/******************************************************************
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
*********************/
/*JU added 10/22/2014*/
/******************************************************************
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 26, ../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;
}

/* line 41, ../scss/partials/_typography.scss */
.break-word {
  -ms-word-break: break-all;
  -ms-word-wrap: break-all;
  word-break: break-word;
  word-break: break-word;
}

@font-face {
  font-family: 'OpenSansRegular';
  src: url("/wp-content/themes/coastside/library/fonts/opensansregular.eot");
  src: url("/wp-content/themes/coastside/library/fonts/opensansregular.eot") format("embedded-opentype"), url("/wp-content/themes/coastside/library/fonts/opensansregular.woff") format("woff"), url("/wp-content/themes/coastside/library/fonts/opensansregular.ttf") format("truetype"), url("/wp-content/themes/coastside/library/fonts/opensansregular.svg#OpenSansRegular") format("svg");
}
@font-face {
  font-family: 'OpenSansBold';
  src: url("/wp-content/themes/coastside/library/fonts/opensans700.eot");
  src: url("/wp-content/themes/coastside/library/fonts/opensans700.eot") format("embedded-opentype"), url("/wp-content/themes/coastside/library/fonts/opensans700.woff") format("woff"), url("/wp-content/themes/coastside/library/fonts/opensans700.ttf") format("truetype"), url("/wp-content/themes/coastside/library/fonts/opensans700.svg#OpenSansBold") format("svg");
}
@font-face {
  font-family: "OpenSansSemibold";
  src: url("/wp-content/themes/coastside/library/fonts/614379883-Open-Sans-600.eot");
  src: url("/wp-content/themes/coastside/library/fonts/614379883-Open-Sans-600.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/coastside/library/fonts/614379883-Open-Sans-600.svg#Open Sans Semibold") format("svg"), url("/wp-content/themes/coastside/library/fonts/614379883-Open-Sans-600.woff") format("woff"), url("/wp-content/themes/coastside/library/fonts/614379883-Open-Sans-600.ttf") format("truetype");
}
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
/* line 90, ../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";
}

/******************************************************************
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
*********************/
/* line 29, ../scss/breakpoints/_481up.scss */
#home-services .figure .figlinks {
  padding-bottom: -5px;
}

/* .menu is clearfixed inside mixins.scss */
/* line 33, ../scss/breakpoints/_481up.scss */
.menu {
  /* end .menu ul */
}
/* line 34, ../scss/breakpoints/_481up.scss */
.menu ul {
  /* end .menu ul li */
  /* highlight current page */
  /* end current highlighters */
}
/* line 35, ../scss/breakpoints/_481up.scss */
.menu ul li {
  /*
  plan your menus and drop-downs wisely.
  */
}
/* line 36, ../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 81, ../scss/breakpoints/_481up.scss */
.entry-content {
  /* at this larger size, we can start to align images */
}
/* line 85, ../scss/breakpoints/_481up.scss */
.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}
/* line 90, ../scss/breakpoints/_481up.scss */
.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}
/* line 95, ../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 */
/******************************************************************
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 25, ../scss/breakpoints/_768up.scss */
.wrap {
  max-width: 1140px;
}
/* line 28, ../scss/breakpoints/_768up.scss */
.wrap.wrap-mobile {
  width: 96%;
}

/*********************
HEADER STYLES
*********************/
/* line 39, ../scss/breakpoints/_768up.scss */
.header #logo {
  max-width: 100%;
  margin-bottom: -6px;
}
/* line 44, ../scss/breakpoints/_768up.scss */
.header #phone, .header #mobile {
  font-size: 1.25em;
  line-height: 1.2em;
}
/* line 48, ../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;
}
/* line 55, ../scss/breakpoints/_768up.scss */
.header #inner-header {
  -moz-box-shadow: #eeeeee 0px 0px 0px 1px;
  -webkit-box-shadow: #eeeeee 0px 0px 0px 1px;
  box-shadow: #eeeeee 0px 0px 0px 1px;
}
/* line 63, ../scss/breakpoints/_768up.scss */
.header #inner-header .col {
  text-align: left;
  width: 50%;
  display: table-cell;
}
/* line 69, ../scss/breakpoints/_768up.scss */
.header #inner-header .col:last-child {
  vertical-align: bottom;
  text-align: right;
  padding-bottom: 10px;
}

