@charset "UTF-8";
/* CSS Document */

/* custom css */

@media all and (min-width: 960px) {
    body{
        font-size: 16px;
    }
}

@media all and (max-width: 959px) and (min-width: 600px) {
    body{
        font-size: 12px;
    }
}

@media all and (max-width: 599px) and (min-width: 320px) {
    body{
        font-size: 10px;
    }

}
@font-face {
    font-family: "Lato";
    src:url(../fonts/Lato-Regular.ttf)
}
@font-face {
    font-family: "Lato Light";
    src: url(../fonts/Lato-Light.ttf);
}
body {
	line-height: 1;
	font-family:"Lato Light";
	font-style: normal;
	color: #000000;
	background-color: white;
	font-weight: 300;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

a {

	text-decoration:none;
}

a:hover {
	text-decoration:none;
}
.row {margin-left:0px !important; margin-right: 0px !important}

.container-fluid {padding:0px;}
.row {margin-left:0px; margin-right:0px;}
/* navigation */
nav {
	height:75px;
}
.navbar-right {margin-right:0px;}
nav.navbar{
  background-color:#000000;
  -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   border:none;
	height:55px !important;
}
.navbar-header {background-color:#000000;}
nav.navbar.shrink {height: 35px;}
nav.shrink a{
	font-size:1em !important;
	margin-top:0px !important;
}
nav.shrink button{
	height:25px !important;
	font-size:.75em;
	margin-top: 11px !important;
	padding-top:3px;
}
nav.shrink #myBtn {margin-top:15px; font-size:1em;}

.navbar-default .navbar-nav >li > a, .menu-item {
	color:#FFFFFF !important;
	vertical-align:middle;
	font-size:1em;
	letter-spacing:2px;
	margin-top:3px;
	font-weight:300;
	font-family:'Lato Light';
}
.menu-item:hover {text-decoration: underline;}
.navbar-default .navbar-nav >li > button {
	margin-top:20px;
}

.navbar-default .navbar-nav > li > a:hover {
	color:#000000;
	text-decoration:underline;
}

.navbar-default .navbar-toggle {
	border-color:transparent;
}

.navbar-toggle.collapsed {
	background-color:transparent;
	border:none;
	margin-top:15px;
}
.navbar-toggle.collapsed:hover, .navbar-toggle.collapsed:active, .navbar-toggle.collapsed:visited, .navbar-toggle.collapsed:focus {background-color:transparent;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:transparent;}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFFFFF;
}
.navbar-collapse.collapse.in {background-color: rgba(0,0,0,.8);}
.navbar-collapse.collapse.in .navbar-right li {padding-left:25px;}
.navbar-collapse.collapse.in .navbar-right li #myBtn {padding-left:15px;}
#contact-text {visibility:hidden; color:#FFFFFF; font-family:'Lato Light'; font-weight:100; font-size:1.25em;}
.menu-logo {max-height:40px; height:auto;}
.menu-logo-ctn {width: 25%; float: left; margin-left: 20px; margin-top: 5px;}
.phone-ctn {width: 100%; float: left; margin-left: 20px; margin-top: 5px; color:#FFF;}
.phone-ctn p {margin-left: 20px; margin-top: 15px; color:#FFF;}
.menu-logo-ctn img {width: 100%; float: left; margin-left: 20px; margin-top: 5px;}
.menu-logo-ctn p {color:#FFFFFF; float:left; font-size:1.25em; font-family: 'Lato Light'; margin-left:25px; padding-top:6px;}
nav.shrink .menu-logo-ctn {margin-top:5px;}
.navbar-header img {width:25px; margin-left:10px; margin-right:10px; margin-top:12px;}
.navbar-header .logo {width:100%; margin-top:0px;}
/***************************/
/* Nav bar toggles at      */
/*  766px                  */
/***************************/

/* button styles */

.learnmore {
	width:200px !important;
	padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
	float:right;
	margin-right:10%;
	background-color: #000000 !important;
	color:#FFFFFF;
	border: 3px solid #000000;
}

.learnmore a {
	color:#FFFFFF;}

.learnmore:hover {
	background-color: #FFFFFF !important;
	color:#000000;
}


.learnmore a:hover {background-color:#FFFFFF;
	color:#000000;
	text-decoration: none;
}
/* modal styles */

.modal {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  background-color: rgba(0,0,0,0.7);
  z-index: 1001;
  overflow-y: visible;
}
.modal-content {
  width: 25vw;
  height: auto;
  /*font-family: "NeoplantaBG";*/
  color: black;
  background-color: white;
  margin: 100px auto;
  padding: 40px;
  text-align: center;
  position: relative;
  overflow-y: scroll;
  min-width:320px;
}
.close {
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  position: absolute;
  /*font-family: "Arial";*/
  color: black;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #39c3ec;
  cursor: pointer;
  background: rgba(0, 0, 0, .5);
}
.mdl-button {
  margin: 10px 10px 10px 10px;
}
#contact-info p {
  text-align: center;
	margin:0px;
}

.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}
.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.12);
    display: block;
    font-size: 16px;
    /*font-family: "Helvetica","Arial",sans-serif;*/
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    color: inherit;
}
.mdl-button--raised {
    background: rgba(158,158,158,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: rgb(66,66,66);
    background-color: rgb(255,171,64);
}
.mdl-button {
    background: 0 0;
    border: 1px solid #000000;
    border-radius: 0px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    /*font-family: "Roboto","Helvetica","Arial",sans-serif;*/
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
    margin-top:30px;
}
.mdl-button:hover {background-color:#000000; color:#FFFFFF;}
#myBtn {margin-right:20px; border:none; background-color:transparent;
    color: #FFFFFF !important;
    font-size: 1em;
    letter-spacing: 2px;
    font-weight: 300;
    font-family: 'Lato Light';}


/* main header section */

.mainheader {
	width: 100%;
	height: 660px;
	margin-top: 50px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:3%;
	padding-bottom:3%;
	background-image:url(../images/ABlanding3.jpg);
	background-position:center center;
	background-size:cover;
	margin-bottom:1%;

}
.mainheader2 {
	width: 100%;
	height: 660px;
	margin-top: 50px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:3%;
	padding-bottom:3%;
	background-image:url(../images/ABlanding3.jpg);
	background-position:center center;
	background-size:cover;
	margin-bottom:1%;

}

.mainheader-overlay {
	/*background-color:rgba(255,255,255,0.3); */
	width:100%;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	margin-top:15%;
	/*position:absolute;
	bottom:0;*/
	padding-top:2.25%;
	padding-bottom:1.65%;
	padding-left:5%;
	padding-right:5%;
	height:auto;
	color:#CCC;
}
.mainheader h1 {
	font-family:'Lato Light';
	text-transform:uppercase;
	font-weight:300;
	font-size:3.75em;
}
.mainheader>h1:nth-of-type(1) {font-size:6em; font-weight:800; letter-spacing:10px; font-family:'Lato';}
.mainheader h2 {
	font-family:'Lato';
	font-size:1.6em;
	font-weight:300;
	padding:0 5%;
	letter-spacing:3px;
}
.headline {text-align:center; margin-top:5%; margin-bottom:5%;}
#contact-info h4 {font-size:1.25em; font-weight:800;}
#contact-info h5 {font-size:1.1em; margin:0px;}
#contact-info {font-size:1em;}
.navbar-nav > li > button:hover{
	background-color:#000000;
	color:#FFFFFF;
}
.navbar-nav > li > button a:hover
{
color:#FFFFFF;
}

.top-wrapper {width:95%; margin:0px auto;}
.landing-logo {width:85%; magin:0 auto; max-width:450px; margin:0 auto;}
.blurb {font-size:2.0em; line-height: 1.3; letter-spacing: 3px; color:#FFF;}
.blurb p { text-align:left;margin: 3% 10% 0;}

.link-wrapper {width: 75%; margin:0 auto; margin-top:2%; margin-bottom:11%;}
.link-wrapper p {font-size:1.8em; text-align:center;}
.icon {width:100%; height:auto;}
.top-res, .top-com {padding:2%;}
.icon i, .icon i {clear:both;font-size:4em; color:#000; margin:0 45%; width:27.5%;}
.topbtn {width:70%; margin:25px 15%; font-size:1.1em !important; height:auto; letter-spacing:2px; white-space:normal !important; background-color:#000 !important; color:#FFF !important; border-radius:5px!important}
.topbtn-now {width:70%; margin:25px auto; font-size:1.25em !important; height:auto; letter-spacing:2px; white-space:normal !important; background-color:#ebde2a !important;}
.topbtn:hover {background-color:transparent !important; border:1px solid #000 !important; color:#000 !important;}
.topbtn-now:hover {background-color:transparent !important; border:1px solid #ebde2a !important; color:#FFFFFF !important;}

/******************/
/*                */
/* inside header  */
/*                */
/*****************/
.insideheader-residential {
	width: 100%;
	height: 35vh;
	max-height: 400px;
	margin-top: 50px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:3%;
	padding-bottom:3%;
	background-image:url(../images/residentialheader.jpg);
	background-position:center center;
	background-size:cover;
}
.insideheader-commercial {
	width: 100%;
	height: 35vh;
	max-height: 400px;
	margin-top: 50px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:3%;
	padding-bottom:3%;
	background-image:url(../images/commercialheader.jpg);
	background-position:center center;
	background-size:cover;
}

.insideheader-overlay {
	/*background-color:rgba(255,255,255,0.3); */
	width:100%;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	padding-top:2.25%;
	padding-bottom:1.65%;
	padding-left:5%;
	padding-right:5%;
	height:auto;
}
.insideheader-overlay h2 {
	color:#FFF;
	font-size: 2.75em;
	text-transform: uppercase;
}


/******************/
/*                */
/*      contact   */
/*                */
/*****************/

.contact {

}
.contact h1 {font-size:2.5em;}
.form-wrapper {padding:2%; background-color:rgba(255,255,255,1.0); border-radius:15px; max-width: 400px; width:50%;}
.form-headline {width:95%; margin:0 auto 2%; text-align:center;font-size:1.5em !important; color:#000; font-weight:800 !important;}
.form-container {
	width:100%;
	margin-left:auto !important;
	margin-right:auto !important;
	max-width:250px;
	height:auto;
	color:#000;
	font-family: 'Lato Light';
	}
.form-wrapper p {margin:0px; text-align:center;}
#contact-form-inline .form-left {
	border: 1px solid #000;
	border-radius: 0px;
	background-color: rgba(255,255,255,0.31);
	color: #000;
	width: 100%;
	height: 25px;
	padding-left: 10px;
	margin-top:10px;
}
#contact-form-inline .form-right {
	border: 1px solid #000;
	border-radius: 0px;
	background-color:rgba(255,255,255,0.31);
	color: #000000;
	width: 100%;
	height: 140px;
	padding-left:10px;
	margin-top:10px;
}

#contact-form-inline .form-submit {
	float:right;
	width:50%;
	height:30px;
	background-color:transparent;
	border: 1px solid #000;
	border-radius:0px;
	color:#000;
	margin-top:10px;
}
::-webkit-input-placeholder { /* Chrome */
  color: black;
	font-size: 16px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
	font-size: 16px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
  opacity: 1;
	font-size: 16px;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: black;
  opacity: 1;
	font-size: 16px;
}


/******************/
/*                */
/*   residential  */
/*                */
/*****************/
#residential, #commercial, #team, #history, #servicerepair {padding-top:5%; padding-bottom:5%;}
.service-wrapper {width:80%; margin:0 auto;}
.service-wrapper h2, #history h2 {text-align:left; margin-bottom:3%; font-size:2.4em; text-transform:uppercase;}
.service-wrapper p {font-size:1.25em; line-height: 1.6;}
.service-list p:nth-of-type(2) {padding-top:20px;}

.service-list {background-color:#F0F0F0; padding:5% 0;}
.service-list p {font-size: 1.75em; font-weight: 800; text-align: center; clear:both; width:80%; margin-left:auto; margin-right:auto;}
.service-list-wrapper {width:50%; margin:2% auto;}
.service-list-wrapper ul, #servicerepair ul{list-style-position: outside;}
.service-list-wrapper ul li,  #servicerepair ul li {font-size:1.25em; line-height: 1.4;}

/******************/
/*                */
/*    history     */
/*                */
/*****************/

/*#history p { font-size:1.2em; line-height: 1.2;}
#commercial p {font-size:1.2em; line-height: 1.2}*/
#history img {width:100%;}
#history p {font-size:1.25em; line-height: 1.6; padding-left:3%;}


/******************/
/*                */
/*      team      */
/*                */
/*****************/
.team-header {text-align:left; margin-bottom:3%; font-size:2.4em; text-transform:uppercase; width:30%; margin-left:18%;}
#teambio-left {
   background: transparent;
   position: relative;
   -moz-border-radius:    0px;
   -webkit-border-radius: 0px;
   border-radius:         0px;
   border-left:1px solid black;

}
#teambio-left:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 45%;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid black; /* arrow point px is length of point */
   border-bottom: 13px solid transparent;
}
#teambio-right {
   background: transparent;
   position: relative;
   -moz-border-radius:    0px;
   -webkit-border-radius: 0px;
   border-radius:         0px;
   border-right:1px solid black;
}
#teambio-right:after {
   content:"";
   position: absolute;
   left: 100%;
   top: 45%;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-left: 26px solid black; /* arrow point px is length of point */
   border-bottom: 13px solid transparent;
}
.bio-name {font-size:1.5em;}
.bio-name2 {font-size:1.5em; text-align: right;}
.bio-description {font-size:1.25em; line-height:1.4;}


/******************/
/*                */
/*    carousel      */
/*                */
/*****************/
.carousel-caption {background-color: rgba(255,255,255,0.7);width:100%;right:0 !important; left:0 !important; padding-top: 0 !important; margin-top:20px;padding-bottom: 30px !important; bottom:0 !important;}
.carousel-caption h3 {font-family:'Lato Light'; font-size:2em; letter-spacing:2px;color:#000000;}
.carousel-caption p {font-family:'Lato Light'; font-size:.9em; letter-spacing:2px;color:#000;}
.carousel-footer { font-size:1.5em; margin-top:50px; text-align: center;}
.carousel-indicators {bottom:0 !important;}
.carousel-indicators li {border-color: #000 !important;}
.carousel-indicators .active {background-color:#000 !important}
.carousel-inner > .item > img {max-height:430px !important;}
.parallax-one {
	background-image: url(../images/lightbulbs2.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	display:table;
	height:500px;
	width:100%;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.parallax-two {
	background-image: url(../images/parallax-two.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	display:table;
	height:400px;
	width:100%;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}
.parallax-three {
	background-image: url(../images/parallax-three.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	display:table;
	height:400px;
	width:100%;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}
.parallax-four {
	background-image: url(../images/parallax-four.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	display:table;
	height:500px;
	width:100%;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}

.parallax-five {
	background-image: url(../images/commercialheader.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	display:table;
	height:500px;
	width:100%;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}


/***************************/
/* testamonial             */
/*                         */
/***************************/
.parallax-one .quote, .parallax-five .quote {font-size:2.5em;}

.icon-quote-left {
	font-size:8em;
	float:right;
	margin-top:0px;
	color:#FFF;

}
.quote-container {
	width: 70%;
    margin: 7% auto;
}
.quote {
	font-size:1.7em;
	font-family: "Lato Light";
	line-height:1.3;
	letter-spacing:2px;
	margin-top:0;
	color:#FFF;
}
.quoted-by {
	font-size:1.2em;
	font-family:"Lato";
	line-height:1.2;
	letter-spacing:2px;
	color:#FFF;
}

/***************************/
/*     footer              */
/*                         */
/***************************/

footer {background-color:#000000; color:#FFFFFF; height:200px}
footer img {padding-top:35px; margin-left:20%}
footer div {background-color:#000000; height:200px; padding:2% 0 3%;}
footer ul {list-style: none; margin-top:35px; text-align: center;}
footer a, footer li {color:#FFFFFF; letter-spacing: 2px; line-height: 1.4;}
footer a:hover, footer li:hover {text-decoration: underline; color:#DDDDDD;}



@media (max-width:1440px) and (min-width:769px) {
	.quote-container {font-size:1em;}
	#summary, #management, #terms {margin:3% auto 8%;}
}
@media (max-width:1340px) {
	.service-list-wrapper {width:80%;margin-left:auto; margin-right:auto;}
	.service-list p {width:80%; margin-left:auto; margin-right:auto;}

}
@media (max-width:780px) and (min-width:766px) {
	.navbar-right {margin-right:-5px;}
}
@media (max-width:766px) and (min-width:20px) {

	#contact-icon {visibility:hidden;}
	#contact-text {visibility:visible; padding-left:15px; font-size:1em;}
	#contact-text:hover {color:#000000;}
	.mainheader-overlay {margin-top:70%;}
	.mainheader-overlay h1 {font-size:3em;}
	#summary, #management, #terms {margin:3% auto 8%;}
}
@media (max-width:868px) and (min-width:426px) {
	.navbar-default .navbar-nav >li > a {font-size:.8em;}
	.modal-content {min-width:450px;}
}
@media (max-width:1000px) and (min-width:768px) {
	.menu-logo-ctn p {font-size:.6em;}
	}
@media (max-width:768px) {
	.logo {margin:10px 25px;}
	#teambio-left {border:none;}
	#teambio-left:before {display:none;}
	#teambio-right {border:none; }
	.bio-name2 {text-align:left;}
	#teambio-right:after {display:none}
	.icon-quote-left {float:none; font-size:4em;}
	.parallax-one .quote {font-size:1.75em;}
	.quote-container {width:90%;}
	.link-wrapper {width:90%;}
	.icon i {margin:0 35%}
	#history p {padding-top:7%;}
	.form-wrapper {max-width: 500px; height:auto; margin-left:15%; margin-top:20%;}
	.landing-logo {max-width:300px !important;}
	.blurb p {font-size:1em !important;}
	.mainheader {height:100%}
	.top-wrapper { margin-top: 5%;}

}
@media (max-width:425px) {
	.navbar {height:55px;}
	#contact-form-inline {max-width:300px; margin-left:auto; margin-right:auto;}
	#contact-form-inline .form-submit {width:50%;}
	footer div {height:100px;}
	footer li {font-size:1.3em}
	.form-wrapper {width:100%; margin-left:0;}
	.service-wrapper {width:95%;}
}

/* navigation toggle point */
@media (max-width: 1181px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	.menu-logo-ctn {width:15%;}
	.menu-logo {width:100%; height:auto;}
}