@font-face {
    font-family: SourceSansPro-Regular;
    src: url("../fonts/SourceSansPro-Regular.otf") format("truetype");
}

@font-face {
    font-family: SourceSansPro-Semibold;
    src: url("../fonts/SourceSansPro-Semibold.otf") format("truetype");
}

@font-face {
    font-family: SourceSansPro-Bold;
    src: url("../fonts/SourceSansPro-Bold.otf") format("truetype");
}

@font-face {
    font-family: SourceSansPro-Black;
    src: url("../fonts/SourceSansPro-Black.otf") format("truetype");
}

@font-face {
    font-family: SourceSansPro-Light;
    src: url("../fonts/SourceSansPro-Light.otf") format("truetype");
}

@font-face {
    font-family: SourceSansPro-ExtraLight;
    src: url("../fonts/SourceSansPro-ExtraLight.otf") format("truetype");
}

body {
    font-family: 'SourceSansPro-Regular', sans-serif;
    background-color: #f6f6f6;
}

body.creditpay_banner {
    background: url('../images/banner.jpg') #f6f6f6 no-repeat;
    background-position: center top;
}

a:hover > img {
    opacity: .8;
}

a:hover {
    text-decoration: none;
}

a.orange {
    color: #ff6e31;
}

a.orange:hover {
    text-decoration: underline;
}

.navbar-header .logo {
    padding: 0;
    margin: 0;
}

.modal-content {
    background-color: #f6f6f6;
}

.modal-footer {
    text-align: center;
}

nav.navbar-default {
    border: none;
    height: 92px;
    background: #ffffff;
}

nav .collapse.navbar-collapse > ul {
    padding-top: 25px;
}

nav .collapse.navbar-collapse > ul > li {
    margin-right: 15px;
}

nav .collapse.navbar-collapse > ul > li > .search-menu {
    padding: 2px 14px;
}

nav .collapse.navbar-collapse > ul > li > .search-menu:hover {
    opacity: .8;
}

nav .collapse.navbar-collapse > ul > li > .user-login {
    border: 1px solid #00aac2;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 9px 15px;
    text-transform: uppercase;
    margin-right: 35px;
}

nav .collapse.navbar-collapse > ul > li > .user-login a { /* NOSONAR */
    color: #00aac2;
    font-family: 'SourceSansPro-Bold', sans-serif;
}

nav .collapse.navbar-collapse > ul > li > .user-arrow-bottom {
    margin-left: 5px;
}

nav .collapse.navbar-collapse > ul > li > .user-login a:hover { /* NOSONAR */
    opacity: .8;
}

nav .collapse.navbar-collapse > ul > li > .login-vertical-line {
    position: relative;
    top: 3px;
    width: 1px;
    background-color: #ff6e31;
    height: 17px;
    padding: 0;
    margin: 0 5px;
}

nav .collapse.navbar-collapse > ul > li > a.facebook {
    padding: 2px 15px;
    font-weight: bold;
    margin-right: 30px;
}

nav .collapse.navbar-collapse > ul > li > a.facebook:hover {
    opacity: .8;
}

nav .collapse.navbar-collapse > ul > li > a.icon-menu {
    border: 1px solid #ffffff;
    padding: 9px 15px;
    color: #134b61;
}

nav .collapse.navbar-collapse > ul > li > a.icon-menu:hover {
    opacity: .8;
}

nav .collapse.navbar-collapse > ul > li > a.icon-menu img { /* NOSONAR */
    padding-bottom: 3px;
}

.toggle-menu-close {
    display: none;
    width: 20px;
}

.search-dropdown {
    display: none;
}

.search-dropdown {
    width: 175px;
    height: 43px;
    background-color: #ffffff;
    padding: 0;
    border: 1px solid #ff6e31;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: right;
    margin-right: 14px;
}

.search-dropdown img {
    margin-right: 10px;
    margin-left: 5px;

}

.search-dropdown .search-form {
    display: inline-block;
    margin-top: 7px;
}

.search-dropdown .search-form input {
    width: 120px;
    border: none;
    color: #ff6e31;
    padding-top: 2px;
}

.user-menu-dropdown {
    display: none;
}

.user-menu-dropdown {
    position: fixed;
    top: 85px;
    z-index: 1000;
    width: 200px;
    height: auto;
    background-color: #ffffff;
    padding: 10px 30px;
    box-shadow: 0 2px 5px #ccc;
    border: 1px solid #eee;
}

.user-menu-dropdown:after {
    bottom: 100%;
    left: 50%;
    border-style: solid;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -20px;
}

