/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
/* What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
html { color: #222; font-size: 1em; line-height: 1.4; }

/* Remove text-shadow in selection highlight: https://twitter.com/miketaylr/status/12228805301 These selection rule sets have to be separate. Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers: https://github.com/h5bp/html5-boilerplate/issues/440 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Browser Upgrade Prompt ========================================================================== */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
/* ========================================================================== Helper classes ========================================================================== */
/* Hide visually and from screen readers */
.hidden { display: none !important; }

/* Hide only visually, but have it available for screen readers: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: https://www.drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
/* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */
@media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  /* Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables */
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }

.debug { position: fixed; top: 0px; left: 100px; font-size: 10px; background: #eeeeee; padding: 5px; display: none; }

.phone-only { display: block; }

.tablet-only { display: none; }

.sdesk-only { display: none; }

.desk-only { display: none; }

.not-on-mobile { display: none; }

button:focus { outline: 0; }

html, body { font-family: 'Lato', sans-serif; }

a { text-decoration: none; color: inherit; }

.tagline { display: none; font-weight: 300; padding: 15px; text-align: center; border-bottom: 2px solid #fab418; }

.menu { display: none; list-style: none; padding: 0px; margin: 0px; }

.menu li { list-style: none; padding: 15px; text-align: center; text-transform: uppercase; color: #333; background: #eee; border-top: 1px solid white; z-index: 100; }

.menu li:hover { background: #ccc; }

.menu li a { color: #333; }

.menu-trigger { display: block; height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: 30px; float: right; color: #ccc; }

.logo { max-height: 40px; margin: 5px; }

.body h1 { font-size: 20px; text-align: center; font-weight: 300; margin-bottom: 30px; margin-top: 0px; }

h2 { text-align: center; }

.logo-home { max-width: 75%; margin: auto auto; margin-top: 30px; margin-bottom: 30px; }

.grey-band { background: #eee; padding: 30px; }

.grey-band h2 { font-size: 16px; font-weight: 300; margin-top: 0px; }

.home-form input { display: block; float: left; width: 75%; box-sizing: border-box; border: 1px  solid black; padding: 7px; border-radius: 0px; height: 35px; }

.home-form button { display: block; float: right; width: 25%; box-sizing: border-box; background: #fab418; height: 35px; border: 1px solid black; border-left: 0px; font-size: 14px; text-transform: uppercase; }

.body > p { font-size: 18px; text-align: left; padding: 30px; font-weight: 300; padding-top: 15px; padding-bottom: 0px; }

.body ul { list-style: none; padding: 30px; padding-top: 0px; padding-bottom: 15px; }

.body li { text-align: left; font-size: 20px; padding: 10px; }

.yellow-check { color: #fab418; font-size: 30px; }

.subv-point { font-size: 16px; font-weight: 300; padding-left: 23px; }

.company-button { display: block; width: 100%; padding: 10px; box-sizing: border-box; background: #fab418; border: 1px solid black; font-size: 14px; }

.footer { text-align: center; font-size: 14px; font-weight: 300; background: #eee; }

.copyright { margin-top: 15px; padding-bottom: 30px; }

.footer img { max-width: 50%; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); margin-bottom: 15px; }

.results h1 { font-size: 18px; padding: 15px; margin-bottom: 0px; }

.result { overflow: hidden; background: #eee; }

.recommended { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9ebcc+0,fab418+100 */ background: #f9ebcc; /* Old browsers */ background: -moz-linear-gradient(top, #f9ebcc 0%, #fab418 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f9ebcc 0%, #fab418 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f9ebcc 0%, #fab418 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ebcc', endColorstr='#fab418',GradientType=0 ); /* IE6-9 */ }

.front-logo { opacity: 0; }

.input-error { border: 1px solid red !important; }

.map { display: none; }

.results > h2 { font-weight: 300; font-size: 16px; margin-top: 50px; border-bottom: 1px solid #fab418; display: inline-block; }

.recommendedcompany { background: #fab418; }

.ord { float: left; height: 50px; width: 50px; line-height: 50px; font-size: 25px; text-align: center; background: white; margin: 10px; }

.reviewspills { box-sizing: border-box; width: 100%; display: inline-block; margin-bottom: 15px; }

.reviewspills > div { box-sizing: border-box; text-align: center; width: 25%; float: left; height: 26px; line-height: 26px; }

.name { padding-top: 10px; font-size: 18px; font-weight: 700; white-space: nowrap; overflow: hidden; }

.location { font-size: 16px; display: inline-block; }

.distance { font-size: 14px; background: #eee; }

.posreviews { background: green; color: white; }

.negreviews { background: red; color: white; }

.localreviews { background: #eee; }

.companyresult { padding: 10px; padding-top: 0px; }

.profile-header { height: 50vw; background-size: cover; background-position: center center; }

.profile-body { margin: auto auto; margin-top: -45vw; max-width: 900px; }

.profile-logo { margin: auto auto; text-align: center; margin-bottom: 15px; }

.profile-logo > img { box-sizing: border-box; max-width: 70%; background: white; border: 15px solid white; max-height: 150px; }

.profile-info { background: white; position: relative; }

.profile-info-half { padding: 15px; box-sizing: border-box; overflow: hidden; }

.company-social { display: block; line-height: 40px; font-weight: 300; }

.company-social:hover { background: #eee; }

.company-social i { display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; font-size: 20px; float: left; }

.company-name { font-size: 24px; font-weight: 700; }

.company-location { display: block; margin-bottom: 25px; }

.profile { background: #eee; }

.profile-map-container { background: white; position: absolute; top: 0; right: 0px; height: 100%; padding: 15px; }

.profile-map { background: #eee; width: 100%; height: 100%; }

.register-form button, .profile-info button, .blc-button { position: relative; box-sizing: border-box; background: #fab418; margin-right: 15px; margin-bottom: 15px; text-transform: uppercase; font-size: 14px; border: 0px; padding: 15px; }

.blc-button img { max-width: 100%; margin-bottom: 15px; }

.blc-button { margin: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; max-width: 100%; margin-bottom: 15px; }

.blc-top { background: white; font-size: 24px; font-weight: 300; padding-top: 10px; }

.review-nav { padding: 15px; background: white; margin-top: 15px; position: relative; }

.reviews-totals { background: #eee; width: 70%; box-sizing: border-box; padding: 15px; color: white; text-align: center; float: left; }

.reviews-total-star-num { font-size: 30px; }

.reviews-total-reviews { font-weight: 300; }

.reviews-total-stars { font-size: 24px; white-space: nowrap; }

.reviews-posneg { height: 56px; line-height: 56px; text-align: left; font-size: 36px; }

.review-button { height: 127px; margin-left: 15px; width: 100%; float: right; background: #fab418; border: 0px; text-transform: uppercase; margin-top: 15px; }

.reviews-posneg-container { width: 30%; float: left; box-sizing: border-box; padding-left: 15px; }

.reviews-neg-total { margin-top: 15px; color: red; }

.reviews-pos-total { color: green; }

.profile-info-half > h1 { font-weight: 700; margin: 0px; text-align: left; font-size: 24px; }

.reviews { background: white; margin-top: 15px; padding-bottom: 30px; }

.reviews h1 { font-weight: 400; margin: 0px; padding: 15px; font-size: 20px; text-transform: uppercase; border-bottom: 1px solid #eee; }

.reviews h3 { text-align: center; font-weight: 300; margin: 0px; padding: 10px; font-size: 14px; }

.review { margin: auto auto; background: #eee; padding: 15px; margin-top: 15px; margin-left: 15px; margin-right: 15px; }

.review-stars { width: 50%; float: right; font-size: 20px; color: #fab418; white-space: nowrap; text-align: right; position: relative; height: 22px; line-height: 20px; }

.review-stars span { font-size: 12px; text-transform: uppercase; color: black; line-height: 24px; }

.review-stars i { margin-right: 5px; }

.review-location, .review-simple-date { text-align: left; display: block; }

.review-simple-date { width: 50%; }

.review-header { padding-bottom: 5px; border-bottom: 1px solid #ccc; }

.review-location { font-weight: 300; }

.review-body { padding-top: 10px; font-weight: 300; white-space: pre-wrap; }

.review-footer { font-size: 12px; padding-top: 10px; }

.report-review { background: #ccc; text-transform: uppercase; font-size: 10px; margin-top: 10px; border: 0px; color: #666; padding: 5px; }

.write-review { background: white; padding: 15px; border-left: 1px solid #fab418; border-right: 1px solid #fab418; border-bottom: 1px solid #fab418; }

.write-section { padding: 5px; clear: both; }

.write-section label { display: block; text-transform: uppercase; line-height: 31px; font-weight: 400; }

.write-section label > span { text-transform: none; font-weight: 300; display: block; font-size: 12px; }

.write-rating i { color: #fab418; font-size: 24px; margin-right: 10px; }

.write-section input { font-size: 16px; border: 1px solid black; width: 100%; padding: 5px; }

.write-name input { max-width: 70%; }

.write-name select { max-width: 30%; font-size: 16px; border: 1px solid black; border-radius: 0px; padding: 5px; -webkit-appearance: none; background: url("/img/new_arrow.png") no-repeat right; position: relative; top: 1px; }

.write-section textarea { width: 100%; border: 1px solid black; min-height: 250px; box-sizing: border-box; }

.write-review-h2 { font-weight: 300; font-size: 20px; background: #fab418; margin-top: 15px; padding: 15px; margin-bottom: 0px; }

.write-small-text { font-size: 12px; font-weight: 700; text-align: left; }

.write-review button, .send-report-button { background: #fab418; border: 0px; text-transform: uppercase; padding: 15px; margin: auto auto; font-weight: 400; }

.cancel-button { font-weight: 300 !important; background: #eee !important; }

.write-review { font-weight: 300; }

.blue-link { color: blue; }

.hidden-write { display: none; }

.review-report-form { display: none; border: 1px solid red; border-top: 0px; margin: auto auto; background: #eee; padding: 15px; margin-left: 15px; margin-right: 15px; }

.to-report { border: 1px solid red; border-bottom: 0px; background: #F2DEDE; }

.review-report-form h2 { font-size: 20px; margin-top: 0px; margin-bottom: 0px; text-align: left; }

.review-report-form p { font-weight: 300; margin-top: 0px; }

.write-report select { background-color: white; width: 30%; font-size: 16px; border: 1px solid black; border-radius: 0px; padding: 5px; -webkit-appearance: none; background: url("/img/new_arrow.png") no-repeat right; position: relative; top: 1px; }

.write-file-drop { border: 2px dashed #ccc; min-height: 150px; text-align: center; }

.write-score-select { background-color: white; min-width: 120px; font-size: 16px; border: 1px solid black; border-radius: 0px; padding: 0px; height: 31px; padding-left: 10px; -webkit-appearance: none; background: url("/img/new_arrow.png") no-repeat right; position: relative; top: 1px; font-family: 'FontAwesome','Lato', Arial; }

.write-score-select i, .write-score-select option i { font-family: 'FontAwesome'; }

.dz-upload { display: block; box-sizing: border-box; height: 15px; background: white; }

.dz-complete .dz-upload { background: green !important; font-family: 'FontAwesome'; content: "\f00c"; }

.dz-success-mark, .dz-filename, .dz-size, .dz-error-mark { display: none; }

.dz-preview { box-sizing: border-box; width: 25%; max-width: 140px; float: left; background: #eee; border: 10px solid white; padding: 10px; }

.dz-image img { max-width: 100%; }

.dz-error { display: none; }

.dz-started .dz-message { display: none; }

.dz-message { line-height: 150px; }

#write-score-display { margin-left: 10px; padding-top: 3px; }

.hasError { border-color: red !important; }

.TextError { color: red !important; font-weight: 400; }

.write-thanks { text-align: center; font-size: 20px; }

.verified { border: 2px solid #fab418 !important; background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 65%, #ffb413 100%) !important; background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(65%, rgba(255, 255, 255, 0.65)), color-stop(100%, #ffb413)) !important; background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 65%, #ffb413 100%) !important; background: -o-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 65%, #ffb413 100%) !important; background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 65%, #ffb413 100%) !important; background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 65%, #ffb413 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffb413',GradientType=1 ) !important; }

.write-verified-include { width: 100%; text-align: left; box-sizing: border-box; }

#write-confirm, #write-factual { max-width: 14px; }

.non-rec-register-but { font-weight: 700; display: block; width: 100%; }

.non-rec-register-but span { font-weight: 400; display: block; }

.company-register h1 { font-weight: 700; font-size: 28px; margin-bottom: 0px; margin-top: 30px; }

.company-register h2 { font-weight: 300; font-size: 25px; margin-top: 0px; }

.tool-video { position: relative; padding-bottom: 50.25%; /* 16:9 */ padding-top: 25px; height: 0; }

.tool-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.tool-video-cont { float: right; width: 50%; border: 1px solid #fab418; }

.tool-section { margin-top: 30px; }

.tool-section h2 { text-align: left; font-size: 22px; padding-bottom: 5px; font-weight: 400; border-bottom: 1px solid #fab418; }

.tool-section p { font-weight: 300; line-height: 30px; }

.tool-section i { color: #fab418; font-size: 24px; }

.tool-section button { background: #fab418; text-align: center; padding: 15px; text-transform: uppercase; border: 0px; }

.tool-section button i { color: black; font-size: 16px; }

.tool-qanda { font-weight: 300; display: none; }

.register-form { border: 1px solid #fab418; margin-top: 30px; margin-bottom: 50px; }

.register-form h2 { background: #fab418; padding: 10px; margin: 0px; }

#registration-form { padding: 10px; }

.register-form p { margin-top: 0px; font-weight: 300; }

.register-form button { margin-top: 15px; }

.grey-box { background: #eee; padding: 15px; margin-bottom: 50px; font-weight: 300; }

.grey-box li { list-style: disc; }

.grey-box li { font-size: 16px; }

.grey-box h2 { text-align: left; font-size: 20px; }

.county-container, .directory-container { display: -webkit-flex; display: -webkit-box; -webkit-justify-content: space-around; display: flex; flex-direction: row; flex-wrap: wrap; flex-flow: row wrap; }

.county-container a, .directory-container a { display: inline-block; }

.county-button, .directory-listing { display: block; border: 10px solid white; box-sizing: border-box; background: #fab418; white-space: nowrap; -webkit-flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; flex: 1 1 0%; flex-basis: 30%; padding: 15px; text-align: center; text-transform: uppercase; overflow: hidden; }

.directory-listing { background: #eee; font-weight: 300; padding: 0px; padding-bottom: 10px; }

.directory-listing span { padding: 10px; display: block; padding-bottom: 0px; }

.directory-recommended { font-weight: 400; background: #fab418; padding-bottom: 0px; }

.directory-stats > div { box-sizing: border-box; float: left; padding: 5px; }

.directory-posneg { width: 50%; text-align: left; padding-right: 10px; }

.directory-pos, .directory-neg { display: inline-block; }

.directory-pos { color: green; }

.directory-neg { color: red; }

.directory-stars { width: 50%; color: white; text-align: right; padding-left: 10px; }

.directory-location { text-transform: none; padding-top: 0px !important; padding-bottom: 5px; font-weight: 300; }

.trust-box .fa { font-size: 30px; margin-right: 10px; color: #fab418; position: relative; top: 0px; margin-bottom: 15px; float: left; }

.trust-box { line-height: 30px; }

.more-reviews { display: none; }

.more-reviews-link { margin-top: 15px; background: #fab418; padding: 15px; text-transform: uppercase; text-align: center; margin-left: 15px; margin-right: 15px; }

.directory-nav { text-align: center; margin-bottom: 15px; }

.directory-page { display: inline-block; padding: 10px; background: #eee; text-align: center; margin: 5px; }

.directory-this-page { background: #fab418; }

.company-register > img { max-width: 100%; }

.index-half { box-sizing: border-box; width: 50%; float: left; position: relative; }

.index-half > h1 { margin-top: 25%; }

.index-text { padding: 15px; }

.index-tools { max-width: 100%; }

.index-people { float: right; max-width: 33.33%; margin-top: 30px; margin-left: 15px; }

.big-logo { display: none; }

.small-logo { display: inline-block; }

.review-photos div { box-sizing: border-box; border: 7.5px solid #eee; width: 40vw; height: 40vw; background-repeat: no-repeat; min-height: 120px; float: left; background-size: cover; margin-top: 10px; }

.lighter { display: none; position: fixed; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); text-align: center; }

.showlighter { display: flex; }

.showlighter > img { max-height: 90vw; max-width: 90vw; margin: auto auto; }

.profile-veka > img { display: inline-block; max-width: 33.33%; box-sizing: border-box; }

.profile-vevo > img { display: inline-block; max-width: 25%; box-sizing: border-box; max-height: 150px; }

.profile-accreditations { background: white; padding: 15px; margin-top: 15px; text-align: center; }

h7 { display: block; box-sizing: border-box; font-size: 1.5em; font-weight: bold; padding: 10px; color: #fff; background-color: #930000; text-shadow: 0px 1px 2px #333; }

.review-responce { background: white; padding: 15px; border: 1px solid green; margin-top: 15px; }

.facebook-review-share { color: white; background: #4267b2; border: 1px solid #4267b2; border-radius: 3px; padding: 10px; }

.cycle { display: none; max-width: 100%; }

.tradelogos { display: block; width: 100%; flex-direction: row; flex-wrap: wrap; }

.tradelogo { float: left; width: 50%; box-sizing: border-box; padding: 10px; text-align: center; position: relative; height: 190px; line-height: 190px; }

.register-container { padding: 10px; }

.tradelogo img { max-width: 100%; min-width: 100%; }

.tradelogo p { display: block; position: absolute; top: -20px; text-align: center; width: calc(100% - 20px); clear: both; padding: 10px; box-sizing: border-box; line-height: 40px; font-size: 12px; color: #666; }

.h1break { border-top: 2px solid #fab418; border-bottom: 2px solid #fab418; padding: 10px; margin: 15px; font-size: 18px !important; margin-right: 0px; margin-left: 0px; }

.polar { margin-top: 15px; height: 130px; max-width: 130px !important; min-width: 130px !important; width: 130px; }

.third { width: 100%; float: left; }

.tradequote > p { padding: 30px; text-align: center; font-size: 24px; color: #373737; font-weight: 300; padding-bottom: 0px; }

.byline { font-size: 14px !important; font-weight: bold !important; }

.showcase { margin: auto auto; background: #eee; padding: 15px; margin-top: 15px; margin-left: 30px; margin-right: 30px; }

.showcase-headline { font-weight: 400; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 5px; }

.showcase-body { font-weight: 300; }

.showcase-headline span { float: right; font-weight: 300; }

.showcase-headline b { font-weight: 400; }

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