@import url(http://fonts.googleapis.com/css?family=Orbitron:400,700);
body{background-color:#fff; font-family:Tahoma, Geneva, sans-serif;padding:0px;margin:0px}
h1,h2,h3,h4{font-family:"Orbitron"}
ul{list-style-type:none}
header{background: #fff;padding:10px 0 0 0;border-top:5px solid #000
}
.phone{float:right}
.phone a{font-size:18px;color:#000;padding-right:10px}
img{max-width:100%;height:auto}
.imgRight{float:right;margin:10px}
.contact{background-color:#eee;padding:10px}
.services{background-color:#fff;padding:15px;}
.services ul{padding-top:10px}
.services li{font-size:130%}
.residential{width:100%;height:300px;background-image:url(../img/home-residential.png);background-repeat:no-repeat;background-size: cover;border-radius:8px;padding-top:200px}
.residential:hover{cursor:pointer}
.commercial{width:100%;height:300px;background-image:url(../img/home-commercial.png);background-repeat:no-repeat;background-size: cover;border-radius:8px;padding-top:200px}
.commercial:hover{cursor:pointer}
.rolling{width:100%;height:300px;background-image:url(../img/home-rolling.png);background-repeat:no-repeat;background-size: cover;border-radius:8px;padding-top:200px}
.rolling:hover{cursor:pointer}
.security{width:100%;height:300px;background-image:url(../img/home-security.png);background-repeat:no-repeat;background-size: cover;border-radius:8px;padding-top:200px}
.security:hover{cursor:pointer}
.serviceh3{background-color: rgba(255, 255, 255, .5);text-align:center;color:#F00}
.serviceh3 a{color:#F00}
.serviceh3 a:hover{text-decoration:none}
.serviceh3 h3{padding:10px 0px 10px 5px;margin:0px;text-align:left;margin:auto}
.services span{color:#000;font-size:90%}
.servicesNav{padding:15px 5px 10px 5px;border-right:1px solid #ccc}
.servicesNav ul{padding:0px 0px 0px 10px;margin:0px}
.servicesNav a{color:#900}
.brands{background-color:#DFDFDF;padding:30px 0}
.navbar{margin-bottom:0px;border-radius:0px}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color:#CCC;
}
.fg{padding-bottom:18px}
footer{padding:15px 0}
footer a{color:#333}
.navbar-custom {
  background-color: #FF0;
  border-color: #FC0;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FC0), to(#FF0));
  background-image: -webkit-linear-gradient(top, #FC0, 0%, #FF0, 100%);
  background-image: -moz-linear-gradient(top, #FC0 0%, #FF0 100%);
  background-image: linear-gradient(to bottom, #FC0 0%, #FF0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0', endColorstr='#FF0', GradientType=0);
}
.navbar-custom .navbar-brand {
  color: #000;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #000;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #FC0;
}
.navbar-custom .navbar-nav > li > a {
  color: #000;
  border-left: 1px solid #FC0;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #666;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #FC0;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FC0), to(#de001a));
  background-image: -webkit-linear-gradient(top, #FC0, 0%, #de001a, 100%);
  background-image: -moz-linear-gradient(top, #FC0 0%, #de001a 100%);
  background-image: linear-gradient(to bottom, #FC0 0%, #de001a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFC0', endColorstr='#ffde001a', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #a80014;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #FC0;
  color: #666;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #666;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #666;
    background-color: #FC0;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #666;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #666;
}
/*media query changes*/
@media(min-width:1200px){
    header h1 {font-size:23px;margin-top:10px}
}
@media(max-width:1199px){
    header h1 {font-size:18px}
}
@media(max-width:992px){
    header h1 {font-size:15px}
}
@media(max-width:767px){
    header h1 {font-size:20px}
}
@media(max-width:480px){
    header h1 {font-size:20px}
	center{text-align:center}
}