/*
      ___        ___      ___        ___
     /\__\      /\  \    /\  \      /\  \
    /::|  |    /::\  \   \:\  \    /::\  \
   /:|:|  |   /:/\:\  \   \:\  \  /:/\:\  \
  /:/|:|__|__/::\~\:\  \  /::\  \/::\~\:\  \    ___  _ ____ _ ___ ____ _
 /:/ |::::\__\/\:\ \:\__\/:/\:\__\/\:\ \:\__\   |__> | |__, |  |  |--| |___
 \/__/~~/:/  /\~\:\ \/__/:/  \/__/__\:\/:/  /   .co.nz
       /:/  /\:\ \:\__\/:/  /        \::/  /
      /:/  /  \:\ \/__/\/__/         /:/  /
     /:/  /    \:\__\               /:/  /
     \/__/      \/__/               \/__/


Theme Name: Jace Electrical
Description: Jace Electrical Custom Theme
Version: 1
Author: Meta Digital
Author URI: http://metadigital.co.nz/
*/

/*============Sticky Footer============*/

html{
  height:100%;
}

body {
  min-height: 100%;
  height:auto!important;
  display: flex;
  flex-direction: column;
}

#wrap{
  right:0;
  flex: 1 0 auto;
  -ms-flex: 1 0 0;
  position: relative;
  z-index:2;
  transition: right .5s;
}

.clear{clear:both;}

.alignright,
img.alignright {
  float:right;
  margin:0 0 15px 30px;
}

img.alignleft,
.alignleft {
  float:left;
  margin:0 30px 15px 0;
}

* {outline:none!important;}

/*==========Fonts & Headings===========*/

body{
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  color:#555555;
}

h1{
  font-size: 72px;
  font-size: 7.2rem;
  font-weight: 600;
  color:#464646;
  margin:0;
  padding:0 0 20px 0;
}

h2{
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 300;
  line-height: 1.6;
  color:#464646;
  margin:0;
  padding:0 0 20px 0;
}

h3{
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.6;
  color:#252525;
  margin:0;
  padding:20px 0 20px 0;
}

h4{
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.6;
  color:#252525;
  margin:0;
  padding:20px 0 20px 0;
}

h5{}

p{
  padding:0 0 20px 0;
  margin:0;
  line-height: 1.6;
}

strong{font-weight:bold}

a{
  color:#00aeef;
  text-decoration:none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a:visited,
a:hover,
a:active{
  text-decoration:underline;
}

/* Side Nav
==============================*/


#sideNav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    background-color: #252525;
    overflow-x: hidden;
    transition: 0.5s;
}

#wrap.menuOpenWrap{
  right:320px;
}

#sideNav.menuOpen{
  width:320px;
}

#sideNav .sideNav-header{
  text-align:right;
  padding:20px 15px 60px 15px;
}

#sideNav ul#menu-main-menu{
  padding:0;
  margin:0;
}

#sideNav ul#menu-main-menu li{
  display: block;
}

#sideNav ul#menu-main-menu li a{
  padding:12px 25px;
  display: block;
  color:#fff;
  font-weight: 400;
  border-bottom:5px solid transparent;
}

#sideNav ul#menu-main-menu li a:hover,
#sideNav ul#menu-main-menu li.current_page_item a{
  color:#00aeef;
  border-color:#00aeef;
}

#sideNav .navToggle{
  float:right;
  color:#fff;
}

.navToggle{
  display: inline-block;
  color:#555555;
  font-weight: 400;
  position: relative;
  padding-left: 60px;
}

.navToggle .navToggle-text {
  position: absolute;
  left:0;
  top:3px;
}

.navToggle .navbutton {
  position: absolute;
  top:0;
  display: inline-block;
  width: 40px;
  height: 30px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.navToggle .navbutton span{
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #00aeef;
  border-radius: 6px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


.navToggle .navbutton span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.navToggle .navbutton span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.navToggle .navbutton span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.navToggle.open .navbutton span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 6px;
}

.navToggle.open .navbutton span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.navToggle.open .navbutton span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 26px;
  left: 6px;
}

@media (max-width: 767px) {

#wrap.menuOpenWrap{
  right:100%;
}

#sideNav.menuOpen{
  width:100%;
}

}


/* Header
==============================*/

header{
  text-align: center;
  -webkit-box-shadow: 0px 4px 3px -1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 3px -1px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 3px -1px rgba(0,0,0,0.2);
}

header .container-fluid{
  padding:0;
}

header .header-top{
  border-bottom:1px solid #f1f1f1;
}

