/******************************************************************
Site Name:
Author:

Stylesheet: IE Stylesheet

So instead of using the respond.js file to add media query support
to IE, we're going to use SASS to create an easily readable css file.
Here, we import all the styles the standard stylesheet gets, only
without the media queries. No need to worry about editing anything!

******************************************************************/
/******************************************************************
IMPORTS & DEPENDENCIES
Remember, all the BASE styles are called already since IE can
read those. Below, we need to import only the stuff IE can't
understand (what's inside the media queries). We also need to
import the mixins file so SASS can understand the variables.
******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
IMPORTS
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/* line 18, ../scss/partials/_typography.scss */
.text-left {
  text-align: left !important;
}

/* line 19, ../scss/partials/_typography.scss */
.text-center {
  text-align: center !important;
}

/* line 20, ../scss/partials/_typography.scss */
.text-right {
  text-align: right !important;
}

/* line 22, ../scss/partials/_typography.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
/* line 59, ../scss/partials/_typography.scss */
p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

/* line 106, C:/Ruby22/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 100%;
  line-height: 1.625em;
}

@font-face {
  font-family: 'open_sansregular';
  src: url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_regular-webfont.eot");
  src: url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_regular-webfont.woff") format("woff"), url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_regular-webfont.ttf") format("truetype"), url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_semibold';
  src: url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_600-webfont.eot");
  src: url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_600-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_600-webfont.woff") format("woff"), url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_600-webfont.ttf") format("truetype"), url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_600-webfont.svg#open_sans\a 		 bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_bold';
  src: url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_700-webfont.eot");
  src: url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_700-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_700-webfont.woff") format("woff"), url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_700-webfont.ttf") format("truetype"), url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_700-webfont.svg#open_sansextrabold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansitalic';
  src: url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_italic-webfont.eot");
  src: url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_italic-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_italic-webfont.woff") format("woff"), url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_italic-webfont.ttf") format("truetype"), url("/wp-content/themes/charlestownsteering/library/fonts/open_sans_italic-webfont.svg#open_sansitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
/******************************************************************
Site Name:
Author:
Stylesheet: 481px and Up Stylesheet
This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.
A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.
******************************************************************/
/*
IMPORTANT NOTE ABOUT SASS 3.3 & UP
You can't use @extend within media queries
anymore, so just be aware that if you drop
them in here, they won't work.
*/
/*********************
NAVIGATION STYLES
*********************/
/* .menu is clearfixed inside mixins.scss */
/* line 24, ../scss/breakpoints/_481up.scss */
.menu {
  /* end .menu ul */
}
/* line 25, ../scss/breakpoints/_481up.scss */
.menu ul {
  /* end .menu ul li */
  /* highlight current page */
  /* end current highlighters */
}
/* line 26, ../scss/breakpoints/_481up.scss */
.menu ul li {
  /*
  plan your menus and drop-downs wisely.
  */
}
/* line 27, ../scss/breakpoints/_481up.scss */
.menu ul li a {
  /*
  you can use hover styles here even though this size
  has the possibility of being a mobile device.
  */
}

/* end .menu */
/*********************
POSTS & CONTENT STYLES
*********************/
/* entry content */
/* line 65, ../scss/breakpoints/_481up.scss */
.entry-content {
  /* at this larger size, we can start to align images */
}
/* line 67, ../scss/breakpoints/_481up.scss */
.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}
/* line 72, ../scss/breakpoints/_481up.scss */
.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}
/* line 77, ../scss/breakpoints/_481up.scss */
.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}

/* end .entry-content */
/*********************
FOOTER STYLES
*********************/
/*
check your menus here. do they look good?
do they need tweaking?
*/
/* end .footer-links */
/* line 96, ../scss/breakpoints/_481up.scss */
.mobile-view {
  display: none;
}

/* line 99, ../scss/breakpoints/_481up.scss */
.desktop-view {
  display: block;
}

