@font-face {
    font-family: 'maven_problack';
    src: url('../fonts/mavenpro-black-webfont.eot');
    src: url('../fonts/mavenpro-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mavenpro-black-webfont.woff2') format('woff2'),
        url('../fonts/mavenpro-black-webfont.woff') format('woff'),
        url('../fonts/mavenpro-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'maven_probold';
    src: url('../fonts/mavenpro-bold-webfont.eot');
    src: url('../fonts/mavenpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mavenpro-bold-webfont.woff2') format('woff2'),
        url('../fonts/mavenpro-bold-webfont.woff') format('woff'),
        url('../fonts/mavenpro-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'maven_promedium';
    src: url('../fonts/mavenpro-medium-webfont.eot');
    src: url('../fonts/mavenpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mavenpro-medium-webfont.woff2') format('woff2'),
        url('../fonts/mavenpro-medium-webfont.woff') format('woff'),
        url('../fonts/mavenpro-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'maven_proregular';
    src: url('../fonts/mavenpro-regular-webfont.eot');
    src: url('../fonts/mavenpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mavenpro-regular-webfont.woff2') format('woff2'),
        url('../fonts/mavenpro-regular-webfont.woff') format('woff'),
        url('../fonts/mavenpro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eurostileblack';
    src: url('../fonts/eurostile-black-webfont.eot');
    src: url('../fonts/eurostile-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/eurostile-black-webfont.woff2') format('woff2'),
        url('../fonts/eurostile-black-webfont.woff') format('woff'),
        url('../fonts/eurostile-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eurostilemedium';
    src: url('../fonts/eurostile-medium-webfont.eot');
    src: url('../fonts/eurostile-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/eurostile-medium-webfont.woff2') format('woff2'),
        url('../fonts/eurostile-medium-webfont.woff') format('woff'),
        url('../fonts/eurostile-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eurostilebold';
    src: url('../fonts/eurostile-bold-webfont.eot');
    src: url('../fonts/eurostile-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/eurostile-bold-webfont.woff2') format('woff2'),
        url('../fonts/eurostile-bold-webfont.woff') format('woff'),
        url('../fonts/eurostile-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Inter', sans-serif;
    background: #00000B;
    margin: 0;
    /* padding: 170px 0 0 !important; */
    /* color: #fff; */
    font-size: 14px;
    overflow-x: hidden;
    /* background: rgb(23, 49, 111);
    background: radial-gradient(circle, rgba(23, 49, 111, 1) 0%, rgba(0, 0, 12, 1) 34%); */
    background: rgb(23, 49, 111);
    background: radial-gradient(circle, rgba(23, 49, 111, 1) 0%, rgba(0, 0, 12, 1) 18%);
    background-size: 150% 150%;
    animation: gradient 50s linear infinite
}

/* body:before{
    content: '';
    background-image: url('../img/bgr-1.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 63%;
    padding: 0 0 80%;
    position: absolute;
    top: 0;
    right: 90px;
    z-index: -1;
}

body:after{
    content: '';
    background-image: url('../img/bgr-2.png');
    background-size: 100% auto;
    width: 683px;
    height: 1209px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
} */

/*Global*/

.light-theme {
    background: #f9fdff;
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

a:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "apparat", sans-serif;
    font-weight: 600;
    font-style: normal;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

ul li,
ol li {
    list-style: none;
}

.text-box {
    color: #818181;
}

.text-box>ul {
    margin: 10px 0;
    padding: 0;
}

.text-box>ul>li {
    margin: 0 0 6px;
    padding: 0 0 0 10px;
    position: relative;
    list-style: none;
}

.text-box>ul>li:before {
    content: '';
    background: #0abaf2;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    left: 0;
}

.text-white {
    color: #FFFFFF;
}

.mt-0 {
    margin-top: 0;
}

.blue-text {
    color: #5fd1f6;
}

.white-text {
    color: #fff;
}

.btn-link {
    font-family: 'eurostilemedium';
    background: #34c6f4;
    padding: 19px 56px 18px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 30px;
    display: inline-block;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.btn-link.disabled {
    opacity: 0.5;
    cursor: inherit;
}

.btn-link.xs {
    padding: 10px 20px 9px;
    font-size: 14px;
    cursor: pointer;
}

.btn-link:hover {
    background: #0e1130;
    color: #fff;
    text-decoration: none;
}

.btn-link.reverse {
    background: #0e1130;
}

.btn-link.reverse:hover {
    background: #34c6f4;
}

.btn-link.blue-gradient {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b4f4+0,003281+100 */
    background: #00b4f4;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00b4f4 0%, #003281 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00b4f4 0%, #003281 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00b4f4 0%, #003281 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b4f4', endColorstr='#003281', GradientType=1);
    /* IE6-9 */
}

.btn-link.blue-gradient:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd87fe+0,7c3ada+100 */
    background: #003281;
    /* Old browsers */
    background: -moz-linear-gradient(left, #003281 0%, #003281 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #003281 0%, #003281 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #003281 0%, #003281 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003281', endColorstr='#003281', GradientType=1);
    /* IE6-9 */
}

.btn-link.purple-gradient {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd87fe+0,7c3ada+100 */
    background: #bd87fe;
    /* Old browsers */
    background: -moz-linear-gradient(left, #bd87fe 0%, #7c3ada 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #bd87fe 0%, #7c3ada 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #bd87fe 0%, #7c3ada 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd87fe', endColorstr='#7c3ada', GradientType=1);
    /* IE6-9 */
}

.btn-link.purple-gradient:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd87fe+0,7c3ada+100 */
    background: #bd87fe;
    /* Old browsers */
    background: -moz-linear-gradient(left, #7c3ada 0%, #7c3ada 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #7c3ada 0%, #7c3ada 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #7c3ada 0%, #7c3ada 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c3ada', endColorstr='#7c3ada', GradientType=1);
    /* IE6-9 */
}

.btn-link.has-arrow {
    padding-right: 90px;
    position: relative;
}

.btn-link.has-arrow:after {
    font-family: 'Font Awesome 5 Pro';
    content: '\f054';
    font-size: 20px;
    font-size: 400;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-link.has-big-icon {
    font-family: 'eurostilebold';
    min-height: 134px;
    padding-left: 100px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.btn-link.has-big-icon i {
    font-size: 60px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-link-border {
    font-family: 'eurostilemedium';
    background: #fff;
    padding: 19px 56px 18px;
    font-size: 18px;
    color: #34c6f4;
    text-transform: uppercase;
    border-radius: 30px;
    border: 1px solid #34c6f4;
    display: inline-block;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.btn-link-border:hover {
    background: #34c6f4;
    color: #fff;
}

.social-links {}

.social-links>li {
    margin: 0 5px 10px;
    display: inline-block;
}

.social-links>li a {
    /* background: #122344; */
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #99aad1;
    line-height: 40px;
    border-radius: 100%;
    display: block;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.light-theme .social-links>li a {
    color: #000;
}

.social-links>li a:hover {
    background: #fff;
    color: #122344;
}

.has-animation {}

.has-animation>* {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    transform: translateY(-100px);
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.has-animation>*.activate-animation {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

table.dataTable thead th {
    background-color: #102c4d !important;
}

table.dataTable thead.custom-table-head th {
    background-color: transparent !important;
}

table.dataTable tbody tr.custom-table-row {
    background-color: transparent !important;
}

.inbox-btn {
    padding: 12px 20px;
    font-size: 14px !important;
    color: #fc8f0e;
    text-align: center;
    border: 1px solid #fc8f0e;
    border-radius: 50px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.inbox-btn.inbox-pulse {
    -webkit-animation-name: pulse-btn;
    animation-name: pulse-btn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes pulse-btn {
    0% {
        background: transparent;
        color: #fc8f0e;
    }

    50% {
        background: #fc8f0e;
        color: #fff;
    }

    100% {
        background: transparent;
        color: #fc8f0e;
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }

    20% {
        background-position: 50% 50%;
    }

    40% {
        background-position: 100% 100%;
    }

    60% {
        background-position: 80% 50%;
    }

    80% {
        background-position: 50% 50%;
    }

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

@keyframes pulse-btn {
    0% {
        background: transparent;
        color: #fc8f0e;
    }

    50% {
        background: #fc8f0e;
        color: #fff;
    }

    100% {
        background: transparent;
        color: #fc8f0e;
    }
}

.inbox-btn:hover {
    background: #fc8f0e;
    color: #fff !important;
    text-decoration: none;
}

.inbox-btn var {
    background: #fc8f0e;
    width: 20px;
    height: 20px;
    margin: -2px 0 0 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-style: normal;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
}

.w-100 {
    width: 100% !important;
}

.red-text {
    color: #F1807B;
}

.green-text {
    color: #17EB71;
}

.orange-text {
    color: #fc8f0e;
}

.table-box-more {
    width: 100%;
    max-width: 720px;
    margin-top: 20px;
    padding: 0 30px;
    font-size: 16px;
    text-align: center;
}

.table-box-style {
    background: #000018;
    width: 100%;
    max-width: 720px;
    padding: 24px 28px;
    font-size: 16px;
    color: #a6a6ae;
    border: 1px solid #004f74;
    border-radius: 10px;
    border-collapse: inherit;
}

.table-box-style-list {
    max-width: 100%;
}

.table-box-style tr {}

.table-box-style tr th {
    padding: 0 5px 18px;
    font-size: 14px;
    color: #a6a6ae;
    font-weight: 400;
}

.table-box-style tr th:last-child {
    text-align: right;
}

.table-box-style tr td {
    padding: 0 5px 18px;
}

.table-box-style tr td:last-child {
    text-align: right;
}

.table-box-style tr:last-child td {
    padding: 0 5px;
}

.table-box-style tr td .btn-link-box {
    min-width: 72px;
    text-align: center;
    margin: 0 0 10px 10px;
}

.crypto-icon {
    font-size: 16px;
    color: #a6a6ae;
    display: flex;
    align-items: center;
}

.crypto-icon figure {
    width: 32px;
    margin: 0 12px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.crypto-icon strong {
    margin: 0 12px 0 0;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}

.btn-link-box {
    padding: 8px 24px;
    font-size: 14px;
    color: #004f74;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #42A9E0;
    border-radius: 4px;
}

.btn-link-box-new {
    padding: 8px 24px;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background-color: #42A9E0;
    border: 1px solid #42A9E0;
    border-radius: 4px;
}

.btn-link-box:hover {
    background: #004f74;
    color: #fff;
    text-decoration: none;
}

.btn-link-box.fill {
    background: #42A9E0;
    color: #000717;
    margin-left: 10px;
}

.light-theme .btn-link-box.fill {
    color: #fff;
}

.btn-link-box.fill:hover {
    background: #266c91;
    color: #000717;
}

.btn-link-box.buy-btn {
    color: #17EB71;
    border-color: #17EB71;
}

.btn-link-box.buy-btn:hover {
    background: #17EB71;
    color: #fff;
}

.btn-link-box.sell-btn {
    color: #F1807B;
    border-color: #F1807B;
}

.btn-link-box.sell-btn:hover {
    background: #F1807B;
    color: #fff;
}

.orange-btn {
    background: none;
    /*#fc8f0e;*/
    border: 1px solid #fc8f0e;
    color: #fc8f0e;
    text-align: center;
}

.orange-btn:hover {
    background: #fc8f0e;
    color: #FFFFFF;
}

.page-title-box {
    font-size: 60px;
    color: #fff;
    text-transform: uppercase;
}

.light-theme .page-title-box {
    color: #000;
}

.page-title-box span {
    display: block;
}

.page-title-box span span {
    color: #42A9E0;
    display: inline-block;
    vertical-align: middle;
}

.page-title-box span span.orange-text {
    color: #FFB800;
}

.page-title-box span:nth-child(2) {
    padding-left: 10%;
}

.section-title-box {
    font-size: 52px;
    color: #fff;
    text-transform: uppercase;
}

.section-title-box span {
    display: block;
}

.section-title-box span:nth-child(3) {
    padding-left: 24%;
    color: #AFE3FF;
}

.section-title-box.style-2 span:nth-child(1) {
    padding-left: 22%;
}

.section-title-box.style-2 span:nth-child(3) {
    padding-left: 13%;
}

.info-sys-box {
    background: #ba00f4;
    max-width: 720px;
    margin: 0 0 20px;
    padding: 8px 24px;
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    border: 1px solid #ba00f4;
    box-shadow: 0 0 20px #ba00f4, 0 0 20px #ba00f4, 0 0 30px #ba00f4;
}

.section-title {
    margin: 0 0 50px;
    text-align: center;
}

.section-title h2 {
    margin: 0;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.light-theme .section-title h2 {
    color: #000;
}

.section-title.big-title h2 {
    font-size: 52px;
}

.section-title.big-title h2 span {
    padding-left: 13%;
    color: #AFE3FF;
    display: block;
}

/* Header */

#header {
    background: rgba(0, 0, 0, 0.6);
    padding: 0 0 5px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    backdrop-filter: blur(15px);
}

.light-theme #header {
    background: rgba(255, 255, 255, 0.6);
}

#header:after {
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b3a5a+0,1b3a5a+30,1b3a5a+70,1b3a5a+100&0+0,1+30,1+70,0+100 */
    background: linear-gradient(to right, rgba(27, 58, 90, 0) 0%, rgba(27, 58, 90, 1) 30%, rgba(27, 58, 90, 1) 70%, rgba(27, 58, 90, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.light-theme #header:after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b3a5a+0,afe3ff+30,afe3ff+70,1b3a5a+100&0+0,1+30,1+70,0+100 */
    background: linear-gradient(to bottom, rgba(27, 58, 90, 0) 0%, rgba(175, 227, 255, 1) 30%, rgba(175, 227, 255, 1) 70%, rgba(27, 58, 90, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#logo {
    text-align: center;
    display: inline-block;
}

#logo-mobile {
    max-width: 70%;
    display: none;
}

#navigation {
    margin: 0;
}

#navigation>button {
    background: transparent;
    border: none;
    display: none;
    cursor: pointer;
}

#navigation>button span {
    background: #fff;
    width: 26px;
    height: 3px;
    display: block;
    text-indent: -9999px;
    position: relative;
}

#navigation>button span:before {
    content: '';
    background: #fff;
    width: 26px;
    height: 3px;
    margin: 0 0 3px;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
}

#navigation>button span:after {
    content: '';
    background: #fff;
    width: 26px;
    height: 3px;
    margin: 3px 0 0;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
}

#navigation .navigation-box {
    text-align: right;
}

#navigation .navigation-box:after {
    content: '';
    display: block;
    clear: both;
}

#navigation .navigation-box>ul {
    margin: 20px 0 0;
    display: inline-block;
    float: none;
}

#navigation .navigation-box>ul li {
    margin: 0 0 0 10px;
    position: relative;
}

#navigation .navigation-box>ul li a {
    /* font-family: 'maven_promedium'; */
    font-size: 15px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#navigation .navigation-box>ul li a:focus {
    background: none;
    color: #fff;
}

#navigation .navigation-box>ul li a.invert {
    /* font-family: 'maven_probold'; */
    color: #222129;
}

#navigation .navigation-box>ul li a:hover {
    background: none;
    color: #102c4d;
}

#navigation .navigation-box>ul li a.invert:hover {
    color: #fff;
}

.select-dropdown-box {
    margin: 3px 0 5px 5px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.select-dropdown-box.open {
    z-index: 3;
}

.select-dropdown-box>button {
    /* background: #102c4d; */
    background: none;
    /* padding: 12px 52px 12px 52px; */
    padding: 6px 42px 6px 42px;
    font-size: 14px;
    /* color: #edf7ff; */
    color: #cccccf;
    border-radius: 50px;
    border: none;
    position: relative;
    z-index: 2;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.light-theme .select-dropdown-box>button {
    color: #797B7D;
}

/* .select-dropdown-box > button:hover{
    background: #00b4f4;
} */

.select-dropdown-box>button>img {
    width: 14px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 20px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select-dropdown-box>button>img+img {
    opacity: 0;
    visibility: hidden;
}

.select-dropdown-box>button:hover>img {
    opacity: 0;
    visibility: hidden;
}

.select-dropdown-box>button:hover>img+img {
    opacity: 1;
    visibility: visible;
}

.select-dropdown-box>button>span {
    background: #fff;
    display: inline-block;
    /* border: 1px solid #fff;   */
    border-radius: 100%;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select-dropdown-box>button>span img {
    width: 20px;
    border-radius: 100%;
    overflow: hidden;
}

.select-dropdown-box>button:before {
    /* font-family: 'Font Awesome 5 Pro';
    content: '\f078';
    font-size: 18px;
    color: #fff; */
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #cccccf;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select-dropdown-box .combine-btns {
    background: #102c4d;
    padding: 12px 20px;
    font-size: 20px;
    color: #edf7ff;
    border-radius: 50px;
    border: none;
}

.select-dropdown-box .combine-btns a {
    margin: 0 10px;
    font-size: 20px;
    color: #edf7ff;
    display: inline-block;
    vertical-align: middle;
}

.select-dropdown-box .combine-btns>span {
    display: inline-block;
    vertical-align: middle;
}

.select-dropdown-box ul {
    background: #102c4d;
    padding: 0 0 10px;
    opacity: 0;
    visibility: hidden;
    border-radius: 0 0 20px 20px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.select-dropdown-box.open ul {
    opacity: 1;
    visibility: visible;
}

.select-dropdown-box ul:before {
    content: '';
    background: #102c4d;
    height: 40px;
    border-radius: 20px 20px 0 0;
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
}

.select-dropdown-box ul li {
    display: block !important;
    margin: 0 0 5px;
    text-align: center;
}

.select-dropdown-box ul li:only-child {
    margin: 0;
}

.select-dropdown-box ul li button {
    background: none;
    width: 100%;
    margin: 0;
    padding: 5px 5px;
    cursor: pointer;
    position: relative;
}

.select-dropdown-box ul li button>span {
    background: #fff;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 100%;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select-dropdown-box ul li button>span img {
    width: 20px;
    border-radius: 100%;
    overflow: hidden;
}

.select-dropdown-box ul li button:hover {
    background: #00b4f4;
}

.select-dropdown-box ul li button.has-currency {
    margin: 0 0 5px;
    padding: 5px 0 5px 52px;
    text-align: left;
    position: relative;
}

.select-dropdown-box ul li button.has-currency img {
    width: 20px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 20px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select-dropdown-box ul li button.has-currency img+img {
    opacity: 0;
    visibility: hidden;
}

.select-dropdown-box ul li button.has-currency:hover img {
    opacity: 0;
    visibility: hidden;
}

.select-dropdown-box ul li button.has-currency:hover img+img {
    opacity: 1;
    visibility: visible;
}

#logo-main {
    margin: -2px 30px 0 0;
    display: inline-block;
    vertical-align: middle;
}

#logo-main .light-logo {
    display: none !important;
}

.light-theme #logo-main .dark-logo {
    display: none !important;
}

.light-theme #logo-main .light-logo {
    display: block !important;
}

#navigation-box {
    margin: 2px 0 0;
    display: inline-block;
    vertical-align: middle;
}

#navigation-box>button {
    background: transparent;
    padding: 10px 0;
    border: none;
    display: none;
    position: absolute;
    top: 16px;
    right: 15px;
    z-index: 9999;
}

#navigation-box>button span {
    background: #fff;
    width: 26px;
    height: 3px;
    display: block;
    position: relative;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#navigation-box.open>button span {
    background: transparent;
}

#navigation-box>button span:before {
    content: '';
    background: #fff;
    width: 26px;
    height: 3px;
    margin: 0 0 3px;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#navigation-box.open>button span:before {
    transform: rotate(45deg) translateX(6px) translateY(8px);
}

#navigation-box>button span:after {
    content: '';
    background: #fff;
    width: 26px;
    height: 3px;
    margin: 3px 0 0;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#navigation-box.open>button span:after {
    transform: rotate(-45deg) translateX(-0px) translateY(-2px);
}

#navigation-box ul {}

#navigation-box ul li {
    margin: 0 20px 0 0;
    display: inline-block;
    vertical-align: middle;
    position: static;
}

#navigation-box ul li a {
    padding: 19px 0;
    font-size: 14px;
    color: #cccccf;
    font-weight: 700;
    position: relative;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.light-theme #navigation-box ul li a {
    color: #797B7D;
}

#navigation-box ul li a.pink-link {
    color: #ed43ed;
}

.light-theme #navigation-box ul li a.pink-link {
    color: #42A9E0;
}

#navigation-box>ul li.has-submenu>a {
    padding-right: 20px;
}

#navigation-box>ul li.has-submenu>a:after {
    content: '';
    margin: -2px 0 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #cccccf;
    position: absolute;
    top: 50%;
    right: 0;
}

