/*---------------------------------------------------------------------
                               Fonts
-----------------------------------------------------------------------*/

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Extrabold.woff2') format('woff2'),
    url('../fonts/Gilroy-Extrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.woff2') format('woff2'),
    url('../fonts/Gilroy-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.woff2') format('woff2'),
    url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Semibold.woff2') format('woff2'),
    url('../fonts/Gilroy-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.woff2') format('woff2'),
    url('../fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
    url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*---------------------------------------------------------------------
                               General
-----------------------------------------------------------------------*/

html{
    overflow-x: hidden;
}
body {
    font-family: 'Gilroy';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
}
form{
    margin-bottom:0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    color: #1E1A19;
}
a{
    color:#5BC99C;
    text-decoration:none;
}
a:hover{
    color:#5BC99C;
    text-decoration:none;
}
.breadcrumb{
    background: none;
    padding:0;
}
.header-nav .navbar-nav li.active a:not(.nav-link-btn) {
    color:#5BC99C;
}
/* Headings */
h1 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
}
h2 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
}
h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 40px;
}

.page-heading{
    font-size: 30px;
    font-weight:bold;
    line-height:normal;
}
.header-line{
    display:flex;
    align-items: center;
}

.img-circle{
    border-radius:50%;
}
.hide {
    display: none !important;
}
.tab-pane > .alert{
    margin-bottom:0;
}

#content {
    width: 100%
}

@media (min-width: 992px) {
    #content {
        width: calc(100% - 232px);
    }

    .content_login {
        width: 100% !important
    }
}
/* Lists */
.list{
    padding:20px 0 0 15px;
    list-style:none;
}
.list-item{
    position:relative;
    font-size:16px;
    font-weight: 300;
}
.list-item:after{
    content:"";
    position:absolute;
    width: 5px;
    height: 5px;
    background-color: #4491fd;
    border-radius:50%;
    left:-20px;
    top:10px;
}
.small, small{
    font-size:12px;
}
/* form-control */
.form-control {
    border-color: #96A6B6;
    border-radius: 8px;
}
.form-control[disabled].error{
    border-color: #D9E2EF;
}
.form-control:focus {
    border-color:#aebef5;
}
.form-control::-webkit-input-placeholder { /* Edge */
    color: #96A6B6;
    font-weight: 500;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #96A6B6;
    font-weight: 500;
}

.form-control::placeholder {
    color: #96A6B6;
    font-weight: 500;
}
.form-control.error{
    border: 1px solid #FF4E79;
}
.form-control.error + label.error, label.error{
    font-size: 13px;
    font-weight: 500;
    color: #FF4E79;
    flex-basis: 100%;
}

.form-select-wrapper {
    position: relative;
}

.form-select-wrapper::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.5em solid;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent;
}

.form-checkbox {
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    width: 24px;
    height: 24px;
}

.form-checkbox input {
    opacity: 0;
    position: relative;
    z-index: -1;
}

.form-checkbox input ~ span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('img/checkbox.svg') no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.form-checkbox input:checked ~ span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('img/checkbox-checked.svg') no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

div.error {
    font-size: 14px;
    font-weight: 500;
    color: #FF4E79;
    position: absolute;
}

.form-control.selectpicker.error + label.error{
    position:absolute;
}
.form-control.selectpicker.error + label.error + .btn{
    border: 1px solid #FF4E79;
}
.form-control.selectpicker.error + label.error + .btn:before{
    background:#ff4e79;
}

.form-control.error + label.error, label.error {
    position: absolute !important;
    top: 95%;
    left: 0;
}

.errorContainer label.error{
    font-size: 14px;
    font-weight: 500;
    color: #FF4E79;
    position:absolute;
}
.form-group{
    position:relative;
    margin-bottom: 15px;
}

.form-select , #date_range {
    border-radius: 4px;
    border: 1px solid #D9E2EF;
}

.button.text-transform-none, .text-transform-none{
    text-transform:none;
}

.copy-group{
    display:flex;
}
.copy-group input{
    height:48px;
}
.copy-group .clipboard-btn{
    width:auto;
    align-items:center;
    display: flex;
}
.copy-group .form-control{

}
label{
    font-weight: bold;
}

.font-regular{
    font-weight:500;
}
.font-medium{
    font-weight:600;
}
.font-bold{
    font-weight:bold;
}

.fs-14{
    font-size:14px;
}
.fs-15{
    font-size:15px;
}
.fs-16{
    font-size:16px;
}
.fs-17{
    font-size:17px;
}
.fs-18{
    font-size:18px;
}
.fs-20{
    font-size:20px;
}
.fs-22{
    font-size:22px;
}
.fs-32{
    font-size:32px;
}

.pl-0 {
    padding-left: 0 !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.text-success{
    color:#5BC99C !important;
}
.dropdown-menu{
    border-color:#D9E2EF;
}

.preloader-item{
    min-height:342px;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;

}

/* Checkboxes */
.checkbox-custom, .radio-custom {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.checkbox-custom label:empty {
    padding-left: 0;
}
.checkbox-custom label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    vertical-align: middle;
}
.checkbox-custom label, .radio-custom label {
    min-height: 22px;
    margin-bottom: 0;
    font-weight: 300;
    cursor: pointer;
}
.checkbox-primary input[type=radio]:checked+label::after, .checkbox-primary input[type=checkbox]:checked+label::after {
    color: #fff;
}
.checkbox-custom input[type=radio]:checked+label::after, .checkbox-custom input[type=checkbox]:checked+label::after {
    font: normal normal normal 14px/1 FontAwesome;
    ont-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f00c";
}
.checkbox-custom label::after {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-top: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #76838f;
    text-align: center;

}
.checkbox-primary input[type=radio]:checked+label::before, .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #62a8ea;
    border-color: #62a8ea;
}
.checkbox-custom input[type=radio]:checked+label::before, .checkbox-custom input[type=checkbox]:checked+label::before {
    border-color: #e4eaec;
    border-width: 10px;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.checkbox-custom label::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top:2px;
    content: "";
    background-color: #fff;
    border: 2px solid #D9E2EF;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.checkbox-custom input[type="checkbox"]{
    visibility:hidden;
}
.checkbox-primary input[type=radio]:checked+label::before, .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #0CCBBE;
    border-color: #0CCBBE;
}




/* Radio
----------------------------------- */
.radio input[type="radio"]{
    display:none;
}
.radio {
    padding-left: 5px;
    overflow:hidden;
}
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 35px;
    font-weight:500;
    font-size: 16px;
    color:#000000;
    cursor:pointer;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    width: 20px;
    height: 20px;
    left: 0;

    border: 2px solid #1F2A50;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out;
    transition: border 0.3s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    content: " ";
    width: 10px;
    height: 10px;
    left: 5px;
    top: 3px;

    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1) translateY(-50%);
    -ms-transform: scale(1, 1) translateY(-50%);
    -o-transform: scale(1, 1) translateY(-50%);
    transform: scale(1, 1) translateY(-50%);
    top:50%;
}
.radio input[type="radio"]:disabled {
    cursor: not-allowed;
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
    background-color: #1F2A50;
    position: absolute;
    top:50%;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #1F2A50;
    position: absolute;
    top:50%;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #1F2A50;
    position: absolute;
    top:50%;
}





/* Disable default outline */
.btn, .form-control, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
    box-shadow: none !important;
    outline: none !important;
}

/* Dropdowns */
.bootstrap-select .dropdown-menu li a.opt{
    padding-left: 20px;
}
.dropdown-divider {
    border-color: #d7dee4;
}

.dropdown-item{
    padding: 9px 13px;
    display: flex;
    align-items: center;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: transparent;
    color:#F8794B;
}

.team_menu .dropdown-item{
    padding: 8px;
    display: block;
}

.team_menu hr{
    margin: 2px 8px;
}

.team_menu_header {
    position: absolute;
    left: 50px;
    top: 20px;
}

@media (max-width: 991px) {
    .team_menu_header {
        position: relative;
    }
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{
    background-color: #f0f2fe;
    border-color: #f0f2fe;
}
.button, .button-outline{
    transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #333333;
    cursor:pointer;
}
.bootstrap-select>.dropdown-toggle{
    background:transparent;
}


/* Text colors */
.text-blue{
    color: #1F2A50;
}
.text-dark{
    color: #1F2A50;
}
.text-white{
    color: #ffffff;
}
.text-green{
    color:#0CCBBE;
}
.text-red{
    color:#FF4E79;
}

.text-orange{
    color: #F8794B;
}
.text-grey{
    color: #96A6B6;
}

.text-underline{
    text-decoration: underline;
}
.fs-16{
    font-size:16px !important;
}
.fs-14{
    font-size:14px !important;
}
.fs-12{
    font-size:12px !important;
}



/*----------------------------------------------------------------------
                        Buttons
-----------------------------------------------------------------------*/

/* Default button */
.button:focus,
button:focus{
    outline:none;
}
.button {
    color: #fff;
    padding: 16px 36px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    text-align:center;
    border-radius: 8px;
    background: #5BC99C;
    font-size: 16px;
    border: solid 2px #5BC99C;
    white-space: nowrap;
}

.button:hover,
.button:focus {
    color: #ffffff;
    background: #429473;
    border-color: #429473;
}

button.text-green:hover,
button.text-green:focus {
    color: #5BC99C;
}


.button.btn-warning {
    background: #ffc107;
    border: solid 2px #ffc107;
    color:#333;

}

.button.btn-warning:hover,
.button.btn-warning:focus {
    background: #e0a800;
    border-color: #e0a800;
    color:#333;
}
.btn{
    font-weight: 500;
}

.btn-outline-dark:hover{
    background:transparent;
}
.scroll-top{
    position:fixed;
    right:10%;
    bottom:10%;
    display:none;
}
.button[disabled]{
    opacity:0.4;
    cursor:default;
}
.disabled{
    opacity:0.4;
    cursor:default;
    pointer-events:none;
}
/* button White Icon */

.button.button-icon i {
    margin-left:10px;
}

/* Outline button */
.button.button-outline {
    color: #1F2A50;
    border-radius: 8px;
    border: solid 2px #1F2A50;
    background:#ffffff;
}
.button.button-outline:hover {
    background:#ffffff;
    border-color:#2c3d75;
    color:#2c3d75;
}
.button.button-medium{
    padding: 10px 36px;
}
.button.button-small{
    padding: 0 10px;
    border-radius: 8px;
    text-transform:none;
    font-size: 14px;
    font-weight:600;
    min-width:auto;
}
.button.button-small .icon{
    margin-right:7px;
}
/*button secondary*/
.button.button-secondary{
    border-radius: 8px;
    border: solid 2px #6c757d;
    background:#6c757d;
    color: #fff;
}
.button.button-secondary:hover {
    background:#545b62;
    border-color:#545b62;
    color:#fff;
}

.button-outline.button-green{
    border-color:#0CCBBE;
    color:#0CCBBE;
}
.button-outline.button-orange{
    border-color:#f08b17;
    color:#f08b17;
}
/* button green */
.button-green{
    background: #0CCBBE;
    border-color:#0CCBBE;
}
.button-green:hover{
    background: #23bfb0;
    border-color:#23bfb0;
}
/* button orange */
.button-orange{
    background: #F8794B;
    border-color:#F8794B;
}
.button-orange:hover{
    background: #d46138;
    border-color:#d46138;
}
a.button.button-orange:focus, .button.button-orange:focus{
    background: #d46138;
    border-color:#d46138;
}

.button-dark{
    background: #1F2A50;
    border-color:#1F2A50;
}
.button-dark:hover{
    background: #364680;
    border-color:#364680;
}
a.button.button-dark:focus{
    background: #1F2A50;
    border-color:#1F2A50;
}

/* button azure */
.button-outline.button-azure {
    border-color: #2f8af2;
    color: #177cf0;
}
.button-azure:hover{
    background: #364680;
    border-color:#364680;
}
a.button.button-azure:focus{
    background: #1F2A50;
    border-color:#1F2A50;
}

/* button action */
.button.button-action{
    padding: 6px 16px;
    min-width: auto;
    border-width:1px;
    border-radius:6px;
    font-size:14px;
}
.button.button-action:hover{
    text-decoration:none !important;
}
.button.button-action i{
    font-size:14px;
}

@media (max-width: 991px) {
    .button {
        padding: 12px 30px;
        font-size: 14px;
    }
}


/* button eye */
.button-eye{
    position:absolute;
    z-index:1;
    display: flex;
    top: -3px;
    right: -8px;
    padding: 16px 21px;
    border-radius: 8px;
    cursor:pointer;
}

.button-eye .eye-icon{
    display:none;
}
.button-eye.active .eye-icon{
    display:block;
}
.button-eye.active .hidden-eye-icon{
    display:none;
}

/* button naked */

.button-naked{
    font-weight: bold;
    font-size: 18px;
    border: none;
    background: none;
    cursor: pointer;
    align-self:center;
    padding:10px 0;
}

/* back link item */
.back-link-item{
    display: inline-flex;
    text-decoration: none;
    padding: 13px 10px 10px 10px;
    margin-right:5px;
    margin-left:-10px;
}

.back-link-item .fa{
    font-size:14px;
    color:#1F2A50;
}
.back-link-item:hover{
    background: #FAFCFF;
    text-decoration:none;
}



.transfer-item{
    display:flex;
    align-items:center;
    margin-bottom:16px;
}
.transfer-item .text-item{
    display:flex;
    align-items:center;
}
.transfer-item .text-item .crypto-logo{
    margin:0 5px;
}
.transfer-item .text-item{
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
}
/* address-item */
.address-item{
    display:flex;
    padding:0 0 0 24px;
    border: 1px solid #D9E2EF;
    background: #F5F8FB;
    border-radius:8px;
    overflow:hidden;
    align-items:center;
    margin-bottom:25px;
}
.address-text{
    font-size: 18px;
    margin-right:30px;
    font-weight:500;
    width:100%;
    overflow:hidden;
}

/* Copy btn item */
.copy-btn-item{
    padding: 17px 34px;
    display:flex;
    align-items:center;
    cursor:pointer;
    border-left: 1px solid #edf0f6;
    background: #F8794B;
    transition: all 0.3s ease;
}
.copy-btn-item span{
    text-transform:uppercase;
    color:#ffffff;
    font-size: 18px;
    font-weight:bold;
}
.copy-btn-item .icon{
    margin-right:10px;
}
.copy-btn-item:hover{
    background: #d46138;
}


/* Copy info item */
.copy-info-item{
    display:none;
    width:calc(100% - 30px);
    position:absolute;
    z-index:1;
    margin:-7px 15px 0 0;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding:22px 22px 50px 22px;
    border: solid 1px #d8563c;
}
.copy-box-corner{
    position:absolute;
    top: -4px;
    right:55px;
    width:20px;
}
.copy-box-corner:before, .copy-box-corner:after{
    content:"";
    position:absolute;
    width:12px;
    display: block;
    height:7px;
    background:#ffffff;
    border-top: solid 1px #d8563c;
}
.copy-box-corner:before{
    right:0;
    transform: rotate(25deg);
}
.copy-box-corner:after{
    left:0;
    transform: rotate(-25deg);
}
.copy-info-item .copy-body .icon{
    position:absolute;
    left:0;
    top:2px;
}
.copy-info-item .copy-body{
    padding-left:30px;
    position:relative;
}

.copy-info-item h5{
    font-weight: 600;
    font-size: 16px;
}

.copy-info-item .copy-text{
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    word-break:break-all;
}
.copy-info-item .close-info{
    position:absolute;
    right:20px;
    bottom:15px;
    color: #F8794B;
    font-weight: 600;
    font-size: 16px;
    cursor:pointer;
}




/* JS confirm */
.jconfirm-box{
    margin-top: 15% !important;
}
.jconfirm-box-container.history-content .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    margin:20px 0 0 15px;
}
.jconfirm-box-container.history-content h5{
    margin-left: 15px;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.button{
    min-width:auto;
    font-size: 14px;
    font-weight:500;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{
    font-weight: 500;
    text-transform: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{
    font-weight: 500;
    text-transform: none;
    background:#5BC99C;
}

/* JS confirm  2 FA*/
#google-auth-tab-content .button{
    padding: .375rem .75rem;
    min-width:auto;
    border-radius:5px;
}
.alert-light{
    color:#333;
}

#google-auth-tab-list li a{
    color:#333;
    font-weight:500;
    font-size: 14px;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    font-weight:500;
    margin:20px 0 0 0;
}
.jconfirm-content .table td, .jconfirm-content .table th{
    padding: 10px 15px;
}

#google-auth-tab-list li a:hover{
    background-color: #f5f6f9;
}
#google-auth-tab-list li a.nav-link.active{
    background-color: #5bc99c;
    color:#ffffff;
}
#google-auth-tab-content{
    margin-top:30px;
}
#google-auth-tab-content .input-group .clipboard-btn{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0 15px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left:0;
}
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 47px;
    height: 26px;
    margin-bottom:0;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    border-radius: 34px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    border-radius: 50%;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked + .slider {
    background-color: #0CCBBE;
}

.switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
}




/*---------------------------------------------------------------------
                               Scrollbar
-----------------------------------------------------------------------*/


body::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

