@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Clear Default Navigation Styles */
.top-bar,
.top-bar-section ul li,
.top-bar-section ul li.active > a,
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
  background: none; 
}.top-bar-section ul {
  float: left;
}body.sticky-active {}
/* Start Our Navigation styles */
.navigation-wrapper {
  padding: 15px 0;
}.navigation-wrapper .top-bar {
  background: none;
  position: relative;
  margin-bottom: 0;
  line-height: 50px;
  height: 50px;
}.top-bar.expanded .title-area {
  background: #151313;
}.top-bar-section ul li > a,
 .top-bar-section li:not(.has-form) a:not(.button) {
  font-size: 16px;
  font-weight: 600;
  font-family: "Roboto",sans-serif;
  color: #000000;
  padding: 0 10px!important;  
  text-transform: uppercase;
  line-height: 50px;
}.top-bar-section li.active:not(.has-form) a:not(.button) {
  padding: 0 10px;  
}.top-bar-section li.active:not(.has-form) a:not(.button),
 .top-bar-section li.active:not(.has-form) a:hover:not(.button),
 .top-bar-section > ul li:hover:not(.has-form) > a {
  color: #206d9d;
  position: relative;
  line-height: 50px;
}.top-bar-section .dropdown {
  background: #ffffff;
}.top-bar-section .dropdown li {
  padding: 0 !important;
  margin: 0 !important;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
  background: #fff;
  color: #000000!important;
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
  padding: 0 8px;
  text-transform: none;
  border: 1px solid #a9a9a9;
}.top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button),
 .sticky-active .top-bar-section .dropdown li:hover:not(.has-form) a:not(.button)  {
  background: #206d9d;
  color: #ffffff!important;
}.top-bar-section li.active:not(.has-form) ul li:hover a:not(.button),
 .top-bar-section li.active:not(.has-form) ul li:hover a:hover:not(.button),
 .top-bar-section > ul li:hover:not(.has-form) > a {
  line-height: 30px;
}

/* SLIDE OUT FORM */

.slide-out-wrapper {
    position: fixed;
    top: 120px;
    right: 0;
    background: rgb(239, 243, 246);
    padding: 40px 70px;
    z-index: 9999;
    border-radius: 10px 0px 0px 15px;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}.slide-out-wrapper.active {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 0px 40px 40px 0px rgba(28, 28, 28, 0.2);
}.slide-out-form form {
    margin: 0;
}.slide-out-form input.fancyInput[type="text"] {
    padding: 9px 25px;
    font-size: 14px;
    margin-bottom: 5px;
    background:none;
}.slide-out-form .contactForm textarea {
    background:none;
    font-size: 14px;
    padding: 9px 25px;
    margin-bottom: 5px;
}.slide-out-form .contactForm .captchaWrapper {
    font-size: 14px;
    margin: 0 0 5px;
    padding: 2px 25px;
    background: none;
}.slide-out-form .contactForm .captchaWrapper img {
    max-width: 25%;
    padding-top: 3px;
}.slide-out-form .contactForm .captchaWrapper input {
    background: none;
    font-size: 14px;
}.slide-out-form .contactForm .submitWrapper {
    margin-top: 20px;
}.slide-out-form .contactForm .submitWrapper span.submit {
    font-size: 18px;
    letter-spacing: 2px;
    width: auto;
    height: auto;
    padding: 0;
    line-height: 1;
    padding: 10px 15px;
    background: #be1d00;
    color: #ffffff;
}.slide-out-form .contactForm .submitWrapper span.submit:hover {
    color: %ACCENT5%;
}.slide-out-wrapper span.form-toggle {
    position: absolute;
    left: 0;
    top: 20%;
    color: #ffffff;
    font-size: 24px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background: #206d9d;
    box-shadow: 2px 20px 32px 0px rgba(0, 0, 0, 0.13);
    -moz-transform: translateX(-80%);
    -webkit-transform: translateX(-80%);
    -o-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    transform: translateX(-80%);
    cursor: pointer;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}.slide-out-wrapper span.form-toggle:hover {
    background: #206d9d;
}i.toggle-left {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    border-top: 1px solid;
    border-left: 1px solid;
    border-color: #ffffff;
    -moz-transform: rotate(-45deg) translateY(-13%);
    -webkit-transform: rotate(-45deg) translateY(-13%);
    -o-transform: rotate(-45deg) translateY(-13%);
    -ms-transform: rotate(-45deg) translateY(-13%);
    transform: rotate(-45deg) translateY(-13%);
}i.toggle-right {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #ffffff;
    -moz-transform: rotate(45deg) translateY(-13%);
    -webkit-transform: rotate(45deg) translateY(-13%);
    -o-transform: rotate(45deg) translateY(-13%);
    -ms-transform: rotate(45deg) translateY(-13%);
    transform: rotate(45deg) translateY(-13%);
}.row.full {
    width: 100%;
    max-width: 100%;
}