#navigation-box ul li a:hover,
#navigation-box ul li a:focus {
    background: none;
    color: #afe3ff;
    text-decoration: none;
}

#navigation-box ul li a.pink-link:hover,
#navigation-box ul li a.pink-link:focus {
    background: none;
    color: #bd35bd;
    text-decoration: none;
}

#navigation-box ul li.has-submenu>ul {
    background: #00000B;
    width: 1072px;
    min-height: auto;
    padding: 24px 0 4px;
    display: none;
    position: absolute;
    top: 60px;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

#navigation-box ul li.has-submenu>ul:before {
    content: '';
    height: 5px;
    display: block;
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
}

#navigation-box ul li.has-submenu:hover>ul {
    display: block;
}

#navigation-box ul li.has-submenu>ul>li {
    width: 33.33%;
    margin: 0 0 20px;
    padding: 0 24px;
    display: inline-block;
    vertical-align: middle;
}

#navigation-box ul li.has-submenu>ul>li a {
    padding: 0 0 0 66px;
    font-weight: 400;
    display: block;
    position: relative;
}

#navigation-box ul li.has-submenu>ul>li a img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#navigation-box ul li.has-submenu>ul>li a .title {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    display: block;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#navigation-box ul li.has-submenu>ul>li a:hover .title {
    color: #afe3ff;
}

#navigation-box ul li.has-submenu>ul>li a .text {
    font-size: 14px;
    color: #9a9a9f;
    display: block;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#navigation-box ul li.has-submenu>ul>li a:hover .text {
    color: #afe3ff;
}

#header .system-links {
    margin: 10px 0 0;
    float: right;
}

#header .system-links li {
    display: inline-block;
    vertical-align: middle;
}

#header .system-links li .nav-link {
    padding: 12px 24px;
    color: #cccccf;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.light-theme #header .system-links li .nav-link {
    color: #797B7D;
}

/* Content */

main {}

#page-intro {
    padding: 0 0 20vh;
    position: relative;
    overflow: hidden;
}

#page-intro:after {
    content: '';
    /* background-image: url('../img/intro-effect.png'); */
    background-position: bottom left;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#page-intro iframe {
    position: absolute;
    top: 0;
    right: -40%;
    bottom: 0;
    left: 40%;
    z-index: -1;
}

#page-intro .container {
    position: relative;
    z-index: 2;
}

#page-intro h1 {
    margin: 0 0 50px;
    font-size: 80px;
    line-height: 80px;
    text-transform: uppercase;
}

#page-intro h1 span {
    display: block;
}

#page-intro h1 span:nth-child(1) {
    padding-left: 8%;
}

#page-intro h1 span:nth-child(3) {
    padding-left: 18%;
}

#page-intro h1 span:nth-child(4) {
    padding-left: 37%;
}

.assets-list-box {
    padding: 0 0 20vh;
}

.assets-list-box .assets-list-entry {
    background: #000018;
    padding: 32px 24px;
    font-size: 14px;
    color: #9999a3;
    text-align: center;
    border: 1px solid #004f74;
    border-radius: 10px;
}

.assets-list-box .assets-list-entry .text h3 {
    font-size: 22px;
}

.assets-list-box .assets-list-entry .text h3 a {
    color: #fff;
}

.assets-list-box .assets-list-entry .text {}

.assets-list-box .assets-list-entry .text a {
    color: #42A9E0;
}

.explore-list-box {
    padding: 0 0 20vh;
}

.explore-list-box .explore-list-entry {
    padding: 32px 24px;
    font-size: 16px;
    color: #ccccce;
    text-align: center;
}

.explore-list-box .explore-list-entry .text h3 {
    font-size: 22px;
}

.explore-list-box .explore-list-entry .text h3 a {
    color: #fff;
}

.intro-rates {
    font-family: 'eurostilemedium';
    font-size: 48px;
}

.intro-box {
    margin: 0;
}

.intro-text {
    /* font-family: 'maven_proregular'; */
    color: #fff;
    margin-top: 60px;
}