ul.social{
  float:left;
  margin:0;
  padding:5px 5px 0 15px;
}

ul.social li{
  display: inline-block;
  margin-right:3px;
}

ul.social li a.social-icon{
  display: block;
  height:30px;
  width:30px;
  background-size: 30px auto;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
}

ul.social li a.social-icon:hover{
  background-position: bottom center;
}

a.social-icon.facebook-icon{background-image: url('images/facebook.png');}
a.social-icon.linkedin-icon{background-image: url('images/linkedin.png');}
a.social-icon.cowboy-icon{background-image: url('images/cowboys.png');}

header a.header-phone{
  float:right;
  margin-top:7px;
}

a.header-phone{
  color:#252525;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  margin-right:15px;
}

a.header-phone span{
  display: inline-block;
  margin-right:5px;
  width:25px;
  height:25px;
  border:2px solid #acacac;
  line-height: 20px;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

 a.header-phone i{
  color:#acacac;
  font-size: 90%
}

.header-main{
  padding-right:0;
}

.header-logo{
  padding:30px 0 29px 0;
  float:left;
  max-width: 165px;
  display: inline-block;
}

.header-logo img{
  width:100%;
}

a.header-contact{
  float:right;
  display: inline-block;
  padding:38.5px 15px;
  font-weight: 400;
  color:#fff;
  background-color:#00aeef;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 600;
}

a.header-contact:hover{
  text-decoration: none;
  background-color: #555555;
}

header .navToggle{
  float:right;
  margin:35px 15px 15px 0;
}


/* Nav
==============================*/

nav.main-menu{
  display: inline-block;
}

nav.main-menu ul{
  padding:0;
  margin:0;
  display:inline-block;
  position:relative;
}

nav.main-menu li{
  display:inline-block;
  padding:0 20px 0 0;
  margin:0;
  position:relative;
}

nav.main-menu li:last-child{
  padding:0;
}

nav.main-menu li a{
  display: block;
 padding:40px 0 35px 0;
  color:#555555;
  font-weight: 400;
  border-bottom:5px solid #fff;
}

nav.main-menu li.current_page_item a,
nav.main-menu li:hover a{
  color:#00aeef;
  border-color: #00aeef;
  text-decoration: none;
}

nav.main-menu ul.sub-menu{
  display:none;
  position:absolute;
  white-space:nowrap;
  top:100%;
  left:0;
  z-index:99999;
  text-align:left;
  overflow:hidden;
  padding:0;
}

/* Generic Page Styles
==============================*/

.aligncenter {
    text-align: center;
    margin: 0 auto;
    display: inherit;
}

.white{color:#fff;}

.blue{color:#00aeef;}

.primary-btn,
.secondary-btn,
.tertiary-btn{
  text-align: center;
  line-height: 1;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  font-size:1.4rem;
  font-weight: 600;
  padding:10px 45px;
  border:2px solid transparent;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
}

.primary-btn{
  color:#fff;
  background-color:#00aeef;
}

.primary-btn:hover,
.primary-btn:focus,
.primary-btn:active{
  color:#fff;
  text-decoration: none;
  background-color: #1198ca;
}

.secondary-btn{
  color:#fff;
  border-color: #fff;
}

.secondary-btn:hover,
.secondary-btn:focus,
.secondary-btn:active{
  color:#fff;
  text-decoration: none;
  border-color: transparent;
  background-color:#00aeef;
}

.tertiary-btn{
  color:#555;
  background-color:#fff;
  border-color: #555;
}

.tertiary-btn:hover,
.tertiary-btn:focus,
.tertiary-btn:active{
  color:#fff;
  background-color:#555;
  text-decoration: none;
}

/* Banner */

#breadcrumbs{
  font-size: 12px;
  font-size: 1.2rem;
  color:#00aeef;
  text-transform: uppercase;
  padding:10px 0;
  border-bottom:1px solid #d7d7d7;
  margin-bottom:60px;
}

#breadcrumbs a{
  color:#a1a1a1;
}

.banner{
  background-color:#00aeef;
  position: relative;
  background-position:center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banner-text{
  position: relative;
  z-index: 2;
}
.banner-text h2{
  font-size:7.2rem;
  font-weight: 600;
  padding-bottom: 0;
  line-height: 1.1;
}

.banner-overlay{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  background-color:rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 0px -30px 30px -10px rgba(0,0,0,0.4);
  -moz-box-shadow: inset 0px -30px 30px -10px rgba(0,0,0,0.4);
  box-shadow: inset 0px -30px 30px -10px rgba(0,0,0,0.4);
}

/* Home
==============================*/

#home-banner{
  text-align: center;
  padding:80px 0 100px 0;
}

#home-banner h2{
  font-size: 90px;
  font-size: 9rem;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
  padding:20px 0 110px 0;
  font-size: 3rem;
}

