/* Minification failed. Returning unminified contents.
(4358,50): run-time error CSS1035: Expected colon, found ';'
(4422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4431,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(4441,21): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4450,21): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4475,21): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4485,39): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4491,26): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4505,25): run-time error CSS1039: Token not allowed after unary operator: '-red'
 */
@charset "UTF-8";
/*Welcome to Compass.*/
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, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

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

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(/Content/fonts/font-awesome/fontawesome-webfont.eot);
  src: url(/Content/fonts/font-awesome/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(/Content/fonts/font-awesome/fontawesome-webfont.woff2) format("woff2"), url(/Content/fonts/font-awesome/fontawesome-webfont.woff) format("woff"), url(/Content/fonts/font-awesome/fontawesome-webfont.ttf) format("truetype"), url(/Content/fonts/font-awesome/fontawesome-webfont.svg#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }
.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-genderless:before,
.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

/* Layout */
.container, .banner li div {
  width: 100%;
  padding: 0 1em;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 67.5em) {
    .container, .banner li div {
      width: 67.5em;
      padding: 0; } }
  .container:before, .banner li div:before, .container:after, .banner li div:after {
    content: "";
    display: table; }
  .container:after, .banner li div:after {
    clear: both; }
  .container .col-1, .banner li div .col-1 {
    width: 100%;
    float: left;
    margin-left: 0%;
    padding: 0 1em; }
    @media (min-width: 51em) {
      .container .col-1, .banner li div .col-1 {
        width: 8.33333%;
        float: left;
        margin-left: 0%;
        padding: 0 1em; } }
  .container .col-2, .banner li div .col-2 {
    width: 100%;
    float: left;
    margin-left: 0%;
    padding: 0 1em; }
    @media (min-width: 51em) {
      .container .col-2, .banner li div .col-2 {
        width: 16.66667%;
        float: left;
        margin-left: 0%;
        padding: 0 1em; } }
  .container .col-4, .banner li div .col-4 {
    width: 100%;
    float: left;
    margin-left: 0%;
    padding: 0 1em; }
    @media (min-width: 51em) {
      .container .col-4, .banner li div .col-4 {
        width: 33.33333%;
        float: left;
        margin-left: 0%;
        padding: 0 1em; } }
  .container .col-6, .banner li div .col-6, .container .fb-col, .banner li div .fb-col {
    width: 100%;
    float: left;
    margin-left: 0%;
    padding: 0 1em; }
    @media (min-width: 51em) {
      .container .col-6, .banner li div .col-6, .container .fb-col, .banner li div .fb-col {
        width: 50%;
        float: left;
        margin-left: 0%;
        padding: 0 0.3em; } }
  .container .col-8, .banner li div .col-8 {
    width: 100%;
    float: left;
    margin-left: 0%;
    padding: 0 1em; }
    @media (min-width: 51em) {
      .container .col-8, .banner li div .col-8 {
        width: 66.66667%;
        float: left;
        margin-left: 0%;
        padding: 0 1em; } }
  .container .col-12, .banner li div .col-12 {
    width: 100%;
    float: left;
    margin-left: 0%;
    padding: 0 1em; }
  @media (min-width: 67.5em) {
    .container [class*='col-']:first-child, .banner li div [class*='col-']:first-child {
      padding-left: 0; }
    .container [class*='col-']:last-child, .banner li div [class*='col-']:last-child {
      padding-right: 0; } }

@media (min-width: 51em) {
  .container.small, .banner li div.small {
    width: 45em; } }

.row:before, .row:after {
  content: "";
  display: table; }
.row:after {
  clear: both; }

*, *:after, *:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff; }

body, html {
  overflow-x: hidden;
  font-size: 100%; }

section {
  position: relative; }

/* Colors & Font Styles */
.blue, .circular, .hp-about {
  background: url(/Content/css/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNDA4ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0MjQ1MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #23408e), color-stop(100%, #142451));
  background: -moz-linear-gradient(#23408e, #142451);
  background: -webkit-linear-gradient(#23408e, #142451);
  background: linear-gradient(#23408e, #142451); }

.darkest-blue, .content-body {
  background-color: #142451;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff; }

.yellow, .sa-diamond {
  background-color: #D7DF21; }

/*
font-family:'AvenirNextRoundedW01-Re';
font-family:'AvenirNextRoundedW01-It';
font-family:'AvenirNextRoundedW01-Md1075562';
font-family:'AvenirNextRoundedW01-Md1075565';
font-family:'AvenirNextRoundedW01-De1075568';
font-family:'AvenirNextRoundedW01-De1075571';
font-family:'AvenirNextRoundedW01-Bo1075574';
font-family:'AvenirNextRoundedW01-Bo1075577';
*/
h1, h2, h3, h4, h5 {
  font-family: "AvenirNextRoundedW01-De1075568", serif;
  line-height: normal;
  text-align: center;
  color: #D7DF21; }
  @media (min-width: 51em) {
    h1, h2, h3, h4, h5 {
      text-align: left; } }

h2 {
  font-size: 2em;
  line-height: 1.5em; }

h4 {
  font-size: 2em;
  font-family: "AvenirNextRoundedW01-Re", sans-serif;
  margin: 1em 0;
  line-height: 1.5em; }

p {
  font-family: "AvenirNextRoundedW01-Re", sans-serif;
  font-size: 1.1875em;
  line-height: 1.5em;
  margin: 1em 0;
  text-align: center; }
  @media (min-width: 51em) {
    p {
      text-align: left; } }

li, a {
  line-height: 1.5em;
  font-family: "AvenirNextRoundedW01-Re", sans-serif;
  text-decoration: none;
  text-align: center; }
  @media (min-width: 51em) {
    li, a {
      text-align: left; } }

img {
  max-width: 100%; }

.noselect, nav #nav, .tire-image-gallery {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#old-browsers {
  display: none; }

/* ============== NAVBAR ============= */
nav {
  background: url(/Content/css/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -moz-linear-gradient(#ffffff, rgba(0, 0, 0, 0));
  background: -webkit-linear-gradient(#ffffff, rgba(0, 0, 0, 0));
  background: linear-gradient(#ffffff, rgba(0, 0, 0, 0));
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999; }
  nav .container, nav .banner li div, .banner li nav div {
    overflow: visible; }
  nav #navbar {
    width: 100%;
    height: auto; }
    @media (min-width: 51em) {
      nav #navbar {
        width: auto;
        float: left; } }
  nav #nav-toggle {
    position: relative;
    float: right;
    background-color: transparent;
    color: #1E377A;
    font-size: 1.3em;
    font-weight: bold;
    height: 3.666em;
    width: 3.666em;
    margin-right: -1em;
    text-transform: uppercase;
    font-family: "AvenirNextRoundedW01-Re", sans-serif;
    border: none;
    -webkit-appearance: none;
    cursor: pointer; }
    @media (min-width: 51em) {
      nav #nav-toggle {
        display: none !important; } }
    nav #nav-toggle:focus {
      outline: none; }
    nav #nav-toggle i:before {
      color: #1E377A;
      font-size: 1.5em; }
  nav #nav-toggle.active i:before {
    content: "\f00d" !important; }
  nav #logo {
    float: left;
    display: block;
    height: 5em;
    width: 180px;
    margin: 0.8em 0 0 0;
    padding: 0;
    background: url(/Content/images/runway.png) center center no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain; }
body.rightToLeft nav #logo {
    float: left;
    display: block;
    height: 5em;
    width: 180px;
    margin: 0.8em 0 0 0;
    padding: 0;
    background: url(/Content/images/runway-ar.png) center center no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
        
}
    @media (min-width: 51em) {
      nav #logo {
        height: 5em;
        width: 210px; } }
  nav #nav {
    margin: 0;
    list-style: none;
    /*Mobile Only*/
    padding: 1em;
    background-color: #1E377A;
    position: fixed;
    left: 0;
    top: 0;
    width: 14em;
    height: 120%;
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -moz-transition: -moz-transform 300ms ease-out;
    -o-transition: -o-transform 300ms ease-out;
    -webkit-transition: -webkit-transform 300ms ease-out;
    transition: transform 300ms ease-out; }
    @media (min-width: 51em) {
      nav #nav {
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-box-shadow: 0 0 0 transparent;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent; } }
    @media (min-width: 51em) {
      nav #nav {
        width: auto;
        padding: 0;
        position: static;
        display: block;
        float: right;
        background-color: transparent; } }
  @media (max-width: 51em) {
    nav #nav.slideIn {
      display: block;
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -moz-transition: -moz-transform 300ms ease-in;
      -o-transition: -o-transform 300ms ease-in;
      -webkit-transition: -webkit-transform 300ms ease-in;
      transition: transform 300ms ease-in; } }
  nav li {
    display: block;
    position: relative;
    font-size: 1em; }
    @media (min-width: 51em) {
      nav li {
        float: left; } }
  nav a {
    display: block;
    padding: 1em 0;
    text-decoration: none;
    line-height: 1em;
    font-family: "AvenirNextRoundedW01-Bo1075574", sans-serif;
    text-transform: uppercase;
    font-size: 0.8em;
    color: rgba(255, 255, 255, 0.8);
    text-align: left; }
    @media (min-width: 51em) {
      nav a {
        text-align: center;
        padding: 0.75em 0;
        margin: 1em;
        color: #1E377A; } }
    nav a span {
      display: none;
      display: block;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 51em) {
        nav a span {
          height: 3px;
          width: 0;
          margin-bottom: 0.5em;
          background-color: #D7DF21;
          -moz-border-radius: 25%;
          -webkit-border-radius: 25%;
          border-radius: 25%; } }
    nav a:not(.subNav-toggle):hover, nav a.active {
      color: #fff; }
      @media (min-width: 51em) {
        nav a:not(.subNav-toggle):hover, nav a.active {
          color: #1E377A; } }
      @media (min-width: 51em) {
        nav a:not(.subNav-toggle):hover span, nav a.active span {
          width: 100%;
          -moz-transition: width 300ms ease-in-out;
          -o-transition: width 300ms ease-in-out;
          -webkit-transition: width 300ms ease-in-out;
          transition: width 300ms ease-in-out; } }
  nav .sub-nav {
    padding: 0;
    height: auto;
    overflow: hidden; }
    @media (min-width: 51em) {
      nav .sub-nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 11em;
        height: 0;
        background-color: #1E377A;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -moz-box-shadow: 3px 3px 5px rgba(25, 25, 25, 0.5);
        -webkit-box-shadow: 3px 3px 5px rgba(25, 25, 25, 0.5);
        box-shadow: 3px 3px 5px rgba(25, 25, 25, 0.5); }
        nav .sub-nav.last {
          -moz-border-radius-topright: 0;
          -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
          -moz-border-radius-topleft: 10px;
          -webkit-border-top-left-radius: 10px;
          border-top-left-radius: 10px;
          right: 0 !important;
          left: auto; } }
    @media (min-width: 51em) {
      nav .sub-nav li {
        display: none;
        float: none;
        clear: both; } }
    nav .sub-nav a {
      /* sub-nav icons */ }
      @media (min-width: 51em) {
        nav .sub-nav a {
          font-family: "AvenirNextRoundedW01-Re", sans-serif;
          color: #fff;
          font-size: 0.8em;
          text-align: left;
          text-transform: none;
          margin: 0.5em !important;
          padding: 0.75em 1em;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px; }
          nav .sub-nav a:hover, nav .sub-nav a:focus, nav .sub-nav a.active {
            background-color: #142451;
            color: #fff; } }
      nav .sub-nav a:hover span, nav .sub-nav a span {
        background-color: transparent;
        margin-bottom: 0;
        height: auto;
        width: auto;
        display: inline-block; }
      nav .sub-nav a span:before {
        font-size: 0.8em; }
      nav .sub-nav a span:before, nav .sub-nav a i:before {
        padding-left: 0.25em; }
      nav .sub-nav a:hover span:before, nav .sub-nav a:hover i:before {
        color: #D7DF21; }
  nav .sub-nav.active {
    height: auto; }
    @media (min-width: 51em) {
      nav .sub-nav.active {
        padding: 0.75em 0.25em;
        height: 9em;
        -moz-transition: height 200ms linear;
        -o-transition: height 200ms linear;
        -webkit-transition: height 200ms linear;
        transition: height 200ms linear; } }
    nav .sub-nav.active li {
      display: block; }
  nav .subNav-toggle {
    display: none; }
    nav .subNav-toggle i:before {
      color: #23408E; }
  @media (min-width: 51em) {
    nav .subNav-toggle {
      display: block; }
    nav .subNav-toggle.active {
      margin: 1.75em 0 0 0;
      padding: 0 1em 1em 1em;
      color: #fff;
      background-color: #1E377A; }
      nav .subNav-toggle.active span {
        background-color: transparent; }
      nav .subNav-toggle.active i:before {
        color: #fff; } }

nav.scrolled {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); }
  @media (min-width: 51em) {
    nav.scrolled #navbar {
      height: 4.5em;
      -moz-transition: all 300ms linear;
      -o-transition: all 300ms linear;
      -webkit-transition: all 300ms linear;
      transition: all 300ms linear; }
    nav.scrolled #logo {
      width: 180px;
      margin: 0.5em 0 0 0;
      -moz-transition: all 300ms linear;
      -o-transition: all 300ms linear;
      -webkit-transition: all 300ms linear;
      transition: all 300ms linear; } }
  nav.scrolled .subNav-toggle.active {
    margin-top: 1.75em; }

/* ====== Shared Elements ====== */
.scroll-arrow {
  position: absolute;
  left: calc(50% - 1.5em);
  top: 20.6em;
  z-index: 21; }

.sa-diamond {
  display: block;
  width: 3em;
  height: 3em;
  -moz-border-radius: 10%;
  -webkit-border-radius: 10%;
  border-radius: 10%;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 2px solid #fff; }

.arrow-down {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/Content/images/down.svg) center center no-repeat;
  height: 3em;
  width: 3em;
  display: block; }

.header, .banner {
  margin: 0 0 -8em 0;
  z-index: 1;
  overflow: auto;
  height: 30em;
  text-align: center; }
  .header h1, .banner h1 {
    font-family: "AvenirNextRoundedW01-De1075568", serif;
    font-size: 2em;
    text-align: center;
    padding: 0;
    margin-top: 0.25em;
    color: #fff;
    text-shadow: 1px 1px 1px #23408E, -1px -1px 1px #23408E, 1px -1px 1px #23408E, -1px 1px 1px #23408E; }
  .header span.banner-title, .banner span.banner-title {
    font-family: "AvenirNextRoundedW01-De1075568", serif;
    font-size: 2em;
    text-align: center;
    padding: 0;
    margin-top: 0.25em;
    color: #fff;
    text-shadow: 1px 1px 1px #23408E, -1px -1px 1px #23408E, 1px -1px 1px #23408E, -1px 1px 1px #23408E; 
    display: block;
    margin-bottom: 10px;
  }
    @media (min-width: 51em) {
      .header h1, .banner h1 {
        font-size: 3em; }
      .header span.banner-title, .banner span.banner-title {
        font-size: 3em; }
    }
  .header h2, .banner h2 {
    font-family: "AvenirNextRoundedW01-Re", sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    margin: 0.25em auto;
    padding: 0.25em 0.5em;
    text-align: center;
    background-color: rgba(35, 64, 142, 0.75);
    display: inline-block;
    color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }
    @media (min-width: 51em) {
      .header h2, .banner h2 {
        font-size: 1.35em; } }

.circular-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative; }

.circular {
  -moz-border-radius: 7500px/2000px 2000px 0 0;
  -webkit-border-radius: 3.75;
  border-radius: 7500px/2000px 2000px 0 0;
  width: 160%;
  margin-left: -30%;
  padding-left: 30%;
  padding-right: 30%;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding-top: 4em;
  padding-bottom: 2em;
  position: relative;
  z-index: 20; }

.btn {
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #C2C91D;
  font-size: 1em;
  font-family: "AvenirNextRoundedW01-Re", sans-serif;
  color: #fff;
  padding: 0.75em 1.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  .btn:hover, .btn:focus {
    background-color: #D7DF21;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    outline: #142451; }

select {
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px;
  font-size: 1.071rem;
  font-weight: 300;
  font-family: "AvenirNextRoundedW01-Re", sans-serif;
  background: #23408E url(/Content/images/chevron-down.png) 95.5% center no-repeat;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

/* ======= footer ====== */
.footer {
  background-color: #23408F;
  border-top: 2px solid #fff;
  border-bottom: 8px solid #D7DF21;
  position: relative; }
  .footer a:hover, .footer a:focus {
    text-decoration: underline; }
  .footer .scroll-arrow {
    bottom: 6.7em;
    top: auto; }
  .footer ul {
    padding: 3em 0 1em 0;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .footer li {
    display: inline-block; }
    .footer li a {
      font-size: 1.2em;
      padding: 0 0.5em; }
  .footer footer {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: "AvenirNextRoundedW01-Re", sans-serif;
    font-size: 0.8em;
    padding: 0.25em 0 3em 0;
    text-align: center; }

/* ========~~! BREADCRUMBS !~~========= */
.container.crust, .banner li div.crust {
  margin-top: 5em;
  z-index: 100; }

.breadcrumbs, .share {
  color: #fff;
  font-weight: 300;
  border-radius: 5px;
  padding: 0 0.25em;
  margin-top: 1em;
  display: inline-block;
  background-color: rgba(50, 50, 50, 0.2); }

.share {
  position: absolute;
  right: 10px;
  top: 0;
  padding: 0.5em 0.75em;
  width: 6.5em;
  height: 2.175em;
  text-align: left;
  transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  overflow: hidden; }

.share .icon-share:before {
  color: #23408E;
  position: relative;
  top: 2px; }

.breadcrumbs {
  float: left; }

.breadcrumbs li {
  display: inline-block;
  padding: 0.1em 0.25em 0.25em 0.25em; }

.breadcrumbs a, .share a {
  font-family: "AvenirNextRoundedW01-Re", sans-serif;
  font-size: 0.8em; }

.share:hover {
  height: 8.25em;
  background-color: #1E377A; }

.share:hover span.icon-share,
.share a:hover {
  color: #D7DF21; }
  .share:hover span.icon-share.icon-share:before,
  .share a:hover.icon-share:before {
    color: #fff; }

.share a {
  line-height: 2.5em;
  margin-left: -3px; }

.share a:first-child {
  display: block;
  line-height: 18px;
  position: relative;
  bottom: 1px;
  left: 9px;
  cursor: default;
  margin-bottom: 0.5em; }

.share a:first-child:hover {
  color: #fff; }

.share [class*='icon-']:before {
  font-size: 16px;
  padding-right: 1px; }

.breadcrumbs li a:hover {
  opacity: 0.8; }

.breadcrumbs li a.active:hover {
  opacity: 1;
  cursor: default; }

.breadcrumbs li:after {
  content: "\e604";
  font-family: 'icomoon';
  font-size: 0.857em;
  color: #23408E;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: relative;
  left: 5px;
  top: 1px; }

.breadcrumbs li:last-child:after {
  content: ''; }

@media (max-width: 600px) {
  .breadcrumbs {
    max-width: 250px; } }
@media (max-width: 380px) {
  .breadcrumbs {
    max-width: 195px; } }
/* ============ FONT ICONS ========== */
.feature-icons {
  font-family: "AvenirNextRoundedW01-Re", sans-serif, sans-serif;
  font-size: 0.8em;
  margin: 0; }

.feature-icons li {
  line-height: 1.5em;
  font-size: 1em; }

.feature-icons li > span {
  font-size: 1.5em;
  line-height: 1em;
  position: relative;
  top: 5px;
  padding-right: 5px;
  display: inline-block; }

.feature-icons li > span:before {
  color: #D7DF21; }

@font-face {
  font-family: 'icomoon';
  src: url(/Content/fonts/icomoon.eot?-uel028);
  src: url(/Content/fonts/icomoon.eot?#iefix-uel028) format("embedded-opentype"), url(/Content/fonts/icomoon.woff?-uel028) format("woff"), url(/Content/fonts/icomoon.ttf?-uel028) format("truetype"), url(/Content/fonts/icomoon.svg?-uel028#icomoon) format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #fff; }

/*
.icon-car:before,
.icon-car:after,
.icon-suv:before,
.icon-suv:after,
.icon-van:before,
.icon-van:after {
  width: 100%;
  display: block;
  text-align: center;
  padding: 0.5em;
}
.icon-car:before,
.icon-suv:before,
.icon-van:before {
  font-size: 1.6em;
}
.icon-car:after,
.icon-suv:after,
.icon-van:after {
  font-size: 1em;
  font-family: $font-body;
}
.icon-car:before { content:"\e601"; }
.icon-car:after { content: "Passenger Car"; }
.icon-suv:before { content:"\e603"; }
.icon-suv:after { content:"SUV/4x4" }
.icon-van:before { content:"\e602"; }
.icon-van:after { content:"Light Truck/Van"; }
*/
.icon-car:before {
  content: "\e601"; }

.icon-suv:before {
  content: "\e603"; }

.icon-van:before {
  content: "\e602"; }

/* ==================== ~~! ICONS !~~ =================== */
.icon-up-chevron:before {
  content: "\e614";
  position: relative;
  top: 1px; }

.icon-right-chevron:before {
  content: "\e604";
  font-size: 12px;
  display: inline-block;
  color: #f7bc04;
  position: relative;
  top: 1px;
  padding-left: 5px; }

.icon-left-chevron:before {
  content: "\e613";
  font-size: 12px;
  color: #f7bc04;
  position: relative;
  top: 1px;
  padding-right: 5px; }

.icon-share:before {
  content: "\e605";
  font-size: 14px;
  padding: 5px;
  position: relative;
  top: 3px;
  left: 1px; }

.icon-facebook:before {
  content: "\e615";
  color: #3b5998; }

.icon-twitter:before {
  content: "\e617";
  color: #00aced;
  position: relative;
  top: 2px; }

.icon-pinterest:before {
  content: "\e616";
  color: #cb2027;
  position: relative;
  top: 2px; }

.icon-download:before {
  content: "\e60d";
  font-size: 24px;
  position: relative;
  top: 4px;
  left: 2px;
  line-height: 15px; }

.icon-groove-chevron:before {
  content: "\e60e"; }

.icon-checkmark:before {
  content: "\e610";
  font-size: 2rem !important; }

/* ~~~~~~~~~ Feature Icons! ~~~~~~~~~~ */
.icon-asymmetrical:before {
  content: "\e606"; }

.icon-lownoise:before {
  content: "\e607"; }

.icon-sports:before {
  content: "\e608"; }

.icon-summer:before {
  content: "\e609"; }

.icon-symmetrical:before {
  content: "\e60a"; }

.icon-wethandling:before {
  content: "\e60b"; }

.icon-allseason:before {
  content: "\e637"; }

.icon-winter:before {
  content: "\e60c"; }

.icon-offroad:before {
  content: "\e611"; }

.icon-tour:before {
  content: "\e612"; }

.icon-highperformance:before {
  content: "\e61b"; }

.icon-allterrain:before {
  content: "\e61e"; }

.icon-comfort:before {
  content: "\e61f"; }

.icon-comfort:before {
  content: "\e61f"; }

.icon-directional:before {
  content: "\e621"; }

.icon-drygrip:before {
  content: "\e622"; }

.icon-handling:before {
  content: "\e623"; }

.icon-highwayterrain:before {
  content: "\e624"; }

.icon-icegrip:before {
  content: "\e625"; }

.icon-longhaul:before {
  content: "\e626"; }

.icon-mands:before {
  content: "\e627"; }

.icon-mileage:before {
  content: "\e628"; }

.icon-mixedservice:before {
  content: "\e629"; }

.icon-mountainterrain:before {
  content: "\e62a"; }

.icon-mudterrain:before {
  content: "\e62b"; }

.icon-premiumcomfort:before {
  content: "\e62c"; }

.icon-regional:before {
  content: "\e62d"; }

.icon-snowgrip:before {
  content: "\e62e"; }

.icon-snowhandling:before {
  content: "\e62f"; }

.icon-studdable:before {
  content: "\e632"; }

.icon-traction:before {
  content: "\e633"; }

.icon-ultrahighperformance:before {
  content: "\e636"; }

.icon-commercialvan:before {
  content: "\e620"; }

.icon-fuelefficiency:before {
  content: "\e61a"; }

.icon-trailer .path1:before {
  content: "\e634";
  color: white; }

.icon-trailer .path2:before {
  content: "\e635";
  color: #f7bc04;
  margin-left: -2.2666015625em; }

.icon-steer .path1:before {
  content: "\e630";
  color: #f7bc04; }

.icon-steer .path2:before {
  content: "\e631";
  color: white;
  margin-left: -2.2666015625em; }

.icon-drive .path1:before {
  content: "\e618";
  color: white; }

.icon-drive .path2:before {
  content: "\e619";
  color: #f7bc04;
  margin-left: -2.81640625em; }

.icon-allposition .path1:before {
  content: "\e61c";
  color: #f7bc04; }

.icon-allposition .path2:before {
  content: "\e61d";
  color: white;
  margin-left: -2.2666015625em; }

/* ============== HOMEPAGE SLIDER ============= */
.banner {
  height: auto; }
  .banner ul {
    padding: 0; }
  .banner li {
    list-style: none;
    float: left;
    font-size: 1em;
    height: 38em;
    position: relative; }
    .banner li div {
      text-align: center!important;
      padding: 0 1em;
      margin-top: 10em;
      position: relative; }
      @media (min-width: 51em) {
        .banner li div {
          margin-top: 12.5em; } }
    .banner li a {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: transparent;
      z-index: 1; }
  .banner #first-slide {
    background: url(/Content/images/first-slide.jpg) center center no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .banner #second-slide {
    background: url(/Content/images/second-slide.jpg) center center no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .banner #new-slide-1 {
    background: url(/Content/images/new-slide-1.png) center center no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    }
  .banner .slider-arrow {
    display: none; }
    @media (min-width: 51em) {
      .banner .slider-arrow {
        top: 4em;
        display: inline-block;
        position: absolute;
        font-size: 4em;
        z-index: 10;
        height: 64px;
        width: 64px;
        text-align: center; }
        .banner .slider-arrow i:before {
          color: rgba(255, 255, 255, 0.5); } }
  .banner .slider-arrow.prev {
    left: 0; }
    .banner .slider-arrow.prev:hover, .banner .slider-arrow.prev:focus {
      left: -3px; }
  .banner .slider-arrow.next {
    right: 0; }
    .banner .slider-arrow.next:hover, .banner .slider-arrow.next:focus {
      right: -3px; }

.hp.scroll-arrow {
  top: 28.6em; }

.circular-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative; }



/* ===== HOMEPAGE WHY RUNWAY SECTION ===== */
.hp-wb-section {
  height: 720px;
  position: relative;
  background: url(/Content/images/hp-wb.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
  @media (min-width: 51em) {
    .hp-wb-section {
      height: 660px; } }
  @media (min-width: 67.5em) {
    .hp-wb-section {
      height: 610px; } }
  .hp-wb-section h1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center!important;
    padding: 1em 0;
    font-size: 1.5em; }
  .hp-wb-section h2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 1em 0;
    font-size: 1.5em; }
    @media (min-width: 51em) {
      .hp-wb-section h1 {
        font-size: 1.8em;
        padding: 1.5em 0 1em 0; }
      .hp-wb-section h2 {
        font-size: 1.8em;
        padding: 1.5em 0 1em 0; } }
  .hp-wb-section .diamonds {
    margin-bottom: 1em; }
    @media (min-width: 51em) {
      .hp-wb-section .diamonds {
        background: url(/Content/images/diamond.png) center center no-repeat;
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 372px;
        margin-bottom: 2em; } }
    .hp-wb-section .diamonds h3 {
      display: block;
      font-family: "AvenirNextRoundedW01-Re", sans-serif;
      font-size: 1.1em;
      text-align: center; }
  .hp-wb-section .click-here {
    text-align: center;
    font-family: "AvenirNextRoundedW01-Re", sans-serif;
    font-size: 1.2em;
    display: block; }
    .hp-wb-section .click-here a {
      text-decoration: underline;
      color: #D7DF21; }
  .hp-wb-section p {
    width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  @media (min-width: 51em) {
    .hp-wb-section h3 {
      padding: 51px 0; }
      .hp-wb-section h3:first-child {
        padding-top: 38px; }
    .hp-wb-section p {
      position: absolute;
      text-align: center;
      font-color: #f5f5f5; }
    .hp-wb-section #value {
      top: 105px;
      right: calc(50% - 420px); }
    .hp-wb-section #durability {
      top: 234px;
      left: calc(50% - 420px); }
    .hp-wb-section #performance {
      top: 368px;
      right: calc(50% - 420px); } }

.hp-about {
  padding: 2em 0;
  border-top: 2px solid #fff; }

.hp img {
  padding: 1em 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
.hp h1 {
  padding: 1em 0 0.25em 0;
  font-size: 1.5em; }
.hp h2 {
  padding: 1em 0 0.25em 0;
  font-size: 1.5em; }
.hp ul {
  margin-bottom: 1em; }
.hp li {
  padding: 0.5em 0;
  text-align: center; }
  @media (min-width: 51em) {
    .hp li {
      text-align: left; } }
.hp a {
  line-height: 1.666em;
  font-size: 1.1875em; }
.hp a:hover {
  text-decoration: underline; }
.hp i {
  padding-left: 0.5em; }
.hp #three-tires {
  margin-bottom: -8em; }
  @media (min-width: 51em) {
    .hp #three-tires {
      margin-bottom: 0; } }

/* ===========~~~ CONTACT PAGE CSS ~~~============== */
.header.contact, .contact.banner {
  background: url(/Content/images/header1.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

#contact-form {
  margin-top: 2em; }

#contact-form label {
  font-family: "AvenirNextRoundedW01-Re", sans-serif;
  color: #D7DF21;
  font-weight: 300;
  display: inline-block;
  margin-bottom: 7px; }

#contact-form input, #contact-form textarea {
  border: none;
  background-color: #23408E;
  display: block;
  width: 100%;
  margin-bottom: 28px;
  padding: 11px;
  font-size: 1.071rem;
  font-weight: 300;
  font-family: "AvenirNextRoundedW01-Re", sans-serif; }

#contact-form select {
  margin-bottom: 28px; }

#contact-form textarea {
  min-height: 9em; }

#contact-form .btn {
  margin-bottom: 5em;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Change the white to any color */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #005AA0 inset;
  -webkit-text-fill-color: #fff !important; }

.header.cars, .cars.banner {
  background: url(/Content/images/whitecar.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.select-div {
  margin: 1.5em 0; }

.sidemenu {
  width: 100%;
  float: left;
  padding: 1em;
  background-color: #1E377A; }
  @media (min-width: 67.5em) {
    .sidemenu {
      width: 20%;
      float: left; } }

#reset {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.tire-box-container {
  width: 100%;
  padding: 10px;
  background-color: rgba(50, 50, 50, 0.2);
  overflow: auto; }
  @media (min-width: 51em) {
    .tire-box-container {
      width: 38em;
      display: block;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 67.5em) {
    .tire-box-container {
      width: 80%;
      float: right;
      min-height: 24em; } }
  @media (min-width: 120em) {
    .tire-box-container {
      min-height: 32em; } }

.col-browse {
  width: 100%;
  float: left;
  margin-left: 0%;
  padding: 0 1em;
  padding: 0 0.33em !important; }
  @media (min-width: 51em) {
    .col-browse {
      width: 50%;
      float: left;
      margin-left: 0%;
      padding: 0 1em; } }
  @media (min-width: 67.5em) {
    .col-browse {
      width: 33.33333%;
      float: left;
      margin-left: 0%;
      padding: 0 1em; }
      .col-browse:first-child {
        padding-left: 0.33em !important; }
      .col-browse:nth-child(3n+3) {
        padding-right: 0.33em !important; } }

.tire-box-container {
  margin-bottom: 14px;
  max-width: none; }

.tire-box {
  display: block;
  position: relative;
  min-height: 17em;
  max-width: 17em;
  padding: 1em;
  margin: 0 auto 10px auto;
  background-color: rgba(35, 64, 142, 0.9);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  @media (min-width: 51em) {
    .tire-box {
      margin: 0 0 10px 0; } }

.tire-box img {
  position: absolute;
  top: 104px;
  left: 54%;
  width: 43%; }

.tire-box h3 {
  padding-bottom: 0.2em;
  font-size: 1em;
  text-transform: uppercase;
  text-align: left !important; }

.tire-box p {
  font-weight: 300;
  margin: 0;
  padding: 0 0 0.333em 0;
  font-size: 1em;
  max-height: 4em;
  overflow: hidden;
  text-align: left !important; }

.tire-box .feature-icons {
  max-width: 11em; }

.view-details {
  font-family: "AvenirNextRoundedW01-Re", sans-serif;
  font-size: 1rem;
  position: absolute;
  padding: 0 !important;
  bottom: 10px;
  left: 14px; }
  .view-details span:before {
    padding-left: 0.25em;
    color: #D7DF21; }

.tire-box:hover > .view-details {
  text-decoration: underline; }

.tire-box:hover > .view-details > span {
  text-decoration: none; }

.header.product.van, .product.van.banner {
  background: url(/Content/images/whitecar.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.header.product.car, .product.car.banner {
  background: url(/Content/images/car.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.header.product.suv, .product.suv.banner {
  background: url(/Content/images/suv.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.scroll-arrow.tire-details {
  display: none; }
  @media (min-width: 51em) {
    .scroll-arrow.tire-details {
      display: block;
      top: 29.75em; } }

.circular.tire-details {
  padding-top: 6em; }

.product-page-title h1, .product-page-title h2 {
  text-align: left; }
.product-page-title h1 {
  font-size: 2em;
  display: inline-block; }
.product-page-title h2 {
  font-size: 1.25em;
  font-family: "AvenirNextRoundedW01-Re", sans-serif;
  font-weight: 400;
  padding: 0.5em 0;
  max-width: 100%;
  color: #fff; }

.tire-box img {
  position: absolute;
  top: 104px;
  left: 54%;
  width: 43%; }

.tire-box h3 {
  padding-bottom: 7px;
  font-size: 1.286rem;
  text-transform: uppercase; }

.tire-box p {
  font-weight: 300;
  margin-bottom: 0;
  max-height: 58px;
  overflow: hidden; }

.tire-box:hover > .view-details {
  text-decoration: underline; }

.tire-box:hover > .view-details > span {
  text-decoration: none; }

.product-page-title .feature-icons {
  margin: 1em 0 2em 0;
  background-color: #1E377A;
  padding: 0.5em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.product-page-title .feature-icons li {
  display: inline-block;
  font-size: 1.18em;
  margin-right: 2em;
  line-height: 2em;
  position: relative;
  overflow: visible; }

.product-page-title .feature-icons li span {
  font-size: 1.8em;
  top: 0;
  vertical-align: middle; }
  .product-page-title .feature-icons li span:before {
    color: #D7DF21; }

.product-page-title .feature-icons li span.icon-directional,
.product-page-title .feature-icons li span.icon-symmetrical,
.product-page-title .feature-icons li span.icon-asymmetrical,
.product-page-title .feature-icons li span.icon-studdable {
  font-size: 2.5em; }

.tire-image-gallery {
  margin-top: 3em;
  position: relative;
  overflow: hidden;
  padding-left: 0 !important; }
  @media (min-width: 51em) {
    .tire-image-gallery {
      margin-top: 0; } }
  .tire-image-gallery div {
    display: none; }
  .tire-image-gallery div.active {
    display: block !important; }
  .tire-image-gallery img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 19em;
    clear: both; }
  .tire-image-gallery .slider-arrow {
    cursor: pointer;
    top: 1.8em; }

.features-benefits {
  float: left;
  padding: 1.5em;
  background-color: #2849a2;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.features-benefits h3 {
  font-size: 1.357em;
  text-align: left; }

.features-benefits ol {
  list-style-type: decimal;
  list-style-position: inside; }
.features-benefits li {
  color: #D7DF21;
  font-weight: bold;
  font-family: "AvenirNextRoundedW01-De1075568", serif;
  font-size: 1.4em; }
.features-benefits p {
  font-family: "AvenirNextRoundedW01-Re", sans-serif;
  font-weight: 400;
  font-size: 0.8em;
  line-height: 1.5em;
  padding: 0;
  text-align: left; }
  .features-benefits p:nth-child(2) {
    margin-bottom: 1em; }

.fb-col {
  padding: 0 0.25em !important; }

.features-benefits p:nth-child(even):before,
.size-range > p:before {
  content: "\e60e";
  font-family: 'icomoon';
  font-size: 1.5rem;
  color: #D7DF21;
  position: relative;
  top: 2px; }

.size-range > p {
  font-size: 1.214em;
  line-height: 2em; }

.size-range table {
  width: 100%; }
  .size-range table td, .size-range table th {
    text-align: center; }

.size-range table > thead > tr > th {
  font-family: "AvenirNextRoundedW01-De1075568", serif;
  font-size: 1.143rem;
  font-weight: 400;
  line-height: 4rem; }

.size-range table > tbody > tr > td {
  font-family: "AvenirNextRoundedW01-Re", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 3rem; }

.size-range table > tbody > tr > td:first-child,
.size-range table > thead > tr > th:first-child {
  text-align: left;
  padding-left: 0 !important; }

.size-range table > tbody > tr > td:nth-child(3),
.size-range table > thead > tr > th:nth-child(3),
.size-range table > tbody > tr > td:nth-child(2),
.size-range table > thead > tr > th:nth-child(2) {
  padding: 0 1em; }

.tb-size-range table > thead > tr > th {
  line-height: 1em;
  font-size: 1em;
  padding: 1em 0.5em; }

.expandable-container {
  width: 100%;
  margin: 1em 0;
  height: auto;
  overflow: hidden;
  float: left; }

/*
.expandable-trigger {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}*/
.expandable-trigger > h3 {
  display: inline-block;
  font-size: 1.357em;
  margin: 1em 0 0 0; }

@media (max-width: 920px) {
  .size-range table > tbody > tr > td:not(:nth-child(-n+3)),
  .size-range table > thead > tr > th:not(:nth-child(-n+3)) {
    display: none; }

  .tb-tire-range-mob {
    display: block !important; } }
.header.search, .search.banner {
  background: url(/Content/images/blue-hatchback.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.custom-input {
  position: absolute;
  z-index: 569;
  width: 11.5em;
  height: 11.5em;
  opacity: 0;
  cursor: pointer; }

.custom-label {
  color: transparent; }

.custom-label:before {
  content: '';
  position: absolute;
  z-index: 559;
  height: 10em;
  width: 10em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
  background-color: #23408E; }

.custom-label span:before,
.custom-label span:after {
  width: 100%;
  text-align: center;
  padding: 0 5px; }

.custom-label span:before {
  position: absolute;
  z-index: 561;
  top: 1.5em;
  font-family: 'icomoon';
  font-size: 2em; }

.custom-label span:after {
  position: absolute;
  font-family: 'Lato', sans-serif;
  z-index: 561;
  top: 6em; }

/* ======= PASSENGER CAR ======= */
.custom-label span#car:before {
  content: "\e601"; }

.custom-label span#car:after {
  content: 'Passenger Car'; }

.custom-label.por span#car:after {content: 'Passeio';}
.custom-label.esp span#car:after {content: 'Automóviles de pasajeros';}

/* ======= SUV/4x4 ======= */
.custom-label span#suv:before {
  content: "\e603"; }

.custom-label span#suv:after {
  content: 'SUV/4x4'; }

/* ======= LIGHT TRUCK/VAN ======= */
.custom-label span#light-truck:before {
  content: "\e602"; }

.custom-label span#light-truck:after {
  content: 'Light Truck/Van'; }

/* ======= SELECTION CHECKMARK ======= */
input.custom-input:checked + label:before {
  background-color: #142451; }

input.custom-input:checked + label > span:before {
  content: "\e610" !important;
  font-size: 2em !important; }

.tire-search .select-div {
  width: 100%;
  margin: 1em 0; }
  @media (min-width: 51em) {
    .tire-search .select-div {
      width: 33.333%;
      float: left;
      margin: 0; }
      .tire-search .select-div:first-child {
        padding-right: 0.5em; }
      .tire-search .select-div:last-child {
        padding-left: 0.5em; } }
.tire-search .btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 3em auto 4em auto;
  width: 10em; }
.tire-search h4 {
  text-align: center;
  font-size: 1.6em;
  padding: 2em 0 0 0;
  font-weight: 400; }
  .tire-search h4:first-child {
    padding-top: 0em; }
.tire-search p {
  text-align: center;
  padding-bottom: 1.5em; }

.vehicle-select {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 33em; }
  @media (max-width: 51em) {
    .vehicle-select {
      width: 11em; } }

#search-results {
  visibility: hidden;
  height: 0; }

.tire-search-grid {
  float: left;
  position: relative;
  width: 10em;
  height: 10em;
  margin: 0.5em; }

.search-results-grid {
  float: left;
  width: 17.5em;
  height: auto; }
  @media (min-width: 51em) {
    .search-results-grid:nth-child(odd) {
      padding-right: 5px; }
    .search-results-grid:nth-child(even) {
      padding-left: 5px; } }

.search-again-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-right: 2px; }

/* ANIMATED SPINNER CSS */
#spinner {
  display: none;
  position: relative;
  left: calc(50% - 30px);
  height: 60px;
  width: 60px;
  margin: 0px auto;
  position: absolute;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 6px solid rgba(215, 223, 33, 0.2);
  border-right: 6px solid rgba(215, 223, 33, 0.2);
  border-bottom: 6px solid rgba(215, 223, 33, 0.2);
  border-top: 6px solid rgba(215, 223, 33, 0.8);
  border-radius: 100%; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }
@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
.header.durability, .durability.banner {
  background: url(/Content/images/rainy-road.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.faqs {
  width: 30%;
  float: left;
  padding: 2em;
  margin-bottom: 2em;
  background-color: #142451;
  -moz-border-radius-topleft: 25px;
  -webkit-border-top-left-radius: 25px;
  border-top-left-radius: 25px; }
  @media (max-width: 51em) {
    .faqs {
      display: none; } }
  .faqs ol {
    list-style-type: decimal;
    list-style-position: inside;
    font-family: "AvenirNextRoundedW01-De1075568", serif; }
    .faqs ol li {
      font-size: 1em; }
    .faqs ol a {
      font-family: "AvenirNextRoundedW01-Re", sans-serif;
      font-size: 1em;
      padding: 0.666em 0;
      display: inline-block; }
      .faqs ol a:hover, .faqs ol a:focus {
        text-decoration: underline; }

.faqs-container {
  width: 70%;
  float: left;
  padding: 2em; }
  @media (max-width: 51em) {
    .faqs-container {
      width: 100%; } }

.faq {
  margin-bottom: 2em;
  display: none; }
  @media (max-width: 51em) {
    .faq {
      display: block !important; } }
  .faq h3 {
    font-size: 2em; }
    @media (max-width: 51em) {
      .faq h3 {
        font-size: 2em; } }
    .faq h3 span {
      color: #D7DF21; }
  .faq ul {
    list-style-type: circle;
    list-style-position: inside;
    margin: 0.5em 0; }
    .faq ul li {
      font-family: "AvenirNextRoundedW01-Re", sans-serif;
      font-size: 1.1875em;
      line-height: 1.5em; }

.faq.active {
  display: block; }

.header.about, .about.banner {
  background: url(/Content/images/giti-plant.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.cp-header h3 {
  text-align: center;
  font-size: 1.5em;
  font-family: "AvenirNextRoundedW01-Re", sans-serif; 
  width: 190px;
  margin: 0 auto;
}

.cp-header a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 300px;
  width: 300px;
  margin-top: 1em;
  margin-bottom: 4em; }
  .cp-header a span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 30%;
    width: 50%;
    font-size: 1em;
    line-height: 1.25em;
    color: transparent; }
  .cp-header a i {
    display: block;
    padding: 1em 0;
    text-align: center; }
    .cp-header a i:before {
      color: transparent; }
  .cp-header a:hover span, .cp-header a:hover i:before {
    color: #fff; }
.cp-header #production {
  background: url(/Content/images/production.png) center center no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain; }
  .cp-header #production:hover {
    background: url(/Content/images/production-hover.png) center center no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain; }
.cp-header #research {
  background: url(/Content/images/research.png) center center no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain; }
  .cp-header #research:hover {
    background: url(/Content/images/research-hover.png) center center no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain; }
.cp-header #sustainable {
  background: url(/Content/images/sustainable.png) center center no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain; }
  .cp-header #sustainable:hover {
    background: url(/Content/images/sustainable-hover.png) center center no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain; }

.cp-section-header {
  width: 100%;
  height: 320px; }
  .cp-section-header h2 {
    float: right;
    text-align: right;
    font-size: 2.5em;
    color: #fff;
    font-family: "AvenirNextRoundedW01-Re", sans-serif;
    padding-right: 10%;
    padding-top: 70px;
    max-width: 500px; }

#production-header {
  background: url(/Content/images/production-header.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

#research-header {
  background: url(/Content/images/research-header.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

#sustainable-header {
  background: url(/Content/images/sustainable-header.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.container.white p, .banner li div.white p, .container.white h4, .banner li div.white h4 {
  color: #1E377A; }
.container.white h4, .banner li div.white h4 {
  font-size: 1.6em; }
.container.white img, .banner li div.white img {
  margin-top: 3em;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 51em) {
    .container.white img, .banner li div.white img {
      margin: 3em 0; } }
.container.white .alt-header, .banner li div.white .alt-header {
  font-size: 2em;
  font-family: "AvenirNextRoundedW01-Re", sans-serif;
  max-width: 620px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  line-height: 1.8em; }
.container.white .pqm-logos, .banner li div.white .pqm-logos {
  width: 270px;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 51em) {
    .container.white .pqm-logos, .banner li div.white .pqm-logos {
      width: 545px;
      margin-bottom: 3em; } }
  .container.white .pqm-logos:before, .banner li div.white .pqm-logos:before, .container.white .pqm-logos:after, .banner li div.white .pqm-logos:after {
    content: "";
    display: table; }
  .container.white .pqm-logos:after, .banner li div.white .pqm-logos:after {
    clear: both; }
  .container.white .pqm-logos li, .banner li div.white .pqm-logos li {
    float: left; }
  .container.white .pqm-logos img, .banner li div.white .pqm-logos img {
    margin: 0; }

.content-body p:last-child {
  margin-bottom: 2em; }
.content-body h4:first-child {
  margin-top: 1em; }
.content-body ul {
  list-style-position: inside;
  list-style-type: circle; }

#back-top {
  display: none;
  font-family: "AvenirNextRoundedW01-Bo1075574", sans-serif;
  font-size: 12px;
  padding: 12px;
  border-radius: 10px;
  background-color: rgba(215, 223, 33, 0.5);
  position: fixed;
  z-index: 999;
  bottom: 10px;
  right: 10px;
  -moz-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  -webkit-transition: all 300ms ease-in;
  transition: all 300ms ease-in; }

#back-top:hover {
  background-color: #c2c91d; }

/* =============== Start of WHY PRIMEWELL CSS ================ */
.wp-div {
  position: relative;
  width: 100%;
  min-height: 100vh;
  z-index: 1; }
  .wp-div .container.crust, .wp-div .banner li div.crust, .banner li .wp-div div.crust {
    position: relative;
    top: 5em; }

.wp-content {
  width: 100%;
  height: auto;
  padding-top: 20%;
  padding: 120px 42px;
  position: relative;
  text-align: center; }
  .wp-content p, .wp-content h1, .wp-content h3 {
    text-align: center; }
  .wp-content h1 {
    font-size: 2em;
    font-family: "AvenirNextRoundedW01-De1075568", serif;
    font-weight: 400; }
  .wp-content h3 {
    font-size: 1.2em;
    font-family: "AvenirNextRoundedW01-Re";
    font-weight: 400;
    margin-top: 2em; }

.wp-div .container.crust, .wp-div .banner li div.crust, .banner li .wp-div div.crust {
  top: 0; }

#one {
  background-color: #23408E; }

#two {
  background-color: #1E377A; }

#three {
  background-color: #142451; }

#four {
  background-color: #2849a2; }

#five {
  background-color: #23408E; }

#six {
  background-color: #1E377A; }

.sidelinks {
  display: none; }
  @media (min-width: 51em) {
    .sidelinks {
      display: block;
      position: fixed;
      z-index: 900;
      left: 5px;
      top: 15%;
      list-style-type: none;
      padding: 50px 50px 50px 20px; } }

.scroll-arrow.wr {
  top: auto;
  bottom: 4em; }

@media (min-width: 51em) {
  .scroll-arrow.wr {
    top: auto;
    bottom: -1.5em; }

  .wp-div {
    height: 768px;
    /*fallback*/
    height: 100vh; }

  .wp-content {
    width: 660px;
    height: auto;
    min-height: 0;
    padding: 42px;
    position: relative;
    left: calc(50% - 330px);
    top: calc(50% - 250px);
    text-align: center;
    border: 1px solid #fff;
    background-color: rgba(35, 64, 142, 0.85);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }

  #one {
    margin-top: -5em;
    background: url(/Content/images/whyrunway/why1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed; }

  #two {
    background: url(/Content/images/whyrunway/why2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed; }

  #three {
    background: url(/Content/images/whyrunway/why3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed; }

  #four {
    background: url(/Content/images/whyrunway/why4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed; }

  #five {
    background: url(/Content/images/whyrunway/why5.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed; }

  #six {
    background: url(/Content/images/whyrunway/why6.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed; }

  .sidelinks li {
    margin: 16px 0px; }

  .sidelinks li a {
    display: block;
    height: 68px;
    width: 98px;
    background: url(/Content/images/small-diamond.png) center center no-repeat; }

  .sidelinks li a:hover {
    background: url(/Content/images/small-diamond-hover.png) center center no-repeat; }

  .sidelinks li a.current, .sidelinks li a.current:hover {
    background: url(/Content/images/small-diamond-hover.png) center center no-repeat; }

  .sidelinks li a span {
    display: block;
    font-size: 0.7rem;
    text-align: center;
    font-family: 'AvenirNextRoundedW01-Re';
    text-transform: uppercase;
    color: #fff;
    position: relative;
    top: 20px; }

  .vertical-line {
    position: absolute;
    left: 68px;
    width: 1px;
    height: 18px;
    background-color: #fff; }

  .vertical-line#vl-one {
    top: 133px; }

  .vertical-line#vl-two {
    top: 218px; }

  .vertical-line#vl-three {
    top: 302px; }

  .vertical-line#vl-four {
    top: 386px; }

  .vertical-line#vl-five {
    top: 470px; } }



/*DP CSS*/
.why-runway-crust {top: 5em!important;}
.tire-box img {width: auto; height: 170px; top: 90px;}

/*Contact Form*/
#contact-form select {background: #ffffff url(/Content/images/chevron-down.png) 95.5% center no-repeat; color: #1E377A;}
#contact-form select option {color: #1E377A;}
#contact-form input, #contact-form textarea {background-color: #ffffff; color: #1E377A;}

.faqs ol li.active {color: #d7df21;}
.faqs ol li.active a {color: #d7df21; text-decoration: none;}

.features-benefits ol li:nth-child(3), .features-benefits ol li:first-child {padding: 0 0 0 0.3em !important;}
.features-benefits p {margin: 0;}
.features-benefits p:first-child {font-size: 0.8em; color: #D7DF21; font-weight: bold; font-family: "AvenirNextRoundedW01-De1075568", serif; }
.features-benefits p:nth-child(2) {margin-bottom: 1em; padding-left: 0.7em; font-size: 0.7em;}
.features-benefits p:nth-child(even):before { content: "."; font-family: "AvenirNextRoundedW01-Re", sans-serif; font-size: 45px; color: #D7DF21; position: relative; top: -5px; padding-right: 3px;}
.features-benefits h3 {margin-bottom: 0.7em;}

/*WHY RUNWAY*/
.why-runway-room .wp-content {
    top: calc(50% - 140px);
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .why-runway-room .wp-content {
        top: calc(50% - 250px);
    }
}

/*WHY RUNWAY BG*/
@media (max-width: 51em) {

  .scroll-arrow.wr {
    top: auto;
    bottom: -1.5em; }

  .wp-div {
    height: 768px;
    /*fallback*/
    height: 100vh; }

     .wp-content {
      width: 90%;
      height: auto;
      min-height: 0;
      padding: 20px 10px 50px 10px;
      position: relative;
      left: 0;
      top: calc(50% - 200px);
      text-align: center;
      border: 1px solid #fff;
      background-color: rgba(35, 64, 142, 0.85);
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      transform: translateX(5%);
      -webkit-transform: translateX(5%);
      -ms-transform: translateX(5%);
    }
    #one {
        margin-top: -5em;
        background: url(/Content/images/whyrunway/why1.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
    }

    #two {
        background: url(/Content/images/whyrunway/why2.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
    }

    #three {
        background: url(/Content/images/whyrunway/why3.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
    }

    #four {
        background: url(/Content/images/whyrunway/why4.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
    }

    #five {
        background: url(/Content/images/whyrunway/why5.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
    }

    #six {
        background: url(/Content/images/whyrunway/why6.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
    }    
}

.diamonds h3 {}
.diamonds h3.value-current.current {background: url(/Content/images/diamond-active.png) center top no-repeat;}
.diamonds h3.durability-current.current {background: url(/Content/images/diamond-active.png) center top 14px no-repeat;}
.diamonds h3.performance-current.current {background: url(/Content/images/diamond-active.png) center top 11px no-repeat;}



@media (max-width: 480px) {
    .wp-content h1 {font-size: 1.4em;}
    .wp-content p {font-size: 1em; line-height: 1.3em;}  
    .header h2, .banner h2 {font-size: 1.3em;}
    .wp-content {top: calc(50% - 170px);}
    .search-promotion-box {min-height: 265px;}
    .why-runway-room .wp-content {top: calc(50% - 210px);}
}

/*SIDEWALL*/
.sidewall {text-align: center; margin-top: 40px;}
.sidewall p {padding-bottom: 0;}
.sidewall p.bottom-text {font-size: smaller; padding-bottom: 0;}

@media (max-width: 374px) {
    .why-runway-room .wp-content {top: calc(50% - 170px);}
}

.container.error {margin-top: 100px;}

.tire-search-banner {
  background: url(/Content/images/tire-search-banner.jpg) center center no-repeat;
  /*background: url(/Content/Images/bigimage_photogallery_cn_201552510217.jpg) center center no-repeat;*/
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
.company-profile-banner {
  background: url(/Content/images/company-profile-header.jpg) center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

@media (min-width: 10em) {
      .banner .slider-arrow {
        top: 4em;
        display: inline-block;
        position: absolute;
        font-size: 4em;
        z-index: 10;
        height: 64px;
        width: 64px;
        text-align: center; 
      }
      .banner .slider-arrow i:before {
        color: rgba(255, 255, 255, 0.5); 
      }
}

.contact-banner {
  background: url(/Content/images/contact-header.jpg) center center no-repeat!important;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.suv-banner {
  background: url(/Content/images/suv-header.jpg) center center no-repeat!important;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.wr-fm {
  left: calc(50% - 3.3em);
  top: auto;
  bottom: 40px;
  color: #D7DF21;
}

@media (max-width: 815px) {
    .diamonds h3 {background: none!important;}
}

a.solid-link {text-decoration: underline;}
a.solid-link:hover {text-decoration: none;}



/*DP CSS*/
li.language-switcher {}
li.language-switcher a.language-switcher-link {padding-left: 1em; position: relative;}
li.language-switcher ul.active {height: 9em;}
li.language-switcher a.language-switcher-link span.global-icon {
    margin: 0;
    position: absolute;
    top: 17px;
    left: -8px;
    width: 17px;
    height: 17px;background: url(/Content/images/GlobeSprite.svg); 

}
@media (min-width: 51em) {
    .subNav-toggle.language-switcher-link.active {padding: 0 1em 1em 2em;}
    .subNav-toggle.language-switcher-link.active span.global-icon {background-position: -19px -1px;  top: 10px; left: 6px;}
}


@media (min-width: 51em) { 
    body.rightToLeft nav .sub-nav a, 
    body.rightToLeft .circular h1, 
    body.rightToLeft .circular p,
    body.rightToLeft .circular ul li,
    body.rightToLeft .hp-about h1, 
    body.rightToLeft .hp-about p,
    body.rightToLeft .hp-about ul li
    {direction: rtl; text-align: right;}
}

body.rightToLeft p,
body.rightToLeft a,
body.rightToLeft ul,
body.rightToLeft li,
body.rightToLeft ol,
body.rightToLeft h1,
body.rightToLeft h2,
body.rightToLeft h4,
body.rightToLeft h5,
body.rightToLeft h6,
body.rightToLeft select,
body.rightToLeft span {direction: rtl;}

body.rightToLeft .footer ul {text-align: center;}
body.rightToLeft li a i.fa-angle-right {padding-left: 0; padding-right: 0.5em;}
body.rightToLeft li a i.fa-angle-right:before {content: "\f104"!important;}
body.rightToLeft .breadcrumbs li:after {
    content: "\f104";
    font-family: 'fontawesome';
    font-size: 0.857em;
    left: auto;
    right: 4px;
    top: 1px;
}
body.rightToLeft .breadcrumbs li:last-child:after {content: '';}
body.rightToLeft .faqs ol {list-style: none; text-align: right;}
body.rightToLeft .faqs ol li {text-align: right;}
body.rightToLeft .faqs-container .faq {text-align: right;}
body.rightToLeft .faqs-container .faq h3 {text-align: right;}
body.rightToLeft .faqs-container .faq h3 span {display: none;}
body.rightToLeft .custom-label span#car:after {content: 'سيارة ركاب';}
body.rightToLeft .custom-label span#suv:after {content: 'متعددة الأغراض/دفع رباعي';}
body.rightToLeft .custom-label span#light-truck:after {content: 'شاحنة خفيفة/فان';}
body.rightToLeft .tire-search h4::first-letter {visibility: hidden;}
body.rightToLeft .tire-search p {text-align: center;}
body.rightToLeft .vehicle-select span {direction: ltr;}
body.rightToLeft select {background: #23408E url(/Content/images/chevron-down.png) right 95.5% center no-repeat;}
body.rightToLeft .wr-fm {left: calc(50% - 2.3em);}

body.rightToLeft .content-body h4 {text-align: right;}
body.rightToLeft .content-body p {text-align: right;}
body.rightToLeft .content-body ul {list-style: none; text-align: right;}
body.rightToLeft .content-body ul li {text-align: right;}
body.rightToLeft .container.white h4 {text-align: right;}
body.rightToLeft .container.white p {text-align: right;}

body.rightToLeft #contact-form {text-align: right;}
body.rightToLeft #contact-form select {background: #ffffff url(/Content/images/chevron-down.png) right 95.5% center no-repeat;}
body.rightToLeft #contact-form textarea {text-align: right; direction: rtl;}
body.rightToLeft #contact-form input {text-align: right; direction: rtl;}
body.rightToLeft .side-menu h5 {text-align: right;}
body.rightToLeft .tire-box img {left: auto; right: 54%;}
body.rightToLeft .tire-box h3 {text-align: right!important;}
body.rightToLeft .tire-box p {text-align: right!important;}
body.rightToLeft .icon-right-chevron:before { content: "\f104";font-family: 'fontawesome'; padding-right: 4px;}
body.rightToLeft .view-details {left: auto; right;}

body.rightToLeft span.numero {display: none;}

body.por .custom-label span#car:after {content: 'Passeio';}
body.esp .custom-label span#car:after {content: 'Automóviles de pasajeros';}

select::-ms-expand {display: none;}

@media (max-width: 51em) {
    .language-switcher {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid rgba(255,255,255,0.2);
    }
}

@media (min-width: 51em) {
    nav .sub-nav.last {height: auto!important;}
}

.dl-catalog {display: none;}

.eng .dl-catalog {display: block;}

/*ENG*/
.eng .eng-dl {display: inline-block;}
.eng .esp-dl {display: none;}
.eng .por-dl {display: none;}
.eng .arb-dl {display: none;}
.eng .eu-dl {display: none;}

/*EU*/
.eu .eng-dl {display: none;}
.eu .esp-dl {display: none;}
.eu .por-dl {display: none;}
.eu .arb-dl {display: none;}
.eu .eu-dl {display: inline-block;}

/*ESP*/
.esp .eng-dl {display: none;}
.esp .esp-dl {display: inline-block;}
.esp .por-dl {display: none;}
.esp .arb-dl {display: none;}
.esp .eu-dl {display: none;}

/*POR*/
.por .eng-dl {display: none;}
.por .esp-dl {display: none;}
.por .por-dl {display: inline-block;}
.por .arb-dl {display: none;}
.por .eu-dl {display: none;}
/*ARB*/
.arb .eng-dl {display: none;}
.arb .esp-dl {display: none;}
.arb .por-dl {display: none;}
.arb .eu-dl {display: none;}
.arb footer .arb-dl {display: inline-block;}
.arb .sub-nav .arb-dl {display: block;}


/* Cookie Dialog */

:root {
    --purple: #23408e;
    --red: #D7DF21;
}

#gdpr-cookie-message {
    position: fixed;
    right: 10px;
    bottom: 10px;
    max-width: 375px;
    background-color: var(--purple);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
    z-index: 1000;
}

    #gdpr-cookie-message h4 {
        color: var(--red);
        font-family: 'Quicksand', sans-serif;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
        margin: 0 0 10px 0;
    }

    #gdpr-cookie-message h5 {
        color: var(--red);
        font-family: 'Quicksand', sans-serif;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    #gdpr-cookie-message p, #gdpr-cookie-message ul {
        color: white;
        font-size: 15px;
        line-height: 1.5em;
        margin-bottom: 30px;
    }

        #gdpr-cookie-message p:last-child {
            margin-bottom: 0;
            text-align: right;
        }

    #gdpr-cookie-message li {
        width: 49%;
        display: inline-block;
    }

    #gdpr-cookie-message a {
        color: var(--red);
        text-decoration: none;
        font-size: 15px;
        padding-bottom: 2px;
        border-bottom: 1px dotted rgba(255,255,255,0.75);
        transition: all 0.3s ease-in;
    }

        #gdpr-cookie-message a:hover {
            color: white;
            border-bottom-color: var(--red);
            transition: all 0.3s ease-in;
        }

    #gdpr-cookie-message button {
        border: none;
        background: var(--red);
        color: #1E377A;
        font-family: 'Quicksand', sans-serif;
        font-size: 15px;
        padding: 7px;
        border-radius: 3px;
        margin-left: 15px;
        cursor: pointer;
        transition: all 0.3s ease-in;
        /* font-weight: 500; */
    }

        #gdpr-cookie-message button:hover {
            background: white;
            color: var(--red);
            transition: all 0.3s ease-in;
        }

button#gdpr-cookie-advanced {
    background: white;
    color: #1E377A;
}

#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}

#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}


















/*EU Specification table CSS*/
.eu-table {
    text-align: center;
    width: 100%;
}
.eu-table tr:nth-of-type(even) {
    background-color:rgba(255,255,255,0.1);
}
.eu-table tr:nth-of-type(odd) {
    
}
.eu-table tr:nth-of-type(odd) .yellow-cell {
    background-color: #989e06;
}
.eu-table tr.no-bg {
    background: 0 0;
    border-right: 0;
}
.eu-table tr.no-bg td {
    font-weight: 400;
    border-right: 0;
    font-weight: bold;
}
.eu-table td,
.eu-table th {
    border-right: 1px solid rgba(255,255,255,0.3);
    text-align: center;
    font-family: "AvenirNextRoundedW01-Re", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5rem;
}
.features-benefits .eu-table td,
.features-benefits .eu-table th,
.eu-table td.no-bg,
.eu-table td:last-of-type,
.eu-table th:last-of-type,
.tire-data .eu-table td:nth-of-type(5),
.tire-data .eu-table td:nth-of-type(9),
.tire-data .eu-table th:nth-of-type(5),
.tire-data .eu-table th:nth-of-type(9) {
    border-right: 0;
}
.eu-table th {
    background-color: #C2C91D;
    color: #4a4a4a;
    padding: 1.4375em 0.5em;
    font-weight: bold;
    font-size: 1.2rem;
    
}
.eu-table th.yellow-cell {
    background-color: #C2C91D;
}
.eu-table th img {
    max-width: initial;
    vertical-align: middle;
}
.eu-table td {
    padding: 0.775em 0.5em;
    white-space: nowrap;
}
.eu-table td.yellow-cell {
    background-color: #C2C91D;
    font-weight: 400;
}
th {
    font-weight: 600;
    min-width: 50px;
}
.table-wrap {
    overflow-x: auto;
    margin-top: 3.75em;
    /* margin-left: -2em; */
    /* margin-right: -2em; */
}
@media (max-width: 62em) {
    .eu-table {
        font-size: 1.125em;
    }
    .table-wrap {
        width: 100%;
        margin-top: 2.5em;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: koala) {
    .eu-table {
        font-size: 1.125em;
    }
    .table-wrap {
        width: 100%;
        margin-top: 2.5em;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 50em) {
    .eu-table {
        font-size: 1em;
    }
    .table-wrap {
        margin-top: 0;
    }
}
@media (max-width: chinchilla) {
    .eu-table {
        font-size: 1em;
    }
    .table-wrap {
        margin-top: 0;
    }
}
.table-wrap::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 4px;
    background: #000;
}
.table-wrap::-webkit-scrollbar-thumb {
    background-color: #C2C91D;
}



[data-tooltip] {
    -webkit-tap-highlight-color: transparent;
}
[data-tooltip-color="black"] ~ .tooltip {
    background: #000;
    color: #fff;
}
[data-tooltip-color="black"] ~ .tooltip .tooltip-arrow {
    color: #000;
}
.tooltip {
    background: #fdd000;
    padding: 0.3125em;
    font-size: 0.875rem;
    white-space: nowrap;
}
.tooltip[x-placement^="top"] {
    margin-bottom: 8px;
}
.tooltip[x-placement^="bottom"] {
    margin-top: 8px;
}
.tooltip[x-placement^="right"] {
    margin-left: 8px;
}
.tooltip[x-placement^="left"] {
    margin-right: 8px;
}
.tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    color: #fdd000;
}
[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
[x-placement^="bottom"] .tooltip-arrow {
    border-width: 0 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}



/*EU label*/
body .eu-label-room {display: none;}
body.eu .eu-label-room {display: block;}

.eu-label-room {padding: 10px;}
.eu-label-room .eu-label {}
.eu-label-room .eu-label p {font-size: 13px;text-align: right;}
.eu-label-room .eu-label p a {color: #C2C91D;}
.eu-label-room .eu-label p a:hover {color: #ffffff; text-decoration: underline;}
@media (max-width: 767px) {
    .eu-label-room .eu-label p {text-align: center;}
}

/* EU Details */

.eu-label-details {display: none;}
body.eu .eu-label-details {display: block;}
body.eng .eu-label-details {display: block;}
.eld-content {
    padding-top: 30px;
    margin-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.3);
}
.eld-content h2 {
    font-size: 26px;
}
.eld-content p {
    font-size: 16px;
    line-height: 1.6rem;
}
.eld-content h5 {
    margin-bottom: 20px;
}
.eld-content ul {
    padding-left: 20px;
    margin-bottom: 40px;
}
.eld-content ul li {
    list-style: disc;
}
.eld-content .intro {
    display: flex;
    margin-bottom: 50px;
}
.eld-content .intro img {max-width: 100%;width: 310px;}
.eld-content .intro .intro-text {padding-left: 50px;}
.eld-content .intro .intro-text p {}
.eld-content .intro .intro-text p a {color: #C2C91D;}
.eld-content .intro .intro-text p a:hover {color: #ffffff; text-decoration: underline;}

.gen-accordion {border-radius: 5px; margin-bottom: 30px;}
.gen-accordion h3 {cursor: pointer;padding: 10px 20px;background: rgba(255, 255, 255, 0.1);margin-bottom: 9px;border-radius: 7px; border: 1px solid rgba(255,255,255,0); transition: all 0.2s ease-in-out;}
.gen-accordion h3.active {border: 1px solid rgba(255,255,255,0.5); background: rgba(255, 255, 255, 0.2);}
.gen-accordion h3:hover {background: rgba(255, 255, 255, 0.2);}
.panel {display: none;padding: 10px;}

.panel .panel-content {margin: 0;display: flex;padding: 20px;align-items: center;}
.panel .panel-content img {max-width: 100%;}
.panel .panel-content .panel-intro {padding-left: 50px;}
.panel .panel-content .panel-intro p {}
.panel .panel-content .panel-intro ul {padding-left: 20px; margin-bottom: 30px;}
.panel .panel-content .panel-intro ul li {list-style: disc;}


@media (max-width: 991px) {
    .eld-content .intro {
        display: block;
        text-align: center;
    }
    .eld-content .intro img {width: auto;}
    .eld-content .intro .intro-text {
        padding: 0;
        text-align: left;
    }
}
@media (max-width: 767px) {
    .eld-content ul {padding: 0;}
    .eld-content ul li {list-style: none;}
    .panel .panel-content {display: block; text-align: center;}
    .panel .panel-content .panel-intro {padding: 0; text-align: center;}
    .panel .panel-content .panel-intro ul {padding: 0;}
    .panel .panel-content .panel-intro ul li {list-style: none;}
}




/*NEW SLIDE*/
@font-face {
  font-family: 'EuropaGroteskSH-Bol';
  src: url(/Content/fonts/EuropaGroteskSH-Bol/EuropaGroteskSH-Bol.woff);
  src: url(/Content/fonts/EuropaGroteskSH-Bol/EuropaGroteskSH-Bol.woff2);
  font-weight: bold;
  font-style: normal; }

ul.new-slide-room {}
ul.new-slide-room li {}
ul.new-slide-room li div {text-align: left!important;}
ul.new-slide-room li div .banner-title {text-align: left!important;font-size: 48px;color: #8d9fd1; font-weight: normal; text-shadow: none!important; line-height: 52px;}
ul.new-slide-room li div .banner-title .blue-text {color: #142451;font-weight: bold;text-transform: uppercase;text-shadow: 1px 4px 10px rgba(0,0,0,0.1); font-family: "EuropaGroteskSH-Bol", Arial, sans-serif;}
ul.new-slide-room li div .banner-title .green-text {color: #D7DF21;font-weight: bold;text-transform: none;font-size: 66px;text-shadow: 1px 4px 10px rgba(0,0,0,0.3);font-family: "EuropaGroteskSH-Bol", Arial, sans-serif;}
ul.new-slide-room li div h2 {max-width: 460px; padding: 15px 30px; background: #1b3283; color: #D7DF21; font-size: 22px; font-weight: 600; text-align: left; line-height: 30px;}


/*NEW SECTION - CAR TYPE*/

.car-type-canvas {background: #002d75; border-radius: 7500px/2000px 2000px 0 0;
    width: 160%;
    margin-left: -30%;
    padding-left: 30%;
    padding-right: 30%;
    position: relative;
    z-index: 20;
    border-bottom: 30px solid #d5dd23;
}
.car-type-canvas .car-type-room {position: relative; overflow: hidden; display: flex; max-width: 1000px; margin: 0 auto; padding-top: 60px;}
.car-type-canvas .car-type-room .car-type-bg {width: 50%;}
.car-type-canvas .car-type-room .car-type-bg img {display: block;}
.car-type-canvas .car-type-room .intro {width: 50%; padding-left: 20px;}
.car-type-canvas .car-type-room .intro h1 {font-size: 32px; color: #ffffff;}
.car-type-canvas .car-type-room .intro h1 span {font-size: 24px; color: #d5dd21;}
.car-type-canvas .car-type-room .intro p {}
.car-type-canvas .car-type-room .intro ul {}
.car-type-canvas .car-type-room .intro ul li {display: inline-block; margin-right: 10px;}
.car-type-canvas .car-type-room .intro ul li a {width: 140px; display: block; text-align: center; padding: 10px; border: 2px solid #ffffff; border-radius: 8px; transition: all 0.2s ease-in-out;}
.car-type-canvas .car-type-room .intro ul li a img {width: 50px; display: block; margin: 0 auto;}
.car-type-canvas .car-type-room .intro ul li a span {display: block; color: #d5dd21; margin-top: 5px; transition: all 0.2s ease-in-out;}
.car-type-canvas .car-type-room .intro ul li a:hover {border: 2px solid #d5dd21;}
.car-type-canvas .car-type-room .intro ul li a:hover span {color: #ffffff;}
.car-type-canvas .car-type-room .hw-bg {position: absolute; width: 1000px; max-width: 1000px; display: none;}

@media (max-width: 1000px) {
    .car-type-canvas .car-type-room {flex-direction: column-reverse; padding-top: 50px}
    .car-type-canvas .car-type-room .car-type-bg {width: 100%;}
    .car-type-canvas .car-type-room .intro {position: relative; z-index:100; width: 100%; text-align: center; padding: 0 10px;}
    .car-type-canvas .car-type-room .intro h1 {display: block; text-align: center;}
    .car-type-canvas .car-type-room .intro p {text-align: center;}
    .car-type-canvas .car-type-room .intro ul li {margin: 5px;}
    .car-type-canvas .car-type-room .car-type-bg {position: relative;  z-index:99; text-align: center; margin-top: -80px;}
    .car-type-canvas .car-type-room .car-type-bg img {display: block; margin: 0 auto;} 
}