.intro-text h2 {
    font-family: 'eurostileblack';
    margin: 0;
    font-size: 55px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

.intro-text h2 span {
    font-family: 'eurostilemedium';
    font-size: 40px;
}

.intro-text i {
    color: #34c6f4;
    font-style: normal;
}

.intro-text .text {
    margin: 28px 0 40px;
}

.intro-crypto {
    /* background: rgba(14, 17, 48, 0.6); */
    /* margin: 0 0 0 40px; */
    /* padding: 32px 16px; */
    /* border-radius: 20px; */
}

.intro-crypto .intro-crypto-box {
    /* width: 100%;
    display: table; */
}

.intro-crypto .intro-crypto-box .intro-crypto-entry {
    background: rgba(14, 17, 48, 0.6);
    margin: 20px 0;
    padding: 16px 16px;
    border-radius: 20px;
}

.intro-crypto .intro-crypto-box .intro-crypto-entry-box {
    /* Permalink-use to edit and share this gradient: http://colorzilla.com/gradient-editor/#19255a+0,0d1537+100 */
    background: rgb(25, 37, 90);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(25, 37, 90, 1) 0%, rgba(13, 21, 55, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(25, 37, 90, 1) 0%, rgba(13, 21, 55, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(25, 37, 90, 1) 0%, rgba(13, 21, 55, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19255a', endColorstr='#0d1537', GradientType=0);
    /* IE6-9 */
    padding: 10px;
    border: 1px solid #2f3d72;
    border-radius: 10px;
}

.crypto-btns-holder {
    margin: 0 -10px;
}

.crypto-btns-holder .crypto-btns {
    width: 100%;
    margin: 16px 0 0;
    display: table;
    table-layout: fixed;
}

.crypto-btns-holder .crypto-btns>div {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.crypto-btns-holder .crypto-btns>div a,
form button[type="submit"].crypto-button,
.crypto-button {
    font-family: 'eurostilemedium';
    background: #06b68f !important;
    margin: 0 10px;
    padding: 14px 10px 13px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    border-radius: 20px !important;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

form button[type="submit"].crypto-button {
    margin: 0;
}

form button[type="submit"].crypto-button span {
    font-weight: 700;
}

.crypto-btns-holder .crypto-btns>div a:hover,
form button[type="submit"].crypto-button:hover,
.crypto-button:hover {
    background-color: #047b61 !important;
}

.crypto-btns-holder .crypto-btns>div a.crypto-deposit:hover,
form button[type="submit"].crypto-deposit:hover,
.crypto-btns-holder .crypto-btns>div a.crypto-withdraw:hover,
form button[type="submit"].crypto-withdraw:hover,
.crypto-btns-holder .crypto-btns>div a.crypto-setting:hover,
form button[type="submit"].crypto-setting:hover,
.crypto-deposit:hover,
.crypto-withdraw:hover,
.crypto-settings:hover {
    background: #122344 !important;
}

.crypto-btns-holder .crypto-btns>div a.crypto-sell,
form button[type="submit"].crypto-sell {
    background: #34c6f4 !important;
}

.crypto-btns-holder .crypto-btns>div a.crypto-sell:hover,
form button[type="submit"].crypto-sell:hover {
    background: #1a98c0 !important;
}

.crypto-btns-holder .crypto-btns>div a.crypto-buy,
form button[type="submit"].crypto-buy {
    background: #0e1130 !important;
}

.crypto-btns-holder .crypto-btns>div a.crypto-buy:hover,
form button[type="submit"].crypto-buy:hover {
    background: #000 !important;
}

.crypto-btns-holder .crypto-btns>div a.crypto-deposit,
form button[type="submit"].crypto-deposit {
    background: #fff !important;
    color: #0e1130;
    border: 1px solid #dcdcdc;
}

.crypto-btns-holder .crypto-btns>div a.crypto-deposit:hover,
form button[type="submit"].crypto-deposit:hover {
    background: #dcdcdc !important;
}

.crypto-btns-holder .crypto-btns>div a.crypto-withdraw,
form button[type="submit"].crypto-withdraw {
    background: #fff !important;
    color: #0e1130;
    border: 1px solid #dcdcdc;
}

.crypto-btns-holder .crypto-btns>div a.crypto-settings,
form button[type="submit"].crypto-settings {
    background: #00b4f4 !important;
}

.crypto-btns-holder .crypto-btns>div a.crypto-buy {
    background: #fc2121 !important;
}

.crypto-btns-holder .crypto-btns>div a.crypto-buy:hover {
    background: #c20404 !important;
}

.crypto-btns-holder .crypto-btns>div a.crypto-sell {
    background: #04bc49 !important;
}

.crypto-btns-holder .crypto-btns>div a.crypto-sell:hover {
    background: #019238 !important;
}

.custom-tabs {
    margin: 160px 0;
    text-align: right;
}

.custom-tabs>strong {
    font-family: 'eurostilemedium';
    margin: 0 0 0 36px;
    font-size: 24px;
    color: #34c6f4;
    font-weight: normal;
    float: left;
    display: inline-block;
    vertical-align: middle;
}

.custom-tabs .tabs-top {
    margin: 0 auto 14px;
    display: inline-block;
}

.custom-tabs .tabs-top>span {
    font-family: 'eurostilemedium';
    font-size: 18px;
    color: #0e1130;
    display: inline-block;
    vertical-align: middle;
}

.custom-tabs .tabs-top ul {
    margin: 0 34px 0 5px;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

.custom-tabs .tabs-top ul li {
    margin: 0 0 0 8px;
    border: none;
}

.custom-tabs .tabs-top ul li a {
    font-family: 'eurostilemedium';
    background: #fff;
    font-size: 14px;
    color: #0e1130;
    border: none;
    border-radius: 10px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.custom-tabs .tabs-top ul li.active a,
.custom-tabs .tabs-top ul li a:hover {
    background: #0e1130;
    color: #fff;
    border: none;
}

.benefit-box {
    margin: 0 0 90px;
}

.benefit-box:after {
    content: '';
    display: block;
    clear: both;
}

.benefit-box .benefit-entry {
    width: 33.33%;
    font-size: 17px;
    color: #fff;
    text-align: center;
    float: left;
}

.benefit-box .benefit-entry .figure {
    background: #122344;
    width: 124px;
    height: 124px;
    margin: 0 auto 20px;
    display: table;
    border-radius: 100%;
}

.benefit-box .benefit-entry .figure figure {
    height: 124px;
    display: table-cell;
    vertical-align: middle;
}

.benefit-box .benefit-entry .figure-text {
    max-width: 290px;
    margin: 0 auto;
}

.benefit-box .benefit-entry .figure-text h3 {
    font-family: 'eurostilemedium';
    margin: 0 auto 16px;
    font-size: 21px;
    font-weight: normal;
}

.login-video-wrapper {
    position: relative;
    margin-top: -106px;
    height: 985px;
    padding-left: 90px;
}

.login-video {
    object-fit: cover;
    height: 100% !important;
}

.form-cont {
    /* max-width: 462px;
    margin: 0 auto 140px;
    padding: 30px 32px;
    color: #000;
    border-radius: 20px; */
    max-width: 445px;
    min-width: 105px;
    height: 800px;
    margin-bottom: 50px;
}

.signup-form-cont {
    max-width: 445px;
    min-width: 105px;
    height: 830px;
    margin-bottom: 50px;
    padding: 0px;
}

.signup-form-cont .signup-form {
    margin-top: -30px
}

.login-form-cont .login-form {
    margin-top: -30px
}

.login-form-cont {
    max-width: 445px;
    min-width: 105px;
    height: 700px;
    margin-bottom: 50px;
}

#login {
    max-width: 445px;
    min-width: 108px;
    height: 409px;
}

.form-cont .forgot-password {
    position: relative;
    float: right;
    margin-bottom: 30px;
}

.form-cont .form-cont-header {
    margin: 0 0 52px;
    text-align: center;
}

.form-cont .form-cont-header h3 {
    font-family: 'apparat', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    color: white
}

.form-cont .form-cont-header p {
    font-size: 14px;
    color: #969696;
}

.label-animated {
    margin: 0px 0px 50px;
    position: relative;
}

.label-animated input {
    /* background: transparent !important;
    height: 56px !important;
    padding: 0 16px !important;
    line-height: 40px;
    border-radius: 5px !important;
    border: none !important;
    border: 1px solid #797979 !important;
    outline: none !important;
    position: relative !important;
    z-index: 1 !important; */
    background: transparent !important;
    height: 40px !important;
    padding: 0 16px !important;
    /* line-height: 40px; */
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 2px solid #cacaca !important;
    outline: none !important;
    position: relative !important;
    z-index: 1 !important;
}

.label-animated .registration-field {
    background: transparent !important;
    height: 56px !important;
    padding: 0 16px !important;
    border-radius: 5px !important;
    border: 1px solid #797979 !important;
    outline: none !important;
    position: relative !important;
    z-index: 1 !important;
    color: white !important;
}

.registration-field input {
    color: white;
}

.registration-field-wrapper {
    margin-bottom: 25px;
}

#signup {
    margin-left: 15px;
    margin-right: 15px;
    max-width: 445px;
    min-width: 108px;
    height: 409px;

}

.first-name-registration-field {
    padding-left: 0;
}

.last-name-registration-field {
    padding-right: 0;
}

.label-animated .login-field {
    background: transparent !important;
    height: 56px !important;
    padding: 0 16px !important;
    border-radius: 5px !important;
    border: 1px solid #797979 !important;
    outline: none !important;
    position: relative !important;
    z-index: 1 !important;
    color: white;
}

/* #bonus-form > div > div.form-group.has-success > div > div > input */
#bonus-form {
    width: 100%;
}

#bonus-form .label-animated>.bonus-input-field {
    background: transparent !important;
    height: 56px !important;
    padding: 0 16px !important;
    border-radius: 5px !important;
    border: 1px solid #555454 !important;
    outline: none !important;
    position: relative !important;
    z-index: 1 !important;
    color: white
}

.form-field-wrapper {
    margin-bottom: 25px;
}

.form-field-wrapper .label-animated .control-label {
    position: relative;
    top: -78px
}

.form-field-wrapper .label-animated {
    margin: 0px;
}

.registration-field-wrapper .label-animated .control-label {
    position: relative;
    top: -78px
}

.registration-field-wrapper .label-animated {
    margin: 0px;
}

.label-animated textarea {
    background: transparent !important;
    height: 100px !important;
    padding: 0 16px !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 2px solid #cacaca !important;
    outline: none !important;
    position: relative !important;
    z-index: 1 !important;
    resize: none;
}

.label-animated input[readonly] {
    background: transparent;
}

.label-animated input[readonly]:focus,
.label-animated textarea[readonly]:focus {
    border-bottom: 2px solid #cacaca;
}

.has-success .label-animated input,
.has-success .label-animated input:focus,
.has-success .label-animated textarea,
.has-success .label-animated textarea:focus,
.has-success .label-animated select,
.has-success .label-animated select:focus {
    box-shadow: none;
    border-color: #49ccf5;
}

.has-success .control-label {
    color: #feffff;
}

.help-block .with-errors {
    color: rgb(255, 97, 93);
}

.has-error .control-label .help-block {
    top: 35px;
}

.has-error .label-animated input,
.has-error .label-animated input:focus,
.has-error .label-animated textarea,
.has-error .label-animated textarea:focus,
.has-error .label-animated select,
.has-error .label-animated select:focus {
    box-shadow: none;
    border-color: #ff615d;
}

.has-success .custom-style-select {
    border-bottom: 2px solid #49ccf5;
}

.has-error .custom-style-select {
    border-bottom: 2px solid #e3162b;
}

.label-animated label {
    margin: -17px 0 0;
    font-size: 14px;
    color: #767676;
    font-weight: 300;
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 0;
}

.change-password-field-wrapper .label-animated label {
    margin: -17px 0 0;
    color: #fff6f6;
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 0;
    position: relative;
    left: 2px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;

}

.registration-field-wrapper .label-animated label {
    margin: -17px 0 0;
    font-size: 14px;
    color: #fff6f6;
    font-weight: 300;
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 0;
    position: relative;
    top: -82px;
    left: 2px;
}

.form-field-wrapper .label-animated label {
    margin: -17px 0 0;
    font-size: 14px;
    color: #fff6f6;
    font-weight: 300;
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 0;
    /* transition: all 0.3s ease-in-out; */
    position: relative;
    top: -82px;
    left: 2px;
}


.label-animated textarea+label {
    top: 30%;
}

.registration-field-wrapper .label-animated input:focus+label,
.registration-field-wrapper .label-animated textarea:focus+label,
.registration-field-wrapper .label-animated.has-content label {
    position: relative;
    top: -82px;
    left: 2px;
}

.label-animated input:focus+label,
.label-animated textarea:focus+label,
.label-animated.has-content label {
    top: 0px;
}

#remember-user-checkbox {
    transform: scale(1.6);
    margin-top: 32px;
    margin-bottom: 40px;
    margin-left: 3px
}

.custom-remember-check {
    padding-left: 3px;
    max-width: 200px;
}

.custom-remember-check .forgot-password {
    padding-right: 0px;
}

.custom-remember-check .custom-check {
    color: white;
}

.custom-check :hover {
    cursor: pointer;
}

.custom-check-element.new-custom-check-payment-element {
    background-color: transparent;
    border: 1px solid grey;
    border-radius: 5px;
    color: white;
    margin: 0px 0px 10px 0px;
}

.custom-check-element.new-custom-check-payment-element input:checked+i {
    border: 2px solid #34c6f4;
    border-radius: 5px;
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
}

.payments-wrapper-new {
    margin: auto;
    width: 82%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.payments-wrapper-new label {
    width: 49%;
}

.payments-wrapper-title {
    width: 82%;
    margin: auto !important;
    text-align: left;
}

.promocode-wrapper-new {
    display: flex;
    justify-content: center;
}

.apply-promocode-button-new {
    background-color: transparent;
    border: none !important;
    border-left: 1px solid !important;
    padding-left: 2%;
    position: absolute;
    right: 13%;
    top: 9px;
    padding-top: 3px;
    height: 35px;
    font-size: 15px;
    z-index: 5;
}

.change-input-button {
    background: transparent !important;
    border: none !important;
    font-size: 30px !important;
    position: absolute;
    right: 21%;
    margin-top: 20px;
    z-index: 1;
}

.input-search-currency {
    color: grey;
    background-color: transparent;
    width: 45%;
    height: 35px;
    border: 1px solid;
    border-radius: 5px;
    /* margin: 0 6%; */
    margin-bottom: 16px;
}

.label-animated .payment-field {
    background: transparent !important;
    height: 56px !important;
    padding: 0 16px !important;
    border-radius: 5px !important;
    border: 1px solid #797979 !important;
    outline: none !important;
    position: relative !important;
    z-index: 1 !important;
    color: white !important;
}

.payment-field-wrapper {
    width: 82% !important;
    margin: auto !important;
}

.payment-field-title {
    margin-bottom: 0px !important;
}

.custom-remember-check a {
    padding-left: 40px;
}

.form-check {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 20px;
}

.form-group-box>.form-check>label {
    color: white;
    margin-left: 5px;
    font-weight: 300;
}

.form-cont .submit {
    position: relative;
    background: #34c6f4;
    height: 51px;
    width: 100%;
    padding: 17px 10px 16px;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    display: block;
    bottom: 0;
}

.form-cont .form-cont-footer {
    max-width: 445px;
    margin: 30px -32px -30px;
    padding: 26px 32px 18px;
    border-radius: 0 0 20px 20px;
    bottom: 0px;
    position: absolute;
}

.form-cont .form-cont-footer:after {
    content: '';
    display: block;
    clear: both;
}

.form-cont .form-cont-footer p {
    max-width: 445px;
    margin: 0;
    font-size: 14px;
    color: #c6c4c4;
    font-weight: 300;
    float: left;
}

.form-cont .form-cont-footer a {
    font-family: 'eurostilemedium';
    font-size: 14px;
    color: #34c6f4;
    text-decoration: underline;
    font-weight: 600;
    float: right;
}

.forget-password {
    background: #efefef;
    padding: 22px 70px 22px 38px;
    position: relative;
}

.forget-password:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f30d";
    margin: -40px 0 0;
    font-size: 56px;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 18px;
}

.forget-password strong {
    font-family: 'eurostilemedium';
    font-size: 18px;
    color: #2c5fb6;
    font-weight: normal;
    display: block;
}

.forget-password p {
    margin: 0;
    font-size: 14px;
    color: #969696;
}

.forget-password p a {
    color: #6fbef6;
}

.custom-check-holder {
    margin: 7px 3px 42px;
}

.custom-check {
    padding: 0 0 0 30px;
    font-size: 12px;
    color: #767676;
    font-weight: 400;
    position: relative;
}

.custom-check input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.custom-check i {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #6abdf2;
    position: absolute;
    top: 2px;
    left: 0;
}

.custom-check input[type="radio"]+i {
    border-radius: 100%;
}

.custom-check input:checked+i:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f00c";
    font-size: 9px;
    color: #6abdf2;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 1px;
}

.custom-check a {
    color: #3cb3ff;
}

body .custom-style-select {
    border-bottom: 2px solid #cacaca;
}

body .custom-style-select.no-border {
    border-bottom: none;
}

body .custom-select {
    border: none;
    margin-left: 8px;
}

body div.custom-select {
    width: 100%;
    margin-left: 0;
    border-radius: 20px;
    border: 1px solid #b4bdc4;
    display: inline-block;
    position: relative;
}

body div.custom-select:after {
    content: '';
    margin: -1px 0 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #b4bdc4;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 16px;
}

body .custom-select>select {
    background: transparent;
    width: 100%;
    height: 48px;
    margin: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

body .custom-style-select .select2-choice,
body .custom-style-select .select2-container-active .select2-choice {
    background: transparent;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    border-radius: 0;
    border: none !important;
    border-bottom: 2px solid #cacaca !important;
    outline: none;
    position: relative;
    z-index: 1;
}

body .custom-style-select .select2-choice .select2-arrow {
    border-left: none;
}

body .custom-style-select .select2-choice .select2-arrow b {
    background-image: none !important;
    position: relative;
}

body .custom-style-select .select2-choice .select2-arrow b:before {
    content: '';
    margin: -3px 0 0 -4px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 6px solid #6fbff6;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
}

body .custom-style-select .select2-dropdown-open .select2-choice .select2-arrow b:before {
    border-top: none;
    border-bottom: 6px solid #6fbff6;
}

body .select2-drop-active {
    border: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.login-options {
    margin: 52px 0 0;
    text-align: center;
}

.login-options:before {
    content: '';
    background: #c7e5fb;
    width: 190px;
    height: 2px;
    margin: 0 auto 26px;
    display: inline-block;
}

.login-options>p {
    font-size: 14px;
    color: #969696;
    text-align: center;
}

.login-options .social-icons {
    max-width: 360px;
    margin: 28px auto 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.login-options .social-icons>li {
    width: 50%;
    padding: 0 13px;
    float: left;
}

.login-options .social-icons>li a {
    background: #3a5fa3;
    max-width: 150px;
    padding: 13px 10px 12px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    display: block;
    border-radius: 20px;
}

.login-options .social-icons>li a#google-login {
    background: #db5346;
}

.login-options .social-icons>li a .fab {
    margin: 0 16px 0 0;
}

.chart-holder {
    background: #fff;
    border-radius: 20px;
    padding: 40px 30px;
}

.navigation-horizontal-menu {
    padding: 16px;
    border: #1b5472 0.5px solid;
    border-radius: 80px;
    max-width: 680px;
    height: 78px;
    margin: 0px auto 32px;
    text-align: center;
}

.navigation-horizontal-menu .navigation-link a {
    background-color: transparent;
    color: white;
    font-weight: 550;
    font-size: 15px;
    font-family: 'inter', sans-serif;
    margin: 0px 5px
}

.navigation-horizontal-menu .nav {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navigation-link a {
    padding: 5px;
    border: 0.1px !important;
    border-radius: 52px !important;
}

.navigation-link a:hover {
    background-color: #42a9e0 !important;
    border: solid 2x;
    border-radius: 52px;
}

.navigation-link a:focus {
    background-color: #42a9e0 !important;
    border-radius: 52px;
}

.navigation-link.active a {
    background-color: #42a9e0;
    border-radius: 52px !important;
}

.wallet-overview-wrapper {
    border: solid #257199 1px;
    border-radius: 8px;
    padding: 32px 63px;
    max-width: 900px;
    margin: auto;
    color: white;
    margin-bottom: 32px;
    background: transparent;
}

.wallet-accounts-wrapper {
    border: solid #257199 1px;
    border-radius: 8px;
    padding: 30px 50px;
    max-width: 900px;
    margin: auto;
    background: transparent;
    margin-bottom: 35px;
}

.wallet-action-button {
    /* width: 85px; */
    margin-left: 2px;
}

.wallet-icon {
    width: 17px;
    height: auto;
    position: absolute;
    top: 30%;
    left: 15px;
}

.wallet-action-button .btn {
    width: auto;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    border: solid 0.5px #42a9e0;
}

.wallet-action-buttons-wrapper {
    display: flex;
    align-items: center;
    justify-content: right;
    margin-right: 4px!important
}

/* .wallet-action-button>.btn:hover {
    border: solid 0.5px #42a9e0;
    width: 100px;
    color: #42a9e0;
} */

.action-buttons-wrapper {
    margin-left: 0px;
    margin-right: -15px;
}

.account-card-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 40px;
}

.account-balance-numbers {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 52px;
    margin-bottom: 20px;
}

.account-action-button-new {
    width: auto;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
}

.profile-button.filter-account-button {
    border: 1px solid #74747466;
    background-color: transparent !important;
    margin-left: 10px !important;
}

.profile-button.filter-account-button.active-action-button {
    border: 1px solid #74747466;
    background-color: #42A9E0 !important;
    margin-left: 10px !important;
}

.account-action-buttons-new-wrapper {
    padding: 0px 20%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.account-action-button-icon {
    width: 56px;
    height: 56px;
    border: 1px solid #afe3ff;
    border-radius: 50px;
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
}

.account-action-button-icon.buy-sell-buttons {
    background: #afe3ff;
}

.account-action-button-icon i {
    padding: 22px;
}


.account-action-button-new a {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.button-group-wrapper {
    display: inline-flex;
    width: 152px;
}

.profile-page-new-wrapper {
    border: solid #257199 1px;
    border-radius: 8px;
    padding: 32px 63px;
    max-width: 900px;
    height: auto;
    margin: auto;
    color: white;
    margin-bottom: 35px;
}

.profile-page-new-wrapper.order-view {
    border: none !important;
    border-radius: 8px;
    padding: 0px !important;
    max-width: 950px;
    height: auto;
    margin: auto;
    color: white;
    margin-bottom: 35px;
}


.profile-page-new-wrapper.user-header-wrapper {
    border: none;
    padding: 0px 32px;
    max-width: 900px;
    min-height: 100px;
    margin: auto;
    color: white;
    margin-bottom: 35px;
}

.profile-page-new-wrapper .bonus-wrapper {
    border: solid #257199 1px;
    border-radius: 8px;
    padding: 32px;
    max-width: 900px;
    height: auto;
    margin: auto;
    color: white;
    margin-bottom: 35px;
}

.profile-page-new-wrapper p {
    color: #fff;
}

.settings-section-wrapper {
    margin: auto;
    margin-bottom: 32px;
}

.affiliate-form-field {
    min-width: 100px;
    max-width: 300px;
}

.affiliate-input-field {
    width: 100%;
    background: none;
    border: 0.1px solid white;
    border-radius: 8px;
    padding: 10px 10px 10px 53px;
    text-decoration: underline;
    position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
}

.affiliate-form-field>label {
    position: absolute;
    padding-top: 42px;
    padding-left: 10px;
}

.bonus-form-field {
    width: 100%;
}

/* .bonus-input-field {
    width: 300px;
    background: none;
    border: 0.1px solid white;
    border-radius: 8px;
    padding: 10px 0px 10px 53px;
    text-decoration: underline;
    position: relative;
} */

.bonus-input-field-wrapper {
    margin: 40px 0px 30px !important;
}

.bonus-input-field-wrapper>label {
    /* position: absolute; */
    /* padding-top: 35px; */
    padding-left: 0px;
    font-size: 14px;
}

.activate-bonus-button {
    max-width: 133px;
    height: 41px;
    padding: 3px !important;
    margin: 0px !important;
    border-radius: 5px !important;
}

.filter-by-type-order-button {
    width: auto !important;
    padding: 8px 0px !important;
    /* margin: 0px !important; */
    border-radius: 5px !important;
    margin-top: 15px !important;
    background-color: transparent !important;
    border: 1px solid transparent;
}

.filter-by-type-order-button.active-table {
    color: #42A9E0;
}

.profile-button {
    width: auto !important;
    padding: 8px 24px !important;
    margin: 0px !important;
    border-radius: 5px !important;
    margin-top: 15px !important;
    background-color: #42A9E0 !important;
    border: 1px solid transparent
}

.export-button {
    float: inline-end !important;
    margin-left: 5px !important;
}


.scroll-box {
    overflow-x: scroll;
}

.scroll-box::-webkit-scrollbar {
    height: 8px !important;
    padding-top: 3px;
}

/* Track */
.scroll-box::-webkit-scrollbar-track {
    /* background: #6a6969; */
    background: #1a1a27;
    border: solid 1px;
    border-color: transparent;
    border-radius: 5px;
}

/* Handle */
.scroll-box::-webkit-scrollbar-thumb {
    /* background: #1a1a27;
    border: solid 1px #1a1a27; */
    background: #6a6969;
    border: solid 1px #6a6969;
    border-radius: 5px
}

/* Handle on hover */
.scroll-box::-webkit-scrollbar-thumb:hover {
    /* background: #12121a; */
    background: #555555;

}

.btn-action.profile-button {
    margin-right: -30px !important;
}

.profile-button.red-button {
    background-color: #ff5959 !important;
}

.change-password-field-wrapper .label-animated {
    margin: 0px 0px 10px;
}

.change-password-field-wrapper input {
    position: relative !important;
    max-width: -webkit-fill-available;
}

.change-password-field-wrapper input {
    background: transparent !important;
    height: 56px !important;
    padding: 0 16px !important;
    border-radius: 5px !important;
    border: 1px solid #797979 !important;
    outline: none !important;
    position: relative !important;
    z-index: 1 !important;
    color: white !important;
}

.form-control.two-fa-form-field {
    background: transparent !important;
    height: 56px !important;
    padding: 0 16px !important;
    border-radius: 5px !important;
    border: 1px solid #797979 !important;
    outline: none !important;
    position: relative !important;
    z-index: 1 !important;
    color: white !important;
    top: 10px
}

.two-fa-label {
    color: white !important;
    margin-left: -15px !important;
}

.profile-page-sidebar {
    background: #0e1025;
    margin: 0 0 110px;
    margin-right: -15px;
    height: 100%;
    border-radius: 20px 0 0 20px;
    position: relative;
}

.profile-page-sidebar:before {
    content: '';
    background-image: url('../img/profile-page-sidebar-bgr.png');
    background-size: 100% auto;
    background-position: top center;
    height: 431px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 112px;
    z-index: 0;
}

.profile-page-sidebar .sidebar-box {
    padding-bottom: 80px;
}

.profile-page-sidebar .profile-box {
    max-width: 250px;
    margin: 0 auto;
    padding: 26px 10px;
    text-align: center;
}

.profile-page-sidebar .inbox-btn {
    margin: 0 25px 20px;
    padding: 12px 10px;
}

.profile-page-sidebar .profile-usermenu {
    margin: 0;
}

.profile-page-sidebar .profile-usermenu>ul {
    border-top: 1px solid #2c2c3f;
}

.profile-page-sidebar .profile-usermenu>ul li {
    border: none;
    /* border-bottom: 1px solid #2c2c3f; */
    position: relative;
}

.profile-page-sidebar .profile-usermenu>ul li a {
    padding: 17px 15px 16px;
    font-size: 16px;
    color: #00b4f4;
}

.profile-page-sidebar .profile-usermenu>ul li.active a {
    background: #00b4f4;
    color: #fff;
}

.profile-page-sidebar .profile-usermenu>ul li a .icon-holder {
    width: 30px;
    margin: 0 10px 0 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.profile-page-sidebar .profile-usermenu>ul li a .icon-holder img,
.profile-page-sidebar .profile-usermenu>ul li a .icon-holder i {
    margin: 0 auto;
    display: block;
}

.profile-page-sidebar .profile-usermenu>ul li a .icon-holder i.fa-angle-right {
    font-size: 18px;
}

.profile-page-sidebar .logo-profile {
    text-align: center;
    position: absolute;
    bottom: 22px;
    right: 10px;
    left: 10px;
}

.profile-page-cont {
    background: #edf7ff;
    height: 100%;
    margin: 0 0 110px;
    margin-left: -15px;
    border-radius: 0 20px 20px 20px;
}

.profile-page-cont .profile-page-box {
    padding: 30px;
}

.verification-toolbar {
    background: #0a1737;
    margin: 0 0 40px;
    padding: 25px 0 25px;
    border-radius: 30px;
    position: relative;
}

.verification-toolbar h3 {
    margin: 0 20px 20px;
    font-size: 28px;
    color: #edf7ff;
    font-weight: 500;
}

.verification-toolbar ul {}

.verification-toolbar ul li {
    margin: 0 0 20px;
    padding: 0 20px;
    position: relative;
}

.verification-toolbar ul li>div {
    min-height: 50px;
    padding: 12px 20px 10px 60px;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    border-radius: 50px;
    border: 2px solid #fff;
    position: relative;
}

.verification-toolbar ul li.passed-verification>div {
    background: #1cd028;
}

.verification-toolbar ul li>div:before {
    content: '';
    width: 50px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 100%;
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
}

.verification-toolbar ul li>div figure {
    width: 46px;
    height: 46px;
    margin: 0;
    line-height: 44px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.verification-toolbar ul li>div figure img {
    max-width: 20px;
}

.infoFigureBox {
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    width: 100%;
    min-height: 72px;
    margin: 0 0 20px;
    display: table;
    border-radius: 20px;
    overflow: hidden;

}

.account-action-form-wrapper {
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    min-height: 72px;
    margin: 0 0 20px;
    display: table;
    overflow: hidden;
}

/* .account-action-form {
    max-width: 290px;
} */

.user-header-info-figure-box {
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    min-height: 72px;
    margin: 0 0 20px;
    display: table;
    border-radius: 20px;
    overflow: hidden;

}

.info-figure-wrapper {
    font-family: 'Open Sans', sans-serif;
    /* background: #fff; */
    width: 100%;
    height: 72px;
    /*margin: 0 0 20px;*/
    /* padding-bottom: 20px; */
    display: table;
    overflow: hidden;
    color: white
}

.info-figure-wrapper.info-figure-wrapper-new {
    font-family: 'Open Sans', sans-serif;
    /* background: #fff; */
    width: 100%;
    height: 72px;
    margin: 0 0 20px;
    /* padding-bottom: 20px; */
    display: inline !important;
    overflow: hidden;
    color: white
}

.infoFigureBox.links-out {
    border-radius: 20px 20px 0 0;
}

.infoFigureBox>figure {
    background: #79ccff;
    width: 78px;
    padding: 10px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.user-header-info-figure-box>figure {
    width: 78px;
    padding: 10px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.info-figure-wrapper>figure {
    /* background: #79ccff; */
    width: 32px;
    /* padding: 10px; */
    text-align: center;
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.infoFigureBox>figure img {
    width: 32px;
}

.info-figure-wrapper>figure img {
    width: 32px;
}

.infoFigureBox.defi-code {
    background: #000;
}

.infoFigureBox.defi-code img {
    width: auto;
}

.infoFigureBox.defi-code>figure {
    background: #000;
    width: 200px;
}

.infoFigureBox .show-hidden-holder {
    font-size: 20px;
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
}

.infoFigureBox.green-box>figure {
    background: #24ca32;
}

.infoFigureBox.blue-box>figure {
    background: #2c5fb6;
}

.infoFigureBox.orange-box>figure {
    background: #fc8f0e;
}

.infoFigureBox.purple-box>figure {
    background: #454e89;
}

.infoFigureBox.dark-green-box>figure {
    background: #15791d;
}

.infoFigureBox.blue-2-box>figure {
    background: #4e98c0;
}

.infoFigureBox.light-green-box>figure {
    background: #C5EAC5;
}

.infoFigureBox.light-oil-box>figure {
    background: #1e8088;
}

.infoFigureBox.blue-3-box>figure {
    background: #22419f;
}

.infoFigureBox.purple-2-box>figure {
    background: #cb0463;
}

.infoFigureBox.disabled-box>figure,
.infoFigureBox.disabled-box>.text {
    background: #e8e8e8;
}

.infoFigureBox .text {
    padding: 10px 20px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.user-header-info-figure-box .text {
    padding: 10px 20px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.infoFigureBox .text.crypto-numbers {
    padding: 20px 20px;
}

.infoFigureBox .text strong {
    font-size: 18px;
    color: #2e2e2e;
    display: block;
}

.infoFigureBox .text strong.crypto-list-title {
    font-family: 'eurostilebold';
    font-size: 20px;
    font-weight: normal;
}

.infoFigureBox.green-box .text strong {
    color: #24ca32;
}

.infoFigureBox.blue-box .text strong {
    color: #2c5fb6;
}

.infoFigureBox.orange-box .text strong {
    color: #fc8f0e;
}

.infoFigureBox.purple-box .text strong {
    color: #454e89;
}

.infoFigureBox.dark-green-box .text strong {
    color: #15791d;
}

.infoFigureBox.blue-2-box .text strong {
    color: #4e98c0;
}

.infoFigureBox.light-green-box .text strong {
    color: #C5EAC5;
}

.infoFigureBox.light-oil-box .text strong {
    color: #1e8088;
}

.infoFigureBox.blue-3-box .text strong {
    color: #22419f;
}

.infoFigureBox.purple-2-box .text strong {
    color: #cb0463;
}

.infoFigureBox .text strong.crypto-list-title span {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    font-size: 18px;
    line-height: normal;
    display: inline-block;
    vertical-align: top;
}

.crypto-list-title-mobile {
    display: none;
}

.infoFigureBox .text p {
    margin: 0;
    font-size: 10px;
    color: #838383;
    line-height: 12px;
    word-break: break-all;
}

.infoFigureBox .text p.dark-text {
    color: #0e1130;
}

.infoFigureBox .text p.mrg-el-bot-10 {
    margin-bottom: 8px;
}

.infoFigureBox .text.crypto-numbers p {
    margin: 5px 0;
}

.infoFigureBox .text span {
    font-size: 12px;
    color: #838383;
    line-height: 12px;
    display: block;
}

.infoFigureBox .text .verified-checked-icon {
    margin: -15px 0 0;
    position: absolute;
    top: 50%;
    right: 30px;
}

.user-header-info-figure-box .text .verified-checked-icon {
    margin: -15px 0 0;
    position: absolute;
    top: 50%;
    right: 30px;
}

.infoFigureBox .text .infoFigure-links {
    background: #fff;
    padding: 15px 0 0 20px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.infoFigureBox .text:hover .infoFigure-links {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.infoFigureBox .text .infoFigure-links a {
    background: #0e1130;
    width: 44%;
    padding: 10px 10px 8px;
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.infoFigureBox .text .infoFigure-links a:hover {
    background: #34c6f4;
    text-decoration: none;
}

.infoFigureBox+.infoFigure-links {
    background-color: #efefef;
    background-image: url('../img/infobox-link-bgr.png');
    background-position: top left;
    background-repeat: repeat;
    margin: -20px 0 20px;
    padding: 20px 18px 10px;
    border-radius: 0 0 20px 20px;
}

.infoFigureBox+.infoFigure-links a {
    background: #0e1130;
    width: 100%;
    margin: 0 0 10px;
    padding: 8px 5px 6px;
    border-radius: 20px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.infoFigureBox+.infoFigure-links a.reverse {
    background: #34c6f4;
}

.infoFigureBox+.infoFigure-links a:hover {
    background: #34c6f4;
    text-decoration: none;
}

.infoFigureBox+.infoFigure-links a.reverse:hover {
    background: #0e1130;
}

.infoFigureBox.defi-code .text span {
    margin: 0 5px 0 0;
    color: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
}

.infoFigureBox.defi-code .text span input {
    background: none;
    width: 200px;
    margin: -4px 10px 0;
    font-size: 20px;
    color: #34c6f4;
    border: 2px solid #34c6f4;
    border-radius: 10px;
    font-weight: 700px;
    display: inline-block;
    vertical-align: middle;
}

.infoFigureBox.defi-code .text a {
    display: inline-block;
    vertical-align: middle;
}

.infoFigureBox.defi-code .text a img {
    width: 40px;
}

.tabs-separate {
    padding: 20px 0;
}

.tabs-separate>span {
    display: none;
}

.tabs-separate ul {}

.tabs-separate ul:before,
.tabs-separate ul:after {
    display: none;
}

.tabs-separate ul li {
    background: none;
    width: 50%;
    margin: 0 0 10px;
    padding: 0 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border: none;
    float: none;
}

.tabs-separate ul li a {
    margin: 0 !important;
    font-size: 18px;
    color: #0d112f;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 50px;
    border: 1px solid #00b4f4;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tabs-separate ul li a:hover {
    background: #fff;
    color: #00b4f4;
}

.tabs-separate ul li a:focus,
.tabs-separate ul li.active a {
    background: #00b4f4 !important;
    color: #fff !important;
}

.white-box {
    background: #fff;
    margin: 20px 0;
    padding: 40px;
    color: #818181;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.white-box.no-pad {
    padding: 0;
}

.white-box .portlet-title {
    padding: 0 20px;
    border-bottom: 1px solid #dfdfdf;
}

.white-box.new-style-tabs .portlet-title {
    border-bottom-color: #34c6f4;
}

.white-box .portlet-title:after {
    content: '';
    display: block;
    clear: both;
}

.white-box .portlet-title .caption {
    display: inline-block;
}

.white-box .portlet-title>span {
    /* Permalink-use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34c5f3+0,0f1432+100 */
    background: rgb(52, 197, 243);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(52, 197, 243, 1) 0%, rgba(15, 20, 50, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(52, 197, 243, 1) 0%, rgba(15, 20, 50, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(52, 197, 243, 1) 0%, rgba(15, 20, 50, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34c5f3', endColorstr='#0f1432', GradientType=1);
    /* IE6-9 */
    width: 100%;
    margin: 10px 0;
    padding: 25px 20px 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    position: relative;
    display: none;
    cursor: pointer;
}

.white-box .portlet-title>span:after {
    content: '';
    margin: 0 0 0 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    display: inline-block;
    vertical-align: middle;
}

.white-box .portlet-title .nav-tabs {
    float: right;
    border-bottom: none;
}

.white-box.new-style-tabs .portlet-title .nav-tabs {
    width: 100%;
    float: none;
    display: table;
    table-layout: fixed;
    position: relative;
}

.white-box.new-style-tabs .portlet-title .nav-tabs:before,
.white-box.new-style-tabs .portlet-title .nav-tabs:after {
    display: none;
}

.white-box.new-style-tabs .portlet-title .nav-tabs li {
    text-align: center;
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.white-box .portlet-title .nav-tabs li a {
    padding: 40px 30px 35px;
    font-size: 16px;
    color: #000;
    border: none;
    border-radius: 0;
    font-weight: bold;
    display: block;
}

.white-box .portlet-title .nav-tabs li.active a {
    /* Permalink-use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34c5f3+0,0f1432+100 */
    background: rgb(52, 197, 243);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(52, 197, 243, 1) 0%, rgba(15, 20, 50, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(52, 197, 243, 1) 0%, rgba(15, 20, 50, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(52, 197, 243, 1) 0%, rgba(15, 20, 50, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34c5f3', endColorstr='#0f1432', GradientType=1);
    /* IE6-9 */
    color: #fff;
    position: relative;
}

.white-box.new-style-tabs .portlet-title .nav-tabs li.active a {
    background: transparent;
    color: #34c6f4;
}

.white-box .portlet-title .nav-tabs li.active a:before {
    content: '';
    margin: 0 0 0 -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 7px solid #216d93;
    position: absolute;
    top: 100%;
    left: 50%;
}

.white-box.new-style-tabs .portlet-title .nav-tabs li.active a:before {
    margin: -5px 0 0 -5px;
    border-top: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #34c6f4;
}

.white-box .portlet-title .nav-tabs li a img {
    margin: 0 10px 0 0;
}

.white-box .portlet-body {
    padding: 40px;
}

.white-box.transparent-box-new.new-style-tabs .portlet-body {
    color: #ffffff;
}

.white-box.transparent-box-new {
    background: transparent;
    margin: 20px 0;
    padding: 40px;
    color: #818181;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.white-box.transparent-box-new.no-pad {
    padding: 0;
}

.white-box.transparent-box-new .portlet-title {
    padding: 0 20px;
    border-bottom: 1px solid #dfdfdf;
}

.white-box.transparent-box-new.new-style-tabs .portlet-title {
    border-bottom-color: #34c6f4;
}

.white-box.transparent-box-new .portlet-title:after {
    content: '';
    display: block;
    clear: both;
}

.white-box.transparent-box-new .portlet-title .caption {
    display: inline-block;
}

.white-box.transparent-box-new .portlet-title>span {
    /* Permalink-use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34c5f3+0,0f1432+100 */
    background: rgb(52, 197, 243);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(52, 197, 243, 1) 0%, rgba(15, 20, 50, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(52, 197, 243, 1) 0%, rgba(15, 20, 50, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(52, 197, 243, 1) 0%, rgba(15, 20, 50, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34c5f3', endColorstr='#0f1432', GradientType=1);
    /* IE6-9 */
    width: 100%;
    margin: 10px 0;
    padding: 25px 20px 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    position: relative;
    display: none;
    cursor: pointer;
}

.white-box.transparent-box-new .portlet-title>span:after {
    content: '';
    margin: 0 0 0 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    display: inline-block;
    vertical-align: middle;
}

.white-box.transparent-box-new .portlet-title .nav-tabs {
    float: right;
    border-bottom: none;
}

.white-box.transparent-box-new.new-style-tabs .portlet-title .nav-tabs {
    width: 100%;
    float: none;
    display: table;
    table-layout: fixed;
    position: relative;
}

.white-box.transparent-box-new.new-style-tabs .portlet-title .nav-tabs:before,
.white-box.transparent-box-new.new-style-tabs .portlet-title .nav-tabs:after {
    display: none;
}

.white-box.transparent-box-new.new-style-tabs .portlet-title .nav-tabs li {
    text-align: center;
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.white-box.transparent-box-new .portlet-title .nav-tabs li a {
    padding: 40px 30px 35px;
    font-size: 16px;
    color: white;
    border: none;
    border-radius: 0;
    font-weight: bold;
    display: block;
}

.white-box.transparent-box-new .portlet-title .nav-tabs li a:hover {
    background: transparent;
    background-color: transparent;
    transform: scale(1.08);
}

.white-box.transparent-box-new .portlet-title .nav-tabs li.active a {
    /* Permalink-use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34c5f3+0,0f1432+100 */
    background: rgb(52, 197, 243);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(52, 197, 243, 1) 0%, rgba(15, 20, 50, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(52, 197, 243, 1) 0%, rgba(15, 20, 50, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(52, 197, 243, 1) 0%, rgba(15, 20, 50, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34c5f3', endColorstr='#0f1432', GradientType=1);
    /* IE6-9 */
    color: #fff;
    position: relative;
}

.white-box.transparent-box-new.new-style-tabs .portlet-title .nav-tabs li.active a {
    background: transparent;
    color: #34c6f4;
}

.white-box.transparent-box-new .portlet-title .nav-tabs li.active a:before {
    content: '';
    margin: 0 0 0 -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 7px solid #216d93;
    position: absolute;
    top: 100%;
    left: 50%;
}

.white-box.transparent-box-new.new-style-tabs .portlet-title .nav-tabs li.active a:before {
    margin: -5px 0 0 -5px;
    border-top: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #34c6f4;
}

.white-box.transparent-box-new .portlet-title .nav-tabs li a img {
    margin: 0 10px 0 0;
}

.white-box.transparent-box-new .portlet-body {
    padding: 40px;
}

.white-box.transparent-box-new.new-style-tabs .portlet-body {
    color: #ffffff;
}

.inputsContainer {
    padding: 0 40px;
    border: 1px solid #edf7ff;
}

.blue-bgr {
    background: #edf7ff;
    margin: 0 -40px;
    padding: 35px 40px;
}

.inputsContainer .inputsContBox {
    padding: 30px 0 10px;
}

.inputsContainer .inputsContainer-bottom {
    background: #f5f5f5;
    margin: 10px -40px 0;
    padding: 15px 40px;
}

.inputsContainer .inputsContainer-bottom p {
    margin: 0;
}

.custom-upload {
    margin: 0 0 30px;
    position: relative;
}

.custom-upload label {
    margin: 0 0 16px;
    font-size: 14px;
    color: #2e2e2e;
    font-weight: bold;
}

.custom-upload>input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.custom-upload .custom-upload-fake {
    background: #f5f5f5;
    padding: 50px 20px;
    text-align: center;
    border: 2px dashed #cacaca;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.custom-upload:hover .custom-upload-fake {
    border: 2px dashed #76c9fc;
}

.custom-upload .custom-upload-fake figure {
    background: #cacaca;
    width: 73px;
    height: 73px;
    margin: 0 auto 25px;
    line-height: 70px;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.custom-upload:hover .custom-upload-fake figure {
    background: #76c9fc;
}

.custom-upload .custom-upload-fake>span {
    font-size: 13px;
    color: #838383;
}

.custom-upload .custom-upload-fake>span span {
    color: #72c3f9;
    font-weight: bold;
}

.info-symbol {
    width: 23px;
    height: 23px;
    margin: 0 26px 0 0;
    color: #70c0f7;
    font-style: normal;
    text-align: center;
    line-height: 21px;
    border: 2px solid #70c0f7;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
}


form button[type="submit"],
form .like-submit-btn {
    background: #00b4f4;
    width: 100%;
    margin: 33px 0 12px;
    padding: 16px 12px;
    font-size: 14px;
    color: #fff;
    border: none;
    border-radius: 0;
}

form .like-submit-btn {
    background: #cfcfcf;
}

.btn-action {
    background: #00b4f4;
    margin: 5px;
    padding: 10px 10px;
    font-size: 14px;
    color: #fff;
    border: none;
    border-radius: 0;
}

.btn-rounded {
    border-radius: 5px !important;
    margin-top: 5px;
}

.btn-action:hover {
    color: #fff;
}

#varification-personal-form button[type="submit"],
#varification-address-form button[type="submit"] {
    font-family: 'Open Sans', sans-serif;
    width: auto;
    padding: 16px 30px 16px 35px;
    display: inline-block;
}

.tab-title-offset {
    font-family: 'eurostilemedium';
    margin: -100px 0 100px;
    font-size: 26px;
    color: #2e2e2e;
    font-weight: 700;
}

h4.form-section-title {
    font-family: 'eurostilemedium';
    margin: 0;
    padding: 60px 0 50px;
    font-size: 26px;
    color: #2e2e2e;
    font-weight: bold;
    position: relative;
}

.no-pad h4.form-section-title {
    padding: 60px 40px 50px;
}

h4.form-section-title i {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
}

.custom-table {
    width: 100%;
    border-bottom: 1px solid #e5e5e7;
    color: rgb(182, 180, 180);
}

.custom-table thead {}

.custom-table thead tr {
    /* Permalink-use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34c6f3+0,0e1130+100 */
    background: rgb(52, 198, 243);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(52, 198, 243, 1) 0%, rgba(14, 17, 48, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(52, 198, 243, 1) 0%, rgba(14, 17, 48, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(52, 198, 243, 1) 0%, rgba(14, 17, 48, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34c6f3', endColorstr='#0e1130', GradientType=1);
    /* IE6-9 */
}

.custom-table.custom-table-new thead tr {
    /* Permalink-use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34c6f3+0,0e1130+100 */
    background: none;
}

.custom-table thead tr th {
    padding: 20px 40px 20px 25px;
    font-size: 11px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.custom-table thead tr th.sorting {
    background-image: url('../img/sortable-table.png');
}

.custom-table thead tr th.sorting_asc {
    background-image: url('../img/sortable-table-asc.png');
}

.custom-table thead tr th.sorting_desc {
    background-image: url('../img/sortable-table-desc.png');
}

.custom-table thead tr th strong {
    white-space: nowrap;
}

.custom-table tbody {}

.custom-table tbody tr td {
    padding: 20px 40px 20px 25px;
    font-size: 12px;
    color: white;
    border-bottom: 1px solid #2571998f;
}

.custom-table tbody tr:nth-child(2n) td {
    background: #f3f4f8;
}

.custom-table.custom-table-new tbody tr:nth-child(2n) td {
    background: transparent !important;
}

.custom-table tbody tr td time {
    white-space: nowrap;
}

.custom-table tbody tr td .amount {
    white-space: nowrap;
}

.custom-table tbody tr td .fee-box {
    white-space: nowrap;
}

.custom-table tbody tr td .status {
    white-space: nowrap;
    text-transform: uppercase;
}

.custom-table tbody tr td .status.approved {
    color: #34c6f4;
}

.custom-table tbody tr td .status.cancelled {
    color: #fe0000;
}

.scroll-box.records-box-new {
    overflow-x: auto !important;
}

/* .custom-table.custom-table-new.orders-table.records-table-new {
    overflow-x: auto !important;
} */

.table .paginate_button.next {
    color: white !important;
    padding: 8px 24px;
    border: solid 1px #288cab;
    border-radius: 5px;
}

.table .paginate_button.previous {
    color: white !important;
    padding: 8px 24px;
    border: solid 1px #288cab;
    border-radius: 5px;
}

.white-box .dataTables_info {
    padding: 40px;
    font-size: 12px;
    color: #2e2e2e;
}

.white-box .dataTables_paginate {
    padding: 40px;
}

.white-box .dataTables_paginate .pagination {}

.white-box .dataTables_paginate .pagination>li {
    margin: 0 0 0 15px;
    display: inline-block;
    vertical-align: middle;
}

.white-box .dataTables_paginate .pagination>li a,
.white-box .dataTables_paginate .pagination>li span {
    width: 31px;
    height: 31px;
    padding: 0;
    line-height: 26px;
    text-align: center;
    border: 2px solid #000;
    border-radius: 100%;
}

.white-box .dataTables_paginate .pagination>li a i,
.white-box .dataTables_paginate .pagination>li span i {
    margin-left: -1px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 7px solid #000;
}

.white-box .dataTables_paginate .pagination>li.next a i,
.white-box .dataTables_paginate .pagination>li.next span i {
    margin-left: 1px;
    border-right: none;
    border-left: 7px solid #000;
}

.white-box .dataTables_paginate .pagination>li a i:before,
.white-box .dataTables_paginate .pagination>li span i:before {
    display: none;
}


.white-box.transparent-box-new .dataTables_info {
    padding: 40px;
    font-size: 12px;
    color: #2e2e2e;
}

.white-box.transparent-box-new .dataTables_paginate {
    padding: 40px;
}

.white-box.transparent-box-new .dataTables_paginate .pagination {}

.white-box.transparent-box-new .dataTables_paginate .pagination>li {
    margin: 0 0 0 15px;
    display: inline-block;
    vertical-align: middle;
}

.white-box.transparent-box-new .dataTables_paginate .pagination>li a,
.white-box.transparent-box-new .dataTables_paginate .pagination>li span {
    width: 31px;
    height: 31px;
    padding: 0;
    line-height: 26px;
    text-align: center;
    border: 2px solid #000;
    border-radius: 100%;
}

.white-box.transparent-box-new .dataTables_paginate .pagination>li a i,
.white-box.transparent-box-new .dataTables_paginate .pagination>li span i {
    margin-left: -1px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 7px solid #000;
}

.white-box.transparent-box-new .dataTables_paginate .pagination>li.next a i,
.white-box.transparent-box-new .dataTables_paginate .pagination>li.next span i {
    margin-left: 1px;
    border-right: none;
    border-left: 7px solid #000;
}

.white-box.transparent-box-new .dataTables_paginate .pagination>li a i:before,
.white-box.transparent-box-new .dataTables_paginate .pagination>li span i:before {
    display: none;
}

.pagination-button-new {
    margin-top: 15px;
    padding: 3px 10px;
    border-radius: 3px;
    margin-right: 5px;
    background: transparent !important;
    border: none;
    border-bottom: 1px solid #42A9E0;
    max-width: 30px;
    color: rgb(191, 189, 189);
}

.pagination-button-new.active-button {
    padding: 3px 10px;
    border-radius: 3px;
    margin-right: 5px;
    background: #42A9E0 !important;
    background-color: #42A9E0;
    border: 1px solid #42A9E0;
    max-width: 30px;
}

.btn-holder-box {
    background: #e8e8e8;
    margin: 20px -20px 0px -24px;
    padding: 15px 20px 10px;
}

.btn-holder-box a.btn {
    font-family: 'eurostilemedium';
    margin: 0 0 7px;
    padding: 8px 5px 6px;
    border-radius: 20px;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
}

.btn-holder-box a.btn.crypto-sell {
    background: #34c6f4 !important;
}

.btn-holder-box a.btn.crypto-sell:hover {
    background: #1a98c0 !important;
}

.btn-holder-box a.btn.crypto-buy {
    background: #0e1130 !important;
}

.btn-holder-box a.btn.crypto-buy:hover {
    background: #000 !important;
}

.btn-holder-box a.btn.crypto-deposit {
    background: #fff !important;
    color: #0e1130;
    border: 1px solid #dcdcdc;
}

.btn-holder-box a.btn.crypto-deposit:hover {
    background: #dcdcdc !important;
}

.btn-holder-box a.btn.crypto-withdraw {
    background: #fff !important;
    color: #0e1130;
    border: 1px solid #dcdcdc;
}

.btn-holder-box a.btn.crypto-withdraw:hover {
    background: #dcdcdc !important;
}

.btn-holder-box a.btn i {
    margin: 0 6px 0 0;
    color: #c4c4c4;
}

.element-section-title {
    margin: 0 -15px 26px;
    padding: 50px 46px;
    border-bottom: 1px solid #34c6f4;
    position: relative;
}

.element-section-title.has-bgr-element:after {
    content: '';
    margin: 0 0 0 -5px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #34c6f4;
    position: absolute;
    bottom: 0;
    left: 50%;
}

.element-section-title.small-element-section-title {
    padding: 35px 20px 30px;
}

.element-section-title h3 {
    font-family: 'eurostilebold';
    margin: 0;
    padding: 0;
    font-size: 26px;
    color: #2e2e2e;
    font-weight: normal;
}

.element-section-title.crypto-sell-color h3 {
    color: #34c6f4;
}

.element-section-title.crypto-buy-color h3 {
    color: #0e1130;
}

.element-section-title.crypto-deposit-color h3 {
    color: #34c6f4;
}

.element-section-title.crypto-withdraw-color h3 {
    color: #34c6f4;
}

.form-info-box {
    margin: 0 16px 30px;
}

.form-info-box.sm-margin {
    margin: 0 16px 12px;
}

.form-info-box strong {
    font-size: 16px;
    display: block;
}

.bold-forms {}

.bold-forms input {
    font-family: 'eurostileblack';
    font-size: 18px;
    color: #777;
}

.custom-check-element {
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    margin: 0 15px 10px 0;
    padding: 14px 16px 15px 16px;
    font-size: 14px;
    color: #777;
    border-radius: 20px;
    border: 1px solid #b4bdc4;
    position: relative;
}

.custom-check-element input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.custom-check-element input:checked+i {
    border: 2px solid #34c6f4;
    border-radius: 20px;
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
}

.custom-check-element img {
    height: 24px;
    margin: -2px 5px 0 0;
}

.margin-bottom-box {
    margin: 0 0 24px;
}

.payment-info-box {
    background-color: #efefef;
    background-image: url('../img/infobox-link-bgr.png');
    background-position: top left;
    background-repeat: repeat;
    height: 100%;
    margin: -26px -15px 0 12px;
    padding: 20px;
    text-align: center;
    position: relative;
}

.payment-info-box:after {
    content: '';
    background-color: #efefef;
    background-image: url('../img/infobox-link-bgr.png');
    background-position: top left;
    background-repeat: repeat;
    position: absolute;
    top: 100%;
    bottom: -1000%;
    right: 0;
    left: 0;
}

.payment-info-box .payment-info-section {
    margin: 0 0 46px;
}

.payment-info-box .payment-info-section figure {}

.payment-info-box .payment-info-section figure img {
    width: auto;
    height: 40px;
}

.payment-info-box .payment-info-section figure .fig-orig {
    transform: translateX(20%);
    position: relative;
    z-index: 1;
}

.payment-info-box .payment-info-section figure .fig-fade {
    transform: translateX(-20%);
    opacity: 0.2;
    position: relative;
}

.payment-info-box .payment-info-section>strong {
    font-family: 'eurostilebold';
    font-size: 24px;
    color: #2e2e2e;
    font-weight: normal;
    display: block;
}

.payment-info-box .payment-info-section strong span {
    font-family: 'maven_proregular';
    font-size: 22px;
}

.payment-info-box .payment-info-section p {
    font-family: 'eurostilebold';
    font-size: 16px;
}

.payment-info-box .payment-info-section p span {
    color: #34c6f4;
}

.payment-info-box .payment-info-section p strong {
    display: block;
}

.payment-info-box .payment-info-section p em {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
}

.payment-info-box .payment-info-section>.far,
.payment-info-box .payment-info-section>.fab {
    font-size: 25px;
    color: #b4bdc4;
}

.deposit-info-box-new {
    display: flex;
    justify-content: space-between;
    width: 82%;
    margin: auto;
    border: none !;
    border-bottom: 1px solid !important;
}

.deposit-center-box {
    width: 100%;
    margin: auto !important;
}

.notice-new {
    margin: 0px 0px 15px !important;
    width: 82%;
    left: 7%;
    top: 20px;
}

.payment-text {}

.payment-text p {
    margin: 20px 0;
    font-size: 16px;
}

.payment-text p strong {
    font-family: 'eurostilebold';
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}

.crypto-list-box .text {
    padding: 16px 20px 0 24px;
}

.crypto-info-list-box .text {
    /* padding: 16px 0px 0 24px; */
}


/* .crypto-list-box img{border-radius: 50%;} */

.success-msg-box {
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 20px;
    color: #2e2e2e;
    text-align: center;
}

.success-msg-box figure {
    margin: 0 0 20px;
    padding: 0;
}

.success-msg-box figure i {
    font-size: 48px;
    color: #34c6f4;
}

.success-msg-box h5 {
    font-family: 'eurostilebold';
    margin: 0 0 4px;
    font-size: 22px;
    color: #ffffff;
    font-weight: normal;
}

.success-msg-box p {
    margin: 4px 0;
    font-size: 14px;
}

.success-msg-box span {
    font-family: 'eurostilebold';
    font-size: 22px;
    color: #34c6f4;
}

.success-msg-box em {
    font-family: 'eurostilebold';
    margin: 4px 0;
    font-size: 14px;
    text-decoration: underline;
    font-style: normal;
}

.ref-number-box {
    background-color: #34c6f4;
    background-image: url('../img/ref-number-bgr.png');
    background-position: top left;
    background-repeat: repeat;
    padding: 24px 20px;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    margin-top: 30px;
}

.ref-number-box figure {
    margin: 0 0 18px;
}

.ref-number-box figure i {
    font-size: 52px;
}

.ref-number-box h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

.ref-number-box strong {
    margin: 0;
    font-family: 'eurostilebold';
    font-size: 24px;
    font-weight: normal;
}

.ref-number-box hr {
    margin: 7px 0;
}

.ref-number-box p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.contact-page-info {
    padding: 60px 10px 80px;
    text-align: center;
}

.contact-page-info .contact-page-info-text {
    max-width: 340px;
    margin: 0 auto;
}

.contact-page-info .figure {
    margin: 0 0 60px;
}

.contact-page-info .figure i {
    font-size: 64px;
    color: #34c6f4;
}

.contact-page-info p {
    font-family: 'eurostilebold';
    font-size: 16px;
    color: #34c6f4;
}

.contact-page-info a {
    font-family: 'eurostilebold';
    font-size: 24px;
    color: #0e1130;
}

.contact-page-info-cont .col-md-6:first-child .contact-page-info:after {
    content: '';
    background: #b4bdc4;
    width: 1px;
    height: 200px;
    margin: -100px 0 0;
    position: absolute;
    top: 50%;
    right: 0;
}

.has-danger .label-animated input {
    border-bottom-color: #fc2121;
}

.has-danger .text-help {
    color: #fc2121;
}

.alert.alert-danger {
    background: #fc2121;
    border: none;
    color: #fff;
    border-radius: 0;
}

#bottom-msg {
    background: #fff;
    padding: 20px 0;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
}

#bottom-msg .text {
    padding: 0 40px 0 0;
    position: relative;
}

#bottom-msg .text+.text {
    margin: 20px 0 0;
}

#bottom-msg .text .btn-link {
    margin: 0 10px 10px 0;
    padding: 10px 26px 9px;
    font-size: 14px;
}

#bottom-msg .text .close-msg {
    font-size: 20px;
    position: absolute;
    top: -4px;
    right: 0;
}

.bottom-text {
    padding: 50px 0;
    font-size: 16px;
    color: #1f0e46;
    font-weight: 700;
}

.bottom-text a {
    color: #3dd5ff;
}

.mb-more {
    margin-bottom: 120px !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.article-full .company-logo {
    background: #fff;
    width: 260px;
    height: 260px;
    margin: -130px auto 0;
    line-height: 260px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    border: 1px solid #d5d5d5;
    position: relative;
}

.article-full .company-logo.sm {
    width: 140px;
    height: 140px;
    margin: -70px auto 0;
    line-height: 140px;
}

.article-full .company-logo:before {
    content: '';
    border-radius: 100%;
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    border: 1px solid #33c5f3;
}

.article-full .company-logo figure {
    background: none;
    width: 260px;
    height: 260px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    overflow: hidden;
}

.article-full .company-logo.sm figure {
    width: 140px;
    height: 140px;
}

.article-full .company-logo img {
    max-width: 80%;
}

.property-list {}

.property-list .property-entry {
    margin: 0 0 60px;
}

.property-list .property-entry figure {
    margin: 0 0 20px;
    border-radius: 20px;
    overflow: hidden;
}

.property-list .property-entry figure a {
    display: block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.property-list .property-entry figure a img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.property-list .property-entry figure a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.property-list .property-entry h3 {
    margin: 0;
}

.property-list-2 {}

.property-list-2 .property-entry {
    background: #fff;
    margin: 0 0 60px;
    padding: 0 20px 20px;
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.property-list-2 .property-entry figure {
    margin: 0 -20px 30px;
    border-radius: 20px;
    overflow: hidden;
}

.property-list-2 .property-entry figure a {
    display: block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.property-list-2 .property-entry figure a img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.property-list-2 .property-entry figure a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.property-list-2 .property-entry .property-text {
    text-align: center;
}

.property-list-2 .property-entry .property-text time {
    margin: 0 0 30px;
    font-size: 14px;
    color: #33c5f3;
}

.property-list-2 .property-entry .property-text h3 {
    margin: 0 0 30px;
    font-size: 30px;
    color: #33c5f3;
}

.property-list-2 .property-entry .property-text h3 a {
    color: #33c5f3;
}

.property-list-2 .property-entry .property-text h3 a:hover {
    color: #0e1130;
    text-decoration: none;
}

.property-list-2 .property-entry .property-text .property-location {
    color: #33c5f3;
}

.property-list-2 .property-entry .property-text .property-location span {
    position: relative;
    padding: 0 10px;
}

.property-list-2 .property-entry .property-text .property-location span+span:before {
    content: '';
    background: #33c5f3;
    width: 1px;
    position: absolute;
    top: 4px;
    left: 0;
    bottom: 4px;
}

.property-list-2 .property-entry .property-text .text {
    max-width: 800px;
    margin: 0 auto;
    color: #042c47;
}

.property-list-2 .property-entry .property-text .seller-contacts {}

.property-list-2 .property-entry .property-text .seller-contacts a {
    position: relative;
    padding: 0 10px;
    color: #546a7b;
}

.property-list-2 .property-entry .property-text .seller-contacts a+a:before {
    content: '';
    background: #546a7b;
    width: 1px;
    position: absolute;
    top: 4px;
    left: 0;
    bottom: 4px;
}

.property-list-2 .property-entry .property-text .property-price {
    margin: 30px 0;
    font-size: 30px;
    color: #042c47;
    font-weight: 700;
}

.property-slider {
    background: #fff;
    margin: 0 auto;
    max-width: 1100px;
    border-radius: 20px;
}

.property-slider.offset-bottom {
    margin: 0 auto -150px;
}

.property-slider .property-slider-entry {
    border-radius: 20px;
    overflow: hidden;
}

.property-slider .property-slider-entry img {
    width: 100%;
}

.property-slider .slick-arrow {
    background: #fff;
    width: 60px;
    height: 60px;
    margin: -30px 0 0;
    padding: 0;
    border-radius: 100%;
    border: none;
    position: absolute;
    top: 50%;
    left: -30px;
    z-index: 1;
    text-indent: -9999px;
    overflow: hidden;
}

.property-slider .slick-arrow:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f104';
    font-size: 24px;
    color: #000;
    display: inline-block;
    text-indent: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.property-slider .slick-arrow.slick-next {
    left: auto;
    right: -30px;
}

.property-slider .slick-arrow.slick-next:before {
    content: '\f105';
}

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

body .property-text time {
    font-size: 18px;
    color: #33c5f3;
}

body .property-text h1 {
    font-size: 50px;
    color: #33c5f3;
}

body .property-text .property-location {
    color: #33c5f3;
}

body .property-text .property-location span {
    position: relative;
    padding: 0 10px;
}

body .property-text .property-location span+span:before {
    content: '';
    background: #33c5f3;
    width: 1px;
    position: absolute;
    top: 4px;
    left: 0;
    bottom: 4px;
}

body .property-text .text {
    max-width: 800px;
    margin: 0 auto;
    color: #042c47;
}

body .property-text .seller-contacts {}

body .property-text .seller-contacts a {
    position: relative;
    padding: 0 10px;
    color: #546a7b;
}

body .property-text .seller-contacts a+a:before {
    content: '';
    background: #546a7b;
    width: 1px;
    position: absolute;
    top: 4px;
    left: 0;
    bottom: 4px;
}

body .property-text .property-price {
    margin: 40px 0;
    font-size: 40px;
    color: #042c47;
    font-weight: 700;
}

.filter-form {}

.filter-form select {
    background: #fff;
    width: 100%;
    height: 52px;
    padding: 0 40px;
    border: 1px solid #85dcf8;
    border-radius: 50px;
}

.filter-form .form-group {}

.filter-form .form-group .input-group-addon {
    background: none;
    border: none;
}

.filter-form .form-group .form-control {
    padding: 0 10px;
    border-radius: 50px;
    text-align: center;
}

/* .form-group .login-field-wrapper .label-animated .control-label .has-error{
    color: #ff615d !important
} */

/* .login-form-cont .form-group .login-field-wrapper .has-error label {
    color: #ff615d !important;
}

#login-form > div.form-group-box > div.form-group.login-field-wrapper.has-error > div > div > div {
    color: blue;
} */

body .filter-form button.btn-link {
    padding: 13px 56px 12px !important;
    -webkit-ransform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}

.filter-form .custom-select {
    border: 1px solid #85dcf8;
    border-radius: 50px;
}

#message-list {}

#message-list .panel-default {
    background: #fff;
    margin: 0 0 20px;
    border-radius: 30px;
    border: none;
}

#message-list .panel-default .panel-heading {
    background: none;
    padding: 0 20px;
}

#message-list .panel-default .panel-heading h4 {}

#message-list .panel-default .panel-heading h4 a {
    padding: 20px 40px 20px 200px;
    font-size: 20px;
    color: #282828;
    font-weight: 700;
    text-decoration: none;
    display: block;
    position: relative;
}

#message-list .panel-default.not-read .panel-heading h4 a {
    color: #fc8f0f;
}

#message-list .panel-default .panel-heading h4 a:after {
    font-family: 'Font Awesome 5 Pro';
    content: '\f078';
    font-size: 18px;
    display: inline-block;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: 18px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

#message-list .panel-default .panel-heading h4 a.collapsed:after {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}

#message-list .panel-default .panel-heading h4 a span {
    width: 180px;
    padding: 20px 20px 20px 0;
    font-size: 16px;
    color: #00b4f4;
    font-weight: 700;
    text-align: center;
    border-right: 1px solid #ccf0fd;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 2px;
    left: 0;
}

#message-list .panel-default.not-read .panel-heading h4 a span:before {
    content: '';
    background: #fc8f0f;
    width: 20px;
    height: 20px;
    margin: -10px 0 0;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: -30px;
}

#message-list .panel-default .panel-body {
    border-color: #ccf0fd;
}

#message-list .panel-default .panel-body .text {
    padding: 10px 20px;
}

#message-list .panel-default .panel-body .text h2,
#message-list .panel-default .panel-body .text h3,
#message-list .panel-default .panel-body .text h4,
#message-list .panel-default .panel-body .text h5 {
    color: #00b4f4;
    font-weight: 700;
}

#message-list .panel-default .panel-body .text figure {
    margin: 0 0 40px;
}

#message-list .panel-default .panel-body .text .narrow-text {
    padding: 0 120px;
}

#message-list .panel-default .panel-body .text .narrow-text>* {
    margin: 30px 0;
}

#message-list .panel-default .panel-body .text .narrow-text>*:first-child {
    margin: 0 0 30px;
}

#message-list .panel-default .panel-body .text .narrow-text p {
    font-size: 18px;
    color: #0e122f;
}

#message-list .panel-default .panel-body .text .narrow-text hr {
    margin: 20px -120px;
    border: none;
    border-bottom: 1px solid #00b4f4;
}

#message-list .panel-default .panel-body .text .narrow-text .hr-image {
    position: relative;
}

#message-list .panel-default .panel-body .text .narrow-text .hr-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#message-list .panel-default .panel-body .text .narrow-text a:not(.btn-link) {
    color: #00b4f4;
}

.flight-tabs {}

.flight-tabs button {
    margin: 0 5px 0 0;
}

.flight-tabs button.btn-action {
    color: #fff;
    border-color: #00b4f4 !important;
}

.flight-search {}

.flight-search input {
    height: 40px !important;
}

.flight-search input+div {
    position: relative;
    z-index: 1;
}

.flight-search input+div>div {
    margin: 8px 0;
    padding: 4px 12px;
}

.flight-search select {
    height: 40px;
}

.flight-search button {
    width: 100%;
    margin: 0;
}

.flight-search .date-input {
    border-radius: 4px 0 0 4px;
}

.flight-search .time-input {
    border-radius: 0 4px 4px 0;
    border-left: none;
}

#flight-slider {
    width: 100%;
}

#flight-slider .news-list-entry {
    background: #fff;
    margin: 10px 10px 10px;
    padding: 20px 0 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}

#flight-slider .news-list-entry h4 {
    font-family: 'eurostilemedium';
    margin: 0 0 20px;
    font-size: 30px;
    color: #00b4f4;
}

#flight-slider .news-list-entry h5 {
    font-family: 'eurostilemedium';
    margin: 0;
    font-size: 24px;
    color: #00b4f4;
}

#flight-slider .news-list-entry .control-dots {}

#flight-slider .news-list-entry .control-dots li {
    background: #34c6f4;
    width: 12px;
    height: 12px;
    box-shadow: none;
    border: 1px solid #fff;
    ;
}

#flight-slider .news-list-entry .control-dots li.selected {
    background: #000;
}

.input-group {}

.input-group .input-group-addon {
    background: #00b4f4;
    color: #fff;
    border-color: #00b4f4;
}

.input-group>div input {
    border-radius: 0 4px 4px 0 !important;
}

.brand-logo {
    margin: 40px -20px 0 0;
    display: inline-block;
}

.brand-logo>* {
    margin: 0;
    padding: 0 20px;
    display: inline-block;
    ;
    vertical-align: middle;
}

.brand-logo p {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    text-align: left;
    line-height: 20px;
}

.light-theme .brand-logo p {
    color: #000;
}

.car-filter-box {
    margin: 50px 0 24px;
}

.car-filter-box .filter-btn {
    background: #AFE3FF;
    padding: 10px 16px;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}

.car-filter-box .filter-btn span {
    background: #000;
    width: 14px;
    height: 2px;
    margin: 6px 6px 0 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.car-filter-box .filter-btn span:before {
    content: '';
    background: #000;
    width: 10px;
    height: 2px;
    margin: 2px 0 0 2px;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
}

.car-filter-box .filter-btn span:after {
    content: '';
    background: #000;
    width: 8px;
    height: 2px;
    margin: 6px 0 0 4px;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
}

.car-filter-box .car-filter-form {
    background: #fff;
    width: 100%;
    max-width: 560px;
    padding: 28px 48px 60px 28px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    overflow-y: scroll;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.car-filter-box .car-filter-form.open-filters {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
}

.car-filter-box .car-filter-form h5 {
    margin: 0 0 20px;
    font-size: 24px;
    color: #000;
}

.car-filter-box .car-filter-form .close-filter {
    padding: 10px;
    font-size: 20px;
    color: #000;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 24px;
}

.car-filter-box .car-filter-form .filter-goup {
    margin: 0 0 24px;
}

.car-filter-box .car-filter-form .filter-goup p {
    font-size: 16px;
    color: #000;
}

.car-filter-box .car-filter-form .filter-goup ul {}

.car-filter-box .car-filter-form .filter-goup ul li {
    margin: 0 0 4px;
}

.car-filter-box .car-filter-form .filter-goup ul li label {
    padding: 0 0 0 24px;
    position: relative;
}

.car-filter-box .car-filter-form .filter-goup ul li label input {
    width: 18px;
    height: 18px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.car-filter-box .car-filter-form .filter-goup ul li label input+span:before {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    border: 1px solid #42A9E0;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
}

.car-filter-box .car-filter-form .filter-goup ul li label input:checked+span:before {
    background: #42A9E0;
}

.car-filter-box .car-filter-form .filter-goup ul li label input:checked+span:after {
    font-family: 'Font Awesome 5 Pro';
    content: '\f00c';
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    position: absolute;
    top: 1px;
    left: 3px;
}

.car-filter-box .car-filter-form .filter-bottom input[type="reset"] {
    background: none;
    width: auto;
    margin: 0 auto;
    padding: 12px 0;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    border: none;
}

.car-filter-box .car-filter-form .filter-bottom button {
    width: auto;
    margin: 0 auto;
    padding: 12px 24px;
    border-radius: 10px;
    text-transform: uppercase;
}

.car-filter-box .select-filter-box {}

.car-filter-box .select-filter-box>span {
    margin: 0 10px 0 0;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.light-theme .car-filter-box .select-filter-box>span {
    color: #000;
}

.car-filter-box .select-filter-box>.custom-select {
    width: auto;
    border-radius: 4px;
    border: 1px solid #ADB1B2;
}

.car-filter-box .select-filter-box>.custom-select select {
    height: 38px;
    padding: 0 40px 0 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}

.light-theme .car-filter-box .select-filter-box>.custom-select select {
    color: #000;
}

.cars-list {
    margin: 0 0 50px;
}

.cars-list .car-entry {
    background: #000018;
    margin: 0 0 50px;
    border-radius: 10px;
    border: 1px solid #000018;
    position: relative;
    height: 480px;
}

.light-theme .cars-list .car-entry {
    background: #fff;
    border: 1px solid #DCF3FF;
    height: 480px;
}

.cars-list .car-entry .cars-slider {}

.cars-list .car-entry .cars-slider figure {
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
}

.cars-list .car-entry .cars-slider .control-dots {}

.cars-list .car-entry .cars-slider .control-dots li {
    background: #DCF3FF;
    width: 8px;
    height: 8px;
    border: 0;
    box-shadow: none;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cars-list .car-entry .cars-slider .control-dots li:hover,
.cars-list .car-entry .cars-slider .control-dots li.selected {
    background: #42A9E0;
}

.cars-list .car-entry .text {
    padding: 32px;
}

.cars-list .car-entry .text header {
    margin: 0 0 20px;
}

.cars-list .car-entry .text header p {
    margin: 0 0 8px;
    font-size: 16px;
    color: #42A9E0;
    font-weight: 500;
}

.cars-list .car-entry .text header h3 {
    margin: 0;
    font-size: 24px;
    color: #fff;
}

.light-theme .cars-list .car-entry .text header h3 {
    color: #000;
}

.cars-list .car-entry .text header h3 a {
    color: #fff;
}

.light-theme .cars-list .car-entry .text header h3 a {
    color: #000;
}

.cars-list .car-entry .text ul {}

.cars-list .car-entry .text ul li {
    margin: 0 0 10px;
    font-size: 14px;
    color: #66666e;
}

.cars-list .car-entry .text ul.rent-info li {
    margin: 0 10px 10px 0;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.cars-list .car-entry .text footer {
    margin: 24px 0 0;
}

.cars-list .car-entry .text footer a {
    font-size: 14px;
    color: #42A9E0;
    font-weight: 600;
}

.cars-list .car-entry .car-label {
    background: #000;
    padding: 6px 10px;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    border-radius: 4px;
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 1;
}

.cars-list .car-entry .car-label-rent {
    background: #AFE3FF;
    padding: 6px 10px;
    font-size: 12px;
    color: #000;
    font-weight: 700;
    display: inline-block;
    border-radius: 4px;
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 1;
}

.cars-list .btn-link-box {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    border-color: #42A9E0;
}

.light-theme .cars-list .btn-link-box {
    color: #000;
}

.car-detail {
    margin: 0 0 160px;
}

.car-detail .cars-slider {}

.car-detail .cars-slider img {
    width: 100%;
}

.car-detail header {
    margin: 80px 0 32px;
}

.car-detail header p {
    margin: 0 0 10px;
    font-size: 20px;
    color: #42A9E0;
}

.car-detail header p img {
    max-width: 20px;
    margin: 0 8px 0 0;
}

.car-detail header h1 {
    margin: 0;
    font-size: 40px;
    color: #fff;
}

.light-box .car-detail header h1 {
    color: #000;
}

.car-detail .text {}

.car-detail .text p {
    color: #fff;
}

.light-theme .car-detail .text p {
    color: #414c56;
}

.car-detail .text ul {
    margin: 0 0 30px;
}

.car-detail .text ul li {
    margin: 0 0 10px;
    color: #d9d9db;
}

.car-detail .text ul li strong {
    color: #fff;
}

.car-detail .text .rent-box {
    background: #000028;
    border: 1px solid #003963;
    border-radius: 10px;
}

.car-detail .text .rent-box .row {
    margin: 0;
    padding: 24px 24px;
}

.car-detail .text .rent-box h5 {
    margin: 18px 0 15px;
    font-size: 23px;
    color: #fff;
}

.car-detail .text .rent-box p {
    padding: 0 0 0 30px;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.car-detail .text .rent-box p span {
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.car-detail .text .rent-box img {
    max-width: 24px;
    position: absolute;
    bottom: 4px;
    left: 0;
}

.car-detail .text .rent-box>button {
    padding: 14px 10px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    width: 80%;
    margin: 0px 10% 7% 10%;
}

.light-theme .car-detail .text ul li {
    color: #414c56;
}

.light-theme .car-detail .text ul li strong {
    color: #000;
}

.car-detail .car-features {
    min-height: 64px;
    padding: 0 0 0 80px;
    font-size: 13px;
    color: #414c56;
    position: relative;
}

.car-detail .car-features figure {
    width: 64px;
    margin: 0;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.car-detail .car-features h3 {
    margin: 0;
    font-size: 16px;
    color: #000;
}

.tech-data {
    background: #010111;
    margin: 0 0 160px;
    padding: 80px 110px 40px 110px;
    text-align: center;
    border: 1px solid #003963;
    border-radius: 10px;
}

.light-theme .tech-data {
    background: #F2FBFF;
    border: 1px solid #acdaf3;
}

.tech-data .tech-data-entry {
    width: 100%;
    margin: 0 0 40px;
    display: inline-block;
    vertical-align: middle;
}

.tech-data.col-5 .tech-data-entry {
    width: 100%;
}

.tech-data .tech-data-entry h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #cccccf;
}

.light-theme .tech-data .tech-data-entry h3 {
    color: #000;
}

.tech-data .tech-data-entry p {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.light-theme .tech-data .tech-data-entry p {
    color: #000;
}

.equipment-list {
    max-width: 914px;
    margin: 0 auto 160px;
}

.equipment-list .equipment-entry {
    margin: 0 0 40px;
}

.equipment-list .equipment-entry h3 {
    font-size: 16px;
    font-weight: 600;
}

.equipment-list .equipment-entry ul {
    margin: 0 -12px;
    column-count: 2;
}

.equipment-list .equipment-entry ul li {
    margin: 0 0 12px;
    padding: 12px 12px;
    position: relative;
    overflow: hidden;
}

.equipment-list .equipment-entry ul li:after {
    content: '';
    background: #AFE3FF;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 12px;
    left: 12px;
}

.tips-box {
    max-width: 1150px;
    margin: 0 auto 160px;
}

.tips-box .tips-data-entry {
    background: #010111;
    padding: 24px;
    color: #9999a3;
    border: 1px solid #003963;
    border-radius: 10px;
}

.tips-box .tips-data-entry figure {
    margin: 0 0 20px;
}

.tips-box .tips-data-entry h3 {
    font-size: 20px;
    color: #fff;
}

.faq-section {
    margin: 0 0 160px;
}

.accordion-list {
    max-width: 680px;
    margin: 0 auto;
}

.accordion-list .panel {
    background: none;
    margin: 0 0 16px;
    box-shadow: none;
}

.accordion-list .panel .panel-heading {
    background: none;
    padding: 0;
    border: none;
    position: relative;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordion-list .panel .panel-heading:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f067';
    font-size: 18px;
    color: #42A9E0;
    font-size: 300;
    position: absolute;
    top: 16px;
    right: 22px;
}

.accordion-list .panel .panel-heading:hover {
    background: #AFE3FF;
}

.accordion-list .panel .panel-heading h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.light-theme .accordion-list .panel .panel-heading h4 {
    color: #000;
}

.accordion-list .panel .panel-heading h4 a {
    padding: 22px 24px 18px;
    color: #fff;
    text-decoration: none;
    display: block;
    border: 1px solid #fff;
    border-bottom: none;
}

.light-theme .accordion-list .panel .panel-heading h4 a {
    border: 1px solid #AFE3FF;
    border-bottom: none;
    color: #000;
}

.accordion-list .panel .panel-collapse {
    border: 1px solid #fff;
    border-top: none;
}

.light-theme .accordion-list .panel .panel-collapse {
    border: 1px solid #AFE3FF;
    border-top: none;
}

.accordion-list .panel .panel-collapse .panel-body {
    border: none;
    color: #fff;
}

.light-theme .accordion-list .panel .panel-collapse .panel-body {
    color: #000;
}

/* Footer */

#footer {
    background: #000018;
    padding: 90px 0 50px;
    text-align: center;
    position: relative;
    border-radius: 50px 50px 0 0;
    position: relative;
    margin-top: 20px
}

.light-theme #footer {
    background: #f9fdff;
}

#footer:before {
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b3a5a+0,1b3a5a+30,1b3a5a+70,1b3a5a+100&0+0,1+30,1+70,0+100 */
    background: linear-gradient(to right, rgba(27, 58, 90, 0) 0%, rgba(27, 58, 90, 1) 30%, rgba(27, 58, 90, 1) 70%, rgba(27, 58, 90, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 1px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

#footer:after {
    content: '';
    background-image: url('../img/footer-effect.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.is-logged #footer {
    padding: 90px 0 50px;
}

/* #footer:before{
    content: '';
    background: #2b3561;
    width: 100%;
    max-width: 1070px;
    margin: 0 auto;
    height: 1px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

#footer:after{
    content: '';
    background-image: url('../img/footer-bgr.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 23%;
    margin: 0 0 -250px;
    padding: 0 0 63%;
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: -1;
} */

#footer>* {
    position: relative;
    z-index: 1;
}

#footer-logo {
    margin: 0 auto 38px;
}

#footer-logo .footer-light-logo {
    display: none;
}

.light-theme #footer-logo img {
    display: none;
}

.light-theme #footer-logo img.footer-light-logo {
    display: inline-block;
}

#footer .navbar-nav {
    margin: 0 auto 38px;
    float: none;
    text-align: center;
}

#footer .navbar-nav>li {
    display: inline-block;
    float: none;
}

#footer .navbar-nav>li a {
    color: #fff;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-shadow: none !important;
}

.light-theme #footer .navbar-nav>li a {
    color: #000;
}

#footer .navbar-nav>li a:hover,
#footer .navbar-nav>li a:focus {
    background: none;
    color: #b4b4b5;
    text-shadow: none !important;
}

#footer .footer-copyright {
    margin: 0 auto 50px;
    font-size: 12px;
    color: #34c6f4;
}

#footer .sticky-footer-menu {
    background: #0e1025;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
}

#footer .sticky-footer-menu ul {
    width: 100%;
    display: table;
}

#footer .sticky-footer-menu ul li {
    width: 1%;
    display: table-cell;
    vertical-align: bottom;
}

#footer .sticky-footer-menu ul li a {
    padding: 11px 5px 15px;
    font-size: 12px;
    color: #35c7f5;
    text-align: center;
    display: inline-block;
}

#footer .sticky-footer-menu ul li.active a {
    background: #33c5f3;
    color: #fff;
    border-radius: 20px 20px 0 0;
}

#footer .sticky-footer-menu ul li a svg {
    margin: 0 auto 10px;
    fill: #35c7f5;
    display: block;
}

#footer .sticky-footer-menu ul li.active a svg {
    fill: #fff;
}

.msngr-box.offset iframe {
    bottom: 100px !important;
}

.d-none {
    display: none;
}

/*Sprite*/

.sprite {
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
}

.package {
    background-position: 0 0;
    width: 36px;
    height: 50px;
}

.statistics {
    background-position: -44px 0;
    width: 45px;
    height: 41px;
}

.network {
    background-position: -101px 0;
    width: 54px;
    height: 54px;
}

.target {
    background-position: -167px 0;
    width: 52px;
    height: 52px;
}

.members-icon {
    background-position: -76px -65px;
    width: 26px;
    height: 20px;
}

.star-icon {
    background-position: -77px -98px;
    width: 26px;
    height: 26px;
}

.verified-icon {
    background-position: -106px -65px;
    width: 26px;
    height: 26px;
}

.verified-icon-new {
    background-position: -106px -65px;
    width: 26px;
    height: 33px;
}


.verified-checked-icon {
    background-position: -136px -65px;
    width: 38px;
    height: 31px;
}

.upload-icon {
    background-position: -180px -65px;
    width: 41px;
    height: 47px;
}

.transfers-icon {
    background-position: 0 -125px;
    width: 93px;
    height: 93px;
}

.balance-icon {
    background-position: -97px -125px;
    width: 88px;
    height: 88px;
}

.fb-icon {
    background-position: -49px -65px;
    width: 5px;
    height: 11px;
}

.gp-icon {
    background-position: -49px -78px;
    width: 22px;
    height: 15px;
}

.fb-social-icon {
    background-position: -193px -125px;
    width: 9px;
    height: 16px;
}

.tw-social-icon {
    background-position: -207px -125px;
    width: 16px;
    height: 13px;
}

.li-social-icon {
    background-position: -226px -125px;
    width: 16px;
    height: 16px;
}

.main-office-icon {
    background-position: 0 -244px;
    width: 58px;
    height: 57px;
}

.office-icon {
    background-position: -64px -244px;
    width: 58px;
    height: 58px;
}

.contact-icon {
    background-position: -127px -244px;
    width: 58px;
    height: 55px;
}

.open-hour-icon {
    background-position: -190px -244px;
    width: 58px;
    height: 58px;
}

.btc-icon {
    background-position: 0px -332px;
    width: 44px;
    height: 44px;
}

.eth-icon {
    background-position: -52px -334px;
    width: 40px;
    height: 40px;
}

.bgn-icon {
    background-position: -100px -334px;
    width: 40px;
    height: 40px;
}

.news-list {
    margin: 0 -15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.news-list:after {
    content: '';
    display: block;
    clear: both;
}

.news-list .news-list-entry {
    /*    width: 33.33%;
    margin: 0 0 50px;
    float: left; */
    margin-bottom: 20px;
}

.news-list .news-list-entry .article {
    background: #fff;
    height: 100%;
    /*    margin: 0 15px; */
    /* padding: 24px 22px 42px; */
    /* border: 1px solid #dfdfdf; */
    border-radius: 10px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* .news-list .news-list-entry .article:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
} */

.news-list .news-list-entry .article figure {
    background-image: url('../img/news-bgr.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 217px;
    margin: 0 0 24px;
    border-radius: 10px 10px 0 0;
    display: table;
    overflow: hidden;
}

.news-list .news-list-entry .article figure a {
    line-height: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.news-list .news-list-entry .article figure a img {
    /* -webkit-filter: grayscale(100%); */
    /* Safari 6.0-9.0 */
    /* filter: grayscale(100%); */
    /* -webkit-transition: all 0.3s ease-in-out; */
    /* -moz-transition: all 0.3s ease-in-out; */
    /* transition: all 0.3s ease-in-out; */
}

.news-list .news-list-entry .article figure a:hover img {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0-9.0 */
    filter: grayscale(0%);
}

.news-list .news-list-entry .article .article-box {
    padding: 0 22px 48px;
}

.news-list .news-list-entry .article h3 {
    font-family: 'eurostilebold';
    /*    font-family: 'montserratbold'; */
    font-size: 19px;
    color: #7a7a7a;
    font-weight: normal;
}

.news-list .news-list-entry .article h3 a {
    color: #7a7a7a;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.news-list .news-list-entry .article h3 a:hover {
    color: #34c6f4;
    text-decoration: none;
}

.news-list .news-list-entry .article .text {
    /*    font-family: 'open_sansregular'; */
    margin: 20px 0;
    font-size: 13px;
    color: #5a5a5a;
    font-weight: 300;
}

.news-list .news-list-entry .article .article-info {
    margin: 0;
    padding: 18px 22px 0;
    border-top: 1px solid #dfdfdf;
    position: absolute;
    bottom: 18px;
    right: 0;
    left: 0;
}

.news-list .news-list-entry .article .article-info:after {
    content: '';
    display: block;
    clear: both;
}

.news-list .news-list-entry .article .article-info time {
    /*    font-family: 'montserratbold'; */
    font-family: 'eurostilebold';
    max-width: 50%;
    font-size: 12px;
    color: #34c6f4;
    float: left;
}

.news-list .news-list-entry .article .article-info a {
    /*    font-family: 'montserratbold'; */
    font-family: 'eurostilebold';
    max-width: 50%;
    font-size: 12px;
    color: #34c6f4;
    float: right;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.news-list .news-list-entry .article .article-info a:hover {
    color: #000;
    text-decoration: none;
}

.article-full .text {
    color: #8f8f8f;
}

.article-full figure {
    background-image: url('../img/news-bgr.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 16px;
    text-align: center;
    border-radius: 20px;
}

.article-full time {
    font-family: 'eurostilebold';
    font-size: 12px;
    color: #34c6f4;
    display: inline-block;
}

.article-full {
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    width: 100%;
    min-height: 72px;
    margin: 0 0 20px;
    display: table;
    border-radius: 20px;
    color: #5a5a5a;
    overflow: hidden;
    padding: 20px;
    table-layout: fixed;
}

.article-full.visible-box {
    overflow: visible;
}

.article-full.article-mrg-btn {
    margin: 0 0 120px;
}

.article-full .article-title h1 {
    font-size: 34px;
    color: #0e1130;
}

.property-slider.offset-bottom+.article-full {
    padding-top: 200px;
}

.article-info-share {
    position: relative;
    z-index: 1;
}

.article-info-share:before {
    content: '';
    background: #b4bdc4;
    height: 1px;
    margin: 5px 0 0;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: -1;
}

.article-info-share .article-info {
    background: #fff;
    padding: 5px 25px 0 0;
    display: inline-block;
    vertical-align: top;
}

.article-info-share .article-share-box {
    background: #fff;
    padding: 0 0 0 25px;
    float: right;
}

.article-info-share .article-share-box a {
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: middle;
}

.p20 {
    padding: 20px;
}

.jetfinder-logo {
    height: 40px;
    margin-right: 10px;
    margin-top: -10px;
}

.jetfinder-text {
    font-size: 32px;
    display: 'inline-block';
    padding-top: 10px;
    /* font-family: 'eurostileblack'; */
}

.js-symbol-short-name {
    color: white !important;
}

.tv-ticker-item-last__short-name {
    color: white !important;
}

.profile-button.filter-by-type-order-button {
    margin-left: "5px" !important;
    width: auto !important;
    padding: 8px 0px !important;
    /* margin: 0px !important; */
    border-radius: 5px !important;
    margin-top: 15px !important;
    background-color: transparent !important;
    border: 1px solid transparent;
}

.white-border-table {
    border-spacing: 0 10px;
    /* Adds space between rows */
    background-color: transparent;
}

.white-border-table tr {
    background-color: #000;
    /* Adjust the row background color */
}

.white-border-table tr td {
    border-bottom: 1px solid white;
    /* Optional: still keep the bottom border */
    padding: 10px;
}

.white-border-table td {
    background-color: #1c1c1c;
    /* Adjust the cell background color */
}


.white-border-table {
    border-spacing: 0 10px;
    /* Adds space between rows */
    background-color: #000018;
    width: 100%;
    /* Ensure the table takes full width */
    table-layout: fixed;
    /* Make sure all columns are equal in width */
}

.white-border-table tr {
    background-color: transparent;
    /* Make the row background transparent */
    height: 60px;
    /* Add a fixed height for uniformity */
}

.white-border-table tr td {
    padding: 10px;
    border-bottom: 1px solid white;
    vertical-align: middle;
    background-color: transparent;
    text-align: right;
}

.white-border-table a.btn-link-box-new {
    width: 80px;
    /* Ensure consistent width */
    text-align: center;
    /* Center the text inside the button */
    display: flex;
    /* Use flexbox to ensure proper alignment */
    justify-content: center;
    /* Center the button horizontally */
    align-items: center;
    /* Center the button vertically */
    margin: 0 auto;
    /* Center horizontally if necessary */
}

.white-border-table tr:last-child td {
    border-bottom: none;
    /* Remove border for the last row */
    padding: 10px;
}


.commission-modal-wrapper {
    display: flex;
    align-items: center;       /* Centers the modal vertically */
    justify-content: center;    /* Centers the modal horizontally */
    width: 100%;
    height: 100vh;
    background-color: transparent;
    position: absolute;
    top: 0;
    z-index: 10;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.commission-modal {
    width: 800px;
    position: relative;
}

.commission-modal-card {
    border-radius: 10px;
    width: 800px;
    border: 4px solid white;
    background-color: black;
    text-align: center;
    padding: 0;
}

.modal-card-text {
    color: white;
    font-size: 20px;
}

.modal-card-text button {
    border: none;
    color: white;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #ffffff7a;
    border-radius: 10px;
    padding: 6px 10px;
}

.modal-card-text strong {
    font-size: 41px;
    /* font-size: 72px; */
    background: -webkit-linear-gradient(#ffea00, #595959);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 200;
    font-size: 50px;
    /* font-size: 72px; */
    background: -webkitlinear-gradient(#ffea00, #595959);
    background: linear-gradient(357deg, #ff9b28, #ffe2c1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* font-family: fantasy; */
    font-family: Impact, fantasy, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

/* Media Queries */

@media (max-width: 800px) {
    .login-video-wrapper {
        display: none;
    }
}

@media (max-width: 705px) {
    .navigation-horizontal-menu {
        display: none;
    }

    .input-icon .label-animated .form-action-input-field.reduce-padding {
        width: 250px !important;
        font-size: 22px !important;
        padding: 0px 15px !important
    }

    .change-input-button {
        right: 12%;
        margin-top: -13px;
    }

    .coin-title-input {
        left: 8px !important;
        top: 19px !important;
    }

    .payments-wrapper-new label {
        width: 100% !important;
    }


}

@media (max-width: 500px) {
    .profile-page-new-wrapper {
        padding: 32px 30px
    }

    .wallet-overview-wrapper {
        padding: 32px 30px;
    }

    .wallet-accounts-wrapper {
        padding: 30px 30px;
    }

    .wallet-accounts-wrapper .action-buttons-wrapper {
        margin-right: 0px !important;
    }

    .notice-new.buy-notice {
        margin-bottom: 80px !important;
    }

    .notice-new.large-buy-notice {
        margin-bottom: 110px !important;
        text-align: center !important;
    }

    .apply-promocode-button-new {
        background-color: transparent;
        border: none !important;
        border-left: 1px solid !important;
        padding-left: 3%;
        position: absolute;
        right: 8%;
        top: 8px;
        height: 35px;
        font-size: 15px;
        z-index: 1;
    }

    .input-search-currency {
        width: 90%;
    }

    .account-action-buttons-new-wrapper {
        display: flex;
        justify-content: flex-start;
        position: relative;
        left: -15px !important;
        padding: 0px !important;
    }
}

.wallet-action-button .btn {
    padding: 3px 8px!important;
}

@media (max-width: 992px) {
    .wallet-action-button .btn {
        width: 125px;
        margin-bottom: 5px;
    }

    .wallet-action-button {
        margin-left: 0px;
    }

    .wallet-action-buttons-wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-evenly;
        margin: 0px 0px 10px;
        padding-bottom: 20px;
        /* border-bottom: 1px solid #257199; */
    }

    .info-figure-wrapper {
        border-bottom: 1px solid #257199;
    }

    .info-figure-wrapper.crypto-info-list-box {
        border-bottom: none !important;
    }

    .account-balance-numbers span {
        font-size: 30px !important;
    }

    .payment-field-wrapper {
        width: 100% !important;
    }

    .deposit-info-box-new {
        width: 100%;
    }

    .payments-wrapper-new {
        width: 100%;
    }

    .payment-field-title {
        width: 100%;
    }

    .profile-page-box ol {
        text-align: center;
    }

    .settings-section-wrapper {
        margin: 0px 15px 32px;
    }

    .payments-wrapper-title {
        width: 100% !important;
    }
}

@media (max-width: 600px) {
    .change-password-field-wrapper .help-block.with-errors {
        color: rgb(255, 97, 93);
        position: absolute !important;
        /* margin-bottom: 8px; */
        top: 73px !important;
        text-align: right;
        font-size: 11px;
    }

    .change-password-field-wrapper {
        margin-bottom: 23px;
    }
}

@media all and (max-width: 1420px) {

    .intro-text {
        margin: 40px 0 0;
    }

    .custom-tabs {
        margin: 60px 0 100px;
    }

}

@media all and (max-width: 1199px) {

    #logo-main {
        margin: 8px 36px 0 0;
    }

    #navigation-box>button {
        display: inline-block;
    }

    #navigation-box ul {
        background: #000;
        min-height: 100vh;
        margin: 0;
        padding: 10vh 20px 20px;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: -20px;
        right: 0;
        left: 0;
        z-index: 9998;
    }

    #navigation-box.open ul {
        opacity: 1;
        visibility: visible;
    }

    #navigation-box ul li {
        margin: 0 0 25px;
        text-align: center;
        float: none;
        display: block;
    }

    #navigation-box>ul li.has-submenu>a {
        padding-right: 0;
    }

    #navigation-box>ul li.has-submenu>a:after {
        display: none;
    }

    #navigation-box ul li a {
        padding: 0;
        font-size: 22px;
        color: #fff;
    }

    #navigation-box>ul li.has-submenu>ul {
        background: none;
        width: auto;
        margin: 0 auto;
        display: block;
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    #navigation-box>ul li.has-submenu>ul li {
        width: 100%;
        display: block;
    }

    #navigation-box>ul li.has-submenu>ul li a {
        padding: 0;
    }

    #navigation-box>ul li.has-submenu>ul li a img {
        display: none;
    }

    #navigation-box>ul li.has-submenu>ul li a .title {
        color: #ccccce;
    }

    #navigation-box>ul li.has-submenu>ul li a .text {
        display: none;
    }

    #header .system-links {
        margin: 8px 40px 0 0;
    }

    .intro-crypto {
        margin: 20px 0 0;
    }

    .custom-tabs .tabs-top>span {
        color: #fff;
    }

    .custom-tabs .tabs-top ul li.active a,
    .custom-tabs .tabs-top ul li a:hover {
        background: #34c6f4;
    }

    .flight-search .time-input {
        border-radius: 4px;
        border-left: 1px solid #e5e5e5;
    }

}

