#service-area-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
}

.lozad {
  opacity: 0;
  -webkit-transition: opacity 1000ms ease 100ms;
  transition: opacity 1000ms ease 100ms;
}

.lozad[data-loaded] {
  opacity: 1;
}

/*-------------------------------------------
| Reset Browser Styles
---------------------------------------------*/
html, body, div, span, applet, object, b, i, iframe, h1, h2, h3, h4, h5, h6, p, b, i, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/*-------------------------------------------
| General
---------------------------------------------*/
html {
  width: 100%;
  height: 100%;
  font-family: "Open Sans", sans-serif !important;
  background: #000;
  font-weight: 400;
}

body {
  width: 100%;
  height: 100%;
  background: #000;
}

p {
  margin-top: 20px;
  margin-bottom: 20px;
}

a:hover,
a:focus,
a:active {
  outline: 0 none;
}

a.black-link {
  color: black !important;
  text-decoration: none !important;
}

b {
  font-weight: 700;
}

strong {
  font-weight: 700;
}

i {
  font-style: italic;
}

em {
  font-style: italic;
}

object, embed {
  outline: 0;
  border: 0;
}

.no-border {
  border: none !important;
}

.no-bg {
  background-image: none !important;
}

.left {
  float: left;
  margin-right: 20px;
}

.right {
  float: right;
  margin-left: 20px;
}

.caption {
  font-size: 12px;
  margin: 0;
  padding: 0 0 3px 0;
  text-align: center;
  line-height: 15px;
}

.last {
  margin-right: 0px !important;
}

.cms {
  margin: 0;
  padding: 0;
}

.col {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  margin-right: 10px;
}

.green-separator {
  margin-left: 5px;
  margin-right: 5px;
}

/*-------------------------------------------
| Clearfix @nicolasgallagher.com/micro-clearfix-hack/
---------------------------------------------*/
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/*-------------------------------------------
| Header
---------------------------------------------*/
header {
  position: relative;
  height: 181px;
  width: 100%;
  background: url(../images/header-bg-tile.jpg) repeat-x;
}

#header {
  position: relative;
  width: 100%;
  height: 181px;
  background: url(../images/header-bg.jpg) top center no-repeat;
}

#header-center {
  position: relative;
  margin: 0 auto;
  width: 980px;
  height: 181px;
}

#logo {
  position: absolute;
  top: 5px;
}

#header-social-media {
  position: absolute;
  right: 0px;
  top: 8px;
  padding: 5px 10px;
  background: #0c0c0c;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 5px 5px 5px -5px #36A5E3, 5px 5px 5px -5px #36A5E3, -5px 5px 5px -5px #36A5E3;
          box-shadow: 5px 5px 5px -5px #36A5E3, 5px 5px 5px -5px #36A5E3, -5px 5px 5px -5px #36A5E3;
}

div.social-link {
  float: left;
  margin-right: 6px;
  height: 43px;
  width: 43px;
  background-position: 0px 0px;
}

.social-link a {
  display: block;
  height: 43px;
  width: 43px;
}

.facebook,
.twitter,
.tumblr,
.youtube,
.houzz,
.google,
.pinterest,
.twitter {
  background: no-repeat;
}

.header-phone {
  position: absolute;
  right: 218px;
  top: 46px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-shadow: 2px 2px 5px #2d7bbe;
}
.header-phone > a {
  display: inline-block;
  padding: 7px 12px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding-right: 45px;
  border-radius: 4px;
  position: relative;
  top: -1px;
  background: rgba(255, 255, 255, 0.25);
}
.header-phone > a:hover {
  background: rgba(255, 255, 255, 0.3);
}
.header-phone > a > span {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
  width: 18px;
  height: 100%;
  padding-right: 9px;
  border-radius: 0 4px 4px 0;
  background: rgba(0, 0, 0, 0.053);
}
.header-phone > a > span > i {
  display: inline-block;
  border-radius: 50%;
  padding: 5px 8px;
  background-color: black;
  font-size: 16px;
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header-phone > a > span > i::before {
  display: inline-block;
  position: relative;
  top: 0;
  left: 4px;
}

.header-phone span {
  font-size: 21px;
  font-family: "Pacifico", cursive;
  font-weight: 400;
  display: inline-block;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

/*-------------------------------------------
| Navigation
---------------------------------------------*/
nav {
  position: relative;
  width: 980px;
  height: 55px;
  top: 126px;
  font-size: 16px;
}

ul.nav {
  list-style: none;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1030px) {
  ul.nav {
    position: absolute;
    width: 100%;
    display: block;
    background: rgba(38, 38, 38, 0.97);
    z-index: 111111111111;
    height: auto !important;
    padding: 10px 0;
  }
}

ul.nav > li {
  position: relative;
  z-index: 10001;
}

ul.nav > li:hover {
  background-color: #0a88d9;
}

ul.nav > li > a {
  display: block;
  height: 55px;
  line-height: 55px;
  padding: 0px 31px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  z-index: 999;
}
@media screen and (max-width: 1030px) {
  ul.nav > li > a {
    height: auto;
    padding: 13px 19px;
    line-height: unset;
  }
}

ul.nav > li > a > span {
  font-size: 12px;
  vertical-align: 3%;
  color: #238eeb;
}

ul.nav > li:hover > a > span {
  font-size: 12px;
  vertical-align: 3%;
  color: #fff;
}

.last-nav {
  padding-right: 0px !important;
}

.sep {
  height: 55px;
  width: 49px;
  margin-left: -38px;
  margin-right: -19px;
  background: url(../images/nav-li-bg.png) no-repeat;
  vertical-align: top;
  z-index: 1 !important;
}

li.current-page-item {
  background-color: #0a88d9;
}

li.current-page-item > a > span {
  font-size: 12px;
  vertical-align: 3%;
  color: #fff !important;
}

/*-------------------------------------------
| Drop Down
---------------------------------------------*/
ul.nav > li > ul {
  height: 0px;
  opacity: 0;
  overflow: hidden;
}

ul.nav > li:hover > ul {
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.25s 0.1s ease-out;
  transition: all 0.25s 0.1s ease-out;
}

ul.drop {
  position: absolute;
  list-style: none;
  background: #0a88d9;
  -webkit-box-shadow: 1px 1px 4px rgba(77, 77, 77, 0.6);
          box-shadow: 1px 1px 4px rgba(77, 77, 77, 0.6);
  z-index: 9999;
}

ul.drop > li {
  text-align: left;
  border-top: 1px solid #0871b4;
}

ul.drop > li:hover {
  background-color: #fff;
}

ul.drop > li > a {
  display: block;
  padding: 13px 17px;
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
}

ul.drop > li:hover > a {
  color: #0a88d9 !important;
}

.nav-left {
  left: 100%;
}

.nav-left-2 {
  left: 100%;
}

.last-main {
  left: 0px;
}

/*-------------------------------------------
| Drop Down - 2
---------------------------------------------*/
ul.nav > li > ul > li > ul {
  height: 0px;
  opacity: 0;
  overflow: hidden;
}

ul.nav > li > ul > li:hover > ul {
  opacity: 1;
  height: auto;
  overflow: visible;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.25s 0.1s ease-out;
  transition: all 0.25s 0.1s ease-out;
}

.communitywidth {
  width: 140px;
}

.michiganservices {
  width: 180px;
}

.servicewidth {
  width: 180px;
}

.nolink {
  cursor: default;
}

.menuright {
  left: 180px;
}

.menuright2 {
  left: 178px;
}

.zindex3 {
  z-index: 3 !important;
}

.zindex2 {
  z-index: 2 !important;
}

ul.drop-2 {
  position: absolute;
  margin-top: -49px;
  list-style: none;
  background: #0a88d9;
  -webkit-box-shadow: 1px 1px 4px rgba(77, 77, 77, 0.6);
          box-shadow: 1px 1px 4px rgba(77, 77, 77, 0.6);
  z-index: 9999;
}

ul.drop-2 > li {
  text-align: left;
  border-top: 1px solid #0871b4;
}

ul.drop-2 > li:hover {
  background-color: #fff;
}

ul.drop-2 > li > a {
  display: block;
  padding: 13px 17px;
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
}

ul.drop-2 > li:hover > a {
  color: #0a88d9 !important;
}

li.second-drop {
  background-image: url(../images/2nd-drop.png);
  background-position: right 0px;
  background-repeat: no-repeat;
}

li:hover.second-drop {
  background-position: right -48px;
}

/*-------------------------------------------
| Homepage
---------------------------------------------*/
#banner-container {
  position: relative;
  width: 100%;
  height: 513px;
  background-color: #000;
}

#banners {
  position: relative;
  width: 100%;
  height: 509px;
  text-align: center;
}

.banner-center {
  position: relative;
  margin: 0 auto;
  width: 980px;
  text-align: left;
}

.banner-content {
  position: absolute;
  -webkit-text-stroke: 1px;
}

.banner-content h2 {
  font-size: 64px;
  font-weight: 600;
  color: #f4f4f4;
  text-shadow: 2px 2px 2px rgba(77, 77, 77, 0.6);
}

.banner-content span {
  display: block;
  margin-top: -40px;
  font-family: "Pacifico", cursive;
  font-size: 120px;
  font-weight: 400;
}