/*********************
NAVIGATION STYLES
*********************/
/* line 84, ../scss/breakpoints/_768up.scss */
#navigation {
  background-color: #13436b;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF13436B', endColorstr='#FF13436B');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzNDM2YiIvPjxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjM2Y4OTllIi8+PHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiM0ODVhYTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzQzNmIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #13436b), color-stop(42%, #3f899e), color-stop(79%, #485aa0), color-stop(100%, #13436b));
  background-image: -moz-linear-gradient(left, #13436b 0%, #3f899e 42%, #485aa0 79%, #13436b 100%);
  background-image: -webkit-linear-gradient(left, #13436b 0%, #3f899e 42%, #485aa0 79%, #13436b 100%);
  background-image: linear-gradient(to right, #13436b 0%, #3f899e 42%, #485aa0 79%, #13436b 100%);
}
/* line 91, ../scss/breakpoints/_768up.scss */
#navigation #menu-main-menu {
  background-color: inherit;
  margin: 0px;
}

/* line 97, ../scss/breakpoints/_768up.scss */
.nav.top-nav {
  text-align: right;
  /* end .menu ul li */
  /* highlight current page */
  /* end current highlighters */
}
/* line 100, ../scss/breakpoints/_768up.scss */
.nav.top-nav ul {
  margin: 0;
}
/* line 104, ../scss/breakpoints/_768up.scss */
.nav.top-nav li {
  display: inline-block;
  position: relative;
  /*
  plan your menus and drop-downs wisely.
  */
  /* showing sub-menus */
}
/* line 108, ../scss/breakpoints/_768up.scss */
.nav.top-nav li a {
  text-decoration: none;
  /*
  you can use hover styles here even though this size
  has the possibility of being a mobile device.
  */
}
/* line 115, ../scss/breakpoints/_768up.scss */
.nav.top-nav li a:hover, .nav.top-nav li a:focus {
  text-decoration: none;
  border-bottom: 4px solid #fff;
}
/* line 127, ../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;
  background-color: #13436b;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF13436B', endColorstr='#FF13436B');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzNDM2YiIvPjxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjM2Y4OTllIi8+PHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiM0ODVhYTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzQzNmIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #13436b), color-stop(42%, #3f899e), color-stop(79%, #485aa0), color-stop(100%, #13436b));
  background-image: -moz-linear-gradient(left, #13436b 0%, #3f899e 42%, #485aa0 79%, #13436b 100%);
  background-image: -webkit-linear-gradient(left, #13436b 0%, #3f899e 42%, #485aa0 79%, #13436b 100%);
  background-image: linear-gradient(to right, #13436b 0%, #3f899e 42%, #485aa0 79%, #13436b 100%);
  min-width: 250px;
  /* highlight sub-menu current page */
}
/* line 138, ../scss/breakpoints/_768up.scss */
.nav.top-nav li ul.sub-menu li,
.nav.top-nav li ul.children li {
  display: block;
  /*
  if you need to go deeper, go nuts
  just remember deeper menus suck
  for usability. k, bai.
  */
}
/* line 141, ../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.75em;
  display: block;
  text-decoration: none;
  border-bottom: none;
}
/* line 148, ../scss/breakpoints/_768up.scss */
.nav.top-nav li ul.sub-menu li a:hover, .nav.top-nav li ul.sub-menu li a:focus,
.nav.top-nav li ul.children li a:hover,
.nav.top-nav li ul.children li a:focus {
  border-bottom: none;
  text-decoration: none;
}
/* line 170, ../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 180, ../scss/breakpoints/_768up.scss */
.nav.top-nav li ul.sub-menu li.current-menu-item a,
.nav.top-nav li ul.sub-menu li.current_page_item a,
.nav.top-nav li ul.sub-menu li.current_page_ancestor a,
.nav.top-nav li ul.children li.current-menu-item a,
.nav.top-nav li ul.children li.current_page_item a,
.nav.top-nav li ul.children li.current_page_ancestor a {
  text-decoration: none;
  border-bottom: none;
}
/* line 188, ../scss/breakpoints/_768up.scss */
.nav.top-nav li:hover > ul {
  top: auto;
  visibility: visible;
}
/* line 197, ../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-menu-parent a {
  text-decoration: none;
  border-bottom: 4px solid #fff;
}

/* end .nav */
/* line 215, ../scss/breakpoints/_768up.scss */
.sell .wrap {
  color: #13436b;
  text-align: left;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: black 0px 0px 10px -1px;
  -webkit-box-shadow: black 0px 0px 10px -1px;
  box-shadow: black 0px 0px 10px -1px;
  padding: 10px 100px;
  background-image: url(/wp-content/uploads/CoastSide-Element-LeftAlignedCurvedLines.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}
/* line 226, ../scss/breakpoints/_768up.scss */
.sell .wrap .col {
  display: table-cell;
}
/* line 227, ../scss/breakpoints/_768up.scss */
.sell .wrap .col:first-child {
  /*width:70%;*/
  float: left;
}
/* line 228, ../scss/breakpoints/_768up.scss */
.sell .wrap .col:last-child {
  width: 20%;
  vertical-align: bottom;
}

/*********************
SIDEBARS & ASIDES
*********************/
/* line 236, ../scss/breakpoints/_768up.scss */
.sidebar {
  margin-top: 20px;
}
/* line 240, ../scss/breakpoints/_768up.scss */
.sidebar .widget_service {
  margin-top: 25px;
}
/* line 243, ../scss/breakpoints/_768up.scss */
.sidebar .widget_service .service {
  width: 100% !important;
  display: block;
  background-size: cover;
}
/* line 248, ../scss/breakpoints/_768up.scss */
.sidebar .widget_service .service .figlinks {
  display: none;
}
/* line 251, ../scss/breakpoints/_768up.scss */
.sidebar #home-services2 {
  margin-top: 20px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 252, ../scss/breakpoints/_768up.scss */
.sidebar #home-services2 h3 {
  line-height: 40px;
  font-size: 2em;
}
/* line 255, ../scss/breakpoints/_768up.scss */
.sidebar #home-services2 .widget_service2 {
  background-color: #3f869e;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF3F869E', endColorstr='#FF446E9F');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmODY5ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0NmU5ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #3f869e), color-stop(100%, #446e9f));
  background-image: -moz-linear-gradient(left, #3f869e 0%, #446e9f 100%);
  background-image: -webkit-linear-gradient(left, #3f869e 0%, #446e9f 100%);
  background-image: linear-gradient(to right, #3f869e 0%, #446e9f 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0px 27px 15px 40px;
}
/* line 263, ../scss/breakpoints/_768up.scss */
.sidebar #home-services2 .widget_service2 .col1 .sidebar-img {
  display: block;
  overflow: hidden;
}
/* line 265, ../scss/breakpoints/_768up.scss */
.sidebar #home-services2 .widget_service2 .col1 .sidebar-img img {
  width: 280px;
  height: 130px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 273, ../scss/breakpoints/_768up.scss */
.sidebar #home-services2 .widget_service2 .col2 img {
  display: none;
}
/* line 276, ../scss/breakpoints/_768up.scss */
.sidebar #home-services2 .figure {
  display: block !important;
}
/* line 279, ../scss/breakpoints/_768up.scss */
.sidebar #home-services2 .figure .col1, .sidebar #home-services2 .figure .col2 {
  width: 100% !important;
  display: block !important;
}
/* line 285, ../scss/breakpoints/_768up.scss */
.sidebar .widget_service3 {
  background-color: #3f869e;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF3F869E', endColorstr='#FF446E9F');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmODY5ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0NmU5ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #3f869e), color-stop(100%, #446e9f));
  background-image: -moz-linear-gradient(left, #3f869e 0%, #446e9f 100%);
  background-image: -webkit-linear-gradient(left, #3f869e 0%, #446e9f 100%);
  background-image: linear-gradient(to right, #3f869e 0%, #446e9f 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 35px 15px 40px;
  margin-top: 20px !important;
}
/* line 292, ../scss/breakpoints/_768up.scss */
.sidebar .widget_service3 h2 {
  line-height: 40px;
  font-size: 2em;
}
/* line 293, ../scss/breakpoints/_768up.scss */
.sidebar .widget_service3 h3 {
  line-height: 30px;
  font-size: 1.5em;
}
/* line 296, ../scss/breakpoints/_768up.scss */
.sidebar .widget_service3 .figcaption img {
  width: 275px;
  height: 100px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 301, ../scss/breakpoints/_768up.scss */
.sidebar .widget_service3 .figcaption h3 {
  color: white;
  margin-top: 0px;
}
/* line 305, ../scss/breakpoints/_768up.scss */
.sidebar .widget_service3 .figcaption p {
  color: white;
  margin-top: 0px;
}
/* line 309, ../scss/breakpoints/_768up.scss */
.sidebar .widget_service3 .figcaption .button {
  float: right;
  background-color: white !important;
  color: #13436b !important;
  background-image: inherit !important;
}
/* line 312, ../scss/breakpoints/_768up.scss */
.sidebar .widget_service3 h2 {
  color: white;
  text-shadow: 0px 0px 7px black;
  margin-top: 0px;
}
/* line 318, ../scss/breakpoints/_768up.scss */
.sidebar .widget_faq {
  background-color: #3f869e;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF3F869E', endColorstr='#FF446E9F');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmODY5ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0NmU5ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #3f869e), color-stop(100%, #446e9f));
  background-image: -moz-linear-gradient(left, #3f869e 0%, #446e9f 100%);
  background-image: -webkit-linear-gradient(left, #3f869e 0%, #446e9f 100%);
  background-image: linear-gradient(to right, #3f869e 0%, #446e9f 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 35px 15px 40px;
  margin-top: 20px !important;
  margin-bottom: 20px;
  color: white;
}
/* line 327, ../scss/breakpoints/_768up.scss */
.sidebar .widget_faq dt#faq-71 {
  font-size: 1.3em;
  line-height: 30px;
  margin-bottom: 15px;
}
/* line 328, ../scss/breakpoints/_768up.scss */
.sidebar .widget_faq h2 {
  color: white;
  text-shadow: 0px 0px 7px black;
  margin-top: 0px;
}
/* line 333, ../scss/breakpoints/_768up.scss */
.sidebar .widget_faq img {
  width: 275px;
  height: 130px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 338, ../scss/breakpoints/_768up.scss */
.sidebar .widget_faq ol {
  display: none;
}
/* line 340, ../scss/breakpoints/_768up.scss */
.sidebar .widget_faq dl dt {
  color: white;
}
/* line 341, ../scss/breakpoints/_768up.scss */
.sidebar .widget_faq dl dd {
  color: white;
}
/* line 343, ../scss/breakpoints/_768up.scss */
.sidebar .widget_faq .button {
  float: right;
  background-color: white !important;
  color: #13436b !important;
  /*background-image: inherit !important;*/
}

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

/* line 352, ../scss/breakpoints/_768up.scss */
.widget {
  margin-bottom: 1.5em;
}
/* line 355, ../scss/breakpoints/_768up.scss */
.widget:last-child {
  margin: 0;
}
/* line 359, ../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 457, ../scss/breakpoints/_768up.scss */
.no-widgets {
  background-color: white;
  margin-bottom: 1.4375em;
  padding: 1.4375em 1.5em 0 1.5em;
  border: 1px solid #eeeeee;
  text-align: center;
}

/*********************
FOOTER STYLES
*********************/
/* line 472, ../scss/breakpoints/_768up.scss */
#inner-footer .footertitle {
  font-family: "OpenSansBold";
  color: white;
  padding-bottom: 0px;
  text-align: left;
  font-size: 30px;
}
/* line 481, ../scss/breakpoints/_768up.scss */
#inner-footer .col nav {
  margin-top: -6px;
  margin-bottom: 0px;
}
/* line 486, ../scss/breakpoints/_768up.scss */
#inner-footer .col .wrap {
  margin-top: -12px;
  width: 100%;
}
/* line 490, ../scss/breakpoints/_768up.scss */
#inner-footer .col .wrap .col:nth-of-type(3n+1) {
  width: 25%;
}
/* line 493, ../scss/breakpoints/_768up.scss */
#inner-footer .col .wrap .col:nth-of-type(3n+2) {
  width: 45%;
}
/* line 498, ../scss/breakpoints/_768up.scss */
#inner-footer ul#menu-footer-1 {
  display: inline-flex;
}
/* line 501, ../scss/breakpoints/_768up.scss */
#inner-footer ul#menu-footer-1 li a {
  font-size: 18px;
}
/* line 508, ../scss/breakpoints/_768up.scss */
#inner-footer ul#menu-footer-2 li a {
  font-size: 20px;
}
/* line 517, ../scss/breakpoints/_768up.scss */
#inner-footer ul#menu-footer-3 li a {
  font-size: 20px;
}
/* line 522, ../scss/breakpoints/_768up.scss */
#inner-footer .phone, #inner-footer .mobile, #inner-footer .address, #inner-footer .email {
  padding: 10px 0px;
  font-family: "OpenSansBold";
}
/* line 525, ../scss/breakpoints/_768up.scss */
#inner-footer .phone a, #inner-footer .mobile a, #inner-footer .address a, #inner-footer .email a {
  font-size: 20px;
}

