body {
  margin: 0px;
  padding: 0px;
  font-family: "Gotham Pro", Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  background: #ffffff;
  color: #5b5b5b;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
}

* {
  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;
}

@font-face {
  font-family: "Bit-Out";
  src: url("../fonts/Bit-Out.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Ekibastuz";
  src: url("../fonts/Ekibastuz-Bold.woff") format("woff");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "Ekibastuz";
  src: url("../fonts/Ekibastuz-Black.woff") format("woff");
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: "EnigmaticUnicode";
  src: url("../fonts/EnigmaticUnicode.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Gotham Pro";
  src: url("../fonts/GothamPro-Black.woff") format("woff");
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: "Gotham Pro";
  src: url("../fonts/GothamPro-Bold.woff") format("woff");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "Gotham Pro";
  src: url("../fonts/GothamPro-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: bold;
}

@font-face {
  font-family: "Gotham Pro";
  src: url("../fonts/GothamPro-Italic.woff") format("woff");
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: "Gotham Pro";
  src: url("../fonts/GothamPro-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Gotham Pro";
  src: url("../fonts/GothamPro-MediumItalic.woff") format("woff");
  font-style: italic;
  font-weight: 500;
}

@font-face {
  font-family: "Gotham Pro";
  src: url("../fonts/GothamPro.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

p {
  margin: 0;
  display: block;
  line-height: 1.44em;
  font-size: 14px;
}

b, strong {
  font-weight: bold;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

a,
a:hover,
.top-bar .right a.bordered::before,
.top-bar .right a.bordered:hover::before,
.top-bar .right a.pink::before,
.top-bar .right a.pink:hover::before,
input,
input:focus,
.btn,
.btn:hover,
.checkbox input + span,
.checkbox input:checked + span,
footer nav ul li a b,
footer nav ul li a:hover b,
footer nav ul li a::before,
footer nav ul li a:hover::before,
.accordion-item,
.accordion-item.active,
.accordion-item span.icon:before,
.accordion-item span.icon:after,
.field textarea,
.field textarea:focus {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.top-bar .right a.bordered::before,
.top-bar .right a.pink::before,
.header::after,
.header-page::after,
ul.breadcrumbs li a.current::before,
.header-inset::before,
.owl-item::before,
.inv-plan ul li::before,
footer .left::before,
footer .left::after,
footer nav ul li a::before,
footer .processors h4 span::before,
.affiliate-list .item::before,
.affiliate-list .item > abbr,
.affiliate-how .item span::before,
h4.usertitle::before {
  content: '';
  display: block;
  position: absolute;
}

.main-select {
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #ffffff;
  padding: 10px;
  font-size: 14px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.select-big {
  width: 200px;
  background: url('../images/main-select.png') no-repeat center right transparent;
  background-size: 12px;
  background-position-x: 178px;
}

.select-small {
  width: 100px;
  background: url('../images/main-select.png') no-repeat center right transparent;
  background-size: 12px;
  background-position-x: 78px;
}

h1.title {
  color: #ffffff;
  font-size: 46px;
}

h1.title span.pink {
  color: #cc326e;
}

h1.title span.yellow {
  color: #ffd248;
}

h2.title {
  margin-bottom: 30px;
  padding: 0px;
  font-family: "Ekibastuz", Arial, sans-serif;
  font-size: 30px;
  color: #272427;
  font-weight: 800;
  line-height: 30px;
}

h2.title.white {
  color: #ffffff;
}

h2.title > span.blue {
  color: #5aafc3;
}

h2.title > span.pink {
  color: #cc326e;
}

h2.title > span.yellow {
  color: #ffd248;
}

h2.title > span.white {
  color: #ffffff;
}

h2.title > span abbr {
  font-weight: 400;
  display: inline-block;
  vertical-align: top;
  font-family: "Bit-Out", Arial, sans-serif;
  margin: -5px 2px 0px 0px;
}

h2.title > span.line {
  color: #272427;
  display: block;
  padding-left: 42px;
}

h2.title > small {
  display: block;
  padding: 0px 0px 0px 43px;
  font-size: 14px;
  color: #777777;
  font-weight: 400;
  margin-top: -5px;
}

h3.title {
  font-size: 25px;
  font-weight: 800;
  text-transform: none;
  display: block;
  margin-bottom: 25px;
}

h3.title.white {
  color: #ffffff;
}

h3.title > span.pink {
  color: #cc326e;
}

p.s-bold {
  font-weight: bold;
  color: #272427;
  font-size: 16px;
  line-height: 1.44;
}

.italic {
  font-style: italic;
}

.title-center {
  text-align: center;
}

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

.btn {
  display: inline-block;
  position: relative;
  border: none;
  overflow: hidden;
  text-align: center;
  line-height: normal;
  vertical-align: top;
  cursor: pointer;
}

.btn.btn-large {
  padding: 15px 21px;
  height: 46px;
}

.btn.btn-yellow {
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  box-shadow: 0 7px 15px 0 rgba(255, 210, 72, 0.05);
  border-bottom: 2px solid #b79429;
  background: #ffd248;
  color: #5a470a;
}

.btn.btn-yellow:hover {
  background: #ffc515;
  box-shadow: 0 7px 20px 0 rgba(255, 210, 72, 0.12);
}

.btn.btn-grid {
  height: 24px;
  border: 1px solid #27272c;
  border-radius: 2px;
  color: #9f9ea7;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  background: url('../images/btn-grid.png') 0 0 repeat;
  line-height: 22px;
  font-size: 12px;
  padding: 0px 15px;
}

.btn.btn-grid i {
  font-size: 10px;
}

.btn.btn-grid:hover {
  color: #ffffff;
}

.btn-grid-2 {
  background-image: linear-gradient(135deg, #f7f7f7 25%, transparent 25%, transparent 50%, #f7f7f7 50%, #f7f7f7 75%, transparent 75%, transparent);
  background-size: 10px 10px;
  height: 40px;
  border: 2px solid #ebebeb;
  border-radius: 4px;
  line-height: 38px;
  padding: 0px 24px;
  color: #535357;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.btn.btn-grid-2 i {
  color: #11badb;
  font-size: 16px;
  position: relative;
  vertical-align: middle;
}

.btn.btn-grid-2:hover {
  animation: animate-stripes 2s linear infinite;
}

@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 60px 0;
  }
}

.btn.btn-pink {
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-radius: 4px;
  box-shadow: 0 7px 15px 0 rgba(204, 50, 110, 0.05);
  background: #cc326e;
  background-position: right center;
  border-bottom: 2px solid #ab1e55;
  color: #ffffff;
}

.btn.btn-pink:hover {
  background: #a32858;
  box-shadow: 0 7px 20px 0 rgba(204, 50, 110, 0.12);
}

.box-info {
  text-align: left;
  position: relative;
  padding: 20px 44px 20px 44px;
  background: #ffffff;
  border-radius: 5px;
  font-weight: 500;
  font-style: italic;
  box-shadow: 0px 15px 57px 0px rgba(135, 135, 135, 0.22);
  display: block;
  z-index: 1;
}

.box-info i.point {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  left: -22px;
  height: 44px;
  width: 44px;
  display: block;
  text-align: center;
  line-height: 41px;
  padding-left: 2px;
  font-family: "Bit-Out", Arial, sans-serif;
  color: #dadada;
  font-style: normal;
  font-weight: 400;
  border-radius: 50%;
  background: url('../images/progress-point.png') no-repeat center;
  background-size: 44px;
}

.box-info p {
  margin-bottom: 0px !important;
}

.navbar .top-bar,
.navbar ul,
.header-inset .bottom,
.boxs,
.box-rules .top,
.main-3 .tables,
.plans-wrap,
section.form,
.flex,
.form-group,
footer nav,
footer .processors,
.careers-items,
.requirements-items,
.affiliate-list,
.main-3 .platforms-inset,
.affiliate-how,
.team-list .team-line,
.block-balance,
.account-nav,
.account-top-nav,
.account-top-nav div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.navbar .top-bar,
.header-inset .bottom,
.box-rules .top {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

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

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

.header {
  position: relative;
  width: 100%;
  height: 762px;
  background: url('../images/header-wide.jpg') no-repeat center;
  background-size: 1920px;
  padding-top: 200px;
}

.header::after {
  position: absolute;
  width: 100%;
  height: 36px;
  background: url('../images/header-after.png') no-repeat center;
  background-size: 1920px;
  left: 0px;
  bottom: 0px;
}

.header-top {
  position: absolute;
  left: 0px;
  top: 0px;
  background: transparent;
  padding: 20px 0px;
  z-index: 999;
  width: 100%;
}

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

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

.navbar .top-bar {
  width: 100%;
  margin-bottom: 20px;
  justify-content: space-between;
}

.social {
  position: relative;
}

.social a {
  display: inline-block;
  color: #afaeb4;
}

.social a:hover {
  color: #ffffff;
}

.social i {
  font-size: 22px;
}

.social a i.fa-twitter,
.social a i.fa-telegram-plane {
  margin-left: 10px;
}

.socias {
  position: relative;
}

.socias a {
  display: inline-block;
  color: #19181b;
}

.socias a:hover {
  color: #000000;
}

.socias i {
  font-size: 22px;
}

.socias a i.fa-twitter,
.socias a i.fa-telegram-plane {
  margin-left: 10px;
}

.top-bar .center span.phone {
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0.1em;
  font-family: "Ekibastuz", Arial, sans-serif;
  border-radius: 4px;
  margin-right: 30px;
}

.top-bar .center span.phone i {
  color: #5aafc3;
}

.top-bar .center span.time {
  color: #ffffff;
  display: inline-block;
  width: 160px;
  text-align: left;
}

.top-bar .center span.time i {
  color: #ffd248;
}

.top-bar #clockbox {
  font-size: 18px;
}

.top-bar .right {
  position: relative;
}

.top-bar .right a {
  position: relative;
  display: inline-block;
  padding: 12px 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
}

.top-bar .right a:hover {
  color: #ffffff;
}

.top-bar .right a.bordered {
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #afaeb4;
}

.top-bar .right a.bordered:hover {
  color: #ffffff;
}

.top-bar .right a.bordered::before {
  height: 100%;
  -webkit-transform: skew(-20deg, 0);
  -moz-transform: skew(-20deg, 0);
  -o-transform: skew(-20deg, 0);
  -ms-transform: skew(-20deg, 0);
  transform: skew(-20deg, 0);
  width: 0px;
  left: -10px;
  top: 0;
  background: rgba(255, 255, 255, 0.1);
}

.top-bar .right a.bordered:hover::before {
  width: 120%;
}

.top-bar .right a.bordered i,
.top-bar .right a.pink i {
  font-size: 12px;
}

.top-bar .right a.pink {
  border-radius: 4px;
  background: #cc326e;
  border: 1px solid #ab1e55;
  color: #ffffff;
  margin-left: 20px;
}

.top-bar .right a.pink:hover {
  background: #ab1e55;
}

.top-bar .right a.pink::before {
  height: 100%;
  -webkit-transform: skew(-20deg, 0);
  -moz-transform: skew(-20deg, 0);
  -o-transform: skew(-20deg, 0);
  -ms-transform: skew(-20deg, 0);
  transform: skew(-20deg, 0);
  width: 0px;
  left: -10px;
  top: 0;
  background: rgba(255, 255, 255, 0.05);
}

.top-bar .right a.pink:hover::before {
  width: 120%;
}

.navbar ul {
  justify-content: space-between;
}

.navbar ul li a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  color: #afaeb4;
}

.navbar ul li a:hover {
  color: #ffffff;
}

.header-page {
  background: url('../images/header-wide.jpg') no-repeat center bottom;
  background-size: 1920px;
  position: relative;
  height: 300px;
  padding-top: 160px;
}

.header-page::after {
  left: 0px;
  bottom: -1px;
  width: 100%;
  height: 36px;
  background: url('../images/header-after.png') no-repeat center;
  background-size: 1920px;
}

.header-page h1.title {
  display: block;
  font-size: 38px;
  text-align: center;
  font-family: "Ekibastuz", Arial, sans-serif;
  font-weight: 800;
  line-height: 1;
}

ul.breadcrumbs {
  display: block;
  margin-top: 20px;
  text-align: center;
}

ul.breadcrumbs li {
  display: inline-block;
}

ul.breadcrumbs li a {
  padding: 0 20px;
  font-weight: bold;
  color: #ffffff;
  position: relative;
}

ul.breadcrumbs li a.current {
  color: #ffd248;
  text-decoration: underline;
}

ul.breadcrumbs li a.current::before {
  height: 3px;
  width: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  background: #cecece;
  left: 0px;
  top: 6px;
}

.header-inset {
  padding-left: 30px;
  position: relative;
  padding-bottom: 50px;
  height: auto;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 50;
}

.header-inset::before {
  height: 40px;
  width: 1px;
  left: -1px;
  top: 0px;
  background: #57aec2;
}

.header-inset span.explore {
  position: absolute;
  text-transform: uppercase;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: rgba(255, 255, 255, 0.2);
  font-size: 10px;
  letter-spacing: 0.16em;
  font-weight: bold;
  bottom: -45px;
  left: -30px;
}

.header h1.title {
  margin-top: -5px;
  margin-bottom: 40px;
  font-family: "Ekibastuz", Arial, sans-serif;
  font-weight: 800;
  line-height: 1;
}

.header-inset .bottom a.btn-yellow {
  margin-right: 30px;
}

.header-inset .bottom p {
  font-style: italic;
  color: rgba(255, 255, 255, 0.6);
  line-height: normal;
}

.header-inset .news-box {
  display: block;
  height: auto;
  max-width: 540px;
  border-radius: 4px;
  position: relative;
  box-shadow: 0px 1px 0px rgba(101, 101, 113, 0.22);
  background: url('../images/news-box.png') 0 0 no-repeat;
  padding: 10px 20px;
  margin-top: 30px;
}

.header-inset .news-box .top {
  display: table;
  margin-bottom: 10px;
}

.header-inset .news-box .top > span {
  display: table-cell;
  white-space: nowrap;
}

.header-inset .news-box .top > span.top-label {
  vertical-align: top;
  margin-left: 5px;
  background: #cc326e;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  color: #ffffff;
  padding: 0px 10px;
  font-weight: bold;
  border-radius: 10px;
}

.header-inset .news-box .top > span.top-line {
  height: 1px;
  width: 100%;
  background: url('../images/line-pointer.png') center center repeat-x;
}

.header-inset .news-box .top > span.top-posted {
  padding: 2px 0px 2px 3px;
  color: #848484;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.header-inset .news-box .top > span.top-posted abbr.yellow {
  color: #ffd248;
}

.header-inset .news-box .bottom {
  min-height: 25px;
  padding-right: 90px;
  position: relative;
}

.header-inset .news-box b.news-box_title {
  color: #ffffff;
  font-weight: bold;
}

.header-inset .news-box a.btn {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.header-img-box2 {
  position: absolute;
  width: 640px;
  height: 713px;
  background: url('../images/img_5.png') no-repeat center;
  background-size: 640px;
  top: -120px;
  right: -20px;
}

.header-dashboard2 {
  width: 515px;
  height: 480px;
  background: url('../images/dashboard-overlay.png') no-repeat bottom left;
  background-size: 515px;
  left: 60px;
  top: 70px;
  position: absolute;
  animation: header-dashboard-overlay-anim 10s ease-in-out infinite;
}

.header-dashboard2::before {
  content: '';
  display: block;
  position: absolute;
  width: 515px;
  height: 480px;
  background: url('../images/dashboard.png') no-repeat bottom left;
  background-size: 515px;
  left: 0px;
  top: 0px;
  animation: header-dashboard-anim 10s ease-in-out infinite;
}

.header-logo {
  width: 299px;
  height: 79px;
  position: absolute;
  background: url('../images/header-logo.png') no-repeat center;
  background-size: 299px;
  left: 180px;
  top: 240px;
  animation: header-logo-anim 10s ease-in-out infinite;
}

.header-graph-container {
  width: 372px;
  height: 184px;
  position: absolute;
  left: 160px;
  top: 270px;
}

.header-graph {
  width: 100%;
  height: 184px;
  position: absolute;
  background: url('../images/graph-anim.png') no-repeat center left;
  background-size: 372px;
  left: 0px;
  top: 0px;
  transform: none;
  opacity: 1;
  animation: header-graph-anim 10s ease-in-out infinite;
}

.header-dot {
  width: 42px;
  height: 51px;
  background: url('../images/dot.png') no-repeat center;
  background-size: 42px;
  position: absolute;
  transform: scale(0.5);
  opacity: 0;
}

.header-dot::before {
  content: '';
  display: block;
  position: absolute;
  width: 54px;
  height: 68px;
  left: -6px;
  top: -9px;
  background: url('../images/dot-shadow.png') no-repeat center;
  background-size: 54px;
}

.header-dot.dot-1 {
  left: 210px;
  top: 275px;
  animation: header-dot-1-anim 10s ease-in-out infinite;
}

@keyframes header-dot-1-anim {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  66% {
    opacity: 0;
    transform: scale(0.5);
  }

  71% {
    opacity: 1;
    transform: scale(1);
  }

  76% {
    opacity: 0;
    transform: scale(0.5);
  }

  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}

.header-dot.dot-2 {
  left: 322px;
  top: 296px;
  animation: header-dot-2-anim 10s ease-in-out infinite;
}

@keyframes header-dot-2-anim {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  70% {
    opacity: 0;
    transform: scale(0.5);
  }

  75% {
    opacity: 1;
    transform: scale(1);
  }

  80% {
    opacity: 0;
    transform: scale(0.5);
  }

  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}

.header-dot.dot-3 {
  left: 400px;
  top: 368px;
  animation: header-dot-3-anim 10s ease-in-out infinite;
}

@keyframes header-dot-3-anim {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  74% {
    opacity: 0;
    transform: scale(0.5);
  }

  79% {
    opacity: 1;
    transform: scale(1);
  }

  84% {
    opacity: 0;
    transform: scale(0.5);
  }

  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}

@keyframes header-graph-anim {
  0% {
    width: 0px;
    opacity: 1;
    transform: none;
  }

  60% {
    width: 0px;
    opacity: 1;
    transform: none;
  }

  80% {
    width: 100%;
    opacity: 1;
    transform: none;
  }

  95% {
    width: 100%;
    opacity: 1;
    transform: none;
  }

  100% {
    width: 100%;
    opacity: 0;
    transform: scale(0.75) translateY(50px);
  }
}

@keyframes header-logo-anim {
  0% {
    opacity: 1;
    transform: none;
  }

  19% {
    opacity: 1;
    transform: none;
  }

  20% {
    opacity: 1;
    transform: none;
  }

  57% {
    opacity: 1;
    transform: none;
  }

  65% {
    opacity: 1;
    transform: scale(0.75) translateY(-80px);
  }

  95% {
    opacity: 1;
    transform: scale(0.75) translateY(-80px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes header-dashboard-overlay-anim {
  0% {
    opacity: 0.6;
    background-size: 0px;
  }

  10% {
    opacity: 0.6;
    background-size: 0px;
  }

  15% {
    opacity: 1;
    background-size: 515px;
  }

  50% {
    opacity: 1;
    background-size: 515px;
  }

  55% {
    opacity: 0.6;
    background-size: 0px;
  }

  100% {
    opacity: 0.6;
    background-size: 0px;
  }
}

@keyframes header-dashboard-anim {
  0% {
    opacity: 0;
    transform: translateY(80px);
  }

  16% {
    opacity: 0;
    transform: translateY(80px);
  }

  20% {
    opacity: 1;
    transform: none;
  }

  46% {
    opacity: 1;
    transform: none;
  }

  50% {
    opacity: 0;
    transform: translateY(80px);
  }

  100% {
    opacity: 0;
    transform: translateY(80px);
  }
}

.main-1 {
  background: url('../images/main-1-bg.jpg') no-repeat center bottom #ffffff;
  background-size: 1920px;
}

.boxs {
  justify-content: space-between;
  margin-top: -90px;
}

.box-rules {
  width: 370px;
  position: relative;
  border-radius: 4px;
  padding: 40px 0px 30px 40px;
  padding-right: 0px;
}

.box-rules abbr.number {
  font-family: "Bit-Out", Arial, sans-serif;
  font-size: 14px;
  position: absolute;
  right: 10px;
  bottom: 0px;
  width: 30px;
  height: 38px;
  text-align: center;
}

.box-rules.item-1 abbr {
  color: #fda9c9;
}

.box-rules.item-2 abbr {
  color: #ffffff;
}

.box-rules.item-3 abbr {
  color: #165969;
}

.box-rules .top {
  margin-bottom: 20px;
}

.box-rules .top i {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  margin-right: 20px;
}

.box-rules .top i img {
  position: absolute;
}

.box-rules .top i img.img1 {
  left: -31px;
  top: -20px;
}

.box-rules .top i img.img2 {
  left: -30px;
  top: -18px;
}

.box-rules .top i img.img3 {
  left: -16px;
  top: -6px;
}

.box-rules .top b {
  color: #ffffff;
  line-height: 0.9;
  font-size: 20px;
}

.box-rules.item-2 .top b {
  color: #5a470a;
}

.box-rules .bottom p {
  padding-right: 30px;
  color: rgba(255, 255, 255, 0.65);
  font-style: italic;
  line-height: 1.5;
  display: block;
  margin-bottom: 20px;
  height: 63px;
}

.box-rules.item-2 .bottom p {
  color: rgba(47, 32, 32, 0.8);
}

.box-rules.item-1 {
  background: url('../images/boxs-bg-1.png') 0 0 no-repeat;
  background-size: cover;
}

.box-rules.item-2 {
  background: url('../images/boxs-bg-2.png') 0 0 no-repeat;
  background-size: cover;
}

.box-rules.item-3 {
  background: url('../images/boxs-bg-3.png') 0 0 no-repeat;
  background-size: cover;
}

.btn-grid-x {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  padding: 1px;
  height: 32px;
  border-radius: 2px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.btn-grid-x:hover {
  animation: animate-stripes 2s linear infinite;
}

.btn-grid-x i {
  font-size: 12px;
  margin-left: 4px;
}

.btn-grid-x1 {
  border: 1px solid #b95279;
  background-size: 10px 10px;
  background-image: linear-gradient(135deg, #b1416c 25%, transparent 25%, transparent 50%, #b1416c 50%, #b1416c 75%, transparent 75%, transparent);
  color: #ffffff;
  padding: 10px 20px;
}

.btn-grid-x2 {
  border: 1px solid #c99e38;
  background-size: 10px 10px;
  background-image: linear-gradient(135deg, #d9ac3f 25%, transparent 25%, transparent 50%, #d9ac3f 50%, #d9ac3f 75%, transparent 75%, transparent);
  color: #5a470a;
  padding: 10px 20px;
}

.btn-grid-x3 {
  border: 1px solid #408ea0;
  background-size: 10px 10px;
  background-image: linear-gradient(135deg, #499bad 25%, transparent 25%, transparent 50%, #499bad 50%, #499bad 75%, transparent 75%, transparent);
  color: #ffffff;
  padding: 10px 20px;
}

.main-1 .about {
  padding: 100px 0px;
  display: table;
  width: 100%;
}

.about-text {
  width: 550px;
  float: left;
}

.about-text p {
  margin-bottom: 20px;
}

.video-box {
  float: right;
  width: 475px;
  height: 295px;
  background: url('../images/video-bg.png') no-repeat center;
  background-size: 475px;
  position: relative;
  border-radius: 5px;
  text-align: center;
  padding-top: 90px;
}

.video-box span {
  display: inline-block;
}

.video-box span img {
  vertical-align: middle;
}

.video-box span .logo-icon {
  opacity: 0.35;
  -moz-opacity: 0.35;
  -khtml-opacity: 0.35;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
  width: 120px;
}

.video-box span img.play-icon {
  margin: 0px 20px;
  position: relative;
}

.video-box span b {
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Bit-Out", Arial, sans-serif;
  position: relative;
  top: 7px;
}

.video-box p {
  font-style: italic;
  color: rgba(255, 255, 255, 0.45);
  font-weight: bold;
  font-size: 20px;
  margin-top: 20px;
}

.main-2 {
  position: relative;
  padding: 80px 0px;
  background: url('../images/main-2-bg.jpg') no-repeat center top #fafafa;
  background-size: 1920px;
}

.plans-wrap {
  width: 1200px;
  position: relative;
  overflow: hidden;
}

.owl-stage-outer {
  padding: 50px 0px;
}

.owl-item {
  background: #ffffff;
  text-align: center;
  padding: 20px 20px 10px 20px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #ebebeb;
}

.owl-item::before {
  border: 14px solid transparent;
  left: 50%;
  top: -1px;
  z-index: 2;
  margin-left: -14px;
  border-top: 7px solid #f3f3f3;
}

.owl-nav {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: -10px;
}

.owl-prev i,
.owl-next i {
  font-size: 32px;
  color: #cc326e;
}

.owl-prev {
  left: 20px;
}

.owl-next {
  right: 20px;
}

.inv-plan h3 {
  font-family: "EnigmaticUnicode", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-transform: uppercase;
  color: #aaaaaa;
}

.inv-plan h3 small {
  font-family: "Gotham Pro", Arial, sans-serif;
  font-size: 20px;
}

.inv-plan h3 b {
  display: block;
  color: #272427;
  font-size: 26px;
}

.inv-plan h3 img {
  height: 26px;
  display: inline-block !important;
  vertical-align: top;
  margin: 4px 2px 0px 0px;
}

.inv-plan ul {
  display: block;
  border-top: 1px solid #eee;
  margin-top: 15px;
  padding-top: 15px;
}

.inv-plan ul li {
  position: relative;
  display: block;
  line-height: 1.4;
  padding: 0px 0px 10px 22px;
  margin-bottom: 0px;
  text-align: left;
}

.inv-plan ul li b {
  color: #272427;
}

.inv-plan ul li::before {
  width: 18px;
  height: 18px;
  background: url('../images/svg/tick.svg') 0 0 no-repeat;
  display: block;
  background-size: 18px;
  top: 0px;
  left: 0px;
  position: absolute;
}

.main-calc {
  position: relative;
  height: 630px;
}

.main-calc a {
  position: absolute;
  bottom: 25px;
  left: 500px;
}

.field-calc {
  position: absolute;
  width: 240px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  left: 220px;
  top: 20px;
}

.field-calc label {
  position: absolute;
  background: #f8f8f8;
  padding: 0px 12px;
  text-transform: uppercase;
  font-weight: bold;
  top: -6px;
  left: 12px;
  opacity: 1 !important;
  font-size: 12px;
  color: #bdbdbd;
}

.field-calc input {
  height: 38px;
  font-weight: bold;
  color: #272427;
  border: none;
  background: transparent;
  padding-left: 22px;
  padding-right: 60px;
  font-size: 16px;
}

.field-calc i {
  position: absolute;
  color: #ffd247;
  border-left: 1px solid #dbdbdb;
  height: 26px;
  width: 36px;
  text-align: center;
  line-height: 26px;
  top: 6px;
  right: 0px;
  font-size: 18px;
}

.main-calc .item {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 15px 57px 0px rgba(135, 135, 135, 0.22);
  padding: 20px 40px 20px 63px;
  position: absolute;
  height: 72px;
}

.main-calc .item.item-1 {
  left: 500px;
  top: 0px;
}

.main-calc .item.item-2 {
  left: 700px;
  top: 140px;
  width: 320px;
}

.main-calc .item.item-3 {
  left: 550px;
  top: 280px;
}

.main-calc .item.item-4 {
  left: 400px;
  top: 420px;
  padding-left: 80px;
}

.main-calc .item img {
  position: absolute;
  top: 24px;
}

.main-calc .item img.left {
  left: 24px;
}

.main-calc .item img.right {
  right: 24px;
}

.main-calc .item span {
  display: block;
}

.main-calc .item select,
.main-calc .item input {
  border: none;
  background: transparent;
  font-size: 16px;
  font-weight: bold;
  color: #272427;
  width: 190px;
  display: block;
}

.main-calc .item select {
  background: url('../images/plan-select.png') no-repeat center right transparent;
  background-size: 12px;
}

i.calc-step {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  right: -22px;
  height: 44px;
  width: 44px;
  display: block;
  text-align: center;
  line-height: 41px;
  padding-left: 2px;
  font-family: "Bit-Out", Arial, sans-serif;
  color: #dadada;
  font-weight: bold;
  border-radius: 50%;
  background: url('../images/calc-step.png') center center no-repeat;
  font-style: normal;
}

i.calc-step.blue {
  background: url('../images/calc-step-blue.png') center center no-repeat;
}

i.calc-step.pink {
  background: url('../images/calc-step-pink.png') center center no-repeat;
}

.main-calc .item.item-2 i.calc-step {
  right: 18px;
}

.main-calc .item.item-4 i.calc-step {
  left: 18px;
}

.calc-lines {
  position: absolute;
  width: 100%;
  height: 100%;
}

.calc-lines div {
  position: absolute;
  border: 4px dotted #d5d5d5;
  border-radius: 50px;
}

.calc-lines .line-1 {
  width: 272px;
  height: 284px;
  left: 710px;
  top: 34px;
  border-left: none;
}

.calc-lines .line-2 {
  width: 260px;
  height: 150px;
  left: 436px;
  top: 314px;
  border-right: none;
  border-bottom: none;
}

.calc-lines .line-3 {
  border-top: none;
  border-bottom: none;
  border-right: none;
  width: 10px;
  height: 100px;
  left: 436px;
  top: 490px;
  border-radius: 0px;
}

.calc-done {
  top: 560px;
  left: 390px;
  text-align: center;
  width: 100px;
  position: absolute;
}

.calc-done i {
  line-height: 37px;
  display: inline-block;
  text-align: center;
  background: url('../images/calc-icon-down.png') no-repeat center;
  background-size: 44px;
  width: 44px;
  height: 44px;
  padding-top: 16px;
}

.calc-done abbr {
  font-family: "Bit-Out", Arial, sans-serif;
  font-size: 12px;
  color: #3eb7d4;
  text-transform: uppercase;
  font-weight: 400;
  width: 100%;
  display: block;
}

.plans-img {
  position: absolute;
  left: 0px;
  bottom: -70px;
  left: -540px;
  width: 1023px;
  height: 820px;
  animation: plans-move 4s ease-in-out infinite;
}

@keyframes plans-move {
  0% {
    transform: translateY(30px);
  }

  50% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(30px);
  }
}

.main-3 {
  background: url('../images/main-3-bg.jpg') no-repeat center bottom #1c1b21;
  background-size: 1920px;
  padding: 80px 0px 60px 0px;
}

.main-stat {
  position: absolute;
  left: 50%;
  top: 100px;
  transform: translateX(-50%);
}

.main-stat ul {
  display: block;
}

.main-stat ul li {
  position: relative;
  padding-left: 60px;
  padding-top: 10px;
  margin-top: 30px;
}

.main-stat ul li:last-child {
  margin-right: 0px;
}

.main-stat ul li i {
  background: rgba(44, 44, 49, 0.25);
  width: 50px;
  height: 50px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  line-height: 50px;
  margin-bottom: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 20px;
}

.main-stat ul li i.blue {
  color: #11badb;
}

.main-stat ul li i.yellow {
  color: #ffd248;
}

.main-stat ul li i.pink {
  color: #cc326e;
}

.main-stat ul li i.green {
  color: #2ab361;
}

.main-stat ul li b {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600;
  color: #ffffff;
  display: block;
}

.main-stat ul li small {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  display: block;
}

.main-3 .tables {
  justify-content: space-between;
  margin-top: 50px;
}

.main-3 .table {
  width: 420px;
  border-radius: 8px;
  background: url('../images/transactions-bg.png') no-repeat;
  box-shadow: 0px 19px 90px rgba(28, 28, 31, 0.004);
  height: 393px;
  background-size: cover;
}

.main-3 .table .item {
  position: relative;
  display: table;
  width: 100%;
  color: #ffffff;
  padding: 0px 20px;
  border-bottom: 1px solid #434347;
}

.main-3 .table .item:nth-child(2),
.main-3 .table .item:nth-child(4),
.main-3 .table .item:nth-child(6),
.main-3 .table .item:nth-child(8) {
  background: rgba(0, 0, 0, 0.05);
}

.main-3 .table .item:last-child {
  border-bottom: none;
}

.main-3 .table .item small {
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 36px;
  height: 36px;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 1px;
}

.main-3 .table .item small.user {
  text-align: left;
  width: 220px;
}

.main-3 .table .item small.amount-system {
  text-align: right;
  width: 160px;
}

.main-3 .table .item span.user {
  float: left;
  text-align: left;
  width: 218px;
  height: 50px;
  line-height: 50px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-3 .table .item span.amount {
  float: left;
  text-align: right;
  border: 1px solid #414145;
  font-weight: bold;
  text-align: center;
  height: 32px;
  width: 100px;
  line-height: 32px;
  margin-top: 9px;
  margin-left: 20px;
}

.main-3 .table .item span.system {
  float: left;
  text-align: left;
  height: 50px;
  line-height: 50px;
  width: 32px;
  margin-left: 10px;
}

.main-3 .table .item span.system img {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: 9px;
}

.main-3 .trading-platforms {
  position: relative;
  margin-top: 50px;
}

.main-3 .platforms-inset {
  position: relative;
  width: 100%;
  margin-top: 30px;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  justify-content: space-between;
}

.main-3 .platforms-inset a {
  line-height: 75px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.4;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  display: block;
}

.main-3 .platforms-inset a:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.main-4 {
  background: #ffffff;
  position: relative;
  padding: 90px 0px 70px 0px;
}

.main-4-inset {
  float: left;
  width: 480px;
}

.main-4-inset .box-info {
  margin-top: 30px;
}

.main-4-inset .btn {
  margin-top: 35px;
}

.main-4-img {
  float: right;
  width: 612px;
}

.main-content {
  padding: 80px 0px;
  display: table;
  width: 100%;
}

.left-about {
  width: 660px;
  float: left;
}

.left-about p {
  margin-bottom: 20px;
}

.img-about {
  float: right;
}

.img-about img {
  width: 380px;
  border-radius: 5px;
  margin: 84px auto 0px auto;
}

section.main-2 .flex,
.our-team .flex {
  justify-content: space-between;
}

section.main-2 .block,
.our-team .flex .block {
  width: 550px;
}

section.main-2 .block p,
.our-team .flex .block p {
  margin-bottom: 20px;
}

.our-team {
  position: relative;
  background: #ffffff;
  padding-top: 90px;
}

.team-list {
  border: 1px solid #ebebeb;
  margin-top: 20px;
  padding-top: 40px;
  border-radius: 10px;
  background: #ffffff;
}

.team-list .team-line {
  width: 100%;
  justify-content: space-between;
  margin-bottom: 40px;
}

.team-person {
  width: 33.333333%;
  text-align: center;
}

.team-person h4 {
  font-weight: bold;
  color: #272427;
  font-size: 18px;
  margin-top: 10px;
}

.team-person p {
  font-size: 14px;
  font-style: italic;
}

.team-person img {
  display: inline-block;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #333333;
}

.main-careers {
  padding: 60px 0 40px 0;
}

.careers-items {
  justify-content: space-between;
}

.careers-items .item {
  position: relative;
  width: 370px;
  border-radius: 5px;
  box-shadow: 0px 15px 57px 0px rgba(135, 135, 135, 0.22);
  background: #ffffff;
  padding: 30px;
}

.careers-items .item .top {
  display: block;
}

.careers-items .item .top img {
  display: block;
  height: auto;
  margin-bottom: 15px;
}

.careers-items .item .top h4 {
  font-size: 16px;
  color: #272427;
  margin-bottom: 5px;
  font-weight: 600;
}

.affiliate-how {
  position: relative;
  justify-content: space-between;
}

.affiliate-how .item {
  width: 350px;
}

.affiliate-how .item img {
  width: 350px;
  height: 350px;
  vertical-align: top;
  margin-bottom: 20px;
}

.affiliate-how .item span {
  display: block;
  position: relative;
  padding-left: 65px;
}

.affiliate-how .item span::before {
  left: 45px;
  top: 5px;
  height: calc( 100% - 7px );
  width: 1px;
  display: block;
  background: rgba(255, 255, 255, 0.05);
}

.affiliate-how .item span p {
  font-size: 14px;
  line-height: 1.433;
  color: rgba(255, 255, 255, 0.55);
  text-align: left;
  display: block;
  height: 100%;
}

.affiliate-how .item span abbr {
  color: #ffffff;
  position: absolute;
  font-weight: bold;
  font-family: "Bit-Out", Arial, sans-serif;
  left: 0;
  top: 0;
  width: 60px;
}

.main-requirements {
  padding: 60px 0 40px 0;
}

.requirements-items {
  justify-content: space-between;
  margin-bottom: 30px;
}

.requirements-items .item {
  display: block;
  border-radius: 5px;
  box-shadow: 0px 15px 57px 0px rgba(135, 135, 135, 0.22);
  text-align: center;
  padding: 30px;
  width: 260px;
  background: #ffffff;
}

.requirements-items .item img {
  display: block;
  margin: 0px auto 15px auto;
}

.main-affiliate {
  background: #ffffff;
  padding: 60px 0px 40px 0px;
}

.affiliate-list {
  justify-content: space-between;
}

.affiliate-list .item {
  width: 500px;
  text-align: center;
  background: #ffffff;
  border-radius: 4px;
  position: relative;
  box-shadow: 0px 15px 57px 0px rgba(135, 135, 135, 0.22);
  border: 1px solid #ebebeb;
  padding: 30px 40px 30px 40px;
}

.affiliate-list .item::before {
  border: 14px solid transparent;
  left: 50%;
  top: -1px;
  z-index: 2;
  margin-left: -10px;
  border-top: 7px solid #f3f3f3;
}

.affiliate-list .item i {
  display: block;
  height: 33px;
}

.affiliate-list .item i img {
  display: inline-block;
  margin-bottom: 15px;
  width: 33px;
  height: 33px;
}

.affiliate-list .item > span {
  font-family: "Bit-Out", Arial, sans-serif;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  text-align: center;
  margin-bottom: 5px;
  color: rgba(39, 36, 39, 0.3);
  position: relative;
  text-transform: uppercase;
}

.affiliate-list .item > span::before {
  height: 2px;
  width: 20px;
  content: '"';
  left: 100%;
  margin-left: 5px;
  display: block;
  top: 13px;
  color: rgba(39, 36, 39, 0.1);
  display: block;
  position: absolute;
}

.affiliate-list .item > span::after {
  height: 2px;
  content: '"';
  width: 20px;
  right: 100%;
  margin-right: 5px;
  display: block;
  top: -7px;
  color: rgba(39, 36, 39, 0.1);
  display: block;
  position: absolute;
}

.affiliate-list .item small {
  display: block;
  text-align: center;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 15px;
  color: #aaaaaa;
}

.affiliate-list .item b {
  font-size: 18px;
  display: block;
  color: #272427;
  margin: 15px 0 15px 0;
}

.affiliate-list .item b span {
  color: #ffd248;
}

.affiliate-list .item b span.pink {
  color: #cc326e;
}

.affiliate-list .item p strong {
  color: #272427;
}

.affiliate-list .item > abbr {
  position: absolute;
  bottom: 17px;
  right: 18px;
  font-family: "Bit-Out", Arial, sans-serif;
  width: 20px;
  color: #dadada;
  text-align: center;
  display: block;
  text-decoration: none;
  cursor: default;
}

.affiliate-blue {
  background: url('../images/affiliate-blue.jpg') center center no-repeat;
  padding: 90px 0px 130px 0px;
  text-align: center;
  color: #ffffff;
  margin-bottom: -100px;
}

.affiliate-blue a {
  margin-top: 30px;
}

.main-news-box {
  position: relative;
  display: table;
  width: 100%;
}

.main-news-content {
  float: left;
  font-size: 16px;
  line-height: 1.2;
}

.main-news-box h2 {
  padding-left: 550px;
  font-size: 30px;
  color: #5aafc3;
  font-family: "Ekibastuz", Arial, sans-serif;
  font-weight: 800;
  line-height: 30px;
}

.main-news-content img {
  float: left;
  width: 500px;
  margin-right: 50px;
  position: relative;
  top: -30px;
}

.main-news-content b {
  display: block;
  margin-top: 20px;
  text-transform: uppercase;
  color: #848484;
  font-size: 14px;
}

.main-news-content b span {
  color: #cc326e;
}

.faq-content {
  position: relative;
  display: block;
}

.faq-inner {
  position: relative;
  width: 100%;
  display: table;
}

.faq-inner .left {
  float: left;
}

.faq-inner .right {
  float: right;
}

.faq-item {
  position: relative;
  width: 540px;
  margin-left: 22px;
  background: #ffffff;
  box-shadow: 0px 15px 57px 0px rgba(135, 135, 135, 0.22);
  padding: 20px 30px 20px 30px;
  border-radius: 5px;
  margin-bottom: 30px;
}

.faq-item.active {
  box-shadow: 0px 15px 57px 0px rgba(135, 135, 135, 0.4);
}

.accordion-item {
  position: relative;
}

.accordion-item .accordion-title {
  display: block;
  position: relative;
}

.accordion-item b {
  color: black;
  position: relative;
  font-size: 18px;
}

.accordion-item .accordion-content {
  display: none;
  margin-top: 20px;
}

.accordion-item .accordion-content p {
  line-height: 1.4;
  font-size: 16px;
}

.accordion-item .accordion-content a {
  font-size: 16px !important;
}

.accordion-item span.icon {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  left: -52px;
  width: 44px;
  height: 44px;
  z-index: 20;
  background: url('../images/progress-point.png') no-repeat center;
  background-size: 44px;
}
.accordion-item span.icon:before, .accordion-item span.icon:after {
  content: '';
  width: 18px;
  height: 3px;
  background: #dadada;
  position: absolute;
  border-radius: 3px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.accordion-item span.icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: -1;
}

.accordion-item.active span.icon:after {
  width: 0;
}






















.accordion-item .content {
  display: none;
}



.accordion-item .content p {
  margin-top: 0;
}



.left-support {
  float: left;
  width: 460px;
}

.left-support .contacts {
  width: 100%;
  position: relative;
  padding-left: 70px;
  padding-bottom: 40px;
}

.left-support i.icon-location {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #ffd248;
  border: 1px solid #dedede;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  font-size: 18px;
  padding-top: 14px;
}

.left-support .contacts span {
  display: block;
  font-size: 12px;
  font-family: "EnigmaticUnicode", Arial, sans-serif;
  font-weight: 400;
  color: #aaaaaa;
  letter-spacing: 0.2em;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.left-support .contacts b {
  color: #272427;
  font-weight: 600;
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
  line-height: 1;
}

.left-support .contacts b small {
  display: block;
  font-size: 15px;
}

.left-support .contacts a {
  margin: 10px 0 5px 0;
  display: block;
  font-weight: 500;
  color: #5aafc3;
  font-size: 14px;
}

.support-map {
  width: 100%;
  height: 200px;
  background: url('../images/map.html') no-repeat center;
  background-size: cover;
  box-shadow: 0px 15px 57px 0px rgba(135, 135, 135, 0.2);
  border: 1px solid #ebebeb;
  margin-top: 30px;
}

.form-support {
  float: right;
  width: 660px;
}

.form-support .flex {
  justify-content: space-between;
}

.form-support .flex .field {
  width: 310px;
}

.form-support .field {
  margin-bottom: 20px;
}

.field.field-white {
  border: 1px solid #dbdbdb;
  position: relative;
  border-radius: 2px;
}

.field.field-white > label {
  position: absolute;
  color: #bdbdbd;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  top: -6px;
  left: 11px;
  opacity: 1;
  background: #ffffff;
  padding: 0px 10px;
}

.field.field-white input {
  padding: 0px 70px 0px 20px;
  font-size: 14px;
}

.field.field-white input,
.field.field-white textarea {
  border: none;
  background: transparent;
  color: #272427;
  box-shadow: none;
  height: 46px;
}

.field.field-white textarea {
  padding: 15px 20px 15px 20px;
  height: 140px;
  width: 100%;
}

.field.field-white span.logged {
  display: block;
  position: relative;
  height: 46px;
  font-weight: bold;
  line-height: 46px;
  padding-left: 20px;
  width: 240px;
  overflow: hidden;
}

.input-icon {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 46px;
  width: 54px;
  border-left: 1px solid #dbdbdb;
  color: #dbdbdb;
  text-align: center;
  font-size: 22px;
  padding-top: 12px;
}

textarea {
  resize: vertical;
}

.field {
  position: relative;
  display: block;
}

.field label {
  font-size: 13px;
  opacity: 0.5;
  display: block;
  margin-bottom: 7px;
}

.field textarea {
  background: transparent;
  border: 1px solid #26242d;
  color: #ffffff;
  text-align: left;
  padding: 20px;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
  height: 140px;
}

.field b {
  line-height: 46px;
  height: 46px;
  display: block;
}

.input-1 {
  height: 46px;
  border: 1px solid #26242d;
  color: #ffffff;
  text-align: left;
  padding: 0px 20px 0px 20px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  background: transparent;
}

.input-1:focus,
.field textarea:focus {
  border: 1px solid #4c4632;
}

input {
  width: 100%;
  outline: none;
}

section.form {
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  color: #ffffff;
  min-height: 100vh;
  background: url('../images/form-bg.jpg') center top no-repeat fixed;
}

section.form .login-box,
section.form .signup-box,
section.form .forgot-box {
  display: block;
  margin: 50px auto;
  border-radius: 4px;
  border-bottom: 1px solid rgba(255, 255, 254, 0.08);
  background: #1b1b20;
  position: relative;
}

section.form .input-1 {
  background: #18171d !important;
}

section.form .login-box {
  width: 400px;
}

section.form .forgot-box {
  width: 500px;
}

section.form .signup-box {
  width: 800px;
}

section.form a.link {
  vertical-align: top;
}

.form-message {
  width: 100%;
  z-index: 1000;
  margin-bottom: 50px;
}

.form-message-top {
  position: absolute;
  top: 0px;
  left: 0px;
}

.form-message li {
  display: block;
  width: 100%;
  padding: 20px 0px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}

.form-message li.pink {
  background: #cc326e;
}

.form-message li.green {
  background: #2ab361;
}

.form-logo {
  display: block;
  padding: 40px 0px;
  text-align: center;
}

ul.nav-tabs {
  margin: 0px;
  border-bottom: 1px solid rgba(44, 44, 49, 0.43);
  padding: 0px 20px;
  width: 100%;
  text-align: center;
  display: block;
}

ul.nav-tabs li {
  vertical-align: top;
  display: inline-block;
  margin-bottom: -1px;
}

ul.nav-tabs li a {
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  border-radius: 1px 1px 0px 0px;
  min-height: 40px;
  padding: 10px 15px;
  display: inline-block;
}

ul.nav-tabs li.active a {
  color: #ffffff;
  background: #1b1b20 !important;
  border-left: 1px solid rgba(44, 44, 49, 0.43);
  border-top: 1px solid rgba(44, 44, 49, 0.43);
  border-right: 1px solid rgba(44, 44, 49, 0.43);
}

.form-inset {
  padding: 30px 35px;
  background: #1b1b20;
  background: -webkit-linear-gradient(top, #1b1b20, rgba(27, 27, 32, 0));
  background: linear-gradient(to bottom, #1b1b20, rgba(27, 27, 32, 0));
}

.form-inset .field {
  margin-bottom: 20px;
}

.form-inset .flex {
  justify-content: space-between;
}

a.link {
  font-size: 14px;
  margin: 3px 0px 0px 0px;
  display: inline-block;
  text-decoration: underline;
  color: #ffd248;
}

.btn.btn-submit,
.sbmt {
  height: 46px;
  line-height: 46px;
  border-radius: 4px;
  box-shadow: 0 10px 20px 0 rgba(255, 210, 72, 0.2);
  border: none;
  border-bottom: 2px solid #b79429;
  background: #ffd248;
  padding: 0px 20px;
  color: #5a470a;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 14px;
  width: auto;
  cursor: pointer;
}

.btn.btn-submit:hover,
.sbmt:hover {
  background: #cc326e;
  background-position: right center;
  box-shadow: 0 6px 10px 0 rgba(204, 50, 110, 0.17);
  border-bottom: 2px solid #ab1e55;
  color: #ffffff;
}

.deposit-process {
  margin-right: 30px;
}

.deposit-process,
.deposit-cancel {
  margin-top: 30px;
}

.checkbox-field {
  position: relative;
  padding-left: 45px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 14px;
}

.checkbox-field a {
  color: #ffd248;
}

.checkbox {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: 1px solid #26242d;
  border-radius: 2px;
  background: #18171d;
}

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

.checkbox input + span {
  background: url('../images/checkbox-yellow.png') no-repeat center;
  width: 100%;
  height: 100%;
  background-size: 16px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  left: 0px;
  top: 0px;
}

.checkbox input:checked + span {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.form-group {
  position: relative;
  justify-content: space-between;
}

.signup-box .field {
  width: 350px !important;
}

.payments {
  display: table;
  justify-content: space-between;
  width: 100%;
}

.payments .field {
  float: left;
}

.payments .field:nth-child(2),
.payments .field:nth-child(4),
.payments .field:nth-child(6),
.payments .field:nth-child(8) {
  margin-left: 30px;
}

.reg-upline {
  text-align: center;
  margin: 30px auto;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}

.reg-upline b {
  font-size: 20px;
  color: #ffffff;
  display: inline-block;
  margin-left: 10px;
  color: #cc326e;
}

.account-section {
  position: relative;
  background: url('../images/account-bg.png') center top no-repeat fixed;
  background-size: cover;
  min-height: 100vh;
  padding-top: 170px;
  padding-bottom: 100px;
}

.account-inside {
  width: 1200px;
  margin: 0px auto;
  position: relative;
  background: #1a1a20;
  border-radius: 5px;
  padding-bottom: 50px;
}

.account-inside .account-block {
  background: #18171c;
  border-radius: 5px;
}

.account-inside .pink {
  color: #cc326e;
}

.account-inside .green {
  color: #2ab361;
}

.account-inside .white {
  color: #ffffff;
}

.account-inside .yellow {
  color: #ffd248;
}

.account-inside .blue {
  color: #5aafc3;
}

.account-inside .purple {
  color: #764e9e;
}

.account-inside .field label {
  opacity: 1 !important;
}

.account-inside h2.title {
  padding-left: 20px;
}

.account-message {
  position: relative;
  margin-bottom: 30px;
  padding: 20px 0px;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
}

.account-message-pink {
  background: #cc326e;
}

.account-message-green {
  background: #2ab361;
}

.account-top-info {
  display: table;
  margin-bottom: 30px;
  width: 100%;
}

.account-top-info .item {
  float: left;
  margin-right: 20px;
  position: relative;
  padding-left: 50px;
  height: 40px;
  line-height: 16px;
}

.account-top-info span {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  padding-top: 10px;
}

.account-top-info span i {
  font-size: 20px;
}

.account-top-info b {
  color: #ffffff;
  display: block;
  font-size: 18px;
  margin-top: 5px;
}

.account-nav {
  width: 100%;
  position: relative;
  justify-content: space-between;
  background: #18171c;
  margin-bottom: 50px;
  padding: 10px 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.account-nav li {
  width: 171.428px;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}

.account-nav li:first-child {
  border-left: none;
}

.account-nav li:last-child {
  border-right: none;
}

.account-nav li a {
  display: block;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  padding: 20px 0px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #afaeb4;
  font-size: 14px;
}

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

.account-top-nav {
  position: absolute;
  width: 100%;
  top: -70px;
  height: 50px;
  justify-content: space-between;
}

.account-top-nav a {
  color: #ffffff;
  display: inline-block;
  padding-left: 50px;
  position: relative;
  height: 40px;
  line-height: 16px;
  padding-top: 4px;
}

.account-top-nav a span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  padding-top: 10px;
}

.account-top-nav a span i {
  font-size: 20px;
}

.account-top-nav a span i.blue {
  color: #5aafc3;
}

.account-top-nav a span i.yellow {
  color: #ffd248;
}

.account-top-nav a span i.green {
  color: #2ab361;;
}

.account-top-nav a span i.pink {
  color: #cc326e;
}

.account-top-nav div a:nth-child(2) {
  margin: 0px 20px;
}

.account-upline {
  position: absolute;
  top: -10px;
  left: 400px;
  color: #ffffff;
  font-size: 16px;
  z-index: 20;
  width: 450px;
  text-align: center;
}

.account-upline i {
  font-size: 22px;
  position: relative;
  display: inline-block;
  top: 2px;
}

.account-upline b {
  color: #ffd248;
}

.block-balance {
  width: 100%;
  position: relative;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.block-balance .item {
  display: block;
  width: 12.5%;
  padding: 10px 0px 24px 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.07);
  position: relative;
}

.block-balance .item:last-child {
  border-right: none;
}

.block-balance .item img {
  width: 32px;
  height: 32px;
  vertical-align: top;
}

.block-balance .item:nth-child(2),
.block-balance .item:nth-child(4),
.block-balance .item:nth-child(6),
.block-balance .item:nth-child(8) {
  background: #18171c;
}

.block-balance .item span {
  display: inline-block;
}

.block-balance .item b {
  color: #ffffff;
  font-size: 16px;
  display: block;
  margin-top: 5px;
}

.block-balance .item p {
  position: absolute;
  bottom: -12px;
  background: #2c2c31;
  color: #afaeb4;
  border-radius: 10px;
  padding: 0px 10px;
  left: 10px;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
}

.account-container {
  width: 100%;
  padding: 0px 20px;
  position: relative;
}

.account-table {
  width: 100%;
  display: table;
}

.account-usermain {
  position: relative;
  justify-content: space-around;
}

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

.title-container h2 {
  float: left;
}

.aff-link {
  position: relative;
  color: #ffffff;
}

.aff-link.acc-main {
  float: right;
  margin-top: -30px;
  margin-right: 100px;
}

.aff-link b {
  display: block;
  margin-top: 10px;
  color: #11aac9;
  border: 2px solid #11aac9;
  border-radius: 20px;
  padding: 10px 20px;
}

h4.usertitle {
  font-size: 26px;
  color: #ffffff;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  padding-bottom: 10px;
  margin-bottom: 30px;
  margin-top: 50px;
  position: relative;
}

h4.usertitle::before {
  width: 70px;
  height: 3px;
  left: 0px;
  bottom: -2px;
  background: #ffd248;
  box-shadow: 0px 1px 6px #ffd248;
  border-radius: 5px;
}

.account-userstatistics {
  position: relative;
}

.account-userstatistics .item {
  position: relative;
  padding-left: 70px;
  padding-top: 10px;
  margin-bottom: 30px;
}

.account-userstatistics .item span {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  text-align: center;
  padding-top: 16px;
}

.account-userstatistics .item span i {
  font-size: 24px;
}

.account-userstatistics .item b {
  display: block;
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 8px;
}

.account-userinformation {
  position: relative;
}

.account-userinformation .item {
  position: relative;
  margin-bottom: 20px;
}

.account-userinformation .item b {
  background: #2c2c31;
  color: #afaeb4;
  border-radius: 10px;
  padding: 0px 10px;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  margin-bottom: 10px;
}

.account-userinformation .item span {
  color: #ffffff;
  display: block;
  font-size: 16px;
}

.account-affiliate {
  width: 400px;
  text-align: center;
}

.account-affiliate h4 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #ffffff;
}

.account-affiliate b,
.account-affiliate p {
  display: block;
  color: rgba(255, 255, 255, 0.5);
}

.account-affiliate img {
  width: 260px;
  display: block;
  margin: 20px auto;
}

.account-plans {
  position: relative;
  display: table;
}

.account-plans .item {
  background: #18171c;
  float: left;
  padding: 20px;
  border-radius: 5px;
  width: 366px;
  margin-left: 30px;
  margin-bottom: 30px;
}

.account-plans .item:nth-child(1),
.account-plans .item:nth-child(4) {
  margin-left: 0px;
}

.account-plans .item h4,
.account-plan-title {
  font-size: 20px;
  color: #ffd248;
  display: block;
  text-align: center;
  font-family: "Ekibastuz", Arial, sans-serif;
  margin-bottom: 20px;
}

.plan-checkbox {
  position: relative;
  margin: 0px auto;
  width: 30px;
  height: 30px;
}

.plan-subtitle {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  display: table;
  width: 100%;
  font-size: 12px;
}

.plan-subtitle b {
  float: right;
  text-align: right;
}

.plan-subplans {
  color: #ffffff;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding-top: 10px;
  margin: 10px 0px;
}

.plan-subplans span {
  width: 100%;
  display: table;
  padding: 5px 0px;
}

.plan-subplans span b {
  float: right;
  text-align: right;
}

.deposit-left {
  position: relative;
  display: table;
  float: left;
}

.deposit-left .item {
  height: 50px;
  line-height: 50px;
  position: relative;
  color: #ffffff;
  padding-left: 60px;
  padding-right: 20px;
}

.deposit-left .item:nth-child(1),
.deposit-left .item:nth-child(3),
.deposit-left .item:nth-child(5),
.deposit-left .item:nth-child(7),
.deposit-left .item:nth-child(9),
.deposit-left .item:nth-child(11),
.deposit-left .item:nth-child(13),
.deposit-left .item:nth-child(15),
.deposit-left .item:nth-child(17),
.deposit-left .item:nth-child(19) {
  background: #17161c;
}

.deposit-left .item .checkbox {
  top: 10px !important;
  left: 20px !important;
}

.deposit-left .item img {
  width: 32px;
  height: 32px;
  margin-right: 5px;
}

.deposit-right {
  float: left;
  margin-left: 50px;
}

.deposit-right .field {
  margin-bottom: 20px;
}

.deposit-acc-balance {
  position: relative;
  margin-top: 50px;
}

.deposit-acc-balance b {
  display: block;
  color: #ffffff;
  margin-bottom: 20px;
}

.deposit-acc-balance small {
  position: relative;
}

.deposit-acc-balance small span {
  display: block;
}

.withdraw-left {
  position: relative;
  background: #e6e600;
  border-radius: 5px;
  float: left;
}

.withdraw-left .item {
  display: table;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0px 20px;
}

.withdraw-left .item:nth-child(1),
.withdraw-left .item:nth-child(3),
.withdraw-left .item:nth-child(5),
.withdraw-left .item:nth-child(7),
.withdraw-left .item:nth-child(9) {
  background: #e6e600;
}

.withdraw-left .item span {
  float: left;
  position: relative;
}

.withdraw-left .item span.processing {
  width: 240px;
  padding-left: 40px;
  text-align: left;
}

.withdraw-left .item span.processing .checkbox {
  top: 10px !important;
}

.withdraw-left .item span.amount {
  width: 120px;
  text-align: right;
  margin-left: 20px;
}

.withdraw-right {
  float: left;
  width: 500px;
  margin-left: 50px;
}

.withdraw-right .field {
  margin-bottom: 20px;
}

.deposit_confirm {
  position: relative;
  background: #18171c;
  border-radius: 5px;
}

.deposit_confirm th {
  text-align: left;
}

.deposit_confirm td {
  text-align: right;
}

.deposit_confirm button {
  margin-top: 30px;
}

.account-settings {
  position: relative;
  justify-content: space-between;
  padding: 20px;
}

.account-settings .block {
  width: 500px;
}

.account-settings .field {
  margin-bottom: 20px;
}

.security-settings {
  padding: 20px;
}

.security-settings h4 {
  color: #5aafc3;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.security-settings .item {
  position: relative;
  height: 50px;
  line-height: 50px;
  padding-left: 40px;
  color: #ffffff;
}

.security-settings .item .checkbox {
  top: 10px !important;
}

.pagination {
  text-align: center;
}

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

.ref-field {
  position: relative;
  margin-top: 10px;
}

.ref-field label {
  font-size: 26px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.ref-field textarea {
  background: transparent;
  color: #ffffff;
  font-size: 16px;
  border-radius: 5px;
  padding: 20px;
  height: 70px;
  width: 728px;
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.account-inside span.time {
  position: absolute;
  left: 250px;
  top: -100px;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.1);
}

.account-inside span.time small {
  font-size: 32px;
}

.loading-wrap {
  min-width: 1200px;
  max-width: 1920px;
  min-height: 100%;
  position: relative;
  background: url('../images/account-bg.png') no-repeat center fixed;
  background-size: cover;
}

.loading-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

.loading-container b {
  font-family: "Bit-Out", Arial, sans-serif;
  display: block;
  margin-bottom: 40px;
  font-size: 24px;
  letter-spacing: 1px;
  color: #5aafc3;
  text-transform: uppercase;
  margin-top: -20px;
}

.spinner {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  display: block;
  margin: 0px auto;
}

.spinner::before {
  content: "";
  width: 96px;
  height: 96px;
  border-radius: 100%;
  background: -webkit-linear-gradient(#7af, #24334d 10%, #000 50%, #000 75%, #24334d);
  background: -moz-linear-gradient(#7af, #24334d 10%, #000 50%, #000 75%, #24334d);
  background: -o-linear-gradient(#7af, #24334d 10%, #000 50%, #000 75%, #24334d);
  background: -ms-linear-gradient(#7af, #24334d 10%, #000 50%, #000 75%, #24334d);
  background: linear-gradient(#cc326e, #cc326e 10%, #1f1e25 50%, #1f1e25 75%, #ffd248);
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #1f1e25;
  -webkit-animation: spin 2s cubic-bezier(0.6, 0.2, 0.4, 0.8) infinite;
  -moz-animation: spin 2s cubic-bezier(0.6, 0.2, 0.4, 0.8) infinite;
  -o-animation: spin 2s cubic-bezier(0.6, 0.2, 0.4, 0.8) infinite;
  -ms-animation: spin 2s cubic-bezier(0.6, 0.2, 0.4, 0.8) infinite;
  animation: spin 2s cubic-bezier(0.6, 0.2, 0.4, 0.8) infinite;
  z-index: -1;
}
.spinner::after {
  content: "";
  width: 80px;
  height: 80px;
  border-radius: 100%;
  position: absolute;
  top: 8px;
  left: 8px;
  background: #1f1e25;
  z-index: -1;
}

@-o-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1440deg);
    -moz-transform: rotate(1440deg);
    -o-transform: rotate(1440deg);
    -ms-transform: rotate(1440deg);
    transform: rotate(1440deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1440deg);
    -moz-transform: rotate(1440deg);
    -o-transform: rotate(1440deg);
    -ms-transform: rotate(1440deg);
    transform: rotate(1440deg);
  }
}

.signup-done {
  text-align: center;
  font-size: 16px;
}

.signup-done p {
  font-size: 16px;
}

footer {
  position: relative;
  background: url('../images/footer-bg.png') no-repeat center;
  background-size: 1920px;
  height: 430px;
  margin-top: 60px;
  padding-top: 70px;
}

footer .left {
  float: left;
  position: relative;
  width: 360px;
  padding-right: 50px;
}

footer .left::before {
  right: 0px;
  top: -20%;
  width: 100px;
  height: 300px;
  z-index: 9;
  background: url('../images/shadow-left.png') right center no-repeat;
  background-size: 50px;
  opacity: 0.2;
}

footer .left::after {
  width: 1px;
  height: 200px;
  right: -1px;
  z-index: 10;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0) 100%);
}

.footer-logo {
  display: inline-block;
}

.footer-sectigo {
  margin-left: 30px;
}

.footer-text {
  margin-top: 20px;
  font-size: 14px;
  color: #919191;
  line-height: 1.4;
}

footer .social {
  margin-top: 20px;
}

.footer-rights {
  position: relative;
  color: #ffffff;
  font-weight: bold;
  margin-top: 20px;
  line-height: 1.4;
  font-size: 16px;
}

footer .right {
  float: right;
  width: 740px;
  padding-top: 20px;
}

footer nav {
  width: 100%;
  justify-content: space-between;
}

footer nav ul {
  width: 25%;
}

footer nav ul h4.title {
  margin-bottom: 15px;
  color: #868688;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 14px;
  font-weight: bold;
}

footer nav ul li a {
  margin-bottom: 12px;
  display: block;
  color: #cecece;
  position: relative;
}

footer nav ul li a b {
  padding-left: 20px;
  margin-bottom: 5px;
  display: block;
}

footer nav ul li a::before {
  width: 3px;
  height: 3px;
  border-radius: 3px;
  opacity: 0.5;
  background: #cecece;
  left: 0px;
  top: 5px;
}

footer nav ul li a:hover b {
  color: #ffffff;
  padding-left: 15px;
}

footer nav ul li a:hover::before {
  opacity: 1;
  background: #ffd248;
}

footer nav ul li a span {
  display: block;
  font-style: italic;
  padding-left: 20px;
  font-size: 12px;
}

footer .processors-overlay {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 20px;
}

footer .processors h4.title {
  font-size: 20px;
  color: #868688;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: -30px;
  line-height: 20px;
  width: 100%;
}

footer .processors h4.title span {
  position: relative;
  display: inline-block;
  letter-spacing: 0.2em;
}

footer .processors h4.title span::before {
  width: 1100px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  right: -1110px;
  top: 8px;
}

footer .processors {
  position: relative;
  justify-content: space-between;
  width: 1170px;
  margin: 0px auto;
}

footer .processors a {
  color: #bebebe;
  font-family: "EnigmaticUnicode", Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

footer .processors img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 6px;
}