div.find-out-more {
  height: 75px;
  width: 236px;
  background-image: url(../images/find-out-more.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  font-weight: 600;
  font-size: 24px;
}

div:hover.find-out-more {
  background-position: 0px -75px;
}

.find-out-more a {
  display: block;
  height: 75px;
  line-height: 72px;
  width: 221px;
  padding-left: 15px;
  color: #f4f4f4;
  text-decoration: none;
  -webkit-text-stroke: 0px;
}

div.schedule-an-appointment-banner {
  height: 57px;
  width: 264px;
  background-image: url(../images/schedule-an-appointment-button.png);
  background-repeat: no-repeat;
  background-position: right top;
  font-weight: 600;
  font-size: 24px;
  position: relative;
}
div.schedule-an-appointment-banner::before {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  left: 0;
  top: 0;
  position: absolute;
  background: #0286d9;
}
@media screen and (max-width: 1030px) {
  div.schedule-an-appointment-banner::before {
    display: none;
  }
}

div:hover.schedule-an-appointment-banner {
  background-position: right -57px;
}

.schedule-an-appointment-banner a {
  display: block;
  height: 57px;
  line-height: 49px;
  width: 349px;
  padding-left: 15px;
  color: #f4f4f4;
  text-decoration: none;
  -webkit-text-stroke: 0px;
}

.schedule-an-appointment-banner b {
  font-weight: 800;
  font-style: italic;
}

.banner-1 {
  top: 60px;
}

.banner-1 span {
  margin-left: 40px;
}

.banner-2 {
  top: 20px;
}

.banner-2 h2 {
  font-size: 40px;
}

.banner-2 span {
  margin-top: -25px;
}

.banner-3 {
  top: 60px;
}

.banner-new-prop {
  left: 520px;
  top: 110px;
}

.banner-new-prop span {
  font-size: 63px !important;
}

.banner-new-prop p {
  font-size: 29px;
  color: #f4f4f4;
  font-weight: 700;
  -webkit-text-stroke: 0px;
  text-shadow: 2px 2px 2px rgba(77, 77, 77, 0.6);
}

.banner-new-prop b {
  color: #4cb9ff;
}

.banner-checked {
  left: 520px;
  top: 20px;
}

.banner-checked h2 {
  font-size: 29px;
  -webkit-text-stroke: 0px;
}

.banner-employee {
  top: 30px;
  left: 14px;
}

.banner-employee h2 {
  font-size: 29px;
  -webkit-text-stroke: 0px;
  font-size: 34px;
}

.banner-employee span {
  font-size: 29px;
  -webkit-text-stroke: 1px;
  font-size: 50px;
  display: block;
  margin-top: -18px;
}

.employee-button {
  position: absolute;
  top: 380px;
  left: 570px;
}

.banner-leaky {
  top: 30px;
  left: 30px;
}

.banner-leaky h2 {
  -webkit-text-stroke: 0px;
  font-size: 80px;
}

.banner-leaky span {
  -webkit-text-stroke: 0px;
  display: block;
  margin-top: -18px;
  font-size: 80px;
}

.banner-4 {
  position: relative;
  margin: 0 auto;
  width: 980px;
  top: 25px;
  text-align: center;
}

.banner-4 h2 {
  font-size: 63px !important;
  font-family: "Pacifico", cursive !important;
  -webkit-text-stroke: 1px !important;
  font-weight: 400 !important;
}

.banner-4 span {
  display: inline !important;
  color: #4cb9ff !important;
  font-size: 63px !important;
  font-weight: 400 !important;
}

.banner-4 p {
  font-size: 25px;
  color: #fff;
  font-weight: 700;
  -webkit-text-stroke: 0px !important;
}

.banner-4 p > b {
  color: #4cb9ff;
}

.banner-4-button {
  text-align: left;
  position: relative;
  margin: 0 auto;
  margin-top: 30px;
}

.banner-winter-1 {
  top: 30px;
  left: 0px;
  -webkit-text-stroke: 0px;
  font-size: 30px;
  color: #fff;
}

.banner-winter-1 h2 {
  font-size: 58px !important;
  font-family: "Pacifico", cursive !important;
  -webkit-text-stroke: 1px !important;
  font-weight: 400 !important;
  line-height: 130%;
}

.banner-winter-1 b {
  color: #0386d9;
}

.banner-winter-1 p {
  margin-left: 40px;
  margin-top: 40px;
  margin-bottom: 35px;
  text-shadow: 2px 2px 2px rgba(77, 77, 77, 0.6);
}

.banner-winter-1-button {
  margin-left: 40px;
}

.banner-winter-2 {
  top: 42px;
  -webkit-text-stroke: 0px;
  font-size: 30px;
  color: #fff;
  width: 980px;
  text-align: center;
}

.banner-winter-2 h2 {
  font-size: 58px !important;
  font-family: "Pacifico", cursive !important;
  -webkit-text-stroke: 1px !important;
  font-weight: 400 !important;
  line-height: 130%;
}

.banner-winter-2 p {
  margin-top: 100px;
  margin-bottom: 40px;
  text-shadow: 2px 2px 2px rgba(77, 77, 77, 0.6);
}

.banner-winter-2-button {
  margin-left: 370px;
  text-align: left;
}

.full-banner {
  display: block;
  height: 100%;
  width: 100%;
}

.new-home-banner {
  position: relative;
  height: 509px;
  width: 100%;
  background: url(../images/new-home-banner.jpg) no-repeat center;
}

.new-home-banner h2 {
  font-size: 63px !important;
  font-family: "Pacifico", cursive !important;
  -webkit-text-stroke: 1px !important;
  font-weight: 400 !important;
  line-height: 130%;
  margin-left: 400px;
  margin-top: 30px;
}

.new-home-banner ul {
  color: #fff;
  margin-left: 500px;
  margin-top: 40px;
  margin-bottom: 20px;
  -webkit-text-stroke: 0px !important;
  font-weight: 600;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 18px;
}

.new-home-banner p {
  color: #fff;
  margin-left: 500px;
  margin-top: 50px;
  margin-bottom: 50px;
  -webkit-text-stroke: 0px !important;
  font-weight: 600;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 18px;
}

.leaky-banner-1 {
  position: absolute;
  left: 100px;
}

.leaky-banner-1 h2 {
  font-family: "Pacifico", serif;
  font-size: 110px !important;
  font-weight: 400;
}

.leaky-banner-2 {
  font-size: 24px;
  position: absolute;
  left: 600px;
  top: 160px;
  color: #fff;
}

.leaky-banner-3 {
  position: absolute;
  left: 720px;
  top: 370px;
  color: #fff;
  font-size: 32px;
  text-align: center;
}

.leaky-banner-3 span {
  font-family: "Pacifico", serif;
  font-size: 42px;
}

/*-------------------------------------------
| Footer
---------------------------------------------*/
footer {
  position: relative;
  width: 100%;
  height: 83px;
  background: repeat-x;
  overflow: hidden;
}

#footer-center {
  position: relative;
  margin: 0 auto;
  width: 980px;
  height: 83px;
}

#footer-social-media {
  position: absolute;
  top: 22px;
}

#footer-office-hours {
  position: absolute;
  height: 100%;
  right: 235px;
  text-align: right;
  color: #ddd !important;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  padding-right: 28px;
  background: url(../images/nav-li-bg.png) no-repeat;
  background-position: 100% 50%;
}

#footer-office-hours span {
  display: inline-block;
  position: relative;
  top: 21px;
}

#footer-copyright {
  position: absolute;
  top: 21px;
  right: 0px;
  text-align: right;
  color: #ddd !important;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

#footer-copyright a {
  color: #278fd8;
  text-decoration: none;
}

#footer-copyright a:hover {
  text-decoration: underline;
}

/*-------------------------------------------
| Content Area
---------------------------------------------*/
#content {
  position: relative;
  width: 100%;
  /*margin-top: 20px;*/
  margin-bottom: 35px;
  background: #000;
  display: inline-block;
  overflow: hidden;
}

#content.home {
  margin-top: 20px;
}

#content-center {
  position: relative;
  margin: 0 auto;
  width: 980px;
  z-index: 9999;
  font-weight: 400;
}

#content-left {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 586px;
  padding: 22px 26px;
  background: #f4f4f4;
  margin-top: 26px;
  border-radius: 3px;
  font-size: 14px;
  line-height: 180%;
}

#content-left a {
  color: #278fd8;
  text-decoration: none;
}

#content-left a:hover {
  text-decoration: underline;
}

#content-right {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  margin-top: 26px;
  margin-left: 12px;
}

#content-left h1 {
  font-family: "Alegreya", serif;
  font-size: 28px;
  color: #4e97d7;
  font-weight: 700;
}

#content-left h2 {
  font-family: "Alegreya", serif;
  font-size: 28px;
  color: #4e97d7;
  font-weight: 700;
}

.custom-li {
  list-style-image: url(../images/custom-li.png);
  margin-left: 15px;
}

.list-below {
  margin-bottom: 0px;
}

.custom-hr {
  height: 39px;
  width: 749px;
  background: url(../images/custom-hr.png);
  margin-left: -116px;
  margin-bottom: 20px;
}

.custom-hr-2 {
  height: 39px;
  width: 452px;
  background: url(../images/custom-hr.png) top center;
  margin-left: -18px;
  margin-bottom: 20px;
}

div.homepage-callouts {
  height: 99px;
  width: 325px;
  background-image: url(../images/homepage-callouts.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  line-height: 190%;
  overflow: hidden;
}

div:hover.homepage-callouts {
  background-position: 0px -99px;
}

.homepage-callouts a {
  display: block;
  text-decoration: none;
  font-weight: 600;
  color: #fff;
  text-shadow: 1px 1px 2px #2777c7;
  font-size: 24px;
  height: 99px;
  width: 325px;
  padding-left: 22px;
  padding-top: 10px;
}

.homepage-callouts span {
  font-size: 30px;
  font-family: "Pacifico", cursive;
  font-weight: 400;
}

#index-gives-back {
  position: relative;
  margin-top: 100px;
  height: 346px;
  width: 100%;
  background: repeat-x bottom #000;
}

#index-gives-back-2 {
  position: relative;
  width: 100%;
  height: 346px;
  background: center no-repeat;
}

#index-gives-back-center {
  position: relative;
  height: 346px;
  width: 980px;
  margin: 0 auto;
}

#gives-back-title {
  position: relative;
  top: -64px;
  height: 64px;
  width: 354px;
  padding-left: 25px;
  background: url(../images/gives-back-title.png);
  font-family: "Alegreya", serif;
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  text-shadow: 1px 1px 2px #2777c7;
  line-height: 64px;
}

.give-back-item {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  margin-top: -25px;
  position: relative;
  overflow: hidden;
}

.gradient-bg {
  position: relative;
  background-color: #ffffff;
  background: -o-linear-gradient(top, #ffffff, #cad8ed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#cad8ed");
  padding: 10px 10px 5px 10px;
  border: 1px solid #fff;
  width: 461px;
  max-width: 100%;
}
.gradient-bg img {
  max-width: 100%;
  display: block;
}

.gradient-bg-2 {
  position: relative;
  background-color: #e1dfdf;
  padding: 10px 10px 5px 10px;
  /*border: 1px solid #fff;*/
}

.bottom-shadow {
  position: relative;
  height: 24px;
  width: 483px;
  background: url(../images/shadow-bottom.png);
}

.gives-back-image {
  position: absolute;
  top: 0px;
  left: 0px;
}

.gradient-bg a {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 237px;
  width: 459px;
}

#ribbon {
  position: absolute;
  top: -1px;
  right: -1px;
}

.countdown {
  position: absolute;
  bottom: 17px;
  left: 37px;
}