/* line 103, ../scss/breakpoints/_481up.scss */
#home-services {
  background-color: transparent;
  padding-bottom: 40px;
  position: relative;
  margin-top: -18em;
  z-index: 2;
}
/* line 110, ../scss/breakpoints/_481up.scss */
#home-services .inner-services .service {
  margin-bottom: 1%;
  margin-top: 1%;
  padding: 0 1%;
}
/* line 115, ../scss/breakpoints/_481up.scss */
#home-services .inner-services .service .figure {
  border: 4px solid white;
}
/* line 119, ../scss/breakpoints/_481up.scss */
#home-services .inner-services h2 {
  text-shadow: 1px 1px 2px #fff;
}
/* line 122, ../scss/breakpoints/_481up.scss */
#home-services .inner-services .image-hover {
  padding: 0px;
  margin: 0px 1px;
}
/* line 126, ../scss/breakpoints/_481up.scss */
#home-services .inner-services .figcaption {
  width: 60%;
  float: right;
  min-height: 270px;
  padding: 10px;
}
/* line 132, ../scss/breakpoints/_481up.scss */
#home-services .inner-services .figcaption .button {
  display: block;
  vertical-align: bottom;
  padding: 0.5125em 1.5em;
  text-align: center;
}
/* line 138, ../scss/breakpoints/_481up.scss */
#home-services .inner-services .figcaption p {
  display: block;
  color: transparent;
  min-height: 135px;
}
/* line 143, ../scss/breakpoints/_481up.scss */
#home-services .inner-services .figcaption h3 {
  text-align: left;
  padding: 0px;
  font-size: 17px;
  min-height: 51px;
}
/* line 149, ../scss/breakpoints/_481up.scss */
#home-services .inner-services .figcaption:hover {
  background-color: #fff;
}
/* line 151, ../scss/breakpoints/_481up.scss */
#home-services .inner-services .figcaption:hover h3 {
  color: #000;
  text-shadow: none;
  font-size: 17px;
}
/* line 156, ../scss/breakpoints/_481up.scss */
#home-services .inner-services .figcaption:hover p {
  display: block;
  color: #000;
}

/**********Buying-Batteries***********/
/* line 168, ../scss/breakpoints/_481up.scss */
#buying-batteries #home-posts .wrap1 {
  padding: 1em 3em 1em 1em;
}
/* line 170, ../scss/breakpoints/_481up.scss */
#buying-batteries #home-posts .wrap1 .heading-title {
  width: 70%;
  font-size: 2.9em;
  margin: 0em 0 0.43333em 0;
}
/* line 175, ../scss/breakpoints/_481up.scss */
#buying-batteries #home-posts .wrap1 .contact {
  width: 30%;
  margin-top: 11%;
}
/* line 182, ../scss/breakpoints/_481up.scss */
#buying-batteries #home-post2 .wrap2 {
  padding: 1em 3em 1em 1em;
}

/**************Why-Us****************/
/* line 189, ../scss/breakpoints/_481up.scss */
#why-us h2 {
  text-align: left;
}
/* line 192, ../scss/breakpoints/_481up.scss */
#why-us .col {
  width: 49.5% !important;
  padding: 2em 0;
}
/* line 196, ../scss/breakpoints/_481up.scss */
#why-us .middle-button {
  padding: 0em 0 2em;
}

/*****************About Us-Map*****************/
/* line 202, ../scss/breakpoints/_481up.scss */
#about-map h2 {
  text-align: left;
}
/* line 205, ../scss/breakpoints/_481up.scss */
#about-map .wrap-about {
  padding: 1em 3em 1em 0em;
  float: right;
  max-width: 570px;
}

/******************************************************************
Site Name:
Author:
Stylesheet: Tablet & Small Desktop Stylesheet
Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!
******************************************************************/
/*********************
GENERAL STYLES
*********************/
/*********************
LAYOUT & GRID STYLES
*********************/
/* line 18, ../scss/breakpoints/_768up.scss */
.wrap {
  max-width: 1140px;
}
/* line 20, ../scss/breakpoints/_768up.scss */
.wrap.wrap-mobile {
  width: 96%;
}

