/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: https://meyerweb.com
	HTML5 Doctor				:: https://html5doctor.com
	and the HTML5 Boilerplate	:: https://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {
  display: block;
}

/* Handle box-sizing while better addressing child elements:
   https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects
*/
object,
embed {
  max-width: 100%;
}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	 In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

input[type=radio] {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  vertical-align: bottom;
}

.ie7 input[type=checkbox] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select, input, textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights https://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

@font-face {
  font-family: "montserratregular";
  src: url("../fonts/montserrat/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratmedium";
  src: url("../fonts/montserrat/montserrat-medium-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratbold";
  src: url("../fonts/montserrat/montserrat-bold-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansregular";
  src: url("../fonts/opensans/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/opensans/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansbold";
  src: url("../fonts/opensans/opensans-bold-webfont.woff2") format("woff2"), url("../fonts/opensans/opensans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "lucida";
  src: url("../fonts/lucida/LCALLIG.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.font-level1 {
  font-size: 1rem;
}

.font-level2 {
  font-size: 0.9rem;
}

.font-level3 {
  font-size: 0.8rem;
}

.font-level4 {
  font-size: 0.7rem;
}

.font-level5 {
  font-size: 0.5rem;
}

.font-date {
  font-size: 1.5rem;
}

.font-bigger {
  font-size: xx-large;
}

::-webkit-scrollbar {
  width: 5px;
  height: 1px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #202b38;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #15212D;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #F3BF37;
}

/* The container */
.radio-container {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #545554;
  font-size: 1rem;
  margin-right: 20px;
  width: 30%;
  margin: 0 0 15px !important;
  min-height: 40px;
  line-height: 40px;
}
.radio-container a {
  font-weight: 600;
  color: #ffa800;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio-container .checkmark {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 20px;
  width: 20px;
  background: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid #0DD0AE;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
  background: none;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  background: #E0F7FF;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-container .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}

.radio-container .checkmark::before {
  content: "";
  position: absolute;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark::after {
  display: block;
}

/* Style the indicator (dot/circle) */
.customRadioDesign {
  background: #fff;
  border: 1px solid #C4C4C4;
  width: 100%;
  height: 40px;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.radioContent {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000;
  position: relative;
  z-index: 1;
  margin: 0;
}

.radio-container input:checked ~ .customRadioDesign {
  border: 1px solid #0DD0AE;
}

.radio-container .checkmark:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border: 1px solid #0DD0AE;
  background: #97DFF8;
}

/* The container */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox-container .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 20px;
  background: none;
  border: 3px solid #00CCFF;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  border: 3px solid #00CCFF;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  border: 3px solid #00CCFF;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #00CCFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.grey-checkbox-wrapper {
  margin-bottom: 0;
  padding: 0;
  top: -15px;
}
.grey-checkbox-wrapper span.checkmark {
  background: #758799;
  border: none;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.grey-checkbox-wrapper input:checked ~ .checkmark {
  border: none;
}
.grey-checkbox-wrapper .checkmark:after {
  border-color: #15212D;
}

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 100%;
  height: 33px;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #15212D;
  color: #fff;
  padding: 6px 20px 0px;
  border: 1px solid #495869;
  max-height: 33px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  font-size: 12px;
}
.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 1px solid #fff;
  width: 10px;
  height: 10px;
  border-right: none;
  border-top: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 9px;
  right: 15px;
  pointer-events: none;
}
.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #001031;
}
.select-options li {
  margin: 0;
  padding: 7px 0;
  text-indent: 15px;
  border-top: 1px solid #000717;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  font-size: 14px;
}
.select-options li:hover {
  color: #fff;
  background: #00184A;
}
.select-options li[rel=hide] {
  display: none;
}

.signup-login-form-wrapper .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.signup-login-form-wrapper .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 100%;
  height: 47px;
}
.signup-login-form-wrapper .select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: none;
  padding: 8px 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  color: #E5E5E5;
  border-bottom: 2px solid #2979E6;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
}
.signup-login-form-wrapper .select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #68DAFC transparent transparent transparent;
  position: absolute;
  top: 16px;
  right: 10px;
}
.signup-login-form-wrapper .select-styled:active:after, .signup-login-form-wrapper .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #68DAFC transparent;
}
.signup-login-form-wrapper .select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #001031;
}
.signup-login-form-wrapper .select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  border-top: 1px solid #000717;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
}
.signup-login-form-wrapper .select-options li:hover {
  color: #fff;
  background: #00184A;
}
.signup-login-form-wrapper .select-options li[rel=hide] {
  display: none;
}