body::-webkit-scrollbar{
    width: 10px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb{
    background:#c6cad3;
    border-radius:5px;
}

/*---------------------------------------------------------------------
                                Loader
-----------------------------------------------------------------------*/
#loading { background-color: #ffffff; height: 100%; width: 100%; position: fixed; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; }
.boxLoading { width: 50px; height: 50px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.boxLoading:before { content: ''; width: 50px; height: 5px; background: #000; opacity: 0.1; position: absolute; top: 59px; left: 0; border-radius: 50%; animation: shadow .5s linear infinite; }
.boxLoading:after { content: ''; width: 50px; height: 50px; background: #fc7732; animation: animate .5s linear infinite; position: absolute; top: 0; left: 0; border-radius: 3px; }
@keyframes animate {
    17% { border-bottom-right-radius: 3px; }
    25% { transform: translateY(9px) rotate(22.5deg); }
    50% { transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 40px; }
    75% { transform: translateY(9px) rotate(67.5deg); }
    100% { transform: translateY(0) rotate(90deg); }
}
@keyframes shadow {
    0%, 100% { transform: scale(1, 1); }
    50% { transform: scale(1.2, 1); }
}
#loading #loading-center { margin: 0 auto; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.loader02 { width: 56px; height: 56px; border: 8px solid rgb(190, 194, 210); border-top-color: #1F2A50; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; top: 50%; margin: -28px auto 0; }
@keyframes loader-rotate {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

/* Small loader */
.loader-small { width: 20px; height: 20px; border: 2px solid rgba(85, 120, 242, 0.4); border-top-color: #5578F2; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; top: 50%; margin: -10px auto 0; }



/*---------------------------------------------------------------------
                               Back to Top
-----------------------------------------------------------------------*/
#back-to-top .top {
    z-index: 999;
    position: fixed;
    margin: 0px;
    color: #fff;
    background: #1e50e2;
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 999;
    font-size: 26px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 90px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#back-to-top .top:hover {
    background: #09b3ef;
    color: #fff;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.page-heading{
    padding:40px 0 30px 0;
}
.breadcrumb + .page-heading{
    padding-top:10px;
}
/*-----------------------
*	Header
-------------------------*/

.header-button {
    color: #0F162E;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 10px 24px;
    border-radius: 8px;
    border: 2px solid #1F2A50;
    transition: background .2s ease-in-out, color .2s ease-in-out;
}

.header-button:hover {
    color: #fff;
    background: #1F2A50;
}

.header-nav li a{
    text-decoration:none;
}
.nav-link-btn {
    font-size:16px;
    padding: 10px 24px;
    border-radius: 8px;
    color: #1F2A50;
    display: inline-block;
    border: 2px solid #1F2A50;
    font-weight: 300;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.nav-link-btn:hover{
    text-decoration:none;
    color:#2c3d75;
    border-color:#2c3d75;
    background-color:#ffffff;
}

/* Dropdown currency */
.dropdown-currency{
    min-width: 220px;
    background-color: #f9f9f9;
    max-height: 250px;
    overflow-y: scroll;

}

.dropdown-currency::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 5px;
}

.dropdown-currency::-webkit-scrollbar{
    width: 5px;
    background-color: #F5F5F5;
}

.dropdown-currency::-webkit-scrollbar-thumb{
    background:#c6cad3;
    border-radius:5px;
}

.dropdown-currency input{
    height:40px;
    width:calc(100% - 20px);
    margin:10px 10px 0 10px;

}

.dropdown-currency a{
    font-size:14px !important;
}
.dropdown-currency a img{
    height:20px;
}
/* // Dropdown currency */

.landing-page .header-nav .nav-link-btn:hover i{
    color:#2c3d75;
}
.landing-page .header-nav.fixed-header .navbar-nav > li > a i,
.landing-page .header-nav.fixed-header .navbar-nav > li.m-dropdown .m-dropdown-menu > li > a i{
    color:#2c3d75;
}
.landing-page .header-nav.fixed-header .navbar-nav > li > a:hover i{
    color:#ffffff;
}

.header-nav{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom:0.3px solid #D9E2EF;
}
.header-nav .navbar-brand{
    margin-right: 0;
}
.header-nav .navbar-brand .light-logo, .header-nav .navbar-brand .dark-logo{
    display: block;
    height: 35px;
    margin-right:50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.header-nav .navbar-nav li a{
    font-weight:bold;
}
.header-nav li .m-dropdown-toggle{
    color: #1F2A50;
    font-size:12px;
    vertical-align:middle;
    margin-left:5px;
}

.navbar-close{
    display:none;
    padding:5px;
    background:none;
    border:none;
    margin-left:auto;
}
.navbar-close i{
    font-size: 26px;
    color:#1F2A50;
    margin-top:3px;
}
.navbar-profile{
    display:none;
}
.nav-link .menu-icon{
    margin-right:10px;
}
.navbar-toggler.open span:before{
    content: "\f00d";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 26px;
    color:#1F2A50;
    right:5px;
    margin-top:3px;
}
.landing-page .header-nav .navbar-toggler.open span:before{
    color:#ffffff;
}
.landing-page .header-nav.fixed-header .navbar-toggler.open span{
    background: none;
    box-shadow: none;
}
.landing-page .header-nav.fixed-header .navbar-toggler.open span:before{
    color:#1F2A50;
}

/*--- marquee ---*/
.marquee{
    white-space:nowrap;
    overflow:hidden;
    background: #29325B;
    border-bottom: 0.3px solid #585e7d;
    margin-top: 2px;
    margin-left: -48px;
    margin-right: -48px;
}
.marquee p {
    color:#fff;
    font-size:18px;
    font-weight: 500;
    font-family: "Gilroy";
    display:inline-block;
    padding-left:100%;
    -webkit-animation: marquee 15s infinite linear;
    animation: marquee 15s infinite linear;
    margin-bottom: 0;
}
@-webkit-keyframes marquee {
    0%{-webkit-transform: translate(0, 0);}
    100%{-webkit-transform: translate(-100%, 0);}
}
@keyframes marquee{
    0%{transform: translate(0, 0);}
    100%{transform: translate(-100%, 0)}
}


/*-----------------------
	Exchange steps
-------------------------*/
.steps-container{
    padding: 20px 0;
    display:flex;
    margin:0;
}
.step-item{
    display:flex;
    margin-right:53px;
    align-items:center;
}
.step-item.active .step-number{
    background: #5BC99C;
    color:#ffffff;
    border: 1px solid #5BC99C;
}
.step-number{
    display: flex;
    align-items: baseline;
    justify-content: center;
    width:24px;
    min-width:24px;
    height:24px;
    box-sizing: border-box;
    border-radius:50%;
    position:relative;
    background: #E9F6F0;
    font-weight: 600;
    margin-right:10px;
}
.step-number span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -48%);
}
.step-checked{
    margin-right:10px;
}
.step-text{
    font-weight: 500;
    font-size: 14px;
}

.section-heading{
    font-family: 'Gilroy';
    font-size: 30px;
    line-height: 36px;
    font-weight: Bold;
    margin-bottom:40px;
    display:flex;
    align-items:center;
}
.section-heading .heading-title{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin: 12px 0 0 20px;
    margin-left:auto;
}
.heading-icon{
    margin-right:12px;
}

/* Qr item */
.qr-item{
    text-align:right;
}


/*STEPPER*/
.stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
        filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
    left: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.stepwizard .btn-circle {
    border-color: #ccc;
    background-color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    font-weight: 600;
}
.stepwizard .btn-circle[disabled]{
    cursor:not-allowed
}

.stepwizard .btn-circle + p small{
    font-weight: 500;
    font-size: 14px;
}
.stepwizard .btn-circle.btn-success {
    background-color: #5BC99C;
    color:#fff;
    border-color:#5BC99C;
}



/* Blink text */
.blink{
    -webkit-animation: blink 3s linear infinite;
    animation: blink 3s linear infinite;
    font-size: 14px;
    font-weight: 600;
}
@-webkit-keyframes blink {
    0% { color: rgba(178, 34, 34, 1); }
    50% { color: rgba(178, 34, 34, 0); }
    100% { color: rgba(178, 34, 34, 1); }
}
@keyframes blink {
    0% { color: rgba(178, 34, 34, 1); }
    50% { color: rgba(178, 34, 34, 0); }
    100% { color: rgba(178, 34, 34, 1); }
}

.blink_green {
    -webkit-animation: blink_green 3s linear infinite;
    animation: blink_green 3s linear infinite;
    font-size: 14px;
    font-weight: 600;
}
@-webkit-keyframes blink_green {
    0% { color: #000000; }
    50% { color: transparent; }
    100% { color: #000000; }
}
@keyframes blink_green {
    0% { color: #000000; }
    50% { color: transparent; }
    100% { color: #000000; }
}

.progress-status.progress-status-red{
    color: rgb(178, 34, 34);
}

.clipboardBtn{
    padding: 10px 12px;
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


/*-----------------------
	Exchange form
-------------------------*/
.counting-title{
    font-size: 14px;
}
.counting-title strong{
    font-weight:600;
}
.currency-error {
    color: #FF4E79;
}
#currencyErrorTitle {
    text-transform: capitalize;
}
#currencyErrorValue {
    text-transform: uppercase;
}

.exchange-container{
    background: #FFFFFF;
    border: 1px solid #D9E2EF;
    box-sizing: border-box;
    border-radius: 15px;
    padding:35px;
}
.exchange-container .info-container{
    margin-top:5px;
}
.exchange-container .form-label{
    line-height:inherit;
    margin-bottom:10px;
    font-weight: 500;
    font-size: 17px;
}

/*-----------------------
	Card data form
-------------------------*/
.card-data-container{
    margin-top:27px;
}


.main-heading{
    font-weight: 800;
    font-size: 42px;
    color:#ffffff;
    line-height: 130%;
}
.main-title{
    font-weight: 500;
    font-size: 18px;
    color:#ffffff;
}
/*-----------------------
	Exchange form
-------------------------*/

.exchange-section{
    padding:110px 0 210px 0;
    background: #29325B;
    /*background: radial-gradient(ellipse at bottom, #29325B 20%, #101323 100%);*/
    overflow:hidden;
}


/*-----------------------
	Top banner animation
-------------------------*/
#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 530px 1076px #FFF , 31px 546px #FFF , 1864px 1227px #FFF , 1421px 529px #FFF , 587px 1403px #FFF , 236px 186px #FFF , 1184px 995px #FFF , 1771px 71px #FFF , 1273px 1532px #FFF , 689px 1284px #FFF , 1292px 1184px #FFF , 1507px 1443px #FFF , 625px 1720px #FFF , 954px 1267px #FFF , 1933px 1519px #FFF , 1100px 708px #FFF , 1617px 332px #FFF , 1477px 495px #FFF , 32px 66px #FFF , 1038px 1915px #FFF , 170px 1245px #FFF , 1859px 979px #FFF , 735px 1715px #FFF , 1708px 965px #FFF , 1385px 1454px #FFF , 1457px 99px #FFF , 1740px 157px #FFF , 1616px 629px #FFF , 211px 1341px #FFF , 477px 657px #FFF , 1022px 1725px #FFF , 297px 1102px #FFF , 1718px 1151px #FFF , 1494px 1066px #FFF , 58px 1847px #FFF , 454px 495px #FFF , 668px 894px #FFF , 481px 1486px #FFF , 1858px 1639px #FFF , 1502px 595px #FFF , 397px 753px #FFF , 1696px 1120px #FFF , 1559px 72px #FFF , 1839px 1155px #FFF , 1830px 1663px #FFF , 1094px 1726px #FFF , 6px 1862px #FFF , 1608px 1123px #FFF , 436px 1401px #FFF , 90px 1796px #FFF , 1980px 409px #FFF , 999px 731px #FFF , 592px 1487px #FFF , 1069px 556px #FFF , 1761px 1779px #FFF , 1241px 717px #FFF , 501px 1189px #FFF , 1433px 1529px #FFF , 1503px 975px #FFF , 948px 857px #FFF , 647px 1216px #FFF , 1650px 783px #FFF , 1462px 1716px #FFF , 579px 1869px #FFF , 861px 1763px #FFF , 904px 435px #FFF , 460px 1838px #FFF , 1320px 1267px #FFF , 1427px 850px #FFF , 1603px 70px #FFF , 943px 35px #FFF , 1062px 1341px #FFF , 1187px 578px #FFF , 534px 974px #FFF , 640px 996px #FFF , 893px 1954px #FFF , 1884px 1889px #FFF , 1049px 669px #FFF , 350px 155px #FFF , 1361px 1844px #FFF , 598px 1052px #FFF , 1526px 1098px #FFF , 1002px 1603px #FFF , 341px 793px #FFF , 817px 457px #FFF , 188px 458px #FFF , 392px 725px #FFF , 1302px 676px #FFF , 1787px 1017px #FFF , 1310px 20px #FFF , 1278px 1071px #FFF , 1833px 1118px #FFF , 548px 1960px #FFF , 1935px 1238px #FFF , 529px 1989px #FFF , 964px 1850px #FFF , 1646px 1295px #FFF , 1877px 1100px #FFF , 1541px 1445px #FFF , 1765px 1004px #FFF , 1020px 1805px #FFF , 1869px 1099px #FFF , 1797px 1897px #FFF , 1631px 1400px #FFF , 932px 815px #FFF , 1929px 828px #FFF , 425px 433px #FFF , 854px 1850px #FFF , 552px 168px #FFF , 1498px 163px #FFF , 1942px 43px #FFF , 850px 804px #FFF , 107px 1492px #FFF , 582px 1907px #FFF , 757px 695px #FFF , 829px 438px #FFF , 1400px 1060px #FFF , 387px 1964px #FFF , 652px 172px #FFF , 1652px 1872px #FFF , 1541px 502px #FFF , 1587px 1616px #FFF , 955px 187px #FFF , 1368px 836px #FFF , 941px 1222px #FFF , 1090px 260px #FFF , 1842px 1382px #FFF , 748px 577px #FFF , 1956px 1039px #FFF , 183px 102px #FFF , 1419px 1641px #FFF , 1369px 1725px #FFF , 1910px 925px #FFF , 1102px 268px #FFF , 1972px 907px #FFF , 1547px 1539px #FFF , 505px 1147px #FFF , 1882px 1849px #FFF , 18px 429px #FFF , 512px 205px #FFF , 509px 378px #FFF , 1358px 1162px #FFF , 1290px 991px #FFF , 537px 1089px #FFF , 913px 1745px #FFF , 1630px 482px #FFF , 504px 651px #FFF , 92px 88px #FFF , 316px 1723px #FFF , 905px 835px #FFF , 892px 1268px #FFF , 929px 447px #FFF , 55px 304px #FFF , 572px 1181px #FFF , 1191px 516px #FFF , 1977px 1750px #FFF , 1761px 159px #FFF , 74px 1454px #FFF , 13px 499px #FFF , 1224px 82px #FFF , 797px 728px #FFF , 646px 1288px #FFF , 296px 1003px #FFF , 983px 239px #FFF , 1720px 1396px #FFF , 1224px 1432px #FFF , 1349px 1448px #FFF , 1522px 1947px #FFF , 593px 600px #FFF , 1419px 177px #FFF , 1457px 1511px #FFF , 1266px 148px #FFF , 1063px 943px #FFF , 310px 772px #FFF , 1232px 1743px #FFF , 1260px 431px #FFF , 79px 321px #FFF , 1171px 508px #FFF , 331px 1692px #FFF , 1950px 1897px #FFF , 268px 961px #FFF , 638px 1536px #FFF , 1974px 1992px #FFF , 343px 1379px #FFF , 1808px 110px #FFF , 1459px 1711px #FFF , 1616px 121px #FFF , 428px 1555px #FFF , 1367px 1859px #FFF , 748px 1251px #FFF , 82px 665px #FFF , 481px 552px #FFF , 631px 991px #FFF , 1531px 1133px #FFF , 612px 734px #FFF , 920px 1583px #FFF , 1152px 1403px #FFF , 1078px 869px #FFF , 1387px 1235px #FFF , 811px 531px #FFF , 1698px 911px #FFF , 603px 290px #FFF , 1583px 1236px #FFF , 1600px 1255px #FFF , 249px 1080px #FFF , 493px 949px #FFF , 773px 1285px #FFF , 862px 518px #FFF , 545px 1669px #FFF , 25px 1373px #FFF , 1354px 807px #FFF , 455px 1075px #FFF , 1986px 318px #FFF , 582px 446px #FFF , 1081px 1545px #FFF , 147px 67px #FFF , 1467px 291px #FFF , 1605px 273px #FFF , 1360px 795px #FFF , 1791px 788px #FFF , 1375px 25px #FFF , 608px 158px #FFF , 810px 1252px #FFF , 1912px 575px #FFF , 779px 1103px #FFF , 878px 832px #FFF , 1397px 27px #FFF , 1861px 16px #FFF , 875px 932px #FFF , 413px 300px #FFF , 1806px 348px #FFF , 399px 525px #FFF , 552px 1486px #FFF , 1639px 835px #FFF , 1801px 1174px #FFF , 455px 772px #FFF , 1851px 722px #FFF , 1597px 1457px #FFF , 257px 446px #FFF , 431px 162px #FFF , 932px 1757px #FFF , 1095px 735px #FFF , 1697px 728px #FFF , 1014px 695px #FFF , 36px 1406px #FFF , 1234px 56px #FFF , 1053px 1463px #FFF , 478px 2000px #FFF , 1290px 1693px #FFF , 255px 795px #FFF , 1907px 1841px #FFF , 1360px 1946px #FFF , 647px 622px #FFF , 1464px 281px #FFF , 1726px 499px #FFF , 1734px 1151px #FFF , 224px 1237px #FFF , 1526px 479px #FFF , 666px 1672px #FFF , 537px 1903px #FFF , 1204px 182px #FFF , 1262px 700px #FFF , 1479px 923px #FFF , 235px 76px #FFF , 939px 475px #FFF , 849px 1339px #FFF , 1401px 975px #FFF , 1529px 1529px #FFF , 1354px 1563px #FFF , 1916px 1889px #FFF , 600px 52px #FFF , 934px 617px #FFF , 56px 718px #FFF , 46px 1663px #FFF , 463px 1020px #FFF , 1081px 1369px #FFF , 710px 1452px #FFF , 1928px 1995px #FFF , 1443px 1965px #FFF , 1427px 1079px #FFF , 1115px 751px #FFF , 410px 1368px #FFF , 1851px 661px #FFF , 1066px 1059px #FFF , 1465px 1484px #FFF , 1158px 1887px #FFF , 1107px 915px #FFF , 731px 1682px #FFF , 1529px 1468px #FFF , 149px 752px #FFF , 253px 310px #FFF , 385px 526px #FFF , 1996px 657px #FFF , 652px 292px #FFF , 1634px 720px #FFF , 349px 506px #FFF , 1161px 1220px #FFF , 262px 1762px #FFF , 1512px 404px #FFF , 1235px 1499px #FFF , 533px 821px #FFF , 377px 835px #FFF , 1608px 1673px #FFF , 1451px 1107px #FFF , 143px 890px #FFF , 1697px 210px #FFF , 1372px 1162px #FFF , 480px 1345px #FFF , 958px 253px #FFF , 1639px 479px #FFF , 354px 1503px #FFF , 417px 1533px #FFF , 368px 290px #FFF , 983px 377px #FFF , 1304px 193px #FFF , 919px 1410px #FFF , 1616px 528px #FFF , 204px 1970px #FFF , 109px 1879px #FFF , 1309px 1828px #FFF , 1963px 1521px #FFF , 911px 1925px #FFF , 1009px 733px #FFF , 787px 1019px #FFF , 779px 241px #FFF , 1433px 1413px #FFF , 468px 1444px #FFF , 1734px 350px #FFF , 810px 1682px #FFF , 75px 1434px #FFF , 1451px 940px #FFF , 1887px 841px #FFF , 1498px 1330px #FFF , 378px 711px #FFF , 630px 1256px #FFF , 1841px 1414px #FFF , 1507px 1608px #FFF , 799px 1443px #FFF , 1424px 1252px #FFF , 1763px 1717px #FFF , 1486px 715px #FFF , 1401px 503px #FFF , 1095px 1320px #FFF , 1457px 349px #FFF , 865px 744px #FFF , 762px 1964px #FFF , 913px 697px #FFF , 1115px 723px #FFF , 1816px 11px #FFF , 515px 931px #FFF , 1906px 403px #FFF , 1188px 223px #FFF , 1095px 868px #FFF , 761px 1529px #FFF , 1539px 1158px #FFF , 976px 1323px #FFF , 1504px 1838px #FFF , 1123px 1569px #FFF , 415px 969px #FFF , 1765px 456px #FFF , 368px 635px #FFF , 18px 1356px #FFF , 718px 1491px #FFF , 1048px 828px #FFF , 123px 1406px #FFF , 1974px 1945px #FFF , 1132px 1720px #FFF , 1966px 1907px #FFF , 1275px 1383px #FFF , 338px 533px #FFF , 552px 389px #FFF , 609px 502px #FFF , 1032px 1733px #FFF , 180px 821px #FFF , 754px 1934px #FFF , 1171px 973px #FFF , 1776px 1210px #FFF , 9px 1292px #FFF , 601px 461px #FFF , 1681px 1924px #FFF , 681px 858px #FFF , 1539px 1189px #FFF , 1273px 376px #FFF , 1515px 527px #FFF , 1358px 342px #FFF , 1019px 1400px #FFF , 1427px 1695px #FFF , 854px 552px #FFF , 1863px 1757px #FFF , 1053px 806px #FFF , 720px 358px #FFF , 1545px 909px #FFF , 1058px 1131px #FFF , 867px 1579px #FFF , 1353px 1664px #FFF , 525px 1242px #FFF , 1684px 593px #FFF , 641px 1733px #FFF , 450px 1928px #FFF , 1365px 89px #FFF , 29px 1288px #FFF , 1762px 988px #FFF , 1916px 368px #FFF , 1694px 767px #FFF , 107px 974px #FFF , 1181px 1201px #FFF , 1090px 1309px #FFF , 1748px 539px #FFF , 120px 1776px #FFF , 187px 1761px #FFF , 292px 720px #FFF , 1596px 1697px #FFF , 712px 294px #FFF , 1583px 307px #FFF , 1216px 390px #FFF , 1142px 1212px #FFF , 1305px 1155px #FFF , 1356px 1628px #FFF , 1500px 1379px #FFF , 877px 1179px #FFF , 190px 1930px #FFF , 1415px 764px #FFF , 1742px 796px #FFF , 345px 1963px #FFF , 103px 1195px #FFF , 540px 1080px #FFF , 511px 624px #FFF , 1047px 1059px #FFF , 748px 1548px #FFF , 161px 999px #FFF , 210px 1236px #FFF , 875px 49px #FFF , 1689px 1263px #FFF , 1124px 1047px #FFF , 945px 1657px #FFF , 1759px 185px #FFF , 782px 1298px #FFF , 1835px 254px #FFF , 1317px 271px #FFF , 1799px 101px #FFF , 1899px 1189px #FFF , 1855px 48px #FFF , 904px 408px #FFF , 770px 1131px #FFF , 1407px 851px #FFF , 460px 616px #FFF , 138px 1835px #FFF , 1968px 930px #FFF , 522px 1422px #FFF , 828px 893px #FFF , 1530px 321px #FFF , 754px 1884px #FFF , 170px 909px #FFF , 1979px 5px #FFF , 1277px 947px #FFF , 1796px 1223px #FFF , 1593px 352px #FFF , 1864px 1366px #FFF , 1434px 150px #FFF , 240px 608px #FFF , 1735px 452px #FFF , 338px 1679px #FFF , 470px 810px #FFF , 1188px 1357px #FFF , 743px 1653px #FFF , 584px 1356px #FFF , 1570px 212px #FFF , 168px 97px #FFF , 1436px 1434px #FFF , 1872px 1763px #FFF , 598px 1166px #FFF , 1338px 1960px #FFF , 1987px 69px #FFF , 451px 259px #FFF , 1571px 1682px #FFF , 600px 1625px #FFF , 1686px 750px #FFF , 451px 51px #FFF , 632px 1579px #FFF , 1950px 1193px #FFF , 278px 1628px #FFF , 408px 530px #FFF , 34px 1606px #FFF , 1424px 1806px #FFF , 1066px 692px #FFF , 297px 1479px #FFF , 128px 210px #FFF , 1385px 710px #FFF , 1277px 653px #FFF , 271px 1982px #FFF , 4px 1552px #FFF , 1463px 1873px #FFF , 853px 313px #FFF , 890px 372px #FFF , 304px 590px #FFF , 850px 1474px #FFF , 1397px 725px #FFF , 87px 1286px #FFF , 1280px 833px #FFF , 812px 1798px #FFF , 246px 873px #FFF , 1308px 1220px #FFF , 1964px 1291px #FFF , 292px 1044px #FFF , 1289px 10px #FFF , 174px 861px #FFF , 190px 1506px #FFF , 104px 96px #FFF , 1525px 450px #FFF , 1942px 46px #FFF , 836px 1182px #FFF , 1863px 1256px #FFF , 302px 500px #FFF , 1595px 1941px #FFF , 1750px 465px #FFF , 1076px 1133px #FFF , 971px 1408px #FFF , 305px 153px #FFF , 606px 1625px #FFF , 1095px 320px #FFF , 861px 526px #FFF , 496px 309px #FFF , 1940px 474px #FFF , 377px 887px #FFF , 376px 148px #FFF , 1687px 1420px #FFF , 1085px 1758px #FFF , 1222px 1780px #FFF , 496px 1129px #FFF , 458px 1358px #FFF , 374px 1704px #FFF , 257px 341px #FFF , 654px 66px #FFF , 771px 1215px #FFF , 664px 1073px #FFF , 1803px 355px #FFF , 1885px 1742px #FFF , 1140px 1855px #FFF , 1830px 654px #FFF , 1140px 1082px #FFF , 1464px 692px #FFF , 782px 1179px #FFF , 381px 1697px #FFF , 509px 653px #FFF , 850px 868px #FFF , 386px 1890px #FFF , 1951px 765px #FFF , 357px 60px #FFF , 1846px 70px #FFF , 775px 528px #FFF , 102px 772px #FFF , 1858px 1270px #FFF , 1337px 457px #FFF , 659px 53px #FFF , 651px 1161px #FFF , 471px 1086px #FFF , 286px 1466px #FFF , 28px 562px #FFF , 152px 94px #FFF , 737px 1795px #FFF , 960px 1388px #FFF , 1317px 833px #FFF , 1769px 1692px #FFF , 1158px 763px #FFF , 218px 546px #FFF , 1202px 699px #FFF , 1570px 1604px #FFF , 77px 1782px #FFF , 354px 1939px #FFF , 1253px 1619px #FFF , 1017px 1536px #FFF , 240px 135px #FFF , 34px 1181px #FFF , 227px 589px #FFF , 1599px 668px #FFF , 1411px 1832px #FFF , 1043px 402px #FFF , 629px 685px #FFF , 1739px 1019px #FFF , 328px 1717px #FFF , 269px 181px #FFF , 1508px 811px #FFF , 1896px 755px #FFF , 1037px 328px #FFF , 1028px 437px #FFF , 1057px 1907px #FFF , 878px 458px #FFF , 397px 1072px #FFF , 654px 1012px #FFF , 228px 1369px #FFF , 1507px 865px #FFF , 274px 1823px #FFF , 1439px 347px #FFF , 817px 1822px #FFF , 1805px 1292px #FFF , 172px 483px #FFF , 146px 1964px #FFF , 298px 562px #FFF , 1456px 733px #FFF , 1522px 1359px #FFF , 1351px 1337px #FFF , 134px 1918px #FFF , 84px 1104px #FFF , 516px 1920px #FFF , 753px 35px #FFF , 1739px 1077px #FFF , 1297px 1692px #FFF , 1043px 1638px #FFF , 1577px 1912px #FFF , 109px 125px #FFF , 944px 477px #FFF , 1752px 1400px #FFF , 1266px 1408px #FFF , 1005px 1786px #FFF , 1734px 1076px #FFF , 935px 343px #FFF , 480px 1238px #FFF , 1252px 1799px #FFF , 1195px 377px #FFF , 294px 1499px #FFF , 787px 608px #FFF , 95px 365px #FFF , 1921px 1937px #FFF , 398px 415px #FFF , 1661px 1122px #FFF , 1824px 1852px #FFF , 1197px 1741px #FFF , 1596px 306px #FFF , 807px 1715px #FFF , 730px 1798px #FFF , 1315px 1226px #FFF , 1874px 477px #FFF , 1273px 1483px #FFF , 1684px 1565px #FFF , 548px 1734px #FFF , 90px 325px #FFF , 728px 359px #FFF , 162px 1037px #FFF , 394px 1043px #FFF , 1623px 1004px #FFF , 939px 1235px #FFF , 19px 1750px #FFF , 1752px 196px #FFF , 1024px 1100px #FFF , 1451px 482px #FFF , 1545px 1944px #FFF , 1234px 1459px #FFF , 216px 1490px #FFF , 323px 1400px #FFF , 1634px 1238px #FFF , 560px 79px #FFF , 1829px 1734px #FFF , 239px 1078px #FFF , 456px 426px #FFF , 108px 653px #FFF , 202px 596px #FFF , 327px 586px #FFF , 686px 1269px #FFF , 1361px 531px #FFF , 121px 1341px #FFF , 1640px 974px #FFF , 778px 570px #FFF , 34px 1726px #FFF , 1934px 580px #FFF , 1477px 1399px #FFF , 1931px 231px #FFF , 1021px 1294px #FFF , 321px 214px #FFF , 106px 1298px #FFF , 1548px 1271px #FFF , 780px 1424px #FFF , 972px 1341px #FFF , 1021px 1945px #FFF , 1717px 1742px #FFF , 1614px 1007px #FFF , 327px 1384px #FFF , 1306px 1303px #FFF , 608px 897px #FFF , 721px 1664px #FFF , 190px 1555px #FFF , 554px 100px #FFF , 761px 1426px #FFF , 1133px 483px #FFF , 583px 1465px #FFF , 1292px 967px #FFF , 1015px 1708px #FFF , 1449px 1908px #FFF , 151px 435px #FFF , 1418px 1757px #FFF , 1896px 1284px #FFF , 275px 1743px #FFF , 480px 1597px #FFF , 398px 741px #FFF , 933px 1250px #FFF , 1266px 171px #FFF , 247px 24px #FFF , 207px 5px #FFF , 1501px 244px #FFF , 1906px 1741px #FFF , 1881px 1594px #FFF;
    animation: animStar 50s linear infinite;
}
#stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 530px 1076px #FFF , 31px 546px #FFF , 1864px 1227px #FFF , 1421px 529px #FFF , 587px 1403px #FFF , 236px 186px #FFF , 1184px 995px #FFF , 1771px 71px #FFF , 1273px 1532px #FFF , 689px 1284px #FFF , 1292px 1184px #FFF , 1507px 1443px #FFF , 625px 1720px #FFF , 954px 1267px #FFF , 1933px 1519px #FFF , 1100px 708px #FFF , 1617px 332px #FFF , 1477px 495px #FFF , 32px 66px #FFF , 1038px 1915px #FFF , 170px 1245px #FFF , 1859px 979px #FFF , 735px 1715px #FFF , 1708px 965px #FFF , 1385px 1454px #FFF , 1457px 99px #FFF , 1740px 157px #FFF , 1616px 629px #FFF , 211px 1341px #FFF , 477px 657px #FFF , 1022px 1725px #FFF , 297px 1102px #FFF , 1718px 1151px #FFF , 1494px 1066px #FFF , 58px 1847px #FFF , 454px 495px #FFF , 668px 894px #FFF , 481px 1486px #FFF , 1858px 1639px #FFF , 1502px 595px #FFF , 397px 753px #FFF , 1696px 1120px #FFF , 1559px 72px #FFF , 1839px 1155px #FFF , 1830px 1663px #FFF , 1094px 1726px #FFF , 6px 1862px #FFF , 1608px 1123px #FFF , 436px 1401px #FFF , 90px 1796px #FFF , 1980px 409px #FFF , 999px 731px #FFF , 592px 1487px #FFF , 1069px 556px #FFF , 1761px 1779px #FFF , 1241px 717px #FFF , 501px 1189px #FFF , 1433px 1529px #FFF , 1503px 975px #FFF , 948px 857px #FFF , 647px 1216px #FFF , 1650px 783px #FFF , 1462px 1716px #FFF , 579px 1869px #FFF , 861px 1763px #FFF , 904px 435px #FFF , 460px 1838px #FFF , 1320px 1267px #FFF , 1427px 850px #FFF , 1603px 70px #FFF , 943px 35px #FFF , 1062px 1341px #FFF , 1187px 578px #FFF , 534px 974px #FFF , 640px 996px #FFF , 893px 1954px #FFF , 1884px 1889px #FFF , 1049px 669px #FFF , 350px 155px #FFF , 1361px 1844px #FFF , 598px 1052px #FFF , 1526px 1098px #FFF , 1002px 1603px #FFF , 341px 793px #FFF , 817px 457px #FFF , 188px 458px #FFF , 392px 725px #FFF , 1302px 676px #FFF , 1787px 1017px #FFF , 1310px 20px #FFF , 1278px 1071px #FFF , 1833px 1118px #FFF , 548px 1960px #FFF , 1935px 1238px #FFF , 529px 1989px #FFF , 964px 1850px #FFF , 1646px 1295px #FFF , 1877px 1100px #FFF , 1541px 1445px #FFF , 1765px 1004px #FFF , 1020px 1805px #FFF , 1869px 1099px #FFF , 1797px 1897px #FFF , 1631px 1400px #FFF , 932px 815px #FFF , 1929px 828px #FFF , 425px 433px #FFF , 854px 1850px #FFF , 552px 168px #FFF , 1498px 163px #FFF , 1942px 43px #FFF , 850px 804px #FFF , 107px 1492px #FFF , 582px 1907px #FFF , 757px 695px #FFF , 829px 438px #FFF , 1400px 1060px #FFF , 387px 1964px #FFF , 652px 172px #FFF , 1652px 1872px #FFF , 1541px 502px #FFF , 1587px 1616px #FFF , 955px 187px #FFF , 1368px 836px #FFF , 941px 1222px #FFF , 1090px 260px #FFF , 1842px 1382px #FFF , 748px 577px #FFF , 1956px 1039px #FFF , 183px 102px #FFF , 1419px 1641px #FFF , 1369px 1725px #FFF , 1910px 925px #FFF , 1102px 268px #FFF , 1972px 907px #FFF , 1547px 1539px #FFF , 505px 1147px #FFF , 1882px 1849px #FFF , 18px 429px #FFF , 512px 205px #FFF , 509px 378px #FFF , 1358px 1162px #FFF , 1290px 991px #FFF , 537px 1089px #FFF , 913px 1745px #FFF , 1630px 482px #FFF , 504px 651px #FFF , 92px 88px #FFF , 316px 1723px #FFF , 905px 835px #FFF , 892px 1268px #FFF , 929px 447px #FFF , 55px 304px #FFF , 572px 1181px #FFF , 1191px 516px #FFF , 1977px 1750px #FFF , 1761px 159px #FFF , 74px 1454px #FFF , 13px 499px #FFF , 1224px 82px #FFF , 797px 728px #FFF , 646px 1288px #FFF , 296px 1003px #FFF , 983px 239px #FFF , 1720px 1396px #FFF , 1224px 1432px #FFF , 1349px 1448px #FFF , 1522px 1947px #FFF , 593px 600px #FFF , 1419px 177px #FFF , 1457px 1511px #FFF , 1266px 148px #FFF , 1063px 943px #FFF , 310px 772px #FFF , 1232px 1743px #FFF , 1260px 431px #FFF , 79px 321px #FFF , 1171px 508px #FFF , 331px 1692px #FFF , 1950px 1897px #FFF , 268px 961px #FFF , 638px 1536px #FFF , 1974px 1992px #FFF , 343px 1379px #FFF , 1808px 110px #FFF , 1459px 1711px #FFF , 1616px 121px #FFF , 428px 1555px #FFF , 1367px 1859px #FFF , 748px 1251px #FFF , 82px 665px #FFF , 481px 552px #FFF , 631px 991px #FFF , 1531px 1133px #FFF , 612px 734px #FFF , 920px 1583px #FFF , 1152px 1403px #FFF , 1078px 869px #FFF , 1387px 1235px #FFF , 811px 531px #FFF , 1698px 911px #FFF , 603px 290px #FFF , 1583px 1236px #FFF , 1600px 1255px #FFF , 249px 1080px #FFF , 493px 949px #FFF , 773px 1285px #FFF , 862px 518px #FFF , 545px 1669px #FFF , 25px 1373px #FFF , 1354px 807px #FFF , 455px 1075px #FFF , 1986px 318px #FFF , 582px 446px #FFF , 1081px 1545px #FFF , 147px 67px #FFF , 1467px 291px #FFF , 1605px 273px #FFF , 1360px 795px #FFF , 1791px 788px #FFF , 1375px 25px #FFF , 608px 158px #FFF , 810px 1252px #FFF , 1912px 575px #FFF , 779px 1103px #FFF , 878px 832px #FFF , 1397px 27px #FFF , 1861px 16px #FFF , 875px 932px #FFF , 413px 300px #FFF , 1806px 348px #FFF , 399px 525px #FFF , 552px 1486px #FFF , 1639px 835px #FFF , 1801px 1174px #FFF , 455px 772px #FFF , 1851px 722px #FFF , 1597px 1457px #FFF , 257px 446px #FFF , 431px 162px #FFF , 932px 1757px #FFF , 1095px 735px #FFF , 1697px 728px #FFF , 1014px 695px #FFF , 36px 1406px #FFF , 1234px 56px #FFF , 1053px 1463px #FFF , 478px 2000px #FFF , 1290px 1693px #FFF , 255px 795px #FFF , 1907px 1841px #FFF , 1360px 1946px #FFF , 647px 622px #FFF , 1464px 281px #FFF , 1726px 499px #FFF , 1734px 1151px #FFF , 224px 1237px #FFF , 1526px 479px #FFF , 666px 1672px #FFF , 537px 1903px #FFF , 1204px 182px #FFF , 1262px 700px #FFF , 1479px 923px #FFF , 235px 76px #FFF , 939px 475px #FFF , 849px 1339px #FFF , 1401px 975px #FFF , 1529px 1529px #FFF , 1354px 1563px #FFF , 1916px 1889px #FFF , 600px 52px #FFF , 934px 617px #FFF , 56px 718px #FFF , 46px 1663px #FFF , 463px 1020px #FFF , 1081px 1369px #FFF , 710px 1452px #FFF , 1928px 1995px #FFF , 1443px 1965px #FFF , 1427px 1079px #FFF , 1115px 751px #FFF , 410px 1368px #FFF , 1851px 661px #FFF , 1066px 1059px #FFF , 1465px 1484px #FFF , 1158px 1887px #FFF , 1107px 915px #FFF , 731px 1682px #FFF , 1529px 1468px #FFF , 149px 752px #FFF , 253px 310px #FFF , 385px 526px #FFF , 1996px 657px #FFF , 652px 292px #FFF , 1634px 720px #FFF , 349px 506px #FFF , 1161px 1220px #FFF , 262px 1762px #FFF , 1512px 404px #FFF , 1235px 1499px #FFF , 533px 821px #FFF , 377px 835px #FFF , 1608px 1673px #FFF , 1451px 1107px #FFF , 143px 890px #FFF , 1697px 210px #FFF , 1372px 1162px #FFF , 480px 1345px #FFF , 958px 253px #FFF , 1639px 479px #FFF , 354px 1503px #FFF , 417px 1533px #FFF , 368px 290px #FFF , 983px 377px #FFF , 1304px 193px #FFF , 919px 1410px #FFF , 1616px 528px #FFF , 204px 1970px #FFF , 109px 1879px #FFF , 1309px 1828px #FFF , 1963px 1521px #FFF , 911px 1925px #FFF , 1009px 733px #FFF , 787px 1019px #FFF , 779px 241px #FFF , 1433px 1413px #FFF , 468px 1444px #FFF , 1734px 350px #FFF , 810px 1682px #FFF , 75px 1434px #FFF , 1451px 940px #FFF , 1887px 841px #FFF , 1498px 1330px #FFF , 378px 711px #FFF , 630px 1256px #FFF , 1841px 1414px #FFF , 1507px 1608px #FFF , 799px 1443px #FFF , 1424px 1252px #FFF , 1763px 1717px #FFF , 1486px 715px #FFF , 1401px 503px #FFF , 1095px 1320px #FFF , 1457px 349px #FFF , 865px 744px #FFF , 762px 1964px #FFF , 913px 697px #FFF , 1115px 723px #FFF , 1816px 11px #FFF , 515px 931px #FFF , 1906px 403px #FFF , 1188px 223px #FFF , 1095px 868px #FFF , 761px 1529px #FFF , 1539px 1158px #FFF , 976px 1323px #FFF , 1504px 1838px #FFF , 1123px 1569px #FFF , 415px 969px #FFF , 1765px 456px #FFF , 368px 635px #FFF , 18px 1356px #FFF , 718px 1491px #FFF , 1048px 828px #FFF , 123px 1406px #FFF , 1974px 1945px #FFF , 1132px 1720px #FFF , 1966px 1907px #FFF , 1275px 1383px #FFF , 338px 533px #FFF , 552px 389px #FFF , 609px 502px #FFF , 1032px 1733px #FFF , 180px 821px #FFF , 754px 1934px #FFF , 1171px 973px #FFF , 1776px 1210px #FFF , 9px 1292px #FFF , 601px 461px #FFF , 1681px 1924px #FFF , 681px 858px #FFF , 1539px 1189px #FFF , 1273px 376px #FFF , 1515px 527px #FFF , 1358px 342px #FFF , 1019px 1400px #FFF , 1427px 1695px #FFF , 854px 552px #FFF , 1863px 1757px #FFF , 1053px 806px #FFF , 720px 358px #FFF , 1545px 909px #FFF , 1058px 1131px #FFF , 867px 1579px #FFF , 1353px 1664px #FFF , 525px 1242px #FFF , 1684px 593px #FFF , 641px 1733px #FFF , 450px 1928px #FFF , 1365px 89px #FFF , 29px 1288px #FFF , 1762px 988px #FFF , 1916px 368px #FFF , 1694px 767px #FFF , 107px 974px #FFF , 1181px 1201px #FFF , 1090px 1309px #FFF , 1748px 539px #FFF , 120px 1776px #FFF , 187px 1761px #FFF , 292px 720px #FFF , 1596px 1697px #FFF , 712px 294px #FFF , 1583px 307px #FFF , 1216px 390px #FFF , 1142px 1212px #FFF , 1305px 1155px #FFF , 1356px 1628px #FFF , 1500px 1379px #FFF , 877px 1179px #FFF , 190px 1930px #FFF , 1415px 764px #FFF , 1742px 796px #FFF , 345px 1963px #FFF , 103px 1195px #FFF , 540px 1080px #FFF , 511px 624px #FFF , 1047px 1059px #FFF , 748px 1548px #FFF , 161px 999px #FFF , 210px 1236px #FFF , 875px 49px #FFF , 1689px 1263px #FFF , 1124px 1047px #FFF , 945px 1657px #FFF , 1759px 185px #FFF , 782px 1298px #FFF , 1835px 254px #FFF , 1317px 271px #FFF , 1799px 101px #FFF , 1899px 1189px #FFF , 1855px 48px #FFF , 904px 408px #FFF , 770px 1131px #FFF , 1407px 851px #FFF , 460px 616px #FFF , 138px 1835px #FFF , 1968px 930px #FFF , 522px 1422px #FFF , 828px 893px #FFF , 1530px 321px #FFF , 754px 1884px #FFF , 170px 909px #FFF , 1979px 5px #FFF , 1277px 947px #FFF , 1796px 1223px #FFF , 1593px 352px #FFF , 1864px 1366px #FFF , 1434px 150px #FFF , 240px 608px #FFF , 1735px 452px #FFF , 338px 1679px #FFF , 470px 810px #FFF , 1188px 1357px #FFF , 743px 1653px #FFF , 584px 1356px #FFF , 1570px 212px #FFF , 168px 97px #FFF , 1436px 1434px #FFF , 1872px 1763px #FFF , 598px 1166px #FFF , 1338px 1960px #FFF , 1987px 69px #FFF , 451px 259px #FFF , 1571px 1682px #FFF , 600px 1625px #FFF , 1686px 750px #FFF , 451px 51px #FFF , 632px 1579px #FFF , 1950px 1193px #FFF , 278px 1628px #FFF , 408px 530px #FFF , 34px 1606px #FFF , 1424px 1806px #FFF , 1066px 692px #FFF , 297px 1479px #FFF , 128px 210px #FFF , 1385px 710px #FFF , 1277px 653px #FFF , 271px 1982px #FFF , 4px 1552px #FFF , 1463px 1873px #FFF , 853px 313px #FFF , 890px 372px #FFF , 304px 590px #FFF , 850px 1474px #FFF , 1397px 725px #FFF , 87px 1286px #FFF , 1280px 833px #FFF , 812px 1798px #FFF , 246px 873px #FFF , 1308px 1220px #FFF , 1964px 1291px #FFF , 292px 1044px #FFF , 1289px 10px #FFF , 174px 861px #FFF , 190px 1506px #FFF , 104px 96px #FFF , 1525px 450px #FFF , 1942px 46px #FFF , 836px 1182px #FFF , 1863px 1256px #FFF , 302px 500px #FFF , 1595px 1941px #FFF , 1750px 465px #FFF , 1076px 1133px #FFF , 971px 1408px #FFF , 305px 153px #FFF , 606px 1625px #FFF , 1095px 320px #FFF , 861px 526px #FFF , 496px 309px #FFF , 1940px 474px #FFF , 377px 887px #FFF , 376px 148px #FFF , 1687px 1420px #FFF , 1085px 1758px #FFF , 1222px 1780px #FFF , 496px 1129px #FFF , 458px 1358px #FFF , 374px 1704px #FFF , 257px 341px #FFF , 654px 66px #FFF , 771px 1215px #FFF , 664px 1073px #FFF , 1803px 355px #FFF , 1885px 1742px #FFF , 1140px 1855px #FFF , 1830px 654px #FFF , 1140px 1082px #FFF , 1464px 692px #FFF , 782px 1179px #FFF , 381px 1697px #FFF , 509px 653px #FFF , 850px 868px #FFF , 386px 1890px #FFF , 1951px 765px #FFF , 357px 60px #FFF , 1846px 70px #FFF , 775px 528px #FFF , 102px 772px #FFF , 1858px 1270px #FFF , 1337px 457px #FFF , 659px 53px #FFF , 651px 1161px #FFF , 471px 1086px #FFF , 286px 1466px #FFF , 28px 562px #FFF , 152px 94px #FFF , 737px 1795px #FFF , 960px 1388px #FFF , 1317px 833px #FFF , 1769px 1692px #FFF , 1158px 763px #FFF , 218px 546px #FFF , 1202px 699px #FFF , 1570px 1604px #FFF , 77px 1782px #FFF , 354px 1939px #FFF , 1253px 1619px #FFF , 1017px 1536px #FFF , 240px 135px #FFF , 34px 1181px #FFF , 227px 589px #FFF , 1599px 668px #FFF , 1411px 1832px #FFF , 1043px 402px #FFF , 629px 685px #FFF , 1739px 1019px #FFF , 328px 1717px #FFF , 269px 181px #FFF , 1508px 811px #FFF , 1896px 755px #FFF , 1037px 328px #FFF , 1028px 437px #FFF , 1057px 1907px #FFF , 878px 458px #FFF , 397px 1072px #FFF , 654px 1012px #FFF , 228px 1369px #FFF , 1507px 865px #FFF , 274px 1823px #FFF , 1439px 347px #FFF , 817px 1822px #FFF , 1805px 1292px #FFF , 172px 483px #FFF , 146px 1964px #FFF , 298px 562px #FFF , 1456px 733px #FFF , 1522px 1359px #FFF , 1351px 1337px #FFF , 134px 1918px #FFF , 84px 1104px #FFF , 516px 1920px #FFF , 753px 35px #FFF , 1739px 1077px #FFF , 1297px 1692px #FFF , 1043px 1638px #FFF , 1577px 1912px #FFF , 109px 125px #FFF , 944px 477px #FFF , 1752px 1400px #FFF , 1266px 1408px #FFF , 1005px 1786px #FFF , 1734px 1076px #FFF , 935px 343px #FFF , 480px 1238px #FFF , 1252px 1799px #FFF , 1195px 377px #FFF , 294px 1499px #FFF , 787px 608px #FFF , 95px 365px #FFF , 1921px 1937px #FFF , 398px 415px #FFF , 1661px 1122px #FFF , 1824px 1852px #FFF , 1197px 1741px #FFF , 1596px 306px #FFF , 807px 1715px #FFF , 730px 1798px #FFF , 1315px 1226px #FFF , 1874px 477px #FFF , 1273px 1483px #FFF , 1684px 1565px #FFF , 548px 1734px #FFF , 90px 325px #FFF , 728px 359px #FFF , 162px 1037px #FFF , 394px 1043px #FFF , 1623px 1004px #FFF , 939px 1235px #FFF , 19px 1750px #FFF , 1752px 196px #FFF , 1024px 1100px #FFF , 1451px 482px #FFF , 1545px 1944px #FFF , 1234px 1459px #FFF , 216px 1490px #FFF , 323px 1400px #FFF , 1634px 1238px #FFF , 560px 79px #FFF , 1829px 1734px #FFF , 239px 1078px #FFF , 456px 426px #FFF , 108px 653px #FFF , 202px 596px #FFF , 327px 586px #FFF , 686px 1269px #FFF , 1361px 531px #FFF , 121px 1341px #FFF , 1640px 974px #FFF , 778px 570px #FFF , 34px 1726px #FFF , 1934px 580px #FFF , 1477px 1399px #FFF , 1931px 231px #FFF , 1021px 1294px #FFF , 321px 214px #FFF , 106px 1298px #FFF , 1548px 1271px #FFF , 780px 1424px #FFF , 972px 1341px #FFF , 1021px 1945px #FFF , 1717px 1742px #FFF , 1614px 1007px #FFF , 327px 1384px #FFF , 1306px 1303px #FFF , 608px 897px #FFF , 721px 1664px #FFF , 190px 1555px #FFF , 554px 100px #FFF , 761px 1426px #FFF , 1133px 483px #FFF , 583px 1465px #FFF , 1292px 967px #FFF , 1015px 1708px #FFF , 1449px 1908px #FFF , 151px 435px #FFF , 1418px 1757px #FFF , 1896px 1284px #FFF , 275px 1743px #FFF , 480px 1597px #FFF , 398px 741px #FFF , 933px 1250px #FFF , 1266px 171px #FFF , 247px 24px #FFF , 207px 5px #FFF , 1501px 244px #FFF , 1906px 1741px #FFF , 1881px 1594px #FFF;
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 125px 1912px #FFF , 544px 688px #FFF , 642px 614px #FFF , 276px 940px #FFF , 1695px 963px #FFF , 922px 581px #FFF , 1671px 494px #FFF , 1928px 1133px #FFF , 1320px 1968px #FFF , 682px 962px #FFF , 1026px 1252px #FFF , 450px 1731px #FFF , 318px 742px #FFF , 56px 171px #FFF , 919px 1716px #FFF , 1685px 1117px #FFF , 1964px 151px #FFF , 1609px 768px #FFF , 805px 178px #FFF , 1900px 287px #FFF , 863px 245px #FFF , 396px 1378px #FFF , 1618px 1152px #FFF , 241px 1829px #FFF , 1379px 883px #FFF , 306px 538px #FFF , 1802px 1972px #FFF , 1719px 117px #FFF , 1100px 757px #FFF , 1317px 1209px #FFF , 1951px 1199px #FFF , 881px 1038px #FFF , 394px 1601px #FFF , 1364px 180px #FFF , 506px 595px #FFF , 870px 1160px #FFF , 1914px 682px #FFF , 966px 127px #FFF , 92px 652px #FFF , 1861px 1840px #FFF , 120px 1524px #FFF , 1423px 68px #FFF , 1500px 1934px #FFF , 529px 575px #FFF , 641px 1092px #FFF , 1220px 1413px #FFF , 946px 1531px #FFF , 433px 1142px #FFF , 314px 1022px #FFF , 701px 389px #FFF , 236px 1643px #FFF , 1278px 685px #FFF , 1180px 618px #FFF , 1105px 607px #FFF , 43px 1958px #FFF , 1990px 1321px #FFF , 99px 1580px #FFF , 1636px 278px #FFF , 1185px 1132px #FFF , 1692px 1255px #FFF , 128px 1753px #FFF , 1230px 1883px #FFF , 1329px 511px #FFF , 897px 585px #FFF , 509px 1008px #FFF , 877px 191px #FFF , 1035px 626px #FFF , 674px 1171px #FFF , 1757px 30px #FFF , 361px 1463px #FFF , 379px 199px #FFF , 91px 182px #FFF , 764px 781px #FFF , 173px 1374px #FFF , 64px 1651px #FFF , 493px 130px #FFF , 1931px 1794px #FFF , 1845px 114px #FFF , 683px 26px #FFF , 1678px 342px #FFF , 885px 1631px #FFF , 1079px 851px #FFF , 662px 1906px #FFF , 627px 447px #FFF , 1249px 1003px #FFF , 1518px 1146px #FFF , 1019px 1233px #FFF , 1800px 351px #FFF , 1252px 275px #FFF , 1557px 809px #FFF , 174px 1610px #FFF , 1854px 1032px #FFF , 278px 609px #FFF , 1941px 1539px #FFF , 1188px 378px #FFF , 259px 121px #FFF , 937px 57px #FFF , 615px 637px #FFF , 1301px 1640px #FFF , 1326px 896px #FFF , 1385px 1405px #FFF , 1736px 230px #FFF , 1567px 1216px #FFF , 957px 421px #FFF , 647px 623px #FFF , 1649px 1442px #FFF , 116px 1353px #FFF , 468px 1832px #FFF , 449px 726px #FFF , 451px 87px #FFF , 884px 1039px #FFF , 1451px 1220px #FFF , 929px 1931px #FFF , 1242px 711px #FFF , 1900px 609px #FFF , 796px 1394px #FFF , 1108px 614px #FFF , 201px 1340px #FFF , 1380px 1108px #FFF , 1400px 1818px #FFF , 1740px 1453px #FFF , 1567px 962px #FFF , 1898px 194px #FFF , 739px 1474px #FFF , 55px 1104px #FFF , 1605px 1744px #FFF , 76px 936px #FFF , 1663px 1475px #FFF , 442px 1884px #FFF , 1888px 1443px #FFF , 547px 126px #FFF , 1956px 1124px #FFF , 976px 501px #FFF , 1631px 112px #FFF , 1920px 1211px #FFF , 971px 331px #FFF , 1876px 904px #FFF , 515px 444px #FFF , 389px 386px #FFF , 1573px 909px #FFF , 1022px 1901px #FFF , 901px 991px #FFF , 1567px 1645px #FFF , 1769px 603px #FFF , 1755px 981px #FFF , 1799px 1963px #FFF , 1786px 3px #FFF , 452px 510px #FFF , 1354px 763px #FFF , 1489px 1164px #FFF , 443px 1134px #FFF , 518px 1176px #FFF , 1997px 617px #FFF , 431px 306px #FFF , 855px 1491px #FFF , 972px 504px #FFF , 1109px 1420px #FFF , 313px 1804px #FFF , 554px 1216px #FFF , 315px 1389px #FFF , 1272px 1447px #FFF , 820px 249px #FFF , 693px 1629px #FFF , 1110px 166px #FFF , 884px 1459px #FFF , 1761px 1488px #FFF , 1337px 693px #FFF , 365px 1667px #FFF , 779px 603px #FFF , 317px 477px #FFF , 429px 1767px #FFF , 287px 606px #FFF , 269px 1813px #FFF , 392px 872px #FFF , 1292px 815px #FFF , 852px 232px #FFF , 930px 95px #FFF , 846px 819px #FFF , 1076px 597px #FFF , 495px 1228px #FFF , 612px 1481px #FFF , 592px 43px #FFF , 113px 1904px #FFF , 833px 925px #FFF , 487px 269px #FFF , 1134px 1639px #FFF , 652px 519px #FFF , 1997px 1944px #FFF , 1619px 1474px #FFF , 46px 965px #FFF , 1503px 203px #FFF , 1231px 1514px #FFF , 647px 1092px #FFF , 1555px 216px #FFF , 102px 102px #FFF , 671px 567px #FFF , 967px 1886px #FFF , 907px 368px #FFF , 635px 46px #FFF , 1442px 183px #FFF;
    animation: animStar 100s linear infinite;
}
#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 125px 1912px #FFF , 544px 688px #FFF , 642px 614px #FFF , 276px 940px #FFF , 1695px 963px #FFF , 922px 581px #FFF , 1671px 494px #FFF , 1928px 1133px #FFF , 1320px 1968px #FFF , 682px 962px #FFF , 1026px 1252px #FFF , 450px 1731px #FFF , 318px 742px #FFF , 56px 171px #FFF , 919px 1716px #FFF , 1685px 1117px #FFF , 1964px 151px #FFF , 1609px 768px #FFF , 805px 178px #FFF , 1900px 287px #FFF , 863px 245px #FFF , 396px 1378px #FFF , 1618px 1152px #FFF , 241px 1829px #FFF , 1379px 883px #FFF , 306px 538px #FFF , 1802px 1972px #FFF , 1719px 117px #FFF , 1100px 757px #FFF , 1317px 1209px #FFF , 1951px 1199px #FFF , 881px 1038px #FFF , 394px 1601px #FFF , 1364px 180px #FFF , 506px 595px #FFF , 870px 1160px #FFF , 1914px 682px #FFF , 966px 127px #FFF , 92px 652px #FFF , 1861px 1840px #FFF , 120px 1524px #FFF , 1423px 68px #FFF , 1500px 1934px #FFF , 529px 575px #FFF , 641px 1092px #FFF , 1220px 1413px #FFF , 946px 1531px #FFF , 433px 1142px #FFF , 314px 1022px #FFF , 701px 389px #FFF , 236px 1643px #FFF , 1278px 685px #FFF , 1180px 618px #FFF , 1105px 607px #FFF , 43px 1958px #FFF , 1990px 1321px #FFF , 99px 1580px #FFF , 1636px 278px #FFF , 1185px 1132px #FFF , 1692px 1255px #FFF , 128px 1753px #FFF , 1230px 1883px #FFF , 1329px 511px #FFF , 897px 585px #FFF , 509px 1008px #FFF , 877px 191px #FFF , 1035px 626px #FFF , 674px 1171px #FFF , 1757px 30px #FFF , 361px 1463px #FFF , 379px 199px #FFF , 91px 182px #FFF , 764px 781px #FFF , 173px 1374px #FFF , 64px 1651px #FFF , 493px 130px #FFF , 1931px 1794px #FFF , 1845px 114px #FFF , 683px 26px #FFF , 1678px 342px #FFF , 885px 1631px #FFF , 1079px 851px #FFF , 662px 1906px #FFF , 627px 447px #FFF , 1249px 1003px #FFF , 1518px 1146px #FFF , 1019px 1233px #FFF , 1800px 351px #FFF , 1252px 275px #FFF , 1557px 809px #FFF , 174px 1610px #FFF , 1854px 1032px #FFF , 278px 609px #FFF , 1941px 1539px #FFF , 1188px 378px #FFF , 259px 121px #FFF , 937px 57px #FFF , 615px 637px #FFF , 1301px 1640px #FFF , 1326px 896px #FFF , 1385px 1405px #FFF , 1736px 230px #FFF , 1567px 1216px #FFF , 957px 421px #FFF , 647px 623px #FFF , 1649px 1442px #FFF , 116px 1353px #FFF , 468px 1832px #FFF , 449px 726px #FFF , 451px 87px #FFF , 884px 1039px #FFF , 1451px 1220px #FFF , 929px 1931px #FFF , 1242px 711px #FFF , 1900px 609px #FFF , 796px 1394px #FFF , 1108px 614px #FFF , 201px 1340px #FFF , 1380px 1108px #FFF , 1400px 1818px #FFF , 1740px 1453px #FFF , 1567px 962px #FFF , 1898px 194px #FFF , 739px 1474px #FFF , 55px 1104px #FFF , 1605px 1744px #FFF , 76px 936px #FFF , 1663px 1475px #FFF , 442px 1884px #FFF , 1888px 1443px #FFF , 547px 126px #FFF , 1956px 1124px #FFF , 976px 501px #FFF , 1631px 112px #FFF , 1920px 1211px #FFF , 971px 331px #FFF , 1876px 904px #FFF , 515px 444px #FFF , 389px 386px #FFF , 1573px 909px #FFF , 1022px 1901px #FFF , 901px 991px #FFF , 1567px 1645px #FFF , 1769px 603px #FFF , 1755px 981px #FFF , 1799px 1963px #FFF , 1786px 3px #FFF , 452px 510px #FFF , 1354px 763px #FFF , 1489px 1164px #FFF , 443px 1134px #FFF , 518px 1176px #FFF , 1997px 617px #FFF , 431px 306px #FFF , 855px 1491px #FFF , 972px 504px #FFF , 1109px 1420px #FFF , 313px 1804px #FFF , 554px 1216px #FFF , 315px 1389px #FFF , 1272px 1447px #FFF , 820px 249px #FFF , 693px 1629px #FFF , 1110px 166px #FFF , 884px 1459px #FFF , 1761px 1488px #FFF , 1337px 693px #FFF , 365px 1667px #FFF , 779px 603px #FFF , 317px 477px #FFF , 429px 1767px #FFF , 287px 606px #FFF , 269px 1813px #FFF , 392px 872px #FFF , 1292px 815px #FFF , 852px 232px #FFF , 930px 95px #FFF , 846px 819px #FFF , 1076px 597px #FFF , 495px 1228px #FFF , 612px 1481px #FFF , 592px 43px #FFF , 113px 1904px #FFF , 833px 925px #FFF , 487px 269px #FFF , 1134px 1639px #FFF , 652px 519px #FFF , 1997px 1944px #FFF , 1619px 1474px #FFF , 46px 965px #FFF , 1503px 203px #FFF , 1231px 1514px #FFF , 647px 1092px #FFF , 1555px 216px #FFF , 102px 102px #FFF , 671px 567px #FFF , 967px 1886px #FFF , 907px 368px #FFF , 635px 46px #FFF , 1442px 183px #FFF;
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1840px 455px #FFF , 1387px 1716px #FFF , 258px 1920px #FFF , 1125px 623px #FFF , 157px 26px #FFF , 1572px 84px #FFF , 1308px 1021px #FFF , 242px 764px #FFF , 1377px 837px #FFF , 994px 1353px #FFF , 856px 800px #FFF , 1928px 1517px #FFF , 1830px 1210px #FFF , 4px 785px #FFF , 702px 1707px #FFF , 1771px 1651px #FFF , 937px 375px #FFF , 600px 1103px #FFF , 1711px 907px #FFF , 895px 1499px #FFF , 816px 1910px #FFF , 1365px 133px #FFF , 430px 864px #FFF , 482px 402px #FFF , 779px 1571px #FFF , 1018px 127px #FFF , 228px 979px #FFF , 1049px 1334px #FFF , 140px 698px #FFF , 1181px 1085px #FFF , 1562px 1408px #FFF , 1790px 458px #FFF , 1450px 261px #FFF , 840px 1958px #FFF , 152px 384px #FFF , 1032px 156px #FFF , 1459px 1022px #FFF , 63px 742px #FFF , 661px 919px #FFF , 1511px 80px #FFF , 1969px 1811px #FFF , 468px 197px #FFF , 416px 757px #FFF , 1273px 948px #FFF , 1945px 1931px #FFF , 794px 1381px #FFF , 1391px 1094px #FFF , 503px 1382px #FFF , 1679px 1209px #FFF , 1942px 1332px #FFF , 1229px 776px #FFF , 1995px 911px #FFF , 1338px 1921px #FFF , 1340px 1712px #FFF , 1787px 247px #FFF , 1616px 454px #FFF , 86px 1619px #FFF , 1111px 826px #FFF , 311px 88px #FFF , 1329px 1294px #FFF , 1326px 1658px #FFF , 837px 587px #FFF , 1995px 1398px #FFF , 495px 416px #FFF , 1614px 1714px #FFF , 1179px 942px #FFF , 501px 908px #FFF , 1312px 994px #FFF , 750px 1164px #FFF , 1147px 692px #FFF , 1099px 1320px #FFF , 1600px 1084px #FFF , 493px 634px #FFF , 959px 1314px #FFF , 1162px 1060px #FFF , 1225px 1695px #FFF , 1242px 1672px #FFF , 1916px 516px #FFF , 1375px 1879px #FFF , 882px 1259px #FFF , 1889px 1898px #FFF , 1337px 1014px #FFF , 1353px 752px #FFF , 1764px 1840px #FFF , 1611px 55px #FFF , 1822px 729px #FFF , 791px 585px #FFF , 807px 1189px #FFF , 1778px 1023px #FFF , 1746px 1823px #FFF , 272px 739px #FFF , 554px 616px #FFF , 1979px 491px #FFF , 742px 524px #FFF , 943px 1971px #FFF , 1100px 1226px #FFF , 1569px 1093px #FFF , 1933px 1306px #FFF , 1311px 103px #FFF , 984px 1225px #FFF;
    animation: animStar 150s linear infinite;
}
#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1840px 455px #FFF , 1387px 1716px #FFF , 258px 1920px #FFF , 1125px 623px #FFF , 157px 26px #FFF , 1572px 84px #FFF , 1308px 1021px #FFF , 242px 764px #FFF , 1377px 837px #FFF , 994px 1353px #FFF , 856px 800px #FFF , 1928px 1517px #FFF , 1830px 1210px #FFF , 4px 785px #FFF , 702px 1707px #FFF , 1771px 1651px #FFF , 937px 375px #FFF , 600px 1103px #FFF , 1711px 907px #FFF , 895px 1499px #FFF , 816px 1910px #FFF , 1365px 133px #FFF , 430px 864px #FFF , 482px 402px #FFF , 779px 1571px #FFF , 1018px 127px #FFF , 228px 979px #FFF , 1049px 1334px #FFF , 140px 698px #FFF , 1181px 1085px #FFF , 1562px 1408px #FFF , 1790px 458px #FFF , 1450px 261px #FFF , 840px 1958px #FFF , 152px 384px #FFF , 1032px 156px #FFF , 1459px 1022px #FFF , 63px 742px #FFF , 661px 919px #FFF , 1511px 80px #FFF , 1969px 1811px #FFF , 468px 197px #FFF , 416px 757px #FFF , 1273px 948px #FFF , 1945px 1931px #FFF , 794px 1381px #FFF , 1391px 1094px #FFF , 503px 1382px #FFF , 1679px 1209px #FFF , 1942px 1332px #FFF , 1229px 776px #FFF , 1995px 911px #FFF , 1338px 1921px #FFF , 1340px 1712px #FFF , 1787px 247px #FFF , 1616px 454px #FFF , 86px 1619px #FFF , 1111px 826px #FFF , 311px 88px #FFF , 1329px 1294px #FFF , 1326px 1658px #FFF , 837px 587px #FFF , 1995px 1398px #FFF , 495px 416px #FFF , 1614px 1714px #FFF , 1179px 942px #FFF , 501px 908px #FFF , 1312px 994px #FFF , 750px 1164px #FFF , 1147px 692px #FFF , 1099px 1320px #FFF , 1600px 1084px #FFF , 493px 634px #FFF , 959px 1314px #FFF , 1162px 1060px #FFF , 1225px 1695px #FFF , 1242px 1672px #FFF , 1916px 516px #FFF , 1375px 1879px #FFF , 882px 1259px #FFF , 1889px 1898px #FFF , 1337px 1014px #FFF , 1353px 752px #FFF , 1764px 1840px #FFF , 1611px 55px #FFF , 1822px 729px #FFF , 791px 585px #FFF , 807px 1189px #FFF , 1778px 1023px #FFF , 1746px 1823px #FFF , 272px 739px #FFF , 554px 616px #FFF , 1979px 491px #FFF , 742px 524px #FFF , 943px 1971px #FFF , 1100px 1226px #FFF , 1569px 1093px #FFF , 1933px 1306px #FFF , 1311px 103px #FFF , 984px 1225px #FFF;
}

@keyframes animStar {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-2000px);
    }
}

/*-----------------------
	// Top banner animation
-------------------------*/

.bootstrap-select .btn{
    height: 60px;
    border: 1px solid #D9E2EF;
    border-radius: 8px;
}
.bootstrap-select .filter-option-inner-inner{
    color: #96A6B6;
    font-weight: 500;
}
.crypto-select-item .bootstrap-select>.dropdown-toggle:before{
    display:none;
}
.bootstrap-select>.dropdown-toggle:before{
    content: "";
    position:absolute;
    right:36px;
    top:0;
    height:100%;
    width:1px;
    background:#D9E2EF;
}
.dropdown-toggle::after{
    border-top: .3em solid #000000;
    margin-right: 2px;
}
.dropup .dropdown-toggle::after{
    border-bottom: .3em solid #000000;
}
.bootstrap-select .filter-option-inner-inner.active{
    color: #1F2A50;
}


.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{
    background-color: #ffffff;
    border-color: #D9E2EF;
}


/* Exchange form select  */
.crypto-select-item label.error{
    right: 0;
}

.bs-searchbox .form-control{
    height:39px;
    padding-left:30px;
    background-position:8px center;
    border-radius:8px;
}
.crypto-select-item .bs-searchbox .form-control{
    padding-left:30px;
    height:39px;
    border-radius: 8px;
}

.bootstrap-select .dropdown-header{
    font-weight: 500;
    font-size: 14px;
    color:#1F2A50;
    padding-left:12px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{
    background-color: #f5f8fb !important;
}
/* Bootstrap select dropdown scrollbar style */
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    background-color: #F5F5F5;
}

.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar
{
    width: 4px;
    padding-right:3px;
    background-color: transparent;
}

.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb
{
    background-color: #D9E2EF;
}


.bs-searchbox .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #96A6B6;
    font-size: 16px;
    font-weight:400;
}
.bs-searchbox .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #96A6B6;
    font-weight:400;
}
.bs-searchbox .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #96A6B6;
    font-weight:400;
}
.bs-searchbox .form-control:-moz-placeholder { /* Firefox 18- */
    color: #96A6B6;
    font-weight:400;
}