#logo-slider {
  position: relative;
  height: 210px;
  width: 100%;
  background: repeat-x;
  overflow: hidden;
}

.logo-slider-container {
  position: relative;
  margin: 0 auto;
  width: 980px;
  padding-top: 25px;
}

.list_carousel {
  position: relative;
  margin: 0 auto;
  width: 980px;
  top: 22px;
  overflow: hidden;
}
.list_carousel .caroufredsel_wrapper {
  width: 980px !important;
}
@media screen and (max-width: 980px) {
  .list_carousel .caroufredsel_wrapper {
    width: 100% !important;
  }
}
.list_carousel .caroufredsel_wrapper #foo1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100% !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list_carousel .caroufredsel_wrapper #foo1 li:not(:last-of-type) {
  margin-right: 80px;
}
@media screen and (max-width: 980px) {
  .list_carousel .caroufredsel_wrapper #foo1 li:not(:last-of-type) {
    margin-right: 30px;
  }
}
@media screen and (max-width: 980px) {
  .list_carousel .caroufredsel_wrapper #foo1 li a img {
    width: 70px;
    height: auto;
    margin: 0 !important;
  }
}

.list_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.list_carousel li {
  display: block;
  float: left;
}

.logo-fade-left {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10000;
}

.logo-fade-right {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 10000;
}

/*-------------------------------------------
| Subpages
---------------------------------------------*/
#subpage-sep {
  position: relative;
  height: 4px;
  width: 100%;
  background: url(../images/subpage-sep.jpg) repeat-x;
  /*	margin-bottom: -23px;
  	display: inline-block;*/
}

#content-full {
  width: 928px;
  padding: 22px 26px;
  background: #f4f4f4;
  margin-top: 13px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  line-height: 180%;
  font-weight: 400;
}

#content-full h1 {
  font-family: "Alegreya", serif;
  font-size: 35px;
  color: #4e97d7;
  font-weight: 700;
  line-height: 120%;
}

#content-full h2 {
  font-family: "Alegreya", serif;
  font-size: 22px;
  color: #4e97d7;
  font-weight: 700;
}

#content-full h3 {
  font-family: "Alegreya", serif;
  font-size: 18px;
  color: #4e97d7;
  font-weight: 700;
}

.less {
  margin-bottom: -15px !important;
}

#content-full a {
  color: #278fd8;
  text-decoration: none;
}

#content-full a:hover {
  text-decoration: underline;
}

#content-full ul {
  margin-left: 20px;
}

#content-full ol {
  margin-left: 20px;
}

#subpage-callouts {
  position: relative;
  padding-top: 8px;
  margin-bottom: -20px;
  height: 66px;
}

div.subpage-callout {
  float: left;
  margin-right: 5px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

div:hover.subpage-callout {
  float: left;
  margin-right: 5px;
  background-position: 0px -66px;
}

.subpage-callout a {
  display: block;
  padding-left: 15px;
  height: 66px;
  line-height: 64px;
  width: 100%;
  color: #f4f4f4;
  text-decoration: none;
  text-shadow: 1px 1px 2px #2777c7;
  font-size: 20px;
  font-weight: 600;
}

.request-a-quote {
  background-image: url(../images/request-a-quote.png);
  height: 66px;
  width: 226px;
}

#header-center .request-a-quote {
  background-image: url(../images/request-a-quote-new.png);
  border-radius: 10px;
}

#header-center .request-a-quote:hover {
  background-position: 0px -65px;
  border-radius: 10px;
}

.schedule-an-appointment {
  background-image: url(../images/schedule-an-appointment.png);
  height: 66px;
  width: 317px;
}

.ask-a-question {
  background-image: url(../images/ask-a-question.png);
  height: 66px;
  width: 252px;
}

#social-share {
  height: 33px;
}

#social-share a {
  display: block;
  height: 33px;
  width: 205px;
}

#facebook-share {
  float: left;
  margin-right: 10px;
  height: 33px;
  width: 203px;
  background: url(../images/facebook-share.png) no-repeat;
  overflow: hidden;
  cursor: pointer;
}

div:hover#facebook-share {
  background-position: 0px -35px;
}

#twitter-share {
  float: left;
  margin-right: 10px;
  height: 33px;
  width: 187px;
  background: url(../images/twitter-share.png) no-repeat;
  overflow: hidden;
  cursor: pointer;
}

div:hover#twitter-share {
  background-position: 0px -35px;
}

#google-share {
  float: left;
  height: 33px;
  width: 197px;
  background: url(../images/google-share.png) no-repeat;
  overflow: hidden;
  cursor: pointer;
}

div:hover#google-share {
  background-position: 0px -35px;
}

#subpage-footer {
  position: relative;
  width: 100%;
  height: 82px;
  background: url(../images/subpage-footer-tile.jpg) repeat-x;
  margin-top: -57px;
}

#subpage-footer-center {
  position: relative;
  width: 100%;
  height: 82px;
  background-repeat: no-repeat;
  background-position: center;
}

.shadow {
  display: block;
}

/*-------------------------------------------
| Meet the Staff
---------------------------------------------*/
.staff-box {
  position: relative;
  margin-top: 20px;
  padding: 22px 0px;
  min-height: 231px;
}

.subpage-hr {
  background: url(../images/subpage-divider.png);
  height: 43px;
  width: 980px;
  margin-left: -26px;
  margin-top: -25px;
  margin-bottom: -15px;
}

.staff-box h2 {
  font-size: 18px;
}

.staff-box h3 {
  font-weight: 700;
  font-style: italic;
  margin-bottom: -10px;
}

/*-------------------------------------------
| Testimonials
---------------------------------------------*/
.testimonial {
  position: relative;
  background-color: #e1dfdf;
  padding: 20px;
  border: 1px solid #fff;
  margin-top: 20px;
}

.video-container {
  position: relative;
  width: 1000px;
}

.video-box {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  position: relative;
  background-color: #e1dfdf;
  padding: 20px;
  padding-bottom: 15px;
  border: 1px solid #fff;
  margin-top: 20px;
  width: 414px;
  margin-right: 12px;
}

/*-------------------------------------------
| Top Level Pages
---------------------------------------------*/
div.top-level {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-color: #0386DE;
  vertical-align: top;
  background: -o-linear-gradient(left, #0386DE, #5EA7DE);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0386DE", endColorstr="#5EA7DE");
  border-radius: 5px;
  border: 2px solid #51ace2;
  -webkit-box-shadow: 1px 1px 4px rgba(77, 77, 77, 0.6);
          box-shadow: 1px 1px 4px rgba(77, 77, 77, 0.6);
  height: 63px;
  text-align: center;
  overflow: hidden;
  margin-right: 12px;
  margin-bottom: 20px;
  line-height: 60px;
}

div:hover.top-level {
  background-color: #5EA7DE;
  background: -o-linear-gradient(left, #5EA7DE, #0386DE);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5EA7DE", endColorstr="#0386DE");
}

.top-level a {
  display: block;
  font-weight: 700;
  color: #f5f5f5 !important;
  font-size: 22px;
  text-shadow: 2px 2px 5px #2d7bbe;
  height: 100%;
  width: 100%;
}

.tl-icon a {
  padding-left: 8%;
  z-index: 9999;
}

.top-level a:hover {
  text-decoration: none !important;
}

.tl-third {
  width: 293px;
}

.tl-half {
  width: 450px;
}

.tl-fifth {
  width: 168px;
}

.tl-full {
  width: 923px;
}

.tl-small {
  height: 38px !important;
  line-height: 35px !important;
}

.tl-small a {
  font-size: 20px !important;
}

.tl-image {
  position: absolute;
  left: 10px;
  top: 3px;
  z-index: 1;
}

/*-------------------------------------------
| Form Elements
---------------------------------------------*/
input[type=text],
input[type=number] {
  height: 30px !important;
  margin-top: 2px !important;
  margin-bottom: 6px !important;
}

select {
  height: 30px !important;
  margin-top: 2px !important;
  margin-bottom: 6px !important;
}

textarea {
  margin-top: 2px !important;
  margin-bottom: 6px !important;
}

.reg {
  width: 460px;
}

.half {
  width: 227px;
}

.comments {
  width: 460px;
  min-height: 150px;
}

.req {
  color: red;
}

.form-inline {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  margin-right: 2px;
}

.city {
  width: 401px;
}

.city-2 {
  width: 235px;
}

.zip {
  width: 175px;
}

.measurement {
  width: 80px;
}

.small-meas {
  width: 100px;
}

.number-of-fireplaces {
  width: 150px;
}

/*-------------------------------------------
| Contact Us
---------------------------------------------*/
#contact-info {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 420px;
  float: left;
  /*	margin-top: 20px;*/
}

#contact-info h1 {
  margin-bottom: 20px;
}

#contact-info h3 {
  font-size: 22px;
  font-family: "Pacifico", cursive;
  font-weight: 400;
}

#contact-info img {
  margin-top: 40px;
  max-width: 350px !important;
}

#contact-form {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}

@media screen and (min-width: 800px) {
  #contact-form {
    margin-top: -43px;
  }
}
p.contact-item {
  margin-top: 5px;
  font-size: 20px;
  font-weight: 700;
}

p.contact-item a {
  color: #000 !important;
  text-decoration: none !important;
}