/*
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 536, ../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 */
/*********************
HOME PAGE STYLES
*********************/
/* line 554, ../scss/breakpoints/_768up.scss */
#contact-form-float {
  position: fixed;
  z-index: 100;
  top: 20%;
  width: 500px;
  border-width: 0em;
  border-style: solid;
  padding: 0.75em;
  -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: white;
}
/* line 563, ../scss/breakpoints/_768up.scss */
#contact-form-float input#contact-form-secondary-validation {
  width: 75%;
  margin-top: 0px;
}
/* line 565, ../scss/breakpoints/_768up.scss */
#contact-form-float .contact-form-float-toggle {
  display: block;
  position: absolute;
  z-index: 11;
  left: -48px;
  bottom: 0px;
  margin: 0;
  font-size: 1.5em;
  line-height: 2em;
  line-height: 1;
  border-width: 0em;
  border-style: solid;
  padding: 0.75em;
  border: 2px solid #40819e;
  outline: none;
  background-color: white;
  color: #13436b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  padding: 0.4em 0.8125em;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  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 599, ../scss/breakpoints/_768up.scss */
#contact-form-float .wpcf7-submit {
  margin: 0;
  float: right;
}

/*********************
banner STYLES
*********************/
/* line 608, ../scss/breakpoints/_768up.scss */
.home .header {
  margin-bottom: -155px;
  position: relative;
  z-index: 100;
}