.crypto-select-item .bootstrap-select .btn{
    padding: 16px 15px;
    min-width:129px;
    width:auto;
    border: 1px solid #D9E2EF;
    background:#ffffff;
    border-radius:8px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right:0;
}

.crypto-select-item .bootstrap-select .btn .content-full{
    margin-right: 16px;
}
.crypto-select-item .bootstrap-select .content-full span{
    color:#96A6B6;
    font-weight:400;
    margin-left:5px;
}
.crypto-select-item .bootstrap-select .content-full .full-name{
    color: #546678;
}
.crypto-select-item .bootstrap-select .dropdown-toggle::after{
    position:absolute;
    right:13px;
    margin-top:0;
}
.crypto-select-item .bootstrap-select .select-content, .crypto-select-item .bootstrap-select .content-short{
    display:flex;
    align-items:center;
    text-transform: uppercase;
}
.crypto-select-item .bootstrap-select .crypto-logo{
    height:20px;
}

.crypto-select-item .bootstrap-select .btn .crypto-logo{
    width:24px;
    height:auto;
}
.crypto-select-item .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:auto;
}
.crypto-select-item .bootstrap-select .crypto-name{
    font-family: 'Gilroy';
    color: #1F2A50;
    font-weight: 500;
    font-size: 16px;
    padding:0 8px;
}
.crypto-select-item .bootstrap-select .btn .crypto-name{
    font-size: 18px;
    font-weight: 600;
}
.crypto-select-item{
    display:flex;
    position:relative;
    padding:15px;
    background: #E9F6F0;
    border-radius: 5px;
}
.crypto-select-item .form-control{
    height:auto;
    border-color: #ced4da;
    padding:0 16px;
    border-radius:8px!important;
    border-top-left-radius:0 !important;
    border-bottom-left-radius:0 !important;
}
.crypto-select-item .bootstrap-select .dropdown-menu li a{
    font-weight:500;
}
.bootstrap-select .dropdown-toggle .filter-option{
    display: flex;
    align-items: center;
}
.crypto-select-item .bootstrap-select .dropdown-menu li.active a,
.bootstrap-select .dropdown-menu li.active a .crypto-name, .bootstrap-select .dropdown-menu li.active a .content-full .full-name{
    color:#F8794B;
}
.dropdown-item:focus, .dropdown-item:hover{
    background-color: #FFF8EF;
}
.reverse-container .btn-reverse{
    background:#ffffff;
    border: 1px solid #D9E2EF;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.reverse-container .btn-reverse.active{
    transform: rotate(180deg);
}

