.top-header {
     background: #333333
}

nav .container {
     background: #00d8bf
}

.trading_platform_bg {
         background: #333333
}
.trading_platform_bg a{
     color:#fff;
}
.btn-nav {
     color: #fff;
     background-color: #333333
}

.btn-nav:hover {
     color: #fff;
     background-color: #2c4987
}

.nav-link:focus .caret-drop,
.nav-link:hover,
.nav-link:hover .caret-drop {
     color: #333333
}

.dropdown-menu {
     background-color: #fafcfc
}

.dropdown-menu>li>a {
     color: #595959
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
     color: #00d8bf
}

@media (max-width:850px) {
     .navbar-nav>li>a:hover {
          color: #00d8bf
     }
     .navbar-nav>li>a {
          color: #595959
     }
     .dropdown-menu {
          background: #fff
     }
     .dropdown-menu>li>a {
          color: #595959
     }
     .dropdown-menu>li>a:focus,
     .dropdown-menu>li>a:hover {
          color: #00d8bf
     }
}

.icon-bar {
     background-color: #00d8bf
}

.btn-custom {
     color: #fff;
     background-color: #00d8bf
}
.btn-custom:hover {
     color: #FFF;
     background-color: #2c4987;
     border-color: #2c4987;
}

.btn-slider {
     color: #fff;
     background-color: #00d8bf
}

.btn-slider:hover {
     color: #fff;
     background-color: #2c4987;
     border-color: #2c4987
}

.btn-slider.disabled,
.btn-slider:disabled {
     color: #fff;
     background-color: #00d8bf;
     border-color: #00d8bf
}

.btn-post {
     color: #fff;
     background-color: #00d8bf
}

.btn-post:hover {
     color: #fff;
     background-color: #2c4987
}

.inner-header-left a:hover {
     color: #00d8bf
}

.inner-header-social .fa:hover {
     color: #00d8bf
}

.carousel-indicators .active {
     background-color: #00d8bf
}

.carousel-indicators li {
     background-color: rgba(255, 255, 255)
}

.front-section h6 {
     color: #00d8bf
}

hr.left {
     border-top: 3px solid #00d8bf
}

.border-icon:hover {
     border: solid 1px #00d8bf;
     background: #00d8bf
}

.front-thumbnail:hover .rounded-circle {
     background: #00d8bf;
     border: solid 1px #00d8bf
}

.front-blogs .post-caption h5 {
     color: #00d8bf
}

hr.center {
     border-top: 3px solid #00d8bf
}

.about-services .border-icon:hover {
     border: solid 1px #00d8bf;
     background: #00d8bf
}

.benefits h3 {
     color: #00d8bf
}

.error-page .middle h4 {
     color: #00d8bf
}

.table-header {
     background: #00d8bf
}

.form-control:focus {
     color: #495057;
     border-color: #00d8bf
}

.social-contact a:hover {
     color: #00d8bf
}

.cd-top {
     background-color: #00d8bf
}

.nav>li>a:focus,
.nav>li>a:hover {
     background: #00d8bf;
     color: #fff
}

h3.autor {
     color: #00d8bf
}

.flickity-page-dots .dot.is-selected {
     background: #00d8bf
}

.flickity-page-dots .dot.is-selected {
     background: #00d8bf
}

.footer-col .list-group-item a:hover {
     color: #00d8bf
}

.newsletter-box .button {
     background-color: #00d8bf
}

.icon-fa:hover {
     background: #00d8bf;
     border: solid 1px #00d8bf
}

.alert-success {
     color: #fff;
     background-color: #8ec33e;
     border-color: #8ec33e
}

.h6,
h6 {
     color: #333333
}

.border-icon {
     border: solid 2px #333333
}

.about-services .border-icon {
     border: solid 2px #333333
}

aside.services .list-group-item {
     background-color: #f2f2f2;
     border-color:#333333;
}

aside.services .list-group-item:hover {
     background-color: #333333
}

aside.services .list-group-item a:link {
     color: #333333
}

aside.services .list-group-item a:visited {
     color: #333333
}

aside.services .list-group-item a:active {
     color: #333333
}

.tabs .nav-tabs .nav-link {
     background: #f2f2f2;
     color: #333333
}

.nav-tabs .nav-link:focus,
.tabs .nav-tabs .nav-link:hover {
     background: #333333;
     color: #fff
}

.tabs .nav-tabs .nav-item.show .nav-link,
.tabs .nav-tabs .nav-link.active {
     color: #fff;
     background-color: #333333;
     border-color: #dee2e6 #dee2e6 #fff
}

.panel-title {
     color: #333333
}

.panel-title:hover {
     color: #595959
}

.more-less {
     color: #212121
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
     border-top-color: #eee
}

.panel-title a:link {
     color: #333333
}

.panel-title a:visited {
     color: #333333
}

.panel-title a:hover {
     color: #2c4987
}

.panel-title a:active {
     color: #333333
}