#home-banner h2 .line-two{
  position:relative;
  display: block;
  line-height: 63px;
}

#home-banner h2 .line-two .line-two-heading{
  font-size: 45px;
  font-size: 4.5rem;
  position:relative;
  padding:0 30px;
}

#home-banner h2 .line-two .blue{
  font-size: 60px;
  font-size: 6rem;
  position: absolute;
  top:0;
}

#home-banner h3,
#home-banner h4{
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
#home-banner h3{
  font-size: 7rem;
  padding-bottom: 0;
  margin-bottom: 0;
}
#home-banner a{
  margin:35px 15px;
}

#home-intro h3{
  color:#555555;
  font-weight: 300;
  padding:40px 0;
  text-align: center;
  
}

#home-services{
  background-image: url(images/services-bg.jpg);
  text-align: center;
  padding:80px 0 100px 0;
  background-position:center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#home-services h2{
  padding:0;
}

#home-services p{
  text-transform: uppercase;
  font-weight: 600;
  padding:0 0 40px 0;
}

#home-services .home-service-box{
  margin-bottom:40px;
  display: block;
}

#home-services .home-service-box:hover{
  text-decoration: none;
}

#home-services .home-service-box img{
  max-width: 100%;
  height: auto;
}

#home-services .home-service-box h4{
 padding:10px 0 0 0;
}

#home-products{
  text-align: center;
  padding:80px 0 60px 0;
}

#home-products .home-product-box{
  margin-bottom:20px;
}

#home-products .home-products-wrap{
  width:70%;
  margin:0 auto;
}

@media (min-width: 992px) {
  #home-products .home-product-box{
    width:33.33%;
  }
}


#home-products .product-icon{
  width:155px;
  height:155px;
  margin:0 auto 50px auto;
  position: relative;
}

#home-products .product-icon img{
  position: absolute;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
}

#home-products a.tertiary-btn{
  font-size: 12px;
  font-size: 1.2rem;
  padding:5px 20px;
  max-width:100%;
}

#home-partners{
  text-align: center;
  padding:70px 0 60px;
}

#home-partners img{
  margin:0 30px 30px 30px;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {

  #home-banner .line-two-heading{
    display:block;
  }

  #home-products .home-products-wrap{
    width:100%;
  }

}

/* Testimonial Slider
==============================*/

#testimonial-slider{
  background-image: url(images/test-bg.jpg);
  padding:90px 0;
  background-position:center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#testimonial-slider p{
  font-size: 30px;
  font-size: 3rem;
  font-weight: 300;
  font-style: italic;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
  padding:35px 0 0 95px;
  background-image: url(images/quotes.png);
  background-repeat: no-repeat;
  background-position: left top;
}

#testimonial-slider .testimonial-credit{
  font-weight: bold;
  text-transform: uppercase;
  text-align:right;
  display:block;
}

#testimonial-slider .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 1px 4px;
    background-color:#fff;
    border:none;
}

#testimonial-slider .carousel-indicators li.active{
  background-color:#00aeef;
}


/* Page & Content Areas
==============================*/

#default-banner{
  padding:130px 0;
}

#default-banner h1{
  padding:0;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
}

#default-banner h4{
  text-transform: uppercase;
  padding:20px  0 0 0;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
}

#page-content{
  padding-bottom:60px;
}
#page-content h1,
#home-intro h1{
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
}

.image-gallery{
  padding-top:20px;
}

.image-gallery img{
  width:100%;
  margin-bottom:30px;
}

#fancybox-left span{
  left:20px!Important;
}

#fancybox-right span{
  left: auto!Important;
  right: 20px!Important;
}

.archive-boxes{
  padding-bottom:60px;
}

.archive-box{
  display: block;
  position: relative;
  margin-top:30px;
}

.archive-box img{
  width:100%;
  height:auto;
}

.archive-box .archive-text{
  position: absolute;
  bottom:0;
  left:0;
  max-width: 100%;
  padding-left:30px;
  z-index:10;
}

.archive-text h3{
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 300;
  padding:0;
}

.archive-text p{
  text-transform: uppercase;
  font-weight: 600;
}

