@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.recurringbilling, form.verify-human, .listing .sendmail form, .home .featured.featured-provider, .ordermeta, .secure_cc {
  background-color: #fff;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
}

.ordermeta, .secure_cc {
  background-color: #e1e1e1;
}

.whatsnext, .control-panel-included, .modern .search-everywhere, .rating,
.provider-notes, .listing .sendmail form, .home .directory-start a, .home .latest-news, .home .featured.featured-region, .home .mobile-options, .home .mobile-options article,
.home article.join-option, aside.secondary,
.secondary aside, figure, #member_tools {
  background-color: #000;
  color: #fefefe;
  font-family: "Century Gothic", CenturyGothic, "Helvetica Neue", Futura, "Apple Gothic", AppleGothic, Arial, sans-serif;
}
.whatsnext a:link, .control-panel-included a:link, .modern .search-everywhere a:link, .rating a:link,
.provider-notes a:link, .listing .sendmail form a:link, .home .directory-start a a:link, .home .latest-news a:link, .home .featured.featured-region a:link, .home .mobile-options a:link,
.home article.join-option a:link, aside.secondary a:link,
.secondary aside a:link, figure a:link, #member_tools a:link {
  color: #fefefe;
}
.whatsnext a:visited, .control-panel-included a:visited, .modern .search-everywhere a:visited, .rating a:visited,
.provider-notes a:visited, .listing .sendmail form a:visited, .home .directory-start a a:visited, .home .latest-news a:visited, .home .featured.featured-region a:visited, .home .mobile-options a:visited,
.home article.join-option a:visited, aside.secondary a:visited,
.secondary aside a:visited, figure a:visited, #member_tools a:visited {
  color: #fefefe;
}
.whatsnext p a:link, .control-panel-included p a:link, .modern .search-everywhere p a:link, .rating p a:link,
.provider-notes p a:link, .listing .sendmail form p a:link, .home .directory-start a p a:link, .home .latest-news p a:link, .home .featured.featured-region p a:link, .home .mobile-options p a:link,
.home article.join-option p a:link, aside.secondary p a:link,
.secondary aside p a:link, figure p a:link, #member_tools p a:link,
.whatsnext li a:link,
.control-panel-included li a:link,
.modern .search-everywhere li a:link,
.rating li a:link,
.provider-notes li a:link,
.listing .sendmail form li a:link,
.home .directory-start a li a:link,
.home .latest-news li a:link,
.home .featured.featured-region li a:link,
.home .mobile-options li a:link,
.home article.join-option li a:link,
aside.secondary li a:link,
.secondary aside li a:link,
figure li a:link,
#member_tools li a:link {
  border-bottom-color: #fefefe;
}
.whatsnext p a:visited, .control-panel-included p a:visited, .modern .search-everywhere p a:visited, .rating p a:visited,
.provider-notes p a:visited, .listing .sendmail form p a:visited, .home .directory-start a p a:visited, .home .latest-news p a:visited, .home .featured.featured-region p a:visited, .home .mobile-options p a:visited,
.home article.join-option p a:visited, aside.secondary p a:visited,
.secondary aside p a:visited, figure p a:visited, #member_tools p a:visited,
.whatsnext li a:visited,
.control-panel-included li a:visited,
.modern .search-everywhere li a:visited,
.rating li a:visited,
.provider-notes li a:visited,
.listing .sendmail form li a:visited,
.home .directory-start a li a:visited,
.home .latest-news li a:visited,
.home .featured.featured-region li a:visited,
.home .mobile-options li a:visited,
.home article.join-option li a:visited,
aside.secondary li a:visited,
.secondary aside li a:visited,
figure li a:visited,
#member_tools li a:visited {
  border-bottom-color: #b2b2b2;
}
.whatsnext p a:hover, .control-panel-included p a:hover, .modern .search-everywhere p a:hover, .rating p a:hover,
.provider-notes p a:hover, .listing .sendmail form p a:hover, .home .directory-start a p a:hover, .home .latest-news p a:hover, .home .featured.featured-region p a:hover, .home .mobile-options p a:hover,
.home article.join-option p a:hover, aside.secondary p a:hover,
.secondary aside p a:hover, figure p a:hover, #member_tools p a:hover,
.whatsnext li a:hover,
.control-panel-included li a:hover,
.modern .search-everywhere li a:hover,
.rating li a:hover,
.provider-notes li a:hover,
.listing .sendmail form li a:hover,
.home .directory-start a li a:hover,
.home .latest-news li a:hover,
.home .featured.featured-region li a:hover,
.home .mobile-options li a:hover,
.home article.join-option li a:hover,
aside.secondary li a:hover,
.secondary aside li a:hover,
figure li a:hover,
#member_tools li a:hover {
  border-bottom-color: #ff6e03;
}

input,
textarea,
button,
.button,
select,
.checkbox-list label,
label[for=billing_same_as_location],
.geolocate {
  display: block;
  width: 96%;
  padding: 0.55em 1%;
  margin: 0 2% 0 2%;
  font-size: 145%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  background-color: #e1e1e1;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 801px) {
  input,
textarea,
button,
.button,
select,
.checkbox-list label,
label[for=billing_same_as_location],
.geolocate {
    padding: 0.55em;
  }
}

.review blockquote, .resultlist li .featured-rating blockquote {
  position: relative;
  font-style: italic;
  background: #fff;
  border-radius: 16px;
  padding: 0.5em 0.5em;
  border: 2px solid #e0e0e0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
  display: inline-block;
}
.review blockquote:before, .resultlist li .featured-rating blockquote:before {
  content: "“";
  font-size: 2.5em;
  position: relative;
  top: 0.3em;
  margin-right: 0.1em;
  font-family: "Times New Roman", Times, serif;
}
.review blockquote:after, .resultlist li .featured-rating blockquote:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 20px;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-top-color: #fff;
  border-bottom: 0;
  border-right: 0;
  filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.1));
}

@-ms-viewport {
  width: device-width;
}
html {
  height: 100%;
}

body {
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #333;
  position: relative;
  background-color: black;
  min-height: 100%;
}
@media screen and (min-width: 801px) {
  body {
    font-size: 85%;
  }
}

h1,
h2,
h3,
h4,
h5,
header {
  font-family: "Century Gothic", CenturyGothic, "Helvetica Neue", Futura, "Apple Gothic", AppleGothic, Arial, sans-serif;
  font-size: 100%;
}

h1 {
  font-size: 218%;
}

h2 {
  font-size: 164%;
}

h3 {
  font-size: 145%;
}

h4 {
  font-size: 118%;
}

h5 {
  font-size: 85%;
}

h6 {
  font-size: 72%;
}

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

a:link {
  text-decoration: none;
}

h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
p a:link,
.compare li a:link,
.compare footer a.more:link,
.pending-reasons a:link,
.quick-links a:link,
.cams a:link {
  color: #333;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited,
p a:visited,
.compare li a:visited,
.compare footer a.more:visited,
.pending-reasons a:visited,
.quick-links a:visited,
.cams a:visited {
  color: #666666;
}
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus,
p a:focus,
.compare li a:focus,
.compare footer a.more:focus,
.pending-reasons a:focus,
.quick-links a:focus,
.cams a:focus {
  color: #fefefe;
  background: #ff6e03;
}
@media screen and (min-width: 801px) {
  h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover,
.compare li a:hover,
.compare footer a.more:hover,
.pending-reasons a:hover,
.quick-links a:hover,
.cams a:hover {
    color: #fefefe;
    background: #ff6e03;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 1.33em 0;
  line-height: 1.2em;
}

p a:not(.button):link,
.compare li a:not(.button):link,
.compare footer a.more a:not(.button):link,
.pending-reasons a:not(.button):link,
.cams a:not(.button):link {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-decoration-color: #333;
}
p a:not(.button):focus,
.compare li a:not(.button):focus,
.compare footer a.more a:not(.button):focus,
.pending-reasons a:not(.button):focus,
.cams a:not(.button):focus {
  text-decoration-color: #ff6e03;
}
@media screen and (min-width: 801px) {
  p a:not(.button):hover,
.compare li a:not(.button):hover,
.compare footer a.more a:not(.button):hover,
.pending-reasons a:not(.button):hover,
.cams a:not(.button):hover {
    text-decoration-color: #ff6e03;
  }
}

svg {
  overflow: hidden;
}

.logo svg,
.logo img {
  position: absolute;
  top: 0;
  left: 0;
}

.logo .wrench,
.loading-screen .wrench {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 1449px 875px;
  -moz-transform-origin: 1449px 875px;
  -ms-transform-origin: 1449px 875px;
  transform-origin: 1449px 875px;
}

.icon {
  height: 1.5em;
  width: 1.5em;
  display: inline;
}

.toggle {
  display: block;
  position: relative;
  height: 0;
  width: 12%;
  padding-bottom: 9%;
  padding-top: 2.8%;
  float: right;
  font-size: 85%;
}
.toggle svg,
.toggle span,
.toggle img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  text-transform: uppercase;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  /*
  & span {
  	position: relative;
  	top: 50%;
  	display: block;
  	@include translateY(-50%);
  }
  */
}
.toggle svg {
  height: 60%;
  top: 20%;
  fill: #626262;
  color: #626262;
}
.toggle span {
  text-indent: -9999em;
  display: block;
}

body > header {
  background: #fff;
  border-bottom: 1px solid #ff6e03;
  position: relative;
  z-index: 5;
}
body > header .logo {
  display: block;
  position: relative;
  height: 0;
  width: 50%;
  padding-bottom: 9%;
  float: left;
  z-index: 5;
  margin: 1.4% 0 1.4% 2%;
}
@media screen and (min-width: 801px) {
  body > header {
    background-image: linear-gradient(to right, #ff6e03 0%, #ff6e03 1.5%, #FFF 1.5%);
  }
  body > header .logo {
    width: 25%;
    padding-bottom: 4.5%;
    margin: 0.4% 0 0.4% 4%;
  }
  body > header .menu,
body > header .search {
    display: none;
  }
}

.membertools {
  position: absolute;
  top: 0;
  right: 24%;
  z-index: 5;
}

.nav-active > header .menu {
  background: #000;
}
.nav-active > header .menu span {
  border-bottom: 1px solid #000;
}
.nav-active > header .menu svg {
  fill: #fefefe;
}
.nav-active > header .menu svg path {
  fill: #fefefe;
}

.search-active > header .search {
  background: #000;
}
.search-active > header .search span {
  border-bottom: 1px solid #000;
}
.search-active > header .search svg {
  fill: #fefefe;
}
.search-active > header .search svg path {
  fill: #fefefe;
}

.membertools-active .membertools {
  background: #262626;
}
.membertools-active .membertools span {
  border-bottom: 1px solid #262626;
}
.membertools-active .membertools svg {
  fill: #fefefe;
}
.membertools-active .membertools svg path {
  fill: #fefefe;
}

@media screen and (min-width: 801px) {
  .membertools {
    padding-bottom: 0;
    padding-top: 0;
    height: auto;
    width: auto;
    line-height: 150%;
    color: #626262;
    padding-right: 0.3em;
    font-size: 100%;
    right: 4%;
  }
  .membertools span {
    text-indent: 0;
    display: inline;
    position: static;
    text-transform: capitalize;
  }
  .membertools svg {
    width: 1em;
    height: 1em;
    position: static;
    margin-right: 0.25em;
  }
  .membertools-active .membertools {
    background: none;
    border-bottom: none;
  }
  .membertools-active .membertools span {
    color: #fefefe;
    border-bottom: none;
  }
  .membertools-active .membertools svg {
    display: none;
  }
  .membertools-active .membertools:before {
    content: "⨉";
    color: #fefefe;
    font-size: 125%;
    margin-right: 0.25em;
    line-height: 100%;
  }
}
#main_nav,
#supplemental_nav {
  background: #000;
  color: #fefefe;
  border-top: 5px solid #fefefe;
}
#main_nav h5,
#supplemental_nav h5 {
  padding: 0.5em 2%;
}
#main_nav ul,
#supplemental_nav ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#main_nav a, #main_nav button,
#supplemental_nav a,
#supplemental_nav button {
  border-top: 1px solid #fefefe;
  list-style-type: none;
  margin: 0;
  display: block;
  line-height: 2.5em;
  padding: 0 2%;
  -webkit-transition: background-color 0.25s, color 0.25s;
  -moz-transition: background-color 0.25s, color 0.25s;
  -o-transition: background-color 0.25s, color 0.25s;
  transition: background-color 0.25s, color 0.25s;
}
#main_nav a:link, #main_nav a:visited, #main_nav button:link, #main_nav button:visited,
#supplemental_nav a:link,
#supplemental_nav a:visited,
#supplemental_nav button:link,
#supplemental_nav button:visited {
  color: #fefefe;
}
#main_nav a:hover, #main_nav a:focus, #main_nav button:hover, #main_nav button:focus,
#supplemental_nav a:hover,
#supplemental_nav a:focus,
#supplemental_nav button:hover,
#supplemental_nav button:focus {
  color: #fefefe;
  background: #626262;
}
#main_nav form,
#supplemental_nav form {
  display: inline;
}
#main_nav button[type=submit],
#supplemental_nav button[type=submit] {
  width: 100%;
  margin: 0;
  text-align: left;
  border-radius: 0;
  font-size: 100%;
}

.home #supplemental_nav a:first-of-type {
  border-top: none;
}

#main_nav {
  -webkit-transition: top 0.5s ease-in-out, left 0.2s ease-in-out;
  -moz-transition: top 0.5s ease-in-out, left 0.2s ease-in-out;
  -o-transition: top 0.5s ease-in-out, left 0.2s ease-in-out;
  transition: top 0.5s ease-in-out, left 0.2s ease-in-out;
}

#supplemental_nav {
  border-top: none;
}
#supplemental_nav [rel=home] {
  display: none;
}

@media screen and (min-width: 801px) {
  #main_nav {
    position: absolute;
    border-top: 0;
    top: 0;
    right: 0;
    left: 0;
    color: #fefefe;
    z-index: 5;
    margin-top: 4.8%;
    margin-left: 30%;
    padding: 0 4% 0 0;
    width: auto;
    height: 0;
    min-height: 0;
    background: none;
  }
  #main_nav ul {
    margin-top: -1em;
    text-align: right;
    width: auto;
  }
  #main_nav ul li {
    display: inline;
  }
  #main_nav a, #main_nav button {
    background: none;
    color: #626262;
    border: none;
    display: inline-block;
    padding: 0.2% 0.3em 0.7% 0.3em;
    white-space: pre;
    line-height: 1em;
    -webkit-border-top-left-radius: 0.2em;
    -webkit-border-top-right-radius: 0.2em;
    -moz-border-radius-topleft: 0.2em;
    -moz-border-radius-topright: 0.2em;
    border-top-left-radius: 0.2em;
    border-top-right-radius: 0.2em;
  }
  #main_nav a:link, #main_nav a:visited, #main_nav button:link, #main_nav button:visited {
    color: #626262;
  }
  #main_nav a:hover, #main_nav a:focus, #main_nav button:hover, #main_nav button:focus {
    color: #fefefe;
    background: #333;
  }
  #main_nav button[type=submit] {
    width: auto;
    border-top-left-radius: 0.2em;
    border-top-right-radius: 0.2em;
  }
}
#member_tools {
  z-index: 1;
  background: #262626;
  color: #e1e1e1;
  overflow-y: auto;
}
#member_tools button {
  border: 0;
  background: none;
  color: inherit;
  border-radius: 0;
  text-align: left;
  font-size: 100%;
  margin: 0;
  width: 100%;
}
#member_tools a,
#member_tools button,
#member_tools li a {
  display: block;
  padding: 0.75em 10% 0.75em 2%;
  border-top: 1px solid #626262;
  line-height: 1.25em;
  position: relative;
}
#member_tools a:link, #member_tools a:visited,
#member_tools button:link,
#member_tools button:visited,
#member_tools li a:link,
#member_tools li a:visited {
  color: #e1e1e1;
}
#member_tools a:after,
#member_tools button:after,
#member_tools li a:after {
  content: "⟩";
  font-size: 125%;
  display: block;
  position: absolute;
  right: 5%;
  top: 50%;
  -webkit-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  transform: translateY(-55%);
  color: #959595;
}
#member_tools li:last-of-type a {
  border-bottom: 1px solid #626262;
}
#member_tools .account .greeting {
  display: block;
  padding: 1em 2%;
}
#member_tools .account form:last-child button,
#member_tools .account a:last-child {
  border-bottom: 1px solid #626262;
}
#member_tools .recent-searches {
  padding-top: 1em;
}
#member_tools .recent-searches h5 {
  padding: 0.5em 2%;
  margin-bottom: 0;
}
#member_tools .recent-searches ul {
  font-size: 85%;
}
@media screen and (min-width: 801px) {
  #member_tools {
    border-bottom: 0.5em solid #fff;
  }
  #member_tools:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  #member_tools a,
#member_tools .account a:last-child,
#member_tools .account form:last-child button,
#member_tools .recent-searches a:last-of-type,
#member_tools .greeting {
    border: none;
  }
  #member_tools a:hover, #member_tools a:active,
#member_tools li a:hover,
#member_tools li a:active {
    background: #ff6e03;
    color: #333;
  }
  #member_tools a:hover:after, #member_tools a:active:after,
#member_tools li a:hover:after,
#member_tools li a:active:after {
    color: #333;
  }
  #member_tools .account {
    margin: 1em 0;
    width: 30%;
    float: left;
  }
  #member_tools .account a,
#member_tools .account a:last-of-type,
#member_tools .account button,
#member_tools .account .greeting {
    padding-left: 6.6666666667%;
  }
  #member_tools .recent-searches {
    margin: 1em 0;
    width: 55%;
    float: right;
    padding-top: 0;
  }
  #member_tools .recent-searches h5 {
    font-size: 100%;
    margin-top: 0;
    padding: 1em 0;
    margin-left: 2%;
    line-height: 1em;
    border-bottom: 1px solid #626262;
  }
}

.share-link {
  background-color: #333333;
  padding: 0.5em 0.5em 0.5em 0.25em;
  border-radius: 0.25em;
  display: flex;
  align-items: flex-start;
  width: 80%;
  margin: 0 auto;
}
.share-link .icon {
  margin-right: 0.25em;
}
@media screen and (min-width: 415px) {
  .share-link {
    display: inline-flex;
    width: auto;
    align-items: center;
  }
}
@media screen and (min-width: 801px) {
  .share-link:hover {
    background-color: #ff6e03;
  }
}

