@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800|Roboto+Slab:400,100,300,700);
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

body{
	font-family: "Roboto Slab", sans-serif;
	font-weight: 300;
	font-size: 2em;
	position: relative;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Open Sans", sans-serif;
	font-weight: 100;
	margin: 0;
}

#aboutme .splithead, #contact .splithead{
	text-align: center;
	font-weight: 500;
	margin-left: auto;
	margin-right: auto;
}


/* Header Navigation */
header .navbar{
	padding: 30px 0;
	transition: all .5s ease-out;
}

header .navbar-default{
	background: transparent;
	background-color: rgba(88, 109, 116,.00);
	border-color: transparent;
	border: none;
}

header .navbar-default .navbar-nav a{
	color: white;
	padding: 5px 8px;
}

header .navbar-default .navbar-nav a:hover{
	color: #EEC858;
}

header .navbar-default .navbar-nav .active a{
	font-weight: 700;
	color: #EEC858;
	background-color: rgba(88, 109, 116,.00);
/*	border-bottom: 4px solid #EEC858;*/
	text-shadow: none;
}

header .navbar-default .navbar-nav .active a:hover{
	color: #E15D5F;
	background-color: transparent;
	text-shadow: none;
}

/*  Navbar Brand  */
header .navbar-brand{
	background: url(../images/hillslogoAI.svg);
	background-repeat: no-repeat;	
	background-position: 15px 0;
	height: auto;
}

header .navbar-brand h1{
	color: white;
	margin: 0;
	font-size: 1.8em;
	font-weight: 400;
	padding-left: 105px;
	vertical-align: middle;	
}

header .navbar-brand span.subhead{
	display: block;
	font-family: "Roboto Slab", Serif;
	font-size: .6em;
	font-weight: 100;
}

header .navbar-right{
	padding-top: 10px
}

/*  Navbar Toggle (burger button)  */
header .navbar-toggle{
	background-color: #EEC858;
}

header .navbar-default .navbar-toggle .icon-bar{
	background-color: white;	
}

@media only screen
and (max-width: 768px) {
	header .navbar-collapse.in {
		background-color: rgba(0,0,0, .5);
		border: none;
	}
}

/* Nav - navshrink */ 
header .navbar.navbar-default.navbar-fixed-top.navshrink a:focus {
	background-color: transparent;
	color: #eec858;
	outline: none;
}

header .navbar.navbar-default.navbar-fixed-top a:focus {
	background-color: transparent;
	color: #eec858;
	outline: none;
}

header .navshrink {
	background: rgba(83,119,189,.9);
}

header .navbar.navshrink{
	padding-top: 0;
	padding-bottom: 0;
}

header .navbar.navshrink .navbar-nav{
	padding-top:; 10px;
}

header .navshrink .navbar-brand{
	background-size: 43px;
	background-position: top left;
	margin-top: 5px;
	padding-bottom: 0;
	margin-left: 10px;
}

header .navshrink .navbar-brand h1{
	font-size: 1.1em;
	padding-left: 38px;
}

header .navshrink .navbar-brand span.subhead{
	display: none;
}

header .navbar-brand span.subheadshrunk{
	display: none;
}

header .navshrink .navbar-brand span.subhead{	
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	display: inline;
	font-size: 1.0em;
}


/* Carousel Fade */
.carousel.fade{
	opacity: 1;
}

.carousel.fade .item{
	transition: opacity ease-out 1.7s;
	left: 0;
	top: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	display: block;
}

.carousel.fade .item:first-child{
	top: auto;
	opacity: 0;
	position: relative;
}

.carousel.fade .item.active{
	opacity: 1;
}

.carousel-control{ /*hide arrows*/
	opacity: 0;
}

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

#featured .item{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: auto center;
	width: 100%;
	height: 100%;
}

 /* Page */

.page{
	padding: 50px 0px;
}

.page h2{
	text-align: center;
	margin-bottom: 30px;
}

/* Page -- About Me */
#aboutme{
	background-color: #E4D29D;
	background-image: linear-gradient(to bottom, #8ab9f0, #5377bd);
	border-top: 20px solid rgba(238,200,86,.5);
}

