/*
Enter Here your Custom CSS Style!!
*/

/*
header {
	background: #25282F;
}
*/

/*
header #logo a:hover {
	color: #AB84A6;
}
*/

body {
	line-height: 20px;
}

header #logo a {
	font-size: 24px;
}

#logo img {
	margin: 60px auto 30px auto;
}


footer.footer-widgets a {
	color: #BAAB9B;	
}

#footer-credits {
	background: #504B78;
}

.bottom {
	position: absolute;
	bottom: 0;
}

/*
.row {
    display: table;
}

[class*="span"] {
    float: none;
    display: table-cell;
    vertical-align: bottom;
}
*/

.sidebar {
	margin: 0 auto;
}




/* navigation */
.navbar .navbar-nav {
	float: right;
}
/* color */
.navbar-default { /* navbar */
    background-color: #F8F8F8;
    border-color: #E7E7E7;
}
.navbar-default .navbar-brand { /* title */
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}