/* line 614, ../scss/breakpoints/_768up.scss */
.home #inner-content {
  margin-top: 0px;
  margin-bottom: 0px;
}
/* line 621, ../scss/breakpoints/_768up.scss */
.home #inner-content #home-slider .flexslider .figure {
  height: 33.8em;
}
/* line 622, ../scss/breakpoints/_768up.scss */
.home #inner-content #home-slider .flexslider .figcaption-content {
  padding: 0px 100px 50px 0px;
}
/* line 624, ../scss/breakpoints/_768up.scss */
.home #inner-content #home-slider .flexslider .figcaption-content .caption-bg {
  background-size: inherit;
}
/* line 626, ../scss/breakpoints/_768up.scss */
.home #inner-content #home-slider .flexslider .figcaption-content .caption-bg p {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  font-family: "OpenSansBold";
  color: #13436b;
  line-height: 35px;
  padding-left: 90px;
  text-align: center;
}

/* line 633, ../scss/breakpoints/_768up.scss */
#inner-footer .wrap {
  text-align: left;
}

/* line 635, ../scss/breakpoints/_768up.scss */
#home-services .service {
  width: 50%;
  padding-left: 0;
  padding-right: 0%;
}
/* line 640, ../scss/breakpoints/_768up.scss */
#home-services .service .figure .figlinks ul li a {
  font-size: 16px;
}
/* line 644, ../scss/breakpoints/_768up.scss */
#home-services .service:nth-of-type(3n+1) {
  padding-left: 0;
  padding-right: 0%;
  border-right: 1px solid #999999;
}
/* line 649, ../scss/breakpoints/_768up.scss */
#home-services .service:nth-of-type(3n+1) .figure .figlinks {
  background-image: url(/wp-content/uploads/CoastSide-Element-LeftAlignedCurvedLines.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-bottom: 55px;
}
/* line 655, ../scss/breakpoints/_768up.scss */
#home-services .service:nth-of-type(3n+1) .figure .figlinks ul li a {
  font-size: 16px;
}
/* line 661, ../scss/breakpoints/_768up.scss */
#home-services .figure {
  text-align: center;
}
/* line 666, ../scss/breakpoints/_768up.scss */
#home-services .figure .figcaption img.icon-img {
  width: auto;
  text-align: center;
  display: inline-block;
  margin-top: 50px;
  margin-bottom: 0px;
}
/* line 673, ../scss/breakpoints/_768up.scss */
#home-services .figure .figcaption h3 {
  margin-top: 0px;
  color: white;
  text-shadow: 0px 0px 7px black;
  font-size: 30px;
}
/* line 680, ../scss/breakpoints/_768up.scss */
#home-services .figure .figlinks {
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 682, ../scss/breakpoints/_768up.scss */
#home-services .figure .figlinks .quick-links {
  -moz-column-count: 3 !important;
  -webkit-column-count: 3 !important;
  column-count: 3 !important;
}