/* Page -- FAQ */
.faqHeader {
    font-size: 27px;
    margin: 20px;
}

.panel-heading [data-toggle="collapse"]:after {
    font-family: 'Glyphicons Halflings';
    content: ""; /* "play" icon */
    float: right;
    color: #F58723;
    font-size: 18px;
    line-height: 22px;
    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #454444;
}

.divrow {
	display: table-row;
}
.divrow div {
	display: table-cell;
}
/* Page -- More Services */

.service{
	margin: 20px 0;
	text-align: center;
}

#moreservices img.icon{
	display: block;
	width: 80px;
	margin: 0 auto;
	margin-bottom: 5px;
}

#moreservices .checkicon{
	display: block;
	color: #f3bf56;
	font-size: 80px;
	margin: 0 auto;
	margin-bottom: 5px;
}

#moreservices h3{
	margin: 20px auto;
	color: #000000;
}

#moreservices p {
	color: #888888;
}

@media only screen
and (min-width: 450px)
and (max-width: 768px) {
	.service p{
		padding: 0 20%;
	}
}

/* Page -- contact */

#contact {
	background-color: #f8e9bb;
	background-image: linear-gradient(to bottom, #f8e9bb, #f1d377);
}
.centimg {
	margin: 0 auto;
}
li.contact {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: -40px;
	list-style-type: none;
	text-decoration: none;
}

/* map section*/
/* 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%;
}
/* end map section*/
/*--- Modal Box ---*/
    body.modal-open #contact, 
    body.modal-open #moreservices {
        -webkit-filter: blur(3px);
        -moz-filter: blur(6px);
        -o-filter: blur(6px);
        -ms-filter: blur(6px);
        filter: blur(6px);
    }  
    .modal-backdrop {
        background: rgb(11,40,86);
    }
    .close {
        font-size: 50px;    
        display:block;
    }
    /*--- ContactForm ---*/
    .bfh-form-modal {
        background-color: rgba(255,255,255,.7);
        padding: 10px 20px 20px 20px;
        -moz-border-radius:15px;
        -webkit-border-radius:15px;
        border-radius:15px;
    }
    form * {
        margin:0;
        padding:0;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-font-smoothing:antialiased;
        -moz-font-smoothing:antialiased;
        -o-font-smoothing:antialiased;
        font-smoothing:antialiased;
        text-rendering:optimizeLegibility;
    }
    form {
        font-family:"Open Sans", Helvetica, Arial, sans-serif;
        font-weight:300;
        font-size: 12px;
        line-height:30px;
    }
    form .container {
        max-width:400px;
        width:100%;
        margin:0 auto;
        position:relative;
    }
    form input[type="text"], 
    form input[type="email"], 
    form input[type="tel"],  
    form textarea, 
    form button[type="submit"] {
        font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif;
    }
    form h1{
        margin-top: 10px;
    }
    form h3 {
        color: #F96;
        display: block;
        font-size: 30px;
        font-weight: 400;
    }
    form h4 {
        margin:5px 0 15px;
        display:block;
        font-size:13px;
    }
    form p {
        padding: 5px 0 7px 0;
    }
    fieldset {
        border: medium none !important;
        margin: 0 0 10px;
        min-width: 100%;
        padding: 0;
        width: 100%;
    }
    .g-recaptcha {
        	padding-bottom: 18px;
    }
    form input[type="text"], 
    form input[type="email"], 
    form input[type="tel"],  
    form textarea {
        width:100%;
        border:1px solid #CCC;
        background:rgba(255,255,255,.8);
        margin:0 0 5px;
        padding:10px;
    }
    form input[type="text"]:hover, form input[type="email"]:hover, form input[type="tel"]:hover, form input[type="url"]:hover, form textarea:hover {
        -webkit-transition:border-color 0.3s ease-in-out;
        -moz-transition:border-color 0.3s ease-in-out;
        transition:border-color 0.3s ease-in-out;
        border:1px solid #AAA;
    }
    form textarea {
        height:100px;
        max-width:100%;
        resize:none;
    }
    form button[type="submit"] {
        cursor:pointer;
        width:100%;
        border:none;
        background:#6484C4;
        color:#FFF;
        margin:0 0 5px;
        padding:10px;
        font-size:15px;
    }
    form button[type="submit"]:hover {
        background:#09C;
        -webkit-transition:background 0.3s ease-in-out;
        -moz-transition:background 0.3s ease-in-out;
        transition:background-color 0.3s ease-in-out;
    }
    form button[type="submit"]:active {
        box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); 
    }
    form input:focus, 
    form textarea:focus {
        outline:0;
        border:1px solid #999;
    }
    ::-webkit-input-placeholder {
     color: var(--bfhlightblue);
    }
    :-moz-placeholder {
     color:#888;
    }
    ::-moz-placeholder {
     color:#888;
    }
    :-ms-input-placeholder {
     color:#888;
    }
    .maff-but {
        margin: 30px 0 50px -50px;
    }
    button.btn-primary {
    	background-color: #6484C4;
    }