/* Equal item  */
.equal-item{
    padding:12px 0;
    display: flex;
    align-items: center;
}
.equal-item .icon{
    margin-right:12px;
}
.equal-item span{
    font-weight: 500;
    font-size: 14px;
}
.equal-item.icon-top{
    align-items: flex-start;
}
.equal-item.icon-top .icon{
    margin-top:5px;
}
.address-container{
    padding:28px 0;
}
.address-container h2{
    font-size:18px;
    margin-bottom:0;
}
.light-blue-box{
    padding:25px;
    background: #F5F8FB;

}

.label-container{
    display: flex;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position:relative;
}


/*-----------------------
Exchange form footer
-------------------------*/
.exchange-form-footer .right-side{
    display: flex;
    align-items: center;
    justify-content:flex-end;
}
.exchange-form-footer .right-side .next-btn{
    min-width:200px;
}

/* Set time item */
.set-time-item{
    margin-right:35px;
    cursor:pointer;
}
.set-time-item .icon{
    margin-right:10px;
    margin-top:-2px;
}

.set-time-item{
    display: flex;
    align-items: center;
}
.set-time-item .date-text, .set-time-item .time-text{
    color: #1F2A50;
    font-weight: 500;
    font-size: 16px;
}


.agre-item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    font-weight:500;
}
.agre-item.item-inline{
    height:auto;
}
.agre-item .agree-text{
    font-weight: 500;
    font-size: 14px;
}
.agree-text a{
    color: #F8794B;
    font-weight: 500;
}
.agree-text a{
    color:#1F2A50;
    text-decoration:underline;
}
.agree-text a:hover{
    text-decoration:none;
}

/* Agre item inline */
.agre-item-inline{
    margin:-30px 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight:500;
}
.agre-item-inline{
    font-weight: 500;
    font-size: 14px;
}
.agre-item-inline a{
    color: #F8794B;
}
.agre-item-inline .agree-text{
    font-weight: 500;
    font-size: 14px;
    line-height:16px;
}
.agre-item-inline .agree-text a{
    color:#1F2A50;
    text-decoration:underline;
}
.agre-item-inline .agree-text a:hover{
    text-decoration:none;
}


/*-----------------------
Select minimal
-------------------------*/
.select-minimal .btn-light{
    background-color: #ffffff;
    border:transparent;
    height:auto;
}
.select-minimal .btn:before{
    display:none;
}
.bootstrap-select.select-minimal .filter-option-inner-inner{
    color: #1F2A50;
    font-weight:bold;
}
.select-minimal .dropdown-toggle{
    padding-right:30px;
}
.select-minimal.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:auto;
}
.select-minimal.bootstrap-select .dropdown-menu{
    padding-top: 0;
    padding-bottom: 0;
}
.select-minimal .dropdown-toggle .lang-icon, .select-minimal .dropdown-menu .lang-icon{
    width:20px;
    margin-right:7px;
    margin-top: -3px;
}
.select-minimal .dropdown-toggle .filter-option-inner{
    font-weight:600;
    font-size: 14px;
}
.select-minimal.bootstrap-select .dropdown-menu li a span.text{
    font-size: 14px;
    font-weight:500;
}

.select-minimal.bootstrap-select .dropdown-menu li a.dropdown-item{
    padding: 5px 10px;
}
.select-minimal .dropdown-toggle::after{
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    display: inline-block;
    position: absolute;
    right: 22px;
    top: 11px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f078";
    font-size:11px;
}


/*-----------------------
	Wallet list
-------------------------*/
.wallet-list-container .section-heading{
    margin-bottom: 20px;
}
.wallet-list-container{
    margin-top:40px;
    position:relative;
    padding:32px 0;
    margin-left:-32px;
    width:calc(100% + 32px);
}
.wallet-list-container .section-heading{
    padding:0 32px;
}
.wallet-list-container .row{
    margin-right: 0px;
    margin-left: 0px;
}
.wallet-list .wallet-item{
    padding:10px 0;
}

.wallet-item .item-center{
    position:relative;
    display: flex;
    align-items: center;
}
.wallet-item .item-right-side{
    position:relative;
    display: flex;
    justify-content:right;
}
.wallet-item .item-right-side:after, .wallet-item .item-center:after{
    content:"";
    position:absolute;
    bottom:-10px;
    width:100%;
    border-bottom:1px solid #D9E2EF;
}

.wallet-logo{
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    background: #F5F8FB;
    min-height:75px;
}
.wallet-logo img{
    padding:14px 0;
}
.wallet-info{
    display:flex;
    justify-content: center;
    flex-direction:column;
}
.wallet-heading{
    font-family: 'Gilroy';
    color: #1F2A50;
    font-size: 18px;
    line-height: 22px;
    font-weight:bold;
    margin-bottom:0;
}

.wallet-status{
    font-size: 14px;
    color: #96A6B6;
}
.wallet-close{
    position:absolute;
    right:0;
    top:40px;
    cursor:pointer;
    color:#96A6B6;
    font-size: 18px;
    transition: all 0.3s ease;
}
.wallet-close:hover{
    color:#333333;
}


.wallet-icons{
    padding:0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    margin-left:auto;
}
.wallet-icons .icon{
    padding:0 10px;
}

.wallet-item .item-left-side{
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
}
.wallet-item .item-right-side{
    -ms-flex: 0 0 82%;
    flex: 0 0 82%;
    max-width: 82%;
    padding-left:30px;
}
.button-holder{
    display: flex;
    align-items: center;
    justify-content: right;
}
.wallet-item .item-right-side .create-btn{
    text-transform:none;
    min-width:200px;
    padding: 10px 36px;
    font-size:16px;
    border-color:#d8563c;
    color:#d8563c;
}
.wallet-item .create-btn .text-mobile{
    display:none;
    text-transform:uppercase;
}
.wallet-list-link{
    color: #1F2A50;
    font-size: 14px;
    margin-left:auto;
    font-weight:bold;
    cursor:pointer;
}
.wallet-list-link:hover{
    /*color:#3658cc;*/
}
.wallet-list-link.active{
    color: #96A6B6;
}
.wallet-list-link .icon{
    margin:-3px 5px 0 0;
}
.wallet-list-link .icon path{
    fill:#1F2A50;
}
.wallet-list-link.active .icon path{
    fill:#96A6B6;
}
.walletList{
    display:none;
}



/*-----------------------
	Sidebar
-------------------------*/
.sidebar-item{
    border: 1px solid #D9E2EF;
    box-sizing: border-box;
}
.sidebar-header{
    padding:30px 30px 20px 30px;
    align-items: center;
    justify-content: center;
    flex-direction:column;
}