@media all and (max-width: 991px) {

    body:before {
        display: none;
    }

    #logo {
        display: none;
    }

    #logo-mobile {
        max-width: 70%;
        display: inline-block;
    }

    #navigation {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    #navigation>button {
        height: 40px;
        display: block;
    }

    #navigation .navigation-box {
        margin: 10px 0 0;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 100%;
        right: 0;
        z-index: -100;
    }

    #navigation.show .navigation-box {
        opacity: 1;
        visibility: visible;
        z-index: 100;
    }

    #navigation .navigation-box>ul {
        background: #fff;
        width: 180px;
        padding: 10px;
        border-radius: 20px 0 20px 20px;
    }

    #navigation .navigation-box>ul:before {
        content: '';
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-bottom: 8px solid #fff;
        display: inline-block;
        position: absolute;
        bottom: 100%;
        right: 13px;
    }

    #navigation .navigation-box>ul li {
        margin: 0;
        display: block;
    }

    #navigation .navigation-box>ul li a {
        font-size: 13px;
        padding: 13px 20px 12px;
    }

    #navigation .navigation-box>ul li a,
    #navigation .navigation-box>ul li a:hover {
        background: none;
        font-size: 14px;
        color: #102c4d;
    }

    .login-options .social-icons>li {
        width: 100%;
        margin: 0 0 10px;
        float: none;
    }

    .login-options .social-icons>li:last-child {
        margin: 0;
    }

    .login-options .social-icons>li a {
        margin: 0 auto;
    }

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

    .custom-tabs>strong {
        margin: 0 0 20px;
        text-align: center;
        display: block;
        float: none;
    }

    .custom-tabs .tabs-top ul {
        margin: 0 auto;
    }

    .custom-tabs .tabs-top ul li {
        margin: 0 4px;
    }

    .profile-page-sidebar {
        margin: 20px 0 20px;
        border-radius: 20px;
    }

    .profile-page-sidebar .logo-profile {
        display: none;
    }

    .profile-page-sidebar .sidebar-box {
        padding-bottom: 0;
    }

    .profile-page-cont {
        margin: 0;
        border-radius: 20px;
    }

    .profile-page-sidebar .profile-usermenu>ul li:last-child {
        border-bottom: none;
    }

    .white-box .portlet-title {
        position: relative;
        z-index: 2;
    }

    .white-box .portlet-title>span {
        display: inline-block;
    }

    .white-box .portlet-title .nav-tabs,
    .white-box.new-style-tabs .portlet-title .nav-tabs {
        background: #fff;
        width: auto;
        margin: -10px 0 0;
        display: none;
        position: absolute;
        top: 100%;
        right: 20px;
        left: 20px;
        z-index: 1;
    }

    .white-box .portlet-title.open .nav-tabs,
    .white-box.new-style-tabs .portlet-title.open .nav-tabs {
        display: block;
    }

    .white-box .portlet-title .nav-tabs>li,
    .white-box.new-style-tabs .portlet-title .nav-tabs>li {
        float: none;
        display: block;
    }

    .white-box .portlet-title .nav-tabs>li a,
    .white-box.new-style-tabs .portlet-title .nav-tabs>li a {
        font-size: 14px;
    }

    .white-box .portlet-title .nav-tabs>li.active a:before,
    .white-box.new-style-tabs .portlet-title .nav-tabs>li.active a:before {
        display: none;
    }

    .white-box.transparent-box-new .portlet-title {
        position: relative;
        z-index: 2;
    }

    .white-box.transparent-box-new .portlet-title>span {
        display: inline-block;
    }

    .white-box.transparent-box-new .portlet-title .nav-tabs,
    .white-box.transparent-box-new.new-style-tabs .portlet-title .nav-tabs {
        background: #fff;
        width: auto;
        margin: -10px 0 0;
        display: none;
        position: absolute;
        top: 100%;
        right: 20px;
        left: 20px;
        z-index: 1;
    }

    .white-box.transparent-box-new .portlet-title.open .nav-tabs,
    .white-box.transparent-box-new.new-style-tabs .portlet-title.open .nav-tabs {
        display: block;
    }

    .white-box.transparent-box-new .portlet-title .nav-tabs>li,
    .white-box.transparent-box-new.new-style-tabs .portlet-title .nav-tabs>li {
        float: none;
        display: block;
    }

    .white-box.transparent-box-new .portlet-title .nav-tabs>li a,
    .white-box.transparent-box-new.new-style-tabs .portlet-title .nav-tabs>li a {
        font-size: 14px;
    }

    .white-box.transparent-box-new .portlet-title .nav-tabs>li.active a:before,
    .white-box.transparent-box-new.new-style-tabs .portlet-title .nav-tabs>li.active a:before {
        display: none;
    }

    .tab-title-offset {
        margin: 0 0 50px;
    }

    .white-box .portlet-body {
        padding: 40px 20px;
    }

    .white-box.transparent-box-new .portlet-body {
        padding: 40px 20px;
    }

    .contact-page-info-cont .col-md-6:first-child .contact-page-info:after {
        display: none;
    }

    .payment-info-box {
        margin: -26px -15px;
    }

    .crypto-list-box .text {
        padding: 16px 20px 0 20px;
    }

    .btn-holder-box {
        margin: 0 -20px;
        display: none;
    }

    .open-btn-holder .btn-holder-box {
        display: block;
    }

    .jetfinder-logo {
        display: none;
    }

    .jetfinder-text {
        font-size: 14px;
    }

    #footer {
        padding: 90px 0 50px;
    }

    .is-logged #footer {
        padding: 90px 0 100px;
    }
}