/* line 691, ../scss/breakpoints/_768up.scss */
#home-services2 {
  background-color: #13436b;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF13436B', endColorstr='#FF13436B');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzNDM2YiIvPjxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjM2Y4OTllIi8+PHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiM0ODVhYTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzQzNmIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #13436b), color-stop(42%, #3f899e), color-stop(79%, #485aa0), color-stop(100%, #13436b));
  background-image: -moz-linear-gradient(left, #13436b 0%, #3f899e 42%, #485aa0 79%, #13436b 100%);
  background-image: -webkit-linear-gradient(left, #13436b 0%, #3f899e 42%, #485aa0 79%, #13436b 100%);
  background-image: linear-gradient(to right, #13436b 0%, #3f899e 42%, #485aa0 79%, #13436b 100%);
}
/* line 696, ../scss/breakpoints/_768up.scss */
#home-services2 .service .figure {
  display: table;
}
/* line 699, ../scss/breakpoints/_768up.scss */
#home-services2 .service .figure .col1 {
  display: table-cell;
  width: 69%;
}
/* line 705, ../scss/breakpoints/_768up.scss */
#home-services2 .service .figure .col1 p.qwe {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 32px;
}
/* line 713, ../scss/breakpoints/_768up.scss */
#home-services2 .service .figure .col2 {
  display: table-cell;
  width: 29%;
}
/* line 717, ../scss/breakpoints/_768up.scss */
#home-services2 .service .figure .col2 img {
  width: 280px;
  height: 130px;
  float: right;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 723, ../scss/breakpoints/_768up.scss */