.text-title{
    font-size: 14px;
    line-height: 17px;
    margin-bottom:5px;
    font-weight: bold;
}
.sidebar-header h3{
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    color: #1F2A50;
    text-align:left;
    margin-bottom:0;
}
.sidebar-section.address-section{
    padding:0 0 20px 0;
}
.sidebar-section.address-section .address-text{
    font-size:14px;
    line-height:16px;
    word-break:break-all;
    text-align:left;
    font-weight:500;
}
.sidebar-section{
    padding:20px 0;
    border-bottom:1px solid #ECEFF1;
    position:relative;
}

.sidebar-body{
    padding:0 20px;
}

.sidebar-body .sidebar-section:last-child{
    border-bottom: 0;
}
.sidebar-footer .sidebar-section{
    border:none;
    background: #F5F8FB;
    padding: 20px;
}
.sidebar-section:nth-child(2){
    padding: 18px 0;
}
.data-item{
    display: flex;
    align-items: center;
}
.data-item .data-heading{
    font-size: 14px;
    font-weight:bold;
}

.data-item .data-value{
    margin-left:auto;
    font-size: 16px;
    font-weight: 500;
}
/*-----------------------
	Modal
-------------------------*/

.yellow-box{
    background: #FFFCDF;
    padding:12px;
    margin-left:-12px;
    width:calc(100% + 24px);
}
.yellow-box .list{
    padding-top:0;
    margin-bottom:0;
}
.modal .list .list-item:after{
    width: 4px;
    height: 4px;
    background-color: #1F2A50;
}
.modal .list .list-item{
    color: #1F2A50;
    font-weight: 500;
}

.blue-box{
    padding:25px 24px;
    background: #F6F8FB;
}
.box-title{
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    margin-bottom:30px;
}
.blue-box .radio{
    margin-bottom:15px;
}
.blue-box .radio:last-child{
    margin-bottom:0;
}
.notify-modal .modal-dialog{
    max-width: 700px;
}

.notify-modal .modal-dialog .modal-header{
    border-bottom:none;
}

.notify-modal .button{
    min-width:auto;
    width:100%;
}
.notify-modal .modal-body{
    padding-top:7px;
}
.notify-modal .modal-header{
    padding-top:20px;
}
.connect-btn{
    display: flex;
    justify-content:flex-start;
    align-items:center;
    color: #96A6B6;
    border: 1px solid #D9E2EF;
    font-weight: 500;
    border-radius: 8px;
    font-size: 18px;
    height: 60px;
    padding: .375rem 24px;
}
/* popup item */
.popup{
    max-width:225px;
    background: #FFFFFF;
    border: 1px solid #D9E2EF;
    box-sizing: border-box;
    border-radius: 8px;
}
.popup .popup-header{
    font-weight: bold;
    font-size: 16px;
    padding:12px;
    display:flex;
    align-items:center;
}
.popup .popup-header .icon{
    color:#96A6B6;
    margin-left:auto;
}
.popup .popup-body{
    padding:0 12px 4px 12px;
}
.popup .form-group{
    margin-bottom:8px;
}
.popup .form-control{
    text-align:right;
    height:32px;
    max-height:32px;
    border:none;
    padding:0;
    font-weight: 500;
    font-size: 16px;
}
.popup .course-val, .popup .sell-val{
    font-weight: 500;
    font-size: 16px;
    color:#495057;
    margin-left:5px;
    margin-top: 1px;
}
.popup .input-box .icon.refresh-icon{
    color:#96A6B6;
    font-size:20px;
    cursor:pointer;
    margin:0 -3px 0 3px;
}
.popup label{
    margin-bottom:0;
    font-weight: 500;
    font-size: 16px;
    position:absolute;
    background-color:#ffffff;
}
.popup .input-box{
    padding:0 12px;
    border: 1px solid #D9E2EF;
    box-sizing: border-box;
    border-radius: 6px;
    display:flex;
    align-items: stretch;
    align-items:center;
    width:100%;
}

.ampopup-header, .ampopup-content{
    background:none !important;
}

.ampopup-header{
    height: 40px;
    top: 15px;
    position: absolute;
}

.ampopup-curtain {
    display:block !important;
}
.ampopup-close{
    border-radius: 50%;
    top: 10px !important;
    right: 25px !important;
    background:none !important;
}

.ampopup-close:before{
    content: "\F156";
    display: inline-block;
    font-family: "Material Design Icons";
    font-size: 20px;
    color:#96A6B6;
}
.ampopup-close:hover:before{
    color:#1F2A50;
}
[aria-labelledby="id-66-title"]{
    display:none;
}


/* Info text item */
.info-text-item{
    font-weight: 500;
    font-size: 16px;
    line-height:1.8;
    word-wrap: break-word;
}
.info-text-icon{
    width:20px;
}
.text-alert-item{
    padding:10px 14px;
    color: #FF4E79;
    background: rgba(255, 78, 121, 0.06);
    width: calc(100% + 28px);
    margin:20px 0;
    margin-left:-14px;

}
.text-alert-item .icon{
    vertical-align:inherit;
}
.alert-warning{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.text-alert-item-default{
    padding:10px 14px;
    color: #FF4E79;
    background: rgba(255, 78, 121, 0.06);
}

#invoice-deposit-url{
    color: dodgerblue;
}

/* Paymennt modal */

.paymennt-status-modal .info-text-item{
    display:flex;
    margin-bottom:15px;
}
.paymennt-status-modal .info-text-item .icon{
    margin-left:10px;
}
.paymennt-status-modal .info-text-item .text{
    max-width:80%;
    line-height: 1.5;
    padding-top:5px;
}
.paymennt-status-modal .modal-body{
    padding-bottom:0;
}
.paymennt-status-modal .modal-footer{
    padding-top:0;
}
.paymennt-status-modal .info-text-holder{
    margin-left:40px;
}
.modal .bootstrap-select .filter-option-inner-inner {
    color: #1F2A50;
}
.word-break-all{
    word-break: break-all;
}




/* Exchange complete modal */

.exchange-complete-modal .modal-header{
    border-bottom:none;
    padding-top:48px;
}
.exchange-complete-modal .icon-success{
    width:80px;
    margin: -34px 0 30px 0;
}
.exchange-complete-modal .modal-title{
    margin-bottom:5px;
}
.exchange-complete-modal .modal-body{
    text-align:center;
}
.exchange-complete-modal .info-text-item{
    font-size: 18px;
}
.exchange-complete-modal .modal-footer{
    justify-content: center;
    padding-bottom:48px;
    padding-top:5px;
}

.resset-email-modal .submit-btn{
    min-width:295px;
}


/* Email verification modal */
.email-verify-modal .bottons-container .button{
    font-size:16px;
    width: 50%;
    padding-right: 0;
    padding-left: 0;
    margin:0 5px;
}
.email-verify-modal .bottons-container{
    margin-left:-5px;
    margin-right:-5px;
}

.email-verify-modal .info-text-item{
    display:flex;
}



/* Turn on two-fa modal */
.two-fa-modal .modal-footer{
    padding-top:0;
}
.two-fa-modal .modal-body{
    padding-bottom:15px;
}

/* Turn on two-fa modal */
.turn-off-2-fa-modal{

}


.error-change-password, .error-change-email, .error-change-phone-number{
    font-size: 14px;
    font-weight: 500;
    color: #FF4E79;
    position: absolute;
}

#successResponseModal .modal-body{
    text-align: center;
}

.hide{
    display: none;
}

.modal.two-fa-modal .modal-dialog{
    max-width: 800px;
}
.modal.two-fa-modal .row.no-gutters{
    margin-top: 25px;
}
.modal.two-fa-modal #google-auth-tab-list li a.active{
    color: #fff;
    background-color: #5BC99C;
    border-color: #5BC99C;
}
.modal.two-fa-modal .button-small{
    padding: 7px 24px;
}
.modal.two-fa-modal .copy-btn-item{
    padding: 12px 34px;
}
.modal.two-fa-modal p, h4.alert-heading, .alert-light{
    color: #1F2A50;
}
.modal.two-fa-modal .form-label:nth-child(1){
    margin-top: 18px;
}