/*********************
HEADER STYLES
*********************/
/* line 27, ../scss/breakpoints/_768up.scss */
.header {
  position: relative;
  width: 100%;
  z-index: 52;
  top: 0px;
  background: rgba(255, 255, 255, 0.8);
}
/* line 33, ../scss/breakpoints/_768up.scss */
.header .wrap {
  width: 96%;
}
/* line 36, ../scss/breakpoints/_768up.scss */
.header #logo {
  max-width: 100%;
  display: inline-block;
}
/* line 40, ../scss/breakpoints/_768up.scss */
.header #phone {
  font-size: 2.25em;
  line-height: 1.44444em;
  display: block;
  float: right;
  color: #000;
}
/* line 45, ../scss/breakpoints/_768up.scss */
.header #phone:hover {
  color: gray;
}
/* line 49, ../scss/breakpoints/_768up.scss */
.header label[for=toggle-navigation], .header input#toggle-navigation[type=checkbox] {
  display: none !important;
}
/* line 52, ../scss/breakpoints/_768up.scss */
.header input#toggle-navigation[type=checkbox] ~ nav {
  display: block !important;
  clear: both;
}
/* line 56, ../scss/breakpoints/_768up.scss */
.header .col {
  display: inline-block;
  padding: 8px 0px;
}
/* line 59, ../scss/breakpoints/_768up.scss */
.header .col:first-child {
  width: 40%;
  float: left;
  margin-top: -4px;
}
/* line 64, ../scss/breakpoints/_768up.scss */
.header .col:last-child {
  width: 60%;
  float: right;
  vertical-align: top !important;
  text-align: right;
  margin-top: -3px;
}
/* line 70, ../scss/breakpoints/_768up.scss */
.header .col:last-child #phone {
  font-size: 2em;
}
/* line 72, ../scss/breakpoints/_768up.scss */
.header .col:last-child #phone .fa {
  text-align: right !important;
  float: none !important;
  margin-bottom: 20px !important;
}
/* line 81, ../scss/breakpoints/_768up.scss */
.header .grid-justify:first-child {
  clear: both;
}
/* line 85, ../scss/breakpoints/_768up.scss */
.header .address-line {
  text-align: left !important;
}

/*********************
NAVIGATION STYLES
*********************/
/* line 92, ../scss/breakpoints/_768up.scss */
.nav.top-nav {
  text-align: right;
  /* end .menu ul li */
  /* highlight current page */
  /* end current highlighters */
}
/* line 94, ../scss/breakpoints/_768up.scss */
.nav.top-nav ul {
  margin: 0;
}
/* line 97, ../scss/breakpoints/_768up.scss */
.nav.top-nav li {
  display: inline-block;
  position: relative;
  font-size: 15px;
  text-transform: uppercase;
  /*
  plan your menus and drop-downs wisely.
  */
  /* showing sub-menus */
}
/* line 102, ../scss/breakpoints/_768up.scss */
.nav.top-nav li a {
  padding: 0.40625em 1px;
  /*
  you can use hover styles here even though this size
  has the possibility of being a mobile device.
  */
}
/* line 108, ../scss/breakpoints/_768up.scss */
.nav.top-nav li a:hover, .nav.top-nav li a:focus {
  color: gray;
}
/* line 117, ../scss/breakpoints/_768up.scss */
.nav.top-nav li ul.sub-menu,
.nav.top-nav li ul.children {
  position: absolute;
  visibility: hidden;
  z-index: 3;
  text-align: left;
  line-height: 1;
  background: rgba(255, 255, 255, 0.8);
  width: 150px;
  text-transform: initial !important;
  font-size: 14px;
  padding-left: 0em;
  /* highlight sub-menu current page */
}
/* line 129, ../scss/breakpoints/_768up.scss */
.nav.top-nav li ul.sub-menu li,
.nav.top-nav li ul.children li {
  /*
  if you need to go deeper, go nuts
  just remember deeper menus suck
  for usability. k, bai.
  */
}
/* line 130, ../scss/breakpoints/_768up.scss */
.nav.top-nav li ul.sub-menu li a,
.nav.top-nav li ul.children li a {
  margin: 0;
  padding-left: 0.8125em;
  display: block;
  line-height: 1 !important;
}
/* line 149, ../scss/breakpoints/_768up.scss */
.nav.top-nav li ul.sub-menu li ul,
.nav.top-nav li ul.children li ul {
  top: 0;
  left: 100%;
}
/* line 162, ../scss/breakpoints/_768up.scss */
.nav.top-nav li:hover > ul {
  top: auto;
  visibility: visible;
}
/* line 171, ../scss/breakpoints/_768up.scss */
.nav.top-nav li.current-menu-item a,
.nav.top-nav li.current_page_item a,
.nav.top-nav li.current_page_ancestor a {
  text-decoration: none;
}

