/******************************************************************
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 57, ../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:\Ruby200-x64\lib\ruby\gems\2.0.0\gems\compass-core-1.0.0\stylesheets\compass\typography\_vertical_rhythm.scss */
html {
  font-size: 100%;
  line-height: 1.625em;
}

@font-face {
  font-family: 'myriad_pro_regular';
  src: url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro.eot");
  src: url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro.woff") format("woff"), url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro.ttf") format("truetype"), url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'myriad_pro_bold';
  src: url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro-Bold.eot");
  src: url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro-Bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro-Bold.woff") format("woff"), url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro-Bold.ttf") format("truetype"), url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro-Bold.svg#open_sansextrabold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'myriad_pro_italic';
  src: url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro-CondensedItalic.eot");
  src: url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro-CondensedItalic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro-CondensedItalic.woff") format("woff"), url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro-CondensedItalic.ttf") format("truetype"), url("/wp-content/themes/mycaraccidentlawyer/library/fonts/MyriadWebPro-CondensedItalic.svg#open_sansextrabold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontawesomeregular';
  src: url("/wp-content/themes/mycaraccidentlawyer/library/fonts/fontawesome-webfont-webfont.eot");
  src: url("/wp-content/themes/mycaraccidentlawyer/library/fonts/fontawesome-webfont-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/mycaraccidentlawyer/library/fonts/fontawesome-webfont-webfont.woff") format("woff"), url("/wp-content/themes/mycaraccidentlawyer/library/fonts/fontawesome-webfont-webfont.ttf") format("truetype"), url("/wp-content/themes/mycaraccidentlawyer/library/fonts/fontawesome-webfont-webfont.svg#fontawesomeregular") 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 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 */
/* line 108, ../scss/breakpoints/_481up.scss */
#content-with-bg .footer-orange-line .col:last-child .header-phone .phone-name {
  width: 36%;
  text-align: right;
}

/*********************
FOOTER STYLES
*********************/
/*
check your menus here. do they look good?
do they need tweaking?
*/
/* end .footer-links */
/* line 133, ../scss/breakpoints/_481up.scss */
.page-template-what-to-do #header-area .hero-image img {
  padding: 5em 7em 4em 7em;
}

/****************Property Damage***************/
/* line 139, ../scss/breakpoints/_481up.scss */
.page-template-page-property-damage #header-area .hero-image img {
  padding: 4em 4em;
}

/************Contact Page***********/
/* line 146, ../scss/breakpoints/_481up.scss */
.page-template-page-contact #header-area .hero-image img {
  padding: 2em 7em 2em 8em;
}

/* line 150, ../scss/breakpoints/_481up.scss */
.glyphicon-minus {
  right: 2.3em !important;
}

/******************************************************************
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%;
}
/* line 44, ../scss/breakpoints/_768up.scss */
.header #phone {
  font-size: 2.25em;
  line-height: 1.44444em;
}
/* 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 57, ../scss/breakpoints/_768up.scss */
.header .col:last-child {
  padding-top: 1.5em;
}
/* line 62, ../scss/breakpoints/_768up.scss */
.header .wrap {
  width: 94%;
}
/* line 68, ../scss/breakpoints/_768up.scss */
.header #inner-header .wrap .grid-justify {
  text-align: justify !important;
}
/* line 73, ../scss/breakpoints/_768up.scss */
.header #site-description {
  margin-right: 15px;
}

/*********************
NAVIGATION STYLES
*********************/
/* line 82, ../scss/breakpoints/_768up.scss */
#navigation {
  background-color: #f87d1d;
  border-bottom: 5px solid #424242;
}

