@font-face {
    font-family: 'BYekan';
    src: url('../fonts/BYekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: BYekan !important;
    background-color: #FFFFFF;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #safari {
        background-color:#FFFFFF
    }
}

.small-circle-img {
    width: 50px;
    height: 50px;
}

.small-img {
    width: 80px;
    height: 50px;
}

#customers-slider img {
    width: 110px;
    height: 100px;
}

#customers-slider .item:first-child {
    margin-right: 10px;
}

.info-item {
    margin-bottom: 30px;
}

.info-item img {
    margin-bottom: 15px;
}

.card {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 5px 12px 12px 12px;
    margin: 23px 0px 10px 0px;
    transition: all .3s ease;
}

.card-order{
    margin-top: 2.5em;
}

.card-hover:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .1), 0 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .1), 0 6px 20px 0 rgba(0, 0, 0, .1);
    transform: scale(1.05);
    transition: all .3s ease;
}

.card-out-side-img {
    margin-top: -1.8em;
    -webkit-filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, .20));
    filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, .20));
}

.card-shadow {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.card-hover-blue:hover {
    -webkit-box-shadow: 0 20px 60px 0 rgba(72, 134, 255, .2), 0 6px 20px 0 rgba(72, 134, 255, .19);
    box-shadow: 0 20px 60px 0 rgba(72, 134, 255, .2), 0 6px 20px 0 rgba(72, 134, 255, .19);
    transition: all .3s ease;
}

/********** Buttons *************/
.btn-s {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.btn-blue {
    /*background-color: #4886ff;*/
    /*color: #fff;*/
    /*border-color: #4886ff;*/

    background-color: #4285f4;
    color: #fff;
    border-color: #4285f4;
    transition: all .3s ease;
    font-size: 15px;
}

.btn-blue:hover {
    /*background-color: #2e69dc;*/
    /*border-color: #2e69dc;*/
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    color: #fff;
    transition: all .3s ease;
}

.btn-blue:focus {
    background-color: #2e65cb;
    color: #fff;
    border-color: #2e65cb;
}

.btn-green {
    background-color: #00c851;
    color: #fff;
    border-color: #00c851;
    transition: all .3s ease;
    font-size: 15px;
}

.btn-green:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    color: #fff;
    transition: all .3s ease;
}

.btn-green:focus {
    background-color: #1ead3a;
    color: #fff;
    border-color: #1ead3a;
}

.btn-red {
    background-color: #ff3547;
    color: #fff;
    border-color: #ff3547;
    transition: all .3s ease;
    font-size: 15px;
}

.btn-red:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    color: #fff;
    transition: all .3s ease;
}

.btn-red:focus {
    background-color: #ec3643;
    color: #fff;
    border-color: #ec3643;
}

.btn-secondary {
    background-color: #a6c !important;
    color: #fff !important;
}

.btn-secondary:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    color: #fff;
    transition: all .3s ease;
}

.btn-secondary:focus {
    background-color: #9c5fbd;
    color: #fff;
    border-color: #9c5fbd;
}

