html {
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Medium.eot');
  src: url('../fonts/Gilroy-Mediumd41d.eot?#iefix') format("embedded-opentype"),
       url('../fonts/Gilroy-Medium.woff2') format("woff2"),
       url('../fonts/Gilroy-Medium.woff') format("woff"),
       url('../fonts/Gilroy-Medium.ttf') format("truetype");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Bold.eot');
  src: url('../fonts/Gilroy-Boldd41d.eot?#iefix') format("embedded-opentype"),
       url('../fonts/Gilroy-Bold.woff2') format("woff2"),
       url('../fonts/Gilroy-Bold.woff') format("woff"),
       url('../fonts/Gilroy-Bold.ttf') format("truetype");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-ExtraBold.eot');
  src: url('../fonts/Gilroy-ExtraBoldd41d.eot?#iefix') format("embedded-opentype"),
       url('../fonts/Gilroy-ExtraBold.woff2') format("woff2"),
       url('../fonts/Gilroy-ExtraBold.woff') format("woff"),
       url('../fonts/Gilroy-ExtraBold.ttf') format("truetype");
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-ExtraBold-Italic.eot');
  src: url('../fonts/Gilroy-ExtraBold-Italicd41d.eot?#iefix') format("embedded-opentype"),
       url('../fonts/Gilroy-ExtraBold-Italic.woff2') format("woff2"),
       url('../fonts/Gilroy-ExtraBold-Italic.woff') format("woff"),
       url('../fonts/Gilroy-ExtraBold-Italic.ttf') format("truetype");
  font-style: italic;
  font-weight: 800;
}

@font-face {
  font-family: 'Bitter';
  src: url('../fonts/Bitter-Regular.eot');
  src: url('../fonts/Bitter-Regulard41d.eot?#iefix') format("embedded-opentype"),
       url('../fonts/Bitter-Regular.woff') format("woff"),
       url('../fonts/Bitter-Regular.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Bitter';
  src: url('../fonts/Bitter-Bold.eot');
  src: url('../fonts/Bitter-Boldd41d.eot?#iefix') format("embedded-opentype"),
       url('../fonts/Bitter-Bold.woff') format("woff"),
       url('../fonts/Bitter-Bold.ttf') format("truetype");
  font-style: normal;
  font-weight: 700;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: 'Gilroy', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #43332e;
  background: #ffffff;
}

* {
  margin: 0px;
  padding: 0px;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizeSpeed;
}

a,
a:hover,
.checkbox input + span,
.checkbox input:checked + span,
.orange-link::before,
.orange-link:hover::before,
.orange-button,
.orange-button:hover,
.deposit-process,
.deposit-process:hover,
.arrow-button i,
.arrow-button:hover i,
.brown-button,
.brown-button:hover,
.deposit-cancel,
.deposit-cancel:hover,
.brown-button2,
.brown-button2:hover,
.header-bottom ul li a::before,
.header-bottom ul li a:hover::before,
.dropdown,
.dropdown-open,
.dropdown i,
.lang-soon,
.lang-soon:hover,
.input-group input,
.input-group input:focus,
.input-group textarea,
.input-group textarea:focus,
.tabs li,
.tabs li.active,
.main-plans .plan span,
.main-plans .plan.active span,
.main-plans .plan span .plan-checkbox,
.main-plans .plan.active span .plan-checkbox,
.main-plans .plan span img,
.main-plans .plan.active span img,
.processor-tabs li::before,
.processor-tabs li.actibe::before,
.checkbox-ps input + span,
.checkbox-ps input:checked + span,
.checkbox-ps input + span i,
.checkbox-ps input:checked + span i,
.footer-nav ul li a::before,
.footer-nav ul li a:hover::before,
.footer-accept a img,
.footer-accept a:hover img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

b, strong {
  font-weight: 800;
}

small {
  font-size: 14px;
}

p {
  font-size: 16px;
}

input, textarea, p, button {
  font-family: 'Gilroy', sans-serif;
}

textarea {
  resize: vertical;
}

::-webkit-input-placeholder {
  color: #a5a5a5;
  font-size: 14px;
}

::-moz-placeholder {
  color: #a5a5a5;
  font-size: 14px;
}

:-ms-input-placeholder {
  color: #a5a5a5;
  font-size: 14px;
}

:-moz-placeholder {
  color: #a5a5a5;
  font-size: 14px;
}

.select-box {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #58423b;
  color: #58423b;
  font-weight: 800;
  border-radius: 5px;
  height: 40px;
  padding: 0px 10px;
  font-size: 16px;
  background: transparent;
}

.select-big {
  width: 210px;
  background: url('../img/select-down.png') no-repeat center;
  background-size: 12px;
  background-position-x: 184px;
  font-size: 14px;
}

.select-small {
  width: 100px;
  background: url('../img/select-down.png') no-repeat center;
  background-size: 12px;
  background-position-x: 74px;
  font-size: 14px;
}

.checkbox {
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: 2px solid #ffb624;
  border-radius: 50%;
  display: block;
}

.checkbox input {
  position: absolute;
  cursor: pointer;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 101;
}

.checkbox input + span {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 5px;
  top: 5px;
  cursor: pointer;
  opacity: 0;
  -webkit-transform: rotate(45deg) scale(0.5);
  -moz-transform: rotate(45deg) scale(0.5);
  -ms-transform: rotate(45deg) scale(0.5);
  -o-transform: rotate(45deg) scale(0.5);
  transform: rotate(45deg) scale(0.5);
}

.checkbox input:checked + span {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.title {
  font-family: 'Bitter', serif;
  line-height: 1.2;
}

.head-title {
  position: relative;
  font-size: 42px;
  text-align: center;
  margin: 300px 0px 120px 0px;
  z-index: 50;
}

.head-title .border {
  position: relative;
  display: block;
  margin: 30px auto 0px auto;
  width: 350px;
  height: 2px;
  background: #43332e;
}

.head-title .border::before,
.head-title .border::after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #43332e;
  top: -4px;
}

.head-title .border::before {
  left: -10px;
}

.head-title .border::after {
  right: -10px;
}

.head-title .border span {
  position: absolute;
  width: 25px;
  height: 25px;
  background: #43332e;
  border: 3px solid #ffb624;
  display: block;
  left: 50%;
  transform: rotate(45deg) translateX(-50%);
  top: -3px;
}

.section-title {
  font-size: 36px;
  position: relative;
}

.sub-title {
  position: absolute;
  font-size: 70px;
  line-height: 70px;
  font-style: italic;
  color: rgba(0, 0, 0, 0.1);
  left: 20px;
  top: 0px;
}

.sub-title::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 102%;
  height: 100%;
  background: url('../img/lines-bg.png') repeat left bottom;
  background-size: 3px;
}

.title-container {
  width: 1130px;
  position: relative;
  margin: 0px auto;
}

.orange-link {
  font-weight: 700;
  color: #f1a103;
  display: inline-block;
  position: relative;
}

.orange-link::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 0px;
  height: 2px;
  background: #f1a103;
}

.orange-link:hover::before {
  width: 100%;
}