/*-----------------------
	Datepicker styles
-------------------------*/
.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle{
    display:none;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
    font-weight: 600;
    font-size: 16px;
    font-family: Gilroy;
    color: #1F2A50;
}
.bootstrap-datetimepicker-widget table tr+tr th{
    font-family: Gilroy;
    font-weight: 700;
    color:#5578F2;
    text-transform:uppercase
}
.bootstrap-datetimepicker-widget table td.day{
    font-family: Gilroy;
    font-weight: bold;
    border:1px solid #ecf0f7;
}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th{
    padding: .8em;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{
    color:#5578F2;
    background-color: #eef2fe;
    font-family: Gilroy;
    font-weight: bold;
}
.bootstrap-datetimepicker-widget table{
    border-radius: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu{
    box-shadow: 0px 2px 8px rgba(160, 173, 186, 0.25);
    border: none;
    width:auto;
}
.datepicker .fa, .timepicker .fa{
    font-size:12px;
}
.timepicker-picker{
    padding:0 30px;
}
.timepicker-picker .timepicker-hour, .timepicker-picker .timepicker-minute{
    background: #ffffff;
    border: 1px solid #D9E2EF;
    font-size:22px;
    font-weight:bold;
    width:100%;
    min-width:70px;
    border-radius: 8px;
}

.timepicker-picker{
    font-size:24px;
    font-weight:bold;
}
.separator{
    font-size:30px;
}
.timepicker-picker table th, .timepicker-picker table td{
    padding:0;
}
.timepicker-container, .datepicker-container, .timepicker-container .form-control, .datepicker-container .form-control{
    position:relative;
    background:transparent;

}
.datepicker-container.icon-calendar:before{
    content:"";
    position:absolute;
    right:20px;
    width:18px;
    height:20px;
    top:50%;
    transform:translateY(-50%);
    background:url(images/icons/calendar.svg);
}

.timepicker-container.icon-alarm:before{
    content:"";
    position:absolute;
    right:20px;
    width:20px;
    height:21px;
    top:50%;
    transform:translateY(-50%);
    background:url(images/icons/alarm-clock.svg);
}

/*-----------------------
	Progress
-------------------------*/

.progress-container .status-item:last-child .progress-info-container{
    border-bottom:none;
}
.notyfy-container{
    width:100%;
    margin-top:30px;
    padding: 28px 0;
    padding:24px 32px;
}
.notify-me-btn{
    margin-left:8px;
}
.notyfy-container .form-group{
    margin-bottom:0;
}
.notyfy-link{
    display:flex;
    align-items:center;
    font-weight:bold;
    color: #F8794B;
    margin:0 40px 0 auto;
    text-decoration:underline;

}
/* Status item */
.status-item.active .progress-subtitle{
    color: #0CCBBE;
}
.status-item.active .progress-icon img{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.status-item.active .arrows-indicator .fa{
    color:#0CCBBE;
}

.status-item .progress-info-container{
    display: flex;
    align-items: center;
    height:100%;
    border-bottom:1px solid #D9E2EF;
}
.status-item .row{
    width:100%;
}
.progress-info{
    padding:10px 0;
}
.progress-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F6F8FB;
    margin:10px 0;
}
.progress-icon img {
    margin: 15px 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 50px;
}


.progress-subtitle{
    font-size: 14px;
    color: #96A6B6;
    font-weight:500;
}
.progress-title{
    font-size: 18px;
    font-weight:500;
    margin-bottom:3px;
}
.progress-title .fa{
    font-size: 20px;
    color:#D9E2EF;
}

.progress-group{
    display:flex;
    width:100%;
    align-items: center;
}
.arrows-indicator{
    padding: 0 15px 0 19px;
    margin-bottom: 3px;
}
.arrows-indicator i{
    color:#D9E2EF;
    font-size:32px;
    margin-left:-3px;
}




/*-----------------------
	Exchange complete
-------------------------*/
.complete-container{
    border-radius:8px;
    border: 1px solid #ECEFF1;
}
.complete-header{
    background: #F6F8FB;
}
.header-text-item .header-title{
    font-size: 16px;
    font-weight:bold;
    margin-right:10px;
}
.header-text-item{
    display:flex;
    align-items:center;
}
.header-text-item .header-value{
    font-size: 18px;
    font-weight:500;
}
.complete-header .left-info{
    display:flex;
    height:100%;
    align-items:center;
    padding:25px 45px;
    padding-right:20px;
}
.complete-header .left-info .icon-arrow-right{
    margin-right:-30px;
    margin-left:auto;
}

.complete-header .right-info{
    display:flex;
    align-items:center;
    padding:25px 45px;
    padding-left:20px;
}
.trak-link-item{
    font-size: 16px;
    font-weight:bold;
    display:flex;
    align-items:center;
}
.trak-link-item .icon{
    margin-right:10px;
    margin-top:3px;
}
.complete-header .right-info .trak-link-item{
    margin-left:auto;
    color: #5BC99C;
}

.complete-info-title{
    font-size: 14px;
    color: #96A6B6;
    font-weight:bold;
    margin-bottom:4px;
}
.complete-info-value{
    font-size: 16px;
    font-weight:500;
}

.complete-body .complete-info-item:first-child .left-info{
    height:auto;
}

.complete-info-item .left-info-holder{
    padding:25px 0 15px 45px;
    border-right:1px solid #D9E2EF;
    height: 100%;
}
.complete-info-item .right-info-holder{
    padding:25px 0 15px 22px;
}

/* Complete info item */
.complete-info-item .left-info{
    padding:0 0 20px 0;
    height:100%;
}
.complete-info-item .right-info{
    padding:0 0 20px 0;
}

/*-----------------------
	Add Payment
-------------------------*/

.form-group-icon{
    position:relative;
}
.form-group-icon .icon{
    position:absolute;
    left:24px;
    top:19px;
}
.form-group-icon input{
    padding-left:85px;
}

.card-form-footer{
    display:flex;
    margin-top:10px;
    justify-content:flex-end;
}
.v-divider{
    display:flex;
    align-items:center;
    margin:0 24px;
}
.v-divider span{
    width:2px;
    height:24px;
    background:#ECEFF1;
}

/* User avatar item */
.user-avatar-item{
    width:42px;
    height:42px;
    border-radius:50%;
    overflow:hidden;
}
.user-avatar-item img{
    width:100%;
}


/*-----------------------
	Account settings
-------------------------*/

.settings-container{
    margin-top:20px;
}
.settings-container .section-heading{
    margin-bottom:15px;
}
.setting-item{
    display:flex;
    padding:25px 30px;
    align-items: center;
}
.setting-header .user-avatar-item{
    width:54px;
    height:54px;
    min-width:54px;
    min-height:54px;
}
.setting-header{
    display:flex;
    align-items: center;
}
.setting-header .header-info{
    display:flex;
    flex-direction:column;
    margin-left:24px;

}
.setting-header .setting-info{
    display:flex;
    flex-direction:column;
}
.setting-header .header-info h3{
    font-weight: bold;
    font-size: 24px;
    line-height: 34px;
    margin-bottom:0;
}
.setting-header .header-info p{
    font-weight: 500;
    font-size: 14px;
    margin-bottom:0;
}

.setting-header .header-info .icon{
    margin-top: -5px;
    margin-left:10px;
    cursor:pointer;
}
.setting-item .setting-title{
    font-weight: bold;
    font-size: 16px;
}
.setting-item .setting-subtitle{
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.setting-item .button{
    font-size:16px;
    text-transform:none;
    padding: 10px 15px;
}

.settings-info-message{
    border: 1px solid #2c3d75;
    border-radius: 10px;
    padding: 15px 10px;
    margin: 0 30px;
}

.icon-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#0CCBBE;
    display:inline-block;
    margin-right:8px;
}
.icon-dot.yellow-dot{
    background:#F1AE00;
}
.icon-dot.green-dot{
    background:#0CCBBE;
}

.setting-item .switch{
    margin-right:50px;
}
.switch-holder{
    display:flex;
    align-items: center;
}
.switch-holder .text{
    margin-right:15px;
    font-weight: 500;
    font-size: 16px;
}
.bank-limit-item{
    padding:40px 0 20px 0;
}
.bank-limit-item .section-heading .text-green{
    margin-left:15px;
}
.bank-limit-item .section-heading .icon{
    margin-left:10px;
}
.bank-limit-item .section-heading{
    margin-bottom:7px;
}
.bank-limit-item .section-title{
    font-weight: 500;
    font-size: 16px;
}
.bank-limit-ankor{
    position:absolute;
    margin-top:-50px;
}



/*-----------------------
	Account tabs
-------------------------*/
.info-tabs .nav-tabs{
    border-bottom:0;
    margin-bottom:35px;
}
.info-tabs .setting-item{
    padding-left:0;
    padding-right:0;
}
.info-tabs{
    padding-left: 30px;
    padding-right: 30px;
}
.info-tabs .nav-tabs .nav-link{
    display:flex;
    align-items: center;

}
.info-tabs .nav-tabs .nav-link{
    color:#000000;
    border:none;
    padding: 0 50px;
}
.info-tabs .nav-tabs .nav-item:first-child .nav-link{
    padding-left:0;
}
.info-tabs .nav-tabs .nav-item:last-child:after{
    display:none;
}
.info-tabs .nav-tabs .nav-item{
    position:relative;
}
.info-tabs .nav-tabs .nav-item:after{
    content:"";
    position:absolute;
    right:0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 24px;
    background: #ECEFF1;
}
.info-tabs .nav-tabs .nav-link.active .step-number{
    background:#0CCBBE;
    border-color:#0CCBBE;
}
.info-tabs .nav-tabs .nav-link.active .step-number span{
    color:#ffffff;
}
.info-tabs .nav-tabs .nav-link .tab-title{
    font-weight: 500;
    font-size: 14px;
    font-family: Gilroy;
    color:#000000;
}
.info-tabs .nav-tabs .nav-link .text-blue{
    font-weight: 500;
    margin-top:-5px;
}




/*-----------------------
	Personal info
-------------------------*/

.personal-info input.form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.header-item{
    display:flex;
    align-items: center;
}
.header-item h3{
    font-size: 24px;
    font-weight: 600;
}
.header-item .header-right-title{
    margin-left:auto;
    color: #0CCBBE;
    font-weight: 600;
    font-size: 18px;
}
.header-item{
    margin-bottom:20px;
}

.personal-info .form-group{
    margin-bottom:28px;
}
.iputs-group .form-group{
    display:flex;
}
.personal-info .header-item h3{
    font-weight:bold;
}
.verify-form .iputs-group .form-group .row{
    width: calc(100% + 30px);
    margin-left:-8px;
    margin-right:-8px;
}
.verify-form .iputs-group .form-group div[class^="col"]{
    padding-left:8px;
    padding-right:8px;
}
.verify-form .iputs-group .form-group div[class^="col"]{
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.verify-form .iputs-group .form-group div[class^="col"]:first-child{
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
.iputs-group .form-group .group-item .btn{
    width:100%;
}

.personal-info .bottons-container{
    margin-top:3px;
    text-align:right;
}

.info-tabs .sub-header-item{
    display:flex;
    align-items:center;
    margin-bottom:40px;
}

.info-tabs .sub-header-item .text-left{
    font-weight: 500;
    font-size: 16px;
}
.info-tabs .sub-header-item .text-right{
    display:flex;
    margin-left:auto;
    font-weight: bold;
    font-size: 14px;
    color: #1F2A50;
}
.info-tabs .sub-header-item .text-right .icon{
    margin-right:7px;
}

.id-type-info .header-item{
    margin-bottom:0;
}

.id-type-info .bottom-text{
    margin-top:35px;
    font-weight: 500;
    font-size: 16px;
    color: #96A6B6;
}


.card-container{
    padding: 30px;
    background: #F6F8FB;
}

/* Card item */
.card{
    background: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
    border-radius:6px;
}

.card-item{
    min-height:200px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    background:#ffffff;
    border: 1px solid #D9E2EF;
}
.card-item .icon{
    margin-bottom:30px;
}
.card-item .card-title{
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    margin-bottom:0;
}

/* Popover */
.popover{
    border: 1px solid #D9E2EF;
    max-width: 400px;
}
.popover-header{
    font-weight: bold;
    padding: 10px 0 0 20px;
    background: transparent;
    border: none;
}
.popover-body{
    padding-right:25px;
    padding-top:0;
}
.popover-list{
    padding-left:0;
    margin-bottom:10px;
    list-style:none;
}
.popover-list li{
    padding-left:20px;
    position:relative;
    color: #1F2A50;
    font-weight: 500;
    font-size: 16px;
    margin-bottom:10px;
}
.popover-list li:before{
    content:"";
    width:3px;
    height:3px;
    border-radius:50%;
    background-color: #1F2A50;
    position:absolute;
    left:10px;
    top:55%;
    transform:translateY(-50%);
}
.icon-popover{
    cursor:pointer;
}

/* Timer */
.timer{
    color: #96A6B6;
    font-weight: 500;
    font-size: 16px;
}


/*-----------------------
	Section chart
-------------------------*/
.section-chart{
    margin-top:40px;
}

#chartdiv {
    width: 100%;
    height: 331px;
}
.chart-container{
    position:relative;
    border-radius: 8px;
    padding-right:10px;
    border: 1px solid #D9E2EF;
}
.chart-time-line{
    position:absolute;
    top:16px;
    right:70px;
}
.chart-time-line .time-line-btn{
    background:none;
    border:none;
    font-weight:bold;
    box-shadow:none;
    color:#96A6B6;
    font-size: 14px;
    cursor:pointer;
}
.chart-time-line .time-line-btn:focus{
    outline:none;
    box-shadow:none;
}
.chart-time-line .time-line-btn.active{
    color:#1F2A50;
}

.chart-header-line{
    padding:18px 0 0 23px;
    margin-bottom:20px;
}
.chart-heading{
    display:flex;
    align-items:center;
}

.chart-heading h3{
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0;
    margin-left: 10px;
}

.chart-price-value{
    margin-top:20px;
    font-weight: bold;
    font-size: 28px;
}
.label-val{
    position:absolute;
    font-weight:bold;
    font-size:22px;
    margin:22px;
    color:#5578f2;
}
.chart-zoom-controls{
    position:absolute;
    right:15px;
    top:15px;
}

.chart-zoom-controls button{
    display:block;
    background: #FFFFFF;
    border: 1px solid #D9E2EF;
    box-sizing: border-box;
    width:45px;
    height:35px;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
}
.chart-zoom-controls button .icon{
    color:#96A6B6;
    font-size:24px;
}
.chart-zoom-controls button:hover .icon{
    color:#788898;
}
.chart-zoom-controls button:first-child{
    border-bottom:none;
}

.grow-item .grow-val{
    margin-left:4px;
    color:inherit;
}
.grow-item.grow-up{
    color:#0CCBBE;
}
.grow-item.grow-up .icon{
    color:#0CCBBE;
}
.grow-item.grow-down .icon{
    color:#e6466d;
}
.grow-item.grow-down .icon:before{
    transform: rotate(180deg);
}
.grow-item.grow-down .grow-val{
    color:#e6466d;
}
/*-----------------------
	Exchange small module
-------------------------*/

.exchange-small-module{
    border-radius:8px;
    border: 1px solid #D9E2EF;
}
.module-heading{
    padding: 8px 16px;
    display:flex;
    align-items:center;
    border-bottom:1px solid #D9E2EF;
}
.module-body{
    padding:14px 16px 18px 16px;
}
.module-heading .button-holder{
    margin-left:auto;
}
.module-heading h3.title-left{
    font-size: 18px;
    font-weight:bold;
    margin-bottom:0;
}
.exchange-small-module .reverse-container{
    justify-content: flex-end;
}
.exchange-small-module .reverse-container .btn-reverse{
    position: relative;
    z-index: 1;
    transform: rotate(90deg);
    margin: 17px -5px -20px 0;
}

.exchange-small-module .next-btn-container .button{
    width:100%;
}
.exchange-small-module .next-btn-container .button .icon.icon-convert{
    position:absolute;
    margin-left:-40px;
    margin-top:-7px;
}
.exchange-small-module .next-btn-container{
    margin-top:-5px;
}
.date-picker-btn{
    position:absolute;
    z-index:2;
    right: 15px;
    top: -2px;
    height: 100%;
    display: flex;
    padding:0 25px;
    cursor:pointer;
}
.date-picker-btn:before{
    content:"";
    width:1px;
    height:calc(100% - 2px);
    background: rgba(255, 255, 255, 0.4);
    left: 0;
    top:1px;
    position: absolute;
}

/* Range slider */
.range-slider{
    margin:20px 0 0 0;
}

.irs--round .irs-bar--single{
    border-radius:0;
}
.irs--round .irs-bar{
    top:10px;
    height: 8px;
    background-color: #0CCBBE;
}
.irs--round .irs-line{
    top:10px;
    height: 8px;
    background: #F6F8FB;
}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{
    display:none;
}
.irs--round .irs-handle{
    width: 18px;
    height: 18px;
    top: 5px;
    border: 4px solid #ffffff;
    box-shadow: 0px 0px 6px rgba(85, 120, 242, 0.2);
    background-color: #0CCBBE;
    cursor:pointer;
}

.irs--round .irs-handle:hover{
    background-color: #0CCBBE;
}
.range-value-preview{
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:500;
    font-size: 14px;
    text-align:right;
    color: #96A6B6;
}


.range-value-preview .icon{
    transform: scaleX(-1) rotate(-30deg);
    margin-left:5px;
    cursor:pointer;
}


/*-----------------------
	Transactions
-------------------------*/
.section-datatable.transactions{
    padding-top:30px;
}
.transactions-heading{
    display:flex;
    align-items:center;
}
.transactions-heading .heading-left h3{
    font-size: 30px;
}
.transactions-heading .heading-right {
    width:100%;
    max-width:435px;
    margin-left:auto;
}
.form-control.input-search{
    height:48px;
    padding-left: 42px;
}

.transactions-desc{
    width:95%;
    color: #546678;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}

.form-control.input-search{
    background: url(../img/icons/search.svg) no-repeat left;
    background-position: 15px 51%;
    background-size: 18px;

}
.form-control.input-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #96A6B6;
    font-size: 16px;
}
.form-control.input-search::-moz-placeholder { /* Firefox 19+ */
    color: #96A6B6;
    font-size: 16px;
}
.form-control.input-search:-ms-input-placeholder { /* IE 10+ */
    color: #96A6B6;
    font-size: 16px;
}
.form-control.input-search:-moz-placeholder { /* Firefox 18- */
    color: #96A6B6;
    font-size: 16px;
}


.table.table-no-bordered thead>tr>th{
    background:transparent;
}
.table.table-no-bordered tr:first-child td{
    border-top:none;
}


.search-line{
    padding:25px 0 50px 0;
    display:flex;
    align-items:center;
}
.search-line .form-group{
    margin:0 8px 0 8px;
}
.search-line .form-control{
    height:48px;
    max-width:150px;
}
.search-line .form-control.datepicker, .search-line .form-control.datepicker{
    background:transparent;
}
.search-line .bootstrap-select .btn{
    height:48px;
}

.search-line .bottons-group{
    margin:35px 0 0 auto;
}
.search-line .bottons-group .button{
    margin:0 6px;
    min-width:auto;
    text-transform:none;
    font-size: 16px;
}
.search-line .form-control.datepicker{
    max-width:140px;
}
.search-line .form-control:not(.bootstrap-select){
    font-weight:600;
    padding: 6px 12px;
}
.form-group .icon-calendar{
    position:absolute;
    bottom:13px;
    right:15px;
    font-size:20px;
    color: #d9e2ef;
    z-index:-1;
}
.input-label-holder{
    position:relative;
}
.label-right{
    position:absolute;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    right:15px;
    top:50%;
    transform:translateY(-50%);
}
.form-title-inline{
    display:flex;
    height:60px;
    align-items:center;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 12px;
}

.selling-input{
    background:url(images/icons/refresh.svg) no-repeat right 10px center;
    background-size:cover;
    background-size:24px;
    cursor:not-allowed;
}
.form-control:disabled, .form-control[readonly]{
    background-color: #d5dbe445;
}

.page-item .page-link{
    color: #1F2A50;
    border: 0;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;

    padding: 10px 15px;
    height: auto;
    line-height: inherit;
    display: inline-block;
    border-radius: 5px;
    margin-right: 5px;
}
.page-item.active .page-link{
    color: #ffffff;
    border: 0;
    background: #5BC99C;
}
.page-item.disabled:before{
    color: #96A6B6;
}
.page-link{
    padding:15px 24px;
    border: 1px solid #D9E2EF;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 16px;
    font-weight:bold;
}
.page-link:focus{
    box-shadow: none;
}

.adv-filters-toggle{
    display:none;
}


.adv-filters-toggle{
    align-items:center;
    cursor:pointer;
}
.adv-filters-toggle h5{
    margin-bottom:0;
    margin-left:auto;
}
.adv-filters-toggle i{
    margin-left:10px;
}



.tables-controls{
    display:flex;
    align-items: center;
}
.tables-controls .form-control{
    height: 45px;
    border-radius:6px;

}
.tables-controls .button{
    padding: 8px 16px;
    min-width:auto;
    border-radius:6px;
}


/*-----------------------
	Contacts
-------------------------*/


.contact-form{
    padding:32px 32px 25px 32px;
    background: #F6F8FB;
}
.contact-form .button-holder{
    margin-top:25px;
    justify-content:flex-end;
}
.contact-form textarea{
    height:100px;
    padding-top:17px;
}
.contact-form .form-group{
    margin-bottom:18px;
}
.contacts-info-container{
    margin-top:30px;
}


.contacts-info-row .icon{
    margin-right:10px;
    display:inline-block;
}
.contacts-info-row .icon-text-item{
    font-size:20px;
}
.contacts-info-row{
    font-weight:400;
    font-size: 18px;
    margin-bottom:20px;
}
.contacts-info-row .info-heading{
    font-size: 14px;
    font-weight:600;
    line-height:inherit;
}

.contact-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #96A6B6;
}
.contact-form textarea::-moz-placeholder { /* Firefox 19+ */
    color: #96A6B6;
}
.contact-form textarea:-ms-input-placeholder { /* IE 10+ */
    color: #96A6B6;
}
.contact-form textarea:-moz-placeholder { /* Firefox 18- */
    color: #96A6B6;
}


/*-----------------------
	About company
-------------------------*/

.about-text-container{
    padding:40px 30px;
    background: #F5F8FB;
    border: 1px solid #D9E2EF;
}
.about-text-container p{
    font-size: 18px;
    font-weight:500;
}
.articles-section{
    /**/
}
.article .article-image{
    max-width:396px;
    width:100%;
}
.article .article-heading{
    font-size: 30px;
    font-weight:bold;
    margin-bottom: 15px;
}
.article .article-text{
    font-size: 16px;
    font-weight:500;
}

.article{
    padding:75px 0;
}
.article:nth-child(1n) .image-holder{
    text-align:right;
}
.article:nth-child(2n) div.col-md-5{
    order:-1;
}
.article:nth-child(2n) .image-holder{
    text-align:left;
}



/*-----------------------
	Roadmap
-------------------------*/
.roadmap-section{
    margin-top:15px;
}
.road-step .custom-col{
    position:relative;
    padding:0 15px;
}
.road-step .step-heading{
    font-size:30px;
    font-weight:bold;
    margin-bottom: 20px;
}
.road-step.child-step .step-heading{
    font-size:24px;
}
.road-step .step-text{
    font-size:16px;
    font-weight:500;
}
.road-step .step-date{
    color: #5578F2;
    font-size:16px;
    font-weight:600;
    margin-bottom:30px;
    margin-top:10px;
}
.road-step .right-side-inner{
    padding-left:50px;
}
.road-step .right-side:before{
    content:"";
    position:absolute;
    width:2px;
    height:100%;
    left:0;
    top: 5px;
    background: #D9E2EF;
}
.road-step .right-side:after{
    position:absolute;
    top: 5px;
    left: -15px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#ffffff;
    content: "\f192";
    font-size:20px;
    font-family: 'Web Icons';
    width:32px;
    height:32px;
    border-radius:50%;
    background: #D9E2EF;
}

.road-step.active .right-side:before, .road-step.child-step.active .right-side:before{
    background: #0CCBBE;
}
.road-step.active .right-side:after, .road-step.child-step.active .right-side:after{
    background: #0CCBBE;
}
.road-step.active > .row + .child-step .right-side:after{
    background: #0CCBBE;
}
.road-step.child-step .right-side:before{
    background: #D9E2EF;
}
.road-step.child-step .right-side:after{
    width:24px;
    height:24px;
    font-size:16px;
    left: -11px;
    top: 8px;
    background: #D9E2EF;
}
.road-step.active .step-date{
    color: #96A6B6;
}
.road-step.active .step-button{
    color: #96A6B6;
    background-color: #D9E2EF;
    border-color: #D9E2EF;
}
.step-button{
    text-transform:none;
    font-size: 16px;
    min-width: auto;
    padding: 10px 24px;
}
.road-step .left-side{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 200px;
}
.road-step .right-side{
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}




/*-----------------------
	Currency table
-------------------------*/

.section-datatable.currencies{
    padding-top: 30px;
}
.section-datatable.currencies .transactions-heading{
    margin-bottom:5px;
}
.data-name{
    display:flex;
}
.data-name .icon{
    margin-right:10px;
}
.data-name .text-grey{
    color: #96A6B6;
    text-transform:uppercase;
    margin-left:10px;
}

.create-coin-list{
    text-align:center;
    padding:20px 0;
    border-top:1px solid #D9E2EF;
    border-bottom:1px solid #D9E2EF;
    color: #96A6B6;
    font-weight:600;
    cursor:pointer;
}

.animsition, .animsition-overlay{
    position:static;
}


/*-----------------------
	Footer
-------------------------*/
.footer {
    color: #98a2aa;
    background: #29325B;
}

.footer .footer-top {
    padding: 40px 0 0 0;
}

.footer .footer-top h2 {
    font-weight: 500;
    font-size: 22px;
    color: #ffffff;
    letter-spacing: 1px;
    margin: 0;
}


.footer .social-icons {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer .social-icons li {
    display: inline-block;
    margin-right: 10px;
}

.footer .social-icons a {
    color: rgba(255, 255, 255, 0.7);
}

.footer .social-icons a:hover {
    color: #ffffff;
}

.footer .footer-middle {
    padding: 35px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.footer .footer-middle .newsletter-box {
    position: relative;
    margin-right: 15%;
    margin-top: 25px;
}

.footer-selctors{
    margin-top:-7px;
    display:flex;
    justify-content:flex-end;
}
.footer-selctors .bootstrap-select:last-child{
    margin-left:30px;
}
.stores-container{
    margin-top:38px;
    display:flex;
    justify-content:flex-end;
}
.stores-container a{
    padding:0 5px;
}
.footer .footer-middle .newsletter-box .form-control {
    border-radius: 0;
    height: 48px;
    border: none;
    box-shadow: none !important;
    background: #ffffff;
    font-size: 14px;
    width: calc(100% - 75px);
    border-radius: 30px;
    padding-left: 25px;
}

.footer .footer-middle .newsletter-box .m-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 60px;
    height: 48px;
    box-shadow: none;
    line-height: 38px;
    border-radius: 25px;
}

.footer .footer-middle .newsletter-box .m-btn i {
    margin: 0;
}

.footer .footer-middle h6 {
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    margin: 0 0 14px;
}

.footer .footer-middle .nav p {
    color: #455c75;
    font-size: 16px;
    font-weight:300;
}
.footer .footer-middle .nav a.got-to{
    color: #232323;
}

.footer .footer-middle .nav p:last-child {
    margin: 0;
}

.footer .footer-middle .nav a {
    margin-bottom:10px;
    color: #96A6B6;
    font-size: 14px;
    font-weight:500;
    display: inline-block;
    vertical-align: top;
    position: relative;
}


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

.footer .footer-bottom {
    padding: 20px 0;
}

.footer p {
    font-weight: 500;
    font-size: 14px;
    color: #96A6B6;
}
.footer .light-logo{
    max-width:120px;
}


.footer-socials{
    display:flex;
    justify-content:flex-start;
}
.footer-socials .icon{
    margin-right:20px;
}
.footer .footer-bottom {

}


.footer-text p{
    color:#ffffff;
}
.footer-text .text-title{
    color:#ffffff;
}
.footer-text .contact-item{
    font-weight: 500;
    font-size: 16px;
    color:#ffffff;
}
/*===========================================================================
	Exchange landing page
=============================================================================*/
.read-more-link{
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    display:flex;
    justify-content:left;
    align-items:center;
}
.read-more-link .icon{
    font-size:32px;
    margin-left:10px;
    color: #5578F2;
    margin-top:3px;
}

.landing-page .header-nav{
    background: #29325B;
    border-bottom: 0.3px solid #585e7d;
    /* background: radial-gradient(ellipse at bottom, #29325B 0%, #101323 50%);*/


}

.landing-page .section-title{
    line-height: 21px;
    margin-bottom: 20px;
}
/*-----------------------
	Top banner
-------------------------*/
.icon-emoji{
    height:16px;
    margin-right:5px;
    margin-top:-2px;
}
.top-banner{
    padding:90px 0 100px 0;
}
.landing-page .top-banner{
    background: linear-gradient(0deg, #1F2A50, #1F2A50), linear-gradient(0deg, #073746, #073746);
}

.top-banner .lp-top-title{
    padding:0 0 45px 0;
    text-align:center;
}

.banner-heading{
    font-size: 48px;
    color: #FFFFFF;
    font-weight:bold;
    margin-bottom:15px;
}

.banner-subheading{
    font-size: 18px;
    color:#ffffff;
}

.top-banner .exchange-container{
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(24, 78, 70, 0.06);
    border-radius: 10px;
    margin-left: 0;
    width:100%;
}

.top-banner .next-btn-container{
    margin-top:15px;
}


.banner-benefits{
    padding:40px 0;
}
.benefits-block{
    color:#ffffff;
    font-size: 16px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.benefits-block .icon{
    margin:0 12px;
}

/* icon list */
.icon-list{
    padding:0;
    margin:0;
    list-style:none;
}
.icon-list li{
    margin-bottom:20px;
    display:flex;
    align-items:center;
    font-size:18px;
    font-weight: 500;

}
.icon-list li .icon{
    margin-right:11px;
}

.landing-page .section-heading{
    font-size:38px;
    line-height: 46px;
    display: block;
    margin-bottom: 27px;
}
.section-img{
    max-width:100%;
}
.section-img-box{
    text-align:center;
}

.section-title{
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 30px;
}


.banner-scene{
    position:relative;
}

.banner-scene .image-layers{
    position:absolute;
    left:-30%;
    top:30px;
}


.coin-layers{
    position:absolute;
    width: 615px;
    height: 598px;
}
.coin-layers img{
    position:absolute;
}
.coin-layers .layer-1{
    bottom: 55%;
    left: -20%;
}
.coin-layers .layer-2{
    left:0;
    top:5%;
}
.coin-layers .layer-3{
    right:60%;
    top:17%;
}
.coin-layers .layer-4{
    right:30%;
    top:30%;
}
/*-----------------------
	Section last-exchanges
-------------------------*/
.section-last-ex{
    margin-top:-80px;
    padding-bottom:100px;
    z-index: 1;
    position: relative;
}
.section-last-ex:before{
    content:"";
    position:absolute;
    top:80px;
    width:100%;
    height:calc(100% - 80px);
    z-index: -1;
    background: #f5f8fb;
}
.section-last-ex .owl-nav{
    display: flex;
    position: absolute;
    top: -60px;
    right: 0;
}
.owl-stage {
    display: -webkit-box;
    display: -moz-box;
    display: contents;
}

.section-last-ex .owl-carousel .owl-nav button{
    display:flex;
    justify-content:center;
    align-items:center;
    width: 44px;
    height: 44px;
    margin-left:15px;
    border-radius:50%;
    background: #D6F4E8;
}
.section-last-ex .owl-carousel .owl-nav button span{
    font-size:30px;
    color:#ffffff;
}
.section-last-ex .owl-nav button:hover{
    background: #36837D;
}
.last-ex-container{
    padding:50px 35px;
    background: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
    border-radius: 15px;
}
.last-ex-heading{
    font-weight: 500;
    font-size: 24px;
}
.last-ex-item{
    display:flex;
    flex-direction:column;
    background: #FBFBFF;
    border: 1px solid #D9E2EF;
    box-sizing: border-box;
    border-radius: 6px;
    padding:19px 16px;
}
.last-ex-content{
    display:flex;
}
.last-ex-date{
    font-weight: normal;
    font-weight:600;
    font-size: 14px;
    margin-bottom:5px;
}
.last-ex-data{
    display:flex;
    font-weight:600;
    font-size: 16px;
    display:flex;
    align-items:center;
}
.last-ex-data img{
    height:20px;
    width:auto !important;
    margin-right:8px;
}
.last-ex-arrow{
    display:flex;
    align-items:center;
    margin:0 5px;
}
/*-----------------------
	Section fees section
-------------------------*/
.section-cash{
    position: relative;
    margin-left: -50px;
    margin-right: -50px;
    margin-top:130px;
    padding:40px 60px 60px 60px;
    background-color: #FFFBF2;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    background: rgb(255,251,242) url("../img/cash-illustration.svg") no-repeat;
    background-position:right center;
    background-size: 700px;
}
.section-cash .section-heading{
    margin-top:20px;
}
.section-cash .icon-list{
    margin-top:30px;
    max-width: 80%;
}
.section-cash .section-title{
    max-width:90%;
}
.section-cash .section-img{
    margin-top:30px;
}


/*-----------------------
	Section why
-------------------------*/
.section-why{
    padding:360px 0 130px 0;
    background: #29325B;
    margin-top:-220px;
}
.section-why .section-title .icon{
    margin-right:10px;
}
.section-why .section-heading{
    color:#ffffff;
}
.section-why .section-title{
    display:flex;
    color: rgba(255, 255, 255, 0.75);
    font-weight:400;
    font-size: 16px;
    align-items: flex-start;
}
.section-why .title-width{
    max-width:70%;
}
.section-why .title-holder{
    margin-top: 40px;
}
.section-why .title-holder .section-title{
    margin-bottom: 30px !important;
}
/*-----------------------
	Assets section
-------------------------*/
.section-assets{
    padding:150px 0 120px;
}
.section-assets .section-heading{
    margin-bottom:15px;
}
.section-assets .section-title{
    margin-bottom: 10px;
}
.section-assets .banner-box img{
    margin-top:40px;
}



/*-----------------------
	Get started section
-------------------------*/
.section-get-started{
    padding:80px 0 70px 0;
    background: #F5F8FB;
}

.gs-step-item{
    text-align:center;
}
.gs-step-item h3{
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin-top:20px;
}

.gs-step-item p{
    max-width:240px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    display:inline-block;
    margin-top:10px;
}
.section-get-started .button-holder{
    margin-top:70px;
    justify-content: center;
}

.section-get-started .section-heading{
    margin-bottom: 15px;
}

.gs-steps{
    margin-top:80px;
}

/*-----------------------
	Security section
-------------------------*/

.section-security{
    padding:175px 0 170px 0;
}

.section-security .read-more-link{
    margin-top:40px;
}
.section-security .read-more-link a{
    color:#0CCBBE;
}
.section-security .section-title{
    max-width:80%;
    color: #546678;
}
.section-security .section-heading{
    margin:20px 0 35px 0;
}
.section-security .info-holder{
    padding-left:30px;
}
.section-security .section-img-box{
    margin-top:20px;
}

/*-----------------------
	Uder control section
-------------------------*/

.section-uder-control{
    padding:180px 0 210px 0;
    background: #FFF8EF;
}
.section-uder-control .section-heading{
    margin-top:60px;
}
.section-uder-control .section-title{
    max-width:80%;
}
.section-uder-control .section-title a{
    color: #0CCBBE;
}

/*-----------------------
	Support section
-------------------------*/

.section-support{
    padding:150px 0;
}

.section-support .icon-list{
    max-width:400px;
}
.section-support .icon-list li{
    color: #565E66;
    margin-bottom: 30px;
    margin-left:-18px;
}
.section-support .contact-us{
    margin-top:20px;
}

.section-support .info-holder{
    padding-left:40px;
}

.icon-left{
    width:65px;
    min-width: 65px;
    display:flex;
    justify-content:center;
    align-items:center;

}
.section-support .icon-list .icon{
    color:#F8794B;
    font-size:34px;
    margin-right:0;
}

.section-support .section-heading{
    margin-top:30px;
}

.section-support .section-img-box{
    margin-top:50px;
}

/*-----------------------
	Questions section
-------------------------*/

.section-questions{
    padding:100px 0 70px 0;
    background: #1F2A50;
}
.section-questions .section-heading{
    margin-bottom: 45px;
}
.section-questions .accordion .card-header{
    background-color: #1F2A50;
    padding:0;
    border-bottom:1px solid rgba(255, 255, 255, 0.3);
}
.accordion .card.active .card-header{
    border-bottom:none;
}
.section-questions .accordion .card:first-child .card-header{
    border-top:1px solid rgba(255, 255, 255, 0.3);
    border-radius:0;
}
.accordion .card .card-header .icon{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:28px;
    right:15px;
}
.accordion .card.active .card-header .icon{
    transform:translateY(-50%) rotate(180deg);

}
.section-questions .accordion .card-header .btn-link{
    position:relative;
    color:#ffffff;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-decoration:none;
    padding: 30px 50px 30px 0;
    width: 100%;
    text-align:left;
    white-space: normal;
}
.section-questions .accordion .card{
    border: none;
}

.section-questions .accordion .card-body{
    background-color: #1F2A50;
    color:#ffffff;
    padding-top:0;
    padding-bottom:0;
}

/*-----------------------
	Bottom exchange form
-------------------------*/

.section-bottom-exchange{
    background: #F6F8FB;
    padding:20px 0;
}
.section-bottom-exchange .exchange-container{
    background: #F6F8FB;
}
.landing-page .footer-middle{
    margin-top:0;
}


/*-----------------------
	Header nav
-------------------------*/
.other-page .header-nav .light-logo{
    display:none;
}
.landing-page .header-nav .dark-logo{
    display:none;
}
.landing-page .header-nav.fixed-header .light-logo{
    display:none;
}
.landing-page .header-nav.fixed-header .dark-logo{
    display:block;
}

/*  Header styles */
.landing-page .header-nav.fixed-header {
    background: #ffffff;
}
.landing-page .header-nav.fixed-header .navbar-nav > li > a:not(.nav-link-btn) + i,
.landing-page .header-nav.fixed-header .navbar-nav > li:hover > a:not(.nav-link-btn) + i {
    color: #1F2A50;
}
.landing-page .header-nav.fixed-header .navbar-nav > li:hover > a:not(.nav-link-btn){
    color: #1F2A50;
}
.landing-page .header-nav.header-nav-white:not(.fixed-header) .navbar-nav > li > a:not(.nav-link-btn){
    color: #ffffff;
}

.landing-page .header-nav.fixed-header .nav-link-btn{
    color: #1F2A50;
    border: 2px solid #1F2A50;
}
.landing-page .header-nav.fixed-header .nav-link-btn:hover{
    color: #ffffff;
    background: #1F2A50;
}

.landing-page .header-nav.fixed-header .navbar-toggler span#navbar-icon{
    background: #1F2A50;
    box-shadow: 0px 9px #1F2A50, 0px -9px #1F2A50;
}
.landing-page .header-nav.fixed-header .navbar-toggler span#lang-alias{
    color: #1F2A50;
}
.landing-page .header-nav.fixed-header .navbar-nav > li > a,
.landing-page .header-nav.fixed-header .navbar-nav > li.m-dropdown .m-dropdown-menu > li > a{
    color: #1F2A50;
}
.landing-page .header-nav.fixed-header .navbar-nav > li > a.nav-link-btn:hover{
    color: #ffffff;
    background: #1F2A50;
}

/*===========================================================================
	Exchange landing page styles end
=============================================================================*/


/*-----------------------
	How it works page
-------------------------*/
.how-it-works-wrapper{
    max-width:900px;
    margin:0 auto;
}
.padding-h-30{
    padding:0 30px;
}

.links-ul li{
    position:relative;
    margin-bottom:20px;
}
.links-ul li:last-child{
    margin-bottom:0;
}
.links-ul{
    padding-left:0;
    list-style:none;
    margin-bottom:0;
}
.links-ul li:before{
    content:"";
    position:absolute;
    width:4px;
    height:4px;
    background-color:#F8794B;
    top:50%;
    left:0;
    border-radius:50%;
    transform:translateY(-55%);

}
.links-ul li a{
    display:inline-block;
    padding-left:22px;
    color: #1F2A50;
    font-weight: 500;
    font-size: 18px;
    text-decoration:underline;
}
.links-ul li[disabled]:before{
    background-color:#96A6B6;
}
.links-ul li[disabled] a{
    pointer-events:none;
    color:#96A6B6;
}
.heading-small{
    font-size: 24px;
    line-height: 29px;
    font-weight: bold;
}
.page-how-it-works .heading-small{
    margin-top:25px;
    margin-bottom:35px;
}
.page-how-it-works p{
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
}
.page-how-it-works section{
    padding:30px 0;
}
.inner-padding{
    padding-left:30px;
    padding-right:30px;
}

.page-how-it-works .image-box{
    margin:30px 0;
}
.page-how-it-works .image-box img{
    max-width:100%;
}

.page-how-it-works .section-cropto-card{
    padding-top:0;
}
.page-how-it-works .section-cropto-card .heading-small{
    margin-top:15px;
}

/*================================================
 Section default
================================================*/

.section-default{
    padding:150px 0 90px 0;
}
.lignt-blue-bg{
    background:#f5f8fb;
}
.section-default .section-title{
    color: #546678;
    font-size:16px;
}


/*================================================
 (  Error pages  )
================================================*/

.page-error{
    min-height:calc(100vh - 388px);
}
.error-content{
    padding-top:10%;
    text-align:center;
}
.error-content .button{
    margin-top:30px;
}
.error-content h3{
    margin-top:40px;
    font-weight:bold;
    font-size: 48px;
}

/*===========================================================================
	Top cripto section
=============================================================================*/
.top-cripto-section{
    background: rgb(245,248,251) url(../img/top-cripto.svg) no-repeat;
    background-position: right center;
    background-position: right 100px center;
}
.top-cripto-section .section-img-box{
    display:none;
}

/*===========================================================================
	Blog page
=============================================================================*/
.blog-nav{
    padding:23px 0;
    background: #1F2A50;
    overflow:auto;
}
.blog-nav::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    background-color: #F5F5F5;
}

.blog-nav::-webkit-scrollbar
{
    height:8px;
    background-color: transparent;
}

.blog-nav::-webkit-scrollbar-thumb
{
    background-color: #D9E2EF;
}


.blog-nav .nav{
    display:flex;
}

.blog-nav .nav li{
    margin-right:32px;
    color:#ffffff;
}
.blog-nav .nav li.text-heading{
    font-weight: 600;
    font-size: 18px;
}
.blog-nav .nav li.text-heading{
    margin-right:55px;
}
.blog-nav .nav li a{
    color:#ffffff;
    font-weight: 500;
    font-size: 14px;
}
.blog-nav .nav{
    min-width:900px;
}
.page-blog .page-heading{
    font-size: 36px;
    margin-bottom:0;
}
.icon-heading{
    display:flex;
    align-items:center;
}
.icon-heading .icon{
    margin-right:10px;
}
.post.top-post{
    margin-bottom:35px;
}

.hot-news-section{
    padding-bottom:60px;
}
.top-weak-section{
    padding:27px 0 35px 0;
}
.editors-section{
    padding-top:30px;
}
.top-weak-section .post:not(.post-small) .post-heading, .top-weak-section .post:not(.post-small) .post-text{
    width:90%;
}
/* Post item */
.post{
    display:flex;
    margin-bottom:40px;
}
.post.post-block{
    flex-direction:column;
}
.post.post-block .post-content{
    margin:15px 0 0 0;
}
.post.post-block .image-holder img{
    width:100%;
}
.page-blog .page-wrapper{
    max-width:95%;
}
.post h3{
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}
.post .post-text{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-bottom:0;
}
.post .post-content{
    margin-left:16px;
}
.post .post-content a, .story-content a{
    color:#1F2A50;
}
.post .image-holder img{
    border-radius:8px;
    width:100%;
}

/* Text post item */
.post-small .img-box{
    width: 80px;
    height: 80px;
    border-radius:8px;
    overflow:hidden;
}
.post.post-small{
    margin-bottom:32px;
}
.post.post-small h3.post-heading{
    font-size:16px;
    line-height: 19px;
}
/* Text post item */
.text-post-item h3{
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    margin-bottom:6px;
}
.post-date-item{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-bottom:8px;
    color:#96A6B6;

}
.post-date-item .icon{
    margin-right:5px;
}
.text-post-item p{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}
.post a, .text-post-item a, .post-inline-col a{
    color: #1F2A50;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.post a:hover, .text-post-item a:hover, .post-inline-col a:hover{
    color: #e8684e;
}


/* Top post item */
.top-post .image-holder{
    min-width: 370px;
    width:100%;
    border-radius:8px;
    overflow:hidden;
}
.top-news-image{
    width:100%;
    border-radius:8px;
}
.top-post h3{
    max-width:90%;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
}
.top-post .post-text{
    max-width:90%;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}
.top-post .row{
    margin-left:-8px;
    margin-right:-8px;
}
.top-post .col-lg-4, .top-post .col-lg-8{
    padding-left:8px;
    padding-right:8px;
}
.subscribe-box{
    display:flex;
}
.subscribe-box .button{
    margin-left:10px;
}

.social-container{
    margin:0 auto;
    max-width:70%;
    padding:10px 0 40px 0;
}
.social-container .row{
    margin-left:-5px;
    margin-right:-5px;
}
.social-container .col{
    padding:0 2.5px;
}
.social-box{
    padding:15px 0;
    background: #F5F8FB;
    text-align:center;
}
.social-box i{
    font-size:30px;
}
.social-box h5{
    font-weight: bold;
    font-size: 16px;
    margin-bottom:0;
}
.social-box .social-title{
    display:block;
    margin-top:-3px;
}





.social-box i.mdi-facebook-box{
    color:#395185;
}
.social-box i.mdi-instagram{
    color:#E4405F;
}
.social-box i.mdi-pinterest{
    color:#CB1F27;
}
.social-box i.mdi-twitter{
    color:#55ACEE;
}
.social-box i.mdi-twitch{
    color:#5A3E85;
}
.social-box i.mdi-vimeo{
    color:#32B8E8;
}
.social-box i.mdi-youtube{
    color:#E52D27;
}
.social-box i.mdi-linkedin-box{
    color:#006087;
}






/*================================================
	Post single
================================================*/

.post-heading{
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
}
.post-heading a{
    color: #1F2A50;
}
.post-meta-container{
    display:flex;
    margin-bottom:38px;
    align-items:center;
}
.meta-item{
    padding:0 23px;
    position:relative;
    text-align:center;
}
.meta-item:after{
    content:"";
    width:1px;
    height:40px;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    background: #D9E2EF;
}
.meta-title{
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin-bottom:5px;
}
.post-meta-container .meta-item:first-child{
    padding-left:0;
    text-align:left;
}
.post-meta-container .meta-item:last-child:after{
    display:none;
}
.meta-title.meta-author{
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    margin-bottom:10px;
}

.meta-text{
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.post-image-container{
    margin-bottom:45px;
}
.post-image-container img{
    width:100%;
}
.post-content-text{
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
}


/* Post selector item */
.post-selector{
    padding:25px 0;
    width:100%;
}
.post-selector h3{
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    margin-bottom:15px;
}
.post-selector .selector-title{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #96A6B6;
}
.post-selector-section .col{
    border: 1px solid #D9E2EF;
    border-left:0;
    border-right:0;
}
.post-selector-section .col:first-child{
    border-right: 1px solid #D9E2EF;
}
.post-selector-section .col:first-child h3{
    padding-right:25%;
}
.post-selector-section .col:last-child h3{
    padding-left:25%;
}

.social-container.full-width{
    max-width: 100%;
}

.post-info-section .social-container{
    margin-top:30px;
}

.lastest-post-section .section-heading{
    margin-bottom:24px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
}
.comment-form-section{
    margin-bottom:60px;
}
.lastest-post-section .section-heading + .green-divider{
    margin:0;
}
.lastest-post-section .green-divider{
    background: #0CCBBE;
    border-top: 2px solid #0CCBBE;
}

.post-inline-col{
    padding:40px 0 28px 0;
    border-bottom:1px solid #D9E2EF;
}
.post-inline-col h3{
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}

.post-inline-col p{
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}

.img-box{
    display:flex;
    justify-content:center;
}
.img-box img{
    max-width:70%;
}

/*================================================
	Comment form
================================================*/

.comment-form{
    padding: 32px 32px 40px 32px;
    background: #F6F8FB;
}
.comment-form .form-group:first-child{
    margin-bottom: 23px;
}
.form-heading{
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    margin-bottom:14px;
}

.form-title{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-bottom:24px;
}

.comment-form .button-holder{
    justify-content: flex-start;
}


.comment-form textarea::-webkit-input-placeholder, .comment-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #1F2A50;
    font-size:16px;
}
.comment-form textarea::-moz-placeholder .comment-form input::-webkit-input-placeholder{ /* Firefox 19+ */
    color: #1F2A50;
    font-size:16px;
}
.comment-form textarea:-ms-input-placeholder .comment-form input::-webkit-input-placeholder{ /* IE 10+ */
    color: #1F2A50;
    font-size:16px;
}
.comment-form textarea:-moz-placeholder .comment-form input::-webkit-input-placeholder{ /* Firefox 18- */
    color: #1F2A50;
    font-size:16px;
}



/*===========================================================================
	Coin landing page
=============================================================================*/
.page-cion .page-heading{
    padding-bottom:25px;
}
.page-cion .page-heading .text-grey{
    font-size:40px;
    margin-left:10px;
}
.page-cion .page-heading .icon{
    margin-right:20px;
}

.page-cion .text-item{
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}
.page-cion .heading-small{
    margin-bottom:15px;
}
.resources-container{
    padding-top:10px;
}
.resources-container .heading-small{
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
}
.coin-chart-container{
    margin-bottom:40px;
}
.chart-box .chart-holder{
    height:415px;
    width:100%;
    position: relative;
    border: 1px solid #D9E2EF;
    /*border-radius:8px;*/
    overflow:hidden;
}


#tradingview_f22fd{
    height:415px;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
}
.heading-small{
    margin-bottom:25px;
}
.price-info{
    border: 1px solid #D9E2EF;
    display:flex;
    flex-direction:column;
    align-items: stretch;
    height: 100%;
    min-height: 100%;
    padding:5px 0;
}

.price-info .price-info-item{
    padding:14px 24px;
    border-bottom:1px solid #D9E2EF;
    flex:1;
}

/* price-info-item */

.price-info-item:last-child{
    border:none;
}
.price-info-item .price-label{
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    margin-bottom:6px;
}
.price-info-item .price-value{
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
}
.price-info-item .icon{
    color:#96A6B6;

}

/* Link item */
.link-item{
    color: #96A6B6;
    font-weight: 500;
    font-size: 16px;
    display:flex;
    align-items:center;
}
.link-item a{
    color: #96A6B6;
}
.link-item .icon{
    font-size:24px;
    margin-right:10px;
}

.link-item-container .link-item{
    margin-bottom:10px;
}


/*================================================
	Cripto methods section
================================================*/
.cripto-methods-section{
    margin:80px 0 50px 0;
}
/* Block item */

.block-item{
    padding:39px 30px 30px 30px;
    display:flex;
    height:100%;
    flex-direction:column;
    border: 1px solid #D9E2EF;
    box-sizing: border-box;
    border-radius: 8px;
}
.cripto-methods-section .col-md-6{
    margin-bottom:30px;
}
.block-item h3{
    font-weight: bold;
    font-size: 32px;
    line-height: 39px;
}
.block-item p{
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}
.heading-icon-left .icon{
    margin-right:15px;
}

.cripto-methods-section .post-heading{
    margin:45px 0 40px 0;
}
.seo-text{
    margin-top:70px;
}
.seo-text p{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #96A6B6;
}

/*================================================
 Crioto story section
================================================*/
.cript-posts-section{

}

.post-stories-container{
    margin-top:40px;
}
.post-story{
    border: 1px solid #D9E2EF;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom:12px;
    overflow:hidden;
    min-height:160px;
}
.story-content{
    padding:24px;
}
.post-story .img-box{
    height:100%;
}
.story-img{
    width:100%;
}
.story-heading{
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    margin-bottom:12px;
}

.story-text{
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #96A6B6;
    margin-bottom:10px;
}

.story-link{
    display:flex;
    align-items: center;
}
.story-link a{
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    word-break: break-all;
}
.story-link .icon{
    margin-right:15px;
    height:20px;
}




/* action-container */
.action-section{
    margin-top:70px;
}
.action-container{
    padding:48px;
    background: #F5F8FB;
}
.action-container h3{
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    margin-bottom:20px;
}

.action-container p{
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}

.action-container .button-holder{
    display:flex;
    height:100%;
    justify-content:center;
    align-items:center;
}


/* Popular exchanges */
.popular-operations-section{
    margin-bottom:50px;
}
.popular-op-item{
    display:flex;
    font-weight: 600;
    font-size: 20px;
    justify-content:center;
    align-items:center;
    background: #F5F8FB;
    border-radius: 8px;
    padding:20px 0;
    margin-bottom:15px;

}
.popular-op-item .currency-item{
    display:flex;
    align-items:center;
    font-weight: bold;
}
.popular-op-item .coin-name{
    text-transform:uppercase;
}
.popular-op-item .crypto-logo{
    height: 24px;
    margin-right:10px;
}
.popular-op-item .divider{
    margin:0 10px;
}
.popular-operations-section .row div .popular-op-item .currency-item span{
    color: #1F2A50;
}


/*================================================
	Benefits section
================================================*/

.benefits-section{
    padding: 50px 0 0 0;
    background: #f5f8fb;
}
.benefits-section .section-heading{
    line-height: 47px;
    justify-content:center;
}

.benefits-section .section-title{
    line-height: 22px;
}

.benefits-bloks{
    margin-top:100px;
}
.benefits-item{
    text-align:center;
}
.benefits-item .benefits-img{
    margin-bottom:30px;
}

.benefits-item p{
    max-width:240px;
    font-weight: 500;
    font-size: 18px;
    margin:0 auto;
    text-align:center;
}
.benefits-item h5{
    font-weight: 600;
    font-size: 24px;
}


/*================================================
 Reviews section
================================================*/

.reviews-section{
    padding:140px 0;
}
.reviews-section .owl-nav,
.posts-section .owl-nav{
    display: flex;
    position: absolute;
    top: -60px;
    right: 0;
}

.reviews-section .owl-nav button:hover,
.posts-section .owl-nav button:hover {
    background: #36837D;
}
.reviews-section .owl-carousel .owl-nav button,
.posts-section .owl-carousel .owl-nav button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    margin-left: 15px;
    border-radius: 50%;
    background: #D6F4E8;
}
.reviews-section .owl-carousel .owl-nav button span,
.posts-section .owl-carousel .owl-nav button span{
    font-size: 30px;
    color: #ffffff;
}
.reviews-section .section-heading{
    font-weight: bold;
    font-size: 38px;
    margin-bottom:30px;
}
.reviews-section .owl-carousel .owl-stage{
    display:flex;
}
.reviews-section .owl-carousel .owl-stage-outer{
    padding:30px 0;
}
.review-item{
    display:flex;
    flex-direction: column;
    height:100%;
    padding:16px 25px;
    background: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
    transition: box-shadow 300ms ease, transform 300ms ease;
}

