/* Add here all your CSS customizations */
ul.group-logo {list-style: none; list-style-position: inside; margin: 10px 0px 0px; padding: 0px}
ul.group-logo li {list-style: none; display: inline-flex;}
ul.group-logo li a {display: block;width: 90px} 
ul.group-logo li img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.relative {position: relative;}
.flag-icon {position: absolute; right: 15px; top: -70px}
.flag-icon a.active {

}
.flag-icon a img {
    width: 24px; margin-left: 7px;filter: grayscale(1);
    -moz-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.flag-icon a.active img {filter: grayscale(0);
                         -moz-filter: grayscale(0);
                         -webkit-filter: grayscale(0);}
.account-link {display: flex}
.account-link a {margin-left: 10px}
.btn-group-sm>.btn, .btn-sm {
    border-radius: 3.2rem;}



.home-pay .home-brand {
    border: 1px solid #dddddd;
    border-radius: 3px;
    display: block;
    padding: 5px;
    margin-bottom: 13px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 106px;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    float: left;
    margin-left: 6px
}
.home-pay .home-brand span{
    position: absolute;
    width: 103px;
    height: 48px;
    left: 0;
    right: 0;
    top: 4px;
    bottom: 0;
    margin: 0 auto;
}

.home-pay .home-brand:hover {
    filter: none;
    -moz-filter: none;
    -webkit-filter: none;
    border-color: #FF6600;
}

.home-pay .home-brand img {
    width: 103px;
    height: 48px;
    display: table-cell;
    vertical-align: middle;
}
.navbar{
    min-height: 80px;
}
.navbar-inverse{
    background-color: #FFF;
    border-color: #e9e9e9;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{


}
.navbar-brand{
    margin-top: 5px;
    background: url(../img/logo.png) no-repeat;
    width: 255px;
    height: 75px;
}
.navbar-nav{
    margin-top: 20px;
}
.breadcrumb,.notify{
    margin-top: 80px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
    background: #FFF;
    color: #000;
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