/* FIXED NAVIGATION COLORS */
@media only screen and (min-width: 1025px) { 
  .sticky-active header.header-wrapper {
    padding: 50px 0 0;
  }.sticky-active .navigation-wrapper .fix-on-scroll {
    background: #ffffff;
    position: fixed !important;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    padding: 15px 0;
  }.sticky-active .navigation-wrapper .fix-on-scroll::before {
    content: " ";
    background: inherit;
    position: absolute;
    top: 0;
    width: 1920px;
    left: -1920px;
    height: 80px;
  }.sticky-active .navigation-wrapper .fix-on-scroll::after {
    content: " ";
    background: inherit;
    position: absolute;
    top: 0;
    width: 1920px;
    right: -1920px;
    height: 80px;
  }.sticky-active .top-bar-section ul li > a,
   .sticky-active .top-bar-section li:not(.has-form) a:not(.button),
   .sticky-active .top-bar-section li.active:not(.has-form) a:not(.button),
   .sticky-active .top-bar-section li.active:not(.has-form) a:hover:not(.button),
   .sticky-active .top-bar-section ul li:hover:not(.has-form) > a {
    color:  #116295;
  }.sticky-active .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    color:  #116295;
  }.sticky-active .top-bar-section .has-dropdown > a::after {
    border-color:  #116295 transparent transparent;
  }.sticky-active .top-bar-section .dropdown {
    background:  #116295;
  }.sticky-active .navigation-wrapper .social-wrapper .fa {
    border: 1px solid  #116295;
    color:  #116295;
  }.sticky-active .svg-logo {
    border-right: 1px solid  #116295;
  }.sticky-active .svg-logo svg path {
    fill:  #116295;
  }.logo-float {
    position: relative;
}.logo-stick {
    position: absolute;
    top: -6vw;
}.info-tab {
    margin-top: 10vw;
}.inner .info-tab {
    margin-top: 7vw;
}.nav {
    z-index: 99!important;
}.inner .logo-stick {
  width: 255px;
}.inner .slider-wrapper {
  height: 29vw; 
}.flex {
    display: flex;
}li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-315 {
    display: none;
}.top-bar-section .has-dropdown>a:after {
  display: none!important;
}h1.slider-heading {
    position: absolute;
    top: -11vw;
    color: #fff;
    font-size: 2.4em;
    line-height: 1.4;
}.inner-adj {
    padding-top: 5vw;
    padding-bottom: 5vw;
}.mobile-sticky-cta {
    display: none;
}
}