.user-menu-dropdown:after, .user-menu-dropdown:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.user-menu-dropdown:after {
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.user-menu-dropdown:before {
    border-bottom-color: #ddd;
    border-width: 11px;
    margin-left: -11px;
}

.user-menu-dropdown ul {
    padding: 0;
    list-style: none;
    width: auto;
}

.user-menu-dropdown ul li {
    padding: 4px 7px;
    width: auto;
}

.user-menu-dropdown ul li a {
    color: #00aac2;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'SourceSansPro-Bold', sans-serif;
}

.user-menu-dropdown ul li a:hover {
    color: #f37944;
    padding: 0;
    text-decoration: none;
}

.mobile-menu-dropdown-button {
    float: right;
    margin-top: 33px;
    margin-right: 30px;
}

.menu-dropdown {
    display: none;
}

.menu-dropdown {
    right: 0;
    top: 92px;
    z-index: 10;
    height: 561px;
    background-color: #134c62;
}

.menu-dropdown ul {
    padding: 0;
    list-style: none;
    width: auto;
}

.menu-dropdown ul li {
    padding: 7px 10px;
    width: auto;
}

.menu-dropdown ul li a {
    color: #ffffff;
    padding: 7px 10px;
    text-decoration: none;
    border: 1px solid #134c62;
}

.menu-dropdown ul li a:hover {
    color: #ffffff;
    border: 1px solid #ffffff;
}

.mobile-menu-dropdown {
    position: relative;
    right: 0;
    top: 100px;
    z-index: 0;
    width: 100%;
    height: auto;
    background-color: #134c62;
    padding: 40px 30px;
}

.mobile-menu-dropdown ul {
    padding: 0;
    list-style: none;
    width: auto;
}

.mobile-menu-dropdown ul li {
    padding: 7px 10px;
    width: auto;
}

.mobile-menu-dropdown ul li a {
    color: #ffffff;
    padding: 7px 10px;
    text-decoration: none;
    border: 1px solid #134c62;
}

.mobile-menu-dropdown ul li a:hover {
    color: #ffffff;
    border: 1px solid #ffffff;
}

.mobile-menu-dropdown {
    display: none;
}

/* footer */
#footer {
    width: 100%;
    height: auto;
}

#footer .footer-text {
    font-size: 14px;
    color: #777;
    text-align: justify;
}

#footer .copyright {
    font-size: 12px;
    color: #4e4e4e;
}

#footer .bordered.right {
    border-right: 1px solid #ccc;
}

#footer .bordered {
    padding: 5px 30px;
    display: inline-block;
}

#footer .bordered a {
    font-size: 16px;
    color: #808080;
}

#footer .icon-social {
    padding: 10px 30px;
}

#main-content {
    margin-top: 12px;
    padding-top: 20px;
}

.title {
    font-family: 'SourceSansPro-ExtraLight', sans-serif;
    font-size: 25px;
}

.bg-white {
    background-color: #ffffff;
}

.bg-blue {
    background-color: #dfdfdf;
}

.bg-orange {
    background-color: #f4811f;
}

.bg-red {
    background-color: red;
}

.bg-brown {
    background-color: #f1e9db;
}

.bg-ping {
    background-color: #dfdfdf;
}

.block-content {
    margin: 10px 0;
}

/* account */
.account {
    padding: 20px 0;
    color: #00aac2;
}

.account .title {
    margin-bottom: 40px;
}

.account > div {
    font-size: 12px;
}

.account > .bordered-right {
    border-right: 2px solid #f6f6f6;
    padding: 0 20px;
}

.account > div:nth-child(1) img, .account > div:nth-child(3) img {
    margin-right: 15px;
}

.account > div:nth-child(3) > div {
    margin-bottom: 15px;
    font-family: 'SourceSansPro-ExtraLight', sans-serif;
    font-size: 21px;
}

.account > div:nth-child(3) > div > .currency {
    vertical-align: super;
    font-size: 15px;
}

.account .date {
    margin-bottom: 25px;
}