.careers-parallax:before {
     background-image: linear-gradient(to bottom right, #333333, #333333)
}

.position-box a:link {
     color: #333
}

.position-box a:visited {
     color: #333
}

.position-box a:hover {
     color: #333333
}

.position-box a:active {
     color: #333
}

.center-table .table-header {
     background: #333333
}

.sections-contact .pages-title h1 {
     color: #333333
}

.sections-contact .pages-title p {
     color: #333333
}

.contact-left:before {
     background-image: linear-gradient(to bottom right, #333333, #333333)
}

.counter-parallax:before {
     background-image: linear-gradient(to bottom right, #333333, #333333)
}

.testimonials-box {
     background: #333333
}

footer {
     background: #333333
}

.social-items .fa {
     color: #333333
}

.icon-fa {
     border: solid 1px #333333
}

.accountbuton a {
     color: #fff!important
}

.dropbutton {
     background-color: #fff;
     color: #333333
}

.dropbutton:focus,
.dropbutton:hover {
     color: #00d8bf
}

.dropdownmenu-content {
     background-color: #f9f9f9;
     border-left: 1px solid #333333;
     border-right: 1px solid #333333;
     border-bottom: 1px solid #333333
}

.dropdownmenu-content li {
     border-bottom: 1px solid #333333
}

.dropdownmenu-content li:hover {
     background-color: #333333;
     color: #fff
}

.dropdownmenu-content a li {
     color: #333333
}

.arrowdownlang {
     color: #333333
}

.mobilecreataccoint,
.mobilelogin,
.mobilellogindshbor {
     background: #333333;
     color: #fff
}

.mobileheaderadd {
     background: #00d8bf
}

.mobileheaderadd a {
     color: #fff
}

.accountstableticons {
     background: #00d8bf
}

.accountstableticons a:hover {
     color: #333333!important
}

.homepagemenuchart li {
     background-color: #f2f2f2;
     border-color: #00d8bf;
     color: #000
}

.homepagemenuchart li:hover {
     border-color:#333333;
}

.position-box {
     border: solid 2px #333333
}

.position-box:hover {
     border: solid 2px #00d8bf;
     background: #f7f7f7
}

.position-box:hover i {
     color: #00d8bf
}

aside a {
     color: #333333
}

aside a:hover {
     color: #fff
}

.responsive-tabs .tab {
     border-color:#ccc !important;
}

aside li a.active {
     background: #333333 !important;
}

.responsive-tabs .tab:hover {
     color: #fff;
     background: #333333;
     border-color:#333333 !important;
}


#tab-five:checked~.tabs #tab-five-label,
#tab-four:checked~.tabs #tab-four-label,
#tab-one:checked~.tabs #tab-one-label,
#tab-three:checked~.tabs #tab-three-label,
#tab-two:checked~.tabs #tab-two-label {
     background-color: #00d8bf;
     color: #fff;
     border-color:#00d8bf !important;
}

@media (max-width:850px) {
     .responsive-tabs {
          border-bottom: 2px solid #00d8bf;
     }
     .responsive-tabs .tab {
          border-color:#00d8bf !important;
     }
}

@media (max-width:850px) {
     .navbar-nav {
          border-left: 2px solid #00d8bf;
          border-right: 2px solid #00d8bf;
          border-bottom: 2px solid #00d8bf
     }
}

@keyframes animate2 {
     0% {
          box-shadow: inset #333333 0 0 0 17px;
          transform: rotate(-140deg)
     }
     50% {
          box-shadow: inset #00d8bf 0 0 0 2px
     }
     100% {
          box-shadow: inset #00d8bf 0 0 0 17px;
          transform: rotate(140deg)
     }
}

.lilistdesignbs li:before {
     content: "\f058";
     color: #00d8bf
}

.h6,
.pageparag h6 {
     color: #00d8bf!important
}

.list_custom_st li:before {
     color: #00d8bf
}

.calculate_form {
     background: #00d8bf
}

.calculate_form p {
     color: #000
}

.calculate_form input[type=submit] {
     background: #333333;
     color: #fff
}

.listlidesignpedding i {
     color: #00d8bf
}

.brandbackgroundcolor {
     background: #00d8bf!important
}

.brandsecondbackgroundcolor {
     background: #333333!important
}

.whitecolor {
     color: #fff!important
}

.horizontal-main {
     background: #00d8bf;
     border-bottom: 1px solid rgba(67, 87, 133, .2)
}

.horizontalMenu>.horizontalMenu-list>li>a {
     color: #fff;
     border-left: 1px solid rgba(255, 255, 255, .2)
}

.horizontalMenu>.horizontalMenu-list>li>a.active {
     color: #00d8bf;
     background: #333333
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
     color: #031938
}

.horizontalMenu>.horizontalMenu-list>li>a.active {
     color: #fff
}

.horizontalMenu>.horizontalMenu-list>li>a:hover {
     color: #333333
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
     color: #00d8bf
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
     color: #00d8bf
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
     color: #00d8bf
}

@media only screen and (max-width:991px) {
     .horizontalMenu {
          background: rgba(0, 0, 0, 0) none repeat scroll 0 0
     }
     .horizontalMenu>.horizontalMenu-list>li {
          border-bottom: 1px solid rgba(67, 87, 133, .2)
     }
     .horizontalMenu>.horizontalMenu-list>li>a {
          color: #fff;
          border-bottom-color: rgba(255, 255, 255, .13)
     }
     .horizontalMenu>.horizontalMenu-list>li a.menuhomeicon {
          border-top: solid 1px rgba(255, 255, 255, .13)
     }
     .horizontalMenu>.horizontalMenu-list>li>a>.fa {
          color: #000
     }
     .horizontalMenu>.horizontalMenu-list>li:hover>a {
          background-color: rgba(0, 0, 0, .08)
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
          background-color: rgb(255, 255, 255, .04)
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
          color: #fff
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
          background-color: #e7e7e7;
          color: #6b6f80
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
          background-color: #e7e7e7;
          color: #6b6f80
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
          color: #fff!important
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
          background-color: #e7e7e7;
          color: #6b6f80
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active {
          color: #6b6f80
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a {
          color: #6b6f80
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
          color: #6b6f80
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
          background-color: #e7e7e7;
          color: #6b6f80
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a.active {
          color: #6b6f80
     }
     .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
          color: #6b6f80;
          border-bottom: 1px solid rgba(255, 255, 255, .13)
     }
     .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .title {
          color: #6b6f80
     }
     .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu>ul>li>a {
          background-color: #e7e7e7;
          color: #6b6f80
     }
     .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu>ul>li>a:hover {
          background-color: #6b6f80
     }
     .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu ul li.title {
          color: #6b6f80
     }
     .horizontal-header {
          background-color: #eaecf0
     }
     .callusbtn {
          color: #6b6f80
     }
     .callusbtn:hover .fa {
          color: #6b6f80
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
          background: rgb(227, 212, 255, .2);
          color: #00d8bf
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
          background: #fff;
          color: #00d8bf!important
     }
     .horizontalMenu>.horizontalMenu-list>li:hover>a {
          background: #333333;
          color: #fff!important
     }
     .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li:hover>a {
          color: #00d8bf
     }
     .horizontalMenu>.horizontalMenu-list>li>a.active>.fa {
          color: #00d8bf!important
     }
     .horizontalMenu>.horizontalMenu-list>li:hover>a>.fa {
          color: #00d8bf!important
     }
     .active .horizontalMenu>.horizontalMenu-list {
          background: #00d8bf
     }
}

.breadcrumb-item a {
     color: #00d8bf
}

.side-menu__item.active,
.side-menu__item:focus,
.side-menu__item:hover {
     color: #00d8bf;
     background: #fff
}

.side-menu__item.active .side-menu__icon,
.side-menu__item:focus .side-menu__icon,
.side-menu__item:hover .side-menu__icon {
     color: #00d8bf
}

a:hover {
     color: #00d8bf
}

.btn-success {
     color: #fff;
     background-color: #00d8bf;
     border-color: #00d8bf
}

.btn-success:hover {
     color: #fff!important;
     background-color: #333333!important;
     border-color: #333333!important
}

.form-control:focus {
     border-color: #00d8bf
}

.custom-control-input:checked~.custom-control-label::before {
     background-color: #00d8bf
}

.custom-control-input:active~.custom-control-label::before {
     background-color: #00d8bf
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
     background-color: #00d8bf
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
     background-color: #00d8bf
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
     background-color: #00d8bf
}

.page-item.active .page-link {
     color: #fff;
     background-color: #00d8bf
}

.wrapper>h1 span {
     border-bottom: 2px solid #00d8bf;
     color: #00d8bf
}

.tab_wrapper .content_wrapper .accordian_header.active {
     color: #00d8bf
}

.tab_wrapper .content_wrapper .accordian_header.active:after,
.tab_wrapper .controller span,
.tab_wrapper.left_side>ul li.active:after {
     background: #00d8bf
}

.tab_wrapper .content_wrapper .accordian_header.active .arrow {
     border-top: 3px solid #00d8bf;
     border-left: 3px solid #00d8bf
}

.tab_wrapper>ul li.active {
     border-color: #00d8bf;
     background: #00d8bf
}

.tab_wrapper.right_side>ul li.active:after {
     background: #333333
}

.custom-file-label::after {
     background-color: #00d8bf;
     border-color:#00d8bf;
}

.custom-file-input:focus~.custom-file-label,
.custom-file-input:focus~.custom-file-label::after {
     border-color: #00d8bf
}

.open-terms_popup,
.terms_popup_title {
     color: #00d8bf;
}

#showHide {
     color: #939ea9;
}

.btn-link {
     color: #00d8bf;
}

.btn-link:hover {
     color: #333333;
}

.sidebar_mobile_close, .user_menu_mobile_o {
     background:#00d8bf
}
.sidebar_mobile_close:hover, .user_menu_mobile_o:hover {
     background:#333333
}
.text-muted {
    color: #333333 !important;
}