/* line 87, ../scss/breakpoints/_768up.scss */
.nav.top-nav {
  text-align: center;
  /* end .menu ul li */
  /* highlight current page */
  /* end current highlighters */
}
/* line 90, ../scss/breakpoints/_768up.scss */
.nav.top-nav ul {
  margin: 0;
}
/* line 94, ../scss/breakpoints/_768up.scss */
.nav.top-nav li {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 17px;
  /*
  plan your menus and drop-downs wisely.
  */
  /* showing sub-menus */
}
/* line 100, ../scss/breakpoints/_768up.scss */
.nav.top-nav li a {
  color: #ededed;
  padding: 0.40625em 0.3em;
  /*
  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: #d9d9d9;
}
/* line 119, ../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;
  /* highlight sub-menu current page */
}
/* line 126, ../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 128, ../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 152, ../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 167, ../scss/breakpoints/_768up.scss */
.nav.top-nav li:hover > ul {
  top: auto;
  visibility: visible;
}
/* line 178, ../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 189, ../scss/breakpoints/_768up.scss */
.sidebar {
  display: block;
}

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

/* line 198, ../scss/breakpoints/_768up.scss */
.widget {
  margin-bottom: 1.625em;
}
/* line 201, ../scss/breakpoints/_768up.scss */
.widget:last-child {
  margin: 0;
}
/* line 205, ../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 303, ../scss/breakpoints/_768up.scss */
.no-widgets {
  background-color: white;
  margin-bottom: 1.5625em;
  padding: 1.5625em 1.625em 0 1.625em;
  border: 1px solid #eeeeee;
  text-align: center;
}

/*********************
FOOTER STYLES
*********************/
/* line 323, ../scss/breakpoints/_768up.scss */
#inner-footer .image-h1 .footer-phone-image {
  width: 30%;
  padding-right: 11em;
}
/* line 327, ../scss/breakpoints/_768up.scss */
#inner-footer .image-h1 .footer-h1 {
  text-align: left;
}
/* line 332, ../scss/breakpoints/_768up.scss */
#inner-footer .footer-contact li {
  padding: 0 0.5em;
}

/*
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 345, ../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 360, ../scss/breakpoints/_768up.scss */
#copyright nav {
  text-align: center;
}
/* line 363, ../scss/breakpoints/_768up.scss */
#copyright a {
  padding: 0.40625em 0.4em;
}
/* line 367, ../scss/breakpoints/_768up.scss */
#copyright #menu-main-menu-1 li {
  display: inline-block;
}

/*********************
HOME PAGE STYLES
*********************/
/* line 379, ../scss/breakpoints/_768up.scss */
#contact-form-float {
  position: fixed;
  z-index: 3;
  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: white;
}
/* line 388, ../scss/breakpoints/_768up.scss */
#contact-form-float .contact-form-float-toggle {
  display: block;
  position: absolute;
  z-index: 11;
  left: 0;
  top: 0;
  margin: 0;
  font-size: 1.5em;
  line-height: 1.625em;
  line-height: 1;
  border-width: 0em;
  border-style: solid;
  padding: 0.8125em;
  border: none;
  outline: none;
  background-color: #f87d1d;
  color: white;
  -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 419, ../scss/breakpoints/_768up.scss */
#contact-form-float .wpcf7-submit {
  margin: 0;
}

/* line 426, ../scss/breakpoints/_768up.scss */
#main-content-home .col {
  width: 33% !important;
  padding: 3em 0;
}

/* line 435, ../scss/breakpoints/_768up.scss */
.accident-layer .testi .fa-quote-right {
  margin-right: 2em !important;
}

/* line 443, ../scss/breakpoints/_768up.scss */
.footer-orange-line .col:first-child {
  text-align: right;
  display: inline-block;
}
/* line 446, ../scss/breakpoints/_768up.scss */
.footer-orange-line .col:first-child img {
  margin: 0;
}
/* line 450, ../scss/breakpoints/_768up.scss */
.footer-orange-line .col:last-child {
  text-align: left;
  display: inline-block;
  width: 25%;
  margin: 0 2em;
}
/* line 455, ../scss/breakpoints/_768up.scss */
.footer-orange-line .col:last-child .header-phone {
  margin-bottom: 0.1em;
}
/* line 457, ../scss/breakpoints/_768up.scss */
.footer-orange-line .col:last-child .header-phone .phone-name {
  width: 47%;
  float: left;
  color: #424242;
  font-size: 13px;
  font-weight: normal;
}
/* line 464, ../scss/breakpoints/_768up.scss */
.footer-orange-line .col:last-child .header-phone .phone-number {
  font-size: 25px;
  white-space: nowrap;
}