input.submit {
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #fff !important;
  font-family: "Pacifico", cursive !important;
  background-color: #0386DE !important;
  background: -o-linear-gradient(top, #0386DE, #5EA7DE) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0386DE", endColorstr="#5EA7DE") !important;
  border-radius: 3px !important;
  border: 1px solid #098DE0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-shadow: 2px 2px 5px #2d7bbe;
}

input:hover.submit {
  background-color: #5EA7DE !important;
  background: -o-linear-gradient(top, #5EA7DE, #0386DE) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5EA7DE", endColorstr="#0386DE") !important;
  border: 1px solid #098DE0 !important;
  text-shadow: 2px 2px 5px #2d7bbe;
}

p.submit {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  text-align: right;
}

/*-------------------------------------------
| Request a Quote
---------------------------------------------*/
.request-quote {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}

a.button {
  display: block;
  height: 40px;
  padding: 0px 20px !important;
  line-height: 40px;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #fff !important;
  font-family: "Pacifico", cursive !important;
  background-color: #0386DE !important;
  background: -o-linear-gradient(top, #0386DE, #5EA7DE) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0386DE", endColorstr="#5EA7DE") !important;
  border-radius: 3px !important;
  border: 1px solid #098DE0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-shadow: 2px 2px 5px #2d7bbe;
}

a:hover.button {
  background-color: #5EA7DE !important;
  background: -o-linear-gradient(top, #5EA7DE, #0386DE) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5EA7DE", endColorstr="#0386DE") !important;
  border: 1px solid #098DE0 !important;
  text-decoration: none !important;
  text-shadow: 2px 2px 5px #2d7bbe;
}

div.arrow-button {
  width: 180px;
  height: 51px;
  background-image: url(../images/arrow-button.png);
  background-position: 0px 0px;
}

div:hover.arrow-button {
  background-position: 0px -51px;
}

.arrow-button a {
  display: block;
  padding-left: 15px;
  height: 51px;
  line-height: 43px;
  width: 100%;
  text-decoration: none;
  text-shadow: 1px 1px 2px #2777c7;
  font-size: 20px;
  color: #fff !important;
  font-family: "Pacifico", cursive !important;
}

.arrow-button a:hover {
  text-decoration: none !important;
}

/*-------------------------------------------
| Fireplace Facelift
---------------------------------------------*/
#fireplace-measurement {
  margin-top: 20px;
}

@media screen and (min-width: 450px) {
  #fireplace-measurement tbody tr td:nth-of-type(1) input {
    margin-top: -2px !important;
    margin-right: 5px;
  }
  #fireplace-measurement tbody tr td:nth-of-type(2) {
    line-height: 1.5;
  }
}
/*-------------------------------------------
| Gallery
---------------------------------------------*/
.gallery-cont {
  width: 950px;
}

.gallery-border {
  border: 1px solid #fff;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  margin-right: 20px;
  margin-bottom: 24px;
}

.gallery-image {
  border: 8px solid #e1dfdf;
}

label.error {
  display: block;
  font-size: 12px;
  color: red !important;
  margin-top: 2px !important;
  line-height: 1;
  position: absolute;
  z-index: 2000;
  background: #E1DFDF;
  right: 0;
}

.gallery-social {
  top: 0px;
  z-index: 11006;
  position: absolute;
}

.social-share {
  position: absolute;
  left: 20px;
  top: 10px;
}

.g-fix {
  position: relative;
  display: inline-block;
  top: -14px;
  margin-left: 13px !important;
  width: 80px !important;
}

.product-b {
  border: 3px solid #fff;
}

#product-cont {
  position: relative;
  width: 950px;
}

.product-container {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  background-color: #e1dfdf;
  padding: 20px;
  border: 1px solid #fff;
  margin-top: 20px;
  width: 177px;
  height: 348px;
  margin-right: 13px;
}

.product-container img {
  -webkit-box-shadow: 1px 1px 2px rgba(77, 77, 77, 0.6);
          box-shadow: 1px 1px 2px rgba(77, 77, 77, 0.6);
  border: none !important;
}

.product-image {
  position: absolute;
  top: 110px;
  width: 177px;
  text-align: center;
}

.product-container-2 {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  background-color: #e1dfdf;
  padding: 20px;
  border: 1px solid #fff;
  margin-top: 20px;
  margin-right: 13px;
}

.product-container-2 img {
  -webkit-box-shadow: 1px 1px 2px rgba(77, 77, 77, 0.6);
          box-shadow: 1px 1px 2px rgba(77, 77, 77, 0.6);
  border: none !important;
}

#fixed-bar {
  z-index: 20000;
}

.uploadedImages {
  padding-bottom: 15px;
  padding-top: 10px;
}

.imageHolder.hidden {
  display: none;
}

.imageHolder {
  display: block;
  margin-bottom: 10px;
  width: 150px;
}

.imageHolder .image {
  max-width: 150px;
  max-height: 150px;
  border: 1px solid #ccc;
}

.imageHolder .imageTitle {
  width: 100%;
  height: 20px;
  font-size: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}

.imageHolder .remove {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

.flexslider .slides {
  overflow: hidden;
}

a[href^=tel] {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

/*new contact form style*/
.fireplace-box {
  display: none;
}

.fireplace-box.open {
  display: inline-block;
  margin-top: 40px;
  width: 100%;
}

.fireplace-box.open img {
  max-width: 395px;
  height: auto;
  margin-bottom: 20px;
}

.firebox-box {
  display: none;
}

.fireplace-box.open + .firebox-box.open {
  display: block;
}

.firebox-box.open {
  display: inline-block;
  margin-top: 40px;
  width: 100%;
}

.firebox-box.open img {
  max-width: 410px;
  height: auto;
  margin-bottom: 20px;
}

.chose-form {
  display: none;
  font-size: 18px;
}

.chose-form label {
  cursor: pointer;
}

.chose-form hr {
  margin-bottom: 15px;
}

.chose-form.openFireplace.openFirebox,
.chose-form.openFirebox,
.chose-form.openFireplace {
  display: inline-block;
}

.new-contact {
  background-color: #e1dfdf !important;
}

.new-contact-form {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.new-contact-info {
  float: right;
  max-width: 460px;
  position: relative;
}

.new-contact-info h2 {
  margin-top: 10px;
}

.new-contact-info input[type=email] {
  height: 30px;
}

.new-contact-left-image {
  width: 50%;
  float: left;
}

.new-measurement-sizes,
.new-firebox-measurement {
  width: 50%;
  float: right;
}

.new-measurement-sizes h2,
.new-firebox-measurement h2 {
  margin-bottom: 20px;
}

.new-contact-form #fireplace-measurement {
  margin-top: 0px;
}

.new-contact-form #fireplace-measurement table tbody tr td {
  font-size: 12px;
  /*padding-left: 5px;*/
}

#contact-new .submit {
  text-align: left;
}

#contact-new input,
#contact-new textarea,
#contact-new select {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#contact-new h2 {
  color: rgb(51, 51, 51);
}

.submit-div {
  width: 60%;
  display: inline-block;
  margin-top: 20px;
}

/*.new-contact-info input{
	width: 100%;
}*/
@media screen and (max-width: 826px) {
  .submit-div {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 827px) {
  .submit-div {
    float: right;
    width: 60%;
  }
}
.new-measurement-sizes input {
  width: 170px;
}

/*.new-contact-form #file_upload{
	margin-top: 20px;
}*/
.reset_file_upload {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: 2px;
}

.reset_file_upload:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.photo-box {
  margin-top: 15px;
  display: inline-block;
  max-width: 350px;
  margin-left: 2px;
}

.photo-box input {
  width: 70% !important;
  cursor: pointer;
}

.new-contact-hide-show {
  display: block;
}

.firebox-box.open.close,
.fireplace-box.open.close {
  display: none;
}

.firebox-box.open.open2,
.fireplace-box.open.open2 {
  display: inline-block;
}

.contact-interest {
  margin-top: 9px;
  position: relative;
  line-height: 1;
}

.contact-interest label {
  font-size: 14px;
  cursor: pointer;
}

@media screen and (min-width: 570px) {
  .contact-interest label:nth-of-type(1) {
    width: 52%;
    display: inline-block;
  }
  .contact-interest label:nth-of-type(2) {
    display: inline-block;
  }
  .contact-interest label:nth-of-type(3) {
    width: 22%;
    display: inline-block;
    float: right;
    margin-top: 1px;
  }
}
/* custom select */
.custom-select {
  position: relative;
}

.custom-select select {
  font-size: 16px;
  cursor: pointer;
  margin: 0;
  line-height: 1;
  height: 40px;
}

.custom-select select option {
  padding: 0;
}

.custom-select.custom-select-label {
  font-size: 12px;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  pointer-events: none;
  padding: 0.75em 0.625em;
  text-align: center;
  overflow: hidden;
  background-color: white;
  border: 2px solid red;
  text-align: left;
}

.custom-select.custom-select-label.is-selected.custom-select-label-text {
  font-style: normal;
}

.custom-select-label-text,
.custom-select-arrow {
  background-color: white;
  display: block;
}

.custom-select-label-text {
  position: relative;
  width: 100%;
  height: 100%;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
  font-size: 16px;
  font-style: italic;
}

.custom-select-arrow {
  font-style: normal;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  display: block;
  line-height: normal;
  height: 8px;
  margin-top: 2px;
  cursor: pointer;
  pointer-events: none;
  border-top: 1px solid;
  border-right: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
}

.custom-select-arrow:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid black;
  top: 12px;
  position: absolute;
  right: 5px;
  outline: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .contact-interest input {
    margin-top: -2px;
    margin-bottom: 2px;
  }
}
body.mac .contact-interest label {
  position: relative;
  left: 20px;
}

body.mac .contact-interest label input {
  position: absolute;
  left: -20px;
  top: 8px;
}

@-moz-document url-prefix() {
  body.mac .contact-interest label input {
    top: 3px;
  }
}
#state option {
  outline: 0;
}

#state {
  outline: 0;
  padding-right: 20px;
  width: 80px;
}

#state select:focus {
  outline: 0;
}

/* ie 11 hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select-arrow {
    padding: 10px 11px !important;
  }
}
select::-ms-expand {
  display: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.request-header {
  right: -9px !important;
}

/* tooltip new-contact-form */
.tooltip {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 4px;
  left: 215px;
  background-color: #0386DE;
  border-radius: 100%;
}

.tooltip p {
  margin: 0;
  left: 2px;
  margin-left: 8px;
  color: #fff;
  font-size: 15px;
  margin-top: -2px;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -190px;
  /* Fade in tooltip */
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

@media screen and (max-width: 500px) {
  .tooltip .tooltiptext {
    width: 200px;
  }
}
/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.bottom-contact-text .tel {
  color: #000 !important;
  font-weight: bold;
}

/* ipad style */
.ipad .contact-interest .tooltip {
  left: 195px;
}

/* mac style */
.mac .contact-interest .tooltip {
  left: 195px !important;
}

@media screen and (min-width: 501px) {
  .liness {
    position: relative;
  }
  #fireplace-measurement td {
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #fireplace-measurement td input {
    margin-right: 2px;
    margin-top: 0px;
  }
  #fireplace-measurement td input {
    margin-bottom: 0px !important;
    margin: 0px;
  }
}
/* error message */
#phone,
input.error {
  margin-bottom: 0px !important;
}

/* new button style */
.button-new,
.button-new-top {
  padding: 0px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 15px;
  font-family: "Open Sans", serif;
  font-size: 14px;
}

.button-new:hover p {
  background-color: #575757;
}

.button-new:hover p.label {
  background-color: #ff4c4c;
}

