/*
A custom Bootstrap 3.3.x template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

html, body {
height: 100%;
background: center no-repeat fixed url('/assets/img/bg_suburb.jpg');
background-size: cover;
}

.icon-bar {
background-color: #fff;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 10px 10px;
    font-size: 18px;
    line-height: 30px;
}

.navbar-brand img{
	width: 30px;
	height: auto;
}

.navbar-trans {
background-color: #55427e;
color: #fff;
}

.navbar-trans li>a:hover, .navbar-trans li>a:focus, .navbar-trans li.active {
background-color: #5F4B8B;
}

.navbar-trans a {
color: #fefefe;
}

.navbar-trans .form-control:focus {
border-color: #eee;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100, 100, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100, 100, 0.6);
}

section {
padding-top: 70px;
padding-bottom: 50px;
min-height: 100vh;
}
#section1 .v-center {
padding-top: 6%;
}

.v-center {
padding-top: 10%;
font-size: 70px;
}

.well {
border-color: transparent;
}

a.list-group-item.active, [class*='-info'] {
background-color: #5F4B8B;
color: #fff;
}

#section1 {
background-color: #5F4B8B;
color: #dedeff;
padding-top: 0px;
}
#section1 h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}
#section1 h1 span {
    display: block;
    font-size: 21px;
}
#section1 h1 img {
	display: block;
	max-width: 127px;
	margin: auto;
}
#section1 .col-sm-4 img{
	max-width: 127px;
	margin: auto;
	height: auto;
	margin-bottom: 15px;
}

#section1 .col-sm-4 a.col-sm-10 {
	color: inherit;
  text-decoration: none;
}

#section1 .col-sm-4 .col-sm-10:hover {
	background: #8b7cad;
	cursor: pointer;
	padding: 20px;
	transition: 1s;
	border-radius: 17px;
}
.more-section-search{
	background: #ffdc64;
	text-align: center;
	padding: 10px;
	color: #444;
	font-weight: 600;
}
.more-section-search:hover{
	background: #f2d063;
	padding: 13px;
	font-size: 1.1em;
	transition: 0.3s;
	cursor: pointer;
}
.ctd-img{
	width: 200px;
	height: auto;
	display: block;
}
.miou{
	margin: auto;
	width: 150px;
	height: auto;
	display: block;
	margin-bottom: 30px;
}

#section2 {
background-color: #e5e5ef;
color: #686868;
}
#section2 img.firefox {
    vertical-align: middle;
    width: 150px;
    height: auto;
}

#section3 {
background-color: #2090EA;
color: #ddd;
}

#section4 {
background-color: #fff;
color: #444;
}

#section5, #section7, #section7 a {
color: #f5f5f5;
}

#section6 {
background-color: #5F4B8B;
color: #ddd;
}

footer {
background-color: #09060E;
color: #ddd;
min-height: 100px;
padding-top: 20px;
padding-bottom: 40px;
}

footer .nav>li>a {
padding: 3px;
color: #ccc;
}

footer .nav>li>a:hover {
background-color: transparent;
color: #fff;
}