/* end .nav */
/*********************
SIDEBARS & ASIDES
*********************/
/* line 179, ../scss/breakpoints/_768up.scss */
.sidebar {
  display: block;
}

/* line 182, ../scss/breakpoints/_768up.scss */
.widgettitle {
  display: block;
  font-weight: 700;
}

/* line 186, ../scss/breakpoints/_768up.scss */
.widget {
  margin-bottom: 1.625em;
}
/* line 188, ../scss/breakpoints/_768up.scss */
.widget:last-child {
  margin: 0;
}
/* line 191, ../scss/breakpoints/_768up.scss */
.widget ul {
  margin: 0;
}

/* links widget */
/* meta widget */
/* pages widget */
/* recent-posts widget */
/* archives widget */
/* tag-cloud widget */
/* calendar widget */
/* category widget */
/* recent-comments widget */
/* search widget */
/* text widget */
/* line 276, ../scss/breakpoints/_768up.scss */
.no-widgets {
  background-color: #fff;
  margin-bottom: 1.5625em;
  padding: 1.5625em 1.625em 0 1.625em;
  border: 1px solid #eeeeee;
  text-align: center;
}

/* line 283, ../scss/breakpoints/_768up.scss */
.fa {
  float: left !important;
  margin-bottom: 15px !important;
  margin-right: 5px !important;
}

/* line 288, ../scss/breakpoints/_768up.scss */
#general-sidebar {
  padding-right: 0 !important;
}
/* line 291, ../scss/breakpoints/_768up.scss */
#general-sidebar #buying-batteries .wrap1 {
  padding: 1em !important;
}
/* line 293, ../scss/breakpoints/_768up.scss */
#general-sidebar #buying-batteries .wrap1 .heading-title {
  width: 100%;
}
/* line 296, ../scss/breakpoints/_768up.scss */
#general-sidebar #buying-batteries .wrap1 .contact {
  margin-top: 0;
  width: 67%;
}
/* line 299, ../scss/breakpoints/_768up.scss */
#general-sidebar #buying-batteries .wrap1 .contact a {
  white-space: nowrap;
}
/* line 302, ../scss/breakpoints/_768up.scss */
#general-sidebar #buying-batteries .wrap1 .contact .fa {
  margin-top: 5px;
}
/* line 306, ../scss/breakpoints/_768up.scss */
#general-sidebar #buying-batteries .wrap1 #text-2 {
  display: none;
}
/* line 309, ../scss/breakpoints/_768up.scss */
#general-sidebar #buying-batteries .wrap1 .button {
  margin-top: 0 !important;
  float: left !important;
}
/* line 314, ../scss/breakpoints/_768up.scss */
#general-sidebar #buying-batteries #home-post2 {
  overflow: hidden;
}
/* line 317, ../scss/breakpoints/_768up.scss */
#general-sidebar #buying-batteries .wrap2 {
  padding: 1em;
}
/* line 322, ../scss/breakpoints/_768up.scss */
#general-sidebar #buying-batteries #home-posts .wrap1 {
  padding: 1em 3em 1em 1em;
}
/* line 326, ../scss/breakpoints/_768up.scss */
#general-sidebar #home-services .inner-services {
  margin-top: 0 !important;
}
/* line 328, ../scss/breakpoints/_768up.scss */
#general-sidebar #home-services .inner-services .service {
  padding: 0%;
}
/* line 331, ../scss/breakpoints/_768up.scss */
#general-sidebar #home-services .inner-services .figcaption {
  overflow: hidden;
  display: table-cell;
  min-height: 70px;
  padding: 0px;
}
/* line 337, ../scss/breakpoints/_768up.scss */
#general-sidebar #home-services .inner-services .figcaption .button, #general-sidebar #home-services .inner-services .figcaption p {
  display: none;
}
/* line 340, ../scss/breakpoints/_768up.scss */
#general-sidebar #home-services .inner-services .figcaption h3 {
  margin: 0em 0 0.54167em 0;
  color: #fff;
  font-size: 1.2em;
  line-height: 1em;
  text-shadow: 2px 2px 7px #000;
  padding: 15px 20px;
  text-align: right;
  text-transform: uppercase;
}
/* line 350, ../scss/breakpoints/_768up.scss */
#general-sidebar #home-services .inner-services .figcaption:hover {
  background-color: transparent;
}