.button-new span {
  position: absolute;
  right: 0px;
  height: 20px;
  width: 20px;
  top: 11px;
  margin-right: 5px;
}

.button-new span i {
  font-size: 15px;
  color: #fff;
}

.button-new p.label {
  background-color: #da3637;
  padding: 10px;
  color: #fbf5f7;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  font-style: normal;
  text-align: center;
  position: relative;
  float: left;
}

.button-new p {
  padding: 10px;
  margin: 0px;
  background-color: #2f2325;
  color: #fbf5f7;
  display: inline-block;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  /*	padding-right: 440px;*/
  font-style: italic;
  text-align: left;
  float: right;
  padding-left: 7px;
}

/*
@media only screen and (-webkit-min-device-pixel-ratio: 1)::i-block-chrome, .button-new p {
	padding-left: 8px;
}
*/
.button-new-top span {
  position: absolute;
  right: 0px;
  height: 20px;
  width: 20px;
  top: 16px;
  margin-right: 5px;
}

.button-new-top span i {
  font-size: 15px;
  color: #fff;
}

.button-new-top {
  margin-bottom: 0px;
  position: relative;
  width: 100%;
}

.button-new-top:hover .request-btn {
  background-color: #e15e5e;
}

.button-new-top:hover .qoute-btn {
  background-color: #c7c7c7;
}

.button-new-top:hover .qoute-btn p,
.button-new-top:hover .qoute-btn i {
  color: #000;
}

#content-full .button-new-top .qoute-btn span {
  top: 13px;
}

.top .button-new-top {
  width: 97%;
  margin: 0 auto;
}

.top.blog .button-new-top {
  width: 93.5%;
  float: left;
  margin-left: 20px;
  margin-bottom: 12px;
}

.button-new-top .request-btn {
  clear: both;
  background-color: #da3637;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  float: left;
  width: 20%;
}

.button-new-top p.label {
  padding: 14px;
  cursor: pointer;
  font-style: normal;
  text-align: center;
  font-family: "Open Sans";
  font-size: 15px;
}

.button-new-top .qoute-btn {
  width: 80%;
  float: left;
  background-color: #2f2325;
  text-align: left;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.button-new-top p {
  padding: 14px;
  margin: 0px;
  color: #fbf5f7;
  font-style: italic;
  text-align: left;
  font-family: "Open Sans";
  font-size: 15px;
}

/*#content-full .button-new-top p{
	padding: 14px;
}*/
#content-full .request-btn p,
#content-full .qoute-btn p {
  padding: 12px;
}

a.nohover {
  text-decoration: none !important;
}

a.nohover:hover {
  text-decoration: none !important;
}

a.nohover {
  color: transparent !important;
}

a.nohover:hover {
  color: transparent !important;
}

@media screen and (max-width: 740px) {
  .button-new-top .request-btn {
    width: 30%;
  }
  .button-new-top .qoute-btn {
    width: 70%;
  }
}
@media screen and (max-width: 670px) {
  .button-new-top .request-btn {
    width: 100%;
    border-radius: 10px;
  }
  .button-new-top .qoute-btn {
    display: none;
  }
}
.button-new-top p {
  text-decoration: none;
}

.button-new-top p:hover {
  text-decoration: none;
}

.button-new-top a {
  text-decoration: none;
}

.button-new-top a:hover {
  text-decoration: none;
}

.top .request-btn {
  background-color: #da3637;
}

.top .request-btn p {
  color: #fbf5f7 !important;
  font-weight: 500;
  font-family: "Open Sans";
  font-size: 15px;
}

.request-btn p {
  padding: 12px;
  color: #fbf5f7 !important;
  font-weight: 500;
  font-family: "Open Sans";
  font-size: 15px;
}

.reqerror {
  float: left;
  width: 49%;
  margin: 0;
  margin-right: 5px;
  color: red;
}

.top .qoute-btn {
  background-color: #e0e0e0;
}

.top .qoute-btn p {
  color: #000 !important;
  font-weight: 500;
  font-family: "Open Sans";
  font-size: 15px;
}

.top .qoute-btn i {
  color: #000 !important;
}

.request-header {
  top: 44px;
  border-radius: 5px;
}
@media screen and (max-width: 1030px) {
  .request-header--header {
    display: none;
  }
}

.request-header a {
  text-decoration: none;
}

.request-header .request-new {
  background-color: #da3637;
  color: #fbf5f7;
  text-decoration: none;
  padding: 10px;
  padding-right: 48px;
  border-radius: 3px;
  font-family: "Open Sans", serif;
  font-size: 18px;
  font-weight: 700;
}

.request-header:hover .request-new {
  background-color: #ff4c4c;
}

.request-header:hover .after-request-new:before {
  background-color: #ff4c4c;
}

.request-header:hover .after-request-new {
  background-color: #ff3232;
}

