/* FONTS! */
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html {min-height:100%;font-family:'roboto_condensedregular';background-color:#56565b;padding-bottom:100px;}

a {color:#002661;}
a:hover, a:active {color:#002661;}

#triangle {background-color:#56565b;}

.btn-default {border:none;background:#002661;color:#FFF;text-transform:uppercase;font-family:'roboto_condensedbold';border-radius:0;padding-left:50px;padding-right:50px;}

h1, h2 {font-size:48px;line-height:48px;color:#FFF;text-transform:uppercase;font-family:'roboto_condensedbold';font-weight:normal;}
h2 {font-size:24px;margin-bottom:0;line-height:30px;padding-top:20px;}
.estimate h4 {font-size:30px;line-height:30px;text-transform:uppercase;font-family:'roboto_condensedbold';font-weight:normal;text-align: center;}

/* OLD LINE HEIGHT
p {font-size:14px;line-height:31px;color:#FFF;}*/
p {font-size:14px;line-height:24px;color:#FFF;}

.navbar {background:#1c1c1c;border:none;}
.navbar-fixed-bottom {bottom:25px;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:visited {color:#FFF;text-transform:uppercase;font-family:'roboto_condensedbold';font-weight:normal;border-bottom:5px solid #1c1c1c;}

.navbar-default .navbar-nav>li>a#phone, .navbar-default .navbar-nav>li>a#phone:visited {color:#FFF;}.navbar-default .navbar-nav>li>a#phone:hover, .navbar-default .navbar-nav>li>.active>a#phone, .navbar-default .navbar-nav>.active>a#phone, .navbar-default .navbar-nav>.active>a#phone:focus, .navbar-default .navbar-nav>.active>a#phone:active, .navbar-default .navbar-nav>.active>a#phone:hover {border-bottom:5px solid #1c1c1c;}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>.active>a, .navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:active, .navbar-default .navbar-nav>.active>a:hover {color:#FFF;border-bottom:5px solid #002661;background:#1c1c1c;}

#logo {position:absolute;top:0;left:0;max-width:90%;height:auto;}

.estimate p, .estimate h4, .estimate label {color:#56565b;}
.estimate p {font-size:16px;line-height:21px;}

#copyright {background:#2c2c2c;position:fixed;bottom:0;height:25px;width:100%;z-index:2;}
#copyright p{font-size:12px;line-height:25px;}
#copyright a {color:#EEE;text-decoration:underline;}

#video {clear:both;}

ul {color:#FFF;}

#closeButton {position:absolute;right:5px;top:5px;z-index:999999;}
.modal-body img, .carousel {border-radius:5px;}
.modal-header {border-bottom:none;}

#background {width:100%;height:auto;}

form label {text-transform:uppercase;text-align:left;font-size:18px;font-family:'roboto_condensedbold';}
form div {text-align:left;}
textarea {width:100%;}
form button {margin-bottom:10px;}
form input.form-control, form textarea {background:#e9e9e9;border-radius:0;border:none;color:#56565b;margin-bottom:10px;}


button#closeButton {height:30px;width:30px;background:#FFF;border-radius:15px;opacity:1;position:relative;top:-10px;left:10px;margin-bottom:-30px;}

/* OLD LINE HEIGHT
#mainContent ul {line-height:31px;padding-top:10px;}*/
#mainContent ul {line-height:24px;padding-top:10px;}

#healthButton {clear:both;margin-right:7px;margin-left:0;margin-bottom:10px;}

#learnMore {padding:0 0 10px;}
	
/* MEDIA QUERIES */

 /* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.demo-centering, .ss-slides, .ss-slides-wrap {width:100%;height:auto;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#healthButton {clear:both;margin-bottom:0;}
	#videopopup .modal-body {min-height:350px;padding-left:25px;}
	#videobutton {position:relative;z-index:2;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#logoLink {position:absolute;top:0;left:0;z-index:2;}
	#mainContent {position:absolute;bottom:130px;right:50px;}
	#triangle {background-image:url(../images/triangle-grey.png);background-position:right top;background-repeat: no-repeat;height:100%;text-align:right;background-color:transparent;z-index:1;position:relative;background-attachment:fixed;}
	
	.demo-centering, .ss-slides, .ss-slides-wrap, .ss-slide {width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;position:fixed;}
	.demo-centering img {/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  bottom: 70px;
  left: 0;}
	
	h1, p, h2, li {text-shadow:2px 2px 5px #333;}
	.btn {text-shadow:none;}
	#mainContent p {width:480px;float:right;clear:both;}
	#mainContent p#largerText {width:515px;}
	#mainContent h2, #mainContent ul {clear:both;}
	#video {margin:0;max-width:300px;}
	#home #video {float:right;}
	
	
	#logo {position:fixed;top:0;left:0;max-width:50%;height:auto;}
	
	#copyright, #navbar {padding-left:50px;padding-right:50px;}
	
	#background {min-height:100%;min-width:100%;height:auto;width:auto;position:fixed;top:0;left:0;z-index:0;max-width:1000%;}
	#services #background {bottom:0;top:auto;}
	#contact #background {bottom:50px;top:auto;}
	body, html {height:100%;padding-bottom:0;min-height:800px;}
	
	body#about {min-height:850px;}
	body#howwedoit {min-height:850px;}
	
	h1, h2 {font-size:75px;line-height:70px;color:#FFF;text-transform:uppercase;font-family:'roboto_condensedbold';font-weight:normal;} /*original font size 100px, line hight 94px*/
	h2 {font-size:24px;margin-bottom:0;line-height:30px;padding-top:20px;}
	
	
	#services h1 {font-size:74px;line-height:47px;}
	#services h1 span {font-size:47px;}
	#howwedoit h1 {font-size:48px;line-height:48px;}
	#howwedoit h1 span {font-size:48px;}
	#about h1 {font-size:48px;line-height:48px;color:#FFF;}
	#contact h1 {font-size:107px;line-height:107px;}
	
	/*#about #triangle {background-image:url(../images/triangle-orange.png);}*/
	#howwedoit #triangle {background-image:url(../images/triangle-grey-image.png);}
	
	
	#additionalContent {position:absolute;left:8%;top:200px;width:300px; z-index: 99;}
	#additionalContent h1 {font-size:78px;line-height:48px;}
	#additionalContent h1 span {font-size:48px;}
	#additionalContent p {}
	
	#about #mainContent {width:383px;text-align:right;right:50px;top:100px;}
	#about #mainContent p, #about #mainContent ul {color:#FFF;width:100%;}
	#about #mainContent ul {float:right;margin:0 0 20px;clear:none;list-style-position: inside;}
	#about #videoContainer {position:fixed;left:8%;bottom:130px;width:400px;text-align:left;}
	#about #videoContainer h1 {font-size:36px;line-height:36px;}
	#about #video {max-width:100%;}
	
	#about h2 {width:425px;position:relative;right:45px;}
	
	#howwedoit #mainContent {width:500px;}
	
	.modal-body {padding:0;}
	.modal-content, .modal-content p {text-shadow:none;}
	
	.nav li a {font-size:21px;padding-left:0;padding-right:0;margin:0 15px;}
	
	#gallery .modal-dialog {width:auto;max-width:60%;}
	
	
	#learnMore {font-size:24px;line-height:24px;clear:both;}
	
	#home h2 {padding-top:10px;}
	#howwedoit h2 {padding-bottom:10px;}
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#additionalContent {width:500px;}
	#howwedoit #additionalContent h1 {font-size:132px;line-height:81px;}
	#howwedoit #additionalContent h1 span {font-size:81px;}
}