/*********************
FOOTER STYLES
*********************/
/* line 361, ../scss/breakpoints/_768up.scss */
#inner-footer #menu-footer-menu-1 {
  font-size: 14px;
}
/* line 364, ../scss/breakpoints/_768up.scss */
#inner-footer .col {
  width: 30% !important;
}
/* line 366, ../scss/breakpoints/_768up.scss */
#inner-footer .col:first-child {
  width: 25% !important;
}
/* line 369, ../scss/breakpoints/_768up.scss */
#inner-footer .col:last-child {
  width: 45% !important;
}
/* line 373, ../scss/breakpoints/_768up.scss */
#inner-footer .email {
  float: left;
  font-size: 15px;
  line-height: 1;
}
/* line 378, ../scss/breakpoints/_768up.scss */
#inner-footer .address, #inner-footer .mobile-phone {
  float: left;
  text-align: left;
  display: block;
  font-size: 15px;
  line-height: 2;
}
/* line 385, ../scss/breakpoints/_768up.scss */
#inner-footer .fa-map-marker, #inner-footer .fa-phone {
  float: none !important;
  margin-bottom: 8px !important;
  margin-right: 5px !important;
}
/* line 390, ../scss/breakpoints/_768up.scss */
#inner-footer .fa-envelope-o {
  margin-top: 2px;
}
/* line 393, ../scss/breakpoints/_768up.scss */
#inner-footer .timings {
  display: block;
  clear: both;
}
/* line 396, ../scss/breakpoints/_768up.scss */
#inner-footer .timings p {
  font-size: 15px;
}

/*
you'll probably need to do quite a bit
of overriding here if you styled them for
mobile. Make sure to double check these!
*/
/* line 408, ../scss/breakpoints/_768up.scss */
.footer-links ul li {
  /*
  be careful with the depth of your menus.
  it's very rare to have multi-depth menus in
  the footer.
  */
}

/* end .footer-links */
/* line 423, ../scss/breakpoints/_768up.scss */
#inner-footer .col .heading-title, #inner-footer .col #menu-footer-menu-1, #inner-footer .col .flexslider-1, #inner-footer .col .email {
  display: block !important;
}
/* line 426, ../scss/breakpoints/_768up.scss */
#inner-footer .col .footer-contact-title {
  display: block !important;
  text-align: left;
}
/* line 430, ../scss/breakpoints/_768up.scss */
#inner-footer .col .fa-phone {
  margin-bottom: 1em !important;
}
/* line 433, ../scss/breakpoints/_768up.scss */
#inner-footer .col .mobile-mail {
  display: none;
}
/* line 436, ../scss/breakpoints/_768up.scss */
#inner-footer .col address {
  text-align: left;
}
/* line 440, ../scss/breakpoints/_768up.scss */
#inner-footer .col .timings span {
  width: 30%;
  float: left;
}