.slidecontainer {
  width: 100%;
}
.slidecontainer .slider {
  margin: 0 !important;
  width: 100%;
}
.slidecontainer .range-value {
  color: #fff;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#57D8F5), to(#2A5BDC));
  background: linear-gradient(180deg, #57D8F5 0%, #2A5BDC 100%);
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  background: linear-gradient(180deg, #57D8F5 0%, #2A5BDC 100%);
  cursor: pointer;
}

.updown-arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
}
.updown-arrow::before, .updown-arrow::after {
  position: absolute;
  content: "";
  border: 4px solid transparent;
}
.updown-arrow::before {
  border-bottom-color: #888888;
  top: 6px;
}
.updown-arrow::after {
  border-top-color: #888888;
  top: 16px;
}

.box {
  position: relative;
}
.box select {
  background-color: #15212D;
  color: #fff;
  border: 1px solid #495869;
  font-size: 20px;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  outline: none;
  padding: 5px 20px;
  font-size: 14px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  width: 100%;
}
.box select option {
  padding: 30px;
}
.box::before {
  content: "";
  position: absolute;
  top: 1px;
  right: 2px;
  width: 40px;
  height: 28px;
  background-color: #15212D;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  pointer-events: none;
}
.box::after {
  top: 8px;
  z-index: 9;
  width: 8px;
  height: 8px;
  right: 15px;
  content: "";
  position: absolute;
  pointer-events: none;
  border: 2px solid transparent;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}

@media (max-width: 1199px) {
  .chainContainer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .chainContainer .radio-container {
    width: 100%;
  }
}
/**
 * Responsive Bootstrap Tabs by @hayatbiralem
 * 15 May 2015
 */
body {
  background: #15212D;
  font-family: "montserratregular";
  padding: 0 0 0 85px;
}

.newfontstyle {
  font-family: lucida !important;
}

.wrapper {
  width: 100%;
  overflow: auto;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
}

.addwrapper {
  padding-left: 175px;
}

header {
  background: #15212D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  padding: 21px 15px 20px;
}
header .header-logo img {
  width: 120px;
  margin: 0 0 0 30px;
}
header .market-values-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: calc(100% - 180px);
}
header .market-values-wrapper .market-values-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 20px 0 0;
}
header .market-values-wrapper .market-values-single .market-head {
  font-family: "montserratbold";
  font-size: 16px;
}
header .market-values-wrapper .market-values-single .market-amount {
  margin-left: 15px;
  font-size: 16px;
}
header .market-values-wrapper .market-values-single .market-status {
  margin-left: 15px;
  font-size: 14px;
  padding: 0 30px 0 0;
  position: relative;
}
header .market-values-wrapper .market-values-single .market-status::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 4px;
  border: 10px solid transparent;
  border-bottom: 10px solid #f00;
}
header .market-values-wrapper .market-values-single .status-up {
  color: #05EF00;
}
header .market-values-wrapper .market-values-single .status-up::after {
  border-bottom: 10px solid #05EF00;
}
header .market-values-wrapper .market-values-single .status-down {
  color: #FF5D5D;
}
header .market-values-wrapper .market-values-single .status-down::after {
  border-bottom: 10px solid #FF5D5D;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  bottom: -6px;
}