@media all and (max-width: 767px) {

    #navigation {
        margin: 12% 0 0;
        position: absolute;
        top: 0;
        right: 20px;
    }

    #header .system-links li:nth-child(3) a {
        padding: 8px 15px;
    }

    .pos-static {
        position: static;
    }

    .form-cont .form-cont-footer p {
        display: block;
        float: none;
    }

    .form-cont .form-cont-footer a {
        float: none;
        display: inline-block;
    }

    .article-info-share .article-share-box {
        margin: 10px 0 0;
        padding: 0 25px 0 0;
        float: none;
    }

    .article-info-share .article-share-box a {
        margin: 0 10px 10px 0;
    }

    .article-full .article-title h1 {
        font-size: 28px;
    }

    #footer .navbar-nav>li a {
        font-size: 13px;
        padding: 5px 8px;
    }

    .infoFigureBox.defi-code>figure {
        width: 100%;
        display: block;
    }

    .infoFigureBox.defi-code .text {
        width: 100%;
        display: block;
    }

    .infoFigureBox.defi-code .text span input {
        margin: 10px 0px 0;
    }

    .infoFigureBox.defi-code .text span a {
        display: inline;
    }

    .btn-link.has-big-icon {
        min-height: 60px;
        padding-left: 30px;
        font-size: 20px;
        line-height: 26px;
        border-radius: 50px;
    }

    .btn-link.has-big-icon i {
        font-size: 16px;
        left: 10px;
    }

    .btn-link.has-arrow {
        padding-right: 30px;
    }

    .btn-link.has-arrow:after {
        right: 10px;
    }

    #page-intro h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .section-title-box {
        font-size: 32px;
    }


    .crypto-icon {
        display: flex;
        align-content: center;
        align-items: center;
    }

    .crypto-icon figure {
        width: 27px;
    }

    .crypto-icon strong {
        display: none;
    }

    .table-box-new {
        background: #000018;
        width: 100%;
        max-width: 720px;
        padding: 0px 18px;
        font-size: 14px;
        color: #a6a6ae;
        border: 1px solid #004f74;
        border-radius: 10px;
        border-collapse: inherit;
        ;
    }

    .table-box-new p {
        margin-bottom: none !important;
    }

    .btn-link-box-new {
        padding: 8px 8px;
        font-size: 14px;
        color: #ffffff;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        background-color: #42A9E0;
        border: 1px solid #42A9E0;
        border-radius: 4px;
        width: 80px !important;
    }

    /* .crypto-icon figure {
        display: none;
    } */

    /* .crypto-icon strong {
        display: none;
    } */
    .commission-modal {
        width: 99%;                /* Adjusted width for mobile */
        min-width: 340px;          /* Maximum width for smaller screens */
    }

    .commission-modal-card {
        width: 100%;               /* Full width of parent container */
        position: relative;        /* Remove absolute positioning for proper centering */
    }

    .modal-card-text {
        color: white;
        font-size: 20px;
    }

    .fire-icon-modal {
        font-size: 65px !important;
    }

    .modal-card-text strong {
        font-size: 41px;
        /* font-size: 72px; */
        background: -webkit-linear-gradient(#ffea00, #595959);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 200;
        font-size: 38px;
        /* font-size: 72px; */
        background: -webkitlinear-gradient(#ffea00, #595959);
        background: linear-gradient(357deg, #ff9b28, #ffe2c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: fantasy;
    }

    .deadline-modal {
        margin-top: 50px !important;
        font-size: 24px !important;
    }

    .final-text-modal {
        font-size: 35px !important;
        font-weight: 600 !important;
        margin-top: 40px !important;
    }
}

@media all and (max-width: 600px) {

    #navigation .navigation-box {
        text-align: center;
    }

    #navigation .navigation-box>ul {
        display: block;
    }

    #navigation .navigation-box>ul li {
        display: block;
    }

    #header .system-links {
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
        text-align: center;
    }

    #header .system-links li:nth-child(2) .select-dropdown-box {
        position: absolute;
        top: 10px;
        right: 35px;
    }

    #header .system-links li:nth-child(1) .select-dropdown-box {
        position: absolute;
        top: 10px;
        right: 130px;
    }

    #header .system-links li:nth-child(3) {
        display: block;
    }

    #header .system-links li:nth-child(3) a {
        margin: 0 5px;
        padding: 8px 15px;
    }

    .intro-text {
        margin: 0 0 40px;
    }

    .intro-crypto .intro-crypto-box {
        display: block;
    }

    .intro-crypto .intro-crypto-box .intro-crypto-entry {
        width: 100%;
        margin: 0 0 20px;
        display: block;
    }

    .intro-crypto .intro-crypto-box .intro-crypto-entry:last-child {
        margin: 0;
    }

    .intro-text h2 {
        margin: 0 0 40px;
        font-size: 28px;
    }

    .intro-text h2 span {
        font-size: 26px;
    }

    .benefit-box .benefit-entry {
        width: auto;
        margin: 0 0 50px;
        float: none;
    }

    .transcard.noeffect {
        margin: 0 0 40px;
    }

    .transcard.noeffect h1 {
        margin: 0 0 40px;
    }

    .transcard.noeffect .offset-img {
        margin: 0 auto 40px !important;
    }

    .btn-link {
        padding: 9px 26px 8px;
        font-size: 14px;
    }

    .inputsContainer {
        padding: 0;
    }

    .white-box .portlet-title .nav-tabs li a {
        padding: 25px 15px 20px;
        font-size: 14px;
    }

    .white-box.transparent-box-new .portlet-title .nav-tabs li a {
        padding: 25px 15px 20px;
        font-size: 14px;
    }

    .profile-page-cont .profile-page-box {
        padding: 15px;
    }

    .contact-page-info {
        padding: 15px;
    }

    .contact-page-info .figure {
        margin: 0 0 30px;
    }

    #message-list .panel-default .panel-heading h4 a {
        padding: 20px 40px 20px 0;
    }

    #message-list .panel-default .panel-heading h4 a span {
        width: 100%;
        border-right: none;
        text-align: left;
        position: relative;
        top: auto;
        left: auto;
    }

    /* .table-box-style tr th:nth-child(2),
    .table-box-style tr td:nth-child(2){
        display: none;
    } */
}