#home-services2 .service .figure .col2 .button {
  float: right;
  background-color: white !important;
  color: #13436b !important;
}

/* line 730, ../scss/breakpoints/_768up.scss */
#home-services3 #services3 {
  display: table-cell;
  width: 50%;
  padding-right: 2%;
}
/* line 734, ../scss/breakpoints/_768up.scss */
#home-services3 #services3 h2 {
  margin: 0px;
}
/* line 742, ../scss/breakpoints/_768up.scss */
#home-services3 #services3 .service .figure .figcaption .button {
  float: right;
}
/* line 747, ../scss/breakpoints/_768up.scss */
#home-services3 #home-faq {
  display: table-cell;
  width: 50%;
}
/* line 752, ../scss/breakpoints/_768up.scss */
#home-services3 #home-faq .faqs ol {
  display: none;
}
/* line 756, ../scss/breakpoints/_768up.scss */
#home-services3 #home-faq .faqs dl dt {
  color: #13436b;
  font-size: 24px;
  line-height: 30px;
}
/* line 764, ../scss/breakpoints/_768up.scss */
#home-services3 #home-faq .button {
  float: right;
}

/* line 769, ../scss/breakpoints/_768up.scss */
#home-brands h2 {
  font-size: 30px;
}
/* line 775, ../scss/breakpoints/_768up.scss */
#home-brands .flexslider .flex-direction-nav a.flex-prev {
  left: 0px;
  color: #40819e !important;
}
/* line 779, ../scss/breakpoints/_768up.scss */
#home-brands .flexslider .flex-direction-nav a.flex-next {
  right: 0px;
  color: #40819e !important;
}