.orange-button,
.deposit-process {
  position: relative;
  display: inline-block;
  text-align: left;
  text-transform: uppercase;
  border: none;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  padding: 0px 22px;
  color: #58423b;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 5px;
  border-bottom: 2px solid #b17c1b;
  cursor: pointer;
  background: rgba(252,186,53,1);
  background: -moz-linear-gradient(top, rgba(252,186,53,1) 0%, rgba(227,159,34,1) 50%, rgba(252,186,53,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,186,53,1)), color-stop(50%, rgba(227,159,34,1)), color-stop(100%, rgba(252,186,53,1)));
  background: -webkit-linear-gradient(top, rgba(252,186,53,1) 0%, rgba(227,159,34,1) 50%, rgba(252,186,53,1) 100%);
  background: -o-linear-gradient(top, rgba(252,186,53,1) 0%, rgba(227,159,34,1) 50%, rgba(252,186,53,1) 100%);
  background: -ms-linear-gradient(top, rgba(252,186,53,1) 0%, rgba(227,159,34,1) 50%, rgba(252,186,53,1) 100%);
  background: linear-gradient(to bottom, rgba(252,186,53,1) 0%, rgba(227,159,34,1) 50%, rgba(252,186,53,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcba35', endColorstr='#fcba35', GradientType=0 );
  background-size: 100% 200%;
}

.orange-button:hover,
.deposit-process:hover {
  background-position: 0 100%;
  box-shadow: 0px 0px 20px 2px rgb(255, 182, 36, 0.5);
}

.orange-button i,
.brown-button i,
.brown-button2 i {
  font-size: 24px;
  position: relative;
  top: 4px;
}

.arrow-button:hover i {
  margin-left: 12px;
}

.brown-button {
  position: relative;
  display: inline-block;
  text-align: left;
  text-transform: uppercase;
  border: 2px solid #43332e;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  padding: 0px 22px;
  color: #43332e;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 5px;
  cursor: pointer;
  background: transparent;
}

.brown-button:hover {
  background: #43332e;
  color: #e1ddcf;
}

.brown-button2,
.deposit-cancel {
  position: relative;
  display: inline-block;
  text-align: left;
  text-transform: uppercase;
  background: #58423b;
  border: none;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  padding: 0px 22px;
  color: #e1ddcf;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 5px;
  cursor: pointer;
}

.brown-button2:hover,
.deposit-cancel:hover {
  background: #43332e;
  color: #ffffff;
  box-shadow: 0px 0px 10px #58423b;
}

.input-group {
  position: relative;
}

.input-group label {
  text-align: left;
  display: block;
  font-weight: 800;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 6px;
}

.input-group input,
.input-group textarea {
  width: 100%;
  display: block;
  border: 2px solid #c1bebd;
  border-radius: 4px;
  position: relative;
  line-height: 40px;
  font-size: 16px;
  background: transparent;
  padding: 0px 10px;
  color: #43332e;
}

.input-group b {
  display: block;
  line-height: 44px;
  background: #dcdcdc;
  border-radius: 5px;
  padding: 0px 10px;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  cursor: not-allowed;
}

.input-group textarea {
  height: 160px;
  min-height: 160px;
}

.input-group input:focus,
.input-group textarea:focus {
  border: 2px solid #ffb624;
}

.input-group i.las,
.input-group i.lar {
  position: absolute;
  right: 2px;
  bottom: 6px;
  height: 32px;
  width: 44px;
  font-size: 24px;
  text-align: center;
  line-height: 32px;
  color: #d2d2d2;
  border-left: 1px solid #d2d2d2;
}

.input-group i.image {
  position: absolute;
  right: 2px;
  bottom: 6px;
  height: 32px;
  width: 44px;
  text-align: center;
  line-height: 32px;
  color: #d2d2d2;
  border-left: 1px solid #d2d2d2;
}

.input-group i.image img {
  width: 32px;
  height: 32px;
}

.in-left {
  float: left;
}

.in-right {
  float: right;
}

.socials {
  position: relative;
}

.socials a {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
}

#wrapper {
  min-width: 1170px;
  max-width: 1920px;
  min-height: 100%;
  position: relative;
  margin: 0px auto;
  overflow: hidden;
}

.container {
  width: 1170px;
  padding: 0px 20px;
  position: relative;
  margin: 0px auto;
  display: table;
}

.header {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 101;
  height: 250px;
  background: url('../img/header-bg.jpg') no-repeat center bottom;
  background-size: 1920px;
}

.header-transparent {
  background: transparent !important;
  height: 170px;
}

.header-transparent2 {
  background: transparent !important;
}

.header .logo {
  position: absolute;
  left: 20px;
  top: 20px;
}

.header nav {
  width: 860px;
  position: relative;
  float: right;
}

.header-top {
  width: 100%;
  position: relative;
  display: table;
  padding: 10px 0px;
}

.header-socials {
  float: left;
  margin-top: 10px;
}

.header-socials a {
  color: #ffffff;
  margin-left: 36px;
  vertical-align: middle;
}

.header-socials a:hover {
  color: #ffb624;
}

.header-socials span {
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  padding-left: 40px;
  margin-left: 40px;
  color: #ffffff;
  position: relative;
}

.header-transparent .header-socials span {
  color: #43332e !important;
}

.header-socials span::before {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  background: #ffb624;
  left: 0px;
  top: 8px;
}

.header-transparent .header-socials span::before {
  background: #43332e !important;
}

.header-access {
  float: right;
}

.header-access span {
  display: inline-block;
  font-weight: 700;
  margin: 0px 10px;
  color: #e1ddcf;
  position: relative;
  top: -14px;
}

.header-transparent .header-access span {
  color: #797979 !important;
}

.header-bottom {
  width: 100%;
  position: relative;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 10px 30px 50px 0px rgba(0, 0, 0, 0.15);
  height: 42px;
}

.header-bottom ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  height: 42px;
  align-items: center;
  width: 760px;
}

.header-bottom ul li a {
  color: #58423b;
  font-weight: 800;
  position: relative;
  display: block;
}

.header-bottom ul li a::before,
.footer-nav li a::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  bottom: -2px;
  width: 0px;
  height: 2px;
  background: #ffb524;
}

.header-bottom ul li a:hover::before,
.footer-nav li a:hover::before {
  width: 100%;
}

.dropdown {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100px;
  height: 100%;
  line-height: 42px;
  overflow: hidden;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #e6e7e9;
  z-index: 200;
}

.dropdown-inner {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: relative;
  overflow: hidden;
  z-index: 200;
}

.dropdown span,
.dropdown a {
  height: 42px;
  line-height: 42px;
  display: block;
  color: #43332e;
  cursor: pointer;
  position: relative;
  font-weight: 700;
  font-size: 18px;
  padding-left: 40px;
}

.dropdown a {
  padding-right: 10px;
  opacity: 0;
  cursor: pointer;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.dropdown img {
  position: absolute;
  left: 10px;
  top: 8px;
}

.dropdown i {
  position: absolute;
  font-size: 16px;
  top: 11px;
  right: 10px;
}

.dropdown-open {
  height: 462px;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 4px;
  background: #dedede;
}

.dropdown-open a {
  opacity: 1;
}

.dropdown-open i {
  transform: rotate(180deg);
}

.dropdown-inner a:hover,
.dropdown-inner span:hover {
  background: rgba(0, 0, 0, 0.05);
}

.lang-soon {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: 800;
  opacity: 0;
  left: 0px;
  top: 0px;
  z-index: 20;
  cursor: pointer;
  background: #dedede;
}

.lang-soon:hover {
  opacity: 1;
}

.main-screen {
  width: 100%;
  background: url('../img/main-bg.jpg') no-repeat center top;
  background-size: 1920px;
  position: relative;
}

.hawk-big {
  width: 1520px;
  height: 920px;
  background: url('../img/hawk-big.png') no-repeat center;
  background-size: 1520px;
  position: absolute;
  top: 150px;
  left: -376px;
  z-index: 30;
}

.main-introduction {
  position: relative;
  margin-left: 560px;
  margin-top: 180px;
  height: 500px;
  z-index: 90;
}

.main-introduction h1,
.cryptocurrency-introduction h1,
.about-scene-1 h1 {
  font-size: 46px;
}

.main-introduction h1 span,
.cryptocurrency-introduction h1 span,
.about-scene-1 h1 span {
  font-family: 'Gilroy', sans-serif;
  position: relative;
  display: block;
  text-transform: uppercase;
  padding-left: 40px;
  font-size: 22px;
}

.main-introduction h1 span::before,
.cryptocurrency-introduction h1 span::before,
.about-scene-1 h1 span::before {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 3px;
  left: 0px;
  top: 10px;
}

.main-introduction h1 span::before {
  background: #43332e;
}

.main-introduction p,
.cryptocurrency-introduction p {
  margin: 20px 0px;
  width: 390px;
}

.main-bottom {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  width: 1130px;
}

.main-bottom-left {
  position: relative;
  width: 360px;
  z-index: 30;
}

.main-screen .main-bottom-left {
  margin-top: 320px;
}

.main-about .in-left::before {
  content: '';
  display: block;
  position: absolute;
  width: 650px;
  height: 374px;
  background: url('../img/waves.png') no-repeat center;
  background-size: 650px;
  left: -630px;
  top: 30px;
}

.main-bottom-left p span {
  color: #ffb624;
  font-size: 36px;
  font-family: 'Bitter', serif;
}

.main-screen .main-investments {
  padding: 40px 0px 10px 26px;
  width: 730px;
}

.main-investments {
  position: relative;
  background: url('../img/feather-bg.png') no-repeat;
}

.main-screen .main-investments {
  background-position: right bottom;
  background-size: 440px;
}

.main-screen .main-investments h1 {
  z-index: 105;
}

.main-screen .main-investments .sub-title {
  left: 46px;
}

.user-page-container .main-investments {
  background-position-x: 320px;
  background-position-y: 0px;
  background-size: 380px;
}

.main-screen .main-investments::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 6px;
  height: 100%;
  background: #ffb624;
  border-radius: 4px;
}

.main-plans {
  z-index: 105;
  position: relative;
}