@media all and (max-width: 500px) {
    .infoFigureBox.deposit-address {
        display: block;
        word-wrap: break-word;
    }
}

@media all and (max-width: 450px) {
    #navigation {
        margin: 18% 0 0;
    }
}

.transcard {}

.transcard>* {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    transform: translateX(-10%);
}

.transcard>*:nth-child(2n) {
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    transform: translateX(10%);
}

.transcard>*.animate,
.transcard.noeffect>* {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
}

.transcard.noeffect .offset-img {
    max-width: 60%;
    margin: 0 auto;
}

.transcard h1 {
    font-family: 'eurostilemedium';
    font-size: 46px;
    color: #042c47;
}

.transcard.noeffect h1 {
    font-size: 36px;
    color: #fff;
}

.transcard h1 span {
    color: #00b4f4;
}

.transcard.noeffect h1 span {
    color: #fff;
}

.transcard h2 {
    font-family: 'eurostilemedium';
    margin: 80px 0 40px;
    font-size: 46px;
    color: #00b4f4;
}

.transcard h3 {
    font-family: 'eurostilemedium';
    margin: 40px 0 70px;
    font-size: 32px;
    color: #042c47;
}

.form-control.placeholder-no-fix.form-action-input-field {
    border: none !important;
    border-bottom: 1px solid #257199 !important;
    text-align: center !important;
    font-size: 58px;
    font-family: "apparat", sans-serif;
    height: auto !important;
    padding: 0px 40px !important;
    width: 100% !important;
    margin: auto !important;
}