/* line 474, ../scss/breakpoints/_768up.scss */
#orange-area .ul-new-home {
  padding: 0 1em;
}
/* line 476, ../scss/breakpoints/_768up.scss */
#orange-area .ul-new-home li {
  width: 49%;
}
/* line 478, ../scss/breakpoints/_768up.scss */
#orange-area .ul-new-home li .fa {
  margin-right: 0px;
  margin-left: -1em;
}

/* line 488, ../scss/breakpoints/_768up.scss */
#main-content-home .col p {
  min-height: 155px;
}

/*****************Page-What To Do**************/
/* line 498, ../scss/breakpoints/_768up.scss */
.page-template-what-to-do #header-area .hero-image img {
  padding: 3em 3em;
}
/* line 502, ../scss/breakpoints/_768up.scss */
.page-template-what-to-do #main-content-home h3 {
  padding: 0 8%;
}
/* line 506, ../scss/breakpoints/_768up.scss */
.page-template-what-to-do .ul-what-to-do {
  padding: 0 3em !important;
}
/* line 509, ../scss/breakpoints/_768up.scss */
.page-template-what-to-do .ul-what-to-do li .fa {
  margin-left: -1.5em !important;
  margin-right: 0.5em !important;
}

/* line 519, ../scss/breakpoints/_768up.scss */
#content-with-bg .footer-orange-line .col:last-child {
  text-align: center;
  display: inline-block;
  width: 40%;
  margin: 0 auto;
}

/* line 525, ../scss/breakpoints/_768up.scss */
#content-with-bg .footer-orange-line .col:first-child {
  text-align: center;
  display: inline-block;
}

/* line 536, ../scss/breakpoints/_768up.scss */
#content-with-bg .footer-orange-line .col:last-child .header-phone .phone-name {
  width: 40%;
  text-align: left;
}
/* line 540, ../scss/breakpoints/_768up.scss */
#content-with-bg .footer-orange-line .col:last-child .header-phone .phone-number {
  float: left;
}
/* line 548, ../scss/breakpoints/_768up.scss */
#content-with-bg .check-point1 .check-point-left {
  width: 50% !important;
  padding-right: 10%;
  float: left;
}

/* line 559, ../scss/breakpoints/_768up.scss */
.page-template-page-contact #main-content-home {
  background: url("../images/sky.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
/* line 565, ../scss/breakpoints/_768up.scss */
.page-template-page-contact #main-content-home .contact-text {
  width: 50%;
  text-align: right;
}
/* line 570, ../scss/breakpoints/_768up.scss */
.page-template-page-contact #main-content-home .contact-form {
  width: 50%;
  padding: 4% 0% 3% 18%;
}
/* line 576, ../scss/breakpoints/_768up.scss */
.page-template-page-contact .accident-layer {
  background: rgba(227, 243, 245, 0.95) !important;
}

/* line 582, ../scss/breakpoints/_768up.scss */
#main-content-home .col {
  float: left;
}

/************Page-Claim-Process**************/
/* line 602, ../scss/breakpoints/_768up.scss */
#content-with-bg .accident-layer .testi .fa-quote-left {
  margin-left: 2em !important;
}

/* line 607, ../scss/breakpoints/_768up.scss */
.glyphicon-minus {
  right: 8em !important;
  margin-top: -55px;
}

/* line 614, ../scss/breakpoints/_768up.scss */
.second-tab li .fa {
  margin-left: -2em !important;
}

/*********TPD-Page-Template********/
/* line 622, ../scss/breakpoints/_768up.scss */
.page-template-page-TPD #header-area .hero-image img {
  padding: 0em 0em;
  margin: 3.5em 0;
}
/* line 626, ../scss/breakpoints/_768up.scss */
.page-template-page-TPD .tpd-title {
  padding: 0 15%;
}