/* line 787, ../scss/breakpoints/_768up.scss */
.wpcf7-form-control.wpcf7-captchar {
  width: 75%;
  margin-top: -15px;
}

/* line 791, ../scss/breakpoints/_768up.scss */
input.wpcf7-form-control.wpcf7-submit.button {
  float: right;
  margin-top: 15px;
}

/* line 792, ../scss/breakpoints/_768up.scss */
#home-services3 #services3 .service .figure .figcaption .button {
  margin-bottom: 0px;
}

/* line 795, ../scss/breakpoints/_768up.scss */
form input[type="submit"]:hover, .button:focus, form input[type="submit"]:focus, form input[type="submit"] {
  float: left;
  color: #13436b !important;
  background-color: white !important;
  border: 1px solid #13436b;
}

/* line 802, ../scss/breakpoints/_768up.scss */
#home-services3 #services3 .service .figure .figcaption .button {
  margin-bottom: 20px;
}

/* line 805, ../scss/breakpoints/_768up.scss */
.page-template-page-faq-php .sidebar .widget_faq dd p {
  font-weight: normal;
}

/* line 806, ../scss/breakpoints/_768up.scss */
.page-template-page-faq-php .sidebar .widget_service2 .col1 p {
  font-weight: normal;
}

/* line 807, ../scss/breakpoints/_768up.scss */
.page-template-page-faq-php .sidebar .widget_service3 .figcaption p {
  font-weight: normal;
}

/******************************************************************
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 11, ../scss/breakpoints/_1030up.scss */
#home-services .figure .figlinks .quick-links {
  -moz-column-count: 3 !important;
  -webkit-column-count: 3 !important;
  column-count: 3 !important;
}

/* line 16, ../scss/breakpoints/_1030up.scss */
#home-services .service:nth-of-type(3n+1) .figure .figlinks ul {
  margin-left: 13%;
}

/*#home-services .service:nth-of-type(3n+2) .figure .figlinks ul{
	margin-right: 2%;
}*/
/* line 22, ../scss/breakpoints/_1030up.scss */
#home-services .service:nth-of-type(3n+2) .figure .figlinks ul {
  margin-right: 13%;
}

/* line 27, ../scss/breakpoints/_1030up.scss */
#home-services3 #services3 {
  display: table-cell;
  width: 50%;
}
/* line 30, ../scss/breakpoints/_1030up.scss */
#home-services3 #services3 h2 {
  margin: 0px;
}
/* line 35, ../scss/breakpoints/_1030up.scss */
#home-services3 #services3 .service .figure .figcaption {
  width: 76%;
}
/* line 44, ../scss/breakpoints/_1030up.scss */
#home-services3 #home-faq {
  display: table-cell;
  width: 50%;
}

/* line 49, ../scss/breakpoints/_1030up.scss */
.home #inner-content #home-slider .flexslider .figcaption-content .caption-bg p {
  font-size: 20px;
}

/* line 50, ../scss/breakpoints/_1030up.scss */
#home-slider .flexslider .figcaption .figcaption-content .caption-bg .col2 .button {
  font-size: 20px;
}

/* line 51, ../scss/breakpoints/_1030up.scss */
#home-services .service .figure .figlinks ul li a {
  font-size: 20px;
}

/* line 54, ../scss/breakpoints/_1030up.scss */
#home-services .service:nth-of-type(3n+1) .figure .figlinks ul li a {
  font-size: 20px;
}

/* line 57, ../scss/breakpoints/_1030up.scss */
#home-slider .flexslider .flex-prev {
  left: 100px;
}

/* line 60, ../scss/breakpoints/_1030up.scss */
#home-slider .flexslider .flex-next {
  right: 100px;
}

/*
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 { ... }

*/