.account .links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.account .links ul > li {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.account .links ul > li a {
    color: #00aac2;
}

.account .links ul > li a.underline:hover {
    text-decoration: underline;
}

/* exchange-rate */
.account.exchange-rate {
    color: #000;
}

.exchange-rate-overlay {
    background-color: transparent;
    margin: 10px 0;
}

.exchange-rate-overlay:hover {
    background-color: #dfc79c;
}

.exchange-rate-hover {
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #ffffff;
}

.exchange-rate-overlay:hover > div {
    opacity: .25;
}

.exchange-rate-overlay:hover .exchange-rate-hover {
    opacity: 1;
}

.exchange-rate-hover a {
    color: #000;
    background-color: #ffffff;
    text-decoration: none;
    padding: 10px 25px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.exchange-rate-hover a:hover {
    color: #666666;
}

.exchange-rate > div {
    padding: 5px 20px 10px 10px;
}

.exchange-rate img {
    margin-right: 15px;
}

.exchange-rate .exchange {
    text-transform: uppercase;
    font-size: 13px;
}

.exchange-rate .rate {
    display: inline;
}

/* action-link */
.block-content.action-link .part-content {
    padding: 20px;
}

.block-content.action-link .part-content.accept-money {
    background-color: #0592a1;
    color: #ffffff;
}

.block-content.action-link .part-content.send-money {
    background-color: #134b61;
    color: #ffffff;
}

.block-content.action-link .part-content.gold-account {
    background-color: #e1ce8d;
    color: #9b8546;
}

.block-content.action-link .header {
    height: 58px;
}

.block-content.action-link .content {
    display: table-cell;
    vertical-align: bottom;
    height: 240px;
    padding: 0;
    width: 100%;
}

.block-content.action-link .title-links {
    font-family: 'SourceSansPro-Light', sans-serif;
    font-size: 24px;
}

.block-content.action-link .title-links img {
    float: right;
}

.block-content.action-link ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.block-content.action-link ul > li {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.block-content.action-link ul > li a {
    color: #82c9d0;
}

.block-content.action-link ul > li a:hover {
    color: #ffffff;
}

.block-content.action-link ul.gold-list > li a {
    color: #bea969;
}

.block-content.action-link ul.gold-list > li a:hover {
    color: #9b8546;
}

.inline {
    display: inline;
}

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

.no-border {
    border: none !important;
}

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

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

.send-form {
    display: none;
}

.receive-form {
    display: none;
}

.receive-money-send {
    display: none;
}

.new-account-form {
    display: none;
}

.emoney-form {
    display: none;
}

.own-card-form {
    display: none;
}

.buy-articles {
    margin-top: 30px;
}

.buy-articles .buy-article {
    padding: 12px 0;
    border-bottom: 1px solid #ccc;
}

.help-article {
    padding: 12px 0;
    border-bottom: 1px solid #ccc;
}

.service-article {
    padding: 12px 0;
    border-bottom: 1px solid #ccc;
}

.news-article {
    padding: 12px 0;
    border-bottom: 1px solid #ccc;
}

.profile {
    font-size: 15px;
}

.profile .profile-row {
    margin-bottom: 5px;
}

.profile .profile-row > div {
    display: inline-block;
}

.profile .profile-row .profile-header {
    font-weight: bold;
    width: 200px;
    vertical-align: top;
}

.profile .profile-row .profile-data span {
    margin-top: 5px;
}

.mobile-user-logout {
    float: right;
    margin-top: 35px;
    margin-right: 20px;
    color: #ff6e31;
    font-size: 15px;
}

.menu-dropdown-list li a {
    text-transform: uppercase;
}

.other-accounts-button {
    cursor: pointer;
    padding: 7px 0;
}

.other-accounts {
    display: none;
    width: auto;
    z-index: 100;
    background-color: #134b61;
    position: absolute;
    top: 60px;
}

.other-accounts > div {
    padding: 10px 12px;
    width: 100%;
}

.other-accounts > div:hover {
    background-color: #00aac2;
}

.other-accounts > div > a {
    color: #ffffff;
}

.error {
    color: red;
    font-size: 12px;
    font-weight: normal;
}

.category-card {
    text-align: center;
}

.login-page {
    box-shadow: 0 2px 20px #ccc;
    background-color: #ffffff;
    padding: 30px 35px;
    margin-bottom: 50px;
}

.login-page .logo {
    width: 100px;
    margin-bottom: 20px;
}

.login-page .login-text-top {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed;
    color: #00aac2;
}

.login-page .title {
    color: #00aac2;
    font-weight: bold;
}

div.styled {
    display: block;
    width: 100%;
    vertical-align: middle;
    line-height: 45px;
    color: #a9a9a9;
}
.login-page .form-group input,
.login-page .form-group div.styled {
    height: 50px;
    background-color: #f7f2ea;
    border-radius: 0;
    box-shadow: none;
}

.login-page button {
    text-transform: uppercase;
    font-weight: bold;
}

.login-page .login-link {
    margin: 15px 0;
}

.login-page .login-text-bottom {
    color: #999;
    font-size: 14px;
    padding: 10px 0;
}

.login-bottom-line {
    border-top: 1px solid #ccc;
    margin-top: 30px;
}

.modal.in .modal-dialog {
    margin-top: 250px;
    color: #ff6e31;
}

/* modal loader */
.loader {
    color: #ff6e31;
    font-size: 120px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease;
    animation: load6 1.7s infinite ease;
}

@-webkit-keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; /* NOSONAR */
    }
    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; /* NOSONAR */
    }
    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; /* NOSONAR */
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; /* NOSONAR */
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; /* NOSONAR */
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; /* NOSONAR */
    }
}

@keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; /* NOSONAR */
    }
    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; /* NOSONAR */
    }
    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; /* NOSONAR */
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; /* NOSONAR */
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; /* NOSONAR */
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; /* NOSONAR */
    }
}

.red {
    color: red;
}

.green {
    color: green;
}

.orange {
    color: #ff6e31;
}

.float-left {
    float: left;
}

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

.min-width {
    min-width: 80px;
}

.own-card-input {
    width: 65%;
}

.own-card-label{
    margin-right: 7px;
    line-height: 35px;
}

.icon-color {
    color: #ff6e31;
}

.icon-color:hover {
    color: #ff6e31;
}

.icon-size-medium{
    font-size: 24px;
    margin-left: 12px;
}
.requirfalse {
    border: 1px solid red !important;
}
.upper {
    text-transform: uppercase;
}