.user-page-container .main-plans {
  border-bottom: 6px solid #ffb624;
  border-radius: 4px;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.main-plans h4 {
  font-size: 18px;
  margin: 20px 0px 10px 0px;
}

.user-page-container .main-plans h4 {
  margin-bottom: 20px;
}

.main-plans .plan {
  display: inline-block;
  position: relative;
}

.main-plans .plan span {
  display: inline-block;
  cursor: pointer;
  background: #e6e7e9;
  color: #949494;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  text-align: center;
  font-weight: 800;
  font-size: 18px;
}

.main-plans .plan span input {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 101;
  cursor: pointer;
}

.main-plans .plan span img {
  position: relative;
  top: 4px;
  margin-right: 4px;
  filter: grayscale(100%);
  opacity: 0.6;
}

.main-plans .plan.active span {
  background: #ffb624;
  color: #58423b;
  box-shadow: 0px 0px 30px 4px rgb(255, 182, 36, 0.7);
}

.main-plans .plan.active span img {
  filter: grayscale(0%);
  opacity: 1;
}

.main-plans .plan span .plan-checkbox {
  position: absolute;
  background: #43332e;
  color: #e1ddce;
  width: 25px;
  height: 25px;
  top: -10px;
  right: -10px;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.6);
  text-align: center;
  padding-top: 5px;
  font-size: 16px;
}

.main-plans .plan.active span .plan-checkbox {
  opacity: 1;
  transform: none;
}

.main-plans .plan.plan-daily {
  margin-right: 30px;
}

.plans-center {
  position: relative;
  width: 100%;
  display: table;
  margin-top: 30px;
}

.plans-center .plans-terms {
  position: relative;
  padding: 10px 20px;
  border-radius: 4px;
  box-shadow: 0px 0px 30px rgba(128, 128, 128, 0.25);
  background: #ffffff;
  background-size: 5px;
  float: left;
}

.plans-center .plans-terms h4 {
  color: #949494;
  font-size: 18px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.plans-center .plans-terms span {
  display: table;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 6px;
}

.plans-center .plans-terms span p {
  float: left;
  background: #ffffff;
  position: relative;
  z-index: 40;
  padding-right: 3px;
  margin-right: 10px;
}

.plans-center .plans-terms span b {
  float: right;
  line-height: 16px;
  padding-left: 3px;
  position: relative;
}

.plans-center .plans-terms span b::before {
  content: '';
  display: block;
  position: absolute;
  width: 500px;
  height: 2px;
  border-bottom: 2px dotted #c5c5c5;
  left: -500px;
  bottom: 4px;
}

.plans-center .plans-terms span b small {
  text-transform: uppercase;
  font-size: 12px;
}

.plans-terms .plan-daily,
.plans-terms .plan-after {
  display: none;
}

.main-plans .plan.plan-daily.active ~ .plans-center .plans-terms .plan-daily,
.main-plans .plan.plan-after.active ~ .plans-center .plans-terms .plan-after {
  display: block !important;
}

.main-calculator {
  position: relative;
  text-align: center;
  margin-top: -10px;
  float: right;
  max-width: 340px;
}

.main-calculator h3 {
  margin-bottom: 20px;
  font-size: 24px;
  text-align: left;
  padding-left: 55px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 60px;
  line-height: 24px;
  align-items: center;
}

.main-calculator h3 img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 50px;
}

.main-calculator .input-group {
  width: 200px;
  margin: 0px auto;
}

.main-calculator .input-group small,
.withdraw-bottom .input-group small {
  position: absolute;
  right: 0px;
  bottom: 0px;
  line-height: 44px;
  text-transform: uppercase;
  padding: 0px 10px;
  font-weight: 800;
}

.main-calculator .input-group input,
.withdraw-bottom .input-group input {
  padding-right: 60px !important;
}

.main-selector {
  position: relative;
  width: 297px;
  margin: 20px 0px;
  height: 20px;
}

.selector {
  width: 100%;
  background: url('../img/calc-bg.png') repeat-x left bottom;
  background-size: 15px;
  height: 12px;
  position: relative;
  border-bottom: 1px solid #ffb624;
}

.selector-moved {
  background: #fbc559 url('../img/calc-bg2.png') repeat-x left bottom;
  position: absolute;
  left: 0px;
  bottom: 0px;
  box-shadow: 0px 0px 20px #fbc558;
  height: 7px;
}

.resized {
  width: 20px;
  height: 20px;
  text-rendering: auto;
  z-index: 40;
  padding: 8px 0px 0px 8px;
  cursor: pointer !important;
  margin-left: -4px;
  top: -5px;
}

.resized::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #43332e;
  border-radius: 50%;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.resized::after {
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  left: 8px;
  top: 8px;
  background: #ffffff;
}

.main-calculator-results {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.main-calculator-results {
  margin-top: 30px;
}

.main-calculator-results span {
  font-size: 14px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 800;
  border-right: 2px solid #efefef;
  width: 33.333%;
  position: relative;
  padding-left: 50px;
}

.main-calculator-results span i {
  position: absolute;
  left: 10px;
  top: 0px;
  font-size: 32px;
  color: #feb526;
  text-shadow: 0px 0px 20px #feb526;
}

.main-calculator-results span:last-child {
  border-right: 0px;
}

.main-calculator-results span b {
  display: block;
  font-size: 24px;
  line-height: 30px;
  height: 30px;
}

.main-calculator-results span strong {
  display: none;
  line-height: 30px;
  height: 30px;
}

.main-plans .plan.plan-after.active ~ .main-calculator-results span b.daily_return {
  display: none;
}

.main-plans .plan.plan-after.active ~ .main-calculator-results span strong {
  display: block;
}

.main-calculator-results span b small {
  display: inline-block;
  margin-left: 6px;
}

.main-about {
  position: relative;
  width: 100%;
  padding: 100px 0px 70px 0px;
}

.main-about .in-left {
  width: 550px;
  position: relative;
  padding-top: 40px;
}

.main-about .in-left p {
  margin: 20px 0px;
}

.main-about .in-right {
  width: 520px;
  position: relative;
}

.main-about .in-right::before {
  content: '';
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  border: 10px solid #ffb624;
  border-radius: 50%;
  left: -45px;
  top: -45px;
}

.main-about .in-right img {
  width: 520px;
  border-radius: 4px;
  position: relative;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
}

.main-cryptocurrency {
  position: relative;
  width: 100%;
}

.cryptocurrency-top {
  position: relative;
  width: 100%;
  height: 592px;
  background: url('../img/cryptocurrency-bg.jpg') no-repeat center top;
  background-size: 1920px;
  box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.05);
}

.hawk-big2 {
  width: 886px;
  height: 555px;
  background: url('../img/hawk-big2.png') no-repeat center;
  background-size: 886px;
  position: absolute;
  top: 30px;
  right: -105px;
}

.cryptocurrency-introduction {
  position: relative;
  text-align: left;
  color: #ffffff;
  margin-top: 40px;
  z-index: 102;
  height: 430px;
}

.cryptocurrency-introduction h1 span::before {
  background: #ffb624;
}

.cryptocurrency-introduction h1 strong {
  color: #ffb624;
}

.cryptocurrency-introduction h1 b {
  font-size: 70px;
}

.cryptocurrency-bottom {
  position: relative;
  background: #f9f9f9 url('../img/subtle-bg.png') repeat;
  background-size: 100px;
  display: table;
  width: 100%;
  padding: 30px 0px 50px 0px;
  box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.05);
}

.cryptocurrency-bottom-left {
  float: left;
  position: relative;
  width: 330px;
}

.cryptocurrency-bottom-left h1 {
  margin-bottom: 20px;
  font-size: 24px;
  border-left: 3px solid #ffb624;
  padding-left: 13px;
}

.cryptocurrency-coin {
  position: relative;
  background: #ffffff;
  width: 240px;
  float: left;
  margin-left: 30px;
  border-radius: 5px;
  padding-bottom: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  margin-top: -130px;
}

.cryptocurrency-coin span {
  display: block;
  position: relative;
  width: 240px;
  height: 200px;
  background: #ffb624 url('../img/feather-bg.png') no-repeat center;
  background-size: 400px;
  padding: 25px 0px 0px 55px;
  margin-bottom: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.cryptocurrency-coin span img {
  width: 130px;
  height: 157px;
}

.cryptocurrency-coin p {
  padding: 0px 20px;
  position: relative;
}

.cryptocurrency-coin p::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: -30px;
  width: 2px;
  height: 20px;
  background: #43332e;
}