@media screen and (max-width: 800px) {
  .modern #main_nav,
.modern #member_tools {
    position: absolute;
    border-top: 0;
    right: 0;
    left: 15%;
    top: 0;
    bottom: 0;
    margin-top: 11.8%;
    width: 85%;
  }
  .modern #main_nav {
    background: #e1e1e1;
    color: #333;
    z-index: 2;
  }
  .modern #main_nav li:first-child a {
    border-top: none;
  }
  .modern #main_nav a, .modern #main_nav button {
    border-color: #333;
    color: #333;
  }
  .modern #main_nav a:link, .modern #main_nav a:visited, .modern #main_nav button:link, .modern #main_nav button:visited {
    color: #333;
  }
  .modern .nav-active .body,
.modern .nav-active .search-everywhere,
.modern .nav-active .mainfooter,
.modern .membertools-active .body,
.modern .membertools-active .search-everywhere,
.modern .membertools-active .mainfooter {
    left: -85%;
  }
  .modern .membertools-active #main_nav {
    left: -85%;
  }
}
.modern #supplemental_nav [rel=home] {
  display: block;
}
.modern .body {
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 3;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.modern .home .body {
  border-bottom: none;
}
.modern .mainfooter {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  left: 0;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 801px) {
  .modern #member_tools {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    border-bottom: none;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-in-out;
    -moz-transition: max-height 0.2s ease-in-out;
    -o-transition: max-height 0.2s ease-in-out;
    transition: max-height 0.2s ease-in-out;
  }
  .modern #member_tools.active {
    max-height: 100%;
  }
}

@media screen and (min-width: 801px) {
  #supplemental_nav a,
.modern #supplemental_nav a,
.modern #supplemental_nav a[rel=home] {
    display: inline-block;
    border-top: none;
  }
}
.body {
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  background: #fff;
}

.mainfooter {
  background: #000;
  border-bottom: 1px solid #000;
  clear: both;
}
@media screen and (min-width: 801px) {
  .mainfooter {
    padding-left: 2%;
    padding-right: 2%;
  }
}

#copyright {
  margin: 2em 2%;
  font-size: 85%;
  color: #626262;
}

main > header,
main > article > header,
.body main > article > header {
  padding: 1em 2%;
  background: #000;
  color: #fefefe;
  margin: 0;
}
main > header h1,
main > article > header h1,
.body main > article > header h1 {
  font-size: 118%;
  margin: 0;
}
main > header .what,
main > header .where,
main > header .dist,
main > article > header .what,
main > article > header .where,
main > article > header .dist,
.body main > article > header .what,
.body main > article > header .where,
.body main > article > header .dist {
  color: #ff6e03;
}
main > header p,
main > article > header p,
.body main > article > header p {
  font-weight: normal;
  margin: 0.2em 0;
  font-size: 85%;
  color: #ff6e03;
}
main > header a:link,
main > header a:visited,
main > article > header a:link,
main > article > header a:visited,
.body main > article > header a:link,
.body main > article > header a:visited {
  color: inherit;
  border-bottom: 1px solid #ff6e03;
}

input[type=search] {
  -webkit-appearance: none;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button {
  position: relative;
}

@media screen and (min-width: 801px) {
  textarea {
    padding: 0.55em 1%;
  }
}
fieldset.checkbox-list {
  padding-bottom: 1em;
}

form .info,
form .informational {
  display: block;
  margin: 1em 2% 0.5em 2%;
}
form .info strong,
form .informational strong {
  font-weight: bold;
}
form .informational {
  padding-bottom: 1em;
}
form .informational .label {
  display: block;
}
form .informational .value {
  font-size: 118%;
  font-weight: bolder;
}
form .informational .control-link {
  margin-left: 1em;
}
form .info {
  font-size: 85%;
  font-style: italic;
  color: #626262;
}

.checkbox-list label,
.has-checkbox label,
label.has-checkbox {
  margin: 0.25em 2%;
  padding: 0.5em 0 0.5em 2.5em;
  position: relative;
}

.checkbox-list input,
.has-checkbox input {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #333;
}

.checkbox-list .checkbox-list {
  margin-top: -0.5em;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 3.625em;
  background: #fff;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #c2c2c2;
}
.checkbox-list .checkbox-list.diagnostics-brands {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
}
.checkbox-list .checkbox-list.diagnostics-brands.active {
  display: block;
  opacity: 1;
}
.checkbox-list .checkbox-list label {
  margin-left: 0;
}
.checkbox-list .checkbox-list legend {
  left: 0;
  padding-left: 3.625em;
  box-sizing: border-box;
  width: 100%;
}

.button {
  text-align: center;
}

select {
  width: 96%;
}

input[type=radio],
input[type=checkbox] {
  display: inline;
  margin: 0 0.25em;
  padding: 0;
  width: auto;
}

input[type=radio],
.body .accountform input[type=radio] {
  background: none;
  border: none;
}

button[type=submit] {
  width: 96%;
  margin: 0 2% 1em 2%;
}

label,
legend {
  display: block;
  margin: 0 2%;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.accountform fieldset {
  padding-top: 3em;
  position: relative;
}
.accountform legend {
  position: absolute;
  top: 0;
}
.accountform label[for=contact_backup],
.accountform .contact_backup {
  display: none;
}

.login .accountform fieldset,
.contact .accountform fieldset,
.activate .accountform fieldset {
  padding-top: 0;
}
.login .accountform fieldset fieldset,
.contact .accountform fieldset fieldset,
.activate .accountform fieldset fieldset {
  padding-top: 3em;
  border: 0;
}

.alert {
  padding: 1em 2%;
}
.alert h3 {
  margin: 0.5em 0;
}
.alert p {
  margin-bottom: 0.5em;
}
.alert p a {
  color: inherit;
}
.alert.errorsummary {
  background: #770000;
  color: #fff;
}
.alert.errorsummary ul {
  list-style: disc inside;
}
.alert.success {
  background: #007700;
  color: #fff;
}
.alert.caution {
  background: lemonchiffon;
}
.alert.info {
  background-color: white;
  font-size: 100%;
}
.alert.cta-renewal {
  padding-left: 4%;
  background-image: linear-gradient(to right, #ff6e03 0, #ff6e03 2%, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0) 100%);
  background-color: white;
}
.alert.cta-renewal .button {
  display: block;
  width: auto;
  font-size: 100%;
  padding: 0.5em 1em;
  margin: 1em auto;
  color: #fefefe;
  vertical-align: middle;
  line-height: 1em;
}
.alert.cta-renewal .button span {
  display: block;
  font-size: 65%;
}
@media screen and (min-width: 801px) {
  .alert.cta-renewal .button {
    display: inline-block;
    margin: 0 1em;
  }
}
.alert.renewal-confirmation strong {
  font-weight: bold;
}
.alert.renewal-confirmation p {
  margin-left: 0;
  margin-right: 0;
}
.alert.renewal-confirmation .button {
  margin: 1em 0;
  padding: 0.55em 0;
  width: 100%;
  line-height: 1.2em;
}
@media screen and (min-width: 801px) {
  .alert.renewal-confirmation .button {
    width: 30vw;
    display: inline-block;
    margin-right: 2em;
  }
}

.accountform .alert p {
  width: auto;
}

.listing .alert {
  border: 1px solid #c2c2c2;
}

.dashboard .alert {
  margin-top: 1em;
}

.requiredflag,
.errormessage {
  margin: 0.1em 2% -5px 2%;
  display: block;
  padding: 0 1% 5px 1%;
  font-size: 72.25%;
  line-height: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.requiredflag {
  border: 1px solid #ff6e03;
  background: #ff6e03;
  color: #fff;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.errormessage,
input[type=file] + .errormessage {
  padding-top: 1em;
  padding-bottom: 1em;
  background: #aa0000;
  color: #fff;
  margin-bottom: 0.5em;
  -webkit-transition: opacity 0.2s linear, margin 0.0666666667s linear;
  -moz-transition: opacity 0.2s linear, margin 0.0666666667s linear;
  -o-transition: opacity 0.2s linear, margin 0.0666666667s linear;
  transition: opacity 0.2s linear, margin 0.0666666667s linear;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  opacity: 1;
}
.errormessage.dismissed,
input[type=file] + .errormessage.dismissed {
  opacity: 0;
}

fieldset.required,
.accountform fieldset fieldset.required {
  border: 1px solid #ff6e03;
  background-color: #fff2e9;
}

.reason-information:not(.reason-needed) {
  display: none;
}

.accountform .staff-links {
  margin: 0 2%;
}

form input + .errormessage,
form select + .errormessage {
  margin-bottom: 0;
  padding-bottom: 0.2em;
  padding-top: 1.5em;
  border: 1px solid #aa0000;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: -1em;
  z-index: 0;
}
form input + .errormessage.pending,
form select + .errormessage.pending {
  margin-top: -2em;
}

.affirm, .cancel, .action {
  font-style: italic;
}

.affirm,
.danger {
  background: #ff6e03;
  color: #fefefe;
  border: 1px solid #fefefe;
  padding: 0.5em 0;
  font-weight: bold;
}

.danger {
  background: #aa0000;
}

.cancel, .action {
  background: #cbcbcb;
  text-align: center;
  color: #333;
}

.preferred-category-block {
  display: none;
}

.bronze-listing-form .preferred-category-block {
  display: block;
  margin-bottom: 1em;
}

.intro {
  margin: 1em 2%;
}

.website-cta a {
  font-size: 118%;
  margin: 0;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.website-cta .icon {
  float: none;
  display: inline-block;
  margin: 0 0 0 0.5em;
  vertical-align: bottom;
  width: 1em;
  height: 1em;
  fill: #333;
}

.accountform input,
.accountform textarea,
.accountform select,
.accountform button,
.accountform .button,
.accountform .checkbox-list label,
.accountform label[for=billing_same_as_location],
.billing-information input,
.billing-information textarea,
.billing-information select,
.billing-information button,
.billing-information .button,
.billing-information .checkbox-list label,
.billing-information label[for=billing_same_as_location],
.advanced-search .searchform input,
.advanced-search .searchform textarea,
.advanced-search .searchform select,
.advanced-search .searchform button,
.advanced-search .searchform .button,
.advanced-search .searchform .checkbox-list label,
.advanced-search .searchform label[for=billing_same_as_location],
.suggest-edit-form input,
.suggest-edit-form textarea,
.suggest-edit-form select,
.suggest-edit-form button,
.suggest-edit-form .button,
.suggest-edit-form .checkbox-list label,
.suggest-edit-form label[for=billing_same_as_location],
.search-everywhere input,
.search-everywhere textarea,
.search-everywhere select,
.search-everywhere button,
.search-everywhere .button,
.search-everywhere .checkbox-list label,
.search-everywhere label[for=billing_same_as_location] {
  border: 1px solid #333;
}
.accountform input[type=file],
.billing-information input[type=file],
.advanced-search .searchform input[type=file],
.suggest-edit-form input[type=file],
.search-everywhere input[type=file] {
  border: none;
  background-color: inherit;
  padding-left: 0;
}
.accountform legend,
.billing-information legend,
.advanced-search .searchform legend,
.suggest-edit-form legend,
.search-everywhere legend {
  margin: 0;
  padding: 1em 2%;
  background: #000;
  color: #fefefe;
  width: 96%;
}
.accountform legend + p,
.accountform legend + span,
.accountform legend + div > span,
.accountform legend + div > p,
.accountform legend + div > label,
.accountform legend + label,
.billing-information legend + p,
.billing-information legend + span,
.billing-information legend + div > span,
.billing-information legend + div > p,
.billing-information legend + div > label,
.billing-information legend + label,
.advanced-search .searchform legend + p,
.advanced-search .searchform legend + span,
.advanced-search .searchform legend + div > span,
.advanced-search .searchform legend + div > p,
.advanced-search .searchform legend + div > label,
.advanced-search .searchform legend + label,
.suggest-edit-form legend + p,
.suggest-edit-form legend + span,
.suggest-edit-form legend + div > span,
.suggest-edit-form legend + div > p,
.suggest-edit-form legend + div > label,
.suggest-edit-form legend + label,
.search-everywhere legend + p,
.search-everywhere legend + span,
.search-everywhere legend + div > span,
.search-everywhere legend + div > p,
.search-everywhere legend + div > label,
.search-everywhere legend + label {
  -webkit-margin-top-collapse: separate;
}
.accountform [required],
.billing-information [required],
.advanced-search .searchform [required],
.suggest-edit-form [required],
.search-everywhere [required] {
  border-color: #ff6e03;
}
.accountform [name=subject],
.billing-information [name=subject],
.advanced-search .searchform [name=subject],
.suggest-edit-form [name=subject],
.search-everywhere [name=subject] {
  margin-bottom: 1em;
}
.accountform p.success,
.billing-information p.success,
.advanced-search .searchform p.success,
.suggest-edit-form p.success,
.search-everywhere p.success {
  margin: 1em 2%;
}

.accountform legend,
.billing-information legend {
  border-bottom: 1px solid #000;
}
.accountform fieldset fieldset legend,
.billing-information fieldset fieldset legend {
  background: #333;
  padding: 0.5em 2%;
  border-bottom: 1px solid #333;
}
.accountform label[for=description],
.billing-information label[for=description] {
  margin-top: 2em;
}
.accountform textarea[name=description],
.billing-information textarea[name=description] {
  margin-bottom: 1em;
  box-sizing: border-box;
}
.accountform label[for=billing_same_as_location],
.billing-information label[for=billing_same_as_location] {
  font-size: 100%;
  padding-left: 1.5em;
}

@media screen and (min-width: 801px) {
  .accountform fieldset fieldset {
    margin: 1em 2%;
    border: 1px solid #e1e1e1;
  }
  .accountform div p {
    width: 50%;
  }
  .accountform div.billing-address-fields p {
    width: 100%;
  }
}
.optionslink,
.change-location-entry {
  color: rgba(254, 254, 254, 0.7);
  float: right;
  font-weight: lighter;
  font-size: 85%;
  padding: 0;
  margin-right: 2%;
  margin-top: 1em;
}

.accountform h2 {
  margin: 0.5em 2%;
}
.accountform .optionslink {
  margin-bottom: 2em;
  color: #626262;
}
@media screen and (min-width: 801px) {
  .accountform .optionslink {
    margin-top: 0;
    margin-bottom: 1em;
  }
}
.accountform .explanation {
  margin: 1em 2%;
}
.accountform .explanation strong {
  font-weight: bold;
}
.accountform ul.explanation {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1em;
  font-style: italic;
  color: #626262;
}
.accountform ul.explanation li {
  margin: 1em 0;
}
.accountform [class^=for-] {
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.accountform .input-disabled input,
.accountform .input-disabled select,
.accountform .input-disabled label,
.accountform .input-disabled .info,
.accountform .input-disabled legend {
  opacity: 0.25;
}
.accountform .eligibility-tooltip {
  margin: 1em 2%;
  display: block;
  opacity: 0.75;
  line-height: 1em;
}
.accountform .eligibility-tooltip span, .accountform .eligibility-tooltip strong {
  display: block;
  padding-left: 2.5em;
}
.accountform .eligibility-tooltip strong {
  margin-bottom: 0.25em;
}
.accountform .eligibility-tooltip span {
  line-height: 1.125em;
}
.accountform .eligibility-tooltip:before {
  font-size: 2em;
  line-height: 1em;
  content: "i";
  float: left;
  width: 1em;
  margin-right: 0.25em;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #333;
  color: #fff;
}
.accountform .eligibility-tooltip:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.accountform.silver-listing-form .for-silver .eligibility-tooltip, .accountform.gold-listing-form .for-gold .eligibility-tooltip, .accountform.platinum-listing-form .for-platinum .eligibility-tooltip, .accountform.with-search-banner .for-search-banner .eligibility-tooltip {
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.accountform .for-search-banner img,
.accountform .for-search-banner h5,
.accountform .photos img,
.accountform .photos h5 {
  margin-left: 2%;
  display: block;
}
.accountform .for-search-banner label,
.accountform .photos label {
  margin: 1em 2% 0.5em 2%;
  font-weight: bold;
}
.accountform .for-search-banner label[for^=del],
.accountform .photos label[for^=del] {
  background-color: #fff2e9;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 0.5em;
  display: inline-block;
  font-weight: normal;
}
.accountform .review-notice {
  font-size: 118%;
  display: inline-block;
  vertical-align: top;
  padding: 0 2%;
}
.accountform .review-notice h6 {
  font-weight: bold;
  font-size: 100%;
  margin: 0;
}
.accountform .review-notice p {
  margin-top: 0.5em;
  width: auto;
}

.need-assistance-question strong,
.best-mobile-app-nominee strong,
.found-on-4roadservice strong,
.sales p strong,
.sales li strong {
  font-weight: bold;
  color: #ff6e03;
}

figure {
  padding: 1.5em 2%;
  margin: 1em 0;
  text-align: center;
}
figure figcaption {
  font-size: 85%;
  margin: 1em 0;
  padding: 0 2%;
}

.loading-screen {
  background: #fefefe;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  z-index: 4;
  margin-top: 10.1%;
  display: none;
}
.loading-screen svg {
  width: 70%;
  margin-left: 15%;
  margin-top: 4em;
}
.loading-screen svg .road,
.loading-screen svg .wrench {
  fill: #626262;
}
.loading-screen p.loading-info {
  color: #626262;
  font-size: 145%;
  text-align: right;
  padding: 0;
  width: 70%;
  margin: -1.5em auto 0 auto;
}
.loading-screen.active {
  display: block;
  width: 100%;
  height: 100%;
}
.loading-screen.active .wrench {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 801px) {
  .loading-screen {
    margin-top: 5.3%;
    top: 5.25em;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
    border-top: 1x solid #ff6e03;
  }
  .home .loading-screen {
    margin-top: 5%;
    top: 0;
  }
  .body:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .listing .body,
.suggest-edit .body,
.sales,
.iphone,
.about,
.policy,
.cameras,
.partnerships,
.advertise,
.newprovider,
.editprovider,
.newmember,
.memberprofile,
.checkout {
    padding: 1em 0;
    background-color: #fff8f3;
  }
  .listing .body main,
.suggest-edit .body main,
.sales main,
.iphone main,
.about main,
.policy main,
.cameras main,
.partnerships main,
.advertise main,
.newprovider main,
.editprovider main,
.newmember main,
.memberprofile main,
.checkout main {
    margin: 0 2%;
    border: 1px solid #e1e1e1;
    background-color: #fff;
  }
  .listing .body .review-notice,
.suggest-edit .body .review-notice,
.sales .review-notice,
.iphone .review-notice,
.about .review-notice,
.policy .review-notice,
.cameras .review-notice,
.partnerships .review-notice,
.advertise .review-notice,
.newprovider .review-notice,
.editprovider .review-notice,
.newmember .review-notice,
.memberprofile .review-notice,
.checkout .review-notice {
    padding-left: 1.5em;
    max-width: 60%;
  }
  .login,
.contact,
.directory,
.advanced-search,
.activate,
.iphone {
    padding: 4em 0 6em 0;
  }
  .login main,
.contact main,
.directory main,
.advanced-search main,
.activate main,
.iphone main {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    width: 92%;
    margin: 0 auto 3em auto;
    color: #fefefe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-style: oblique;
    padding: 0.5em 2% 1.5em 2%;
    width: 25em;
    margin: 0 auto;
  }
  .login main header,
.login main fieldset legend,
.contact main header,
.contact main fieldset legend,
.directory main header,
.directory main fieldset legend,
.advanced-search main header,
.advanced-search main fieldset legend,
.activate main header,
.activate main fieldset legend,
.iphone main header,
.iphone main fieldset legend {
    background: none;
    border-bottom: none;
  }
  .login main .checkbox-list label,
.contact main .checkbox-list label,
.directory main .checkbox-list label,
.advanced-search main .checkbox-list label,
.activate main .checkbox-list label,
.iphone main .checkbox-list label {
    border: none;
    background: none;
  }
  .activate main {
    width: 30em;
  }
  .advanced-search .search-advanced .optionslink,
.login .optionslink,
.contact .info,
.activate .info,
.contact p > a {
    color: #e5e5e5;
  }
  .contact main,
.directory main {
    width: 66%;
  }
  .contact p:first-child:not(.intro),
.contact fieldset p + p,
.accountform div:not(.billing-address-fields) p,
#checkoutform div p:not(.cc_expdate) {
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
  }
  .contact p:first-child:not(.intro) label,
.contact p:first-child:not(.intro) span,
.contact p:first-child:not(.intro) input,
.contact p:first-child:not(.intro) select,
.contact fieldset p + p label,
.contact fieldset p + p span,
.contact fieldset p + p input,
.contact fieldset p + p select,
.accountform div:not(.billing-address-fields) p label,
.accountform div:not(.billing-address-fields) p span,
.accountform div:not(.billing-address-fields) p input,
.accountform div:not(.billing-address-fields) p select,
#checkoutform div p:not(.cc_expdate) label,
#checkoutform div p:not(.cc_expdate) span,
#checkoutform div p:not(.cc_expdate) input,
#checkoutform div p:not(.cc_expdate) select {
    margin-left: 4%;
    margin-right: 4%;
  }
  .contact p:first-child:not(.intro) input,
.contact p:first-child:not(.intro) select,
.contact fieldset p + p input,
.contact fieldset p + p select,
.accountform div:not(.billing-address-fields) p input,
.accountform div:not(.billing-address-fields) p select,
#checkoutform div p:not(.cc_expdate) input,
#checkoutform div p:not(.cc_expdate) select {
    width: 92%;
  }
  .accountform .checkbox-list:not(.choose-listing-type):not(.choose-membership-type):not(.services):not(.login-type) label {
    border: none;
    background: none;
    display: inline-block;
    font-size: 100%;
    width: 24%;
    margin: 0;
  }
  .accountform .checkbox-list:not(.choose-listing-type):not(.choose-membership-type):not(.services):not(.login-type) label:nth-of-type(4n+1) {
    margin-left: 2%;
  }
  .accountform .checkbox-list:not(.choose-listing-type):not(.choose-membership-type):not(.services):not(.login-type) label[for=is24hour] {
    width: auto;
  }
  .accountform .choose-listing-type,
.accountform .choose-membership-type {
    margin-bottom: 2em;
  }
  .accountform .choose-listing-type label,
.accountform .choose-membership-type label {
    border: none;
    background: none;
    font-size: 118%;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .accountform .choose-listing-type label.disabled,
.accountform .choose-membership-type label.disabled {
    opacity: 0.5;
  }
  .accountform .choose-listing-type strong,
.accountform .choose-membership-type strong {
    font-weight: bold;
  }
  .accountform .checkbox-list.services label {
    border: none;
    background: none;
    font-size: 100%;
  }
  .accountform .checkbox-list.services .checkbox-list.diagnostics-brands {
    margin-top: 0;
    padding-left: 0;
  }
  .accountform .checkbox-list.services .checkbox-list.diagnostics-brands legend {
    padding-left: 2%;
  }
  .contact .affirm,
.newprovider .affirm,
.editprovider .affirm,
.newmember .affirm,
.memberprofile .affirm {
    display: block;
    margin: 2em auto 0 auto;
    width: auto;
    padding-left: 2em;
    padding-right: 2em;
  }
  .newprovider .affirm,
.newmember .affirm,
.memberprofile .affirm {
    margin-bottom: 2em;
    margin-top: 0;
  }
  .editprovider .affirm {
    display: inline-block;
    margin-left: 4%;
    margin-top: 0;
    margin-bottom: 2em;
    vertical-align: middle;
  }
  .advanced-search.body,
.login.body,
.sales.body,
.contact.body,
.directory.body,
.iphone.body,
.activate.body {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.08) 60%), url(../images/wh-400.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, center center;
    -webkit-background-size: cover, cover;
    -moz-background-size: cover, cover;
    -o-background-size: cover, cover;
    background-size: cover, cover;
  }
}
@media screen and (min-width: 801px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 801px) and (min-resolution: 2dppx), screen and (min-width: 801px) and (min-resolution: 192dpi), screen and (min-width: 801px) and (min-width: 801px) {
  .advanced-search.body,
.login.body,
.sales.body,
.contact.body,
.directory.body,
.iphone.body,
.activate.body {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.08) 60%), url(../images/wh-800.jpg);
  }
}
@media screen and (min-width: 801px) and (-webkit-min-device-pixel-ratio: 3), screen and (min-width: 801px) and (min-resolution: 3dppx), screen and (min-width: 801px) and (min-resolution: 350dpi), screen and (min-width: 801px) and (min-width: 1070px) {
  .advanced-search.body,
.login.body,
.sales.body,
.contact.body,
.directory.body,
.iphone.body,
.activate.body {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.08) 60%), url(../images/wh-1200.jpg);
  }
}
@media screen and (min-width: 801px) and (-webkit-min-device-pixel-ratio: 2) and (min-width:801px), screen and (min-width: 801px) and (min-resolution: 2dppx) and (min-width:801px), screen and (min-width: 801px) and (min-resolution: 192dpi) and (min-width:801px) {
  .advanced-search.body,
.login.body,
.sales.body,
.contact.body,
.directory.body,
.iphone.body,
.activate.body {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.08) 60%), url(../images/wh-1600.jpg);
  }
}
@media screen and (min-width: 801px) and (-webkit-min-device-pixel-ratio: 3) and (min-width:801px), screen and (min-width: 801px) and (min-resolution: 3dppx) and (min-width:801px), screen and (min-width: 801px) and (min-resolution: 350dpi) and (min-width:801px), screen and (min-width: 801px) and (-webkit-min-device-pixel-ratio: 2) and (min-width:1070px), screen and (min-width: 801px) and (min-resolution: 2dppx) and (min-width:1070px), screen and (min-width: 801px) and (min-resolution: 192dpi) and (min-width:1070px), screen and (min-width: 801px) and (min-width: 1602px) {
  .advanced-search.body,
.login.body,
.sales.body,
.contact.body,
.directory.body,
.iphone.body,
.activate.body {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.08) 60%), url(../images/wh-1920.jpg);
  }
}
@media screen and (min-width: 801px) {
  .sales {
    padding: 2em 0;
  }
  .sales main {
    background: #fff;
    border: 0;
  }
}
@media screen and (min-width: 1070px) {
  .newprovider main,
.newmember main,
.memberprofile main,
.checkout main {
    max-width: 1028px;
    margin-left: auto;
    margin-right: auto;
  }
}
aside.secondary,
.secondary aside {
  padding: 1em 2%;
}