.transcard .card-benefit {}

.transcard .card-benefit figure {
    background: none;
    margin: 0;
}

.transcard .card-benefit .text {
    background: #fff;
    max-width: 284px;
    margin: -70px auto 50px;
    padding: 90px 30px 47px;
    font-size: 22px;
    color: #06a9e8;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}

.transcard .card-benefit .text.less-padding {
    padding: 90px 30px 17px;
}

.transcard ul {
    margin: 50px 0;
}

.transcard ul li {
    padding: 0 0 0 70px;
    font-size: 16px;
    color: #06a9e8;
    position: relative;
}

.transcard ul li:before {
    content: '';
    background: #00b4f4;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 8px;
    left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.transcard ul li span {
    color: #1f0e46;
    font-weight: 700;
    display: block;
}

.transcard .full-width {
    display: block;
}

.transcard .full-width img {
    width: 100%;
    max-width: none;
}

.font-26 {
    margin: 0 0 26px;
    font-size: 26px;
}

.font-20 {
    margin: 0 0 20px;
    font-size: 20px;
}

.property-logo-buy {
    margin: 60px 0;
}

.property-logo-buy .logo-entry {
    width: 104px;
    padding: 6px;
    border: 1px solid #d1d2d3;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 20px;
}

.property-logo-buy .logo-entry img {}

.row.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}


.vip-wrap {
    margin: auto !important;
    width: fit-content;
}

.vip-wrap img {
    height: 150px
}

.vip-list li {
    list-style: circle !important;
}

.vip-header {
    font-size: 20px;
}

.vip-program-hading-title {
    font-size: 26px;
}



@media (max-width: 600px) {

    .vip-program-wrapper {
        margin-bottom: 40px !important;
    }

    .vip-header {
        font-size: 16px;
    }

    .vip-program-hading-title {
        font-size: 18px;
    }
}

@media all and (min-width: 768px) {


    .transcard ul li {
        font-size: 22px;
    }

    .verification-toolbar ul {
        width: 100%;
        display: table;
    }

    .verification-toolbar ul li {
        margin: 0;
        padding: 0 20px;
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }

    .verification-toolbar ul li:nth-child(2):before {
        content: '';
        background: #fff;
        width: 40px;
        height: 2px;
        margin: -1px -20px 0 0;
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 100%;
    }

    .verification-toolbar ul li:nth-child(2):after {
        content: '';
        background: #fff;
        width: 40px;
        height: 2px;
        margin: -1px 0 0 -20px;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 100%;
    }

    .verification-toolbar ul li>div {
        text-align: center;
    }

    .bottom-text {
        font-size: 26px;
    }

    .tech-data .tech-data-entry {
        width: 50%;
    }

    .tech-data.col-5 .tech-data-entry {
        width: 50%;
    }
}

@media all and (min-width: 992px) {

    .order-cols-left {
        float: left;
    }

    .order-cols-right {
        float: right;
    }

    .tabs-separate ul {
        background: #102c4d;
        width: 100%;
        border-radius: 50px;
        display: table;
        table-layout: fixed;
    }

    .tabs-separate ul li {
        background: none;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        border: none;
        float: none;
    }

    .tabs-separate ul li a {
        color: #fff;
        border: none !important;
    }

    .tabs-separate ul li.active a:after {
        content: '';
        margin: 0 0 0 -5px;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid #00b4f4;
        display: inline-block;
        position: absolute;
        top: 100%;
        left: 50%;
    }

    .profile-page-sidebar .profile-usermenu>ul li.active:before {
        content: '';
        background: #00b4f4;
        border-radius: 50px 0 0 50px;
        display: inline-block;
        position: absolute;
        top: 0;
        right: 100%;
        bottom: 0;
        left: -24px;
    }

    .infoFigureBox .show-hidden-holder {
        display: none;
    }

    #footer {
        padding: 90px 0 50px;
    }

    .is-logged #footer {
        padding: 90px 0 50px;
    }

    .sticky-footer-menu {
        display: none;
    }

    .msngr-box.offset iframe {
        bottom: 0 !important;
    }

    .tech-data .tech-data-entry {
        width: 33.33%;
    }

    .tech-data.col-5 .tech-data-entry {
        width: 33.33%;
    }
}