/*********************
HOME PAGE STYLES
*********************/
/* line 450, ../scss/breakpoints/_768up.scss */
#contact-form-float {
  position: fixed;
  z-index: 111;
  top: 15%;
  width: 500px;
  border-width: 0em;
  border-style: solid;
  padding: 0.8125em;
  -moz-box-shadow: #eeeeee 0px 0px 0px 1px;
  -webkit-box-shadow: #eeeeee 0px 0px 0px 1px;
  box-shadow: #eeeeee 0px 0px 0px 1px;
  background-color: #fff;
}
/* line 458, ../scss/breakpoints/_768up.scss */
#contact-form-float .contact-form-float-toggle {
  display: block;
  position: absolute;
  z-index: 11;
  left: -53px;
  top: 380px;
  margin: 0;
  font-size: 1.1875em;
  line-height: 1.36842em;
  line-height: 1;
  border-width: 0em;
  border-style: solid;
  padding: 0.8125em;
  border: none;
  outline: none;
  background-color: #fff;
  color: #000;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -moz-transition: background-color 0.14s ease-in-out;
  -o-transition: background-color 0.14s ease-in-out;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
/* line 485, ../scss/breakpoints/_768up.scss */
#contact-form-float .wpcf7-submit {
  margin: 0;
}

/* line 489, ../scss/breakpoints/_768up.scss */
.page-template-page-home #inner-content {
  margin-top: -10em !important;
  clear: both;
  overflow: hidden;
}

/* line 495, ../scss/breakpoints/_768up.scss */
#home-services {
  margin-top: -20em;
}
/* line 497, ../scss/breakpoints/_768up.scss */
#home-services h2 {
  margin-top: 0;
}
/* line 501, ../scss/breakpoints/_768up.scss */
#home-services .inner-services .grid.d-3 > * {
  width: 33.3% !important;
}
/* line 505, ../scss/breakpoints/_768up.scss */
#home-services .inner-services .figcaption h3 {
  font-size: 18px;
}
/* line 509, ../scss/breakpoints/_768up.scss */
#home-services .inner-services .figcaption:hover h3 {
  font-size: 18px;
}

/**********Buying-Batteries***********/
/* line 520, ../scss/breakpoints/_768up.scss */
#buying-batteries #home-posts .wrap1 {
  padding: 1em 3em 1em 0.5em;
  float: right;
  max-width: 680px;
}
/* line 524, ../scss/breakpoints/_768up.scss */
#buying-batteries #home-posts .wrap1 .button {
  float: right;
}
/* line 530, ../scss/breakpoints/_768up.scss */
#buying-batteries #home-post2 .wrap2 {
  padding: 1em 3em 1em 1em;
  max-width: 530px;
}

/**************Why-Us****************/
/* line 538, ../scss/breakpoints/_768up.scss */
#why-us h2 {
  text-align: left;
}
/* line 541, ../scss/breakpoints/_768up.scss */
#why-us .col {
  width: 24.5% !important;
  padding: 2em 0;
}
/* line 545, ../scss/breakpoints/_768up.scss */
#why-us .middle-button {
  padding: 0em 0 2em;
}

/*****************About Us-Map*****************/
/* line 551, ../scss/breakpoints/_768up.scss */
#about-map h2 {
  text-align: left;
}
/* line 554, ../scss/breakpoints/_768up.scss */
#about-map .wrap-about {
  padding: 1em 3em 1em 0em;
}
/* line 558, ../scss/breakpoints/_768up.scss */
#about-map #home-map .flex-video {
  padding-bottom: 0%;
  margin: 0;
  min-height: 350px;
}
/* line 564, ../scss/breakpoints/_768up.scss */
#about-map .outer-button {
  text-align: right;
}
/* line 566, ../scss/breakpoints/_768up.scss */
#about-map .outer-button .button {
  float: right !important;
}

/* line 571, ../scss/breakpoints/_768up.scss */
.desktop {
  display: block !important;
}

/* line 574, ../scss/breakpoints/_768up.scss */
.mobile {
  display: none !important;
}

/* line 578, ../scss/breakpoints/_768up.scss */
#general-sidebar #home-services {
  margin-top: 0 !important;
}