.svg-logo {
  border-right: 1px solid #ffffff;
  float: left;
  height: 50px;
  margin-right: 30px;
  padding-right: 30px;
}.social-wrapper {
  text-align: right;  
}.social-wrapper .fa {
  width: 35px;
  line-height: 35px;
  border: 1px solid #FFFFFF;
  margin: 7px 11px 0;
  font-size: 20px;
  text-align: center;
  color: #FFFFFF;
}header.header-wrapper {
  position: relative;
}.slider-wrapper {
  z-index: -1;
  top: 0;
  bottom: 0;
  overflow: hidden;
  height: 37vw;
}.slider-wrapper {
}.slider-wrapper, 
 .slider-wrapper ul, 
 .slider-wrapper ul li, 
 .slider-wrapper ul li img {
}.slider-wrapper.inner-page, 
 .slider-wrapper.inner-page ul, 
 .slider-wrapper.inner-page ul li, 
 .slider-wrapper.inner-page ul li img {
}.slider-wrapper ul {
  margin: 0;
  position: relative;
  z-index: -2;
}.slider-wrapper .gradient-overlay {
  position: absolute;
  width: 100%;
  height: 800px;
  z-index: -1; 
  background: -o-linear-gradient(left,  rgba(192,32,38,0.90) 0%,rgba(192,32,38,0.90) 37%,rgba(3,80,150,0) 100%);
  background: -webkit-gradient(linear,  left top, right top,  from(rgba(192,32,38,0.90)),color-stop(37%, rgba(192,32,38,0.90)),to(rgba(3,80,150,0)));
  background: linear-gradient(to right,  rgba(192,32,38,0.90) 0%,rgba(192,32,38,0.90) 37%,rgba(3,80,150,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0035096', endColorstr='#00035096',GradientType=1 );
}.slider-overlay {
  margin: 70px 0 70px;
}.slider-overlay > h1 {
  margin: 0;
}.slider-overlay.inner-page {
  margin: 70px 0 70px;  
}.slider-overlay .header-company-title a {
  
  color: #ffffff;
  float: left;
  font-family: "Oxygen",sans-serif;
  font-size: 40px;
  font-weight: lighter;
  line-height: 85px;
  margin: 0 0 35px;
  max-width: 100%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: auto;
}.slider-overlay .header-company-serviceorder, 
 .slider-overlay .header-company-locationorder {
  clear: both;
  color: #ffffff;
  font-family: "Roboto",sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  margin: 0;
}.slider-overlay p,
 .slider-overlay a {
  color: #ffffff;
  font-family: "Roboto",sans-serif;
  font-size: 22px;
  font-weight: 300;
  margin: 30px 0 15px;
  line-height: normal;
  text-transform: uppercase;
}.slider-overlay p a {
  margin: 0;
}.slider-overlay .button {
  background: none;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  width: 315px;
  max-width: 100%;
  text-transform: uppercase;
  line-height: 50px;
  padding: 0;
}.first-part {
  padding-bottom: 50px;
}.button.wide {
  background: #1E6097;
  color: #FFFFFF;
  width: 345px;
  max-width: 100%;
  text-transform: uppercase;
  line-height: 50px;
  padding: 0;
}.light-hr {
  background: url("https://garyselectricservice.com/wp-content/themes/rele6/images/light-hr.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 50px;
  width: 100%;
  clear: both;
}.context {
  padding: 40px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-size: 100% auto !important;
}.contact-info-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
}.contact-info-wrapper p {
  font-size: 16px;
  line-height: 1.5em;
  margin: 0 0 20px 0;
}


/* DEFAULT STYLES */
#wpadminbar {display: none !important;}
body {
  font-family: "Roboto",sans-serif;
}h1, 
 h1 a,
 .heading-1 {
  color: #000000;
  font-family: "Oxygen",sans-serif;
  font-size: 3em;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 60px;
  margin: 25px 0;
}h2,
 .heading-2 {
  color: #000000;
  font-family: "Oxygen", sans-serif;
  font-size: 2.5em;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 50px;
  margin: 25px 0;
}h3,
 .heading-3 {
  color: #000000;
  font-family: "Oxygen", sans-serif;
  font-size: 1.8em;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 35px;
  margin: 25px 0;
}h4,
 .heading-4 {
  font-family: "Oxygen", sans-serif;
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1.5rem;
  margin: 25px 0;
}p {
  font-family: "Oxygen", sans-serif;
  color: #000000;
  line-height: 30px;
  font-size: 18px;
  margin: 0 0 25px;
}ul {
  list-style-type: none;
}ul.disc{
  list-style-type:  disc;
  margin: 0 0 25px;
}ul.disc li {
  margin: 0 0 0 15px;
}.strip-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}.vertical-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}.content-wrapper ul {  
  margin: 0 0 20px;
}.content-wrapper li {  
  color: #000000;
  font-family: "Oxygen", sans-serif;
  line-height: 40px;
  font-weight: lighter;
  font-size: 18px;
}.google-map {
  z-index: -1;
}.subnav {
background: none repeat scroll 0 0 #e0e0e0;
  display: block;
  float: left;
  height: 80px;
  margin: 0 3px;
  padding: 20px 40px;
}.about-right > span {
  clear: both;
  display: block;
  font-size: 65px;
  line-height: 1.5;
}.about-right {
  font-family: "Roboto",sans-serif;
  font-size: 40px;
  font-weight: lighter;
  line-height: 1;
}.row {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
}.contain-to-grid {
  background: none !important;
}.contain-to-grid .top-bar {
  max-width: 75em;
}.page-wrapper {
  max-width: 75rem;
  clear: both;
}.form-segment {
  padding-top: 50px;
  padding-bottom: 50px;
}.footer-wrapper {
  width: 100%;
  background: #222222;
}.footer-wrapper p {
  color: #ffffff;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
}.footer-wrapper .heading-3 {
  font-family: "Roboto",sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  margin: 10px 0;
  text-transform: uppercase;
}.contactForm  {
  margin-top: 20px;
}.contactForm  label{
  font-weight: bold;
  display: block;
}.contactForm input {
  border: 1px solid #000000;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 300;
  height: 50px;
  margin: 0 0 18px;
  padding: 3px 15px;
  width: 100%;
}.contactForm textarea {
  border: 1px solid #000000;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 300;
  height: 118px;
  padding: 3px 15px;
  width: 100%;
  margin: 0 0 18px 0;
}.contactForm .captchaWrapper {
  height: 50px;
}.contactForm .captchaRefresh {
  vertical-align: top;
}.contactForm .submitWrapper {
  text-align: center;
}.contactForm .submitWrapper span.submit {
  background-color: #be1d00;
  color: #fff;
  border: 1px solid #000000;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: block;
  font-family: "Roboto",sans-serif;
  font-size: inherit;
  font-weight: 300;
  line-height: 50px;
  padding: 0 20px;
  width: 100%;
  -webkit-transition: background 100ms ease;
  -o-transition: background 100ms ease;
  transition: background 100ms ease;
}.contactForm .submitWrapper span.submit:hover {
  background-color: #1E6097;
  color: #FFFFFF;
  border: 1px solid #ffffff;
}.emailConfirmation {
  margin: 0 auto;
  text-align: center;
}.emailConfirmation h1 {
  color: #00CC00;
}p.contact-title {
  font-family: "Calibri", sans-serif;
  color: #151515;
  font-size: inherit;
  margin: 15px 0;
}.fc-header-left, .fc-header-center, .fc-header-right {
  clear: both;
  display: block;
  width: 100%;
  text-align: center;
}.slick-background-wrapper {
  left: 0;
  top: 0;
  z-index: -1;
  overflow: hidden;
  height: auto;
}.disclaimer {
  padding: 30px 0 10px;
}.disclaimer p {
  color:#4A4A4A;
  font-size: 12px;
  font-weight: lighter;
  line-height: normal;
  margin: 10px 0 0 0;
}.disclaimer .lnm-image {
  opacity: 0.2;
}