.cryptocurrency-coin .more-coins {
  position: absolute;
  right: -530px;
  width: 530px;
  background: #d0d0d0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  bottom: 25px;
  font-weight: 800;
  padding: 8px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.cryptocurrency-coin .more-coins b {
  font-size: 36px;
  line-height: 36px;
  position: absolute;
  left: -10px;
  top: 2px;
}

.cryptocurrency-coin .more-coins img {
  width: 24px;
  height: 24px;
  margin: 0px 5px;
  display: inline-block;
}

.cryptocurrency-coin .more-coins small {
  position: absolute;
  right: 0px;
  bottom: -20px;
  text-align: right;
  font-weight: 800;
}

.cryptocurrency-bottom-right {
  position: relative;
  float: left;
  margin-left: 30px;
  margin-top: -80px;
  width: 500px;
}

.cryptocurrency-bottom-right h1 {
  font-size: 36px;
}

.cryptocurrency-bottom-right p {
  margin: 20px 0px;
}

.main-benefits {
  width: 100%;
  position: relative;
  background: #f4f4f4 url('../img/marble-bg.jpg') no-repeat center top;
  background-size: 1920px;
  overflow: hidden;
  padding-top: 30px;
}

.main-benefits .sub-title::before {
  background: url('../img/lines-bg2.png');
}

.main-benefits .title {
  margin-bottom: 100px;
  padding-top: 40px;
}

.main-benefits .in-left {
  width: 600px;
  position: relative;
}

.main-benefits .in-left::before {
  content: '';
  display: block;
  position: absolute;
  width: 700px;
  height: 700px;
  bottom: -210px;
  left: -70px;
  border-left: 1px solid #ffb624;
  border-radius: 50%;
  transform: rotate(120deg);
}

.benefits-circle,
.benefits-circle span {
  position: absolute;
  width: 540px;
  height: 540px;
  box-shadow: 0px 0px 30px 5px rgba(255, 255, 255, 0.7);
  border-radius: 50%;
}

.benefits-circle {
  left: 10px;
  bottom: -110px;
  transform: rotate(-25deg);
  background: rgba(0, 0, 0, 0.05);
}

.benefits-circle::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  border: 8px solid transparent;
  border-right: 8px solid #ffb624;
  left: -8px;
  top: -8px;
  border-radius: 50%;
}

.benefits-circle span {
  left: 0px;
  top: 0px;
  transform: scale(0.6);
  background: rgba(0, 0, 0, 0.02);
}

.main-benefits .in-left img {
  position: relative;
  width: 600px;
  left: -10px;
}

.main-benefits .in-right {
  width: 530px;
  position: relative;
  margin-top: -75px;
}

.main-benefits .in-right span {
  position: relative;
  display: table;
  height: 110px;
  min-height: 110px;
  padding-left: 95px;
  margin-bottom: 20px;
}

.main-benefits .in-right span:nth-child(1) {
  left: -170px;
}

.main-benefits .in-right span:nth-child(2) {
  left: -60px;
}

.main-benefits .in-right span:nth-child(3) {
  left: -15px;
}

.main-benefits .in-right span img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 84px;
  height: 84px;
}

.main-benefits .in-right span p {
  position: relative;
}

.main-benefits .in-right span p b {
  display: block;
  font-size: 18px;
  font-style: italic;
}

.main-benefits .in-right span p i {
  position: absolute;
  width: 25px;
  height: 25px;
  background: #ffb624;
  border-radius: 50%;
  left: -18px;
  top: -18px;
  text-align: center;
  padding-top: 4px;
}

.main-benefits .in-right .more-benefits {
  position: relative;
  font-size: 18px;
  display: block;
  padding-left: 36px;
  margin-left: 14px;
  margin-top: 30px;
  color: #7b7b7b;
}

.main-benefits .in-right .more-benefits strong {
  position: absolute;
  font-size: 50px;
  left: 0px;
  top: -12px;
  line-height: 50px;
  color: #ffb624;
}

.main-statistics {
  position: relative;
  padding: 50px 0px;
  background: url('../img/statistics-bg.jpg') no-repeat center;
  background-size: 1920px;
}

.main-statistics h1 {
  text-align: center;
  color: #ffffff;
}

.statistics-transactions {
  width: 100%;
  padding: 30px 0px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
  margin: 50px 0px;
  display: table;
  color: #ffffff;
  position: relative;
}

.statistics-transactions .in-left::before {
  content: '';
  display: block;
  position: absolute;
  right: -1px;
  top: 0px;
  width: 1px;
  height: 100%;
  border-left: 2px dotted rgba(255, 255, 255, 0.2);
}

.statistics-transactions .in-left,
.statistics-transactions .in-right {
  width: 50%;
  position: relative;
  padding: 0px 30px;
}

.statistics-transactions h3 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 30px;
  font-style: italic;
  color: #e1ddce;
}

.statistics-transactions h3 span {
  color: #ffb624;
}

.transaction-box {
  display: table;
  width: 100%;
  line-height: 40px;
  margin-top: 20px;
}

.transaction-box span.user {
  float: left;
  background: rgba(255, 255, 255, 0.1);
  padding: 0px 10px;
  border-radius: 10px;
  width: 250px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.transaction-box span.user i {
  font-size: 22px;
  position: relative;
  top: 2px;
}

.transaction-box span.amount {
  float: right;
  font-weight: 800;
  font-size: 18px;
  width: 170px;
  text-align: right;
  position: relative;
}

.transaction-box span.amount::before {
  content: '';
  display: block;
  position: absolute;
  left: -40px;
  top: 18px;
  width: 30px;
  height: 4px;
  border-top: 4px dotted rgba(255, 255, 255, 0.3);
}

.transaction-box span.amount img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 10px;
}

.transaction-box small {
  text-transform: uppercase;
}

.statistics-full {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 1130px;
}

.stat-box {
  width: 25%;
  text-align: center;
  position: relative;
}

.stat-box::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: -4px;
  width: 2px;
  height: 50px;
  border-left: 2px dotted rgba(255, 255, 255, 0.2);
  transform: rotate(25deg);
}

.stat-box:first-child::before {
  display: none;
}

.stat-box span {
  display: inline-block;
  color: #ffffff;
  text-align: left;
  padding-left: 80px;
  position: relative;
}

.stat-box span img,
.stat-box span svg {
  position: absolute;
  left: 0px;
  top: -20px;
  width: 72px;
  height: 72px;
}

.stat-box span b {
  display: block;
  font-size: 18px;
  color: #ffb624;
  text-shadow: 0px 0px 10px #ffb624;
}

.stat-box span b small {
  text-transform: uppercase;
}

.main-affiliate-news {
  position: relative;
  padding-top: 30px;
}

.main-affiliate-news .in-left {
  width: 350px;
  position: relative;
}

.main-affiliate-news .in-left::before {
  content: '';
  display: block;
  position: absolute;
  width: 650px;
  height: 374px;
  background: url('../img/waves.png') no-repeat center;
  background-size: 650px;
  top: 150px;
  right: -650px;
}

.main-affiliate-news .in-left .title {
  padding-top: 40px;
}

.main-affiliate-news .in-left img {
  position: absolute;
  left: 350px;
  bottom: 50px;
  width: 300px;
}

.main-news-container {
  position: relative;
  border-radius: 5px;
  background: #ffffff;
  padding: 20px;
  box-shadow: 0px 0px 30px rgba(128, 128, 128, 0.25);
  margin: 20px 0px;
  min-height: 250px;
}

.main-news-container h4 {
  font-size: 24px;
}

.main-news-container p {
  margin: 20px 0px;
}

.main-news-container small {
  float: right;
}

.main-affiliate-news .in-right {
  position: relative;
  width: 600px;
  padding-top: 20px;
}