.after-request-new {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #CC3333;
  width: 30px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.after-request-new span {
  top: 9px;
  position: absolute;
  background-color: #000;
  border-radius: 50%;
  text-align: right;
  width: 30px;
  left: -12px;
}

.after-request-new:before {
  width: 18px;
  height: 90%;
  content: "";
  background-color: #da3637;
  position: absolute;
  left: -18px;
  z-index: 10;
}

.after-request-new i {
  color: #fff;
  padding: 5px;
}

.pc.masthead-fixed .request-header {
  display: none;
}

.top {
  margin-top: 13px;
}

@media screen and (max-width: 1030px) {
  .request-header {
    margin-top: 5px;
  }
}
@media screen and (max-width: 600px) {
  .button-new p {
    display: none;
  }
  .button-new label {
    padding-right: 30px;
    border-radius: 5px;
  }
  .button-new span {
    top: 3px;
  }
}
/* end new button style */
.mac.masthead-fixed .after-request-new {
  display: none;
}

.mac.masthead-fixed .request-header {
  display: none;
}

/* button */
.bottom-button .request-btn p,
.bottom-button p {
  font-size: 12px;
  padding: 10px !important;
}

.bottom-button span {
  top: 10px !important;
}

.bottom-button span i {
  font-size: 12px;
}

@media screen and (max-width: 1012px) {
  .mh {
    display: none;
  }
}
@media screen and (max-width: 332px) {
  .header-phone span {
    padding-right: 15px;
  }
}
@media screen and (max-width: 332px) {
  .new-contact-info .form-inline.last {
    width: 50%;
  }
}
@media screen and (max-width: 400px) {
  .text-center-mobile {
    text-align: center;
  }
  .call-us {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}
@media screen and (max-width: 410px) {
  .new-contact-form { /*margin-top: 150px;*/ }
  .request-header {
    right: -15px;
    top: -10px;
  }
  #file_upload, #file_upload2 {
    width: 100% !important;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 436px) {
  div.social-link {
    height: 24px;
    width: 24px;
    background-size: 24px;
  }
  #logo {
    padding-top: 10px !important;
  }
  .request-header {
    right: -7px;
  }
  div.social-link a {
    height: 24px;
    width: 24px;
  }
  #content #content-full #appoint input[type=text],
  #content #content-full #appoint input[type=email] {
    width: 100% !important;
  }
}
@media screen and (max-width: 450px) {
  .new-contact-left-image img {
    max-width: 90% !important;
  }
}
@media screen and (max-width: 458px) {
  #content #content-center #social-share #facebook-share,
  #content #content-center #social-share #twitter-share,
  #content #content-center #social-share #google-share {
    margin-left: 0;
    margin-right: 0;
  }
  .g-fix {
    top: -14px;
    margin-left: 3px !important;
    width: 61px !important;
  }
  .social-share {
    left: 8px;
    top: 10px;
  }
  .social-share iframe:first-child {
    width: 80px !important;
  }
}
@media screen and (max-width: 500px) {
  .form-inline.last {
    float: left !important;
    width: 70%;
    /*width: 100%;*/
  }
  .new-contact-info .form-inline.a {
    float: left;
    display: block;
    width: 100%;
  }
  .new-contact-info .form-inline.b {
    float: left;
  }
  .new-firebox-measurement td {
    width: 100%;
    float: left;
  }
  .new-firebox-measurement td:nth-of-type(2) {
    margin-bottom: 15px;
    margin-top: -8px;
  }
  #contact-info img {
    margin-left: 0px;
  }
}
@media screen and (max-width: 510px) {
  #index-gives-back #index-gives-back-center {
    padding-left: 15px;
    padding-right: 15px;
  }
  #index-gives-back #index-gives-back-center .give-back-item img {
    max-width: 100%;
    width: 100%;
  }
  #index-gives-back #index-gives-back-center .give-back-item .bottom-shadow {
    background-size: 100% 25px;
  }
  #subpage-callouts .subpage-callout.schedule-an-appointment {
    width: 270px;
    background-size: 274px 132px;
  }
  #content #content-full #fireplace-measurement.measurement-sizes table tbody tr td,
  #content #content-full #firebox-upgrade {
    display: block;
  }
}
@media screen and (max-width: 536px) {
  div.top-level.tl-third,
  div.top-level.tl-half {
    width: 100% !important;
  }
  div.top-level.tl-half a {
    padding-left: 8%;
  }
}
@media screen and (max-width: 600px) {
  .new-contact-info {
    max-width: 100%;
  }
  .new-contact-info .reg {
    width: 100%;
  }
  .new-contact-info .comments, .new-contact-info .city-2 {
    width: 100%;
  }
  .contact-interest label {
    display: block;
  }
  .contact-interest label .tooltip {
    left: 220px;
  }
  .new-contact-form .van {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #subpage-callouts .subpage-callout a,
  #content #content-full div.top-level a {
    font-size: 17px;
  }
  .top {
    display: none;
  }
  #content #content-full div.top-level .tl-image {
    top: 8px;
    width: 36px;
  }
  #content #content-full {
    padding: 20px 15px;
  }
  #content #content-full h1 {
    margin-bottom: 20px;
  }
  #content #content-full .left,
  #content #content-full .right {
    display: inline-block;
    width: auto !important;
    float: none;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #content #content-full .left img,
  #content #content-full .right img,
  #content #content-full .gradient-bg-2 img,
  #content #content-full .gradient-bg-2 img {
    max-width: 100%;
    width: 100% !important;
  }
  #content #content-full ul {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-left: 10px;
  }
  #content #content-full .fluid-table tbody tr td,
  #content #content-full #contact-form,
  #content #content-full #contact-info,
  #content #content-full #fireplace-remodel .reg,
  #content #content-full #fireplace-remodel .form-inline,
  #content #content-full #fireplace-remodel .comments,
  #content #content-full #firebox-upgrade .reg,
  #content #content-full #firebox-upgrade .form-inline,
  #content #content-full #firebox-upgrade .comments {
    width: 100% !important;
    display: block;
  }
  #content #content-full #appoint .form-inline,
  #content #content-full #appoint .reg,
  #content #content-full #appoint textarea,
  #content #content-full #test .form-inline,
  #content #content-full #test .reg,
  #content #content-full #test textarea,
  #content #content-full #warm .form-inline,
  #content #content-full #warm .reg,
  #content #content-full #warm textarea,
  #content #content-full #warm input[type=text],
  #content #content-full #warm input[type=email] {
    display: block;
    margin-left: 0 !important;
    width: 100% !important;
  }
  #content #content-full #contact-info {
    width: auto;
    margin-bottom: 40px;
  }
  #content #content-full #fireplace-remodel #fireplace-measurement {
    text-align: left;
  }
  .flex-control-nav {
    display: none !important;
  }
}
@media screen and (max-width: 868px) {
  .going-green-links a {
    display: block;
  }
  .reqerror {
    width: 100%;
  }
  .green-separator,
  .going-green-links br {
    display: none;
  }
}
@media screen and (max-width: 990px) {
  #content #content-full .top-level.tl-half {
    width: 293px;
  }
}
@media screen and (max-width: 1000px) {
  div.top-level.last {
    margin-right: 12px !important;
  }
}
@media screen and (max-width: 1030px) {
  .new-contact-left-image {
    width: 100%;
  }
  .new-contact-left-image img {
    max-width: 60% !important;
  }
  .new-firebox-measurement, .new-measurement-sizes {
    float: left;
    width: 100%;
    margin-top: 20px !important;
  }
  .new-firebox-measurement h2, .new-measurement-sizes h2 {
    margin-bottom: 20px;
  }
  .new-contact-info {
    float: left !important;
    width: 100%;
  }
  .request-header {
    top: 0px;
  }
}
@media screen and (min-width: 1030px) {
  .reqerror {
    float: right;
  }
}
@media screen and (min-width: 1100px) {
  #contact-info img {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1030px) {
  *, *::after, *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #banner-container {
    position: relative;
    overflow: hidden;
  }
  /* content reset fixed boxes */
  #header ul.nav,
  .homepage-callouts a,
  #content #content-full #content-left,
  #content #content-full #content-right,
  #content #content-full .request-quote .arrow-button,
  #content #content-full #firebox-upgrade,
  #content #content-full #fireplace-remodel,
  #content #content-full #appoint,
  #content #content-full #test,
  #content #content-full #warm,
  #content #content-full #contact-form,
  #subpage-callouts div.subpage-callout {
    text-align: left;
  }
  #logo,
  #header-social-media,
  .header-phone,
  #header .navbar .toggle-bar,
  #banner-container #banners .slides li .banner-center .banner-content,
  #banner-container #banners .slides li .banner-center .leaky-banner-1,
  #banner-container #banners .slides li .banner-center .leaky-banner-3,
  #banner-container #banners .slides li .banner-center .schedule-an-appointment-banner,
  #banner-container #banners .slides li .banner-center .find-out-more,
  #content #content-full #product-cont,
  #content #content-full .gallery-cont,
  #content #content-full .father-box,
  #content #content-full .firebox-upgrade-wrapper,
  #content #content-full .contact-us-simple,
  #content #content-center #subpage-callouts,
  #content .homepage-callouts-wrapper,
  #index-gives-back #index-gives-back-center,
  #subpage-callouts,
  #content #content-center #social-share,
  .text-center,
  footer #footer-center,
  footer #footer-center #footer-copyright,
  footer #footer-center #footer-office-hours {
    text-align: center;
  }
  #header .navbar.toggled-on ul.nav,
  #header .navbar.toggled-on .showChild > ul.drop,
  #header .navbar.toggled-on .showChild > ul.drop-2,
  #header ul.nav > li,
  #banner-container #banners .slides li .banner-center .leaky-banner-1 h2,
  #content #content-left,
  #content #content-full .gradient-bg-2,
  #content #content-full .gradient-bg-2,
  #content #content-full .request-quote,
  #content #content-full #contact-form .form-inline {
    display: block;
  }
  #header .navbar .menu-toggle,
  #header-social-media,
  #header-social-media div.social-link,
  #header .call-us,
  #banner-container #banners .slides .banner-center .banner-4,
  #banner-container #banners .slides li .banner-center .leaky-banner-3,
  #banner-container #banners .slides li .banner-center .schedule-an-appointment-banner a,
  #banner-container #banners .slides li .banner-center .find-out-more a,
  .homepage-callouts a,
  #content #content-right,
  #content #product-cont,
  #content .homepage-callouts-holder,
  #content #content-full .gallery-cont,
  #content #content-full .the-box,
  #content #content-full #firebox-upgrade .right,
  #subpage-callouts div.subpage-callout,
  #content #content-center #social-share div,
  footer #footer-center #footer-social-media {
    display: inline-block;
  }
  /* Important blocks */
  #content .homepage-callouts-wrapper {
    display: block !important;
  }
  /* Fluid elements */
  #header-center,
  #header nav,
  #banner-container #banners .slides .banner-center,
  #banner-container #banners .slides .banner-center .banner-4,
  #banner-container #banners .slides li .banner-center .schedule-an-appointment-banner,
  #banner-container #banners .slides li .banner-center .find-out-more,
  #banner-container #banners .slides li .banner-center .schedule-an-appointment-banner a,
  #banner-container #banners .slides li .banner-center .find-out-more a,
  #content #content-center,
  #content #content-full,
  #content #content-left,
  #content #content-full #rightcontent,
  #content #content-full .video-container,
  #content #content-full #product-cont,
  #content #content-full #product-cont .product-container .product-image,
  #content #content-full .gallery-cont,
  #content #content-full .request-quote .custom-hr-2,
  #index-gives-back #index-gives-back-center,
  #index-gives-back #index-gives-back-center .give-back-item .bottom-shadow,
  #logo-slider .list_carousel {
    width: auto;
  }
  #header-social-media,
  #header ul.nav .servicewidth,
  #content #content-full .custom-hr,
  #content #content-full .video-box,
  #content #content-full .subpage-hr,
  footer,
  footer #footer-center {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  header,
  #header,
  #header-center,
  #header nav,
  #header .navbar.toggled-on ul.nav > li > ul > li > ul,
  #header ul.nav > li > ul,
  #banner-container #banners .slides li .banner-center .schedule-an-appointment-banner,
  #banner-container #banners .slides li .banner-center .find-out-more,
  #banner-container #banners .slides li .banner-center .schedule-an-appointment-banner a,
  #banner-container #banners .slides li .banner-center .find-out-more a,
  #index-gives-back,
  #index-gives-back #index-gives-back-2,
  #index-gives-back #index-gives-back-center,
  #subpage-callouts,
  #subpage-sep,
  #content #content-center #social-share,
  footer,
  footer #footer-center {
    height: auto;
  }
  #banner-container #banners .flex-control-nav,
  #banner-container #banners .slides li .banner-center .schedule-an-appointment-banner,
  #banner-container #banners .slides li .banner-center .find-out-more,
  #subpage-callouts,
  #content,
  #content #content-full #content-left,
  #content #content-full #content-right,
  #content #content-full #rightcontent,
  #content #content-full #firebox-upgrade .right,
  #subpage-sep {
    margin: auto;
  }
  #content #content-full img {
    max-width: 100%;
    width: 100%;
  }
  /* Make elements static (as default) */
  #logo,
  .header-phone,
  #header nav,
  #header ul.nav ul.drop,
  #header .navbar.toggled-on ul.nav ul.drop-2,
  #banner-container #banners .slides li .banner-center .banner-content,
  #banner-container #banners .slides li .banner-center .leaky-banner-1,
  #banner-container #banners .slides li .banner-center .leaky-banner-2,
  #banner-container #banners .slides li .banner-center .leaky-banner-3,
  footer,
  footer #footer-center #footer-social-media,
  footer #footer-center #footer-office-hours,
  footer #footer-center #footer-copyright,
  footer #footer-center #footer-office-hours span {
    position: static;
  }
  /* No floating */
  #header-social-media div.social-link,
  #header ul.nav > li,
  #content #content-full #leftnav,
  #content #content-full #rightcontent,
  #subpage-callouts div.subpage-callout {
    float: none;
  }
  /* No display elements */
  .header-phone,
  #header ul.nav,
  #header ul.nav .sep,
  #header ul.nav ul.drop,
  #header ul.nav ul.drop-2,
  #header .navbar .menu-toggle span,
  .extra-spacing p,
  .extra-spacing br,
  #fixed-bar {
    display: none;
  }
  .extra-spacing {
    margin-top: 20px;
  }
  #logo img {
    max-width: 100%;
    padding-bottom: 5px;
  }
  header {
    border-top: 8px solid black;
    /* position: fixed; */
    z-index: 9999999999;
    width: 100%;
  }
  /* Toggable dropdown mobile */
  /* Dropdown */
  /* Sticky header */
  /* Flexslider responsive */
  /* Slides navigation */
  /* Slides */
  /* Content */
  /* Main content pages */
  /* Subpage shadow */
  /* Blog */
  /* Contact */
  /* Callouts */
  /* Subpages callouts */
  /* Index gives back */
  /* Social share */
  /* Subpage footer */
  /* Footer carousel */
  /* Footer */
}
@media screen and (max-width: 1030px) and (max-width: 1030px) {
  header {
    border-top: none;
  }
}
@media screen and (max-width: 1030px) {
  #header {
    background: #0c88d2; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#0c88d2), color-stop(51%, #0c88d2), to(#499bd7));
    background: linear-gradient(to bottom, #0c88d2 0%, #0c88d2 51%, #499bd7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0c88d2", endColorstr="#499bd7",GradientType=0 ); /* IE6-9 */
  }
  #logo,
  .header-phone {
    display: none;
  }
  #header-social-media {
    left: 0;
    right: 0;
    top: 0;
  }
  #header .call-us {
    color: white;
    font-weight: 700;
    font-size: 12px;
    position: absolute;
    display: block;
    top: 4px;
    left: 170px;
    margin: 0 !important;
  }
  #header .call-us .pacifico {
    font-family: "Pacifico", cursive;
    font-weight: 400;
  }
  .request-header {
    top: 22px;
    left: 171px;
    right: unset;
    position: absolute;
    width: 130px;
  }
  .request-header a .request-new {
    font-size: 13px;
    text-align: center;
    padding: 5px 5px 6px;
  }
  #header .navbar .toggle-bar {
    padding: 0 7px;
    position: relative;
    height: 63px;
  }
  #header .navbar .toggle-bar .logo-mobile {
    width: 138px;
    height: 38px;
    background-size: cover;
    display: block;
    position: absolute;
    top: 12px;
    left: 10px;
  }
  #header nav {
    top: 0;
  }
  #header nav .navbar-separator {
    height: 4px;
    background: white none repeat scroll 0% 0%;
  }
  #header ul.nav > li > ul {
    opacity: initial;
  }
  #header ul.nav > li > a > span {
    color: white;
  }
  #header .navbar .menu-toggle {
    position: absolute;
    right: 0;
    padding: 14.5px 15px;
    background: transparent;
    border: medium none;
    text-align: right;
    height: 63px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  #header .navbar .menu-toggle:hover {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0%;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  #header .navbar .menu-toggle:after {
    color: white;
    content: "\f0c9";
    /*padding: 15px 10px;*/
    padding: 15px 0;
    font-family: "FontAwesome";
    font-size: 28px;
  }
  #header .navbar .menu-toggle:hover,
  #header .navbar .menu-toggle:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  #header .navbar.toggled-on .menu-toggle {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0%;
  }
  #header .navbar.toggled-on ul.nav li.showChild {
    background: rgb(14, 123, 199) none repeat scroll 0% 0%;
  }
  #header .navbar.toggled-on ul.nav ul.drop > li.showChild:hover > a {
    color: white !important;
  }
  #header .navbar.toggled-on ul.nav > li.showChild {
    border-top: 1px solid #0871B4;
  }
  #header .navbar.toggled-on .showChild > ul.drop,
  #header .navbar.toggled-on .showChild > ul.drop-2 {
    background: rgba(152, 142, 142, 0.2) none repeat scroll 0% 0%;
  }
  #header .navbar.toggled-on ul.nav > li > ul > li > ul {
    opacity: initial;
  }
  #header .navbar.toggled-on ul.nav ul.drop-2 {
    margin-top: 0;
  }
  #header .navbar.toggled-on ul.nav ul.drop-2 > li > a {
    padding-left: 35px;
  }
  #header .navbar.toggled-on ul li:hover {
    background: transparent none repeat scroll 0% 0%;
  }
  #header .navbar.toggled-on ul li a:hover {
    color: white !important;
  }
  header#big-header { /*
