@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,600,700,500);
/*@import "../css/animate.css";*/

.white {
  color: #ffffff;
}
/*============  Floats  =============*/
.f__left {
  float: left;
}
.f__right {
  float: right;
}
@media (max-width: 1199px) {
  .f__none-1199 {
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .f__none-768 {
    float: none;
  }
}
@media (max-width: 767px) {
  .f__none-767 {
    float: none;
  }
}
@media (max-width: 479px) {
  .f__none-479 {
    float: none;
  }
}
.t__center {
  text-align: center;
}
/*============= Overflow ===============*/
.o__hidden {
  overflow: hidden;
}
/*========================================================
                    Main layout styles
=========================================================*/
body {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 29px;
  font-weight: 400;
  background: #1c1c1c;
  color: #777;
}
a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
* {
  -webkit-text-size-adjust: none;
}
img {
  max-width: 100%;
  height: auto;
}
h2,
h3 {
  color: #333333;
}
h2 {
  font-size: 114px;
  line-height: 114px;
}
h3 {
  font-size: 54px;
  line-height: 54px;
  font-weight: 500;
}
@media (max-width: 479px) {
  h3 {
    font-size: 46px;
    line-height: 46px;
  }
}
h4 {
  font-size: 44px;
  line-height: 44px;
  font-weight: 500;
}
h5,
address {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #333333;
}
h5 a:hover,
address a:hover {
  color: #777;
}
h5.date,
address.date {
  color: #ffffff;
  padding: 6px 5px 6px 10px;
  background: #2b811b;
}

h9 {
  font-size: 44px;
  line-height: 44px;
  font-weight: 500;
}
h7,
address {
  font-size: 24px;
  font-style: italic;
  line-height: 36px;
  font-weight: 600;
  color: #EC1C24;
}


/* Gallery Hover */
a[data-gal] {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
a[data-gal] img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 1199px) {
  a[data-gal] img {
    width: 100%;
  }
}
a[data-gal] .overlay {
  position: absolute;
  text-align: center;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: rgba(111, 211, 62, 0);
}
.ie8 a[data-gal] .overlay {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006fd33e', endColorstr='#006fd33e');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006fd33e', endColorstr='#006fd33e');
  zoom: 1;
}
a[data-gal] .overlay:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  color: #ffffff;
  font-size: 50px;
  line-height: 50px;
  margin-top: -25px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ie8 a[data-gal] .overlay:before {
  display: none;
}
a[data-gal]:hover {
  text-decoration: none;
}
a[data-gal]:hover img {
  transform: scale(1.2);
}
a[data-gal]:hover .overlay {
  background: rgba(111, 211, 62, 0.5);
}
.ie8 a[data-gal]:hover .overlay {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#806fd33e', endColorstr='#806fd33e');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#806fd33e', endColorstr='#806fd33e');
  zoom: 1;
}
a[data-gal]:hover .overlay:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ie8 a[data-gal]:hover .overlay:before {
  display: block;
}
.page {
  overflow: hidden;
}
/*========================================================
                    Main Layout
=========================================================*/
h5 + p {
  margin-top: 30px;
}
h5 + .off1 {
  margin-top: 21px;
}
h5 + .off3 {
  margin-top: 10px;
}
p + .off1 {
  margin-top: 23px;
}
h3 + .off1 {
  margin-top: 24px;
}
h3 + .off2,
h5 + .off2 {
  margin-top: 43px;
}
.row + .off1 {
  margin-top: 30px;
}
.row + .off2 {
  margin-top: 58px;
}
img + h5,
a[data-gal] + h5 {
  margin-top: 26px;
}
p + p {
  margin-top: 29px;
}
p + .link {
  margin-top: 16px;
}
address + dl {
  margin-top: 31px;
}
/*========================================================
                    HEADER styles
=========================================================*/
.header {
	background-color: #FFFFFF;
}
.panel {
  background: #1c1c1c;
  line-height: 80px;
  color: #888;
}
.panel p + p {
  margin-top: 0;
}
.panel_addr {
  float: left;
}
.panel_addr span {
  color: #00ADEE;
  line-height: 80px;
  font-size: 34px;
  margin-right: 5px;
}
.panel_phone {
  /*float: right;*/
  font-size: 23px;
}
ul.sf-menu.sf-js-enabled.sf-arrows {
    margin: 6% 0% 0%;
}
.panel_phone .fa {
  color: #00ADEE;
  font-size: 64px;
  margin: 0 10px;
  line-height: 20px;
}
.panel_phone span {
  color: #000;
  font-size: 35px;
  font-weight: 700;
}
.panel:before,
.panel:after {
  content: " ";
  display: table;
}
.panel:after {
  clear: both;
}
@media (max-width: 979px) {
  .panel {
    line-height: 40px;
    padding-bottom: 10px;
  }
  .panel .panel_addr,
  .panel .panel_phone {
    float: none;
  }
  .panel span,
  .panel .fa {
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .panel_phone .fa {
    display: none;
  }
}
.logo {
  margin: 15px 0 18px;
  float: left;
}
.logo_linnux{float: left; text-align:center;     padding:4% 0px 0px;}
@media (max-width: 767px) {
  .logo {
    float: none;
    text-align: center;
  }
  .logo_linnux {
    margin: 20px 0px !important;
    padding: 0px;
}
}
/* Main menu styles
========================================================*/
nav {
  float: right;
  padding:4% 0px 0px;
}

@media (max-width: 767px) {
  nav {
    float: none;
    margin: 15px 0;
  }
}
.sf-menu > li {
  position: relative;
  float: left;
  margin-left: 41px;
}
.sf-menu > li > a {
  display: inline-block;
  position: relative;
  font: 600 24px/25px 'Raleway', sans-serif;
  color: #00ADEE;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu > li > a:after {
  content: '';
  position: absolute;
  bottom: -11px;
  left: 0;
  right: 0;
  height: 0;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sf-menu > li > a:hover {
  text-decoration: none;
  color: #EC1C24;
}
.sf-menu > li > a:hover:after {
  height: 5px;
}
.sf-menu > li:first-child {
  margin-left: 0;
}
@media (min-width: 768px) and (max-width: 979px) {
  .sf-menu > li {
    margin-left: 15px;
  }
}
.sf-menu > li.current > a,
.sf-menu > li.sfHover > a {
  color: #EC1C24;
}
.sf-menu > li.current > a:after,
.sf-menu > li.sfHover > a:after {
  height: 5px;
}
.sf-menu a {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu a:hover {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
/* First level sub-menu styles
========================================================*/
.sf-menu ul {
  position: absolute;
  top: 63px;
  left: -40px;
  z-index: 4;
  width: 269px;
  display: none;
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sf-menu ul li {
  position: relative;
  font: 400 15px/30px 'Raleway', sans-serif;
  text-align: left;
}
.sf-menu ul li a {
  display: block;
  background: #ffffff;
  padding: 15px 0 15px 20px;
}
.sf-menu ul li a:hover {
  text-decoration: none;
  background: #777;
  color: #ffffff;
}
.sf-menu ul li + li {
  border-top: 1px solid #d9d9d9;
}
.sf-menu ul li.sfHover > a {
  background: #777;
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 979px) {
  .sf-menu ul {
    width: 200px;
  }
}
/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul {
  position: absolute;
  top: -10px;
  left: 270px;
  z-index: 4;
}
@media (min-width: 768px) and (max-width: 979px) {
  .sf-menu ul ul {
    left: 202px;
  }
}
@media only screen and (max-width: 767px) {
  .sf-menu {
    display: none;
  }
  .select-menu {
    display: block;
    clear: both;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    margin: 14px auto;
    padding: 0;
    height: 40px;
    background: #ffffff url(../images/select.png) 99% center no-repeat;
    color: #05090d;
    border-radius: 0;
    -webkit-appearance: none;
    outline: none;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/*============ Background ==============*/
/* Stuck menu styles
========================================================*/
.isStuck {
  background: #FFF;
  left: 0;
  z-index: 999;
}
#header .isStuck .logo {
  display: none;
}

#header .isStuck .logo_linnux {
    display: none;
}
#header .isStuck nav {
  float: none;
  text-align: center;
  margin: 0;
  /*padding: 7px 0 13px;*/
  padding: 20px 0px;
  width:100%;
}
#header .isStuck ul.sf-menu.sf-js-enabled.sf-arrows {margin:0px;}
#header .isStuck .panel_phone{float:right;}
#header .isStuck .sf-menu > li {
  float: none;
  display: inline-block;
}
@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
}
/*========================================================
                    CONTENT styles
=========================================================*/
.content {
  background: #ffffff;
}
/* Background */
.bg {
  background: #edecec;
}
.bg-img {
  background: url("../images/page2-img3.png") no-repeat bottom right;
}
@media (max-width: 979px) {
  .bg-img {
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
  }
}
/* Link */
.link {
  display: inline-block;
  color: #00ADEE;
}
.link:hover {
	color: #000;
}
/* Wrappers */
.wrapper1 {
  padding: 54px 0 50px;
}
.wrapperjay {
	padding: 54px 0 50px;
}

.wrapper1__ins1 {
  padding-bottom: 70px;
}
.wrapper2 {
  padding-bottom: 68px;
}
.wrapper3 {
  padding: 65px 0 62px;
}
.wrapper3_ins1 {
  padding-top: 81px;
}
.mt-img {
  margin-top: 8px;
}
/* Caption */
.caption h2 + h3 {
  margin-top: 15px;
}
.caption h3 + .last {
  margin-top: 20px;
}
.caption h3 {
  margin-left: 100px;
  font-weight: 400;
}
.caption .last {
  margin-left: 195px;
  font-size: 74px;
  line-height: 74px;
  font-weight: 600;
  color: #EC1C24;
}
.caption p {
  color: #333333;
}
.caption h3 + .row {
  margin-top: 20px;
}
@media (max-width: 979px) {
  .caption h3,
  .caption .last {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .caption h2 {
    font-size: 60px;
    line-height: 60px;
  }
  .caption h3 {
    font-size: 36px;
    line-height: 36px;
  }
  .caption .last {
    font-size: 42px;
    line-height: 42px;
  }
}
@media (max-width: 479px) {
  .caption h2 {
    font-size: 50px;
    line-height: 50px;
  }
  .caption h3 {
    font-size: 30px;
    line-height: 30px;
  }
  .caption .last {
    font-size: 36px;
    line-height: 36px;
  }
}
/* Boxes */
.box_left {
  float: left;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .box_left {
    float: none;
    margin: 0 0 20px 0;
  }
}
.box:before,
.box:after {
  content: " ";
  display: table;
}
.box:after {
  clear: both;
}
.box2 {
  position: relative;
  text-align: center;
  margin-top: -101px;
}
.box2 h4 a {
  color: #ffffff;
  display: block;
  padding: 13px 0 23px;
  background: #EC1C24;
}
.box2 h4 a:hover {
	background-color: #CCCCCC;
}
@media (min-width: 768px) and (max-width: 979px) {
  .box2 h4 {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .box2 {
    margin-top: 30px;
  }
  .box2 img {
    width: 100%;
  }
}
.box3 {
  text-align: center;
}
.box3 img {
  width: 100%;
}
.box3_cnt {
  color: #ffffff;
  background: #777;
  padding: 13px 5px 24px;
}
.box3_cnt p {
  padding: 0 15px;
}
.box3_cnt h4 {
  color: #ffffff;
}
.box3_cnt h4 + p {
  margin-top: 12px;
}
.box3_cnt h4 a:hover {
  color: #2b811b;
}
/* Icon */
.icon {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  line-height: 100px;
  font-size: 55px;
  color: #ffffff;
  text-align: center;
  background: #EC1C24;
}
.icon-box h5 {
  margin-top: 8px;
}
.icon-box .clearfix + p {
  margin-top: 12px;
}
/* Number-box */
.number-box h5 {
  margin-top: 8px;
}
.number-box .clearfix + p {
  margin-top: 12px;
}
.number-box .icon {
  line-height: 90px;
}
.number-box .icon:before {
  content: attr(data-number);
}
.number-box .box_left {
  margin-right: 20px;
}
@media (min-width: 768px) and (max-width: 979px) {
  .number-box .box_left {
    float: none;
    margin: 0 0 15px;
  }
}
/* Quote Box */
.quote img {
  border-radius: 50%;
}
.quote h6 {
  color: #00ADEE;
}
.quote h6 a:hover {
	color: #000;
}
.quote h6 + p {
  margin-top: 6px;
}
.quote p {
  font: 600 21px/32px 'Raleway', sans-serif;
}
@media (min-width: 768px) and (max-width: 979px) {
  .quote .box_left {
    float: none;
    margin: 0 0 15px;
  }
}
/*   Map   */
.map {
  height: 388px;
  margin: 32px 0 26px;
  position: relative;
}
@media (max-width: 767px) {
  .map {
    height: 300px;
  }
}
.google-map-api {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#map-canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#map-canvas img {
  max-width: none !important;
}
dt,
dd {
  display: inline-block;
}
dt {
  padding-right: 7px;
}
.mail a,
.policy-link a {
  color: #00ADEE;
  text-decoration: underline;
}
.mail a:hover,
.policy-link a:hover {
  color: #777;
}
.policy-box {
  margin-top: 29px;
}
.policy-box h5,
.policy-box p {
  line-height: 25px;
}
.policy-box h5 + p {
  margin-top: 13px;
}
.policy-box + .policy-box {
  margin-top: 26px;
}
.policy-link {
  margin-top: 23px;
}
/*========================================================
                    FOOTER styles
=========================================================*/

/*Footer New style added on 20-4-16*/
p.mail a {
    color: #777 !Important;
    text-decoration: none !Important;
}
.mail a:hover span,  .mail:hover span {
    /*color: #fff !important;*/
}

.heating a:focus, .heating a:hover, .heating:hover, .heating:hover:before {
    color: #EC1C24 !important;
}



.air-conditioning a:focus, .air-conditioning a:hover, .air-conditioning:hover, .air-conditioning:hover:before {
	color:#00ADEE !important;
	}


.indoor-air-Quality a:focus, .indoor-air-Quality a:hover, .indoor-air-Quality:hover, .indoor-air-Quality:hover:before{
	color:#9AFF00 !important;
	}


.service-repair a:focus, .service-repair a:hover, .service-repair:hover, .service-repair:hover:before{
	color:#fff !important;	
	}

/*Footer New style added on 20-4-16*/


/*Footer New style added on 10-06-16*/
.mail:hover .email-info, .mail:hover .email-com{color:#FFF;}
.mail:hover .email-pro{color:#eb1c23 ;}
.mail:hover .email-active{color:#00aced;}
.email-pro{color:#eb1c23;}
.email-active{color:#00aced;}
.heating-active a, .heating-active:before {
    color: #EC1C24 !important;
}

.air-conditioning-active a, .air-conditioning-active:before {
	color:#00ADEE !important;
	}

.indoor-air-Quality-active a, .indoor-air-Quality-active:before{
	color:#9AFF00 !important;
	}

.service-repair-active a, .service-repair-active:before{
	color:#fff !important;	
	}
/*Footer New style added on 10-06-16*/


.footer {
  padding: 61px 0 20px;
}
.footer h5 {
  color: #ffffff;
}
.footer h5 + .link-list {
  margin-top: 18px;
}
.footer h5 + .social-list {
  margin-top: 21px;
}
.footer hr {
  margin-top: 76px;
}
.link-list li {
  position: relative;
  padding-left: 25px;
  color: #777;
}
.link-listheating li {
	position: relative;
	padding-left: 25px;
	color: #F00;
}

.link-list li:before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
  color: #777;
}
.link-list li a:hover {
  color: #ffffff;
}
.link-list li + li {
  margin-top: 6px;
}
.link-list__mod li a:hover {
  color: #2b811b;
}



.link-list1 li {
  position: relative;
  padding-left: 25px;
  color: #EC1C24;
}
.link-list1 li:before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
  color: #EC1C24;
}
.link-list1 li a:hover {
  color: #EC1C24;
}
.link-list1 li + li {
  margin-top: 6px;
}
.link-list2__mod li a:hover {
  color: #2b811b;
}
.link-list2 li {
	position: relative;
	padding-left: 25px;
	color: #00ADEE;
}
.link-list2 li:before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
  color: #00ADEE;
}
.link-list2 li a:hover {
	color: #00ADEE;
}
.link-list2 li + li {
  margin-top: 6px;
}
.link-list1__mod li a:hover {
  color: #EC1C24;
}
.social-list li {
  display: inline-block;
}
.social-list li a {
  display: inline-block;
  width: 67px;
  height: 67px;
  line-height: 67px;
  font-size: 24px;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  background: #333333;
}
.social-list li a:hover {
  background: #777;
}
.social-list li + li {
  margin-left: 5px;
}
@media (min-width: 768px) and (max-width: 979px) {
  .social-list {
    text-align: center;
  }
  .social-list li {
    display: block;
  }
  .social-list li + li {
    margin: 8px 0 0;
  }
}
/* Hr */
hr {
  border: none;
  height: 1px;
  background: #333333;
}
.copyright {
  padding-top: 20px;
}
.copyright a:hover {
  text-decoration: underline;
}
/*========================================================
                    Widget styles
=========================================================*/
/* Stellar(parallaxBG) styles
========================================================*/
.stellar {
  position: relative;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 0 0;
}
@media (max-width: 979px) {

  .stellar {
    padding: 80px 0 80px!important;
  }
}
@media (max-width: 767px) {
  .stellar {
    background-position: 0 0 !important;
    background-attachment: inherit!important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
.stellar1 {
	background-image: url(../images/pro-active-furnace-heating-ac-air-couple.jpg);
	padding: 193px 0 197px;
}
.stellar1jay {
	background-color: #FFF;
	padding-top: 120px;
	padding-right: 0;
	padding-bottom: 120px;
	padding-left: 0;
}
.stellar2 {
	background-image: url(../images/Pro-Active-Heating-Air-Conditioning-AC-pic.jpg);
	padding: 123px 0 147px;
}
@media (min-width: 768px) and (max-width: 979px) {

  .stellar2 h2 {
    font-size: 96px;
  }
}
.stellar3 {
	background-image: url(../images/page3-img8.jpg);
	background-position: center 0;
	padding: 164px 0 189px;
}
.stellar3 h2 {
  font-size: 114px;
  line-height: 114px;
}
.stellar3 h3 {
  font-size: 44px;
  line-height: 44px;
}
.stellar4 {
	background-image: url(../images/Pro-Active-Heating-Air-Conditioning-AC-servicepic.jpg);
	padding: 151px 0 182px;
	background-position: center 0;
}
.stellar7 {
	background-image: url(../images/Pro-Active-Heating-Air-Conditioning-AC-maintenance-pic.jpg);
	padding: 151px 0 182px;
	background-position: center 0;
}
.stellar8 {
	background-image: url(../images/Pro-Active-Heating-Air-Conditioning-AC-servicepic.jpg);
	padding: 151px 0 182px;
	background-position: center 0;
}


.stellar4 h2 {
  font-size: 100px;
  line-height: 100px;
}
.stellar4 h3 {
  margin-left: 0;
  font-size: 60px;
  line-height: 60px;
}
@media (max-width: 767px) {
  .stellar4 h2 {
    font-size: 60px;
    line-height: 60px;
  }
  .stellar4 h3 {
    font-size: 40px;
    line-height: 40px;
  }
}
/* UItoTop styles
========================================================*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  overflow: hidden;
  z-index: 20;
  width: 50px;
  height: 50px;
  line-height: 44px;
  text-align: center;
  background: #EC1C24;
  color: #ffffff;
  font-size: 30px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#toTop:hover {
  background: #EC1C24;
}
@media only screen and (max-width: 1199px) {
  #toTop {
    display: none !important;
  }
}
/*contact-page-css*/
.contact-us .mail:hover .email-info, .contact-us .mail:hover .email-com {
	color: #000000;
}
.contact-number-contact:hover > dd {
	color: #000;
}
.contact-number-contact > dd {
    color: #00adee;
}

/*contact-page-css*/

/*service-page-css*/
.service-email .email-info, .service-email .email-com {color:#FFF;}

.service-email:hover .email-info, .service-email:hover .email-com {
	color: #000000;
}
/*service-page-css*/


/*home-page-css*/
.home-contact:hover {
	color: #000;
}
.home-contact {
    color: #00adee;
}
/*home-page-css*/


/*footer-phone-page-css*/
.footer-number-contact dd {
    color: #00adee;
}
.footer-number-contact:hover dd {
	color: #FFF;
}
.footer-number-contact dt {
    color: #fff;
}

.hover-text {
    color: #00adee;
}
.hover-text:hover {
	color: #000;
}
/*footer-phone-page-css*/
.g-recaptcha_empty-message{  
display: none;
color:red;
}

#header .isStuck ul.sf-menu.sf-js-enabled.sf-arrows{text-align:left;}