/*!
 * 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%;
}

body {
    padding-top: 180px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'Lato', sans-serif;
	color:#10284b;
	font-size:14px;
}

body.home{
	padding-top:0 !important;
}

h1 {
	font-size:51px;
	color:#10284b;
	margin-top:0px;
	font-weight:300;
}

h2 {
	font-size:24px;
	line-height:28px;
	color:#10284b;
	margin-top:0px;
	font-weight:700;
}

h3 {
	color:#E6543B;
	text-transform:uppercase;
	font-size:26px;
	font-weight:600;
}

p {
	font-family: 'Lato', sans-serif;
	color:#10284b;
	font-size:14px;
	line-height:24px;
}

p.homeTitle {
	color:#fff; font-size:31px; line-height:40px; font-weight:300; text-transform:uppercase; padding:30px 0 25px 0;
	}

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

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

.home .navbar-inverse {
    background: none;
    border: none;
}


.navbar-inverse {
    background-color: #E6543B;
    border-color: #E6543B;
}

.navbar-fixed-top {
    height: 160px; 
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
}

.navbar-nav {
    margin: 35px 0 0 40px;
}

.navbar-nav #currentpage a {
color: #ed8a6d;
}

.navbar-collapse {
    
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-header {
    padding-bottom: 9px;
    margin: 80px 0;
    border-bottom: none;
    font-size: 51px;
    font-weight: 300;
	text-transform:uppercase;
}

.gray {
	background-color:#f3f3f3;
}

.grayCol {
	background-color:#f3f3f3;
	margin-bottom: -99999px;
    padding-bottom: 99999px;
	padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
}

.whiteCol {
	background-color:#fff;
	margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.equalCol {
	margin-bottom: -99999px;
    padding-bottom: 99999px;
}

#equalheight {
    overflow: hidden; 
}

#googlemaps {
   width: 100%; height: 500px; border: 1px solid #ccc; overflow: hidden;
}


.iconContent {
	padding: 0 0 0 66px; /* 75px being the width of the thumbnail + how much space you want to put between it and your text */
	position: relative; /* So the thumbnail is relative to this */
}

	.iconContent img {
		left: 0;
		position: absolute;
		top: 0;
	}

ul.plusList {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.plusList li {
  padding-left: 1em;
  text-indent: -1em;
  font-weight:700;
}

.plusList li:before {
  content: "+";
  padding-right: 5px;
  color:#E6543B;
  font-weight:700;
}

.form-control {
    height: 57px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn-primary {
    color: #fff;
    background-color: #10284B;
    border-color: #10284B;
}

.btn {
    display: inline-block;
    padding: 10px 45px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    font-style: italic;
}

.btn-default {
    color: #333;
    background-color: transparent;
    border: 2px solid #10284B !important;
    border-radius: 3px !important;
	font-weight:700 !important;
	padding: 15px 30px;
}


/* Home Page Carousel */

.carousel-caption {
	text-shadow:none;
	text-align:left;
}

.carousel-caption h2 {
    color: #fff;
    font-size: 69px;
    line-height: 86px;
    font-weight: 300;
	text-transform:uppercase;
}

.carousel-caption {
    right: 20%;
    left: 15%;
    padding-bottom: 60px;
}

header.carousel {
    height: 80%;
}

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

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

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* 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;
}

/* Footer Styles */

footer {
    margin: 0;
    background-color: #10284B;
	text-transform:uppercase;
	font-weight:900;
}

footer p {
	color:#f4b59e;
}

footer a {
	color:#f4b59e;
}

/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	p.homeTitle {
	color:#fff; font-size:20px; font-weight:300; text-transform:uppercase; padding:30px 0 25px 0;
	}
}

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

    header.carousel .carousel {
        height: 70%;
    }
	p.homeTitle {
	color:#fff; font-size:14px; font-weight:300; text-transform:uppercase; padding:30px 0 25px 0;
	}
	.navbar-brand>img {
		width:125px;
		height:52px;
	}
	.navbar-brand {
		padding:15px 0 0 15px;
	}
	.home .navbar-inverse {
    background: #E6543B;
}
	.navbar-nav {
		margin:30px 0 0 0;
	    background: #E6543B;

	}
	.navbar-fixed-top {
    height: 100px;
}
	.home h3 {
		font-size:22px;
}