.mobile-menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mobile-menu-header .toggle-logo {
  display: none;
  margin: 18px 0 0;
}
.mobile-menu-header .toggle-logo .toggle-icon {
  background: none;
  border: none;
  padding: 0;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 85px;
  background-color: #202B38;
  height: 100vh;
  z-index: 9;
  padding: 0;
  overflow: hidden;
  overflow-y: scroll;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
}
.sidebar .toggle-logo {
  padding: 30px 30px 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.sidebar .toggle-logo .toggle-icon {
  border: none;
  background: none;
  padding: 0;
}
.sidebar .toggle-logo .toggle-icon:hover, .sidebar .toggle-logo .toggle-icon:focus {
  border: none;
  outline: none;
}
.sidebar .toggle-logo .siderbar-logo {
  opacity: 0;
  margin: 0 0 0 40px;
}
.sidebar .toggle-logo .siderbar-logo img {
  width: 140px;
}

nav {
  padding: 0 0 100px;
}
nav ul {
  border-bottom: 1px solid #495869;
  padding: 15px;
}
nav ul li a {
  padding: 0 15px;
  margin: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: auto;
  color: #fff;
  font-size: 14px;
  border: 1px solid transparent;
  padding: 11px 15px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  position: relative;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
}
nav ul li a .menu-icons {
  position: relative;
  margin: 0 5px 0 0;
  width: 30px;
  display: inline-block;
}
nav ul li a .menu-icons img {
  position: absolute;
}
nav ul li a .menu-icons img:nth-child(2) {
  display: none;
}
nav ul li a .menu-text {
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
  width: 0px;
}
nav ul li a:hover {
  background: -webkit-linear-gradient(#F3BF37, #F3BF37);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #F3BF37;
}
nav ul li a:hover .menu-icons img:nth-child(1) {
  display: none;
}
nav ul li a:hover .menu-icons img:nth-child(2) {
  display: block;
}
nav ul li .active {
  color: #F3BF37;
}
nav ul li .active .menu-icons img:nth-child(1) {
  display: none;
}
nav ul li .active .menu-icons img:nth-child(2) {
  display: block;
}
nav ul li .active::before, nav ul li .active::after {
  position: absolute;
  content: "";
}
nav ul li .active::before {
  background: #202B38;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  z-index: -1;
  top: -1px;
  left: 3px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
nav ul li .active::after {
  width: 100%;
  height: 100%;
  top: -2px;
  right: 0;
  bottom: 0;
  left: 2px;
  z-index: -2;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#F3BF37+0,F3BF37+100 */
  background: #F3BF37;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#F3BF37), to(#F3BF37));
  background: linear-gradient(to right, #F3BF37 0%, #F3BF37 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.copyright-content {
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.copyright-content p {
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  color: #A3A3A3;
  font-size: 12px;
  margin: 70px 0 0 -60px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  white-space: nowrap;
}

.sidebar-on {
  width: 260px;
}
.sidebar-on .toggle-logo .siderbar-logo {
  opacity: 1;
}
.sidebar-on nav ul li a .menu-text {
  opacity: 1;
  visibility: visible;
}
.sidebar-on .copyright-content p {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  margin: 0;
}

.banner-wrapper {
  position: relative;
  min-height: 700px;
  max-height: 700px;
  width: 100%;
  padding: 130px 0 0 50px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-wrapper .banner-content {
  width: 700px;
  display: inline-block;
  padding: 30px;
  color: #fff;
  margin: 0 0 50px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  opacity: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.banner-wrapper .banner-content::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #00233F;
  z-index: 1;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.banner-wrapper .banner-content::after {
  position: absolute;
  content: "";
  left: -2px;
  top: -2px;
  right: 0;
  bottom: 0;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
  z-index: 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.banner-wrapper .banner-content h1 {
  font-size: 80px;
  font-family: "open_sansbold";
  position: relative;
  z-index: 1;
}
.banner-wrapper .banner-content h4 {
  font-family: "open_sansregular";
  font-size: 40px;
  color: #EEB74F;
  position: relative;
  z-index: 1;
}
.banner-wrapper .banner-content .banner-content-img {
  position: relative;
  z-index: 2;
  margin: 0 20px 0 0;
}
.banner-wrapper .banner-content .banner-content-img img {
  width: 200px;
}

.credit-slider-wrapper {
  background: #15212D;
  padding: 0 50px;
  position: relative;
}
.credit-slider-wrapper::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 90px;
  background: url(../img/banner/bottom-vector.svg) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 326px;
  pointer-events: none;
}
.credit-slider-wrapper .owl-carousel {
  position: relative;
  padding: 0;
}
.credit-slider-wrapper .owl-carousel .owl-stage-outer {
  z-index: 1;
  padding: 20px 0;
}
.credit-slider-wrapper .owl-carousel .owl-stage-outer .owl-item {
  padding: 0 20px;
  margin: 0 50px 0 0 !important;
}
.credit-slider-wrapper .owl-carousel .owl-nav {
  position: absolute;
  width: calc(100% + 50px);
  top: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: -25px;
}
.credit-slider-wrapper .owl-carousel .owl-nav button {
  color: #fff;
  font-size: 70px;
}
.credit-slider-wrapper .owl-carousel .owl-nav button:hover, .credit-slider-wrapper .owl-carousel .owl-nav button:focus {
  outline: none;
}
.credit-slider-wrapper .credit-slider-single {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #263442;
  text-align: center;
  color: #fff;
  padding: 30px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  position: relative;
  height: calc(100% - 4px);
}
.credit-slider-wrapper .credit-slider-single::before {
  position: absolute;
  content: "";
  left: 2px;
  top: 2px;
  right: 0;
  bottom: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #00233F;
  z-index: 1;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  pointer-events: none;
}
.credit-slider-wrapper .credit-slider-single::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0px;
  bottom: 0;
  left: 0px;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: #475D6B;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
}
.credit-slider-wrapper .credit-slider-single:hover {
  background: #304254;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.credit-slider-wrapper .credit-slider-single:hover::after {
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
}
.credit-slider-wrapper .credit-slider-single figure {
  -webkit-box-shadow: 0px 5px 6px 0px #8aa0cb59;
          box-shadow: 0px 5px 6px 0px #8aa0cb59;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 72px;
  height: 72px;
  margin: 0 auto;
  background: url(../img/credit-slider/icon-bg.svg) center center no-repeat;
  background-size: cover;
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.credit-slider-wrapper .credit-slider-single .wallet-icon-wrapp {
  padding: 0;
  background: none;
}
.credit-slider-wrapper .credit-slider-single article {
  position: relative;
  z-index: 1;
}
.credit-slider-wrapper .credit-slider-single article h3 {
  font-family: "montserratbold";
  font-size: 16px;
  margin: 0 0 12px;
}
.credit-slider-wrapper .credit-slider-single article h5 {
  font-family: "montserratregular";
  font-size: 24px;
}

.soccer-tips-main-border {
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
  padding: 2px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
}

.soccer-tips-wrapper {
  background: #15212D;
  padding: 50px 100px 100px;
}
.soccer-tips-wrapper .soccer-tips-main {
  background: #202B38;
  color: #fff;
  position: relative;
}
.soccer-tips-wrapper .soccer-tips-main .soccer-tips-header {
  z-index: 3;
  position: relative;
  font-family: "montserratbold";
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
  padding: 0 0 2px;
}
.soccer-tips-wrapper .soccer-tips-main .soccer-tips-header h4 {
  padding: 18px 30px;
  position: relative;
  z-index: 2;
  background: #202B38;
}
.soccer-tips-wrapper .soccer-tips-main .soccer-tips-table-wrapper {
  padding: 20px 30px 70px;
}
.soccer-tips-wrapper .soccer-tips-main .soccer-tips-table-wrapper table {
  width: 100%;
  background: #202B38;
}
.soccer-tips-wrapper .soccer-tips-main .soccer-tips-table-wrapper table tbody {
  border-top: 15px solid #202B38;
}
.soccer-tips-wrapper .soccer-tips-main .soccer-tips-table-wrapper table tr {
  position: relative;
  z-index: 2;
}
.soccer-tips-wrapper .soccer-tips-main .soccer-tips-table-wrapper table tr td {
  position: relative;
  z-index: 1;
  padding: 20px 30px 40px;
  background: #273846;
}
.soccer-tips-wrapper .soccer-tips-main .soccer-tips-table-wrapper table .disabled {
  pointer-events: none;
  opacity: 0.5;
}

.soccer-content {
  font-family: "montserratbold";
  font-size: 15px;
}

.soccer-details .team-names {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 15px;
}
.soccer-details .team-names h2 {
  font-family: "montserratbold";
  font-size: 30px;
}
.soccer-details .team-names h3 {
  font-family: "montserratbold";
  font-size: 25px;
}
.soccer-details .team-names h3.vs {
  font-family: "montserratregular";
  font-size: 25px;
  margin: 0 15px;
}
.soccer-details .date-time-cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.soccer-details .date-time-cate p {
  margin: 0 30px;
}

.newpdleft {
  padding-right: 0px;
}

.newpdright {
  padding-left: 0px;
  text-align: right;
}

.score-area {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
.score-area h2 {
  font-family: "montserratbold";
  margin: 0 30px;
  font-size: 40px;
}
.score-area h3 {
  font-family: "montserratbold";
  margin: 0 30px;
  font-size: 25px;
}

.inner-page-wrapper {
  height: 100%;
  min-height: 100vh;
  position: relative;
  background: #15212D;
}
.inner-page-wrapper::after {
  position: absolute;
  content: "";
  right: 0;
  top: -20px;
  left: 0;
  width: 100%;
  height: 200px;
  background: #15212D url(../img/banner/bottom-vector.svg) top center no-repeat;
  background-size: cover;
  z-index: 0;
  pointer-events: none;
}

.inner-page-header {
  position: relative;
  z-index: 1;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 50px 40px;
}
.inner-page-header h1 {
  color: #f3bf37;
  font-size: 30px;
  font-family: "montserratbold";
  font-size: 35px;
}

.inner-page-tabs-wrapper {
  position: relative;
  z-index: 1;
}
.inner-page-tabs-wrapper ul.nav {
  border-bottom: 2px solid #495869;
  padding: 0 40px;
}
.inner-page-tabs-wrapper ul.nav .nav-item {
  margin-right: 70px;
}
.inner-page-tabs-wrapper ul.nav .nav-item .nav-link {
  font-size: 18px;
  color: #888888;
  white-space: nowrap;
  font-family: "montserratbold";
  border-bottom: 4px solid transparent;
  position: relative;
}
.inner-page-tabs-wrapper ul.nav .nav-item .nav-link:hover {
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.inner-page-tabs-wrapper ul.nav .nav-item .nav-link:hover::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
}
.inner-page-tabs-wrapper ul.nav .nav-item .active {
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.inner-page-tabs-wrapper ul.nav .nav-item .active::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
}
.inner-page-tabs-wrapper .tab-content {
  padding: 30px 50px;
}

.newpushtoleft {
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

.common-box {
  background: #263442;
  border: 2px solid #704E00;
  padding: 40px;
}

.sidebar-move {
  margin-left: 170px;
}

.wallet-table table {
  width: 100%;
}
.wallet-table table thead {
  border-bottom: 1px solid #495869;
}
.wallet-table table thead th {
  color: #888888;
  font-size: 16px;
  font-family: "montserratmedium";
  padding: 0 0 15px;
}
.wallet-table table tbody tr {
  border-bottom: 1px solid #495869;
}
.wallet-table table tbody tr td {
  padding: 20px 0;
}

.wallet-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 50px;
}
.wallet-name figure {
  width: 40px;
  height: 40px;
  background: url(../img/credit-slider/icon-bg.svg) center center no-repeat;
  background-size: cover;
  padding: 0px !important;
  margin: 0 18px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wallet-name figure img {
  width: 100% !important;
}
.wallet-name .user-icon-bg {
  background: #15212D;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.wallet-name .user-icon-bg::after {
  position: absolute;
  content: "";
  left: -2px;
  top: -2px;
  right: 0;
  bottom: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#F3BF37), to(#F3BF37));
  background: linear-gradient(180deg, #F3BF37 0%, #F3BF37 100%);
  z-index: -1;
}
.wallet-name .user-icon-bg img {
  width: 34px;
}
.wallet-name article h5 {
  color: #fff;
  font-size: 18px;
  font-family: "montserratmedium";
}

.wallet-amount {
  font-family: "montserratbold";
  font-size: 24px;
  color: #f8df95;
}

.wallet-btns {
  text-align: right;
  white-space: nowrap;
  padding: 0 0 0 30px;
}
.wallet-btns button {
  min-width: 160px;
  margin-left: 16px;
}

.inner-page-tabs-wrapper .inner-tabs {
  margin: 0 0 0 40px;
}
.inner-page-tabs-wrapper .inner-tabs ul.nav {
  padding: 30px 0 0;
}
.inner-page-tabs-wrapper .inner-tabs ul.nav .nav-item .nav-link {
  font-family: "montserratregular";
}
.inner-page-tabs-wrapper .inner-tabs ul.nav .nav-item .active {
  font-family: "montserratbold";
}
.inner-page-tabs-wrapper .inner-tabs .tab-content {
  padding: 40px 0;
}

.form-wrapper {
  width: 100%;
  max-width: 500px;
}

.form-group label {
  font-size: 16px;
  margin: 0 0 5px;
}
.form-group input[type=text]:disabled {
  background: #3E5062;
}

input.form-control {
  background: #15212D;
  border: 1px solid #495869;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  padding: 5px 20px;
  font-size: 14px;
}
input.form-control:hover, input.form-control:focus, input.form-control:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.notice-wrapper {
  background: #15212D;
  border: 1px solid #495869;
  padding: 18px 26px;
}
.notice-wrapper h3 {
  font-family: "montserratbold";
  text-align: center;
  color: #F3BF37;
  margin: 0 0 20px;
  font-size: 1.25rem;
}
.notice-wrapper p {
  font-size: 16px;
  margin: 0 0 15px;
}

.upload-idcard-img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 15px;
}
.upload-idcard-img-wrapper .upload-idcard-single {
  width: 48%;
}
.upload-idcard-img-wrapper .upload-idcard-single .upload-idcard {
  background: #15212D;
  border: 2px dashed #495869;
  padding: 0;
  text-align: center;
  margin: 10px 0 0;
  position: relative;
}
.upload-idcard-img-wrapper .upload-idcard-single .upload-idcard input {
  width: 100%;
  height: 130px;
}
.upload-idcard-img-wrapper .upload-idcard-single .upload-idcard .custom-file-upload {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #15212D;
  pointer-events: none;
  padding: 30px 0 0;
}
.upload-idcard-img-wrapper .upload-idcard-single .upload-idcard .custom-file-upload p {
  color: #888888;
  font-size: 14px;
  margin: 5px 0 0;
}

.uploaded-img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  background: #15212D;
}
.uploaded-img figure {
  background-size: cover;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.uploaded-img .uploaded-img-close {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 1;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.uploaded-img .uploaded-img-close:hover, .uploaded-img .uploaded-img-close:focus {
  outline: none;
}
.uploaded-img .img-status {
  background: -webkit-gradient(linear, left top, left bottom, from(#F3BF37), to(#F3BF37));
  background: linear-gradient(180deg, #F3BF37 0%, #F3BF37 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.upload-img-status {
  background: #15212D;
  margin: 50px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 20px;
}
.upload-img-status h4 {
  color: #fff;
}
.upload-img-status h3 {
  font-family: "montserratbold";
  color: #F3BF37;
}

.grey-right-border {
  border-right: 1px solid #495869;
}

.qr-section {
  text-align: center;
}
.qr-section .qr-head {
  color: #F3BF37;
  font-family: "montserratmedium";
  font-size: 16px;
  margin: 0 0 25px;
}
.qr-section .qr-code-img {
  margin: 0 0 35px;
}
.qr-section .copy-address-area {
  text-align: left;
  background: #15212D;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 20px;
}
.qr-section .copy-btn {
  padding: 0;
  border: 0;
  background: no-repeat;
  margin: 2px 0 0;
}

.total-area {
  margin: 0 0 35px;
}
.total-area .total-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px;
}
.total-area .total-row h6 {
  font-size: 12px;
}

.amount-input {
  position: relative;
}
.amount-input input.form-control {
  padding-right: 70px;
}
.amount-input span.right-side-value {
  position: absolute;
  top: 7px;
  right: 20px;
  font-size: 14px;
}

.right-content-wrapper {
  padding: 50px 0 50px 70px;
  width: 500%;
  max-width: 500px;
}

.from-to-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  position: relative;
}
.from-to-wrapper .from-to-form {
  width: 100%;
}
.from-to-wrapper .from-to-range {
  width: 50px;
  margin: 22px 0 0;
  position: absolute;
  right: -70px;
}
.from-to-wrapper .from-to-range img {
  width: 100%;
}

.profile-cards-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.profile-card-single {
  width: 31%;
  text-align: center;
  background-size: cover;
}
.profile-card-single .profile-img {
  width: 100px;
  height: 100px;
  margin: 0 auto 35px;
  background: url(../img/icon-bg.png) center center no-repeat;
  background-size: cover;
  padding: 10px 13px;
}
.profile-card-single .profile-img img {
  width: 100%;
}
.profile-card-single .profile-contents h2 {
  font-family: "montserratbold";
  font-size: 32px;
  margin: 0 0 20px;
}
.profile-card-single .profile-contents p {
  font-size: 18px;
  margin: 0 0 15px;
}

.two-side-contents-wrapper {
  margin: 40px 0 0;
}
.two-side-contents-wrapper .two-side-contents-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 15px;
}
.two-side-contents-wrapper .two-side-contents-row h3 {
  font-family: "montserratbold";
  font-size: 16px;
  color: #F3BF37;
}
.two-side-contents-wrapper .two-side-contents-row h4 {
  font-family: "montserratregular";
  font-size: 16px;
  text-align: left;
}

.main-head {
  font-family: "montserratbold";
  font-size: 30px;
}

.box-top-bottom-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rank-boxes-wrapper {
  margin: 40px 0 0;
}
.rank-boxes-wrapper .rank-boxes {
  margin: 0 0 40px;
  min-height: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.rank-boxes-wrapper .rank-boxes::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(../img/rank-boxes/box-bg.jpg) center center no-repeat;
  background-size: cover;
  z-index: 0;
  opacity: 0.1;
  pointer-events: none;
}
.rank-boxes-wrapper .rank-boxes .rank-box-icon {
  position: relative;
  z-index: 1;
  margin: 0 40px 0 0;
}
.rank-boxes-wrapper .rank-boxes .rank-box-icon figure {
  width: 100px;
  height: 100px;
  background: url(../img/icon-bg.png) center center no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.rank-boxes-wrapper .rank-boxes .rank-box-icon figure::after {
  position: absolute;
  content: "";
  width: 75px;
  height: 75px;
  background: -webkit-gradient(linear, left top, left bottom, from(#F3BF37), to(#F3BF37));
  background: linear-gradient(180deg, #F3BF37 0%, #F3BF37 100%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  top: 9px;
  z-index: 0;
}
.rank-boxes-wrapper .rank-boxes .rank-box-icon figure img {
  margin: -10px 0 0;
  position: relative;
  z-index: 9;
}
.rank-boxes-wrapper .rank-boxes .rank-box-contents {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.rank-boxes-wrapper .rank-boxes .rank-box-contents .rank-box-contents-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 15px;
}
.rank-boxes-wrapper .rank-boxes .rank-box-contents .rank-box-contents-row:nth-last-child(1) {
  margin-bottom: 0;
}
.rank-boxes-wrapper .rank-boxes .rank-box-contents .rank-box-contents-row h4 {
  color: #F3BF37;
  font-family: "montserratbold";
  text-align: right;
}
.rank-boxes-wrapper .rank-boxes .rank-box-contents .rank-box-contents-row h5 {
  min-width: 130px;
  color: #fff;
}
.rank-boxes-wrapper .rank-boxes-active {
  border: none;
  position: relative;
}
.rank-boxes-wrapper .rank-boxes-active::before {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
}
.rank-boxes-wrapper .rank-boxes-active::after {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
  background: #2B449D;
  opacity: 1;
  left: 2px;
  top: 2px;
}
.rank-boxes-wrapper .rank-boxe-bg1::after {
  background: url(../img/rank-boxes/bg1.png) center center no-repeat;
  background-size: cover;
}
.rank-boxes-wrapper .demo-package-box {
  border: none;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.rank-boxes-wrapper .demo-package-box::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
}
.rank-boxes-wrapper .demo-package-box::after {
  background: #000 url(../img/rank-boxes/bg2.png) center center no-repeat;
  background-size: cover;
  opacity: 1;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  left: 2px;
  top: 2px;
}

table {
  width: 100%;
}
table th {
  font-weight: normal;
  color: #888888;
  font-size: 16px;
}
table th,
table td {
  padding: 0 15px;
  white-space: nowrap;
  vertical-align: middle;
}

.bet-history-table-wrapper {
  margin: 40px 0 0;
}
.bet-history-table-wrapper table thead {
  background: #202B38;
}
.bet-history-table-wrapper table thead tr th {
  padding: 15px;
}
.bet-history-table-wrapper table thead tr th table tbody {
  background: none;
  border: none;
}
.bet-history-table-wrapper table tbody {
  background: #273846;
  border-top: 15px solid #15212D;
  margin-top: 15px;
}
.bet-history-table-wrapper table tbody tr td {
  padding: 30px 15px;
}

.table-head {
  font-family: "montserratbold";
  color: #fff;
  font-size: 30px;
}

.profile-table-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

table.bet-history-table-head tr td {
  padding: 15px;
  white-space: nowrap;
}
table.bet-history-table-head tr .bet-history-table-head-column {
  padding: 0 15px;
  color: #888888;
  font-size: 16px;
}

.bet-history-table-contents {
  margin: 20px 0 0;
}
.bet-history-table-contents tr {
  position: relative;
}
.bet-history-table-contents tr td {
  color: #fff;
  padding: 30px 25px 50px;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}

.pasword-show-hide {
  position: relative;
}

.toggle-password {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 9px;
}
.toggle-password img {
  width: 20px;
  position: absolute;
  right: 20px;
}
.toggle-password img:nth-child(1) {
  opacity: 0;
}

.eye-slash img:nth-child(1) {
  opacity: 1;
}
.eye-slash img:nth-child(2) {
  opacity: 0;
}

.win-loss-status {
  font-family: "montserratbold";
  font-size: 18px;
}

.bet-select-areas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.bet-select-areas .bet-select-single {
  width: auto;
  min-width: 240px;
  margin: 0 20px 0 0;
}

.search-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.search-wrapper input.form-control {
  padding-right: 40px;
}
.search-wrapper button {
  margin: 0 0 0 -27px;
}

.table-contents-wrapper h3 {
  font-size: 18px;
  font-family: "montserratmedium";
  margin: 0 0 10px;
}
.table-contents-wrapper p {
  font-size: 14px;
  color: #A2A2A2;
}

.announce-details-page {
  padding: 130px 50px 30px;
  color: #fff;
  position: relative;
  z-index: 1;
}
.announce-details-page .details-page-head {
  font-family: "montserratbold";
  font-size: 24px;
}
.announce-details-page .date-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #FFFFFF;
  padding: 0 0 10px;
  margin: 25px 0 30px;
}
.announce-details-page .date-categories h6 {
  margin-right: 45px;
}

.details-page-contents p {
  margin: 0 0 30px;
  line-height: 28px;
}

.back-btn {
  margin: 0 0 30px;
}

.invoice-bill-wrapper {
  background: #202B38;
  border: 2px solid #475D6B;
  width: 100%;
  max-width: 1075px;
}

.bill-section {
  border-bottom: 2px solid #aec1d6;
  padding: 25px 40px;
}

.bill-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bill-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.bill-header-left img {
  width: 140px;
  margin: 0 0 15px;
}

.bill-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.bill-header-left a {
  margin: 0 0 5px;
  font-size: 14px;
}
.bill-header-left a:hover, .bill-header-left a:focus {
  color: #666;
}

.invoice-number-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 10px;
}
.invoice-number-row .invoice-number-head {
  font-family: "montserratbold";
  font-size: 18px;
}
.invoice-number-row .invoice-number-para {
  font-size: 18px;
  margin: 0 0 0 10px;
}

.bill-header-right {
  text-align: right;
}

.bill-half {
  width: 50%;
}

.bill-address .bill-address-head {
  font-family: "montserratbold";
  font-size: 18px;
  margin: 0 0 10px;
}
.bill-address p {
  font-size: 14px;
  font-family: "montserratmedium";
  line-height: 24px;
}

.bill-items-table {
  border-bottom: 2px solid #aec1d6;
  padding: 0px;
}
.bill-items-table table {
  width: 100%;
}
.bill-items-table table thead {
  background: #202B38;
  border-bottom: 1px solid #475D6B;
}
.bill-items-table table thead tr th {
  padding: 15px 5%;
  min-width: 120px;
  font-family: "montserratregular";
  font-size: 12px;
  color: #888888;
  font-weight: 400;
}
.bill-items-table table tbody tr {
  background: #15212D;
}
.bill-items-table table tbody tr td {
  font-size: 13px;
  min-width: 120px;
  border-bottom: 1px solid #475D6B;
  padding: 15px 5%;
}

.total-area-wrapper {
  margin: 0 0 100px;
}
.total-area-wrapper .total-area-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 20px;
}
.total-area-wrapper .total-area-row h3 {
  font-family: "montserratbold";
  margin-right: 150px;
  text-align: right;
}
.total-area-wrapper .total-area-row h4 {
  width: 200px;
  text-align: right;
}

.bill-bottm-btns {
  padding: 20px 40px;
}

.gift-item {
  background: #202B38;
  border: 1px solid #495869;
  margin: 0 0 35px;
}
.gift-item figure img {
  width: 100%;
}
.gift-item article {
  padding: 0 20px 20px;
}

.trading-logo {
  max-width: 200px;
  margin: 0 auto 35px;
  min-height: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.trading-logo img {
  width: 130px;
}

.grey-para {
  color: #A4A4A4;
  margin: 0 0 20px;
  font-size: 14px;
}

.trade-head {
  font-family: "montserratbold";
  font-size: 18px;
  margin: 0 0 10px;
}

.package-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.package-wrapper .package-single {
  width: 32%;
}

.package-single {
  padding: 30px;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  position: relative;
}
.package-single::after {
  pointer-events: none;
  position: absolute;
  content: "";
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
  background: #2B449D url(../img/package/bg.png) center center no-repeat;
  background-size: cover;
  opacity: 1;
  left: 2px;
  top: 2px;
  z-index: 0;
}
.package-single:hover::before {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
  z-index: -1;
}
.package-single h5 {
  font-size: 18px;
  font-family: "montserratregular";
}
.package-single .btn {
  position: relative;
  z-index: 2;
}

.package-single.disable {
  opacity: 0.5;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  pointer-events: none;
}

.package-content-head-row {
  position: relative;
  z-index: 2;
  margin: 0 0 40px;
}
.package-content-head-row h2 {
  font-size: 38px;
  font-family: "montserratbold";
  margin: 15px 0 0;
}

.package-content-row {
  margin: 0 0 40px;
  position: relative;
  z-index: 2;
}
.package-content-row h3 {
  margin: 15px 0 0;
  font-family: "montserratbold";
}

.pop-contents .pop-content-head {
  text-align: center;
  color: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
  background: -webkit-linear-gradient(#F3BF37, #F3BF37);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
}

.package-payment-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.package-payment-wrapper {
  padding: 40px;
}

.credit-name {
  border-bottom: 1px solid #495869;
  padding: 0 0 15px;
  margin: 0 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.credit-name .wallet-amount {
  font-family: "montserratmedium";
}

.payment-summary-wrapper {
  background: #15212D;
  padding: 40px;
  max-width: 520px;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: relative;
}
.payment-summary-wrapper::before {
  position: absolute;
  content: "";
  pointer-events: none;
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.payment-summary-wrapper::after {
  position: absolute;
  content: "";
  pointer-events: none;
  background: #15212D;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  left: 2px;
  top: 2px;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.payment-summary-wrapper .large-head {
  border-bottom: 1px solid #495869;
  padding: 0 0 40px;
  margin: 0 0 25px;
  position: relative;
  z-index: 2;
}

.payment-summary-lists {
  position: relative;
  z-index: 2;
}
.payment-summary-lists .two-side-contents-wrapper {
  margin: 0;
  border-bottom: 1px solid #495869;
  padding: 0 0 15px;
  margin: 0 0 25px;
}

.package-heading {
  font-size: 36px;
  font-family: "montserratbold";
}

.pin-package-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 40px;
}
.pin-package-wrapper .package-single {
  width: 19%;
  background: #263442;
  margin: 20px 1% 0 0;
}
.pin-package-wrapper .package-single::after {
  background: url(../img/package-bg.png) no-repeat center top;
  background-size: cover;
}

.summary-area-wrapper {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border: 2px solid #B7C7FF;
}

.box-head {
  color: #fff;
  font-size: 26px;
  font-family: "montserratbold";
  margin-bottom: 15px;
}

.summary-area-list .summary-table thead {
  border-bottom: 1px solid #495869;
}
.summary-area-list .summary-table thead tr th {
  padding: 10px 15px;
}
.summary-area-list .summary-table tbody tr td {
  padding: 10px 15px;
}

.total-table tr td {
  border-top: 1px solid #495869;
  border-bottom: 1px solid #495869;
}

.strong-text-blue {
  font-family: "montserratbold";
  color: #B7C7FF;
}

.large-head {
  font-size: 30px;
  font-family: "montserratbold";
  margin-bottom: 40px;
}

.right-btns-wrapper button {
  margin-left: 20px;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 40px 0 0;
}
.pagination button {
  background: #323F4C;
  border: 1px solid #8E9AA7;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin-left: 14px;
  color: #888888;
  font-size: 14px;
  padding: 7px 12px 3px;
  text-align: center;
  width: 35px;
}
.pagination button:hover, .pagination button:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(#B7C7FF), to(#5B78E2));
  background: linear-gradient(180deg, #B7C7FF 0%, #5B78E2 100%);
  color: #323F4C;
}
.pagination .pagination-arrow {
  width: 50px;
  font-size: 15px;
  padding: 4px 10px 5px;
}
.pagination .active {
  background: -webkit-gradient(linear, left top, left bottom, from(#B7C7FF), to(#5B78E2));
  background: linear-gradient(180deg, #B7C7FF 0%, #5B78E2 100%);
  color: #323F4C;
}

.pagination-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

button:hover, button:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8df95));
  background: linear-gradient(180deg, #fff 0%, #f8df95 100%);
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  color: #202B38;
}

.btn {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F3BF37));
  background: linear-gradient(180deg, #FFF 0%, #F3BF37 100%);
  font-family: "montserratbold";
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
  color: #15212D;
  font-size: 14px;
  padding: 5px 30px;
  border: none;
  min-width: 140px;
}
.btn:hover, .btn:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8df95));
  background: linear-gradient(180deg, #fff 0%, #f8df95 100%);
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  color: #15212D;
}

button,
.btn:not([disabled]):not(.disabled).active,
button,
.btn:not([disabled]):not(.disabled):active {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8df95));
  background: linear-gradient(180deg, #fff 0%, #f8df95 100%);
  outline: none;
  color: #15212D;
}

.white-btn {
  background: #fff;
  color: #202B38;
}
.white-btn:hover, .white-btn:focus {
  background: #fff;
  color: #15212D;
}

.white-btn:not([disabled]):not(.disabled).active,
.white-btn:not([disabled]):not(.disabled):active {
  background: #fff;
  outline: none;
  color: #15212D;
}

.grey-btn {
  background: -webkit-gradient(linear, left top, left bottom, from(#ABAEBA), to(#717583));
  background: linear-gradient(180deg, #ABAEBA 0%, #717583 100%);
  color: #202B38;
}
.grey-btn:hover, .grey-btn:focus, .grey-btn:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#717583), to(#ABAEBA));
  background: linear-gradient(180deg, #717583 0%, #ABAEBA 100%);
  color: #15212D;
}

.grey-btn:not([disabled]):not(.disabled).active,
.grey-btn:not([disabled]):not(.disabled):active {
  background: -webkit-gradient(linear, left top, left bottom, from(#717583), to(#ABAEBA));
  background: linear-gradient(180deg, #717583 0%, #ABAEBA 100%);
  outline: none;
  color: #15212D;
}

.orange-btn {
  background: linear-gradient(135.13deg, #BE7F88 -205.57%, #E09D9F -175.42%, #F7B1AF -151.1%, #FBDDDD -67.66%, #F8B8B6 25.21%, #C98A91 54.62%, #B57782 70.26%);
}
.orange-btn:hover, .orange-btn:focus {
  background: linear-gradient(135.13deg, #BE7F88 -205.57%, #E09D9F -175.42%, #F7B1AF -151.1%, #FBDDDD -67.66%, #F8B8B6 25.21%, #C98A91 54.62%, #B57782 70.26%);
  color: #15212D;
}

.orange-btn:not([disabled]):not(.disabled).active,
.orange-btn:not([disabled]):not(.disabled):active {
  background: linear-gradient(135.13deg, #BE7F88 -205.57%, #E09D9F -175.42%, #F7B1AF -151.1%, #FBDDDD -67.66%, #F8B8B6 25.21%, #C98A91 54.62%, #B57782 70.26%);
  outline: none;
  color: #15212D;
}

.green-btn {
  background: linear-gradient(151.87deg, #80E5E5 15.81%, #2B6A85 95.64%);
}
.green-btn:hover, .green-btn:focus {
  background: linear-gradient(151.87deg, #80E5E5 15.81%, #2B6A85 95.64%);
  color: #15212D;
}

.orange-btn:not([disabled]):not(.disabled).active,
.orange-btn:not([disabled]):not(.disabled):active {
  background: linear-gradient(151.87deg, #80E5E5 15.81%, #2B6A85 95.64%);
  outline: none;
  color: #15212D;
}

.btn-center {
  text-align: center;
}
.btn-center button {
  width: 80%;
  margin: 0 auto;
}

.two-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.two-btns button {
  margin: 0 15px;
  min-width: 200px;
}

.color-green {
  color: #20BEA2 !important;
}

.color-blue-gradient {
  background: -webkit-linear-gradient(#F3BF37, #F3BF37);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.golden-gradient {
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.color-red {
  color: #FF5D5D !important;
}

.bottom-bordered-table tr th,
.bottom-bordered-table tr td {
  border-bottom: 1px solid #495869;
  padding-top: 15px;
  padding-bottom: 15px;
}

.medium-modal .modal-content {
  background: #15212DCC;
  border: 2px solid #B0C0FC;
  color: #fff;
  padding: 30px 40px 40px;
}
.medium-modal .modal-content .modal-body {
  padding: 0;
}
.medium-modal .modal-content .two-side-contents-wrapper .btn {
  min-width: 120px;
}

.pop-icon-wrapper {
  margin: 0 0 50px;
}

.que-icon {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 auto;
  background: -webkit-gradient(linear, left top, right top, from(#645028), color-stop(3.62%, #8A6C39), color-stop(9.05%, #BC9150), color-stop(13.81%, #E0AC61), color-stop(17.66%, #F7BC6B), color-stop(20.11%, #FFC26F), color-stop(23.39%, #DCA762), color-stop(26.79%, #BE9158), color-stop(29.72%, #AC8451), color-stop(31.84%, #A67F4F), color-stop(33.71%, #C0975B), color-stop(36.43%, #DEB468), color-stop(38.74%, #F1C671), color-stop(40.36%, #F8CC74), color-stop(85.26%, #A67F4F), color-stop(88.23%, #977138), color-stop(93.04%, #825E1A), color-stop(97.12%, #755207), color-stop(99.98%, #704E00));
  background: linear-gradient(90deg, #645028 0%, #8A6C39 3.62%, #BC9150 9.05%, #E0AC61 13.81%, #F7BC6B 17.66%, #FFC26F 20.11%, #DCA762 23.39%, #BE9158 26.79%, #AC8451 29.72%, #A67F4F 31.84%, #C0975B 33.71%, #DEB468 36.43%, #F1C671 38.74%, #F8CC74 40.36%, #A67F4F 85.26%, #977138 88.23%, #825E1A 93.04%, #755207 97.12%, #704E00 99.98%);
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.grey-text {
  color: #888888 !important;
}

.justify-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.package-payment-wrapper {
  padding: 40px;
  width: calc(100% - 520px);
}

.unit-fields {
  position: relative;
  z-index: 1;
  text-align: left;
}

.bestfont {
  color: #e1b66a !important;
}

.coming-soon {
  background: #15212D;
  min-height: 400px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  font-size: 30px;
}

.small-input-wrapper {
  text-align: center;
}
.small-input-wrapper input.form-control {
  max-width: 200px;
  margin: 0 auto;
  text-align: center;
}