body, h1, h2, h3, h4, h5, h6, p, .thumbnail .caption { font-family: 'Roboto', sans-serif; color: #7b8993; font-weight: 300; }

body { background: #fff url("../images/angel-bg.jpg") no-repeat center; background-size: cover; }

h1 { color: #00ADEF; }
h2 { color: #00ADEF; }
h3 { color: #00ADEF; line-height: 28px; }

a, .flag img { color: #006aa2; transition: all 0.5s ease; }

.navbar { height: 84px; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { clear: right; }
.navbar-nav { margin-top: -5px; }
.navbar-inverse { background-color: #fff; border-color: #ddd; color: #006aa2; }
.navbar-inverse .navbar-nav>li>a { color: #006aa2; font-weight: bold; background-color: #fff; }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover { color: #00ADEF; background-color: #fff; }

#nav-sub { float: right; list-style: none; margin: 14px 0 0 0; position:relative; z-index: 10; }
#nav-sub li { float: left; margin-left: 20px; color: #7b8993; }
#nav-sub li.flag:first-child { margin-left: 14px; }
#nav-sub li.flag { margin-top: -2px; margin-left: 8px; }
#nav-sub img { height: 15px; width: auto; opacity: 0.5; }
#nav-sub .active img, #nav-sub img:hover { opacity: 1; }

.btn-default { background-color: #00ADEF; border-color: #00ADEF; color: #fff; }
.btn-default:hover { background-color: #fff; color: #00ADEF; border-color: #00ADEF; }

.breadcrumb { background: #fff; }

.jumbotron { background: none; margin-bottom: 50px; }
.jumbotron h1 { color: #00ADEF !important; text-shadow: none; }
.jumbotron h2 { color: #006aa2; text-shadow: none; margin-top: -10px; }

.panel { transition: all 0.5s ease; border-color:#fff; }
.panel:hover { border-color: #00ADEF; box-shadow: 0 0 10px #00ADEF; }
.panel img { width: 200px; height: auto; margin: 14px auto; }

#content { margin-top: 100px; }

.lead { color: #006aa2; }

.col-lg-8 ul { list-style: none; margin-top: 20px; margin-left: 0; padding: 19px; border: 1px solid #ddd; background: #fff; border-radius: 4px; }
.col-lg-8 ul li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #ddd; }
.col-lg-8 ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.well { padding: 9px 19px; background-color: #006aa2; color: #fff; }
.well p { color: #fff; }
.well h4 { color: #fff; }
.well a { color: #fff; font-weight: bold; }

footer img { float: right; }

@media only screen and (max-width : 480px) {

#logo { display: none; }

.navbar-inverse .navbar-toggle { background: #00ADEF; border-color: #00ADEF; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:focus { background: #006aa2; border-color: #006aa2; }

#nav-sub { margin-top: 4px; }
#nav-sub li:first-child, #nav-sub li:nth-child(2) { display: none; }
#nav-sub li.flag { margin-left: 12px; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { margin-top: 33px; border-color: #ddd; }

.page-header { margin-top: 0; }
.carousel-caption { top: 60px; }

h3, h4, p, .well p { text-align: center; }

.list-inline, .well li { display: inline; text-align: center; }

footer, footer p { text-align: center; }
footer img { float: none; width: 20px; height: auto; margin-left: auto; margin-right: auto; }
	
}