position: absolute;*/ }
  .masthead-fixed header#big-header {
    position: fixed;
    width: 100%;
  }
  .fixed-viewport {
    /*margin-top: 198px;*/
  }
  #banner-container #banners .flex-control-nav {
    left: 0;
    right: 0;
  }
  #banner-container #banners .flex-control-nav li {
    margin: 2px !important;
  }
  #banner-container {
    height: 509px;
    z-index: 999;
    overflow: hidden;
    /* padding-top: 198px; */
  }
  #banner-container #banners .slides li {
    display: table !important;
  }
  #banner-container #banners .slides .banner-center .banner-4 {
    top: auto;
  }
  #banner-container #banners .slides li .banner-center {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 15px;
  }
  #banner-container #banners .slides li .banner-center .leaky-banner-1 {
    left: auto;
  }
  #banner-container #banners .slides li .banner-center .leaky-banner-2 {
    left: auto;
    right: auto;
  }
  #banner-container #banners .slides li .banner-center .leaky-banner-3 {
    margin-top: 70px;
    left: auto;
    right: auto;
  }
  #banner-container #banners .slides li .banner-center .schedule-an-appointment-banner,
  #banner-container #banners .slides li .banner-center .find-out-more {
    font-size: 20px;
    background-image: none;
    padding-left: 0;
    padding-top: 30px;
  }
  #banner-container #banners .slides li .banner-center .find-out-more {
    margin-left: auto !important;
  }
  #banner-container #banners .slides li .banner-center .schedule-an-appointment-banner a,
  #banner-container #banners .slides li .banner-center .find-out-more a {
    line-height: 49px;
  }
  #banner-container #banners .slides li .banner-center .schedule-an-appointment-banner a,
  #banner-container #banners .slides li .banner-center .find-out-more a {
    padding: 0 15px;
    -webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.57);
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.57);
    background: #0386d9; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear, left top, right top, from(#0386d9), color-stop(83%, #4b95d2));
    background: linear-gradient(to right, #0386d9 0%, #4b95d2 83%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0386d9", endColorstr="#4b95d2",GradientType=1 ); /* IE6-9 */
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(33, 178, 218, 0.6) inset;
    box-shadow: 0px 0px 4px 1px rgba(33, 178, 218, 0.6) inset;
  }
  #banner-container #banners .slides li .banner-center .schedule-an-appointment-banner a:hover,
  #banner-container #banners .slides li .banner-center .find-out-more a:hover {
    background: #4b95d2; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(17%, #4b95d2), to(#0386d9));
    background: linear-gradient(to right, #4b95d2 17%, #0386d9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4b95d2", endColorstr="#0386d9",GradientType=1 ); /* IE6-9 */
  }
  #banner-container #banners .slides li .banner-center .banner-content span {
    margin-top: auto;
  }
  #banner-container #banners .slides li .banner-center .banner-content .banner-1 span {
    margin-left: auto;
  }
  .flex-control-nav li a:hover {
    background-position: top center !important;
  }
  #content {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #content.marginator {
    /*margin-top: 16px;*/
    padding-top: 0 !important;
  }
  #content #content-center #content-right {
    margin-left: 0px;
  }
  #content #content-full {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    /*text-align: center;*/
    -webkit-box-shadow: 0px 6px 12px -2px rgba(0, 0, 0, 0.37);
    box-shadow: 0px 6px 12px -2px rgba(0, 0, 0, 0.37);
  }
  #content #content-full #content-left {
    padding-left: 15px;
    padding-right: 15px;
  }
  #content #content-full .left,
  #content #content-full .right,
  #content #content-full .boxed {
    position: relative;
    margin-bottom: 20px;
  }
  #content #content-full .gradient-bg-2,
  #content #content-full .gradient-bg-2 {
    width: auto !important;
  }
  #content #content-full .shadow,
  #content #content-full .shadow {
    width: 100% !important;
    position: absolute;
  }
  #content #content-full #leftnav {
    margin: 0 auto 35px;
  }
  #content #content-full .less {
    margin-bottom: 20px !important;
  }
  #content #content-full #product-cont {
    margin-bottom: 60px;
  }
  #content #content-full #product-cont .product-container {
    width: 260px;
    height: 410px;
  }
  #content #content-full #product-cont .product-container .product-image {
    position: absolute;
    top: 100px;
    margin-top: 35px;
    left: 0;
    right: 0;
  }
  #content #content-full #product-cont .product-container .product-image img {
    width: auto;
  }
  #content #content-full .the-box,
  #content #content-full .the-box .col {
    width: auto !important;
  }
  #content #content-full .the-box {
    position: relative;
    margin-bottom: 35px !important;
  }
  #content #content-full .gallery-cont .gallery-border {
    margin-right: 10px;
    margin-left: 10px;
  }
  #content #content-full .subpage-hr {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    background-repeat: repeat-x;
    background-size: 100% auto;
  }
  #subpage-sep {
    background: transparent;
  }
  .entry-utility {
    width: auto !important;
  }
  #content #content-full #contact-form .reg,
  #content #content-full #contact-form .comments {
    width: 100%;
  }
  #content #content-full #contact-form,
  #content #content-full .request-quote {
    position: relative;
  }
  #content #content-full .request-quote {
    margin-bottom: 45px;
  }
  #content #content-full .request-quote div {
    margin-right: 0 !important;
  }
  #content #content-full #firebox-upgrade .right {
    float: none;
    margin-bottom: 40px;
    position: relative;
    max-width: 460px;
  }
  div.homepage-callouts {
    width: 290px;
    background-size: 290px 198px;
  }
  div.homepage-callouts a {
    width: 290px;
  }
  #subpage-callouts {
    margin-bottom: auto;
  }
  #index-gives-back {
    background: rgb(3, 134, 216);
  }
  #index-gives-back #index-gives-back-2 {
    background: none;
  }
  #index-gives-back #index-gives-back-center {
    padding-top: 25px;
  }
  #index-gives-back #index-gives-back-center br {
    display: none;
  }
  #index-gives-back #index-gives-back-center .give-back-item {
    margin-top: 0 !important;
    margin-left: 5px;
    margin-right: 5px !important;
  }
  #index-gives-back #index-gives-back-center .give-back-item .gradient-bg {
    width: auto !important;
  }
  #content #content-center #social-share #facebook-share,
  #content #content-center #social-share #twitter-share,
  #content #content-center #social-share #google-share {
    float: none;
    margin-left: 0;
    margin-bottom: 10px;
  }
  #subpage-footer-center {
    background: transparent none repeat scroll 0% 0% !important;
  }
  #logo-slider {
    overflow: hidden;
    -webkit-box-shadow: 0 0 1px 2px rgba(4, 8, 9, 0.52);
    box-shadow: 0 0 1px 2px rgba(4, 8, 9, 0.52);
  }
  footer {
    background: rgb(14, 18, 19);
    padding: 20px 15px;
  }
  footer #footer-center {
    padding-left: 15px;
    padding-right: 15px;
    background: none;
  }
  footer #footer-center #footer-social-media,
  footer #footer-center #footer-office-hours,
  footer #footer-center #footer-copyright,
  footer #footer-center #footer-office-hours span {
    right: auto;
    top: auto;
  }
  footer #footer-center #footer-office-hours {
    background: none;
    padding-right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 200px) and (max-width: 410px) {
  #logo {
    padding-top: 42px;
  }
  #logo img {
    height: 76px;
  }
  .banner-4 h2,
  .banner-4 h2 span,
  .leaky-banner-1 h2,
  .banner-1 h2,
  .banner-new-prop span {
    font-size: 36px !important;
  }
  .banner-1 span {
    font-size: 60px !important;
  }
  div.schedule-an-appointment-banner,
  .leaky-banner-3,
  .leaky-banner-2,
  .banner-new-prop p {
    font-size: 18px;
  }
  .banner-4 p {
    font-size: 14px;
  }
  .leaky-banner-3 span {
    font-size: 26px;
  }
  #header .navbar .menu-toggle, #header .navbar .menu-toggle:hover {
    background: transparent !important;
  }
}
@media screen and (min-width: 411px) and (max-width: 568px) {
  #logo img {
    height: 90px;
  }
  #subpage-sep {
    /*margin-top: 233px;*/
  }
  .fixed-viewport {
    margin-top: 0px;
  }
}
@media screen and (min-width: 569px) {
  .fixed-viewport {
    margin-top: 269px;
  }
}
@media screen and (min-width: 411px) and (max-width: 1030px) {
  #logo {
    padding-top: 10px;
  }
  .fixed-viewport {
    margin-top: 0px;
  }
}
@media screen and (min-width: 411px) and (max-width: 768px) {
  .banner-4 h2,
  .banner-4 h2 span,
  .leaky-banner-1 h2 {
    font-size: 46px !important;
  }
  .banner-1 h2 {
    font-size: 36px !important;
  }
  .banner-1 span,
  .banner-new-prop span {
    font-size: 54px !important;
  }
  .leaky-banner-3,
  .leaky-banner-2,
  .banner-new-prop p {
    font-size: 26px;
  }
  .leaky-banner-3 span {
    font-size: 34px;
  }
  .banner-4 p {
    font-size: 18px;
  }
}
@media screen and (min-width: 800px) and (max-width: 1030px) {
  .leaky-banner-1 h2 {
    font-size: 68px !important;
  }
  .leaky-banner-3,
  .leaky-banner-2 {
    font-size: 30px;
  }
  .leaky-banner-3 span {
    font-size: 42px;
  }
  #content #content-full {
    text-align: left;
  }
  #content #content-full #contact-info {
    float: left;
    width: 40%;
  }
  #content #content-full #contact-form {
    width: 60%;
    float: left;
  }
  #content #content-full div.top-level .tl-image {
    width: auto;
  }
}
@media screen and (min-width: 838px) and (max-width: 1030px) {
  #header-social-media,
  .header-phone {
    right: 15px;
  }
}
@media screen and (min-width: 1031px) {
  ul.nav > li:hover > ul {
    opacity: 1;
    height: auto;
    overflow: visible;
  }
  /*	.new-contact-info{    margin-right: 45px;
    }*/
  .submit-div .submit input {
    margin-left: 100px;
  }
  #header .navbar .toggle-bar,
  .fixed-viewport {
    display: none;
  }
  #fixed-bar {
    top: 30px;
    margin-left: 790px;
    display: none;
    position: fixed;
  }
  #header ul.nav {
    height: auto !important;
    overflow: visible !important;
  }
}
/* css for safari */
@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  @media screen and (min-width: 1030px) {
    .submit-div .submit input {
      margin-left: 100px;
    }
  }
}
/* banner responsive */
@media screen and (min-width: 740px) and (max-width: 780px) {
  .request-btn {
    width: 30% !important;
  }
  .qoute-btn {
    width: 69% !important;
    position: relative;
  }
}
/*@media screen and (min-width: 768px) and (max-width: 1030px){  .top.blog .button-new-top{    margin-bottom: 20px;
    width: 100%;
    margin-left: 0;
  }
  .top.blog .request-btn{    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

}*/
@media screen and (max-width: 800px) {
  .top.blog .button-new-top {
    display: none;
  }
}
@media screen and (min-width: 800px) and (max-width: 1030px) {
  #content-full.blog {
    margin-top: 70px !important;
  }
  .top.blog .button-new-top {
    display: block;
    top: -58px;
    position: absolute;
  }
}
/* Formalize */
.input_tiny {
  width: 50px;
}