/*CUSTOM CSS*/
.full-height{
  height: auto;
}.nav{
  padding-top: 2vh;
  padding-bottom: 5vh;
}.social .fa{
  background: #7b7500;
  color: #ffffff;
  padding: 2%;
  display: inline-block;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease; 
  margin: 5px;
}.social .fa:hover{
  background: #3a3a3a;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}.call a{
  background: #7b7500;
  color: #ffffff !important;
  padding: 2%;
  display: inline-block;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  margin: 5px;
}.call a:hover{
  background: #3a3a3a;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;  
}.top-bar-section ul li:hover:not(.has-form)>a{
  color: #206d9d;
}.top-bar{
  display: inline-block;
}.logo h1{
  display: none;
}.header-company-serviceorder, 
.header-company-locationorder {
  color: #000000;
  font-weight: bold;
}.inner{
  height: 74vh;
}.inner .slick-background-wrapper{
  height: calc(90vh - 68px);
}a[href^="tel:"] {
    color: #ffffff !important;
}button:hover, button:focus, .button:hover, .button:focus {
    background-color: #911600;
}.slide-out-wrapper .contactForm input {
    display: inline-block;
}.slide-out-wrapper .contactForm input {
    border: 1px solid #272420;
    color: black;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 50px;
    margin: 0 0 20px;
    padding: 0 10px;
    width: 100%;
}.slide-out-wrapper .contactForm textarea {
    padding: 10px;
    border: 1px solid #272420;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    min-height: 100px;
    margin: 0 0 20px;
}.contactForm .captchaWrapper {
    width: 50%;
}.small-shift {
    line-height: 1.2;
}.info-bar {
    display: flex;
    background: #206d9d;
    padding: 10px 3vw;
    justify-content: flex-end;
}.info-bar * {
    color: #000000;
}.info-bar a {
    margin: 0 0 0 10px;
    background: #fffd00;
    padding: 5px 20px;
    border: 5px;
    font-weight: 500;
    transition: 0.3s;
    text-transform: uppercase;
}.info-bar a:hover {
    background: #000000;
    color: #ffffff;
    transition: 0.3s;
}.header-bar {
    padding: 10px 3vw;
}.finance-bg {
    background-color: #000000;
    opacity: 1;
    background-image: linear-gradient(30deg, #0b0b0b 12%, transparent 12.5%, transparent 87%, #0b0b0b 87.5%, #0b0b0b), linear-gradient(150deg, #0b0b0b 12%, transparent 12.5%, transparent 87%, #0b0b0b 87.5%, #0b0b0b), linear-gradient(30deg, #0b0b0b 12%, transparent 12.5%, transparent 87%, #0b0b0b 87.5%, #0b0b0b), linear-gradient(150deg, #0b0b0b 12%, transparent 12.5%, transparent 87%, #0b0b0b 87.5%, #0b0b0b), linear-gradient(60deg, #0b0b0b77 25%, transparent 25.5%, transparent 75%, #0b0b0b77 75%, #0b0b0b77), linear-gradient(60deg, #0b0b0b77 25%, transparent 25.5%, transparent 75%, #0b0b0b77 75%, #0b0b0b77);
    background-size: 20px 35px;
    background-position: 0 0, 0 0, 10px 18px, 10px 18px, 0 0, 10px 18px;
    padding: 6vh 0;
}.finance-bg h1 {
    color: #fff;
    font-weight: bold;
    font-size: 2.5em;
    text-transform: capitalize;
}.finance-bg h1 span.large-bold {
    text-transform: uppercase;
    font-size: 1.6em;
}.finance-1 {
    background: url(https://garyselectricservice.com/wp-content/uploads/2017/09/img03.jpg) center / cover no-repeat;
}a.finance-btn {
    background: #3d9be9;
    color: #fff;
    display: inline-block;
    padding: 5px 50px;
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%, 0% 50%);
}h2.blue-text {
    color: #3d9be9;
    font-size: 1.4em;
    text-transform: capitalize;
    font-weight: 600;
}h3.light-grey-text {
    color: gray !important;
    text-transform: capitalize;
    font-size: 1.2em;
    font-weight: bold;
}.finance-wrapper h3 {
    font-size: 1.1em;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-weight: 600;
    color: #575757;
}.finance-wrapper p {
    font-size: 1em;
}.finance-wrapper h4 {
    text-transform: capitalize;
    font-size: 1em;
    color: #2c82c9;
    font-weight: 700;
}.light-bg {
    background: #ececec!important;
}.finance-icons i {
    font-size: 3em;
}.info-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}.license-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}.license-text p {
    color: #fff;
    font-weight: 600;
    padding: 0 3vw 0 0;
    margin: 0;
    text-transform: uppercase;
}.header-socials {
    text-align: center;
    padding: 10px;
}.header-socials .fa {
    padding: 5px 10px;
    font-size: 1.5em;
    color: #000;
    transition: 0.3s;
}.header-socials .fa:hover {
    color: #000;
    transition: 0.3s;
}.slider-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #004e7fc7;
    z-index: 1;
}.slider-text {
    position: absolute;
    top: 12vw;
    left: 0;
    z-index: 4;
}.slider-text p {
    font-family: "Oxygen",sans-serif;
    color: #fff;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
}p.small-license {
    font-size: 24px;
    color: #fffd00;
    font-weight: 600;
    letter-spacing: 1px;
}p.svc-slider {
    font-size: 3em;
    font-weight: 600;
    padding: 1vw 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2;
}.float-icons {
    position: relative;
    top: -5vw;
}.float-svc {
    background: #fff;
    box-shadow: 2px 2px 10px 0px #3f3f3f;
    padding: 2vw 2vw 0;
}.float-svc p {
    color: #ffffff;
    background: #206d9d;
    font-size: 1.5em;
    font-weight: 600;
    padding: 20px 0!important;
    margin: 2vw 0 0!important;
    text-transform: uppercase;
}.float-svc .fa-solid {
    font-size: 7em;
}.float-svc .fa-bolt {
    color: #ffb800;
}.float-svc .fa-fire {
    color: #be1d00;
}.float-svc .fa-snowflake {
    color: #0065a3;
}.float-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}button, .button {
    width: 250px;
    font-size: 16px;
    font-weight: 600;
    background: #be1d00;
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase;
}ul.list-icon li {
    color: #1a1a1a;
    font-size: 1.225em;
    font-weight: 400;
    line-height: 1.8;
    position: relative;
    padding-left: 30px;
}ul.list-icon li::before {
    content: "\e0b7";
    font-family: 'Font Awesome 6 Pro';
    color: #ffb800;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 2px;
}.slick-prev:before, .slick-next:before {
    font-size: 30px!important;
    opacity: 1!important;
    color: #ffffff!important;
}.slide-content {
    display: flex;
    background: #ffd400b8;
    min-height: 23vw;
    flex-direction: column;
    justify-content: center;
    margin: 2vw 1vw;
    padding: 2vw;
}.slide-content * {
    color:#000000!important;
}.rev-bg {
    position: relative;
    background: center / cover no-repeat url(https://garyselectricservice.com/wp-content/uploads/2025/09/rev-bg.jpg);
    background-attachment: fixed;
}.rev-bg::before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000009e;  
}.rev-bg *{
    color: #fff;
}.tools-bg {
    position: relative;
    background: center / cover no-repeat url(https://garyselectricservice.com/wp-content/uploads/2025/09/tools-bg.jpg);
}.color-bg1 {
    background: #206d9d!important;
}.color-bg1 * {
    color: #fff;
}.flex-text-img {
    display: flex;
    align-items: center;
}.img-shadow {
    box-shadow: 2px 2px 10px 0px #3f3f3f;
}.footer-wrapper a, .footer-wrapper p {
    color: #fff;
}.footer-wrapper li a:hover {
    color: #fffd00!important;
}.footer-wrapper ul li {
    line-height: 1.8;
}.footer-wrapper .heading-3 {
    font-weight: 600;
    color: #fff;
    margin: 10px 0;
}.footer-wrapper .fa {
    font-size: 24px;
    margin: 20px 30px 0 0;
}.footer-wrapper .fa:hover {
    color: #fffd00!important;
}.colored-bg {
    background: #116295!important;
}.colored-bg * {
    color: #fff!important;
    background: #116295!important;
}.red-bg {
    background: #951700!important;
}.red-bg * {
    color: #ffffff!important;
}.black-text, .black-text * {
    color: #000!important;
} .slide-out-form h2 {
    font-size: 1.5em;
}


/*CUSTOM END*/

@media only screen and (min-width: 1025px) { 
.header-bar {
    display: flex;
    align-items: center;
}.header-cta-wrapper {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
}a.header-cta {
    background: #be1d00;
    padding: 15px 30px;
    transition: 0.3s;
    font-weight: 600 !important;
    font-size: 20px !important;
}.header-cta a:hover {
    background: #c21e00;
    transition: 0.3s;
}.navigation-wrapper {
    display: flex;
    justify-content: center;
}.vertical-padding-xs {
    padding-top: 1vw;
    padding-bottom: 1vw;
}.vertical-padding-small {
    padding-top: 2vw;
    padding-bottom: 2vw;
}.vertical-padding-medium {
    padding-top: 3vw;
    padding-bottom: 3vw;
}.vertical-padding-large {
    padding-top: 5vw;
    padding-bottom: 5vw;
}.top-padding-xs {
    padding-top: 1vw;
}.top-padding-small {
    padding-top: 2vw;
}.top-padding-medium {
    padding-top: 3vw;
}.top-padding-large {
    padding-top: 5vw;
}.bottom-padding-xs {
    padding-bottom: 1vw;
}.bottom-padding-small {
    padding-bottom: 2vw;
}.bottom-padding-medium {
    padding-bottom: 3vw;
}.bottom-padding-large {
    padding-bottom: 5vw;
}.box-pad1 {
    padding: 0 3vw 0 0!important;
}.large-flex {
    display: flex;
    align-items: center;
}
}

@media only screen and (max-width: 1680px) { 
.logo-stick img {
    width: 280px;
}.inner {
    height: 60vh;
}.header-bar {
    padding: 10px 0vw;
}.slide-content {
    min-height: 26vw;
}.slider-text {
    position: absolute;
    top: 10vw;
    left: 0;
    z-index: 4;
}
}

@media only screen and (max-width: 1536px) { 
.inner .info-tab {
    margin-top: 11vw;
}.top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button) {
    font-size: 14px;
    padding: 0 7px !important;
}.info-bar {
    padding: 10px 0vw;
}.slide-content {
    min-height: 32vw;
}
}