.archive-overlay{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  background-color:rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 0px -30px 30px -10px rgba(0,0,0,0.4);
  -moz-box-shadow: inset 0px -30px 30px -10px rgba(0,0,0,0.4);
  box-shadow: inset 0px -30px 30px -10px rgba(0,0,0,0.4);
}

.archive-box:hover .archive-overlay{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color:rgba(0,0,0,0.3);
}

.product-wrapper{
  padding:15px;
}

.product-box{
  padding:60px 0 60px 0;
  border-bottom:1px solid #a8a8a8;
}

.product-box:last-child{
  border:none;
}

.product-box .product-image{
  padding: 0 15px 0 0;
}

.product-box .product-image img{
  max-width:100%;
  height:auto;
}

.product-box .product-content{
  padding: 0 0 0 15px
}

.product-content h3{
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 300;
}

.product-content a{
  display: block;
  margin:20px 0;
  padding:0 0 0 30px;
  position: relative;
}

.product-content a i{
  position: absolute;
  top:2px;
  left:0;
  font-size: 120%;
  color:#000;
}

/* Services/Projects
==============================*/


#single-service-content{
  padding-bottom:60px;
}

#content-sidebar{
  margin-top:20px;
  padding-bottom:60px;
}

.sidebart-border{
  height:10px;
  max-width:280px;
  background-color:#00aeef;
  margin-bottom:40px;
}

.sidebar-section{
  max-width: 280px;
}

.sidebar-section h3{
  font-weight: 300;
}


/* Blog
==============================*/
#posts .entry:first-child{
  padding-top: 0px;
}

#posts .entry{
  padding: 25px;
  border-bottom: 1px solid #d7d7d7;
}

#blog-post .content{
  padding-top: 10px;
}

.navigation{
  padding: 20px 0px;
}

.blog-preview-single img{
  padding-bottom: 15px;
}

.blog-left {
    border-right: 1px solid #e1e1e1;
    padding-bottom: 60px;
}

.blog-left a{
  text-decoration: none;
}

.blog-left time {
    padding-bottom: 12px;
}

.blog-left .date {
    padding-bottom: 10px;
}

.blog-left h2 {
    line-height: 1;
    font-size: 33px;
    padding-bottom: 5px;
    font-weight: 600;
}

.post-preview-btn a{
  color: #555!important;
}

.post-preview-btn{
  float: right;
  padding: 10px 45px 7.5px 45px;
}

.post-preview-btn:hover a{
  color: #fff!important;
}

.blog-left small{
  font-size: 15px;
  color: #a1a1a1;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
}

.blog-right{
  padding-bottom: 60px;
}

.blog-right .recent-posts h3{
  padding-top: 0px;
}

.blog-right a{
  text-decoration: none;
}

.blog-right h3{
  padding-bottom: 10px;
}

.blog-right ul {
    padding-left: 0px;
}

.blog-right ul li{
    list-style: none;
}


/* GForms
==============================*/

.gform_wrapper .gfield label.gfield_label{
  font-weight: normal;
  margin:0;
  padding:0;
}

.gform_wrapper .gfield input,
.gform_wrapper .gfield textarea{
  margin:0;
  padding:3px 5px;
  border: 1px solid #d7d7d7;
}

.gform_wrapper .gfield input:focus,
.gform_wrapper .gfield textarea:focus{
  border-color: #00aeef;
}

.gform_wrapper .gform_footer input.button{
  float:right;
  display: inline-block;
  padding:10px 35px;
  font-weight: 400;
  color:#fff;
  background-color:#00aeef;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 600;
  border:none;
}

.gform_wrapper .gform_footer input.button:hover{
  text-decoration: none;
  background-color: #555555;
}

.gform_wrapper .top_label li.gfield.gf_left_half{
  width:80%!important;
}

#gform_fields_1 #field_1_2, #field_1_4, #field_1_6{
  width:80%!important;
}

#gform_fields_1 #input_1_6{
  width:100%!important;
}

#gform_fields_1 .ginput_container{
  margin-top:0px!important;
}

/* Footer
==============================*/

footer{
  background-color:#252525;
  padding-top:80px;
  color:#bdc2bf;
  background-image: url('images/footer-top-bg.png'),url('images/footer-bottom-bg.png');
  background-position: left 15% top, right bottom;
  background-repeat: no-repeat
}

footer h4{
  color:#fff;
  text-transform: uppercase;
  padding-top:0;
}

footer ul.contact-footer{
  margin:0;
  padding:0;
}

footer ul.contact-footer li{
  display: inline-block;
}