.review-item-header{
    margin-bottom:20px;
    display:flex;
    align-items:center;
}
.review-item-header h5{
    margin-left:20px;
}
.review-item-header .user-img{
    width: 77px;
    height: 77px;
    border-radius:50%;
}
.review-item-content{
    padding:10px;
}
.review-item-content p{
    margin-bottom:0;
}


/*---------------------------------------------------------------------
                         Posts section
-----------------------------------------------------------------------*/
.posts-section .owl-carousel .owl-stage{
    display:flex;
}
.posts-section .owl-carousel .owl-stage-outer{
    padding:30px 0;
}

.posts-section{
    padding:140px 0 60px 0;
}
.section-header{
    display:flex;
    align-items:center;
}

.section-header .link-right i{
    font-size:12px;
}
.section-header .link-right{
    margin-left:auto;
    color: #5BC99C;
    text-decoration:none;
    font-size:17px;
}

/* Post item */
.icon-small{
    width: 14px;
    margin-left: 10px;
}

.post-item{
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
    border-radius: 8px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display:flex;
    flex-direction: column;
    height:100%;
}
.post-item:hover{
    box-shadow: 0px 8px 29px 0 #83a0e0;
}
.post-item:hover .post-img img{
    transform:scale(1.1);
}
.post-item .service-link{
    display:flex;
    align-items:center;
    color:#5BC99C;
    text-decoration:none;
}
.post-item .service-link i{
    margin-left:10px;
    font-size:10px;
}
.post-img{
    border-radius:8px;
    overflow:hidden;
}
.post-img img{
    width:100%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    transform:scale(1);
}
.post-content{
    padding:30px;
}
.post-heading{
    font-size: 21px;
    line-height: 1.43;
    margin-bottom:20px
}
.post-type{
    font-size: 14px;
    color: #6a7896;
    margin-bottom:10px;
}

.post-content p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*================================================
	Reviews
================================================*/
#reviews_table .media-list{
    padding-left:0;
}


.media-list .media{
    margin-bottom:30px;
}
.media-list .media .img-circle{
    width:70px;
}

/*================================================
	Sell Buy
================================================*/
.sell-buy-title{
    font-weight:bold;
    margin-bottom:15px;
    font-size:16px;
}
.sell-buy-container{
    background: #f5f8fb;
    border: 1px solid #D9E2EF;
    box-sizing: border-box;
    border-radius: 15px;
    padding: 35px;
    margin-bottom:40px;
}

.sell-buy-container .card{
    padding:10px;
    text-align: center;
    margin-bottom:15px;
    font-weight:500;
}


/* ---------------------------------------------------
    Card item
----------------------------------------------------- */

.card{
    border: none;
    background: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
    border-radius: 5px;
    transition: box-shadow 300ms ease, transform 300ms ease;
}
.card-default{
    padding: 45px 40px 40px 40px;
}
.card-fly:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 18px 0 rgba(0,0,0,0.1);
    cursor:pointer;
}

.card.card-transparent{
    background:transparent;
    border: 2px solid #D9E6F3;
    border-style:dashed;
    box-shadow:none;
}

.card.card-transparent p{
    color: #717D88;
}

/* ------------------------------------------------------------------------------- */
/*  Pagination
/* ------------------------------------------------------------------------------- */
.pagination{
    margin-top:20px;
}
.pagination > li {
    display: inline-block;
}
.pagination > li > a{
    min-width: auto;
    padding: 10px 15px;
    height: auto;
    line-height: inherit;
    border: 1px solid #D9E2EF;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    border-radius:5px;
}
.pagination > li > a:hover{
    background:#f4f4f4;
    text-decoration:none;
    color:#333;
}
.pagination .page-navigation.active {
    min-width: auto;
    padding: 10px 15px;
    height: auto;
    line-height: inherit;
    border: 1px solid #ccc;
    display: inline-block;
    border-radius:5px;
    margin-right: 5px;
    text-align: center;
    border: 1px solid #D9E2EF;
}
.mobile-pagination{
    display:none;
}
.left-user-panel .user-panel{
    border:0;
}
.left-user-panel .user-panel .nav{
    overflow:hidden;
    display:flex;
    flex-direction:column;
    box-shadow: 0px 2px 8px rgba(160, 173, 186, 0.25);
    border-radius: 8px;
    border:0;
}

.left-user-panel .user-panel .nav li a{
    padding: 14px 18px;
    display: block;
    color: #1F2A50;
    font-size: 16px;
    font-weight: bold;
    border-left: 3px solid transparent;
    border-bottom: 1px solid #D9E2EF;
    text-decoration: none;
}
.left-user-panel .user-panel .nav li:last-child a{
    border-bottom:none;
}

.left-user-panel .user-panel .nav li a:hover{
    background: rgba(61, 89, 232, 0.08);
    color: #1F2A50;
}
#left-user-panel-collapse .user-panel li.active a{
    border-left: 4px solid #5BC99C;
    background: #F6F8FB;
    color: #5BC99C;
}
#left-user-panel-collapse .user-panel li.active a + .dropdown-menu li a {
    color: #7A7E8B;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    background:transparent;
}
#left-user-panel-collapse .user-panel li.active a + .dropdown-menu li a:hover{
    background: #F6F8FB;
}
.left-user-panel .user-panel .nav li.dropdown .dropdown-menu li a{
    padding: 8px 18px;
}