@media only screen and (max-width: 1440px) { 
.slider-wrapper {
    height: 36vw!important;
}.small-shift {
    font-size: 1em;
}.inner {
    height: 67vh;
}.slide-content {
    min-height: 34vw;
}
}


@media only screen and (max-width: 1400px) { 
.slide-content {
    min-height: 34vw;
}
}

@media only screen and (max-width: 1366px) { 
.logo-stick img {
    width: 230px;
}.slide-content {
    min-height: 37vw;
}.top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button) {
    font-size: 12px;
    padding: 0 7px !important;
}.float-svc .fa-solid {
    font-size: 5em;
}
}

@media only screen and (max-width: 1280px) { 
.small-shift {
    font-size: 0.9em;
}.slide-content {
    min-height: 41vw;
}a.header-cta {
    font-size: 15px !important;
}
}

@media only screen and (max-width: 1200px) { 
.logo-stick img {
    width: 280px;
}.small-shift, .header-company-serviceorder, .header-company-locationorder {
    font-size: 0.8em;
}p.svc-slider {
    font-size: 2.3em;
}.license-text p {
    padding: 0 2vw 0 0;
    font-size: 14px;
}.info-bar a {
    font-size: 14px;
}a.header-cta {
    font-size: 14px !important;
    padding: 15px 20px;
}.top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button) {
        font-size: 12px;
        padding: 0 7px !important;
    }
}