/************ Gradient *************/
.purple-gradient {
    background: -webkit-linear-gradient(50deg, #ff6ec4, #7873f5) !important;
    background: -o-linear-gradient(50deg, #ff6ec4, #7873f5) !important;
    background: linear-gradient(40deg, #ff6ec4, #7873f5) !important;
}

.blue-gradient {
    background: -webkit-linear-gradient(50deg, #45cafc, #303f9f) !important;
    background: -o-linear-gradient(50deg, #45cafc, #303f9f) !important;
    background: linear-gradient(40deg, #45cafc, #303f9f) !important;
}

.aqua-gradient {
    background: -webkit-linear-gradient(50deg, #2096ff, #05ffa3) !important;
    background: -o-linear-gradient(50deg, #2096ff, #05ffa3) !important;
    background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
}

.peach-gradient {
    background: -webkit-linear-gradient(50deg, #ffd86f, #fc6262) !important;
    background: -o-linear-gradient(50deg, #ffd86f, #fc6262) !important;
    background: linear-gradient(40deg, #ffd86f, #fc6262) !important;
}

.purple-gradient-2 {
    background: linear-gradient(to bottom right, #FC56F6, #A356FD);
}

.aqua-gradient-2 {
    background: linear-gradient(to bottom right, #56D0FD, #56FD7D);
}

.peach-gradient-2 {
    background: linear-gradient(to bottom right, #FDBD56, #FD56B6);
}

.purple-shadow {
    box-shadow: 3px 15px 30px rgba(171, 86, 252, 0.75);
}

.aqua-shadow {
    box-shadow: 3px 15px 30px rgba(86, 247, 142, 0.75);
}

.peach-shadow {
    box-shadow: 3px 15px 30px rgba(253, 99, 169, 0.75);
}

.blue-shadow {
    box-shadow: 3px 15px 30px rgba(72, 134, 255, 0.75);
}

.z-depth-1 {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.z-depth-2 {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}

.z-depth-3 {
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);
}

.z-depth-4 {
    -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21);
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21);
}

.z-depth-5 {
    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-top-50 {
    margin-top: 50px;
}

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

.margin-top-10 {
    margin-top: 10px;
}

.margin-bottom-top-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.nop {
    padding: 0 !important;
}

.nom {
    margin: 0 !important;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 10px;
}

.white-text {
    color: #FFFFFF;
}

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

.dash-hr {
    border-top: 1px dashed #dedede;
    margin: 5px 0 5px 0;
}

/*************** navbar settings *************/
.navbar-blue {
    background-color: #ffffff;
    margin-top: 20px;
}

.navbar-blue.navbar-brand {
    color: #000000;
}

.navbar-blue.navbar-brand:hover,
.navbar-blue.navbar-brand:focus {
    color: #0075fe;
}

.navbar-blue.navbar-text {
    color: #000000;
}

.navbar-blue.navbar-nav > li > a {
    color: #000000;
}

.navbar-blue.navbar-nav > li > a:hover,
.navbar-blue.navbar-nav > li > a:focus {
    color: #0075fe;
}

.navbar-blue.navbar-nav > li > .dropdown-menu {
    background-color: #ffffff;
}

.navbar-blue.navbar-nav > li > .dropdown-menu > li > a {
    color: #000000;
}

.navbar-blue.navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-blue.navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #0075fe;
    background-color: #daecfe;
}

.navbar-blue.navbar-nav > li > .dropdown-menu > li.divider {
    background-color: #daecfe;
}

.navbar-blue.navbar-nav .open .dropdown-menu > .active > a,
.navbar-blue.navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-blue.navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #0075fe;
    background-color: #daecfe;
}

.navbar-blue.navbar-nav > .active > a,
.navbar-blue.navbar-nav > .active > a:hover,
.navbar-blue.navbar-nav > .active > a:focus {
    color: #0075fe;
    background-color: #daecfe;
    border-radius: 8px;
}

.navbar-blue.navbar-nav > .open > a,
.navbar-blue.navbar-nav > .open > a:hover,
.navbar-blue.navbar-nav > .open > a:focus {
    color: #0075fe;
    background-color: #daecfe;
}

.navbar-blue.navbar-toggle {
    border-color: #daecfe;
}

.navbar-blue.navbar-toggle:hover,
.navbar-blue.navbar-toggle:focus {
    background-color: #daecfe;
}

.navbar-blue.navbar-toggle .icon-bar {
    background-color: #000000;
}

.navbar-blue.navbar-collapse,
.navbar-blue.navbar-form {
    border-color: #000000;
}

.navbar-blue.navbar-link {
    color: #000000;
}

.navbar-blue.navbar-link:hover {
    color: #0075fe;
}

@media (max-width: 767px) {
    .navbar-blue.navbar-nav .open .dropdown-menu > li > a {
        color: #000000;
    }

    .navbar-blue.navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-blue.navbar-nav .open .dropdown-menu > li > a:focus {
        color: #0075fe;
    }

    .navbar-blue.navbar-nav .open .dropdown-menu > .active > a,
    .navbar-blue.navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-blue.navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #0075fe;
        background-color: #daecfe;
    }
}

.navbar-blue.navbar-nav > li > a {
    padding: 10px 30px;
    transition: all .3s ease;
}

.navbar-blue.navbar-nav > li {
    margin: 0 15px;
}

.navbar-blue.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #dceeff;
    border-radius: 8px;
}

.navbar-blue.navbar-collapse, .navbar-blue .navbar-form {
    border: 0;
}

.navbar-default{
    /*background-color: #ffffff !important;*/
    /*margin-top: 20px;*/
    border:none;
}
/*---------------- Footer Optiosn ---------------------*/
.menu {
    float: right;
}

.menu span {
    /*    border-bottom: 1px solid #c7c7c7;
        padding:10px 0px;*/
    margin-top: 15px;
    margin-bottom: 13px;
    display: block;
    font-size: 18px;
    color: white !important;
}

.menu li a {
    color: white !important;
    text-decoration: none;
    font-size: 15px !important;
}

.menu li p {
    color: white !important;
    text-decoration: none;
    font-size: 15px !important;
}

.menu li {
    margin-bottom: 12px;
    list-style: none;
}

.menu li a:hover {
    color: #D6D6D6;
}

.peyment {
    margin-left: 10px;
}

.peyment img {
    display: inline-block;
}

.icon-peyment img {
    width: 50px;
    height: 50px;
    padding: 5px;
}

#moneys p {
    margin-top: 6px;
}

#social-group {
    font-size: 28px;
    margin-top: 16px;
}

#social-group a {
    color: #5f6d8e;
    transition: all .3s ease;
}

#social-group a:hover, a:focus {
    color: #6382f9;
    transition: all .3s ease;
}

/******************** Dashbord ***********************/
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 100;
    font-size: 20px;
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #4886ff;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

.page-tittle {
    background-color: #F9FAFA;
}

.input-group-addon:first-child {
    border-left: 0;
    border-right: 1px solid #ccc;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Green theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #4886ff;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #4886ff;
}

/************ S-Tab ***********/
.s-tab {
    border-bottom: 1px solid #dee2e6;
    padding-left: 0;
    margin-bottom: 0;
}

.s-tab p {
    display: inline-block;
    color: #bbb;
    padding: 0 10px 0 10px;
    font-size: 20px;
    margin: 0;
}

.s-tab p span {
    font-size: 16px;
}

.s-tab-active {
    border-bottom: 1px solid #4886ff !important;
    color: #4886ff !important;
}

.s-tab-success {
    border-bottom: 1px solid #20bb18 !important;
    color: #20bb18 !important;
}

.sw-main {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    border-radius: .25rem !important;
}

.sw-main .sw-container {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}

.sw-main .step-content {
    display: none;
    position: relative;
    margin: 0;
}

.sw-main .sw-toolbar {
    margin-left: 0;
}

/* SmartWizard Theme: White */
.sw-theme-default .sw-container {
    min-height: 250px;
}

.sw-theme-default .step-content {
    padding: 10px;
    border: 0px solid #D4D4D4;
    background-color: #FFF;
    text-align: left;
}

.sw-theme-default .sw-toolbar {
    background: #f9f9f9;
    border-radius: 0 !important;
    padding-left: 10px;
    padding-right: 10px;
    padding: 10px;
    margin-bottom: 0 !important;
}

.sw-theme-default .sw-toolbar-top {
    border-bottom-color: #ddd !important;
}

.sw-theme-default .sw-toolbar-bottom {
    border-top-color: #ddd !important;
}

.sw-theme-default > ul.step-anchor > li {
    position: relative;
    margin-right: 2px;
}

.sw-theme-default > ul.step-anchor > li > a, .sw-theme-default > ul.step-anchor > li > a:hover {
    border: none !important;
    color: #bbb;
    text-decoration: none;
    outline-style: none;
    background: transparent !important;
    border: none !important;
    cursor: not-allowed;
}

.sw-theme-default > ul.step-anchor > li.clickable > a:hover {
    color: #4285F4 !important;
    background: transparent !important;
    cursor: pointer;
}

.sw-theme-default > ul.step-anchor > li > a::after {
    content: "";
    background: #4285F4;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.sw-theme-default > ul.step-anchor > li.active > a {
    border: none !important;
    color: #4285F4 !important;
    background: transparent !important;
    cursor: pointer;
}

.sw-theme-default > ul.step-anchor > li.active > a::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.sw-theme-default > ul.step-anchor > li.done > a {
    border: none !important;
    color: #5cb85c !important;
    background: transparent !important;
}

.sw-theme-default span {
    margin-left: 5px !important;
    font-size: 10px;
}

.sw-theme-default > ul.step-anchor > li.done > a::after {
    background: #5cb85c;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.sw-theme-default > ul.step-anchor > li.danger > a {
    border: none !important;
    color: #d9534f !important;
    /* background: #d9534f !important; */
    cursor: pointer;
}

.sw-theme-default > ul.step-anchor > li.danger > a::after {
    background: #d9534f;
    border-left-color: #f8d7da;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.sw-theme-default > ul.step-anchor > li.disabled > a, .sw-theme-default > ul.step-anchor > li.disabled > a:hover {
    color: #eee !important;
    cursor: not-allowed;
}

/* Responsive CSS */
@media screen and (max-width: 768px) {
    .sw-theme-default > .nav-tabs > li {
        float: none !important;
    }
}

/*-------------Profile Page---------------*/
.user-info-block {
    margin-bottom: 20px;
}

.user-info-block p:first-child {
    color: #9c9c9c;
    margin-bottom: 0;
}

.user-info-block p:last-child {
    color: #575757;
    margin-bottom: 0;
}

.user-info-aria h4 {
    margin-bottom: 20px;
}

.user-bank-account-item {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.user-bank-account-item p:nth-child(even) {
    color: #575757;
    margin-bottom: 10px;
}

.user-bank-account-item p:nth-child(odd) {
    color: #9c9c9c;
    margin-bottom: 0;
}

.user-bank-account-status p {
    float: left !important;
}

.user-bank-account-status li {
    margin-left: 0.2em;
    float: left !important;
}

.user-bank-account-status i {
    margin-left: 0.2em;
    float: left !important;
}

/*************** S-Table ****************/
.s-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 12px;
    padding: 10px;
    white-space: nowrap;
    color: #7a7a7a;
}

.s-table th, td {
    text-align: right;
    padding: 0.5em;
}

.s-table th {
    color: #a0a0a0;
    font-weight: 100;
    cursor: context-menu;
}

.s-table tr:not(:first-child) {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 15px;
    margin: 20px 0px 20px 0px;
    transition: all .3s ease;
    cursor: pointer;
}

.s-table tr:not(:first-child):hover {
    -webkit-box-shadow: 0 5px 20px 0 rgba(180, 180, 180, .2), 0 6px 20px 0 rgba(180, 180, 180, .19);
    box-shadow: 0 5px 20px 0 rgba(180, 180, 180, .2), 0 6px 20px 0 rgba(180, 180, 180, .19);
    transition: all .3s ease;
}

td.up {
    color: #00a34b;
    direction: ltr;
    position: relative;
}

td.up::after {
    font-family: 'simple-line-icons';
    content: "\e607";
    position: absolute;
    left: 2em;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 10px;
    transition: .3s;
}

td.down {
    color: #f44336;
    padding-right: 5px;
    padding-left: 25px;
    direction: ltr;
    position: relative;
}

td.down::after {
    font-family: 'simple-line-icons';
    content: "\e604";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 10px;
    transition: .3s;
}

.s-table-veritcal tr:nth-child(even) {
    color: #8898aa;
    background-color: #f6f9fc;
}

/*************** S-Table2 ****************/
.s-table2 {
    width: 100%;
    border-collapse: separate;
    white-space: nowrap;
    color: #525f7f;
}

.s-table2 th, td {
    text-align: right;
    padding: 10px;
}

.s-table2 th {
    color: #a0a0a0;
    font-weight: 100;
    cursor: context-menu;
}

.s-table2 tr {
    background-color: #fff;
    border-radius: 3px;
    margin: 20px 0px 20px 0px;
    transition: all .3s ease;
    cursor: pointer;
}

.s-table2 .thead-light th {
    color: #8898aa;
    background-color: #f6f9fc;
}

.s-table2 td {
    padding-top: 13px;
    padding-bottom: 10px;
    border-top: 1px solid #e9ecef;
}

/*********** S-Label **************/
.s-label {
    margin: 0;
    padding: 3px 6px 3px 6px;
    border-radius: 25px;
    text-align: center !important;
}

.s-label-green {
    background-color: rgba(89, 196, 102, .3);
    color: #59c466;
}

.s-label-blue {
    background-color: rgba(72, 134, 255, .3);
    color: #4886ff;
}

.s-label-red {
    background-color: rgba(255, 50, 50, .3);
    color: #ff3535;
}

.s-label-yellow {
    background-color: rgba(236, 151, 31, .3);
    color: #ec971f;
}

.s-label-transparent {
    border: 1px solid #eeeeee;
}

/********** Colors ************/
.green {
    color: #59c466 !important;
}

.blue {
    color: #007bff !important;
}

.red {
    color: #ff3535 !important;
}

.yellow {
    color: #ec971f !important;
}

.grey {
    color: #9e9e9e !important;
}

.green-bg {
    background: #59c466 !important;
    color: #FFFFFF;
}

.blue-bg {
    background: #4886ff !important;
    color: #FFFFFF;
}

.red-bg {
    background: #ff3535 !important;
    color: #FFFFFF;
}

.yellow-bg {
    background: #ec971f !important;
    color: #FFFFFF;
}

.blue-chart-img {
    margin-top: 1em;
    margin-bottom: 1em;
    filter: hue-rotate(-180deg) saturate(200%) grayscale(60%);
    -webkit-filter: hue-rotate(-180deg) saturate(200%) grayscale(60%);
}

.red-chart-img {
    margin-top: 1em;
    margin-bottom: 1em;
    filter: hue-rotate(-55deg) saturate(200%) grayscale(60%);
    /*-webkit-filter:  hue-rotate(-180deg) saturate(200%) grayscale(60%);*/
}

.green-chart-img {
    margin-top: 1em;
    margin-bottom: 1em;
    filter: hue-rotate(-280deg) saturate(200%) grayscale(70%);
    /*-webkit-filter:  hue-rotate(-180deg) saturate(200%) grayscale(60%);*/
}

/********* Hover ***************/
.hover {
    transition: all .3s ease;
    cursor: pointer;
}

.hover:hover {
    -webkit-box-shadow: 0 5px 20px 0 rgba(180, 180, 180, .2), 0 6px 20px 0 rgba(180, 180, 180, .19);
    box-shadow: 0 5px 20px 0 rgba(180, 180, 180, .2), 0 6px 20px 0 rgba(180, 180, 180, .19);
    transition: all .3s ease;
}

/********* pagination ********/
/*.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #4886ff;
    border-color: #4886ff;
}

.pagination > li > span, :not(a .active) {
    z-index: 2;
    color: #4886ff !important;
    background-color: #eee;
    border-color: #ddd;
}*/

/********* Footer **********/
.footer {
    margin-top: 25px;
}

.menu {
    float: right;
}

.menu span {
    margin-top: 15px;
    margin-bottom: 13px;
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #8796a7;
}

.menu li a {
    color: #5f6d8e;
    font-weight: 300;
    text-decoration: none;
    font-size: 16px !important;
    transition: all .3s ease;
}

.menu li p {
    color: #5f6d8e;
    text-decoration: none;
    font-size: 15px !important;
}

.menu li {
    margin-bottom: 12px;
    list-style: none;
}

.menu li a:hover {
    color: #6382f9;
    transition: all .3s ease;
}

/********** Material input **********/
.inp {
    position: relative;
    width: 100%;
    margin-top: 1.8em;
    margin-bottom: 1.8em;
}

.inp .label {
    position: absolute;
    top: 18px;
    right: 0;
    font-size: 15px;
    color: #9098a9;
    font-weight: 500;
    transform-origin: 0 0;
    transition: all 0.2s ease;
    padding-right: 0.3em;
}

.inp .border {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: #07f;
    transform: scaleX(0);
    transition: all 0.30s ease;
}

.inp input {
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    padding: 12px 0;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 2px solid #c8ccd4;
    background: none;
    border-radius: 0;
    color: #223254;
    transition: all 0.15s ease;
}

.inp:hover input {
    background: rgba(34, 50, 84, 0.03);
}

.inp input:not(:placeholder-shown) + span {
    color: #5a667f;
    transform: translateY(-26px) scale(1);
}

.inp input:focus {
    background: none;
    outline: none;
}

.inp input:focus + span {
    color: #07f;
    transform: translateY(-26px) scale(1);
}

.inp input:focus + span + .border {
    transform: scaleX(1);
}

.dtpicker-content a:hover {
    text-decoration: none !important;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.rounded-circle {
    border-radius: 50% !important;
}

.icon {
    width: 2.5em;
    height: 2.5em;
}

.icon-shape {
    display: inline-flex;
    padding: 12px;
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.icon-shape i {
    font-size: 18px;
}

.text-muted {
    color: #8898aa !important;
}

.text-rule {
    color: #667485 !important;
}

.text-success {
    color: #2dce89 !important;
}

.text-danger {
    color: #f5365c !important;
}

.text-white {
    color: #fff !important;
}

.text-light {
    color: #ced4da !important;
}

.bg-secondary {
    background-color: #f7fafc !important;
}

.text-sm {
    font-size: 14px !important;
}

.text-en {
    direction: ltr;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    /*color: #448eff !important;*/
    transition: all 0.3s;
}

.small-landin-coin{
    width: 80px !important;
    height: 80px !important;
    margin-bottom: 10px;
}

.text-blue{
    color: #0075fe;
}


.come-wrap{
    background-color: #333;
    padding:40px 0
}
.come-wrap p{
    text-align: center;
    font-size: 28px;
    color:#fff
}
.come-wrap .btn{
    width: 300px;
    padding:15px
}
/* product */
.product-wrap{
    padding: 50px 0;
}
.product-card-item{
    box-shadow: 1px 1px 1px 1px #e0e0e0;
    text-align: center;
    padding:10px;
    background-color:#fafafa;
    margin-top:20px
}
.product-card-icon{
    display: block;
    margin: 0 auto;
    padding:8px;
    height:70px;
    height:70px
}
.product-card-item-price{
    font-weight: normal;
    font-size: 13px;
    line-height:22px
}
.product-card-right{
    float: right;
}
.product-card-left{
    float:left
}
.clr{
    clear:both
}
/* last */
.last-row{
    background-color:#3498db ;
    padding:40px 0
}
.last-column-title{
    padding-right:50px;
    color:#fff
}
.last-wrap ul{
    list-style-type:none
}
.last-wrap ul li{
    color: #f5f5f5;
    padding:5px
}
.last-wrap ul li a{
    color:#000
}
.last-wrap ul li a:hover{
    text-decoration: none;
    color:#e0ffff
}
/* footer */
footer{
    background-color: #333;
    padding: 30px 0 20px
}
.footer-column-title{
    color: #fff;
    padding-right: 30px
}
.footer-column-content{
    color: #f9f9f9;
    text-align: center
}
.licenses-wrap img{
    width: 80px;
    height:35px
}
.copy-right,
.copy-right a{
    color: #eee;
    font-size: 12px;
    padding: 10px 0 0;
    text-align: center;
    direction: ltr;
    line-height:20px
}
.copy-right a:hover{
    text-decoration: none;
    color:#ccc
}
.social-img-telegram{
    width: 68px;
    height:68px
}
.social-img-instagram{
    width: 64px;
    height:64px
}
/* fixed-boxes */
.fixed-box-right,
.fixed-box-left{
    display:none
}
/* page */
.page-info-wrap{
    padding: 10px 0 50px;
    background-color: #fcfcfc;
    min-height:430px
}
.page-title{
    padding: 10px 10px 0 0;
    color:#000
}
.page-des{
    line-height: 24px;
    text-align:justify
}
/* contact us */
.contact-form-wrap{
    padding: 40px 0;
    background-color:#fcfcfc
}
.contact-info-wrap{
    padding: 10px 0 50px;
}
.contact-img-wrap {
    text-align: center;
    padding-top: 100px
}
/* news archive*/
.news-date{
    font-size: 12px;
    color:#bcbcbc
}
.newses{
    list-style-type:none
}
.newses li{
    padding:2px 0
}
.newses li a{
    color:#333
}
.newses li a:hover{
    color: #3498db;
    text-decoration:none
}
/* register */
.register-img-wrap {
    text-align: center;
    padding-top: 100px
}
.register-law-wrap{
    height: 100px;
    overflow:auto
}

/* fixed box*/
.fixed-box {
    position: fixed;
    top: 30%;
    left: 0px;
    background-color: #f5f5f5;

    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.fixed-box .close-box {
    background-color: #e94747;
    cursor: pointer;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    border-top-right-radius: 4px;
    font-size: 15px;
}

.fixe-img{
    width: 100px;
    height: 100px;
}
.pagerHL{
    background-color: #eee;
    padding: 8px 15px;
    border: 1px solid #cccbcb;
    margin: 2px;
    color: #333;
}

.pagerHLActive{
    background-color: #428bca !important;
    padding: 8px 15px;
    border: 1px solid #4c63e6;
    margin: 2px;
    color: #fff !important;
}

.Pager{
    text-align: center;
    margin: 40px 0 10px;
}

.modal-backdrop {
    z-index: 0 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color : #000 !important;
}

/*.modal-backdrop.in {
    opacity: 0;
}*/

.upChart{
    filter:hue-rotate(85deg) saturate(80%) brightness(0.85);
}

.downChart{
    filter:hue-rotate(300deg) saturate(210%) brightness(0.7) contrast(170%);
}

.navbar-default {
    background-color: #035e5f !important;
}

.navbar-default .navbar-nav>li>a {
    color: white;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #eee !important;
    background-color: transparent;
}

.navbar-default .navbar-collapse{
    border-color:transparent !important;
}


.panel-success {
    border-color: #cbf0dc;
}

.panel-success .panel-heading{
    color: #205237;
}

.panel-danger {
    border-color: #fbc6d3;
}

.panel-danger .panel-heading {
    color: #912741;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.625rem 1rem;
    line-height: 1.6;
    color: #585c7b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d4d7e5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:focus {
    color: #363740;
    background-color: #fff;
    border-color: rgb(132 134 253);
    outline: 0;
    box-shadow: inset 0 0 0 transparent, 0 0.5rem 1.125rem -0.5rem rgb(99 102 241 / 20%);
}

.btn-info {
    color: #fff;
    background-color: #4c82f7;
    border-color: #4c82f7;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.show {
    background-color: #2768f5;
    border-color: #2768f5;
    color: #fff;
}


.btn-success {
    color: #fff;
    background-color: #22c55e;
    border-color: #22c55e;
    box-shadow: unset;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.show {
    background-color: #1ca44e;
    border-color: #1ca44e;
    color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #ffba08;
    border-color: #ffba08;
    box-shadow: unset;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.show {
    background-color: #e1a200;
    border-color: #e1a200;
    color: #fff;
}



.features-slider{
    width:auto;
    display:none

}
.features-slider .item{
    padding:8px 5px 6px;
    text-align:center;
    cursor:pointer
}
.down-slider .chart{
    margin-left:10px
}
.down-slider{
    color:#fff;
    background:linear-gradient(to bottom,#212c33 0%,#1e2e37 42%)
}
.down-slider .box,.down-slider .chart{
    display:inline-block
}
.features-slider .item .title{
    margin-bottom:3px;
    padding-bottom:0
}
.features-slider .amount span{
    font-family:'abel';
    letter-spacing:1.5px
}
.features-slider .item .title .percentage{
    margin-left:5px;
    color:#ff435a
}
.features-slider .item .title .percentage span{
    font-family:'abel'
}
.features-slider .item .desc .unit{
    margin-right:5px;
    color:#aab9c2
}
.features-slider .item .volume{
    font-size:12px;
    color:#aab9c2;
    text-align:left;
    margin-top:3px
}
.features-slider .item .volume .amount{
    color:#fff
}
.features-slider svg:not(:root){
    height:55px
}
.down-slider.down-slider-2{
    color:#fff;
    padding-top:0;
    background:#26415a
}
.features-slider-2{
    width:auto;
    padding:0
}
.features-slider-2 .item{
    padding:8px 5px 1px;
    text-align:center;
    cursor:pointer
}
.down-slider .box,.down-slider .chart{
    display:inline-block
}
.features-slider-2 .item .title{
    margin-bottom:6px;
    padding-bottom:0;
    font-size:11px
}
.features-slider-2 .desc{
    font-size:11px
}
.features-slider-2 .amount span{
    font-family:'abel';
    letter-spacing:1.5px
}
.features-slider-2 .item .title .percentage{
    margin-left:5px;
    color:#ff435a
}
.features-slider-2 .item .title .percentage span{
    font-family:'abel'
}
.features-slider-2 .item .desc .unit{
    margin-right:5px;
    color:#aab9c2
}
.features-slider-2 .item .volume{
    font-size:12px;
    color:#aab9c2;
    text-align:left;
    margin-bottom:6px
}
.features-slider-2 .item .volume .amount{
    color:#fff
}
.features-slider-2 svg:not(:root){
    overflow:hidden;
    height:49px
}
.feature{
    padding-top:30px;
    padding-bottom:30px;
    background:#F1F1F1
}
@media only screen and (max-width: 768px){
    .feature{
        padding:30px 0
    }
}
.feature .features-slick{
    position:relative
}
@media only screen and (max-width: 768px){
    .feature .features-slick{
        padding:0
    }
}
.feature .features-slick:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:100px;
    height:100%;
    background-image:-moz-linear-gradient(left,transparent 0%,#F1F1F1 60%);
    background-image:-webkit-linear-gradient(left,transparent 0%,#F1F1F1 60%);
    background-image:linear-gradient(to right,transparent 0%,#F1F1F1 60%);
    z-index:99
}
@media only screen and (max-width: 768px){
    .feature .features-slick:before{
        display:none
    }
}
.feature .features-slick:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100px;
    height:100%;
    background-image:-moz-linear-gradient(left,#F1F1F1 40%,transparent 100%);
    background-image:-webkit-linear-gradient(left,#F1F1F1 40%,transparent 100%);
    background-image:linear-gradient(to right,#F1F1F1 40%,transparent 100%);
    z-index:99
}
@media only screen and (max-width: 768px){
    .feature .features-slick:after{
        display:none
    }
}
.feature .sub-holder{
    text-align:center;
    padding:5px 0
}
.feature .sub-holder .sub{
    background:#fff;
    text-align:center;
    border-radius:50%;
    padding-top:40px;
    width:180px;
    height:180px;
    transition:.3s;
    -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 0 0 rgba(0,0,0,0.1);
    box-shadow:0 0 0 0 rgba(0,0,0,0.1)
}
.feature .sub-holder .sub:hover{
    -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 0 0 rgba(0,0,0,0.1);
    box-shadow:0 0 3px 2px rgba(0,0,0,0.1)
}
.feature .sub-holder .sub a{
    display:block;
    height:100%;
    border-radius:50%
}
.feature .sub-holder .sub a img{
    margin-bottom:15px
}
.feature .sub-holder .sub a h5{
    margin:0;
    margin-bottom:3px;
    font-weight:700
}
.feature .sub-holder .sub a p{
    font-size:12px;
    padding:0 15px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}