footer ul.contact-footer span.footer-email{
  min-width:260px;
  display: block;
}

footer ul.contact-footer span.footer-mobile{
  display: block;
  margin-bottom:15px;
  font-weight: 600;
}

footer ul.contact-footer li a{
  color:#bdc2bf;
}

footer ul.contact-footer li i{
  color:#fff;
  margin-right:25px;
}

footer ul.contact-footer li i.fa-mobile{
  font-size: 22px;
  margin:0 28px 0 3px;
}

footer .footer-social{
  text-align: right;
}

footer .footer-social .header-logo{
  float:none;
  margin-bottom:20px;
}

.footer-social .social{
  float:right
}

.footer-address .header-phone{
  color:#fff;
  margin-bottom:15px;
  display:block;
}

.footer-address span.address-icon{
  display: block;
  position: relative;
  padding-left:36px;
}

.footer-address span.address-icon i{
  position: absolute;
  top:3px;
  left:7px;
}

footer .footer-terms{
  margin-top:70px;
  padding:8.5px 0;
  border-top:1px solid #454545;
}

.footer-terms ul{
  padding:0;
  margin:0;
}

.footer-terms li{
  display: inline-block;
  font-size: 11px;
  font-size: 1.1rem;
  color:#7d7d7d;
  text-transform: uppercase;
}

.footer-terms ul span{
  width:1px;
  height:8px;
  margin:0 5px;
  display: inline-block;
  background-color:#7d7d7d;
}

.footer-terms ul.credit{
  float:right;
}

/****************************************/
/***** MEDIA QUERY FOR BELOW 767PX ******/
/****************************************/
@media (max-width: 767px) {


  .header-contact{
    width:100%;
    width:calc(100% - 15px);
    padding:5px!important;
    float: left!important;
  }

  /* Headings */
  h1{
    font-size: 5px;
    font-size: 5rem;
  }

  h2{
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.4;
  }

  h3{
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.4;
  }

  /* blog */
  .post-preview-btn {
    float: left;
  }

  /* Home */
  #home-banner h1{
    font-size: 60px;
    font-size: 6rem;
    padding: 20px 0 40px 0;
  }

  #home-banner h1 .line-two{
    line-height: 35px;
  }

  #home-banner h1 .line-two .line-two-heading{
    font-size: 25px;
    font-size: 2.5rem;
  }

  #home-banner h1 .line-two .blue{
    font-size: 30px;
    font-size: 3rem;
  }

  #home-banner a{
    margin:15px 15px;
  }

  /* Testimonials */
  #testimonial-slider p{
  font-size: 18px;
  font-size: 1.8rem;
  padding:25px 0 0 45px;
  background-size: 80px auto;
  }

   /* Content Areas */
  .archive-text h3,
  .product-box h3{
    font-size: 22px;
    font-size: 2.2rem;
  }

  .archive-text p{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
  }

  .gform_wrapper .top_label li.gfield.gf_left_half{
    width:100%!important;
  }

  #gform_fields_1 #field_1_2, #field_1_4, #field_1_6{
    width:100%!important;
  }

  /* Footer */

  .footer-left,
  .footer-address{
    margin-bottom:40px;
  }

  footer ul.contact-footer li{
    margin-bottom:20px;
  }

  footer .footer-social{
    text-align: left;
  }

  .footer-social .social {
    float: none;
  }

  .footer-terms{
    text-align: center;
  }

  .footer-terms li{
    display: block;
    margin-bottom:10px;
  }

  .footer-terms ul span{
    display: none
  }

  .footer-terms ul.credit{
    float:none;
  }


}

@media (max-width: 768px) {
  #home-banner h3{
    font-size: 3.5rem;
  }
}

/****************************************/
/**** MEDIA QUERY FOR 768PX - 991PX *****/
/****************************************/
@media (min-width: 768px) and (max-width: 991px) {

}

/****************************************/
/*** MEDIA QUERY FOR 992PX - 1199PX *****/
/****************************************/
@media (min-width: 992px) and (max-width: 1199px) {



}

/****************************************/
/*** MEDIA QUERY FOR 1200PX AND ABOVE ***/
/****************************************/
@media (min-width: 1200px) {



}

/**************************************/
/*** CHROME AND SAFARI SPECIFIC CSS ***/
/**************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {



}

/**************************************/
/******** IE 10+ SPECIFIC CSS *********/
/**************************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {



}

.footer-social .social{
  display: flex;
  align-items: center;
}
footer .sbg img{
  width:30px;
}
footer .selwynconnect img{
  width:40px;
}