/* Page -- Testimonials */

#testimonials{
	padding-bottom: 0;
}

#testimonials h2{
	display: none;
}

#testimonials blockquote{
	margin: 0;
	padding: 0;
	border-left: none;
	min-height: 500px;
	position: relative;
}

#testimonials blockquote .quote{
	background-color: rgba(255,255,255,.7);
	padding: 20px 5%;
	position: absolute;
	bottom: 0;
	width: 75%;
	font-weight: 400;
	border-radius: 0 50px 0 0;
}

#testimonials blockquote .quote:hover{
	background-color: rgba(244,222,153,.9);
}

/* photos as people */

#testimonials #parka{
	background: url(../images/testimonial-parka.jpg) no-repeat center;
	background-size: cover;
}

#testimonials #couple{
	background: url(../images/testimonial-couple.jpg) no-repeat center;
	background-size: cover;
}

#testimonials #family{
	background: url(../images/testimonial-family.jpg) no-repeat center;
	background-size: cover;
}

#testimonials #mansky{
	background: url(../images/testimonial-mansky.jpg) no-repeat center;
	background-size: cover;
}
 
/* photos as abstract 

#testimonials #parka{
	background: url(../images/testimonial-grass.jpg) no-repeat center;
	background-size: cover;
}

#testimonials #couple{
	background: url(../images/testimonial-tunnel.jpg) no-repeat center;
	background-size: cover;
}

#testimonials #family{
	background: url(../images/testimonial-flowergreen.jpg) no-repeat center;
	background-size: cover;
}

#testimonials #mansky{
	background: url(../images/testimonial-flowerblue.jpg) no-repeat center;
	background-size: cover;
}

/* end abstract */ 


#testimonials .quote{
	font-size: 1.2em;
	line-height: 110%;
	font-weight: 400;
}

/* hide .more and .customer until rollover */
#testimonials .quote .more, #testimonials .quote .customer{
	opacity: 0;
	font-size: 0;
	line-height: 0;
	padding-top: 10px;
}

/* show .more on rollover */
#testimonials .quote:hover .more{
	font-family: "Open Sans", sans-serif;
	font-weight: 100;
	display: block;
	opacity: 1;
	font-size: .8em;
	line-height: 120%;
}

#testimonials .quote:hover .customer{
	display: block;
	opacity: 1;
	font-size: .7em;
	text-align: right;
}

#testimonials .quote .intro::after{
	content: '...';
}

#testimonials .quote:hover .intro::after{
	content: '';
}

/* Footer */
footer{
	background: #6484C3;
	color: white;
	font-size: .8em;
	padding: 20px 0 40px 0;
}

footer a{
	color: #E0E6AE;
}

footer a:hover{
	color: #EEC856 !important;
}

footer .phone{
	font-size: 1.4em;
	font-weight: 700;
	color: #E0E6AE;
	text-shadow: none;
}

footer .navbar{
	margin-bottom: 0;
	min-height: 0;
}

footer.navbar-default{
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;
	text-decoration: underline;
	color: #EEC856 !important;
}

footer .navbar-nav{
	background-color: transparent;
}

footer .navbar.navbar-default{
	background-color: #6484C3;
	border: none;
}

footer .navbar.navbar-default a{
	color: white;
	text-shadow: none;
}