.leader-space,
.sky-space {
  width: 100%;
  background: #626262;
  text-align: center;
}

.leader-space .suggested-providers {
  height: 60px;
  width: 100%;
}
.leader-space .suggested-providers iframe {
  width: 100%;
  height: 100%;
}

.sky-space {
  padding: 1em 0;
  width: 100%;
}

.rect-space {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
}

@media screen and (min-width: 801px) {
  .results main {
    float: left;
    width: 100%;
  }
  .secondary {
    width: 160px;
    float: left;
    margin-left: -180px;
    padding: 0.5em 0;
    background: none;
  }
  aside.secondary,
.secondary aside {
    padding: 0.5em;
    margin-bottom: 1em;
  }
  .sky-space {
    background: none;
    padding: 0;
  }
  .rect-space {
    float: right;
    margin-right: 4%;
  }
  .leader-space {
    padding: 0.5em 0;
    width: 100%;
  }
  .listing .body {
    display: grid;
    grid-template-columns: 2% 1fr 2% 160px 2%;
    grid-row-gap: 1em;
  }
  .listing .body main {
    margin: 0;
    grid-column: 2/span 3;
  }
  .listing .alert {
    grid-column: 2/span 3;
  }
  .listing .leader-space {
    grid-column: 1/span 5;
  }
  .listing .secondary {
    grid-column-start: 4;
    margin: 0;
    padding-top: 0;
  }
  .listing.withpub .body main, .listing.withsecondary .body main {
    grid-column: 2/span 1;
  }
  .listing.withpub .body {
    padding-top: 0;
  }
  .memberprofile main {
    width: 60%;
    margin: 0 9% 0 0;
    float: right;
  }
  .memberprofile .secondary {
    width: 25%;
    float: right;
    margin-left: 0;
    position: relative;
    right: -1px;
    background: #fff;
    border: 1px solid #e1e1e1;
    color: #333;
  }
  .memberprofile .secondary a:link {
    color: #333;
    text-decoration: underline;
  }
  .memberprofile .secondary a:visited {
    color: #666666;
  }
  .memberprofile .secondary a:active, .memberprofile .secondary a:hover {
    color: #fefefe;
    background: #ff6e03;
  }
  .memberprofile .secondary p {
    line-height: 1.3em;
    font-family: Arial, Helvetica, sans-serif;
  }
  .memberprofile .secondary li {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0.5em 1.5em;
    list-style-type: disc;
    list-style-position: outside;
  }
  .memberprofile .secondary h6 {
    font-size: 100%;
    font-weight: bold;
    margin-top: 0;
  }
}
.ms-help {
  display: inline-block;
  position: relative;
  z-index: 2;
  border: none;
}
.ms-help:focus {
  outline: none;
}
.ms-help .ms-help-icon {
  font-size: 1rem;
  display: inline-block;
  margin: 0;
  width: 1.25em;
  height: 1.25em;
  line-height: 1.25em;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #333;
  background-color: #e1e1e1;
  border-radius: 50%;
}
.ms-help .ms-help-content {
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: -1em;
  transform: translateY(-100%) translateX(-50%);
  transition: visibility 0.15s, opacity 0.15s;
  width: max-content;
  max-width: 75vw;
  padding: 0.5em 1em;
  border-radius: 5px;
  line-height: 1.4em;
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.3));
  background-color: #626262;
  color: #fefefe;
}
.ms-help .ms-help-content a {
  color: inherit;
  text-decoration: underline;
}
.ms-help .ms-help-content a:hover, .ms-help .ms-help-content a:focus, .ms-help .ms-help-content a:active {
  color: #fefefe;
  background-color: #ff6e03;
  text-decoration: none;
}
.ms-help .ms-help-content:before {
  content: "";
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border-top: 10px solid #626262;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.ms-help:focus .ms-help-content {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}
@media screen and (min-width: 801px) {
  .ms-help .ms-help-content {
    max-width: 25vw;
    transform: translateY(-100%) translateX(-15%);
    left: 0;
  }
  .ms-help .ms-help-content:before {
    left: 15%;
    transform: none;
  }
  .ms-help:hover {
    padding-right: 1em;
  }
  .ms-help:hover .ms-help-content {
    transition-delay: 0.25s;
    visibility: visible;
    opacity: 1;
    z-index: 5;
  }
  .ms-help .ms-help-icon {
    font-size: 0.8474rem;
    vertical-align: baseline;
  }
}

.not-quite-right {
  margin-bottom: 0;
  padding: 0 2% 1px 2%;
  background-color: #e1e1e1;
  border-top: 1px solid #626262;
}
.not-quite-right p {
  font-size: 84.74576%;
  line-height: 1.5;
}
.not-quite-right strong {
  font-weight: bold;
}

@media screen and (min-width: 801px) {
  .not-quite-right {
    clear: both;
  }
}
@media screen and (min-width: 865px) {
  .rect-space {
    float: none;
    margin-right: 0;
  }
}
.welcome-search {
  background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.08) 60%), url(../images/wh-400.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: left top, center center;
  -webkit-background-size: cover, cover;
  -moz-background-size: cover, cover;
  -o-background-size: cover, cover;
  background-size: cover, cover;
  padding-bottom: 1.5em;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi), screen and (min-width: 801px) {
  .welcome-search {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.08) 60%), url(../images/wh-800.jpg);
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 3dppx), screen and (min-resolution: 350dpi), screen and (min-width: 1070px) {
  .welcome-search {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.08) 60%), url(../images/wh-1200.jpg);
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:801px), screen and (min-resolution: 2dppx) and (min-width:801px), screen and (min-resolution: 192dpi) and (min-width:801px) {
  .welcome-search {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.08) 60%), url(../images/wh-1600.jpg);
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) and (min-width:801px), screen and (min-resolution: 3dppx) and (min-width:801px), screen and (min-resolution: 350dpi) and (min-width:801px), screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:1070px), screen and (min-resolution: 2dppx) and (min-width:1070px), screen and (min-resolution: 192dpi) and (min-width:1070px), (min-width: 1602px) {
  .welcome-search {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.08) 60%), url(../images/wh-1920.jpg);
  }
}
@media screen and (min-width: 801px) {
  .welcome-search {
    padding-bottom: 0;
    margin-bottom: 5em;
  }
  .welcome-search .ornament {
    width: 100%;
    background: url("../images/orange-truck-400.png") no-repeat right bottom;
    background-size: 40% auto;
    position: relative;
    top: 5em;
    margin-top: -7em;
  }
  .welcome-search .ornament:after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 30%;
    background: url("../images/orange-truck-400.png") no-repeat right bottom;
    background-size: 40% auto;
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:801px), screen and (min-resolution: 2dppx) and (min-width:801px), screen and (min-resolution: 192dpi) and (min-width:801px) {
  .welcome-search .ornament, .welcome-search .ornament:after {
    background-image: url("../images/orange-truck-800.png");
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) and (min-width:801px), screen and (min-resolution: 3dppx) and (min-width:801px), screen and (min-resolution: 350dpi) and (min-width:801px) {
  .welcome-search .ornament, .welcome-search .ornament:after {
    background-image: url("../images/orange-truck-1200.png");
  }
}
@media (min-width: 1400px) {
  .welcome-search .ornament, .welcome-search .ornament:after {
    background-image: url("../images/orange-truck-600.png");
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1400px), screen and (min-resolution: 2dppx) and (min-width: 1400px), screen and (min-resolution: 192dpi) and (min-width: 1400px) {
  .welcome-search .ornament, .welcome-search .ornament:after {
    background-image: url("../images/orange-truck-1200.png");
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) and (min-width: 1400px), screen and (min-resolution: 3dppx) and (min-width: 1400px), screen and (min-resolution: 350dpi) and (min-width: 1400px) {
  .welcome-search .ornament, .welcome-search .ornament:after {
    background-image: url("../images/orange-truck-1800.png");
  }
}
@media (min-width: 2000px) {
  .welcome-search .ornament, .welcome-search .ornament:after {
    background-image: url("../images/orange-truck-800.png");
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2000px), screen and (min-resolution: 2dppx) and (min-width: 2000px), screen and (min-resolution: 192dpi) and (min-width: 2000px) {
  .welcome-search .ornament, .welcome-search .ornament:after {
    background-image: url("../images/orange-truck-1600.png");
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) and (min-width: 2000px), screen and (min-resolution: 3dppx) and (min-width: 2000px), screen and (min-resolution: 350dpi) and (min-width: 2000px) {
  .welcome-search .ornament, .welcome-search .ornament:after {
    background-image: url("../images/orange-truck-2500.png");
  }
}
.welcome-search h1,
.welcome-search h2,
.welcome-search h3 {
  text-align: center;
  padding-top: 2em;
  padding-bottom: 1em;
  font-weight: bold;
  color: #fefefe;
  font-size: 145%;
  font-style: italic;
  text-shadow: #000 2px 2px 5px;
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.3);
  margin: 0;
}
.welcome-search h2 {
  font-size: 118%;
  padding-top: 0;
}
.welcome-search .searchform {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  width: 92%;
  margin: 0 auto 3em auto;
  color: #fefefe;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-style: oblique;
  padding: 0.5em 2% 1.5em 2%;
}

.home {
  /*	a:hover article.featured,
  	a:active article.featured {
  		color: $light-text;
  	}
  */
}
.home article {
  display: block;
  padding: 1.5em 2%;
}
.home article h4, .home article h5 {
  margin: 0;
  font-weight: normal;
  font-size: 118%;
}
.home article h5 {
  font-size: 100%;
}
.home article p {
  font-size: 85%;
  line-height: 1.5em;
}
.home .mobile-options article,
.home article.join-option {
  position: relative;
}
.home .mobile-options article img,
.home article.join-option img {
  float: left;
  margin-right: 10px;
}
.home .mobile-options article.advertise:after,
.home article.join-option.advertise:after {
  color: #626262;
  content: "≫";
  display: block;
  position: absolute;
  right: 5%;
  top: 50%;
  font-size: 650%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
}
.home .mobile-options article > h5,
.home article.join-option > h5 {
  text-transform: uppercase;
  margin: 0;
  font-weight: normal;
  font-size: 118%;
  color: #ff6e03;
}
.home .mobile-options article > h5 strong,
.home article.join-option > h5 strong {
  font-weight: normal;
  font-size: 258%;
  display: block;
  color: #fefefe;
  margin-bottom: 0.15em;
}
.home .mobile-options article .priceteaser strong,
.home article.join-option .priceteaser strong {
  font-weight: bold;
  text-decoration: underline;
}
.home .mobile-options article.advertise,
.home article.join-option.advertise {
  border-bottom: 0.25em solid #fff;
}
.home .mobile-options article.advertise p,
.home article.join-option.advertise p {
  width: 60%;
}
.home .mobile-options article.join,
.home article.join-option.join {
  border-bottom: 3px solid #fff;
}
.home .mobile-options article.join h5,
.home article.join-option.join h5 {
  font-size: 100%;
  float: left;
  margin-bottom: 1em;
}
.home .mobile-options article.join h5 strong,
.home article.join-option.join h5 strong {
  margin-top: 2px;
  margin-left: -5px;
}
.home .mobile-options article.join p,
.home article.join-option.join p {
  width: 100%;
  clear: left;
}
.home .mobile-options article.join:last-child,
.home article.join-option.join:last-child {
  border-bottom: none;
}
@media screen and (min-width: 801px) {
  .home .listing-options {
    background: #000;
    height: auto;
    position: relative;
  }
  .home .listing-options .join-option {
    box-sizing: border-box;
  }
  .home .listing-options .join-option.advertise {
    float: left;
    width: 66%;
    border-right: 0.25em solid #fff;
    border-bottom: none;
  }
  .home .listing-options .join-option.join {
    width: 34%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
  }
  .home:not(.search-active) .search-everywhere {
    display: none;
  }
}
.home .mobile-options {
  display: block;
  margin-top: 2em;
}
.home .mobile-options article:first-of-type {
  padding-top: 0;
}
.home .mobile-options .app p {
  margin-left: 70px;
}
.home .mobile-options > h3 {
  color: #333;
  text-transform: uppercase;
  font-size: 1.18em;
  font-weight: lighter;
  position: relative;
  top: -0.9em;
  margin: 0 2%;
}
.home .mobile-options > h3 strong {
  color: #ff6e03;
  font-size: 304%;
  font-weight: bold;
  line-height: 1em;
  display: block;
  margin-left: -0.06em;
  margin-top: -0.19em;
}
@media screen and (min-width: 801px) {
  .home .mobile-options article {
    width: 32%;
    float: left;
    box-sizing: border-box;
    margin-top: -4em;
  }
  .home .mobile-options article:first-of-type {
    margin-top: 0;
  }
}
.home a:hover article,
.home a:active article {
  background: #333;
}
.home .best-mobile-app-nominee {
  border-bottom: 5px solid #000;
}
.home .best-mobile-app-nominee a.seal {
  float: left;
  width: 30%;
  margin: 1.25em 0 1em 0;
}
.home .best-mobile-app-nominee img {
  width: 100%;
  height: auto;
}
.home .best-mobile-app-nominee:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.home .best-mobile-app-nominee p {
  margin-left: 32%;
}
.home .best-mobile-app-nominee p.we-are-nominated {
  font-size: 118%;
  margin-top: 7vw;
  margin-bottom: 0;
}
.home .best-mobile-app-nominee p.visit-award-cta {
  font-size: 81%;
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .home .best-mobile-app-nominee {
    float: left;
    width: 34%;
    border-bottom: none;
    box-sizing: border-box;
    padding-right: 0;
  }
  .home .best-mobile-app-nominee a.seal {
    float: none;
    width: 60%;
    display: block;
    margin: 0 auto;
  }
  .home .best-mobile-app-nominee p {
    margin-left: 0;
  }
  .home .best-mobile-app-nominee p.we-are-nominated {
    margin-bottom: 1.5em;
    margin-top: 1em;
  }
}
@media screen and (min-width: 1070px) {
  .home .best-mobile-app-nominee a.seal {
    width: 50%;
  }
  .home .best-mobile-app-nominee p {
    text-align: center;
  }
}
@media screen and (min-width: 801px) {
  .home .our-roots {
    float: left;
    width: 66%;
    box-sizing: border-box;
  }
}
.home .featured {
  clear: left;
}
.home .featured.featured-provider {
  padding-bottom: 1em;
  padding-top: 1em;
}
.home .featured.featured-provider p {
  margin-left: 40%;
  margin-top: 0;
}
.home .featured.featured-region {
  padding-top: 1em;
  padding-bottom: 1em;
}
.home .featured.featured-region:hover {
  background: #333;
}
.home .featured h5 {
  font-size: 85%;
  color: #ff6e03;
}
.home .featured img {
  float: left;
  width: 38%;
  margin-right: 2%;
  height: auto;
}
.home .latest-news h5 {
  color: #ff6e03;
}
@media screen and (min-width: 801px) {
  .home .featured-and-news {
    background-color: #000;
    background: #000 url("../images/featured-news-border.png") repeat-x left bottom;
    background-image: linear-gradient(to top, #FFF 0, #fff 0.29412em, #000 0.29412em);
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0.25em;
  }
  .home .featured-and-news article {
    box-sizing: border-box;
  }
  .home .latest-news {
    background: none;
    float: left;
    width: 66%;
  }
  .home .featured.featured-provider {
    float: left;
    width: 34%;
    clear: none;
    padding-bottom: 4.85em;
    border-left: 0.25em solid #fff;
  }
  .home .featured-region {
    width: 34%;
    position: absolute;
    right: 0;
    bottom: 0.25em;
    border-left: 0.25em solid #fff;
  }
  .home .featured-region h4 {
    font-size: 100%;
  }
}
.home .directory-start {
  padding-bottom: 0;
}
.home .directory-start a {
  display: block;
  margin-bottom: 0.5em;
  box-sizing: border-box;
  padding: 1em 2%;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .home .directory-start a:hover, .home .directory-start a:active {
    background: #333;
  }
}
@media screen and (min-width: 415px) {
  .home .directory-start a {
    float: left;
    width: 49%;
  }
  .home .directory-start a:last-of-type {
    float: right;
  }
}

.need-assistance-question {
  font-size: 118%;
}
.need-assistance-question p {
  margin: 0.5em auto;
}
@media screen and (min-width: 801px) {
  .need-assistance-question {
    font-size: 145%;
  }
  .need-assistance-question p {
    margin: 1em auto;
  }
}

.social-media-group {
  text-align: center;
}
.social-media-group a {
  display: block;
  padding: 0 2% 1em 2%;
  box-sizing: border-box;
  color: #626262;
  font-size: 118%;
  vertical-align: baseline;
}
.social-media-group a .icon {
  width: 1em;
  height: 1em;
  vertical-align: baseline;
  fill: #626262;
}
.social-media-group a.twitter {
  padding-top: 1.75em;
}
.social-media-group a.twitter .icon {
  position: relative;
  top: 0.25em;
  width: 1.25em;
  height: 1.25em;
}
@media screen and (min-width: 415px) {
  .social-media-group a {
    float: left;
    width: 50%;
    padding: 2em 2%;
  }
}
.social-media-group .social-cta {
  color: #626262;
  display: block;
  font-size: 85%;
  padding-top: 2em;
  margin-bottom: 0;
}
@media screen and (min-width: 801px) {
  .social-media-group {
    border-top: 2em solid #ff6e03;
  }
  .social-media-group .social-cta {
    text-align: left;
    padding: 2em 2%;
    box-sizing: border-box;
  }
  .social-media-group .social-cta,
.social-media-group a {
    width: 33%;
    display: inline-block;
    float: none;
  }
}

.found-on-4roadservice {
  padding: 1em 6%;
  font-size: 82%;
  line-height: 1.25em;
  text-align: center;
}

.resultlist {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
  padding-top: 1px;
  background-color: #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.resultlist li {
  padding: 0;
  margin: 0.5em 0;
}
.resultlist li article {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 0 0;
  align-items: start;
  background: #fff;
  border-bottom: 1px dashed #e1e1e1;
  border-top: 1px dashed #e1e1e1;
  padding: 0 0 0.5em 0;
  color: #333;
  position: relative;
}
.resultlist li article:focus, .resultlist li article:active {
  color: #fefefe;
  background: #333;
}
.resultlist li article:focus .is-preferred, .resultlist li article:active .is-preferred {
  color: #fefefe;
}
.resultlist li article:focus .is-24hour .icon,
.resultlist li article:focus .listing-details .icon, .resultlist li article:active .is-24hour .icon,
.resultlist li article:active .listing-details .icon {
  fill: #fefefe;
}
.resultlist li article:focus .website-cta, .resultlist li article:active .website-cta {
  color: #333;
}
.resultlist li article:focus .website-cta .icon, .resultlist li article:active .website-cta .icon {
  fill: #333;
}
.resultlist li article:focus .desc, .resultlist li article:active .desc {
  background-color: inherit;
}
.resultlist li article a:focus {
  text-decoration: underline;
}
.resultlist li article:focus-within {
  color: #fefefe;
  background: #333;
}
.resultlist li article:focus-within .is-preferred {
  color: #fefefe;
}
.resultlist li article:focus-within .is-24hour .icon,
.resultlist li article:focus-within .listing-details .icon {
  fill: #fefefe;
}
.resultlist li article:focus-within .website-cta {
  color: #333;
}
.resultlist li article:focus-within .website-cta .icon {
  fill: #333;
}
.resultlist li article:focus-within .desc {
  background-color: inherit;
}
.resultlist li article:focus-within a:focus {
  text-decoration: none;
}
.resultlist li a {
  border: none;
  position: relative;
  z-index: 2;
  color: inherit;
}
.resultlist li p > .icon,
.resultlist li .services-provided .icon {
  vertical-align: baseline;
  width: 1em;
  height: 1em;
  position: relative;
  top: 1px;
  fill: #626262;
  flex-shrink: 0;
}
.resultlist li .services-provided {
  display: inline-flex;
  align-items: baseline;
  margin-right: 0.5em;
}
.resultlist li .services-provided ul {
  display: inline;
  margin-left: 0;
}
.resultlist li .services-provided li {
  display: inline;
  margin: 0;
}
.resultlist li .services-provided li::after {
  content: ", ";
}
.resultlist li .services-provided li:last-of-type::after {
  content: "";
}
.resultlist li .services-provided .icon {
  margin-right: 0.25em;
}
.resultlist li header {
  grid-column: 1/span 2;
  grid-row: 1/span 1;
  word-break: break-all;
  line-height: 1.25em;
  font-size: calc(15px + 5 * (100vw - 300px) / ( 801 - 300));
}
.resultlist li header p {
  color: #ff6e03;
  font-size: 85%;
  margin-left: 2%;
  margin-top: 1vw;
  margin-bottom: 1vw;
  margin-right: 2%;
}
.resultlist li h3 {
  display: inline-block;
  font-size: 100%;
  margin-left: 2%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2%;
}
.resultlist li h3 a {
  color: #fefefe;
  background: none;
  position: static;
}
.resultlist li h3 a::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.resultlist li div, .resultlist li p, .resultlist li .services-provided {
  font-size: 85%;
}
.resultlist li .listing-details {
  padding: 0;
}
.resultlist li .tel,
.resultlist li .dist {
  white-space: nowrap;
}
.resultlist li .listing-meta {
  position: absolute;
  right: 0;
  top: 0.25em;
  font-size: 85%;
  height: 1.25em;
  padding-right: 0.5em;
  padding-left: 1em;
  color: #fff;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 1em, #f84200 1em), linear-gradient(45deg, rgba(0, 0, 0, 0) 1em, #f84200 1em);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.resultlist li .listing-meta .is-preferred,
.resultlist li .listing-meta .is-24hour {
  line-height: 0.75em;
  display: inline-block;
  color: white;
}
.resultlist li .listing-meta .is-preferred .icon,
.resultlist li .listing-meta .is-24hour .icon {
  fill: white;
  height: 1em;
  width: 1.5em;
}
.resultlist li .listing-meta .is-preferred img,
.resultlist li .listing-meta .is-24hour img {
  width: 1em;
  height: 1em;
}
.resultlist li .listing-meta .is-preferred {
  font-size: 18px;
  height: 18px;
  margin-right: 0.15em;
}
.resultlist li .in-search-banner-block {
  grid-column: 1/span 2;
  text-align: center;
  padding: 0.5em 2% 0.5em 2%;
}
.resultlist li .in-search-banner-block img {
  max-width: 96%;
  height: auto;
  display: block;
  margin: 0 auto;
  position: relative;
  left: -1px;
}
.resultlist li.bronze header,
.resultlist li.bronze .listing-details,
.resultlist li.bronze .desc {
  padding-left: 2%;
  padding-right: 2%;
}
.resultlist li.bronze h3 a {
  color: inherit;
}
.resultlist li.bronze h3, .resultlist li.bronze p {
  display: inline;
  margin-left: 0;
}
.resultlist li.bronze .listing-details {
  grid-column: 1/span 2;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-top: 0.1em;
  overflow: hidden;
}
.resultlist li.bronze .listing-details p {
  margin: 0 0.75em 0 0;
}
.resultlist li.silver article, .resultlist li.gold article, .resultlist li.platinum article {
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0 none;
  border-bottom: 1px solid #666666;
  border-top: 1px solid #333;
}
.resultlist li.silver header, .resultlist li.gold header, .resultlist li.platinum header {
  background: #000;
  border-bottom: 1vh solid black;
  padding: 1vw 0;
}
.resultlist li.silver header h3, .resultlist li.gold header h3, .resultlist li.platinum header h3 {
  display: block;
}
.resultlist li.silver .listing-details, .resultlist li.gold .listing-details, .resultlist li.platinum .listing-details {
  grid-column: 1/span 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 0 0;
  grid-auto-flow: dense;
  align-items: end;
  margin: 0 2%;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
.resultlist li.silver .listing-details p > .icon,
.resultlist li.silver .listing-details .services-provided > .icon, .resultlist li.gold .listing-details p > .icon,
.resultlist li.gold .listing-details .services-provided > .icon, .resultlist li.platinum .listing-details p > .icon,
.resultlist li.platinum .listing-details .services-provided > .icon {
  margin-right: 1vw;
  width: 5vw;
  height: 5vw;
}
.resultlist li.silver .listing-details p > .icon.mobile-unit,
.resultlist li.silver .listing-details .services-provided > .icon.mobile-unit, .resultlist li.gold .listing-details p > .icon.mobile-unit,
.resultlist li.gold .listing-details .services-provided > .icon.mobile-unit, .resultlist li.platinum .listing-details p > .icon.mobile-unit,
.resultlist li.platinum .listing-details .services-provided > .icon.mobile-unit {
  transform: rotateY(180deg);
}
.resultlist li.silver .listing-details abbr, .resultlist li.gold .listing-details abbr, .resultlist li.platinum .listing-details abbr {
  font-size: 0.62rem;
  color: grey;
  display: block;
  margin-bottom: 0.25em;
  text-decoration: none;
  text-transform: capitalize;
}
.resultlist li.silver .listing-details .adr,
.resultlist li.silver .listing-details .tel,
.resultlist li.silver .listing-details .highway-location,
.resultlist li.silver .listing-details .services-provided,
.resultlist li.silver .listing-details .dist, .resultlist li.gold .listing-details .adr,
.resultlist li.gold .listing-details .tel,
.resultlist li.gold .listing-details .highway-location,
.resultlist li.gold .listing-details .services-provided,
.resultlist li.gold .listing-details .dist, .resultlist li.platinum .listing-details .adr,
.resultlist li.platinum .listing-details .tel,
.resultlist li.platinum .listing-details .highway-location,
.resultlist li.platinum .listing-details .services-provided,
.resultlist li.platinum .listing-details .dist {
  margin: 0 0 7px 0;
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.resultlist li.silver .listing-details .highway-location .icon, .resultlist li.gold .listing-details .highway-location .icon, .resultlist li.platinum .listing-details .highway-location .icon {
  align-self: flex-end;
}
.resultlist li.silver .listing-details .adr, .resultlist li.gold .listing-details .adr, .resultlist li.platinum .listing-details .adr {
  align-self: start;
}
.resultlist li.silver .listing-details .tel, .resultlist li.gold .listing-details .tel, .resultlist li.platinum .listing-details .tel {
  font-size: 6.5vw;
  line-height: 1;
  align-items: flex-end;
}
.resultlist li.silver .listing-details .tel .value, .resultlist li.gold .listing-details .tel .value, .resultlist li.platinum .listing-details .tel .value {
  font-weight: bold;
}
.resultlist li.silver .listing-details .website-cta, .resultlist li.gold .listing-details .website-cta, .resultlist li.platinum .listing-details .website-cta {
  font-size: 4.2vw;
}
.resultlist li.silver .listing-details .website-cta .icon, .resultlist li.gold .listing-details .website-cta .icon, .resultlist li.platinum .listing-details .website-cta .icon {
  width: 5vw;
  height: 5vw;
}
.resultlist li.silver .listing-details .website-cta a, .resultlist li.gold .listing-details .website-cta a, .resultlist li.platinum .listing-details .website-cta a {
  display: inline-block;
}
.resultlist li.silver .listing-details .address-wrap,
.resultlist li.silver .listing-details .highway-location,
.resultlist li.silver .listing-details .dist,
.resultlist li.silver .listing-details .services-provided, .resultlist li.gold .listing-details .address-wrap,
.resultlist li.gold .listing-details .highway-location,
.resultlist li.gold .listing-details .dist,
.resultlist li.gold .listing-details .services-provided, .resultlist li.platinum .listing-details .address-wrap,
.resultlist li.platinum .listing-details .highway-location,
.resultlist li.platinum .listing-details .dist,
.resultlist li.platinum .listing-details .services-provided {
  font-size: 4vw;
  line-height: 1.2em;
  align-items: stretch;
}
.resultlist li.silver .listing-details .address-wrap .street-address,
.resultlist li.silver .listing-details .address-wrap .like-street-address,
.resultlist li.silver .listing-details .highway-location .street-address,
.resultlist li.silver .listing-details .highway-location .like-street-address,
.resultlist li.silver .listing-details .dist .street-address,
.resultlist li.silver .listing-details .dist .like-street-address,
.resultlist li.silver .listing-details .services-provided .street-address,
.resultlist li.silver .listing-details .services-provided .like-street-address, .resultlist li.gold .listing-details .address-wrap .street-address,
.resultlist li.gold .listing-details .address-wrap .like-street-address,
.resultlist li.gold .listing-details .highway-location .street-address,
.resultlist li.gold .listing-details .highway-location .like-street-address,
.resultlist li.gold .listing-details .dist .street-address,
.resultlist li.gold .listing-details .dist .like-street-address,
.resultlist li.gold .listing-details .services-provided .street-address,
.resultlist li.gold .listing-details .services-provided .like-street-address, .resultlist li.platinum .listing-details .address-wrap .street-address,
.resultlist li.platinum .listing-details .address-wrap .like-street-address,
.resultlist li.platinum .listing-details .highway-location .street-address,
.resultlist li.platinum .listing-details .highway-location .like-street-address,
.resultlist li.platinum .listing-details .dist .street-address,
.resultlist li.platinum .listing-details .dist .like-street-address,
.resultlist li.platinum .listing-details .services-provided .street-address,
.resultlist li.platinum .listing-details .services-provided .like-street-address {
  display: block;
}
.resultlist li.silver .listing-details .dist, .resultlist li.gold .listing-details .dist, .resultlist li.platinum .listing-details .dist {
  margin: 0 0 0.5em 0;
  align-items: center;
}
.resultlist li.silver .listing-details .dist .val, .resultlist li.gold .listing-details .dist .val, .resultlist li.platinum .listing-details .dist .val {
  margin-right: 0.25em;
}
.resultlist li.silver .logo-wrap, .resultlist li.gold .logo-wrap {
  grid-column: 2/span 1;
  grid-row: 2;
}
.resultlist li.silver.has-logo .listing-details .tel,
.resultlist li.silver.has-logo .listing-details .website-cta,
.resultlist li.silver.has-logo .listing-details .services-provided,
.resultlist li.silver.has-logo .listing-details .dist,
.resultlist li.silver.has-logo .listing-details .adr, .resultlist li.gold.has-logo .listing-details .tel,
.resultlist li.gold.has-logo .listing-details .website-cta,
.resultlist li.gold.has-logo .listing-details .services-provided,
.resultlist li.gold.has-logo .listing-details .dist,
.resultlist li.gold.has-logo .listing-details .adr {
  grid-column: 1/span 1;
}
@media screen and (min-width: 415px) {
  .resultlist li.silver.has-logo .listing-details .highway-location,
.resultlist li.silver.has-logo .listing-details .services-provided,
.resultlist li.silver.has-logo .listing-details .dist, .resultlist li.gold.has-logo .listing-details .highway-location,
.resultlist li.gold.has-logo .listing-details .services-provided,
.resultlist li.gold.has-logo .listing-details .dist {
    grid-column: 1/span 1;
  }
  .resultlist li.silver:not(.has-logo) .listing-details, .resultlist li.gold:not(.has-logo) .listing-details {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0 0;
    grid-auto-flow: dense;
    align-items: start;
  }
  .resultlist li.silver:not(.has-logo) .listing-details .tel, .resultlist li.gold:not(.has-logo) .listing-details .tel {
    grid-column: 1/span 1;
  }
  .resultlist li.silver:not(.has-logo) .listing-details .adr, .resultlist li.gold:not(.has-logo) .listing-details .adr {
    grid-column: 1/span 1;
  }
  .resultlist li.silver:not(.has-logo) .listing-details .dist, .resultlist li.gold:not(.has-logo) .listing-details .dist {
    grid-column: 1/span 1;
  }
  .resultlist li.silver:not(.has-logo) .listing-details .highway-location, .resultlist li.gold:not(.has-logo) .listing-details .highway-location {
    grid-column: 2/span 1;
  }
  .resultlist li.silver:not(.has-logo) .listing-details .services-provided, .resultlist li.gold:not(.has-logo) .listing-details .services-provided {
    grid-column: 2/span 1;
    grid-row: span 2;
  }
}
.resultlist li.gold .listing-meta, .resultlist li.platinum .listing-meta {
  font-size: 1rem;
}
.resultlist li.platinum .logo-wrap,
.resultlist li.platinum .listing-details {
  grid-column: 1/span 2;
  grid-auto-flow: dense;
}
@media screen and (min-width: 415px) {
  .resultlist li.platinum .listing-details p > .icon,
.resultlist li.platinum .listing-details .services-provided > .icon, .resultlist li.gold .listing-details p > .icon,
.resultlist li.gold .listing-details .services-provided > .icon, .resultlist li.silver .listing-details p > .icon,
.resultlist li.silver .listing-details .services-provided > .icon {
    width: 30px;
    height: 30px;
    margin-right: 8.2px;
  }
  .resultlist li.platinum .listing-details .website-cta, .resultlist li.gold .listing-details .website-cta, .resultlist li.silver .listing-details .website-cta {
    font-size: 100%;
  }
  .resultlist li.platinum .listing-details .website-cta .icon, .resultlist li.gold .listing-details .website-cta .icon, .resultlist li.silver .listing-details .website-cta .icon {
    width: 1em;
    height: 1em;
  }
  .resultlist li.platinum .listing-details .tel {
    font-size: 30px;
  }
  .resultlist li.platinum .listing-details .address-wrap,
.resultlist li.platinum .listing-details .highway-location,
.resultlist li.platinum .listing-details .services-provided,
.resultlist li.platinum .listing-details .dist {
    font-size: 21px;
  }
  .resultlist li.platinum .listing-details .website-cta {
    margin-left: 38.2px;
    font-size: 118%;
  }
  .resultlist li.silver .listing-details .tel, .resultlist li.gold .listing-details .tel {
    font-size: 21px;
  }
  .resultlist li.silver .listing-details .address-wrap,
.resultlist li.silver .listing-details .highway-location,
.resultlist li.silver .listing-details .services-provided,
.resultlist li.silver .listing-details .dist, .resultlist li.gold .listing-details .address-wrap,
.resultlist li.gold .listing-details .highway-location,
.resultlist li.gold .listing-details .services-provided,
.resultlist li.gold .listing-details .dist {
    font-size: 13.6px;
  }
  .resultlist li.silver .listing-details abbr, .resultlist li.gold .listing-details abbr {
    font-size: 0.62rem;
  }
  .resultlist li.silver .listing-details p > .icon,
.resultlist li.silver .listing-details .services-provided > .icon, .resultlist li.gold .listing-details p > .icon,
.resultlist li.gold .listing-details .services-provided > .icon {
    margin-right: 5px;
    width: 21px;
    height: 21px;
  }
}
.resultlist li.silver header {
  border-bottom-color: #969799;
}
.resultlist li.gold header {
  border-bottom-color: #ffd400;
}
.resultlist li.platinum header {
  border-bottom-color: #FF7D01;
}
.resultlist li .logo-wrap {
  margin: 0.5em 2%;
  text-align: center;
  display: block;
}
.resultlist li .logo {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.resultlist li .logo.tall {
  width: auto;
  max-width: 100%;
  max-height: 10em;
}
.resultlist li.is-preferred h3, .resultlist li.is-24hour h3 {
  margin-right: 2.8813559322em;
}
.resultlist li .desc,
.resultlist li .featured-rating {
  display: block;
  grid-column: 1/span 2;
  color: #626262;
  line-height: 1em;
  padding: 1em 0 1em 0;
  font-size: 4vw;
}
.resultlist li .desc h4,
.resultlist li .featured-rating h4 {
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 0.5em 0;
  padding: 0 2%;
}
.resultlist li .desc p,
.resultlist li .featured-rating p {
  font-size: 100%;
  padding: 0 2%;
  margin-top: 0;
}
.resultlist li.bronze .desc {
  display: block;
}
.resultlist li.bronze .desc h4 {
  padding: 0;
}
.resultlist li.bronze .desc p {
  padding: 0;
}
.resultlist li .featured-rating {
  position: relative;
  margin: 0em 2%;
  padding-bottom: 0;
}
.resultlist li .featured-rating cite {
  margin-top: 0.5em;
  display: block;
  margin-left: 50px;
}
.resultlist li .full-details-cta {
  grid-column: 1/span 2;
  font-size: 100%;
  padding: 0.5em 3.5em 0.5em 2%;
  text-align: center;
  background: #333;
  color: #fff;
  position: relative;
  z-index: 0;
}
.resultlist li .full-details-cta:after {
  content: "⟩";
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 1.5em;
  font-size: 1.64em;
  line-height: 100%;
}

.modern .resultlist .desc {
  max-height: 10em;
  overflow: hidden;
  position: relative;
  transition: max-height 1s;
}
.modern .resultlist .desc .expand {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 2em 2% 0.25em 2%;
  background-image: linear-gradient(to top, white 0, white 2em, rgba(255, 255, 255, 0) 100%);
  border: none;
  text-align: center;
  transition: opacity 0.5s;
  z-index: 1;
  cursor: pointer;
}
.modern .resultlist .desc .expand span {
  transform: rotate(90deg);
  display: inline-block;
  font-size: 1.75em;
}
.modern .resultlist .desc.expanded {
  max-height: 100em;
}
.modern .resultlist .desc.expanded .expand {
  opacity: 0;
}
@media screen and (min-width: 415px) {
  .modern .resultlist .desc {
    font-size: 85%;
  }
}
.modern .resultlist article:focus .desc .expand, .modern .resultlist article:active .desc .expand {
  background-image: linear-gradient(to top, #333333 0, #333333 2em, rgba(51, 51, 51, 0) 100%);
}
@media screen and (min-width: 801px) {
  .modern .resultlist article:hover .desc .expand {
    background-image: linear-gradient(to top, #333333 0, #333333 2em, rgba(51, 51, 51, 0) 100%);
  }
}

@media screen and (min-width: 801px) {
  .found-on-4roadservice {
    font-size: 118%;
    margin-right: 190px;
  }
  .resultlist {
    padding: 0 190px 0 2%;
    box-sizing: border-box;
    background: none;
    float: left;
    width: 100%;
    border-bottom: none;
  }
  .resultlist > li {
    padding-bottom: 0.75em;
    border-bottom: 1px dashed #c2c2c2;
    margin-bottom: 0.75em;
  }
  .resultlist > li:last-of-type {
    border-bottom: none;
  }
  .resultlist > li article {
    border: 1px solid #626262;
  }
  .resultlist > li article:hover {
    color: #fefefe;
    background: #333;
  }
  .resultlist > li article:hover .is-preferred {
    color: #fefefe;
  }
  .resultlist > li article:hover .is-24hour .icon,
.resultlist > li article:hover .listing-details .icon {
    fill: #fefefe;
  }
  .resultlist > li article:hover .website-cta {
    color: #333;
  }
  .resultlist > li article:hover .website-cta .icon {
    fill: #333;
  }
  .resultlist > li article:hover .desc {
    background-color: inherit;
  }
  .resultlist > li article .in-search-banner-block {
    background: none;
    margin-top: 1em;
    padding: 0;
  }
  .resultlist > li .listing-details a:hover,
.resultlist > li .listing-details a:focus,
.resultlist > li .listing-details a:active {
    background-color: inherit;
    color: inherit;
    text-decoration: underline;
    text-decoration-color: #ff6e03;
    text-decoration-thickness: 0.05em;
  }
  .resultlist > li header {
    font-size: 100%;
  }
  .resultlist > li.bronze .listing-details {
    font-size: 100%;
  }
  .resultlist > li.bronze .listing-details a {
    text-decoration-thickness: from-font;
  }
  .resultlist > li.bronze header {
    margin-bottom: 0.25em;
  }
  .resultlist > li.bronze article {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .resultlist > li.vcard.silver header, .resultlist > li.vcard.gold header, .resultlist > li.vcard.platinum header {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    border-bottom-width: 0.25em;
  }
  .resultlist > li.vcard.silver header p, .resultlist > li.vcard.gold header p, .resultlist > li.vcard.platinum header p {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  .resultlist > li.vcard.silver h3, .resultlist > li.vcard.gold h3, .resultlist > li.vcard.platinum h3 {
    font-size: 118%;
  }
  .resultlist > li.vcard.silver a, .resultlist > li.vcard.gold a, .resultlist > li.vcard.platinum a {
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding-bottom: 0.5em;
  }
  .resultlist > li.vcard.silver .listing-details, .resultlist > li.vcard.gold .listing-details, .resultlist > li.vcard.platinum .listing-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3em;
    justify-content: start;
    padding-bottom: 0;
  }
  .resultlist > li.vcard.silver .listing-details .info-block.website-cta, .resultlist > li.vcard.gold .listing-details .info-block.website-cta, .resultlist > li.vcard.platinum .listing-details .info-block.website-cta {
    align-self: end;
    grid-column: 2/span 1;
  }
  .resultlist > li.vcard.silver .listing-details .info-block.website-cta a:hover,
.resultlist > li.vcard.silver .listing-details .info-block.website-cta a:focus,
.resultlist > li.vcard.silver .listing-details .info-block.website-cta a:active, .resultlist > li.vcard.gold .listing-details .info-block.website-cta a:hover,
.resultlist > li.vcard.gold .listing-details .info-block.website-cta a:focus,
.resultlist > li.vcard.gold .listing-details .info-block.website-cta a:active, .resultlist > li.vcard.platinum .listing-details .info-block.website-cta a:hover,
.resultlist > li.vcard.platinum .listing-details .info-block.website-cta a:focus,
.resultlist > li.vcard.platinum .listing-details .info-block.website-cta a:active {
    color: #333;
    background-color: #fefefe;
    text-decoration: none;
  }
  .resultlist > li.vcard.silver .listing-details p, .resultlist > li.vcard.gold .listing-details p, .resultlist > li.vcard.platinum .listing-details p {
    margin: 1em 0;
  }
  .resultlist > li.vcard.silver .listing-details .website-cta, .resultlist > li.vcard.gold .listing-details .website-cta, .resultlist > li.vcard.platinum .listing-details .website-cta {
    margin-left: 42px;
  }
  .resultlist > li.vcard.silver .listing-details .tel, .resultlist > li.vcard.gold .listing-details .tel, .resultlist > li.vcard.platinum .listing-details .tel {
    font-size: 218%;
  }
  .resultlist > li.vcard.silver .listing-details abbr, .resultlist > li.vcard.gold .listing-details abbr, .resultlist > li.vcard.platinum .listing-details abbr {
    font-size: 12px;
  }
  .resultlist > li.vcard.silver .listing-details .tel,
.resultlist > li.vcard.silver .listing-details .highway-location,
.resultlist > li.vcard.silver .listing-details .adr,
.resultlist > li.vcard.silver .listing-details .services-provided,
.resultlist > li.vcard.silver .listing-details .dist, .resultlist > li.vcard.gold .listing-details .tel,
.resultlist > li.vcard.gold .listing-details .highway-location,
.resultlist > li.vcard.gold .listing-details .adr,
.resultlist > li.vcard.gold .listing-details .services-provided,
.resultlist > li.vcard.gold .listing-details .dist, .resultlist > li.vcard.platinum .listing-details .tel,
.resultlist > li.vcard.platinum .listing-details .highway-location,
.resultlist > li.vcard.platinum .listing-details .adr,
.resultlist > li.vcard.platinum .listing-details .services-provided,
.resultlist > li.vcard.platinum .listing-details .dist {
    margin: 0.5em 0;
  }
  .resultlist > li.vcard.silver .listing-details .address-wrap,
.resultlist > li.vcard.silver .listing-details .highway-location,
.resultlist > li.vcard.silver .listing-details .services-provided,
.resultlist > li.vcard.silver .listing-details .dist, .resultlist > li.vcard.gold .listing-details .address-wrap,
.resultlist > li.vcard.gold .listing-details .highway-location,
.resultlist > li.vcard.gold .listing-details .services-provided,
.resultlist > li.vcard.gold .listing-details .dist, .resultlist > li.vcard.platinum .listing-details .address-wrap,
.resultlist > li.vcard.platinum .listing-details .highway-location,
.resultlist > li.vcard.platinum .listing-details .services-provided,
.resultlist > li.vcard.platinum .listing-details .dist {
    font-size: 0.85rem;
  }
  .resultlist > li.vcard.silver .listing-details .address-wrap, .resultlist > li.vcard.gold .listing-details .address-wrap, .resultlist > li.vcard.platinum .listing-details .address-wrap {
    line-height: 1.2;
  }
  .resultlist > li.vcard.silver .listing-details .services-provided, .resultlist > li.vcard.gold .listing-details .services-provided, .resultlist > li.vcard.platinum .listing-details .services-provided {
    grid-column: 2/span 1;
    grid-row: span 2;
    align-self: start;
  }
  .resultlist > li.vcard.silver .listing-details .adr, .resultlist > li.vcard.gold .listing-details .adr, .resultlist > li.vcard.platinum .listing-details .adr {
    grid-row: 2/span 1;
    grid-column: 1/span 1;
  }
  .resultlist > li.vcard.silver .listing-details .highway-location, .resultlist > li.vcard.gold .listing-details .highway-location, .resultlist > li.vcard.platinum .listing-details .highway-location {
    grid-column: 2/span 1;
  }
  .resultlist > li.vcard.silver .listing-details .dist, .resultlist > li.vcard.gold .listing-details .dist, .resultlist > li.vcard.platinum .listing-details .dist {
    grid-column: 1;
  }
  .resultlist > li.vcard.silver .listing-details p > .icon,
.resultlist > li.vcard.silver .listing-details .services-provided > .icon, .resultlist > li.vcard.gold .listing-details p > .icon,
.resultlist > li.vcard.gold .listing-details .services-provided > .icon, .resultlist > li.vcard.platinum .listing-details p > .icon,
.resultlist > li.vcard.platinum .listing-details .services-provided > .icon {
    width: 30px;
    height: 30px;
    margin-right: 12px;
  }
  .resultlist > li.vcard.silver .listing-details p > .icon.mobile-unit,
.resultlist > li.vcard.silver .listing-details .services-provided > .icon.mobile-unit, .resultlist > li.vcard.gold .listing-details p > .icon.mobile-unit,
.resultlist > li.vcard.gold .listing-details .services-provided > .icon.mobile-unit, .resultlist > li.vcard.platinum .listing-details p > .icon.mobile-unit,
.resultlist > li.vcard.platinum .listing-details .services-provided > .icon.mobile-unit {
    top: 0;
  }
  .resultlist > li.vcard.silver .listing-meta, .resultlist > li.vcard.gold .listing-meta, .resultlist > li.vcard.platinum .listing-meta {
    font-size: 0.85rem;
  }
  .resultlist > li .logo-wrap {
    width: 15%;
    float: left;
  }
  .resultlist > li .desc {
    padding-left: 42px;
    clear: left;
  }
  .resultlist > li .featured-rating + .desc {
    grid-column: 2/span 1;
    grid-row: 3/span 1;
  }
  .resultlist > li .featured-rating {
    grid-column: 1/span 1;
    font-size: 1em;
  }
  .resultlist > li.has-logo header {
    grid-column: 1/span 3;
  }
  .resultlist > li.has-logo .listing-details {
    grid-column: 2/span 2;
    grid-row: 2/span 1;
    margin-left: 0;
  }
  .resultlist > li.has-logo .desc {
    grid-column: 2/span 2;
  }
  .resultlist > li.has-logo .desc h4,
.resultlist > li.has-logo .desc p {
    padding-left: 0;
  }
  .resultlist > li.has-logo .featured-rating + .desc {
    grid-column: 3/span 1;
    grid-row: 3/span 1;
  }
  .resultlist > li.has-logo .featured-rating {
    grid-column: 2/span 1;
  }
  .resultlist > li.has-logo article {
    grid-template-columns: 19% 1fr 1fr;
  }
  .resultlist > li.has-logo .logo-wrap {
    grid-row: 2/span 1;
    grid-column: 1/span 1;
    width: 100%;
    box-sizing: border-box;
    padding: 1em 10.5263157895%;
  }
  .resultlist > li.has-logo .full-details-cta,
.resultlist > li.has-logo .in-search-banner-block {
    grid-column: 1/span 3;
  }
  .resultlist > li .full-details-cta {
    background-color: inherit;
    color: inherit;
  }
  .resultlist > li .full-details-cta:after {
    content: "→";
    position: static;
    display: inline;
    font-size: inherit;
  }
}
@media screen and (min-width: 1070px) {
  .resultlist li.silver .listing-details, .resultlist li.gold .listing-details, .resultlist li.platinum .listing-details {
    grid-template-columns: 30% 1fr;
  }
}
.search-pagination a {
  display: inline-block;
  width: 19%;
  margin: 0 0.25% 0 0;
  background: #333;
  color: #fefefe;
  text-align: center;
  line-height: 3em;
}
.search-pagination a.next, .search-pagination a.previous {
  width: 61.5%;
  text-transform: capitalize;
}
.search-pagination a:last-of-type {
  margin-right: 0;
}
.search-pagination.with-5-options a {
  width: 8%;
}
.search-pagination.with-5-options a.next, .search-pagination.with-5-options a.previous {
  width: 37.5%;
}
@media screen and (min-width: 801px) {
  .search-pagination {
    clear: both;
    text-align: center;
    margin: 2em auto;
  }
  .search-pagination a, .search-pagination.with-5-options a {
    margin-right: 0.5%;
  }
  .search-pagination a, .search-pagination a.next, .search-pagination a.previous, .search-pagination.with-5-options a, .search-pagination.with-5-options a.next, .search-pagination.with-5-options a.previous {
    width: auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .search-pagination a.next, .search-pagination.with-5-options a.next {
    padding-right: 4em;
    background-image: linear-gradient(30deg, rgba(0, 0, 0, 0) 5em, #FFF 5em), linear-gradient(150deg, rgba(0, 0, 0, 0) 5em, #FFF 5em);
  }
  .search-pagination a.previous, .search-pagination.with-5-options a.previous {
    padding-left: 4em;
    background-image: linear-gradient(30deg, #fff 1.5em, rgba(0, 0, 0, 0) 1.5em), linear-gradient(150deg, #fff 1.5em, rgba(0, 0, 0, 0) 1.5em);
  }
}

.captcha {
  margin: 1em 2%;
}
.captcha noscript > div {
  margin: 0 auto;
}
.captcha .g-recaptcha > div {
  margin: 0 auto;
  width: 304px;
}

.listing h1 span {
  display: block;
  color: #ff6e03;
  font-weight: bold;
}
.listing main header {
  padding: 0.5em 0 0 0;
}
.listing main header h1 {
  padding: 0 2%;
}
.listing main header p {
  color: #ff6e03;
  padding: 0 2%;
}
@media screen and (min-width: 801px) {
  .listing main header {
    display: grid;
    padding: 0.25em 0 0.25em 2%;
    grid-template-columns: auto min-content;
  }
  .listing main header h1 {
    grid-column: 1/span 1;
    grid-row: 1/span 1;
    padding: 0;
  }
  .listing main header p {
    grid-column: 1/span 1;
    grid-row: 2/span 1;
    padding: 0;
  }
  .listing main header .listing-tools {
    background-color: transparent;
    grid-column: 2/span 1;
    grid-row: 1/span 2;
    justify-content: flex-end;
  }
  .listing main header .listing-tools .tool {
    opacity: 0.4;
  }
  .listing main header .listing-tools.enabled .tool,
.listing main header .listing-tools .share-tool {
    opacity: 0.8;
  }
}
.listing main .logo {
  width: 100%;
  height: auto;
  display: block;
  margin: 1em auto;
}
.listing .listing-tools {
  background-color: #333;
  padding: 0 2%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  position: relative;
}
.listing .listing-tools button {
  width: auto;
  background: none;
  border: none;
  font-size: inherit;
}
.listing .listing-tools form {
  display: inline;
}
.listing .listing-tools .tool {
  display: flex;
  flex-direction: column;
  font-size: 1.45rem;
  padding: 0.15em 0.35em;
  margin: 0;
  border-radius: 0;
  justify-content: flex-end;
  text-align: center;
  color: #fefefe;
  opacity: 0.6;
  border-bottom: none;
}
.listing .listing-tools .tool .icon {
  height: auto;
  font-size: 1em;
  width: 1em;
  max-height: 1em;
  line-height: 1em;
  stroke: #fefefe;
  fill: #fefefe;
  margin: 0 auto;
}
.listing .listing-tools .tool .label {
  font-size: 0.5em;
  align-self: end;
  width: 100%;
  padding: 0.25em 0 0 0;
}
.listing .listing-tools.enabled .tool,
.listing .listing-tools .share-tool {
  opacity: 1;
}
.listing .listing-tools .tool-for-members {
  position: absolute;
  box-sizing: border-box;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.85);
  font-family: Arial, Helvetica, sans-serif;
  color: #fefefe;
  border-radius: 8px;
  padding: 0 0.5em;
  z-index: 100;
  top: 103%;
  max-width: 96%;
  display: none;
  opacity: 0;
  transition: opacity 0.25s;
}
.listing .listing-tools .tool-for-members p {
  color: inherit;
  margin: 1em 0;
}
.listing .listing-tools .tool-for-members a {
  color: #fefefe;
}
.listing .listing-tools .tool-for-members:after {
  content: "";
  position: absolute;
  transition: left 0.15s, right 0.15s;
  top: 0;
  left: 50%;
  left: var(--parent-center-left);
  transform: translate3d(-50%, -100%, 0);
  display: block;
  border: 15px solid rgba(0, 0, 0, 0.85);
  border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
}
.listing .listing-tools.for-members .tool-for-members {
  display: block;
  opacity: 1;
}
@media screen and (min-width: 801px) {
  .listing .listing-tools .tool .icon {
    font-size: 1rem;
  }
  .listing .listing-tools .tool .label {
    font-size: 0.64rem;
  }
  .listing .listing-tools .tool-for-members {
    right: 2%;
    top: 130%;
    max-width: 60vw;
    min-width: 25vw;
    width: auto;
  }
  .listing .listing-tools .tool-for-members:after {
    left: auto;
    right: 50%;
    right: var(--parent-center-right);
    transform: translate3d(50%, -100%, 0);
  }
}
.listing .info-block {
  margin: 1em 0;
  padding: 0 2%;
  display: block;
  clear: left;
}
.listing .info-block abbr,
.listing .info-block h6 {
  font-size: 72%;
  font-weight: normal;
  color: gray;
  margin: 0 0 0.35em 2.7777777778em;
  display: block;
  border-bottom: none;
  text-transform: capitalize;
}
.listing .info-block .maillink {
  text-transform: capitalize;
}
.listing .info-block > .icon {
  margin-top: 2em;
  float: left;
  height: 1.5em;
  width: 1.5em;
  margin-right: 0.5em;
  fill: #626262;
  color: #626262;
}
.listing .info-block.mobile-unit .icon {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.listing .info-block.servicesprovided .icon {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  left: -0.2em;
}
.listing .info-block.mainphone .icon {
  width: 1.75em;
  height: 1.75em;
  margin-right: 0.25em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  left: -0.2em;
}
.listing .info-block.map-block {
  padding: 0;
}
.listing .info-block.map-block .icon {
  display: none;
  position: relative;
  margin: -0.2em 0.4em 0 0.1em;
  width: 1.5em;
  height: 2em;
}
.listing .info-block.desc p {
  margin-left: 2em;
}
.listing .info-block.not-quite-right {
  padding-bottom: 1px;
  margin-top: 0;
}
.listing .info-block:last-of-type {
  margin-bottom: 0;
}
.listing .info-block.tel a.value {
  color: inherit;
}
.listing .info-section .info-block:not(.is24hour),
.listing .sendmail .info-block,
.listing .for-preferred.info-block {
  display: grid;
  grid-template-columns: 1.5em 1fr;
  column-gap: 0.5em;
  grid-auto-flow: column dense;
}
.listing .info-section .info-block:not(.is24hour) .icon,
.listing .sendmail .info-block .icon,
.listing .for-preferred.info-block .icon {
  grid-column: 1/span 1;
  grid-row: 1/span 2;
}
.listing .info-section .info-block:not(.is24hour) abbr,
.listing .info-section .info-block:not(.is24hour) h6,
.listing .info-section .info-block:not(.is24hour) p,
.listing .info-section .info-block:not(.is24hour) h6 + *,
.listing .info-section .info-block:not(.is24hour) abbr + *,
.listing .info-section .info-block:not(.is24hour) .address-wrap, .listing .info-section .info-block:not(.is24hour).website-cta .button,
.listing .sendmail .info-block abbr,
.listing .sendmail .info-block h6,
.listing .sendmail .info-block p,
.listing .sendmail .info-block h6 + *,
.listing .sendmail .info-block abbr + *,
.listing .sendmail .info-block .address-wrap,
.listing .sendmail .info-block.website-cta .button,
.listing .for-preferred.info-block abbr,
.listing .for-preferred.info-block h6,
.listing .for-preferred.info-block p,
.listing .for-preferred.info-block h6 + *,
.listing .for-preferred.info-block abbr + *,
.listing .for-preferred.info-block .address-wrap,
.listing .for-preferred.info-block.website-cta .button {
  grid-column: 2/span 1;
  justify-self: start;
  margin-left: 0;
}
.listing .info-section .info-block:not(.is24hour).for-preferred .icon,
.listing .sendmail .info-block.for-preferred .icon,
.listing .for-preferred.info-block.for-preferred .icon {
  margin-right: 0;
}
.listing .info-section .info-block:not(.is24hour).for-preferred > p,
.listing .sendmail .info-block.for-preferred > p,
.listing .for-preferred.info-block.for-preferred > p {
  margin: 0;
}
.listing .info-section .info-block:not(.is24hour).for-preferred > p button,
.listing .sendmail .info-block.for-preferred > p button,
.listing .for-preferred.info-block.for-preferred > p button {
  text-align: left;
  margin: 0;
  padding: 0;
  background: transparent;
}
.listing .adr .icon,
.listing .uri .icon,
.listing .website-cta .icon,
.listing .for-preferred .icon {
  margin-top: 0;
}
.listing .servicesprovided .icon {
  margin-top: 0.75em;
}
.listing .highway-location .icon {
  margin-top: 1.0416666667em;
}
.listing .fax .icon {
  margin-top: 0.4em;
}
.listing .phone .icon {
  margin-top: 0.5em;
}
.listing .cellphone .icon {
  margin-top: 0.5em;
}
.listing .sendmail .icon {
  margin-top: 0em;
}
.listing .sendmail .info-block > span {
  line-height: 1.5em;
}
.listing label {
  margin: 1em 2% 0.2em 2%;
}
.listing .sendmail form {
  margin-top: 1em;
}
.listing .sendmail form h5, .listing .sendmail form p {
  margin-left: 2%;
  margin-right: 2%;
}
.listing .sendmail form h5 {
  margin-bottom: 1em;
}
.listing .sendmail form .captcha label {
  margin: 0 0 0.5em 0;
  text-align: center;
}
.listing .sendmail form a.cancel {
  color: #333;
}
.listing .sendmail form {
  padding-bottom: 1em;
}
.listing .street-address,
.listing .like-street-address,
.listing .country-name {
  display: block;
}
.listing .region:after {
  content: " ";
}
.listing .address-wrap {
  display: block;
  margin-left: 2em;
  line-height: 1.2em;
}
.listing a.address-wrap {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: #c2c2c2;
}
.listing .mainphone {
  clear: left;
}
.listing .mainphone .value {
  font-size: 218%;
  font-weight: bold;
}
.listing .mainphone .icon {
  margin-top: 1.2em;
}
.listing .servicesprovided p,
.listing .acceptedhere p {
  margin: 0.25em 0 0.75em 2em;
}
.listing .acceptedhere .icon {
  margin-top: 0;
}
.listing .acceptedtypes span {
  display: inline-block;
  width: 4.5em;
  text-align: center;
  font-size: 85%;
  padding: 0 0.5em 0.5em 0;
  box-sizing: border-box;
  font-size: 145%;
  vertical-align: middle;
}
.listing .acceptedtypes .icon-accepted-here {
  margin: 0 0 0 0;
  height: 2em;
  max-width: 100%;
  fill: #626262;
  width: 100%;
  display: inline-block;
}
.listing .acceptedtypes .icon-accepted-here use, .listing .acceptedtypes .icon-accepted-here symbol {
  width: 100%;
}
.listing .desc p {
  margin: 0.25em 0;
}
.listing .info-section .info-block.is24hour {
  margin-top: 0.2em;
  margin-left: 0;
  float: left;
  background-color: #f84200;
  font-size: 85%;
  line-height: 1.5em;
  padding-right: 1.5em;
  color: #fff;
  background-image: linear-gradient(135deg, #f84200 85%, rgba(0, 0, 0, 0) 85%), linear-gradient(45deg, rgba(0, 0, 0, 0) 85%, #FFF 85%);
}
.listing .bonusimages {
  text-align: center;
  padding: 1em 2%;
}
.listing .bonusimages img {
  width: 49%;
  height: auto;
  vertical-align: top;
  margin-right: 2%;
}
.listing .bonusimages img:last-of-type {
  margin-right: 0;
}
.listing .found-on-4roadservice {
  padding-bottom: 0.5em;
}
.listing.pending .info-block {
  font-size: 118%;
  margin: 1em 0;
}

@media screen and (max-width: 800px) {
  .listing .info-section .info-block.map-block {
    display: block;
  }
}
.rating,
.provider-notes {
  padding: 2em 0 1em 0;
  margin-bottom: 0.5em;
}
.rating > *,
.provider-notes > * {
  margin-left: 2%;
  margin-right: 2%;
}
.rating h5,
.provider-notes h5 {
  margin: 0 2%;
}
.rating button[type=submit],
.provider-notes button[type=submit] {
  margin-top: 1em;
}

.provider-notes .info {
  color: #cbcbcb;
}
.provider-notes form {
  margin: 0;
  clear: both;
}
.provider-notes h6 {
  margin-top: 0;
}
.provider-notes ol {
  margin: 0 0 1em 0;
}
.provider-notes li {
  margin: 0.5em 0;
  padding: 1em 2%;
}
.provider-notes li form {
  float: right;
}
.provider-notes li.alt {
  background-color: #333;
}
.provider-notes .del {
  display: inline-block;
  float: right;
  line-height: 3em;
  min-height: 3em;
  min-width: 3em;
  background-color: #aa0000;
  font-size: 85%;
  padding: 0 1em;
  color: #fefefe;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.rating-display,
.rating-none-yet {
  text-align: center;
}

.rating-display {
  font-size: 218%;
}
.rating-display .rating-users,
.rating-display .rating-see-individual {
  display: block;
  font-size: 45.871559633%;
  margin-bottom: 0;
  line-height: 1em;
  margin-top: 0.5em;
}
.rating-display .rating-see-individual {
  color: #cbcbcb;
  font-size: 38.9908256881%;
  font-style: italic;
}
.rating-display .stars-line {
  display: block;
}

.stars {
  display: inline-block;
  position: relative;
  font-size: 118%;
  margin-right: 0.5em;
}
.stars span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  color: #ff6e03;
  overflow: hidden;
}

.review {
  padding-top: 0;
  margin-top: 1em;
  margin-bottom: 0;
}
.review blockquote {
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.07);
  border: 2px solid white;
  color: #333;
  line-height: 1.25em;
  margin-bottom: 0.5em;
  padding-bottom: 1.5em;
}
.review blockquote:before {
  display: none;
}
.review blockquote div:before {
  content: "“";
  font-size: 2.5em;
  position: relative;
  top: 0.3em;
  margin-right: 0.1em;
  font-family: "Times New Roman", Times, serif;
}
.review cite,
.review .timestamp {
  margin-left: 50px;
  display: block;
}
.review .timestamp {
  font-size: 85%;
  font-weight: lighter;
  margin-top: 0.5em;
  font-style: italic;
  color: #666666;
}
.review p.empty-review {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0;
}
.review p.empty-review .cite {
  margin-left: 0;
}
.review p.empty-review + .timestamp {
  margin-left: 0;
  text-align: right;
}
.review .stars {
  color: #ff6e03;
  font-style: normal;
}

.listing .sendmail .mailerror {
  margin: 1em 0;
  padding: 0.25em 2%;
  background: #aa0000;
}

.listing .sendmail .mailsuccess,
.contact .mailsuccess,
.listing .success {
  margin: 1em 0;
  padding: 0.25em 2%;
  background: #00aa00;
  color: #fff;
}

.overall-rating h2 {
  font-size: 100%;
  text-align: center;
  margin-bottom: 0;
  margin-top: 2em;
}
.overall-rating h2 a {
  color: #ff6e03;
  font-weight: bold;
}
.overall-rating h2 a:hover, .overall-rating h2 a:focus {
  color: #fefefe;
}
.overall-rating .rating-display {
  margin-top: 0.5em;
}

@media screen and (min-width: 801px) {
  .listing .info-section .info-block,
.listing .info-provided-section .info-block {
    padding: 0;
    margin: 0.5em 4%;
  }
  .listing .info-section .info-block.website-cta,
.listing .info-provided-section .info-block.website-cta {
    margin: 1em 4%;
  }
  .listing .info-section {
    float: left;
    clear: left;
    width: 49%;
  }
  .listing .info-section .map-block .icon {
    display: inline;
  }
  .listing .info-provided-section {
    float: right;
    clear: right;
    width: 49%;
  }
  .listing .bonusimages {
    padding: 1em 2% 1em 0;
    width: 47%;
  }
  .listing .bonusimages img {
    width: 49%;
  }
  .listing main .logo {
    width: 75%;
  }
  .listing .info-provided-section .info-block.desc {
    clear: right;
    margin-left: 0;
    margin-top: 1.5em;
  }
  .listing .info-provided-section .info-block.desc h6 {
    font-size: 100%;
    color: #333;
    font-weight: bold;
    margin: 1em 0;
  }
  .listing .info-provided-section .info-block.desc p {
    margin-left: 0;
  }
  .listing .info-section .is24hour {
    padding-left: 4%;
  }
  .listing .rating {
    clear: both;
    background-color: #333;
    display: grid;
    grid-template-columns: 30em 1fr;
  }
  .listing .rating header {
    grid-column: 1/span 2;
    margin-left: 1%;
    padding-left: 0;
  }
  .listing .sendmail {
    float: left;
    clear: left;
    margin-bottom: 0.5em;
    margin-top: 0em;
    padding-top: 0;
    padding-bottom: 0;
    width: 47%;
    margin-left: 2%;
  }
  .listing .sendmail .info-block {
    margin-left: 0;
    padding: 0;
    margin: 0;
    background: #fff;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
  }
  .listing .sendmail form {
    padding-top: 0;
    padding-bottom: 0.5em;
  }
  .listing .sendmail .icon {
    fill: #626262;
  }
  .listing .rating {
    padding-top: 0.5em;
    padding-bottom: 0.1em;
    margin-top: 1em;
  }
  .listing .rating .rating-display {
    margin-top: 0.25em;
    margin-bottom: 0;
  }
  .listing .provider-notes {
    clear: right;
    float: right;
    padding-top: 0.5em;
    padding-bottom: 0;
    width: 47%;
    background-color: #333;
    margin-right: 2%;
  }
  .listing .provider-map-container {
    border: 1px solid #626262;
    padding: 1px;
  }
  .listing .for-preferred {
    clear: left;
    display: inline-block;
    width: 45%;
  }
  .listing .for-preferred .icon {
    display: inline-block;
    font-size: 1.5em;
    width: 1em;
    margin-right: 0.3333333333em;
  }
  .listing .for-preferred p {
    margin: 0;
    line-height: 1.5em;
  }
  .listing .for-preferred button {
    display: inline;
    background: inherit;
    border: none;
    cursor: pointer;
    width: auto;
    margin: 0;
    font-size: 100%;
  }
  .listing .found-on-4roadservice {
    font-size: 109%;
  }
  .listing .not-quite-right {
    background-color: inherit;
    margin-top: 5em;
    clear: left;
    float: left;
    width: 100%;
    box-sizing: border-box;
    background-color: #e1e1e1;
  }
}
@media screen and (max-width: 800px) {
  .listing .acceptedtypes span {
    width: 33%;
    padding-right: 1em;
  }
  .listing .acceptedtypes span:nth-of-type(3n) {
    padding-right: 0;
  }
}
.listing-management-tools {
  padding: 1em 0;
  margin: 0 2%;
  font-size: 1rem;
  text-align: right;
}
.listing-management-tools h6 {
  display: inline-block;
  font-weight: bold;
  font-size: 0.85rem;
  margin: 0;
}
.listing-management-tools a {
  font-size: 0.85rem;
  display: inline-block;
  padding: 0 0.5em;
}
.listing-management-tools .button {
  font-size: 1rem;
  width: auto;
  padding: 0.25em 0.5em;
  vertical-align: middle;
  display: inline-block;
}

@media screen and (min-width: 801px) {
  .listing .listing-management-tools {
    grid-column: 2/span 3;
    margin: 0;
  }
}
.searchform {
  padding-bottom: 1px;
}
.searchform .fieldset-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
.searchform .fieldset-inner > * {
  order: 2;
}
.searchform .fieldset-inner > div:first-of-type {
  order: 0;
}
.searchform .fieldset-inner .getresults {
  order: 3;
}
.searchform .fieldset-inner > div, .searchform .fieldset-inner > fieldset {
  position: relative;
  line-height: 1.5em;
  width: 100%;
  box-sizing: border-box;
}
.searchform .fieldset-inner > div.where-container, .searchform .fieldset-inner > fieldset.where-container {
  z-index: 80;
}
.searchform .fieldset-inner .what-refinements {
  order: 1;
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  padding: 0;
}
.searchform .fieldset-inner .brands, .searchform .fieldset-inner .features {
  box-sizing: border-box;
  padding: 0;
  -webkit-transition: height 0.4s ease, opacity 0.4s ease, margin 0.4s ease, padding 0.4s ease;
  -moz-transition: height 0.4s ease, opacity 0.4s ease, margin 0.4s ease, padding 0.4s ease;
  -o-transition: height 0.4s ease, opacity 0.4s ease, margin 0.4s ease, padding 0.4s ease;
  transition: height 0.4s ease, opacity 0.4s ease, margin 0.4s ease, padding 0.4s ease;
  overflow: hidden;
}
.searchform .fieldset-inner .brands:empty, .searchform .fieldset-inner .brands.collapsed, .searchform .fieldset-inner .features:empty, .searchform .fieldset-inner .features.collapsed {
  margin: 0;
  padding: 0;
}
.searchform .fieldset-inner .brands.collapsed, .searchform .fieldset-inner .features.collapsed {
  height: 0;
}
.searchform .fieldset-inner .brands fieldset > div, .searchform .fieldset-inner .features fieldset > div {
  display: block;
  column-width: 9em;
  -webkit-column-width: 9em;
  padding: 0 2%;
  width: auto;
}
.searchform .fieldset-inner .brands label, .searchform .fieldset-inner .features label {
  display: block;
  line-height: 1.75em;
  padding: 0.35em 0.05em;
  margin: 0;
  font-style: normal;
}
.searchform .fieldset-inner .brands input[type=checkbox], .searchform .fieldset-inner .features input[type=checkbox] {
  display: inline;
  margin-left: 0;
  vertical-align: text-top;
  vertical-align: baseline;
  width: auto;
  height: auto;
  margin-right: 0.25em;
}
.searchform input,
.searchform select {
  margin-bottom: 0;
}
.searchform input, .searchform select {
  background: #ff6e03;
  color: #000;
  font-size: 118%;
  font-style: italic;
  display: block;
  z-index: 70;
}
.searchform ::-webkit-input-placeholder { /* WebKit browsers */
  color: rgba(51, 51, 51, 0.8);
}
.searchform :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: rgba(51, 51, 51, 0.8);
  opacity: 1;
}
.searchform ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgba(51, 51, 51, 0.8);
  opacity: 1;
}
.searchform :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: rgba(51, 51, 51, 0.8);
}
.searchform div {
  padding: 0.5em 0;
  margin: 0.25em auto;
}
.searchform button {
  margin-top: 0;
  margin-bottom: 0;
}
.searchform .geolocate {
  font-size: 100%;
  width: 100%;
  margin: 0 0 0.25em 0;
  background: #626262;
  color: #fefefe;
  text-align: center;
}
.searchform input[name=where] {
  clear: right;
}
.searchform .autosuggest-list {
  height: 0;
  overflow-y: auto;
  position: absolute;
  left: 2%;
  top: 100%;
  width: 96%;
  z-index: 60;
  box-sizing: border-box;
  margin-top: -10px;
  text-align: left;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.9);
  color: #333;
  -webkit-border-bottom-left-radius: 0.15em;
  -webkit-border-bottom-right-radius: 0.15em;
  -moz-border-radius-bottomleft: 0.15em;
  -moz-border-radius-bottomright: 0.15em;
  border-bottom-left-radius: 0.15em;
  border-bottom-right-radius: 0.15em;
  -webkit-transition: height 0.1s linear;
  -moz-transition: height 0.1s linear;
  -o-transition: height 0.1s linear;
  transition: height 0.1s linear;
}
.searchform .autosuggest-list.active {
  height: 10em;
  border: 2px solid #ffa969;
  border-top: none;
}
.searchform .autosuggest-list li {
  border-bottom: 1px dashed #e1e1e1;
  line-height: 1.2em;
  padding: 0.5em 1%;
}
.searchform .autosuggest-list li:hover, .searchform .autosuggest-list li:focus, .searchform .autosuggest-list li.focused {
  background: #ff6e03;
  border-bottom-style: solid;
  color: #fff;
}
.searchform .optionslink {
  display: none;
}
@media screen and (min-width: 801px) {
  .searchform .autosuggest-list {
    left: 0;
    width: 100%;
    overflow-y: auto;
  }
  .searchform.search-advanced .autosuggest-list {
    left: 2%;
    width: 96%;
  }
  .searchform > fieldset > .fieldset-inner > div, .searchform > fieldset > .fieldset-inner > fieldset {
    width: auto;
  }
  .searchform.search-everywhere > fieldset > .fieldset-inner, .searchform.search-main > fieldset > .fieldset-inner {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .searchform.search-everywhere > fieldset > .fieldset-inner > div, .searchform.search-everywhere > fieldset > .fieldset-inner > fieldset, .searchform.search-main > fieldset > .fieldset-inner > div, .searchform.search-main > fieldset > .fieldset-inner > fieldset {
    flex-basis: min-content;
  }
  .searchform.search-everywhere > fieldset > .fieldset-inner header, .searchform.search-main > fieldset > .fieldset-inner header {
    order: 0;
  }
  .searchform.search-everywhere > fieldset > .fieldset-inner .optionslink, .searchform.search-main > fieldset > .fieldset-inner .optionslink {
    order: 3;
    margin-left: 1rem;
    margin-bottom: 0.75rem;
    align-self: flex-end;
  }
  .searchform.search-everywhere > fieldset > .fieldset-inner .what-refinements, .searchform.search-main > fieldset > .fieldset-inner .what-refinements {
    order: 4;
    overflow: hidden;
    min-height: 0;
  }
  .searchform.search-everywhere > fieldset > .fieldset-inner .search-options, .searchform.search-main > fieldset > .fieldset-inner .search-options {
    order: 5;
  }
  .searchform.search-everywhere > fieldset > .fieldset-inner header, .searchform.search-main > fieldset > .fieldset-inner header {
    margin-bottom: 0.5rem;
    align-self: flex-end;
  }
  .searchform.search-everywhere .getresults, .searchform.search-main .getresults {
    align-self: center;
  }
  .searchform.search-everywhere > fieldset {
    width: 60em;
    margin: 0 auto;
  }
  .searchform.search-everywhere .getresults {
    margin-bottom: 0.75em;
  }
  .searchform.search-main .getresults {
    margin-bottom: 0.5em;
  }
  .searchform select {
    padding: 0.2em;
  }
  @supports (display: grid) {
    .searchform .fieldset-inner {
      display: grid;
      grid-template-rows: 1fr;
      grid-row-gap: 0;
      justify-content: center;
      padding-left: 4%;
      grid-template-columns: repeat(4, min-content);
      grid-column-gap: 1%;
      align-items: start;
    }
    .searchform .fieldset-inner > div {
      display: inline-block;
      margin: 0;
    }
    .searchform .fieldset-inner > *, .searchform .fieldset-inner .getresults {
      order: unset;
    }
    .searchform .fieldset-inner .getresults {
      align-self: end;
    }
    .searchform .fieldset-inner button {
      margin: 0.5em 0;
      white-space: nowrap;
    }
    .searchform .fieldset-inner .optionslink {
      display: block;
      padding-top: 1.5em;
      white-space: nowrap;
      align-self: center;
    }
    .searchform .fieldset-inner .what-refinements {
      grid-column: 1/span 4;
      padding: 0;
    }
    .searchform .fieldset-inner .what-refinements > div > fieldset {
      width: 100%;
      padding: 0;
      -webkit-transition: opacity 0.1s ease;
      -moz-transition: opacity 0.1s ease;
      -o-transition: opacity 0.1s ease;
      transition: opacity 0.1s ease;
    }
    .searchform .fieldset-inner .what-refinements > div > fieldset.delayed-animation {
      -webkit-transition: opacity 0.1s ease 0.1s;
      -moz-transition: opacity 0.1s ease 0.1s;
      -o-transition: opacity 0.1s ease 0.1s;
      transition: opacity 0.1s ease 0.1s;
    }
    .searchform .fieldset-inner .what-refinements legend, .searchform .fieldset-inner .what-refinements div {
      padding-left: 0;
      margin-left: 0;
    }
    .searchform .fieldset-inner .what-refinements legend {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0;
    }
    .searchform .fieldset-inner .what-refinements fieldset > div {
      margin-top: 0;
      padding: 0;
    }
    .searchform .fieldset-inner .what-refinements input {
      width: auto;
      height: auto;
      margin-right: 0.25em;
    }
    .searchform .search-options {
      grid-column: 1/span 3;
    }
  }
  .searchform .optionslink {
    position: relative;
  }
  .searchform .optionslink:after {
    display: inline-block;
    content: "";
    position: relative;
    width: 2px;
    height: 2px;
    background-color: #ff6e03;
    right: -5px;
    top: -3px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 2px 3px #ff6e03;
    -moz-box-shadow: 0 0 2px 3px #ff6e03;
    box-shadow: 0 0 2px 3px #ff6e03;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    opacity: 0;
  }
  .searchform.has-active-brand .optionslink:after {
    opacity: 1;
  }
}
.searchform .search-options {
  padding: 0;
  overflow: hidden;
  -webkit-transition: height 0.2s linear, opacity 0.2s linear, padding 0.2s linear;
  -moz-transition: height 0.2s linear, opacity 0.2s linear, padding 0.2s linear;
  -o-transition: height 0.2s linear, opacity 0.2s linear, padding 0.2s linear;
  transition: height 0.2s linear, opacity 0.2s linear, padding 0.2s linear;
}
.searchform .search-options.active {
  padding: 1em 0 0 0;
}
.searchform .register-for-more-options {
  text-align: center;
}
.searchform .register-for-more-options p {
  margin: 0;
}
.searchform .register-for-more-options a {
  color: #ff6e03;
}
.searchform .register-for-more-options a:hover, .searchform .register-for-more-options a:focus, .searchform .register-for-more-options a:active {
  color: #fff;
}

@media screen and (min-width: 801px) {
  .modern .searchform .getresults,
.modern .searchform .geolocate {
    width: auto;
    display: inline;
    font-size: 100%;
    padding-left: 1em;
    padding-right: 1em;
    vertical-align: baseline;
  }
  .modern .searchform .getresults {
    margin: auto 0 0.75em 0;
    border-color: #ff6e03;
  }
  @supports (display: grid) {
    .modern .searchform .getresults {
      margin-bottom: 0.5em;
    }
  }
  .modern .searchform .geolocate {
    padding: 0;
    margin: 0 0 0 0.5em;
    display: inline;
    background: none;
    border-bottom: 1px dotted #fefefe;
  }
  .modern .searchform .forpreferred input {
    height: auto;
  }
}

.search-everywhere {
  padding-top: 0;
}
.search-everywhere legend {
  margin: 0;
  padding: 0 2%;
}
@media screen and (min-width: 801px) {
  .search-everywhere legend {
    background: none;
  }
  .modern .search-everywhere {
    text-align: left;
  }
  .modern .search-everywhere > fieldset {
    padding: 0;
  }
  .modern .search-everywhere .search-options,
.modern .search-everywhere .what-refinements > div {
    height: 0;
    opacity: 0;
    margin: 0;
  }
  .modern .search-everywhere .search-options.active, .modern .search-everywhere .search-options.fit,
.modern .search-everywhere .what-refinements > div.active,
.modern .search-everywhere .what-refinements > div.fit {
    height: auto;
    opacity: 1;
  }
  @supports (display: grid) {
    .modern .search-everywhere .fieldset-inner header {
      align-self: end;
    }
    .modern .search-everywhere .fieldset-inner .what-refinements {
      grid-column: 2/span 4;
    }
    .modern .search-everywhere .fieldset-inner .what-refinements > fieldset {
      padding-top: 0.75em;
    }
    .modern .search-everywhere .fieldset-inner .what-refinements > fieldset legend {
      padding-top: 0.75em;
    }
    .modern .search-everywhere .search-options {
      grid-column: 2/span 3;
    }
  }
}

.modern .search-everywhere {
  border: none;
  position: relative;
  margin: 0;
  padding: 0;
  left: 0;
  z-index: 3;
  height: 0;
  -webkit-transition: left 0.2s ease-in-out, height 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out, height 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out, height 0.2s ease-in-out;
  transition: left 0.2s ease-in-out, height 0.2s ease-in-out;
}
.modern .search-everywhere.notransition,
.modern .search-everywhere.notransition .what-refinements,
.modern .search-everywhere.notransition .search-options {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.modern .search-everywhere header {
  display: none;
}
.modern .search-everywhere .affirm {
  border-color: #fff;
}
.modern .search-everywhere .fieldset-inner > fieldset {
  padding-top: 1em;
  padding-bottom: 1em;
}
.modern .search-everywhere .optionslink {
  margin-top: 2em;
}
.modern .search-active .search-everywhere {
  border-bottom: 1px solid #333;
}
.modern .search-active .search-everywhere.open-transition-complete {
  z-index: 4;
}
@media screen and (min-width: 801px) {
  .modern .search-everywhere,
.modern .welcome-search {
    font-size: 85%;
    height: auto;
    vertical-align: baseline;
    z-index: 4;
  }
  .modern .search-everywhere fieldset,
.modern .welcome-search fieldset {
    padding: 0;
  }
  .modern .search-everywhere header,
.modern .welcome-search header {
    display: inline-block;
    width: auto;
    margin: 0.75em 0;
    font-weight: bold;
    padding: 0 0.5em 0 0;
    line-height: 1.75em;
    background: none;
    border: none;
  }
  .modern .search-everywhere label,
.modern .welcome-search label {
    padding: 0;
    margin: 0 0 0.3em 0;
    text-align: left;
  }
  .modern .search-everywhere select,
.modern .search-everywhere input,
.modern .welcome-search select,
.modern .welcome-search input {
    width: auto;
    margin: 0;
    display: inline;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.75em;
  }
  .modern .search-everywhere select,
.modern .welcome-search select {
    position: relative;
  }
  .modern .search-everywhere input,
.modern .welcome-search input {
    width: 14em;
  }
  .modern .search-everywhere .optionslink,
.modern .welcome-search .optionslink {
    display: inline-block;
    float: none;
    margin-left: 0.5em;
    margin-top: 0;
  }
  .modern .search-everywhere .search-options,
.modern .welcome-search .search-options {
    vertical-align: baseline;
    line-height: 2em;
  }
  .modern .search-everywhere .search-options input[type=checkbox],
.modern .welcome-search .search-options input[type=checkbox] {
    position: static;
    transform: translateY(0);
    margin-right: 0.5em;
    width: auto;
    vertical-align: baseline;
  }
  .modern .search-everywhere .errormessage,
.modern .welcome-search .errormessage {
    margin-left: 0;
    margin-right: 0;
    font-size: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 0.75em;
    width: 100%;
  }
  @supports (display: grid) {
    .modern .search-everywhere > fieldset > .fieldset-inner .getresults,
.modern .welcome-search > fieldset > .fieldset-inner .getresults {
      align-self: start;
    }
  }
  .modern .search-everywhere {
    background: #333;
    border-bottom: 1px solid #ff6e03;
  }
  .modern .search-everywhere select,
.modern .search-everywhere input {
    background-color: #fefefe;
  }
  .modern .welcome-search .searchform {
    width: 65em;
    padding: 1.5em 2%;
  }
  .modern .welcome-search .searchform input,
.modern .welcome-search .searchform select {
    width: 17em;
  }
  .modern .welcome-search .searchform .getresults {
    font-size: 118%;
    margin-bottom: 0.5em;
  }
  @supports (display: grid) {
    .modern .welcome-search .searchform .getresults {
      margin-bottom: 0;
    }
  }
}

form.verify-human {
  padding-bottom: 5em;
}
form.verify-human p, form.verify-human > div {
  padding: 0 2%;
}
form.verify-human .affirm {
  display: block;
  margin: 0 auto;
  padding-left: 3em;
  padding-right: 3em;
  width: auto;
}

.compare .button,
.sales .button {
  border: 1px solid #333;
  padding-top: 1em;
  padding-bottom: 1em;
  margin: 1em 6% 1.5em 6%;
  width: auto;
}
@media screen and (min-width: 801px) {
  .compare .button,
.sales .button {
    margin-bottom: 0.5em;
  }
}
.compare .intro,
.sales .intro {
  margin: 0 4%;
}
.compare .intro p,
.sales .intro p {
  margin: 1em 0;
}
.compare .intro p:first-of-type,
.sales .intro p:first-of-type {
  font-size: 118%;
  line-height: 1.6em;
}

.sales h4 {
  font-size: 100%;
  font-weight: bold;
  margin: 0.5em 2% 0.5em 6%;
}

.sales article p,
.sales section p {
  margin: 1.5em 2%;
}

.control-panel-included {
  padding-top: 1em;
  padding-bottom: 2em;
}
.control-panel-included h4 {
  background: #000;
  color: #fefefe;
  margin: 0;
  padding: 1em 2%;
}

.listing-type,
.membership-type {
  margin: 2em 4%;
  padding: 0;
  border: 1px solid #626262;
  box-shadow: 3px 4px 10px #c2c2c2;
  color: #000;
}
.listing-type > a,
.membership-type > a {
  display: block;
}
.listing-type header,
.membership-type header {
  text-align: center;
  color: #fefefe;
  background: #000;
  padding: 0.5em 0;
  width: 100%;
}
.listing-type h4,
.membership-type h4 {
  font-weight: bold;
  margin: 0.5em 0 0 0;
  font-size: 145%;
}
.listing-type .benefit,
.membership-type .benefit {
  font-size: 85%;
  font-weight: lighter;
  font-style: italic;
  margin: 0 0 0.5em 0;
}
.listing-type .price,
.membership-type .price {
  font-size: 85%;
}
.listing-type .price em,
.membership-type .price em {
  font-size: 117.7%;
  font-weight: bold;
}
.listing-type h6,
.membership-type h6 {
  margin: 1em 6% 1em 6%;
  font-size: 85%;
  font-weight: lighter;
}
.listing-type li,
.membership-type li {
  padding: 0.3em 6%;
  line-height: 1.1em;
}
.listing-type li:nth-child(even),
.membership-type li:nth-child(even) {
  background-color: whitesmoke;
}
.listing-type li em,
.membership-type li em {
  font-style: italic;
}
.listing-type footer,
.membership-type footer {
  text-align: center;
  padding-bottom: 1em;
}

@media screen and (min-width: 801px) {
  .compare {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 15px;
    margin: 0 2%;
  }
  .compare:last-of-type {
    padding-bottom: 1.5em;
  }
  .listing-type,
.membership-type {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    justify-content: flex-start;
    margin: 0;
  }
  .listing-type header,
.membership-type header {
    position: relative;
    left: -1px;
    top: -1px;
    border: 1px solid #000;
    box-sizing: content-box;
  }
  .listing-type li:before,
.membership-type li:before {
    display: inline-block;
    text-align: center;
    content: "✓";
    min-width: 1em;
    width: 6%;
    margin-left: -6%;
  }
  .listing-type .more,
.membership-type .more {
    font-style: italic;
    font-size: 85%;
  }
  .listing-type footer,
.membership-type footer {
    margin-top: auto;
  }
  .sales .banner-interest p {
    margin-left: 0;
    margin-right: 0;
  }
}
.sales .for-phone-orders {
  background: #000;
  color: #fefefe;
  font-size: 85%;
  padding: 1.5em 2%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}
.sales .for-phone-orders em {
  font-size: 145%;
  display: block;
  font-weight: bold;
  padding: 0.5em 1em 0 1em;
  color: #fefefe;
}
.sales .for-phone-orders em a {
  color: #fefefe;
  border-bottom: none;
}
.sales .for-phone-orders span {
  display: block;
}

.banner-interest {
  padding: 1em 2%;
}
.banner-interest h6 {
  font-size: 100%;
  font-weight: bold;
}

.benefit-list,
.whatsnext ul,
.pending-reasons {
  margin-bottom: 2em;
}

.benefit-list li,
.control-panel-included li,
.pending-reasons li,
.whatsnext li {
  margin: 0.5em 2% 0.5em 6%;
  line-height: 1.5em;
  list-style-type: disc;
  list-style-position: outside;
}

.sales figure img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 801px) {
  .sales-single main > article .button {
    min-width: 10em;
    width: 10%;
    display: block;
    margin: 1em auto;
  }
  .sales-single main > article > .button:last-of-type {
    display: none;
  }
  .sales-single.sales-single-membership .button,
.sales-single.sales-single-membership .sales-single-intro .button {
    width: 15em;
  }
  .sales-single .sales-single-intro {
    font-size: 145%;
  }
  .sales-single .sales-single-intro p {
    display: inline-block;
    max-width: 56%;
    float: left;
    margin-left: 4%;
  }
  .sales-single .sales-single-intro .button {
    display: inline-block;
    width: 10em;
    max-width: 35%;
    margin: 0.5em auto 1em auto;
    font-size: 118%;
  }
  .sales-single section {
    width: 60%;
    float: left;
    clear: left;
  }
  .sales-single section h4 {
    text-decoration: underline;
  }
  .sales-single figure {
    width: 36%;
    float: right;
    clear: right;
    background-color: #fff;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
  }
  .sales-single section.control-panel-included {
    float: none;
    clear: both;
    width: 92%;
    margin: 1em 2%;
    padding: 1em 2% 2em 2%;
  }
  .sales-single .affirm {
    clear: both;
    padding: 0.5em 1em;
  }
}
@media screen and (min-width: 1070px) {
  .sales-single main > article main > article > p {
    display: inline-block;
  }
  .sales-single main > article main > article > .button:first-of-type {
    display: inline-block;
  }
  .sales-single section.control-panel-included {
    float: left;
    width: 52%;
  }
}
.order-summary h2,
.ordermeta h2 {
  padding: 1em 2% 0.5em 2%;
  margin: 0;
  font-size: 118%;
}

.order-summary table {
  margin: 0;
  border-collapse: collapse;
  width: 100%;
  border-bottom: 3px solid #000;
}
.order-summary td,
.order-summary th {
  padding: 0.75em 1em;
}
.order-summary th {
  background: #000;
  color: #fefefe;
  font-weight: bold;
}
.order-summary td {
  border-bottom: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
}
.order-summary td:last-of-type {
  border-right: none;
}
.order-summary tr:last-of-type td {
  border-bottom: none;
}
.order-summary .descriptioncol {
  padding-left: 2%;
  width: 83%;
  text-align: left;
}
.order-summary .pricecol {
  padding-right: 2%;
  width: 13%;
  text-align: right;
}
.order-summary .total td {
  font-weight: bold;
  text-align: right;
}
.order-summary .ccode {
  font-style: italic;
}

.coupon-form {
  background: #333;
  color: #fefefe;
  font-size: 84.7456%;
}
.coupon-form label {
  padding: 1em 0;
}
.coupon-form input[name=coupon] {
  width: 60%;
  float: left;
  margin-right: 0;
  font-size: 100%;
}
.coupon-form button {
  width: 35%;
  float: right;
  margin-left: 0;
  font-size: 100%;
}
.coupon-form .ccode {
  font-style: italic;
}
@media screen and (min-width: 801px) {
  .coupon-form label {
    display: inline-block;
  }
  .coupon-form input[name=coupon],
.coupon-form button {
    width: auto;
    float: none;
    display: inline-block;
    padding: 0.5em 1em;
    margin-bottom: 0;
    background: #c2c2c2;
  }
  .coupon-form input[name=coupon] {
    width: 20em;
    margin-right: 1em;
  }
}

.recurringbilling {
  background: #ff6e03;
  padding: 1em 0;
}
.recurringbilling label {
  margin-top: 1em;
  margin-bottom: 1em;
}
.recurringbilling h4 {
  margin: 0 2%;
}
.recurringbilling p {
  margin-left: 2%;
  margin-right: 2%;
}

.billing-information header {
  padding: 1em 0;
}
.billing-information h4 {
  margin-left: 2%;
  margin-right: 2%;
}
.billing-information h2 {
  font-size: 118%;
  margin: 1em 2%;
  text-align: center;
  font-weight: bold;
}
.billing-information h2 .orpaypal {
  font-weight: normal;
  font-size: 72.25%;
  display: block;
  padding: 0.5em 0;
  font-style: italic;
}
.billing-information h2 button {
  border: none;
  background: none;
  display: block;
  margin: 0 auto;
  width: auto;
  padding: 0;
}
@media screen and (min-width: 801px) {
  .billing-information header {
    padding: 0;
  }
  .billing-information h2 {
    text-align: left;
    line-height: 1.18em;
    height: 1.75em;
  }
  .billing-information h2 .orpaypal,
.billing-information h2 button {
    display: inline-block;
    vertical-align: middle;
  }
  .billing-information h2 .orpaypal {
    margin: 0 2em 0 3em;
  }
  .billing-information h2 button {
    vertical-align: top;
  }
}

.secure_cc {
  margin-bottom: 1.5em;
  border-bottom: 1em solid #000;
}
.secure_cc legend {
  line-height: 50px;
  font-size: 118%;
}
.secure_cc legend a {
  float: right;
  margin: 0;
}
.secure_cc legend a img {
  display: block;
}

.cc_expdate label,
.cc_expdate select,
.cc_expdate .requiredflag {
  width: 40%;
}
.cc_expdate select {
  float: left;
  margin-bottom: 0;
}
.cc_expdate select:first-of-type,
.cc_expdate .requiredflag:first-of-type,
.cc_expdate .errormessage {
  width: 52%;
  clear: left;
}
.cc_expdate .errormessage {
  top: -5px;
}
@media screen and (min-width: 801px) {
  .cc_expdate label,
.cc_expdate select,
.cc_expdate .requiredflag,
.cc_expdate select:first-of-type,
.cc_expdate .requiredflag:first-of-type,
.cc_expdate .errormessage {
    width: 46%;
  }
}

.cc_name h5 {
  font-size: 100%;
  font-weight: bold;
  margin: 1em 2% 0 2%;
}

#checkoutform div.acceptance-marks,
.body.checkout div.acceptance-marks {
  text-align: center;
  margin-top: 2em;
}
#checkoutform div.acceptance-marks h6,
.body.checkout div.acceptance-marks h6 {
  font-size: 100%;
}
#checkoutform div.acceptance-marks p,
.body.checkout div.acceptance-marks p {
  margin: 0.5em 2%;
}
#checkoutform div.acceptance-marks a,
.body.checkout div.acceptance-marks a {
  margin: 0 0.5em;
}
#checkoutform div.acceptance-marks .icon,
.body.checkout div.acceptance-marks .icon {
  width: 3em;
  height: 2em;
  margin: 0 0.5em;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 801px) {
  #checkoutform div.acceptance-marks,
.body.checkout div.acceptance-marks {
    padding: 1em 0 2em 0;
  }
  #checkoutform div.acceptance-marks h6,
#checkoutform div.acceptance-marks p,
#checkoutform div.acceptance-marks a,
#checkoutform div.acceptance-marks img,
.body.checkout div.acceptance-marks h6,
.body.checkout div.acceptance-marks p,
.body.checkout div.acceptance-marks a,
.body.checkout div.acceptance-marks img {
    display: inline;
    width: auto;
    vertical-align: middle;
  }
  #checkoutform div.acceptance-marks p,
.body.checkout div.acceptance-marks p {
    margin: 0;
  }
}
@media screen and (min-width: 801px) {
  #checkoutform button[type=submit],
.body.checkout button[type=submit] {
    width: auto;
    margin: 0 auto;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

.ordermeta {
  padding-bottom: 1em;
}
.ordermeta h2 {
  background: #fff;
  margin-bottom: 1em;
}
.ordermeta.login-message {
  padding: 2em 0;
  font-size: 118%;
  font-family: "Century Gothic", CenturyGothic, "Helvetica Neue", Futura, "Apple Gothic", AppleGothic, Arial, sans-serif;
}
.ordermeta.login-message p {
  line-height: 1.5em;
}
.ordermeta > * {
  padding-left: 2%;
  padding-right: 2%;
}
.ordermeta p {
  margin: 0;
}
@media screen and (min-width: 801px) {
  .ordermeta .order-address,
.ordermeta .order-info {
    width: 46%;
    float: left;
  }
}
.ordermeta time {
  display: block;
  margin: 1.5em 0;
}

.print-this-page {
  text-align: center;
  font-weight: bold;
  font-size: 100%;
}

.whatsnext {
  padding: 0 0 1em 0;
}
.whatsnext > div {
  border-top: 4px solid #ff6e03;
}
.whatsnext h3 {
  font-size: 118%;
  padding-left: 6.5%;
}
.whatsnext .what_is_providercenter {
  padding-left: 7.2222222222%;
}
.whatsnext > * {
  padding-left: 2%;
  padding-right: 2%;
}
.whatsnext p {
  line-height: 1.5em;
}
.whatsnext:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
@media screen and (min-width: 801px) {
  .whatsnext > div {
    width: 46%;
    border-top: 0;
    float: left;
  }
  .whatsnext .what_is_providercenter {
    padding-left: 0;
    float: right;
  }
}

.activation-message > * {
  padding-left: 2%;
  padding-right: 2%;
}

.search-advanced,
.select-a-service-in {
  background-color: #e1e1e1;
}
.search-advanced .change-location-entry,
.select-a-service-in .change-location-entry {
  float: right;
  position: relative;
  z-index: 1;
  margin-top: 0;
  margin-right: 5px;
  color: inherit;
  opacity: 0.8;
}
.search-advanced label,
.select-a-service-in label {
  line-height: 1.2em;
}
.search-advanced .searchstate,
.select-a-service-in .searchstate {
  width: 56%;
  margin-right: 1%;
  display: inline;
  vertical-align: baseline;
}
.search-advanced button.getcities,
.select-a-service-in button.getcities {
  display: inline;
  position: relative;
  margin: 0;
  width: 39%;
  vertical-align: baseline;
  padding: 0.15em 0;
  font-weight: normal;
}
.search-advanced .errorsummary,
.select-a-service-in .errorsummary {
  padding: 1px 2%;
  margin-bottom: 1em;
}
.search-advanced .register-for-more-options a:link,
.search-advanced .register-for-more-options a:visited,
.select-a-service-in .register-for-more-options a:link,
.select-a-service-in .register-for-more-options a:visited {
  color: inherit;
}
.search-advanced .register-for-more-options a:hover,
.search-advanced .register-for-more-options a:focus,
.search-advanced .register-for-more-options a:active,
.select-a-service-in .register-for-more-options a:hover,
.select-a-service-in .register-for-more-options a:focus,
.select-a-service-in .register-for-more-options a:active {
  color: #fff;
}

.select-a-service-in {
  background: white;
}
.select-a-service-in li {
  display: block;
}
.select-a-service-in li:last-of-type a {
  border-bottom: none;
}
.select-a-service-in a {
  display: block;
  padding: 1em 2%;
  border-bottom: 1px solid #c2c2c2;
  color: #333;
}
.select-a-service-in a:active {
  background-color: #ff6e03;
  color: #fefefe;
}

.search-advanced {
  padding-bottom: 2em;
}

.four-oh-four main {
  min-height: 10em;
  margin-bottom: 50%;
}
.four-oh-four main div {
  font-size: 85%;
  font-weight: lighter;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0) 99%);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  margin: 0;
  padding: 1em 2%;
  padding-bottom: 10%;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  color: #fff;
}
.four-oh-four main div p {
  line-height: 1.5em;
}
.four-oh-four main div a {
  color: #fefefe;
  text-decoration: none;
  border-bottom: 1px solid #ff6e03;
}

/*.advanced-search .searchform {
	.what-refinements {
		flex: 0 0 auto;
	}
}
*/
@media screen and (min-width: 801px) {
  .advanced-search.body {
    padding: 4em 0 6em 0;
  }
  .advanced-search.body:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .advanced-search main {
    width: 50%;
    float: right;
    margin: 0 9% 3em auto;
    background: rgba(0, 0, 0, 0.92);
  }
  .advanced-search main header {
    background: none;
  }
  .advanced-search .search-advanced {
    background: none;
  }
  .advanced-search .search-advanced .fieldset-inner {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
  }
  .advanced-search .search-advanced .fieldset-inner div {
    width: 100%;
  }
  .advanced-search .search-advanced .fieldset-inner > * {
    order: 2;
  }
  .advanced-search .search-advanced .fieldset-inner .getresults {
    order: 3;
  }
  .advanced-search .search-advanced .fieldset-inner > div:first-of-type {
    order: 0;
  }
  .advanced-search .search-advanced .fieldset-inner .what-refinements {
    order: 1;
    margin: 0 2% 1em 2%;
  }
  .advanced-search .search-advanced .fieldset-inner .search-options {
    margin: 0 2%;
  }
  .advanced-search .search-advanced .getresults {
    display: block;
    margin: 2em 2% 0 auto;
  }
  .advanced-search .secondary {
    width: 18%;
    float: right;
    margin-right: -5px;
    margin-bottom: 0;
    font-size: 85%;
    color: #e5e5e5;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    position: absolute;
    right: 63%;
    top: 4.7058823529em;
    bottom: 10.5882352941em;
  }
  .advanced-search .secondary p {
    line-height: 1.5em;
  }
  .select-a-service-in {
    background: none;
    font-size: 118%;
    font-style: normal;
  }
  .select-a-service-in li {
    display: inline-block;
    padding: 0.75em 2%;
  }
  .select-a-service-in li:last-of-type a {
    border-bottom: 1px solid #ff6e03;
  }
  .select-a-service-in a {
    display: inline;
    padding: 0;
    color: #fefefe;
    border-bottom-color: #ff6e03;
  }
  .four-oh-four main {
    margin-bottom: 30%;
  }
  .four-oh-four main div {
    font-size: 118%;
    width: 60%;
    background-image: none;
    background-color: rgba(0, 0, 0, 0.6);
    padding-bottom: 2%;
  }
}
.four-oh-four .body {
  background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.065) 60%), url(../images/404-wrecker-centered-400.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: left top, center bottom;
  -webkit-background-size: cover, cover, cover;
  -moz-background-size: cover, cover, cover;
  -o-background-size: cover, cover, cover;
  background-size: cover, cover, cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .four-oh-four .body {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.065) 60%), url(../images/404-wrecker-centered-800.jpg);
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 3dppx), screen and (min-resolution: 350dpi) {
  .four-oh-four .body {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.065) 60%), url(../images/404-wrecker-centered-1200.jpg);
  }
}
@media screen and (min-width: 801px) {
  .four-oh-four .body {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.065) 60%), url(../images/404-wrecker-800.jpg);
    background-position: left top, right bottom;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:801px), screen and (min-resolution: 2dppx) and (min-width:801px), screen and (min-resolution: 192dpi) and (min-width:801px) {
  .four-oh-four .body {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.065) 60%), url(../images/404-wrecker-1600.jpg);
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) and (min-width:801px), screen and (min-resolution: 3dppx) and (min-width:801px), screen and (min-resolution: 350dpi) and (min-width:801px), screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:1070px), screen and (min-resolution: 2dppx) and (min-width:1070px), screen and (min-resolution: 192dpi) and (min-width:1070px), (min-width: 1602px) {
  .four-oh-four .body {
    background-image: linear-gradient(65.2deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.065) 60%), url(../images/404-wrecker-1920.jpg);
  }
}

/*# sourceMappingURL=screen.css.map */