@media all and (min-width: 1200px) {
    .transcard {
        margin: 0 100px;
    }

    .transcard.noeffect {
        margin: 0;
    }

    .transcard .offset-img {
        max-width: 120%;
        margin: 0 0 0 -70px;
    }

    .transcard.noeffect .offset-img {
        max-width: 100%;
        margin: 0;
    }

    .transcard .full-width {
        margin: 0 -100px;
    }

    .verification-toolbar {
        padding: 25px 40px 25px 230px;
        border-radius: 30px;
        position: relative;
    }

    .verification-toolbar h3 {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 25px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .btn-holder-box {
        margin: -20px -20px 0px -20px;
    }

    .tech-data .tech-data-entry {
        width: 25%;
    }

    .tech-data.col-5 .tech-data-entry {
        width: 20%;
    }
}

@media all and (min-width: 1560px) {

    .container {
        width: 1530px;
    }

    .verification-toolbar ul li {
        margin: 0;
        padding: 0 40px;
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }

    .verification-toolbar ul li:nth-child(2):before {
        content: '';
        background: #fff;
        width: 80px;
        height: 2px;
        margin: -1px -40px 0 0;
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 100%;
    }

    .verification-toolbar ul li:nth-child(2):after {
        content: '';
        background: #fff;
        width: 80px;
        height: 2px;
        margin: -1px 0 0 -40px;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 100%;
    }

    .profile-page-sidebar .profile-usermenu>ul li a {
        font-size: 20px;
    }

}

/* upgrade browser */

#upgrade-browser {
    /*padding: 17px 30px 14px 10px;*/
    padding: 10px 60px;
    position: relative;
    z-index: 10000;
    text-align: center;
    background: #ffe490;
}

#upgrade-browser a {
    height: 50px;
    width: 50px;
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 0;
    vertical-align: middle;
    background: url('../img/browser-sprite.jpg') no-repeat -1000px 0;
}

#upgrade-browser a.chrome {
    background-position: 0px 0px;
}

#upgrade-browser a.ie {
    background-position: -50px 0px;
}

#upgrade-browser a.firefox {
    background-position: -100px 0;
}

#upgrade-browser a.opera {
    background-position: -150px 0;
}

#upgrade-browser a.safari {
    background-position: -200px 0;
}

#upgrade-browser span {
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    margin: 10px;
}

#upgrade-browser .close-warning {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background: url('../img/browser-sprite.jpg') no-repeat -250px 0;
}

/* end of upgrade browser */

/* chat icon */
.chat-icon-link {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    background-color: #007bff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s;
}

.chat-icon-link:hover,
.chat-icon-link:active,
.chat-icon-link:visited {
    background-color: #0056b3;
    text-decoration: none;
}

.chat-icon {
    color: #ffffff;
    font-size: 24px;
}

/* chat icon */

/* index partners */
.index-partner-section {
    text-align: right;
    margin-top: -50px;
}

.index-partner-section img {
    height: 100px;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .index-partner-section {
        text-align: center;
        margin-top: 0px;
        margin-bottom: 50px;
    }
}

 .wallet-actions-icons {
    display: flex;
    flex-wrap: nowrap;           
    align-items: center;
    justify-content: flex-end;   
    gap: 8px;                    
    overflow-x: auto;            
    -webkit-overflow-scrolling: touch;
    padding: 4px 0;
  }
  
  .wallet-actions-icons::-webkit-scrollbar {
    height: 6px;                 
  }
  
  .icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;                 
    height: 36px;
    border-radius: 8px;
    text-decoration: none;
    background: rgba(255,255,255,0.06);
  }
  
  .icon-btn i {
    font-size: 16px;            
    line-height: 1;
  }
  
  .bx-dropdown-menu { display: block !important; }

  .bx-dropdown-menu .btn {
    display: block;
    width: 100%;
    text-align: center;     /* или left, ако така са основните */
    border-radius: 6px;
  }
  .bx-dropdown-menu .btn + .btn { margin-top: 8px; }
  
/* index partners */