/*================================================
	Balance page
================================================*/
.balance-container{
    padding:30px 30px 15px 30px;
    background: #F6F8FB;
    border-radius:5px;
    border: 1px solid #D9E2EF;
}
.balance-header{
    display:flex;
    padding:10px 0;
    border: 1px solid #D9E2EF;
    box-shadow:none;
}
.balance-header h4{
    font-size:18px;
}
.balance-currency{
    display:flex;
    margin-left:15px;
}
.currency-img{
    margin-right:10px;
}
.currency-name{
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.currency-name h5{
    margin-bottom:0;
}

.currency-name small{
    line-height: 16px;
}



.payment-methods{
    margin-top:30px;
}
.payment-methods h5{
    margin-bottom:20px;

}
.payment-methods .card{
    padding: 15px 10px;
}
.payment-methods .card.active{
    border:1px solid #5BC99C;
}


.balance-form-data{
    margin-top:30px;
}

/*================================================
	Payment form
================================================*/
.payment-form .form-control{
    padding-right:40px;
    display:block;
}
.payment-form .input-group .input-group-addon{
    position: absolute;
    right: 15px;
    top: 30%;
}
.payment-form .input-group .error{
    width:100%;
}
.payment-form .form-control{
    border-radius: 8px !important;
}
.payment-info-block{
    padding:15px;
    margin-top:31px;
    border: 1px solid #D9E2EF;
    border-radius:8px;
    background-color: #ffffff;
}



.verify-credit-card-modal .nav-pills .nav-link.active, .verify-credit-card-modal .nav-pills .show>.nav-link{
    background-color: #5BC99C;
}
.dropzone-holder{
    width:100%;
    margin-top:10px;
}
.verify-credit-card-modal .dropzone{
    width:100% !important;
}



.btn-to-top{
    position:fixed;
    z-index: 9999;
    bottom:80px;
    right:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    width:50px;
    height:50px;
    border-radius:50%;
    background: #D6F4E8;
    border: 2px solid #358f6a;
    cursor:pointer;
}
.btn-to-top i{
    font-size:20px;
    font-weight: 600;
}
.btn-to-top:hover{
    color:#ffffff;
    background: #36837D;
}

/*================================================
 (  Media Queries  )
================================================*/
/* (  Max width  ) */
@media (max-width: 1400px) {
    .top-cripto-section{
        background-position: right center;
    }
}

@media (max-width: 1200px) {

    .exchange-container {
        padding: 0;
        border: 0;
    }

    .crypto-select-item .form-control {
        font-size: 14px;
        padding: 0 10px;
    }

    .reverse-container .btn-reverse {
        transform: rotate(90deg);
    }
}

/* (  Max width  ) */
@media (max-width: 1200px) {
    .top-cripto-section{
        background-size: 600px;
        background-position: right 100px center;
    }
}
@media (max-width: 991px) {

    body.menu-open .header-nav, body.menu-open .navbar {
        height:100%;
        overflow:auto;
    }
    body.menu-open .navbar{
        align-items: flex-start;
    }
    .header-nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
        background: #ffffff;
    }
    .header-nav .navbar-nav > li.dropdown .dropdown-menu li a{
        color: #1F2A50;
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
        font-weight: 600;
        position: relative;
        padding: 12px 0;
        padding-left:15px;
        line-height: 35px;
    }
    .header-nav .navbar-toggler {
        width: 30px;
        height: 30px;
        position: relative;
        outline: none !important;
    }
    .header-nav .navbar-toggler span#navbar-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 3px;
        background: #1F2A50;
        box-shadow: 0px 9px #1F2A50, 0px -9px #1F2A50;
    }
    .header-nav .navbar-nav > li > a .fa{
        margin-right:5px;
        display:inline-block;
    }
    .header-nav .navbar-toggler span#lang-alias{
        color: #1F2A50;
        font-size: 16px;
        font-weight: bold;
    }
    .footer .light-logo{
        margin-bottom:20px;
    }
    .footer-middle{
        margin-top:0 !important;
        padding-top:0;
    }
    /* Mobile header */
    .navbar-toggler.open span, .landing-page .header-nav .navbar-toggler.open span{
        background: none;
        box-shadow: none;
        height: auto;
    }
    .navbar-profile{
        display:block;
        margin-top:3px;
        margin-left:auto;
        margin-right:10px;
        background:none;
        border:none;
    }

    .navbar-rofile-menu{
        display:block;
    }
    .user-menu{
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
    }
    .landing-page .navbar-close i{
        color:#ffffff;
    }
    .navbar-toggler.navbar-profile{
        width:auto;
        height:auto;
    }
    .navbar-profile i{
        color:#1F2A50;
        font-size:26px;
    }
    .landing-page .navbar-profile i{
        color:#ffffff;
    }
    .landing-page .header-nav.fixed-header .navbar-profile i{
        color:#1F2A50;
    }
    .landing-page .header-nav.fixed-header .navbar-close i{
        color:#1F2A50;
    }
    .navbar-profile.open i:before{
        content: "\f00d";
    }
    .header-nav .navbar-nav > li{
        padding-left: 0;
    }
    .header-nav .navbar-nav > li a{
        color:#ffffff;
    }
    .header-nav .navbar-nav {
        padding-top: 15px;
        height: auto;
        /*overflow-y: auto;*/
        overflow:hidden;
    }
    .header-nav .navbar-nav.ml-auto > li a{
        width:100%;
    }
    .header-nav .navbar-nav.ml-auto > li:last-child{
        order:-1;
    }
    .header-nav .navbar-nav.ml-auto > li:first-child{
        border-bottom:none;
        text-align:center;
    }
    .header-nav .navbar-nav > li {
        position: relative;
        display:block;
        width:100%;
    }
    .header-nav .navbar-nav > li:not(:last-child) {
        border-bottom: 1px solid #1B2546;
    }
    .header-nav .navbar-nav > li > a {
        width:calc(100% - 50px);
        color: #1F2A50;
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
        font-weight: 600;
        position: relative;
        padding: 12px 0;
        line-height: 35px;
    }
    .header-nav .navbar-nav > li > a.active {
        color: #1F2A50;
    }
    .header-nav .navbar-nav > li > a.nav-link-btn {
        color: #1F2A50;
        width:100%;
        margin-top:15px;
        text-align:center;
        border: 2px solid #1F2A50;
    }
    .header-nav .navbar-nav > li .m-dropdown-toggle {
        position: absolute;
        right:-7px;
        top:10px;
        height: 35px;
        width: 45px;
        text-align: center;
        line-height: 35px;
        transform:rotate(-90deg);
    }

    .m-dropdown.m-dropdown-multilevel.open-menu-parent .m-dropdown-toggle{
        transform:rotate(0deg);
    }
    .header-nav .navbar-nav > li.m-dropdown .m-dropdown-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        display: none;
    }
    .header-nav .navbar-nav > li.m-dropdown .m-dropdown-menu > li > a {
        display: inline-block;
        padding: 5px 15px;
        font-size: 14px;
        color: #1F2A50;
        font-weight: 600;
        vertical-align: top;
    }
    .header-nav .navbar-nav > li.m-dropdown.open-menu-parent .m-dropdown-menu {
        display: block;
    }
    .header-nav .navbar-nav > li.m-dropdown.open-menu-parent .m-dropdown-menu li{
        margin-bottom:5px;
    }
    .header-nav.fixed-header {
        border-bottom:1px solid #D9E2EF;

    }
    .footer .footer-middle {
        padding: 40px 0;
    }
    .footer .footer-top h2 {
        margin-bottom: 20px;
    }

    .nav-link-btn{
        border:0;
    }
    .mobile-play-btn{
        display:block;
    }
    .footer .footer-bottom p {
        margin-bottom: 15px;
    }

    .complete-header .right-info .trak-link-item{
        max-width:120px;
    }

    .verify-form .iputs-group .form-group div[class^="col"]{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom:30px;
    }
    .verify-form .iputs-group .form-group div[class^="col"]:first-child {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .exchange-small-module{
        margin-top:30px;
    }

    .search-line{
        flex-wrap: wrap;
    }
    .search-line .bottons-group{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .gs-step-item{
        margin-bottom:60px;
    }

    .gs-step-item p{
        margin-top:0;
    }

    .post.top-post h3.post-heading{
        max-width:100%;
    }

    .page-blog .page-wrapper{
        max-width: 100%;
    }

    .social-container{
        max-width:100%;
    }

    .social-container .col{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-bottom:5px;
    }

    .coin-chart-container div[class^="col"]{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .next-btn-container .equal-item{
        display:block;
    }
    .next-btn-container .button{
        margin-top:15px;
    }
    .container .nav.nav-tabs .nav-item .nav-link{
        font-size:20px !important;
    }

    .profile-menu-desctop{
        display:none;
    }
    .mobile-auth-item{
        display:block;
    }

    .top-cripto-section{
        background-position: right center;
    }
    .balance-container{
        margin-bottom:30px;
    }
    .balance-header .balance-currency{
        margin:10px 15px;
    }
    .balance-header .balance-count{
        margin-left:15px;
    }

    .no-mobile{
        display: none;
    }
}
@media (max-width: 767px) {

    .payment-methods .card{
        margin-bottom: 15px;
    }
    .balance-container{
        padding: 15px;
    }
    .complete-container{
        margin-bottom:30px;
        margin-top:10px;
    }
    .reviews-section{
        padding: 80px 0;
    }
    .reviews-section .owl-nav{
        top: auto;
    }
    .reviews-section .link-right{
        display:block;
        margin-top:-15px;
    }
    .posts-section .owl-nav{
        top: auto;
    }
    .section-cash{
        margin:0;
    }
    .posts-section .section-header{
        display:block;
    }

    .section-cash .section-title{
        width:100%;
    }
    .last-ex-heading h3{
        font-size:28px;
    }
    .section-last-ex .owl-nav{
        top:auto;
        bottom: -35px;
    }
    .benefits-item{
        margin-bottom: 60px;
    }
    .top-cripto-section, .excanger-cripto-section{
        padding-top:0;
    }
    .crypto-select-item .form-control{
        font-size:14px;
        padding: 0 10px;
    }
    .setting-header .header-info h3{
        font-size: 16px;
        line-height: normal;
        word-break:break-all;
    }
    .setting-header .header-info{
        margin-left: 10px;
    }
    .excanger-cripto-section .section-img-box{
        margin-bottom:60px;
    }
    .top-cripto-section{
        background: none;
    }
    .top-cripto-section .section-img-box{
        display:block;
    }
    .page-heading{
        margin-top:10px;
        font-size: 30px;
        padding: 15px 0 15px 0;
    }
    .contactss-img{
        text-align:center;
    }
    .contacts-info-row .info-heading{
        font-size: 24px;
    }
    .contact-form {
        padding: 25px 15px 25px 15px;
    }
    .contact-form .button-holder .button{
        margin-top:10px;
        min-width: 100%;
    }
    .article:nth-child(1n) .image-holder{
        text-align:center;
    }
    .article .image-holder{
        text-align:center;
    }
    .article .image-holder img{
        max-width:100%;
        margin-top:15px;
    }
    .article:nth-child(2n) div.col-md-5 {
        order: 0;
    }
    .article{
        padding: 30px 0;
    }
    .search-line-box{
        display:none;
    }
    .adv-filters-toggle{
        display:flex;
    }
    .search-line .form-group{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom:20px;
    }
    .search-line .form-control{
        width:100%;
        min-width: 100%;
    }
    .transactions-heading{
        display:block;
    }
    .transactions-heading .heading-right {
        margin-left:0;
        max-width:100%;
    }
    .footer .footer-middle {
        padding: 30px 0;
        margin-top:40px;
    }
    .footer .footer-middle .newsletter-box {
        margin-right: 0;
    }
    .steps-container .step-item{
        margin-right:14px;
    }
    .steps-container{
        padding: 30px 0 30px 0;
    }
    .steps-container .step-item:last-child{
        margin-right:0;
    }
    .exchange-container{
        /* padding: 30px 32px 40px 32px; */
        padding: 0;
        border: 0;
    }
    .section-deposit .steps-container + .section-heading{
        display:none;
    }
    .reverse-container .btn-reverse{
        transform:rotate(90deg);
    }

    .wallet-icons{
        display:none;
    }

    .wallet-list-container{
        margin-left: auto;
        width: auto;
    }
    .wallet-item .button-holder{
        width: 100%;
        align-items: flex-end;
        justify-content: center;
        flex-direction: column;
    }
    .wallet-info{
        min-width: 120px;
    }

    .wallet-item .item-right-side:after, .wallet-item .item-center:after{
        left: 15px;
        width: calc(100% - 15px);
    }
    .wallet-item .item-right-side .create-btn{
        min-width: auto;
        padding: 10px 20px;
    }
    .wallet-item .create-btn .text-desctop{
        display:none;
    }
    .wallet-item .create-btn .text-mobile{
        display:block;
    }
    .wallet-list-container .section-heading{
        font-size:24px;
        padding-left: 0;
    }
    .wallet-list-container{
        padding:32px 0 0 0;
    }
    .wallet-list .wallet-item:last-child .item-right-side:after, .wallet-list .wallet-item:last-child .item-center:after{
        display:none;
    }
    .modal .modal-dialog{
        width:auto;
    }
    .modal-title{
        font-size:24px;
    }
    .notyfy-container .form-group{
        flex-direction: column;
    }
    .notyfy-container .form-control{
        margin-bottom:15px;
        width: 100%;
    }
    .notyfy-container .button.notify-me-btn{
        width: 100%;
    }
    .modal-header, .modal-body, .modal-footer{
        padding: 14px 15px;
    }

    .modal-status-icon{
        width:85px;
        height: 85px;
    }
    .paymennt-status-modal .info-text-holder{
        margin-left:15px;
    }
    .section-heading{
        font-size:24px;
    }

    .qr-section{
        display:none;
    }
    .section-deposit .section-heading{
        margin-top:30px;
    }
    .section-deposit .address-item{
        padding-top:0;
    }

    .copy-btn-item{
        align-items: flex-start;
    }
    .equal-item{
        align-items: flex-start;
    }
    .equal-item .icon{
        margin-top: 2px;
    }
    .equal-item span{
        line-height: 18px;
    }

    .progress-container div.col-md-3{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .progress-container div.col-md-9{
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .arrows-indicator, .arrows-indicator + .progress-title{
        display:none;
    }
    .progress-status{
        display: block;
        line-height:18px;
    }

    .complete-header .left-info .icon-arrow-right{
        display:none;
    }
    .complete-header .left-info, .complete-header .right-info{
        padding: 5px 15px;
    }
    .complete-header{
        padding:12px 0;
        border-bottom:1px solid #D9E2EF;
    }
    .complete-header .right-info .trak-link-item{
        max-width:100%;
        text-align:left;
        margin-left:0;
        margin-top:25px;
    }
    .complete-header .right-info{
        flex-direction:column;
        align-items: flex-start;
        margin-top:5px;
    }
    .complete-info-item .left-info-holder{
        padding:25px 0 15px 15px;
        border-bottom:1px solid #D9E2EF;
        border-right:none;
    }
    .complete-info-item .right-info-holder{
        padding:25px 0 15px 15px;
    }
    .complete-info-item .left-info{
        padding: 0 0 15px 0;
    }
    .complete-info-item .right-info{
        padding: 0 0 10px 0;
    }

    .modal-total-item{
        margin-left: auto;
        width: 100%;
    }
    .agre-item{
        margin-left: 3px;
    }
    .mobile-order-1{
        order:-1;
    }

    .section-deposit .section-heading{
        display:none;
    }

    .section-deposit .sidebar-item{
        margin-bottom:25px;
    }

    .setting-item{
        display:block;
    }
    .setting-info, .switch-holder{
        margin-bottom:15px;
    }

    .card-item{
        margin-bottom:30px;
    }
    .info-tabs .sub-header-item{
        display:block;
    }
    .info-tabs .sub-header-item .text-left{
        margin:15px 0;
    }
    .road-step .right-side-inner{
        padding-left: 25px;
    }
    .road-step .right-side{
        max-width: calc(100% - 130px);
        margin-left:130px;
    }
    .road-step .left-side{
        min-width:130px;
        position:absolute;
    }
    .step-button{
        padding: 5px 10px;
    }
    .reverse-container .btn-reverse.active {
        transform: rotate(90deg);
    }
    .error-content h3{
        font-size: 38px;
    }

    .top-post .image-holder{
        min-width: 300px;
    }
    .post.top-post{
        flex-direction: column;
        align-items: center;
    }

    .post.top-post h3.post-heading{
        margin-top:30px;
        max-width:100%;
    }

    .post .post-content{
        margin-left: auto;
    }

    .post.post-inline{
        flex-direction:column;
    }
    .post.post-inline .post-heading{
        margin-top:25px;
    }

    .page-blog .page-heading{
        padding: 35px 0 35px 0;
    }
    .top-weak-section .post:not(.post-small) .post-heading, .top-weak-section .post:not(.post-small) .post-text{
        width: 90%;
    }

    .sub-posts .text-post-item{
        margin-bottom:25px;
    }
    .hot-news-section{
        padding-bottom: 40px;
    }

    .post.post-small .post-content{
        margin-left:12px;
    }

    .editors-section{
        padding-top: 25px;
    }

    .post.post-block .post-content{
        margin:25px 0 0 0;
    }

    .page-blog section{
        padding:0 15px;
    }

    .subscribe-box{
        flex-direction: column
    }

    .subscribe-box .button{
        margin-top:16px;
        margin-left: auto;
        width: 100%;
    }

    .page-blog .page-heading{
        padding-bottom:25px;
    }
    .post-meta-container{
        flex-wrap: wrap;
    }
    .post-meta-container .meta-item:first-child{
        min-width:100%;
        margin-bottom:20px;
    }
    .post-meta-container .meta-item:first-child:after{
        display:none;
    }
    .post-meta-container .meta-item:first-child + .meta-item{
        padding-left:0;
    }
    .footer-selctors .bootstrap-select:last-child{
        margin-left:0;
    }

    .post-inline-col .col-md-4{
        order:-1;
    }
    .post-inline-col .img-box{
        margin-bottom:25px;
    }
    .post-inline-col .img-box img{
        max-width: 100%;
    }

    .post-selector-section .col:first-child h3{
        padding-right: 10%;
    }
    .post-selector-section .col:last-child h3{
        padding-left: 10%;
    }

    .price-info{
        margin-top:30px;
    }
    .coin-chart-container{
        margin-bottom:90px;
    }

    .post-story .img-box{
        height: 250px;
    }

    .post-story .col-md-5{
        order:-1;
    }
    .form-title-inline:not(.height-static){
        height:auto;
    }
    .notify-modal .row{
        margin-bottom:20px;
    }

    .notyfy-link{
        display:block;
        margin-top:5px;
    }

    .banner-scene{
        display:none;
    }
}
@media (max-width: 575px) {
    .grow-item.grow-up{
        display:block;
    }
    .chart-time-line{
        right:auto;
        left:20px;
    }
    .chart-time-line{
        top:10px;
    }
    .chart-heading {
        margin-top:20px;
    }
    html.menu-open, body.menu-open{
        overflow:hidden;
    }
    .exchange-form-footer .right-side{
        flex-direction:column;
        align-items: flex-start;
    }
    .agre-item{
        margin-top: -10px;
        margin-bottom: 10px;
    }
    .set-time-item{
        margin-bottom: 30px;
    }
    .footer-middle .col-md-3:nth-child(1){
        text-align:left;
    }
    .footer-middle .col-md-3:nth-child(2){
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .footer-middle .col-md-3:nth-child(3){
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-top:40px;
    }
    .select-minimal .dropdown-toggle{
        padding-left:0;
    }
    .stores-container{
        margin-top:30px;
    }
    .stores-container a:first-child{
        padding-left:0;
    }
    .exchange-form-footer .right-side .next-btn, .next-btn-container{
        min-width: 100%;
    }

}
@media (max-width: 480px) {
    .modal-footer .bottons-container .button{
        min-width: 160px;
    }

    .modal-footer .bottons-container{
        display: flex;
        justify-content:flex-start;
    }

    .info-tabs .nav-tabs .nav-item{
        width:50%;
    }
    .info-tabs .nav-tabs .nav-link{
        padding:0;
    }

    .verify-form .submit-btn{
        width:100%;
    }

    .personal-info .header-item{
        display:block;
    }

    .counting-title{
        margin-top: 10px;
    }
    .form-control.error + label.error{
        bottom: -30px;
    }
}

/*================================================
 (  Min width  )
================================================*/

@media (max-width: 767px){
    .tables-controls{
        flex-direction: column;
    }
    .tables-controls .form-group{
        width:100%;
    }
    .button.button-action{
        min-width:114px;
    }
    .button.button-action:first-of-type + .button.button-action{
        margin-top:10px;
    }
    .section-get-started .button-holder{
        margin-top: 30px;
    }
    .section-security .read-more-link{
        margin-bottom: 40px;
        padding:0 10px;
    }
    .landing-page .section-heading{
        font-size: 36px;
        line-height: 42px;
    }
    .top-banner .lp-top-title{
        padding: 0 0 20px 0;
    }
    .top-banner .exchange-container .reverse-container,
    .section-bottom-exchange .exchange-container .reverse-container{
        margin: 40px -5px 0 0;
    }
    .section-security .info-holder, .section-support .info-holder{
        padding-left:0;
    }
    .section-get-started .button-holder{
        margin-top:-25px;
    }
    .landing-page .reverse-container .btn-reverse{
        margin: -12px -5px -10px 0;
    }
    .top-banner .reverse-container .btn-reverse.active {
        transform: rotate(90deg);
    }
    .landing-page .top-banner{
        padding: 50px 0 20px 0;
        position: relative;
    }
    .landing-page .top-banner:before{
        content:"";
        position:absolute;
        z-index: -1;
        top:-50%;
        left:0;
        width:100%;
        height:600px;
        background: linear-gradient(0deg, #1F2A50, #1F2A50), linear-gradient(0deg, #073746, #073746);
    }
    .landing-page .benefits-block{
        margin-bottom:15px;
    }

    .landing-page section .section-title{
        max-width: 100%;
    }
    .landing-page section{
        padding-left:10px;
        padding-right:10px;
    }
    .exchange-section {
        padding-top:60px;
    }
    .main-title{
        margin-bottom:30px;
    }
    .section-cash{
        background: rgb(255,251,242);
    }
    .section-cash .icon-list{
        padding-right:10px;
    }

    .section-cash, .section-assets, .section-get-started, .section-security, .section-uder-control, .section-support, .section-questions{
        padding: 60px 0;
    }
    .section-bottom-exchange .exchange-container .exchangeForm .button{
        margin-top:30px;
        width:100%;
    }
}


/*------------ Copy button -------------*/
.copy-button{
    padding: 0 12px !important;
    width: 100%;
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background:#5BC99C;
    color: #fff;
    border: 0;
}
.copy-button:hover,
.copy-button:focus {
    color: #ffffff;
    background: #429473;
    border-color: #429473;
}

.form-control.white-input[readonly]{
    background-color: #fff;
}

/*  */
/* deposit-address */
/*  */

#depositAddressForm .crypto-select-item .bootstrap-select {
    width: 100% !important;
}

#depositAddressForm .crypto-select-item .bootstrap-select .btn {
    border-radius: 8px;
    border: 1px solid #D9E2EF;
    width: 100%;
}

#depositAddressForm .crypto-select-item .bootstrap-select .crypto-name {
    text-transform: uppercase;
}

/*------------------------------------------------------------------------------*/
/*                                      USER PROFILE                            */
/*------------------------------------------------------------------------------*/
.user-profile-holder .badge.bg-success{
    background-color: #5BC99C !important;
}

.user-profile-holder {
    margin: -41px -32px 0;
}
.user-profile-holder .list-group {
    border-radius: 16px;
}

.user-profile-holder .list-group-item {
    border-color: rgba(0, 0, 0, 0.08);
    padding: 0.9rem 1rem;
}

.user-profile-holder .nav {
    background: #F5F8FB;
    border: 0;
}
.user-profile-holder .nav-link {
    border: 0 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #2A323F;
    padding: 20px 24px;
}

.user-profile-holder .nav-tabs .nav-item.show .nav-link, .user-profile-holder .nav-tabs .nav-link.active {
    border-radius: 8px 8px 0px 0px;
}

.user-profile-holder .tab-content {
    padding: 48px 56px;
}

.user-profile-holder .menu-item-account-icon img {
    height: 88px;
}

.user-profile-holder .tab-pane.active {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user-profile-holder .tab-pane form {
    width: 100%;
    max-width: 468px;
}

.user-profile-holder .form-select {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border: 1px solid #96A6B6;
    border-radius: 8px !important;
}

.verify-alert {
    background: #fff;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 20px 24px;
    flex-wrap: wrap
}

.verify-alert .btn {
    margin-left: auto !important;
}

.user-activity {
    border-radius: 8px;
    background: #F5F8FB;
    padding: 22px 64px;
    font-size: 16px;
}

@media (max-width: 1300px) {
    .user-activity {
        padding: 22px 24px;
        font-size: 14px;
    }
}

.loading .snippet{
    width: 100px;
    margin-left: 25px;
}

/*Tg Advert */
.tg-advert-container{
    margin-top: 20px;
    width: 100%;
    background: #1f2a50;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
    border-radius: 8px;
    transition: box-shadow 300ms ease, transform 300ms ease;
    position: relative;
}
.tg-advert-container .image-layers{
    position: absolute;
}
.tg-advert-container .image-layers.first-image{
    top: -5%;
    left: 0;
}
.tg-advert-container .image-layers.last-image{
    bottom: -15%;
    right: 0;
}
.tg-advert-container .image-layers.last-image img{
    transform: scale(-1, 1);
}
.tg-advert-container .image-layers img{
    border: 0;
    outline: none;
}
.tg-advert-container .body-block{
    margin-top: 18px;
    margin-right: 15px;
    text-align: center;
}
.tg-advert-container p, .tg-advert-container h3{
    color: #fff;
    margin: 0;
    text-decoration: none;
}
.tg-advert-container h3{
    font-size: 18px;
    line-height: 24px;
    padding-top: 12px;
}
.tg-advert-container p{
    font-size: 13px;
    letter-spacing: -0.02rem;
}
.tg-advert-container .external-button{
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 6px 8px 6px 11px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 12px;
    display: inline-block;
    text-transform: uppercase;
    background: #fff;
    color: #0f162e;
}

/* Large Tg advert */
#tg-advert-large-container{
    width: 100%;
    height: 180px;
    margin-bottom: 15px;
    position: relative;
    border-radius: 25px;
    background: #1f2a50;
    padding-top: 5px;
}
#tg-advert-large-container #closeTgAdvertBtn{
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
    border: 0;
    outline: unset;
    color: #fff;
    background: none;
    padding: 0;
    margin: 0;
}
#tg-advert-large-container .btn-close i{
    color: #fff;
}
#tg-advert-large-container .body-block p, #tg-advert-large-container .body-block h3{
    color: #fff;
    margin: 0;
    text-decoration: none;
}
#tg-advert-large-container .body-block h3{
    /*font-size: 24px;
    line-height: 32px;*/
    padding-top: 12px;
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
}
#tg-advert-large-container .body-block p{
    font-size: 16px;
    line-height: 24px;
}
#tg-advert-large-container .external-button{
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 6px 8px 6px 11px;
    font-size: 14px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 12px;
    display: inline-block;
    text-transform: uppercase;
    background: #fff;
    color: #0f162e;
    min-width: 200px;
    text-align: center;
}
#tg-advert-large-container .external-button img{
    margin-top: -2px;
}
#tg-advert-large-container .image-layers{
    text-align: center;
}
#tg-advert-large-container .image-layers img{
    margin: 25px auto;
}

.deposit-address-info-text{
    font-weight: 500;
    font-size: 14px;
    word-wrap: break-word;
    border: solid 1px #ced4da;
    box-shadow: none;
}