.main-affiliate-news .in-right .title {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.main-affiliate-news .in-right .title span {
  display: inline-block;
  position: relative;
}

.main-affiliate-news .in-right .title span::before,
.main-affiliate-news .in-right .title span::after {
  content: '';
  display: block;
  position: absolute;
  width: 300px;
  height: 5px;
  border-top: 5px dotted grey;
  top: 22px;
}

.main-affiliate-news .in-right .title span::before {
  left: -315px;
}

.main-affiliate-news .in-right .title span::after {
  right: -315px;
}

.main-affiliate-news p {
  text-align: left;
  margin: 10px 0px 30px 0px;
}

.main-affiliate-news p small {
  display: block;
  font-weight: 800;
  margin-top: 10px;
}

.main-affiliate-container {
  position: relative;
  display: table;
  width: auto;
  width: 100%;
  padding-top: 70px;
}

.main-affiliate-container img {
  width: 300px;
  display: block;
  margin-left: 160px;
}

.main-affiliate-container ul {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

.main-affiliate-container ul li {
  position: absolute;
  width: 200px;
  text-align: center;
}

.main-affiliate-container ul li::before,
.main-affiliate-container ul li::after {
  content: '';
  display: block;
  position: absolute;
}

.main-affiliate-container ul li::after {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #43332e;
}

.main-affiliate-container ul li:nth-child(1) {
  top: 20px;
  left: 0px;
}

.main-affiliate-container ul li:nth-child(2) {
  top: 0px;
  right: 145px;
}

.main-affiliate-container ul li:nth-child(3) {
  top: 70px;
  right: 10px;
}

.main-affiliate-container ul li:nth-child(1)::before {
  width: 100px;
  height: 50px;
  border-left: 1px solid #43332e;
  border-bottom: 1px solid #43332e;
  bottom: -55px;
  left: 50%;
}

.main-affiliate-container ul li:nth-child(1)::after {
  bottom: -58px;
  left: 200px;
}

.main-affiliate-container ul li:nth-child(2)::before {
  width: 1px;
  height: 85px;
  border-left: 1px solid #43332e;
  bottom: -90px;
  left: 50%;
}

.main-affiliate-container ul li:nth-child(2)::after {
  bottom: -95px;
  left: 97px;
}

.main-affiliate-container ul li:nth-child(3)::before {
  width: 60px;
  height: 105px;
  border-right: 1px solid #43332e;
  border-bottom: 1px solid #43332e;
  bottom: -110px;
  right: 50%;
}

.main-affiliate-container ul li:nth-child(3)::after {
  bottom: -113px;
  left: 35px;
}

.main-affiliate-container ul li span {
  display: table;
  margin: 0px auto;
}

.main-affiliate-container ul li span b {
  float: left;
  font-size: 40px;
  line-height: 40px;
  margin-right: 5px;
  color: #ffb624;
}

.main-affiliate-container ul li span strong {
  float: right;
  line-height: 16px;
  text-align: left;
  position: relative;
  top: 5px;
  text-transform: uppercase;
  color: #969696;
}

.about-scene-1 {
  position: relative;
  background: url('../img/about-scene-bg.jpg') no-repeat center top;
  width: 100%;
  height: 670px;
  padding-top: 180px;
  color: #ffffff;
  background-size: 1920px;
}

.about-scene-1 .in-left {
  position: relative;
  width: 500px;
  z-index: 105;
}

.about-scene-1 h1 strong {
  color: #ffb624;
}

.about-scene-1 h1 span::before {
  background: #ffb624;
}

.about-scene-1 p {
  margin: 20px 0px;
}

.about-scene-2 {
  position: relative;
  padding: 60px 0px 100px 0px;
  background: #ffffff;
}

.about-scene-2 .in-left {
  width: 500px;
  padding-top: 40px;
}

.about-scene-2 .in-left p {
  margin-top: 20px;
}

.about-scene-2 .in-right {
  width: 570px;
  position: relative;
}

.about-scene-2 .in-right img {
  border-radius: 5px;
  width: 570px;
  position: relative;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
}

.about-scene-2 .in-right::before {
  content: '';
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  border: 10px solid #ffb624;
  border-radius: 50%;
  left: -45px;
  bottom: -45px;
}

.about-team {
  position: relative;
  background: #f4f4f4 url('../img/marble-bg.jpg') no-repeat center top;
  padding: 50px 0px;
}

.about-team h1 {
  text-align: center;
  font-size: 36px;
  position: relative;
}

.about-team h1::before,
.about-team span b::before {
  content: '';
  display: block;
  position: absolute;
  width: 2px;
  height: 20px;
  top: -20px;
  left: 50%;
  background: #feb524;
}

.about-team h1 b {
  color: #feb524;
}

.about-team span {
  float: left;
  position: relative;
  width: 260px;
  text-align: center;
  margin-right: 30px;
  margin-top: 50px;
}

.about-team span:nth-child(4),
.about-team span:nth-child(8) {
  margin-right: 0px;
}

.about-team span img {
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 5px;
  margin: 0px auto;
}

.about-team span b {
  display: block;
  text-align: center;
  font-size: 18px;
  position: relative;
  margin-top: 25px;
  padding-top: 5px;
  font-style: italic;
}

.about-ceo {
  position: relative;
  width: 1130px;
  margin: 0px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding-top: 50px;
}

.about-ceo-left {
  position: relative;
  width: 350px;
}

.about-ceo-left::before {
  content: '';
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  border: 10px solid #ffb624;
  border-radius: 50%;
  left: 40px;
  top: 130px;
}

.about-ceo-left img {
  display: block;
  margin: 0px auto;
  width: 250px;
  position: relative;
}

.about-ceo-left span {
  position: relative;
  display: block;
  margin: 0px auto;
  text-align: center;
  background: #43332f;
  border-radius: 5px;
  padding: 10px 0px;
  color: #e1ddcf;
}

.about-ceo-left span b {
  display: block;
  font-size: 18px;
  font-style: italic;
  margin-bottom: 5px;
}

.about-ceo-text {
  position: relative;
  width: 600px;
  margin-left: 60px;
}

.about-ceo-text h3 {
  margin-bottom: 20px;
  font-size: 36px;
  position: relative;
}

.about-ceo-text h3::before {
  content: '';
  display: block;
  position: absolute;
  width: 2px;
  height: 20px;
  top: -20px;
  left: 12px;
  background: #feb524;
}

.about-ceo-text h3 span {
  color: #feb524;
}

.about-ceo-text p {
  color: #717171;
  font-style: italic;
  margin-bottom: 20px;
}

.investments-scene {
  position: relative;
}

.investments-scene .main-bottom-left::before {
  content: '';
  display: block;
  position: absolute;
  right: -30px;
  top: 0px;
  width: 6px;
  height: 100%;
  background: #ffb624;
  border-radius: 4px;
}

.investments-scene .main-bottom-left h3 {
  font-size: 32px;
  margin-top: 50px;
}

.investments-scene .main-investments {
  padding-top: 40px;
  background-position: right bottom;
  background-size: 440px;
  width: 700px;
}

.affiliate-tagline {
  text-align: center;
  width: 1130px;
  margin: 0px auto;
}

.affiliate-tagline h2 {
  font-size: 32px;
  margin-bottom: 30px;
}

.affiliate-box {
  position: relative;
  margin: 100px 0px 50px 0px;
}

.affiliate-box .in-left {
  width: 500px;
  padding-top: 40px;
}

.affiliate-box .in-left p {
  margin: 20px 0px;
}

.affiliate-box .in-right {
  width: 570px;
  position: relative;
}

.affiliate-box .in-right::before {
  content: '';
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  border: 10px solid #ffb624;
  border-radius: 50%;
  left: -45px;
  top: -45px;
}

.affiliate-box .in-right img {
  border-radius: 5px;
  width: 570px;
  position: relative;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
}

.affiliate-start {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 930px;
  margin: 0px auto;
}

.affiliate-start h3 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
}

.affiliate-start img {
  display: block;
  margin: 0px auto;
}

.start-signup {
  width: 450px;
  background: url('../img/subtle-bg.png') repeat;
  background-size: 100px;
  border-radius: 5px;
  padding: 30px;
}

.start-link {
  width: 450px;
  border: 2px dashed #ffb624;
  border-radius: 5px;
  padding: 30px;
}

.news-box {
  padding: 30px;
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 0px 30px rgba(128, 128, 128, 0.25);
  display: table;
  width: 100%;
  margin-top: 50px;
}

.news-box h4 {
  font-size: 24px;
  position: relative;
  padding-left: 10px;
}

.news-box h4::before {
  content: '';
  display: block;
  position: absolute;
  width: 50px;
  height: 2px;
  background: #ffb624;
  left: -45px;
  top: 14px;
}

.news-box p {
  margin: 10px 0px;
}

.news-box p img {
  float: left;
  margin-right: 30px;
  margin-top: 20px;
  width: 300px;
}

ul.faq-tabs {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

ul.faq-tabs li {
  cursor: pointer;
  background: #ffffff;
  padding: 10px 0px;
  text-align: center;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  font-weight: 800;
  font-size: 18px;
  width: 250px;
  color: #8e8e8e;
}

ul.faq-tabs li.active {
  background: #ffb624 url('../img/feather-bg.png') no-repeat center;
  background-size: 250px;
  box-shadow: 0px 5px 20px rgb(255, 182, 36);
  color: #43332e;
}

ul.faq-tabs li p {
  display: block;
  color: #bfbfbf;
  margin-top: 10px;
}

ul.faq-tabs li.active p {
  color: #ffffff;
}

.faq-group {
  position: relative;
  display: block;
  margin-top: 30px;
}

.faq-group i {
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0px;
  top: -14px;
  background: #ffb624;
  border-radius: 50%;
  text-align: center;
  padding-top: 3px;
  font-size: 22px;
}

.faq-group b {
  font-size: 22px;
  margin-bottom: 5px;
  padding-left: 24px;
  display: block;
  font-style: italic;
}

.faq-group p {
  position: relative;
  padding-left: 25px;
}

.faq-group p::before {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 2px;
  background: #43332e;
  left: 0px;
  top: 7px;
}

.faq-group p img {
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
  margin-right: 2px;
}

.terms-container {
  position: relative;
  padding: 30px;
  border-radius: 5px;
  background: url('../img/subtle-bg.png') repeat;
  background-size: 100px;
}

.terms-container b {
  display: block;
  font-size: 24px;
  margin-bottom: 5px;
  position: relative;
}

.terms-container b::before {
  content: '';
  display: block;
  position: absolute;
  width: 40px;
  height: 2px;
  background: #ffb624;
  top: 14px;
  left: -50px;
}

.terms-container p {
  margin-bottom: 50px;
}

.terms-container p:last-child {
  margin-bottom: 0px;
}

.main-form .input-group {
  margin-bottom: 20px;
}

.contact-map {
  position: relative;
  margin: 0px auto;
  display: block;
  width: 1130px;
}

.contact-page {
  width: 100%;
  position: relative;
  margin-top: -130px;
}

.contact-form {
  float: left;
  width: 500px;
  padding: 30px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  position: relative;
  margin-left: 50px;
  height: 475px;
}

.contact-sent {
  text-align: center;
}

.contact-sent i {
  font-size: 32px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  background: #ffb624;
  padding-top: 10px;
  margin-bottom: 10px;
}

.contact-info {
  background: #43332e url('../img/wall-bg.png') repeat;
  background-size: 96px;
  float: left;
  width: 500px;
  height: 340px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 75px;
  padding: 30px 30px 0px 30px;
  position: relative;
}

.contact-info span {
  display: block;
  position: relative;
  padding-left: 50px;
  color: #e1ddcf;
  margin-bottom: 20px;
}

.contact-info span i {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 36px;
  color: #987a72;
}

.contact-info span b {
  display: block;
  text-transform: uppercase;
  color: #ffb624;
  line-height: 16px;
  margin-bottom: 4px;
}

.contact-info span a {
  color: #e1ddcf;
}

.contact-socials {
  text-align: center;
}

.contact-socials h4 {
  position: relative;
  text-align: center;
  overflow: hidden;
  margin: 30px 0px 20px 0px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
}

.contact-socials h4 b {
  color: #ffffff;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
}

.contact-socials h4 b::before,
.contact-socials h4 b::after {
  content: '';
  display: block;
  position: absolute;
  width: 200px;
  height: 2px;
  background: rgba(255, 255, 255, 0.4);
  top: 10px;
}

.contact-socials h4 b::before {
  left: -210px;
}

.contact-socials h4 b::after {
  right: -210px;
}

.contact-socials a {
  color: #e1ddcf;
  margin: 0px 5px;
}

.contact-socials a:hover {
  color: #ffb624;
}

.contact-info-icon {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  right: -50px;
  top: -50px;
  background: #ffb624;
  color: #ffffff;
  text-align: center;
  font-size: 60px;
  line-height: 100px !important;
}

.form-wrapper {
  position: relative;
  padding: 200px 0px 100px 0px;
  background: #f4f4f4 url('../img/marble-bg.jpg') no-repeat center bottom;
  box-shadow: inset -20px 0px 70px 70px #ffffff;
  margin-top: -200px;
}

.form-wrapper::before {
  content: '';
  display: block;
  width: 650px;
  height: 374px;
  background: url('../img/waves.png') no-repeat center;
  background-size: 650px;
  left: -420px;
  bottom: -30px;
  position: absolute;
}

.container-signin,
.container-signup {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.container-signin,
.signup-overlay,
.container-forgot {
  background: #ffffff;
  box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.15);
  margin: 0px auto;
  border-radius: 5px;
  position: relative;
}

.container-forgot {
  width: 400px;
  padding: 30px;
}

.container-signin {
  width: 750px;
}

.container-signin::before {
  content: '';
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  border: 10px solid #ffb624;
  border-radius: 50%;
  left: -45px;
  bottom: -45px;
}

.signin-info {
  width: 350px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: url('../img/forest-bg.jpg') no-repeat center left;
  background-size: cover;
  color: #ffffff;
  text-align: center;
  padding: 30px;
  position: relative;
}

.signin-info::before,
.signup-bottom::before {
  content: '';
  display: block;
  position: absolute;
  width: 250px;
  height: 220px;
  background: url('../img/hawk-small.png') no-repeat center;
  background-size: 250px;
}

.signin-info::before {
  left: -120px;
  top: -36px;
}

.signin-info img {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0px auto;
}

.signin-info span {
  display: block;
  margin: 30px 0px 10px 0px;
  text-align: center;
  position: relative;
}

.signin-form {
  width: 400px;
  padding: 30px;
}

.signin-form .input-group,
.signup-form .input-group,
.signup-processors .input-group,
.container-forgot .input-group {
  margin-bottom: 20px;
}

.signin-form .orange-link {
  float: right;
}

.signup-overlay {
  width: 900px;
}

.container-signup {
  width: 900px;
}

.container-signup h3 {
  color: #949494;
  font-size: 26px;
  margin-bottom: 30px;
}

.container-signup h3 span {
  color: #ffb624;
  font-size: 42px;
  position: relative;
}

.container-signup h3 span::before {
  content: '';
  display: block;
  position: absolute;
  width: 2px;
  height: 20px;
  top: -20px;
  left: 50%;
  background: #43332e;
}

.signup-form {
  width: 400px;
  padding: 30px;
  position: relative;
}

.signup-upline {
  position: relative;
  padding: 10px;
  overflow: hidden;
  width: 340px;
  text-overflow: ellipsis;
  z-index: 20;
}

.signup-upline label {
  display: block;
  font-weight: 800;
  margin-bottom: 6px;
}

.signup-upline span {
  color: #717171;
}

.signup-upline b {
  font-size: 20px;
  color: #f1a103;
}

.signup-processors {
  width: 500px;
  padding: 30px;
  background: #f4f4f4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.signup-processors .input-group:last-child {
  margin-bottom: 0px;
}

.signup-bottom {
  position: relative;
  background: url('../img/forest-bg.jpg') no-repeat top left;
  padding: 40px 30px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: table;
  width: 100%;
  padding-left: 150px;
}

.signup-bottom::before {
  left: -120px;
  top: -90px;
}

.signup-bottom .signup-terms {
  float: left;
  position: relative;
  padding-left: 45px;
  color: #ffffff;
}

.signup-bottom .signup-terms .checkbox {
  left: 0px;
  top: 4px;
}

.signup-bottom .orange-button {
  float: right;
}

.system-return {
  position: relative;
  text-align: center;
  padding: 10px;
  width: 600px;
  margin: 0px auto 30px auto;
  border-radius: 5px;
}

.system-return b {
  display: block;
  margin-bottom: 6px;
  font-size: 18px;
}

.system-return i {
  font-size: 26px;
  position: relative;
  top: 3px;
}

.system-return.error {
  background: #ff9797;
  border: 2px solid #ff5b5b;
  color: #733434;
}

.system-return.success {
  background: #a3ff9d;
  border: 2px solid #58ea4f;
  color: #2e672b;
}

.loading-wrapper {
  background: #f4f4f4 url('../img/marble-bg.jpg') no-repeat center;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.loading-content {
  display: block;
  margin: 0px auto;
  text-align: center;
}

.loading-content b {
  font-size: 70px;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  color: #bdbdbd;
}

.loading-content b::before {
  content: '';
  display: block;
  width: 150px;
  height: 132px;
  background: url('../img/hawk-small.png') no-repeat center;
  background-size: 150px;
  position: absolute;
  left: -85px;
  top: -75px;
}

.lds-ripple {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0px auto;
  transform: scale(1.2);
}

.lds-ripple span {
  position: absolute;
  border: 5px solid #ffb624;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple span:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

.user-area {
  position: relative;
  width: 1130px;
  margin: 300px auto 0px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  box-shadow: -20px 5px 50px rgba(0, 0, 0, 0.2);
}

.user-area::before {
  content: '';
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  border: 10px solid #ffb624;
  border-radius: 50%;
  left: -45px;
  top: -45px;
}

.user-area nav {
  position: relative;
  width: 300px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #ffffff url('../img/subtle-bg.png') repeat;
  background-size: 100px;
  box-shadow: 30px 0px 30px rgba(0, 0, 0, 0.1);
  z-index: 55;
}

.user-nav-top {
  position: relative;
  background: #43332e url('../img/wall-bg.png') repeat;
  border-top-left-radius: 5px;
  padding: 20px 30px;
}

.user-nav-top span {
  color: #ffffff;
}

.user-nav-top span.welcome {
  display: block;
  position: relative;
  width: 100%;
  padding-right: 30px;
}

.user-nav-top span.welcome a {
  position: absolute;
  right: 0px;
  top: -2px;
  color: #e1ddcf;
}

.user-nav-top span.welcome a:hover {
  transform: rotate(60deg);
}

.user-nav-top span.welcome a i {
  font-size: 24px;
}

.user-area nav ul {
  padding: 30px;
}

.user-area nav ul li {
  display: block;
  padding: 8px 0px;
}

.user-area nav ul li a {
  display: block;
  padding: 0px 0px 0px 20px !important;
}

.user-area nav ul li a.nav-button {
  position: relative;
  height: 40px;
  line-height: 40px;
  background: #c3c3c3;
  color: #43332e;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 5px;
  overflow: hidden;
  letter-spacing: 1px;
}

.user-area nav ul li a.nav-button:hover {
  background: #b3b2b2;
}

.user-area .border {
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  background: #43332e;
  margin: 20px 0px;
}

.user-area .border::before,
.user-area .border::after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #43332e;
  top: -4px;
}

.user-area .border::before {
  left: -10px;
}

.user-area .border::after {
  right: -10px;
}

.user-area .border span {
  position: absolute;
  width: 18px;
  height: 18px;
  background: #43332e;
  border: 2px solid #ffb624;
  display: block;
  left: 50%;
  transform: rotate(45deg) translateX(-50%);
  top: -3px;
}

.hawk-promo {
  position: relative;
  width: 100%;
  background: url('../img/forest-bg.jpg') no-repeat center left;
  background-size: 300px;
  padding: 30px 10px 30px 30px;
}

.hawk-promo img {
  width: 200px;
  position: absolute;
  left: -100px;
  top: -30px;
}

.hawk-promo span {
  display: block;
  color: #ffffff;
  position: relative;
  padding-left: 85px;
  font-size: 15px;
  margin-bottom: 30px;
  font-weight: 700;
}

.user-page-container {
  position: relative;
  width: 830px;
  padding: 30px;
}

.user-area h1 {
  position: relative;
  font-size: 36px;
  text-align: left;
  border-left: 3px solid #fdb524;
  padding-left: 13px;
  line-height: 44px;
  height: 44px;
  overflow: hidden;
  margin-bottom: 50px;
  width: 770px;
}

.user-area h1 span {
  position: relative;
  display: inline-block;
}

.user-area h1 span::before {
  content: '';
  display: block;
  position: absolute;
  width: 700px;
  right: -715px;
  border-top: 5px dotted orange;
  top: 22px;
}

.account-main {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 830px;
}

.account-main h1 {
  position: absolute;
  z-index: 51;
  left: 30px;
  top: 30px;
}

.account-main-left {
  position: relative;
  width: 350px;
  background: #f1f1f1 url('../img/feather-bg.png') no-repeat;
  background-position-y: 270px;
  background-position-x: -70px;
  background-size: 400px;
  padding: 124px 20px 20px 20px;
}

.account-main-left .status {
  position: relative;
  display: table;
  width: 100%;
  line-height: 20px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 2px solid #b3b2b2;
}

.account-main-left .status b {
  float: right;
  padding-right: 24px;
}

.account-main-left .status img {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.account-main-left .status  i {
  font-size: 22px;
  position: absolute;
  right: 0px;
  top: -6px;
  cursor: pointer;
}

.account-main-left .status span {
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  width: 160px;
  padding: 10px;
  position: absolute;
  right: -170px;
  top: -10px;
  opacity: 0;
  border-radius: 5px;
}

.account-main-left .status i:hover +  span {
  opacity: 1;
  z-index: 105;
}

.main-balance {
  position: relative;
}

.total-balance {
  position: relative;
  padding: 10px 0px 0px 100px;
}

.total-balance img {
  position: absolute;
  left: 0px;
  top: 0px;
}

.total-balance strong {
  float: right;
  background: #ffb624;
  padding: 5px 10px;
  border-radius: 5px;
  color: #43332e;
  position: relative;
  top: -20px;
  text-transform: uppercase;
}

.total-balance b {
  display: block;
  font-size: 30px;
}

.detailed-balance {
  position: relative;
  margin-top: 30px;
}

.detailed-balance strong {
  display: block;
  text-transform: uppercase;
}

.detailed-balance span {
  display: table;
  width: 100%;
  position: relative;
  padding-left: 50px;
  line-height: 18px;
  margin-top: 15px;
}

.detailed-balance span img {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.detailed-balance span b {
  display: block;
  font-size: 24px;
  float: right;
  position: relative;
  top: -8px;
}

.detailed-balance span:nth-child(2) b {
  color: #e03723;
}

.detailed-balance span:nth-child(3) b {
  color: #0097e0;
}

.detailed-balance span:nth-child(4) b {
  color: #f9a600;
}

.detailed-balance span:nth-child(5) b {
  color: #848484;
}

.detailed-balance span:nth-child(6) b {
  color: #c1a900;
}

.detailed-balance span:nth-child(7) b {
  color: #4f6ab3;
}

.detailed-balance span:nth-child(8) b {
  color: #44ca3c;
}

.detailed-balance span:nth-child(9) b {
  color: #008ae7;
}

.detailed-balance span b small {
  color: #58423b !important;
}

.auto-refback {
  position: relative;
  text-align: center;
}

.auto-refback h3 {
  font-size: 24px;
}

.auto-refback p {
  margin: 15px 0px;
}

.account-main-right {
  position: relative;
  width: 480px;
  padding: 104px 20px 20px 20px;
}

.user-information {
  position: relative;
  margin-bottom: 30px;
  background: #ffffff url('../img/subtle-bg.png') repeat;
  padding: 20px;
  border-radius: 5px;
}

.user-information h3 {
  font-size: 24px;
}

.user-info-icon {
  position: absolute;
  background: #ffb624;
  font-size: 30px;
  border-radius: 50%;
  line-height: 50px !important;
  text-align: center;
  color: #ffffff;
  right: -10px;
  top: -20px;
  width: 50px;
  height: 50px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.user-information span {
  display: table;
  width: 100%;
  margin-top: 10px;
}

.user-information b {
  float: right;
  text-align: right;
}

.user-information a {
  margin-top: 15px;
}

.input-absolute {
  position: relative;
}

.input-absolute input {
  line-height: 36px;
  padding-right: 100px;
}

.input-absolute button,
.input-absolute a {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.main-upline {
  position: relative;
  margin: 20px 0px;
  padding-left: 120px;
  padding-top: 20px;
  height: 183px;
  background: url('../img/marble-bg.jpg') no-repeat center;
  box-shadow: inset 0px 0px 30px 30px white;
  background-size: cover;
}

.main-upline::before {
  content: '';
  display: block;
  position: absolute;
  left: -20px;
  top: 0px;
  width: 340px;
  height: 194px;
  background: url('../img/hawk-sitting.png') no-repeat center;
  background-size: 340px;
  height: 194px;
}

.main-upline span {
  display: block;
  font-weight: 800;
  position: relative;
  color: #757575;
  margin-bottom: 10px;
  font-size: 18px;
}

.main-upline b {
  display: block;
  font-size: 20px;
  color: #f1a103;
  position: relative;
  width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-upline a {
  display: inline-block;
  color: #58423b;
  font-size: 32px;
  position: relative;
}

.user-statistics {
  position: relative;
  background: #ffffff;
  padding: 20px;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.user-statistics img {
  position: absolute;
  left: 20px;
  top: 20px;
}

.user-statistics h3 {
  display: block;
  margin-left: 80px;
  font-size: 24px;
  border-bottom: 2px solid #43332e;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-top: 5px;
  margin-bottom: 30px;
  position: relative;
}

.user-statistics h3::before {
  content: '';
  display: block;
  position: absolute;
  width: 2px;
  height: 20px;
  background: #ffb624;
  left: 27px;
  top: -30px;
}

.user-statistics span {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}

.user-statistics span b {
  float: right;
  text-align: right;
}

.processor-tabs {
  position: relative;
  margin-bottom: 30px;
}

.processor-tabs li {
  display: inline-block;
  color: #949494;
  font-weight: 800;
  position: relative;
  font-size: 20px;
  padding-bottom: 5px;
  cursor: pointer;
}

.processor-tabs li:first-child {
  margin-right: 30px;
}

.processor-tabs li.active {
  color: #58423b;
}

.processor-tabs li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 0px;
  height: 2px;
  background: #ffb624;
}

.processor-tabs li.active::before {
  width: 100%;
}

.processor-contents {
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
  position: relative;
  border-radius: 5px;
  padding: 20px;
  display: table;
}

.processor-contents b {
  display: block;
  margin-bottom: 20px;
}

.deposit-processors li {
  width: 167px;
  font-size: 16px;
  font-weight: 800;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}

.deposit-processors li:nth-child(4),
.deposit-processors li:nth-child(8) {
  margin-right: 0px;
}

.deposit-processors li:nth-child(9) {
  margin-bottom: 0px;
}

.deposit-processors li img {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 5px;
  top: 5px;
}

.checkbox-ps {
  position: relative;
  display: block;
}

.checkbox-ps input {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 100;
  cursor: pointer;
}

.checkbox-ps input + span {
  display: block;
  font-weight: 800;
  color: #949494;
  position: relative;
  height: 44px;
  border: 2px solid #b3b2b2;
  border-radius: 5px;
  padding-left: 40px;
}

.checkbox-ps input:checked + span {
  color: #43332e;
  border: 2px solid #ffb624;
  box-shadow: 0px 0px 20px 4px rgb(255, 182, 36, 0.3);
}

.checkbox-ps input + span i {
  position: absolute;
  opacity: 0;
  transform: scale(0.6);
  width: 25px;
  height: 25px;
  top: -10px;
  right: -10px;
  background: #ffb624;
  border-radius: 50%;
  text-align: center;
  padding-top: 5px;
  color: #43332e;
}

.checkbox-ps input:checked + span i {
  opacity: 1;
  transform: none;
}

.tab-contents span.external {
  padding-top: 10px;
}

.tab-contents span.internal {
  padding-top: 2px;
}

.tab-contents span.internal small {
  display: block;
}

.confirm-form {
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin-bottom: 20px;
}

.confirm-form th {
  text-align: left;
}

.confirm-form td {
  text-align: right;
}

.deposit-process-wrap {
  margin-right: 20px;
}

.deposit-process-wrap,
.deposit-cancel-wrap {
  display: inline-block;
  vertical-align: middle;
}

.edit-container {
  display: table;
  width: 100%;
}

.edit-container .input-group {
  margin-bottom: 20px;
}

.edit-container .in-left,
.edit-container .in-right {
  width: 370px;
}

.select-container {
  position: relative;
}

.select-container .select-box {
  margin-bottom: 10px;
}

.transactions-box {
  position: relative;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
}

.transactions-box th {
  padding-bottom: 10px;
}

.transactions-box td {
  padding: 10px 0px;
  border-top: 2px solid #c3c3c3;
}

.withdraw-container {
  position: relative;
  width: 100%;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 20px;
}

.withdraw-container .checkbox {
  position: relative !important;
}

.withdraw-container th {
  padding-bottom: 10px;
}

.withdraw-container td {
  border-top: 2px solid #c3c3c3;
  padding: 10px 0px;
}

.withdraw-container b.wallet {
  display: block;
  width: 330px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}

.withdraw-bottom {
  position: relative;
  display: table;
  width: 100%;
  margin-top: 50px;
}

.withdraw-bottom .in-left {
  width: 300px;
}

.withdraw-bottom .in-left button {
  margin-top: 20px;
}

.withdraw-bottom .in-right {
  width: 400px;
}

.deposit-list {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.deposit-list-plan {
  width: 370px;
  text-align: left;
  position: relative;
}

.deposit-list-plan:first-child::before {
  content: '';
  display: block;
  position: absolute;
  right: -15px;
  top: 0px;
  width: 1px;
  height: 100%;
  background: #c1bebd;
}

.deposit-list-plan h3 {
  text-align: center;
  margin-bottom: 30px;
}

.deposit-list-plan h3 span {
  background: #ffb624;
  color: #58423b;
  box-shadow: 0px 0px 30px 4px rgb(255, 182, 36, 0.7);
  padding: 10px 20px;
  font-size: 18px;
  border-radius: 5px;
  font-weight: 800;
}

.deposit-list-plan strong {
  display: block;
  text-align: center;
}

.deposit-list-plan .deposit-transaction {
  display: table;
  position: relative;
  width: 100%;
  margin-top: 10px;
}

.deposit-list-plan .deposit-transaction p {
  position: relative;
  float: left;
}

.deposit-list-plan .deposit-transaction b {
  float: right;
  text-align: right;
}

.deposit-list-plan .deposit-transaction img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

.deposit-list-stats {
  position: relative;
  background: #ffffff;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
  padding: 10px 15px;
  margin-top: 20px;
  border-radius: 5px;
}

.deposit-list-stats p {
  display: table;
  width: 100%;
  position: relative;
  margin: 5px 0px;
}

.deposit-list-stats b {
  float: right;
  text-align: right;
}

.user-area-top {
  display: table;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

.user-area-top span {
  float: left;
  margin-left: 20px;
  display: table;
  font-weight: 700;
  border-left: 2px solid #c3c3c3;
  padding-left: 20px;
}

.user-area-top p {
  float: left;
  text-align: left;
  line-height: 16px;
}

.user-area-top span:first-child {
  margin-left: 0px;
  padding-left: 0px;
  border-left: none;
}

.user-area-top span b {
  float: right;
  text-align: right;
  font-size: 32px;
  line-height: 32px;
  margin-left: 20px;
  color: #fdb524;
}

.user-area-top small {
  text-transform: uppercase;
  color: #737373;
  line-height: 14px;
}

.referrals-container {
  border-radius: 5px;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
  padding: 10px;
  width: 100%;
}

.referrals-container th {
  padding-bottom: 10px;
}

.referrals-container td {
  padding: 10px 0px;
  border-top: 2px solid #c3c3c3;
}

.promo-container {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
  padding: 20px;
  margin-top: 30px;
}

.promo-container img {
  display: block;
  margin: 10px 0px 20px 0px;
}

.promo-container label {
  font-size: 24px;
  display: block;
  font-weight: 800;
}

.promo-container textarea {
  height: 44px !important;
  min-height: 44px !important;
}

.security-box {
  position: relative;
}

.security-box h3 {
  font-size: 24px;
}

.security-box .security-line {
  display: block;
  position: relative;
  padding-left: 40px;
  line-height: 30px;
  font-weight: 800;
  margin-top: 20px;
  font-size: 18px;
}

.security-box .security-line .checkbox {
  left: 0px;
  top: 0px;
}

.pagination {
  text-align: center;
  margin-top: 30px;
}

.pagination li {
  display: inline-block;
  margin: 0px 10px;
}

.footer {
  width: 100%;
  background: url('../img/footer-bg.jpg') no-repeat center top;
  background-size: 1920px;
  padding: 130px 0px 30px 0px;
  margin-top: 100px;
  position: relative;
}

.footer-inner {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 1130px;
  margin-bottom: 30px;
}

.footer-logo {
  position: relative;
  display: block;
  margin-top: -20px;
}

.footer-nav {
  width: 540px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.footer-nav ul li {
  margin-bottom: 10px;
}

.footer-nav ul li a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 800;
  position: relative;
}

.footer-nav ul li a:hover {
  color: #ffffff;
}

.footer-socials {
  position: relative;
  text-align: right;
}

.footer-socials h4 {
  text-transform: uppercase;
  color: #ffb624;
  font-size: 18px;
  margin-bottom: 20px;
}

.footer-socials a {
  color: #e1ddcf;
  margin-right: 10px;
}

.footer-socials a:last-child {
  margin-right: 0px;
}

.footer-socials a:hover {
  color: #ffb624;
}

.title-accept {
  position: relative;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 18px;
}

.title-accept::before {
  content: '::::::';
  position: relative;
  display: inline-block;
  left: 0px;
  top: -2px;
  color: #ffb624;
  font-size: 20px;
  padding-right: 10px;
}

.footer-accept {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 1130px;
  margin-bottom: 50px;
}

.footer-accept a {
  display: block;
  position: relative;
}

.footer-accept a:hover img {
  transform: rotateX(360deg);
  opacity: 0.7;
}

.footer-copyright {
  position: relative;
  color: #ffffff;
  letter-spacing: 1px;
}