@media only screen and (max-width: 1024px) { 
  header.header-wrapper {
    max-height: none;
    overflow: visible;
    position: relative;
  }.fix-on-scroll {
    background: #FFFFFF;
    position: absolute;
    top:0;
    width: 100%;
    max-width: 100%;
  }.navigation-wrapper {
    position: relative;
    z-index: 99999;
  }.top-bar.expanded .top-bar-section ul {
    min-height: 420px;
  }.top-bar.expanded {
    height: auto;
  }.top-bar.expanded .title-area {
    background: none;
  }.top-bar-section ul li {
    text-align: center;
  }.top-bar.expanded .title-area {
    background: none;
  }.top-bar-section ul li > a,
   .top-bar .toggle-topbar.menu-icon a,
   .top-bar-section ul li:hover:not(.has-form) > a,
   .top-bar-section > ul li:hover:not(.has-form) > a,
   .top-bar-section li:not(.has-form) a:not(.button),
   .top-bar-section li.active:not(.has-form) a:not(.button),
   .top-bar-section li.active:not(.has-form) a:hover:not(.button),
   .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    color: #000000;
  }.top-bar-section .dropdown {
    background: #FFFFFF;
    color: #000!important;
  }.top-bar-section .dropdown li {
    padding: 0 !important;
    margin: 0 !important;
  }.top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button),
   .sticky-active .top-bar-section .dropdown li:hover:not(.has-form) a:not(.button)  {
    background: #ffffff;
    color:  #000000!important;
  }.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    line-height: 40px;
  }.top-bar .toggle-topbar.menu-icon a span::after {
    -webkit-box-shadow: 0 0 0 1px #454100, 0 7px 0 1px #454100, 0 14px 0 1px #454100;
            box-shadow: 0 0 0 1px #454100, 0 7px 0 1px #454100, 0 14px 0 1px #454100; 
  }.sticky-active .top-bar .toggle-topbar.menu-icon a span::after {
    -webkit-box-shadow: 0 0 0 1px #454100, 0 7px 0 1px #454100, 0 14px 0 1px #454100;
            box-shadow: 0 0 0 1px #454100, 0 7px 0 1px #454100, 0 14px 0 1px #454100;
  }.sticky-active .top-bar-section .dropdown {
    background: #FFFFFF
  }.social-wrapper .fa {
    border: 1px solid #454100;
    color: #454100;
  }.svg-logo {
    border-right: 1px solid #454100;
  }.svg-logo svg path {
    fill: #454100;
  }.svg-logo {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute !important;
    top: -43px !important;
  }.sticky-active .svg-logo {
    border: none;
  }.slider-overlay,
   .slider-overlay.inner-page {
    margin: 10px 0;
    padding-top: 125px;
  }.slider-overlay .header-company-title a {
    font-size: 20px;
    line-height: normal;
    text-align: center;
    width: 100%;
    padding: 10px 0;
  }.slider-overlay .header-company-serviceorder, 
   .slider-overlay .header-company-locationorder {
    text-align: center;
  }.header-wrapper a[href^="tel"] {
    border: 1px solid #fff;
    font-size: 18px;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 50px;
  }.slider-overlay .button{
    width: 100%;
  }h1, h1 a {
    font-size: 28px;
    line-height: normal;
    text-align: center;
  }h2, h3, h4 {
    font-size: 24px;
    font-weight: normal;
    line-height: normal;
    text-align: center;
  }p, ul.list-icon li {
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
  }.content-wrapper li {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
  }.sticky-active .title-area a span {
    color: #454100;
  }.content-wrapper {
    background: #FFFFFF;
  }.context {
    background-attachment: scroll !important;
    background-position: center center !important;
    background-size: auto 100% !important;
  }.second-part ul li {
    text-align: center;
  }.mobile-center {
    text-align: center !important;
  }
  .header-wrapper a[href^="tel"] {
    border: 1px solid #fff;
    font-size: 18px;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 33px;
  }.top-bar{
    width: 100%;
  }.slick-background-wrapper{
    height: calc(100vh - 608px);
  }.vertical-padding {
      padding-top: 25px;
      padding-bottom: 25px;
  }.inner .slick-background-wrapper {
      height: calc(100vh - 608px);
  }.top-bar-section li.active:not(.has-form) a:not(.button) {
    color: #116295!important;
  }.top-bar .toggle-topbar.menu-icon a span:hover:after{
    box-shadow: 0 0 0 1px #000000, 0 7px 0 1px #000000, 0 14px 0 1px #000000;
  }.mobile-text-center {
    text-align: center;
  }.finance-1 {
      height: 30vh;
  }.mobile-hide {
    display: none!important;
  }.flex-text-img {
    display: flex;
    align-items: center;
    flex-direction: column;
}.float-icons {
    position: relative;
    top: 0;
}.float-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}.slick-prev {
    left: 0!important;
}.slick-next {
    right: 10px!important
}.tools-bg {
  background: #fffeef;
}.vertical-padding-xs {
    padding-top: 1vw;
    padding-bottom: 1vw;
}.vertical-padding-small {
    padding-top: 2vw;
    padding-bottom: 2vw;
}.vertical-padding-medium {
    padding-top: 3vw;
    padding-bottom: 3vw;
}.vertical-padding-large {
    padding-top: 5vw;
    padding-bottom: 5vw;
}.top-padding-xs {
    padding-top: 1vw;
}.top-padding-small {
    padding-top: 2vw;
}.top-padding-medium {
    padding-top: 3vw;
}.top-padding-large {
    padding-top: 5vw;
}.bottom-padding-xs {
    padding-bottom: 1vw;
}.bottom-padding-small {
    padding-bottom: 2vw;
}.bottom-padding-medium {
    padding-bottom: 3vw;
}.bottom-padding-large {
    padding-bottom: 5vw;
}footer.footer-wrapper {
    text-align: center;
}.mb-padded {
    text-align: center;
    padding: 5vw 0;
}.mobile-sticky-cta {
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 10px;
    left: 0;
    width: 100%;
    z-index: 3;
}a.sticky-btn {
    display: inline-block;
    width: calc(50% - 10px);
    max-width: 260px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 1.125em!important;
    font-family: "Oxygen",sans-serif!important;
    background: #be1d00;
    padding: 20px 5px;
    margin: 0 5px;
    border-radius: 0;
    position: relative;
}a.sticky-btn.alt {
    background: #1e1e1e;
    color: #fff;
    font-family: "Oxygen",sans-serif!important;
}.sticky-btn::before {
    content: " ";
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    position: absolute;
    top: 8px;
    left: 8px;
    border: 1px solid %WHITE%;
}.header-bar {
    text-align: center;
    padding: 0 0 12vw;
}.navigation-wrapper {
    padding: 0;
}.content-wrapper {
    text-align: center!important;
}ul.list-icon li::before {
    position: relative;
    padding-right: 3vw;
}ul.list-icon li {
    padding-left: 0;
    list-style-position: inside;
}.footer-wrapper .fa {
    margin: 20px;
}.float-grid {
    padding-bottom: 10vw;
}.slide-content{
    padding: 2vw;
}.img-shadow {
    box-shadow: none;
}.disclaimer {
    padding: 5vw 0 15vw;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    border: none;

}.inner-adj {
    background: #fff !important;
}.header-bar.inner-header {
    border-bottom: 1px solid #cecece;
    padding: 0 0 6vw;
}
}

@media only screen and (max-width: 767px) { 
.slick-background-wrapper {
    height: auto;
}.inner .slick-background-wrapper {
    height: auto;
}.disclaimer {
    padding: 10vw 0 30vw 0;
}.float-svc {
    padding: 8vw 2vw 0;
}ul.list-icon li {
    padding-left: 0px;
}.float-svc .fa-solid {
    font-size: 5em;
    padding-bottom: 5vw;
}.slide-content {
    padding: 12vw;
}
}

@media only screen and (max-width: 500px) { 
.slide-content {
    height: 118vw;
}
}

@media only screen and (max-width: 360px) { 
.footer-wrapper p {
    font-size: 15px;
}.float-svc .fa-solid {
    font-size: 5em;
}
}

@media only screen and (max-width: 320px) { 
.slide-content {
        height: 160vw;
    }
}