/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 95%;
}

@media(orientation : landscape){
header.carousel {
    height: 100%;
}
}

@media(orientation : portrait) {
header.carousel {
    height: 75%;
}
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

h1, h2, h3 {
font-family: 'Gloria Hallelujah', sans;
margin-top: 2rem;
    color: #15387c;
}

p {
text-align: justify;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

#c {
	position: relative;
	width: 100%; 
	height: auto; 
	text-align: center;
	clear: both;

}

#l, #r { width: 100%; position: relative; margin-top: 1rem; }

@media(max-width:767px) {
#l, #r { width: 100%; position: relative; margin-top: 1rem; float: none;}

#c {
	position: relative;
	width: 100%; 
	height: auto; 
	text-align: center;
	clear: both;
}
}

@media(min-width:767px) {
#c {
	position: absolute;
	left: 50%; 
	width: 40rem; 
	height: auto; 
	margin-left:-20rem; 
	float: left; 
	text-align: center;
}

#l, #r { width: 47%; position: relative; margin-top: 3rem; }
		#l { float: left;  text-align: justify;}
		#r { float: right; text-align: justify;}
		
		#l:before, #r:before { content: ""; width: 18rem; height: 8rem; }
		
		#l:before { float: right; }
		#r:before { float: left;}
}

h4 {
font-family: 'Gloria Hallelujah', sans;
font-size: 2rem;
}

.panel-default>.panel-heading {
color: #000;
background-color: #fff;
boder-bottom-width: 0px;
padding-bottom: 0px;
text-align: center;
}

.panel-heading {
    border: 0px;
}

.panel-default {
border:none;
}

.navbar-inverse{
background-color: #209d96;    
}

.row:after{
content: ""; width: 0px;
}

.panel-body::after{
content: none;
}

.ctext {
text-align: center;
}

a,a:hover,a:visited,a:active{
color: #d75c37;
border: none;
text-decoration: none;
}

.social {
width: 25%;
height: auto;
padding: 1rem;
float: left;
}

.respimg {
width: 100%;
height: auto;
margin: auto;
}

@media(min-width:767px) {
.sidepad {
padding: 0px 25% 0px 25%;
}
}
@media(max-width:766px) {
.sidepad {
padding: 0px 10% 0px 10%;
}
}

.loose {
margin: auto;
padding: 1.4rem;
float: left;

color: #d75c37;

}

.rep tr {
padding: 1px;
}

.rep td {
padding: 1rem;
vertical-align: top;
}

.red {
color: #2b5aa3;
}

.navbar {
    border-color:#000000;
}

.navbar-brand {
    font-family: 'Gloria Hallelujah', sans; 
    font-size: 2.2rem;
}

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

.navbar-inverse .navbar-brand{
     color: #ffeb00;
}

@media(max-width:1000px) {
    .navbar-brand {
       font-size: 1.7rem;
    }
    .navbar-right {
        font-size: 1.2rem;
        margin-left: 0px;
    }
}

.panel-body {
 padding-top: 0px;   
}

@media(max-width:800px) {
    .navbar-brand {
    font-size:1.6rem;
    }
}


@media(max-width:400px) {
    .navbar-brand {
    font-size:1.4rem;
    }
}


@media(max-width:330px) {
    .navbar-brand {
    font-size:1.2rem;
    }
}