body {
  padding-top: 105px;
  background: #fff;
  font-family: 'Roboto', sans-serif;
}

/* PAGE STRUCTURE */

.div20 { width: 20%; float: left; }
.div25 { width: 25%; float: left; }
.div22 { width: 22%; float: left; }
.div23 { width: 23%; float: left; }
.div30 { width: 30%; float: left; }
.div33 { width: 33%; float: left; }
.div40 { width: 40%; float: left; }
.div50 { width: 50%; float: left; }
.div60 { width: 60%; float: left; }
.div66 { width: 66%; float: left; }
.div70 { width: 70%; float: left; }
.div75 { width: 75%; float: left; }
.div80 { width: 80%; float: left; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.f_left { float: left; }
.f_right { float: right; }
.f_none { float: none; }

.onlymobile { display: none; }

div.top_logo { border-top: 2px #c4beb8 solid; }

.clear { height: 0px; line-height: 0px; clear: both; }
.clear_r { height: 0px; line-height: 0px; clear: right; }
.clear_l { height: 0px; line-height: 0px; clear: left; }

.cssCenter {
    margin-left: 35px;
    padding: 50px 0 50px 35px;
    border-left: 1px #ebebeb solid;
}

.navbar-default .navbar-nav>li>a { color: #c5bdbb; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background: #efefef; }

nav.navbar.navbar-default.anim2 { background-color: #1d1e1f; border: 0; }

.aside { width: 20%; max-width: 260px; padding: 50px 0; }
.main_info { width: 80%; }

h1 { color:#1875c8; font-weight: normal; margin-top: 0; padding-top: 0; font-weight: 300; }

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

header .navbar { left: 0; right: 0; top: 0; position: fixed; z-index: 10; }

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.top_logo { padding: 0; text-align: left; display: block; background: #efefef; padding: 15px 0; color:#373737; font-style: italic;  }
.top_logo .container img { position: absolute; z-index: 10; margin-top: -15px;      -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.27);
     -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.27);
     box-shadow: 0px 0px 10px rgba(0,0,0,0.27); }

.no_top_logo { display: none; }

nav.navbar-inverse {
	background: #1d1e1f; border-top: 2px #c4bbb9 solid;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background: #1567b7 !important;
}

.navbar-inverse .navbar-nav>li>a {
    color: #d0cece;
}

div.tell { float: right; }
div.tell a { color: #fff; }
div.tell a  i { color: #c2bab8; }

#navbar div.tell { font-size: 12pt; margin-top: 15px; }

.left_menu li { list-style: none;  }

footer {
	background: #1d1e1f; color: #bdb9b1;
}

footer a { color:#fff; }

.opacity0 { opacity:0; filter:alpha(opacity=0); }

footer .widgets {
	padding: 50px 0;
	line-height: 22px
}

footer .widgets span { color:#fff; }

footer .widgets p { line-height: 25px; }

footer .widgets i { color:#fff; }

footer .widgets iframe { width: 100% !important; height: 154px !important; }

footer .widgets h4 {
	color:#fff;
	text-transform: uppercase; 
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px rgba(255, 255, 255, 0.08) solid;
}

footer .copyright {
	background: #000; padding: 25px 0; text-align: center;
}
.cssCenter img { max-width: 100% !important; }
footer .copyright span { color:#fff; }

footer .copyright a { color: #bdbdbd; }
footer .widgets .col-sm-4 h4 { margin-top: 0; }

@media only screen and (max-width: 1200px) { div.top_logo {
    border-top: 2px #c4beb8 solid;
    height: 1px;
    overflow: hidden;
    padding: 0;
} .top_logo .container img {margin-top: 0; }}

@media only screen and (max-width: 990px) {
	.aside { width: 25%; }
	.main_info { width: 75%; }
	#navbar div.tell a span { display: none; }
}
@media only screen and (max-width: 480px) { .aside { display: none; } }
@media only screen and (max-width: 768px) {
	div.tell { border: 1px solid #ddd !important; }
	div.navbar-collapse.collapse.in { padding-top: 40px; }
	.top_logo .container .f_right { display: none; }
	.top_logo .container img { max-width: 125px; }
	.top_logo { background: #1d1e1f; }
	body { padding-top: 55px; }
	.top_logo { float: left; }
	#navbar div.tell { display: none; }
	div.tell { border: 1px solid #333333;
    border-radius: 4px;
	padding: 6px 14px 7px 14px;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 8px; }
    div.top_logo { float: none; }
    .left_menu.right { text-align: center; }
    .left_menu.right ul { padding-left: 0 !important; margin-bottom: 15px !important; }
    .container.theme-showcase { display: table; }
    .container.theme-showcase .aside {display: table-footer-group; width: 100%; float: none; }
    .container.theme-showcase .main_info {display: table-header-group; width: 100%; float: none; }
    .container.theme-showcase .cssCenter { margin-left: 0; padding: 50px 0; border-left: 0; border-bottom: 1px #ebebeb solid; }
    .container.theme-showcase .left_menu { padding: 50px 0; }
    footer .widgets .col-sm-4 h4 { margin-top: 25px; }
    footer .widgets .col-sm-4 h4.first { margin-top: 0; }
    .aside.f_left.left { text-align: center; }
}

@media only screen and (max-width: 360px) {
	.top_logo img { max-width: 150px; }
}


@media only screen and (min-width: 768px) { #navbar { margin-left: 170px; padding-right: 0; }
.navbar-nav { float: right; }
	.hideondesktop { display: none; }
	div.tell a:hover { color: #cac3c0; text-decoration: none; }
	footer a:hover { color:#f6b044; text-decoration: none; }
	footer .copyright a:hover { color: #fff; }
	.navbar-default .navbar-nav>li>a:hover { color:#fff; }
}