.input_small {
  width: 100px;
}

.input_medium {
  width: 150px;
}

.input_large {
  width: 200px;
}

.input_xlarge {
  width: 250px;
}

.input_xxlarge {
  width: 300px;
}

.input_full {
  width: 100%;
}

.input_full_wrap {
  display: block;
  padding-right: 8px;
}

input[type=search]::-webkit-search-decoration {
  display: none;
}

input:invalid, button:invalid, a.button:invalid, select:invalid, textarea:invalid {
  -webkit-box-shadow: none;
  box-shadow: none;
}

input:focus, button:focus, a.button:focus, select:focus, textarea:focus {
  -webkit-box-shadow: #178BD8 0 0 5px 0;
  box-shadow: #178BD8 0 0 5px 0;
  z-index: 1;
}

input[type=file]:focus, input[type=file]:active, input[type=radio]:focus, input[type=radio]:active, input[type=checkbox]:focus, input[type=checkbox]:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

button, a.button, input[type=reset], input[type=submit], input[type=button] {
  -webkit-appearance: none;
  border-radius: 4px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #dddddd url("../images/button.png?1298351022") repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
  background-image: linear-gradient(#ffffff, #dddddd);
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  outline: 0;
  overflow: visible;
  margin: 0;
  padding: 3px 10px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
  *padding-top: 2px;
  *padding-bottom: 0;
}

button:hover, a.button:hover, input[type=reset]:hover, input[type=submit]:hover, input[type=button]:hover {
  background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  text-decoration: none;
}

button:active, a.button:active, input[type=reset]:active, input[type=submit]:active, input[type=button]:active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#eeeeee));
  background-image: linear-gradient(#dddddd, #eeeeee);
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  border-color: #999999 #bbbbbb #dddddd;
}

button::-moz-focus-inner, a.button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=button]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

a.button {
  *padding-bottom: 3px;
}

button {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

textarea, select, input[type=date], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: black;
  outline: 0;
  margin: 0;
  padding: 2px 3px;
  text-align: left;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  height: 1.8em;
  vertical-align: top;
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}

textarea[disabled], select[disabled], input[type=date][disabled], input[type=datetime][disabled], input[type=datetime-local][disabled], input[type=email][disabled], input[type=month][disabled], input[type=number][disabled], input[type=password][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=text][disabled], input[type=time][disabled], input[type=url][disabled], input[type=week][disabled] {
  background-color: #eeeeee;
}

button[disabled], input[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled], a.button_disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
  color: #888888;
  cursor: default;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #888888;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #888888;
}

input.placeholder_text, textarea.placeholder_text {
  color: #888888;
}

textarea, select[size], select[multiple] {
  height: auto;
}

select[size="0"], select[size="1"] {
  height: 1.8em;
  *height: auto;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  select[size], select[multiple], select[multiple][size] {
    background-image: none;
    padding-right: 3px;
  }
  select, select[size="0"], select[size="1"] {
    background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }
  ::-webkit-validation-bubble-message {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
    border: 0;
    color: white;
    font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: black 0 0 1px;
    min-height: 16px;
  }
  ::-webkit-validation-bubble-arrow, ::-webkit-validation-bubble-top-outer-arrow, ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666666;
    border-color: #666666;
  }
}
textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}

optgroup {
  color: black;
  font-style: normal;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
}

optgroup::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ie6_button, * html button, * html a.button {
  background: #dddddd url("../images/button.png?1298351022") repeat-x;
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  font: bold 12px/1.2 Arial, sans-serif;
  padding: 2px 10px 0px;
  text-decoration: none;
  overflow: visible;
  vertical-align: top;
  width: auto;
}

* html a.button {
  position: relative;
  top: 3px;
  padding-bottom: 2px;
}

* html button {
  padding-top: 1px;
  padding-bottom: 1px;
}

.ie6_input, * html textarea, * html select {
  background: white;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: black;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}

.placeholder_text, .ie6_input_disabled, .ie6_button_disabled {
  color: #888888;
}

.ie6_input_disabled {
  background: #eeeeee;
}

/* Fancybox */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 11030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
  margin-top: 25px;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 11060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 11040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("blank.gif"); /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 11040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 11040;
  /*visibility: hidden;*/
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 11010;
  background: url("fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: none;
  z-index: 11050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 11050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 15px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("fancybox_sprite@2x.png");
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url("fancybox_loading@2x.gif");
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}
.cursorDefault {
  cursor: default;
}

.img_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1000px) {
  .img_txt {
    display: block;
  }
}
.img_txt .left {
  float: none;
  display: block !important;
}
@media screen and (max-width: 1000px) {
  .img_txt .left {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .img_txt .left .gradient-bg-2 {
    width: 100% !important;
  }
}
@media screen and (max-width: 1000px) {
  .img_txt .left .gradient-bg-2 iframe {
    width: 100%;
  }
}
.img_txt .right {
  float: none;
}
@media screen and (max-width: 1000px) {
  .img_txt .right {
    margin-top: 40px;
  }
}
.img_txt .two_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1000px) {
  .img_txt .two_col {
    display: block;
  }
}
.img_txt .two_col .col {
  display: block;
}
.img_txt .two_col .col:nth-child(1) {
  margin-right: 50px;
}
.img_txt ul {
  margin-bottom: 25px;
}

.testimonial_cols .testimonial_cols__top {
  text-align: center;
}
.testimonial_cols .testimonial_cols__top h2 {
  font-size: 35px !important;
  line-height: 1.1;
  margin-bottom: 40px;
}
.testimonial_cols .testimonial_cols__cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  .testimonial_cols .testimonial_cols__cols {
    display: block;
  }
}
.testimonial_cols .testimonial_cols__cols .col {
  width: 33%;
  background: #E1DFDF;
  padding: 0 25px;
}
@media screen and (max-width: 1000px) {
  .testimonial_cols .testimonial_cols__cols .col {
    width: 100%;
    margin-bottom: 30px;
  }
}
.testimonial_cols .testimonial_cols__cols .col p strong {
  line-height: 1.2;
  display: block;
}

@media screen and (max-width: 1000px) {
  .mh {
    display: none !important;
  }
}

.services_cols .services_cols__top {
  text-align: center;
  margin-bottom: 46px;
}
.services_cols .services_cols__top h2 {
  font-size: 35px !important;
  line-height: 1.1;
  margin-bottom: -5px !important;
}
.services_cols .services_cols__services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4.5%;
}
@media screen and (max-width: 1000px) {
  .services_cols .services_cols__services {
    display: block;
  }
}
.services_cols .services_cols__services .service {
  width: 30%;
}
@media screen and (max-width: 1000px) {
  .services_cols .services_cols__services .service {
    width: 100%;
  }
}
.services_cols .services_cols__services .service p {
  margin-top: 4px;
}

.products_cols .products_cols__products {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
@media screen and (max-width: 1000px) {
  .products_cols .products_cols__products {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}