/******************************************************************
Site Name:
Author:
Stylesheet: Desktop Stylsheet
This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop.
******************************************************************/
/* line 9, ../scss/breakpoints/_1030up.scss */
.header .col:last-child {
  margin-top: -7px;
}
/* line 11, ../scss/breakpoints/_1030up.scss */
.header .col:last-child #phone {
  font-size: 3em;
}
/* line 16, ../scss/breakpoints/_1030up.scss */
.header .nav.top-nav li {
  font-size: 17.5px;
}
/* line 18, ../scss/breakpoints/_1030up.scss */
.header .nav.top-nav li a {
  padding: 0.40625em;
}

/* line 27, ../scss/breakpoints/_1030up.scss */
#home-services .inner-services .service {
  margin-bottom: inherit;
  margin-top: inherit;
  padding: 0.5%;
}
/* line 32, ../scss/breakpoints/_1030up.scss */
#home-services .inner-services .grid-inline {
  margin: 0 -0.5%;
}
/* line 35, ../scss/breakpoints/_1030up.scss */
#home-services .inner-services .grid.d-3 > * {
  width: 25% !important;
}
/* line 39, ../scss/breakpoints/_1030up.scss */
#home-services .inner-services .figcaption h3 {
  font-size: 20px;
  min-height: 60px;
}
/* line 43, ../scss/breakpoints/_1030up.scss */
#home-services .inner-services .figcaption p {
  min-height: 125px;
}
/* line 47, ../scss/breakpoints/_1030up.scss */
#home-services .inner-services .figcaption:hover h3 {
  font-size: 20px;
}

/**********Buying-Batteries***********/
/* line 59, ../scss/breakpoints/_1030up.scss */
#buying-batteries #home-posts .wrap1 {
  padding: 1em 3em 1em 0em;
}
/* line 61, ../scss/breakpoints/_1030up.scss */
#buying-batteries #home-posts .wrap1 .fa {
  line-height: 1.7;
}
/* line 67, ../scss/breakpoints/_1030up.scss */
#buying-batteries #home-post2 .wrap2 {
  padding: 1em 3em 1em 1em;
}

/**************Why-Us****************/
/* line 74, ../scss/breakpoints/_1030up.scss */
#why-us .middle-button {
  padding: 2em 0 2em;
}

/**********Inner-footer***********/
/* line 80, ../scss/breakpoints/_1030up.scss */
#inner-footer .col {
  font-size: 1rem;
  width: 33% !important;
}
/* line 83, ../scss/breakpoints/_1030up.scss */
#inner-footer .col:first-child {
  width: 33% !important;
}
/* line 86, ../scss/breakpoints/_1030up.scss */
#inner-footer .col:last-child {
  width: 33% !important;
}
/* line 90, ../scss/breakpoints/_1030up.scss */
#inner-footer #menu-footer-menu-1 {
  font-size: 17px;
}
/* line 94, ../scss/breakpoints/_1030up.scss */
#inner-footer .timings p {
  font-size: 17px;
}
/* line 98, ../scss/breakpoints/_1030up.scss */
#inner-footer .address, #inner-footer .mobile-phone, #inner-footer .email {
  font-size: 17px;
}

/* line 102, ../scss/breakpoints/_1030up.scss */
#about-map #home-about-us .wrap-about {
  max-width: 680px;
  padding: 1em 3em 1em 0em !important;
}

/********Sidebar********/
/* line 110, ../scss/breakpoints/_1030up.scss */
#general-sidebar #buying-batteries .wrap1 .contact {
  width: 43%;
}

/* line 116, ../scss/breakpoints/_1030up.scss */
#home-services .inner-services .figcaption {
  width: 65%;
}

/*
you can call the larger styles if you want, but there's really no need
*/
/******************************************************************
ADDITIONAL IE FIXES
These fixes are now ONLY seen by IE, so you don't have to worry
about using prefixes, although it's best practice. For more info
on using Modernizr classes, check out this link:
http://www.modernizr.com/docs/
******************************************************************/
/*
For example, you can use something like:

.no-textshadow .class { ... }

You can also target specific versions by using the classes applied to
the html element. These can sometimes change, so take a look inside the
header.php file to see what they are:


.lt-ie8 .class { ... }

*/