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

body {
	width: 100%;
	height: 100%;
	color: #FFF;
}

/* type */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 1.3;
  color: #333333;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.number {
	letter-spacing: -1px;
	font-size: 65px;
	text-shadow: 0px 2px 3px #000000;
	color: #FFF;
}

html {
    width: 100%;
    height: 100%;
}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */

.intro-section {
	min-height: 100%;
	text-align: center;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 250px;
	background-size: cover;
	color: #fff;
	background-image: url(../img/masonrybkg.jpg);
}

.about-section {
	min-height: 100%;
	padding-top: 250px;
	text-align: center;
	background-color: #eee;
	background-image: url(../img/chimneybkg-alt3.jpg);
	background-position: center center;
}

.services-section {
	min-height: 100%;
	padding-top: 250px;
	text-align: center;
	background-color: #fff;
	background-image: url(../img/chimneybkg-alt7a.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

.work-section {
	min-height: 100%;
	padding-top: 200px;
	text-align: center;
	background-color: #fff;
	background-image: url(../img/chimneybkg-alt11.jpg);
	background-position: center center;
}

.testimonials-section {
	min-height: 100%;
	padding-top: 100px;
	text-align: center;
	background-color: #fff;
	background-image: url(../img/masonrybkg4.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.contact-section {
	min-height: 100%;
	padding-top: 100px;
	text-align: center;
	background-color: #fff;
	background-image: url(../img/masonrybkg2.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

/* CSS used here will be applied after bootstrap.css */
#bs-example-navbar-collapse-1 { text-align:center; }
.centered-navbar { display:inline-block; float:none; vertical-align:top; }

.number {
	letter-spacing: -1px;
	font-size: 65px;
	text-shadow: 0px 2px 3px #000000;
	color: #FFF;
}
.number2 {
	letter-spacing: -1px;
	font-size: 45px;
	text-shadow: 0px 2px 3px #000000;
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
}
.number2-blue {
	letter-spacing: -1px;
	font-size: 45px;
	text-shadow: 0px 2px 3px #000000;
	color: #084c9e;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
}
.number2-red {
	letter-spacing: -1px;
	font-size: 45px;
	text-shadow: 0px 2px 3px #000000;
	color: #e20303;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
}
.number2a {
	letter-spacing: -1px;
	font-size: 45px;
	text-shadow: 0px 2px 3px #000000;
	color: #f2d01b;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
}
.number3 {
	letter-spacing: -1px;
	font-size: 95px;
	text-shadow: 0px 2px 3px #000000;
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
}
.number3-blue {
	letter-spacing: -1px;
	font-size: 95px;
	text-shadow: 0px 2px 3px #000000;
	color: #084c9e;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
}
.number4 {
	letter-spacing: -1px;
	font-size: 28px;
	text-shadow: 0px 2px 3px #000000;
	color: #f2d01b;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
}
.number4-blue {
	letter-spacing: -1px;
	font-size: 28px;
	text-shadow: 0px 1px 2px #333333;
	color: #084c9e;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
}
.number5 {
    letter-spacing: -1px;
    font-size: 28px;
    text-shadow: 0px 2px 3px #000000;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1;
}
.number6 {
	letter-spacing: -1px;
	font-size: 28px;
	text-shadow: 0px 2px 3px #000000;
	color: #1f4e8c;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
}
.number7 {
	font-size: 22px;
	text-shadow: 0px 1px 2px #000000;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
}
.white-copy {
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
}

.heading {
	text-align: center;
	margin-bottom: 40px;
	color: 1f4e8c;
}



.navbar-default {
    background-color: #225494;
    border-color: #225494;
	background-image:url(../img/jcslogo-nav2.png);
	background-position:left;
	background-repeat:no-repeat;
}
.navbar-default .navbar-nav>li>a {
    color: #ffffff;
	font-size: 15px;
}
.navbar-default .navbar-brand {
    color: #F7D104;
}	



.btn-custom {
  color:#f2d01b;
  background-color: #1e4d8c;
  border-color: #1e4d8c;
  font-size:18px;
  margin-top:20px;
  margin-bottom:20px;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #1a4177;
  border-color: #153662;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  background-color: #1e4d8c;
  border-color: #1e4d8c;
}


#servicebox {
  margin-top: 25px;
  color: #666666;
}
/* Google Map */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
min-height: 50%;
}



#bottom {
    color: #F2D021;
    font-size: 14px;
    background-color:#053d7f;
	padding: 70px 0;
}

.carousel-inner {
	position: relative;
	width: 70%;
	height: 400px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}


.carousel-control.left, .carousel-control.right {
    background-image: none
}

#carousel-2 {
  text-align:left;
	}
.carousel-2-caption {
	margin-top:5px;
	font-size: 16px;
	font-style: italic;
	}
	
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
    margin-top: 10px;
    font-size: 70px;
	}
	
	.carousel-inner.item>a>img, .carousel-inner>.item>img {
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: none;
    color: #f2d01b;
}
.btn-yellow { 
  color: #0948E8; 
  background-color: #FABC03; 
  border-color: none;
  padding: 12px;
  font-size:18px;
  font-weight:bold; 
} 
 
.btn-yellow:hover, 
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  color: #0948E8; 
  background-color: #F5CD08; 
  border-color: none; 
} 
 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-yellow.disabled, 
.btn-yellow[disabled], 
fieldset[disabled] .btn-yellow, 
.btn-yellow.disabled:hover, 
.btn-yellow[disabled]:hover, 
fieldset[disabled] .btn-yellow:hover, 
.btn-yellow.disabled:focus, 
.btn-yellow[disabled]:focus, 
fieldset[disabled] .btn-yellow:focus, 
.btn-yellow.disabled:active, 
.btn-yellow[disabled]:active, 
fieldset[disabled] .btn-yellow:active, 
.btn-yellow.disabled.active, 
.btn-yellow[disabled].active, 
fieldset[disabled] .btn-yellow.active { 
  background-color: #FABC03; 
  border-color: none; 
} 
 
.btn-yellow .badge { 
  color: #FABC03; 
  background-color: #0948E8; 
}
.form-control {
    height: 54px;
    font-size: 18px;
    line-height: 1.42857;
    color: #555;
}