@media (max-width: 1024px) {
  /* line 633, ../scss/breakpoints/_768up.scss */
  .glyphicon-minus {
    right: 2em !important;
    margin-top: -55px !important;
  }
}
@media (max-width: 768px) {
  /* line 640, ../scss/breakpoints/_768up.scss */
  .glyphicon-minus {
    right: 1.7em !important;
    margin-top: -55px !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 12, ../scss/breakpoints/_1030up.scss */
#orange-area {
  overflow: hidden;
}
/* line 14, ../scss/breakpoints/_1030up.scss */
#orange-area .ul-new-home {
  padding: 0 1em;
}
/* line 16, ../scss/breakpoints/_1030up.scss */
#orange-area .ul-new-home li {
  width: 100%;
}
/* line 18, ../scss/breakpoints/_1030up.scss */
#orange-area .ul-new-home li .fa {
  margin-right: 7px;
  margin-left: -1em;
  font-size: 30px;
}
/* line 25, ../scss/breakpoints/_1030up.scss */
#orange-area .col1 {
  width: 45%;
  float: left;
}
/* line 29, ../scss/breakpoints/_1030up.scss */
#orange-area .col2 {
  width: 35%;
  float: left;
}
/* line 33, ../scss/breakpoints/_1030up.scss */
#orange-area .col3 {
  width: 20%;
  float: left;
}

/* line 41, ../scss/breakpoints/_1030up.scss */
#main-content-home .col p {
  min-height: 110px;
}

/* line 48, ../scss/breakpoints/_1030up.scss */
#content-with-bg .accident-layer .testi .fa-quote-right {
  margin-top: -2em !important;
}

/*********************
NAVIGATION STYLES
*********************/
/* line 60, ../scss/breakpoints/_1030up.scss */
#inner-footer .image-h1 .footer-phone-image {
  padding-right: 1em;
}

/* line 68, ../scss/breakpoints/_1030up.scss */
.footer-orange-line .col:last-child {
  width: 36% !important;
  padding-left: 1%;
}
/* line 72, ../scss/breakpoints/_1030up.scss */
.footer-orange-line .col:last-child .header-phone .phone-name {
  width: 41%;
  text-align: left !important;
  font-size: 14px !important;
}

/* line 85, ../scss/breakpoints/_1030up.scss */
#navigation .nav.top-nav li a {
  padding: 0.40625em 2em;
}

/* line 92, ../scss/breakpoints/_1030up.scss */
#copyright a {
  padding: 0.40625em 2.5em;
}

/************Page-Claim-Process**************/
/* line 100, ../scss/breakpoints/_1030up.scss */
.page-template-page-claim-process .orange-area {
  padding: 0 7em;
}

/*************What To Do***************/
/* line 108, ../scss/breakpoints/_1030up.scss */
.page-template-what-to-do #main-content-home .sky-bg {
  padding: 0 15%;
}

/************Contact Page***********/
/* line 114, ../scss/breakpoints/_1030up.scss */
.page-template-page-contact .hero-image {
  padding: 2em 0 !important;
}
/* line 116, ../scss/breakpoints/_1030up.scss */
.page-template-page-contact .hero-image img {
  padding: 3em 8em 2em 8em !important;
}

/* line 122, ../scss/breakpoints/_1030up.scss */
.orange-area {
  padding: 0 5em;
}

/***************Home-Page**************/
/* line 128, ../scss/breakpoints/_1030up.scss */
.page-template-page-home .orange-area {
  padding: 0 2em;
}
/* line 130, ../scss/breakpoints/_1030up.scss */
.page-template-page-home .orange-area h2 {
  padding: 0 15% 2% !important;
}

/* line 136, ../scss/breakpoints/_1030up.scss */
.glyphicon-minus {
  right: 10.5em !important;
  margin-top: -55px !important;
}

/***************Claim-Process*****************/
/* line 144, ../scss/breakpoints/_1030up.scss */
.page-template-page-claim-process .orange-area {
  padding: 0 8em;
}

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

*/