/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon,
.product__listing.product__list .product__list--item.tag-highlighted:after,
.product__listing.product__grid .product-item.tag-highlighted:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'Toyota Type', sans-serif;
  font-size: 15px;
  line-height: 1.14;
  color: #000000;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #000000;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #f20c06;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 0;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.14;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 17px;
  margin-bottom: 17px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 17px;
  margin-bottom: 8.5px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 8.5px;
  margin-bottom: 8.5px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 45px;
}
h2,
.h2 {
  font-size: 32px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 15px;
}
h6,
.h6 {
  font-size: 13px;
}
p {
  margin: 0 0 8.5px;
}
.lead {
  margin-bottom: 17px;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 640px) {
  .lead {
    font-size: 22.5px;
  }
}
small,
.small {
  font-size: 93%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #f20c06;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #c00a05;
}
.text-success {
  color: #3e5983;
}
a.text-success:hover,
a.text-success:focus {
  color: #2e4160;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #f20c06;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #c00a05;
}
.bg-primary {
  color: #fff;
  background-color: #f20c06;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #c00a05;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #000000;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #000000;
}
.page-header {
  padding-bottom: 7.5px;
  margin: 34px 0 17px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 8.5px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 17px;
}
dt,
dd {
  line-height: 1.14;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 640px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 8.5px 17px;
  margin: 0 0 17px;
  font-size: 18.75px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.14;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 17px;
  font-style: normal;
  line-height: 1.14;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 5px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 8px;
  margin: 0 0 8.5px;
  font-size: 14px;
  line-height: 1.14;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 640px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 1024px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1400px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 640px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1024px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1400px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 17px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 10px;
  line-height: 1.14;
  vertical-align: top;
  border-top: 1px solid #b6b6b6;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #b6b6b6;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #b6b6b6;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #b6b6b6;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #b6b6b6;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #000000;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #000000;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 639px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 12.75px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #b6b6b6;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 17px;
  font-size: 22.5px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 15px;
  line-height: 1.14;
  color: #000000;
}
.form-control {
  display: block;
  width: 100%;
  height: 47px;
  padding: 6px 12px;
  font-size: 15px;
  line-height: 1.14;
  color: #000000;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #b6b6b6;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #f20c06;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242, 12, 6, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242, 12, 6, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 47px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 37px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 47px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 17px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 32px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 37px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0;
}
select.input-sm {
  height: 37px;
  line-height: 37px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 37px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0;
}
.form-group-sm select.form-control {
  height: 37px;
  line-height: 37px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 37px;
  min-height: 31px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.5;
}
.input-lg {
  height: 47px;
  padding: 10px 25px;
  font-size: 19px;
  line-height: 1.3333333;
  border-radius: 0;
}
select.input-lg {
  height: 47px;
  line-height: 47px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 47px;
  padding: 10px 25px;
  font-size: 19px;
  line-height: 1.3333333;
  border-radius: 0;
}
.form-group-lg select.form-control {
  height: 47px;
  line-height: 47px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 47px;
  min-height: 36px;
  padding: 11px 25px;
  font-size: 19px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 58.75px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 47px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 47px;
  height: 47px;
  line-height: 47px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 37px;
  height: 37px;
  line-height: 37px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3e5983;
}
.has-success .form-control {
  border-color: #3e5983;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2e4160;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
}
.has-success .input-group-addon {
  color: #3e5983;
  border-color: #3e5983;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3e5983;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #f20c06;
}
.has-error .form-control {
  border-color: #f20c06;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #c00a05;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb6763;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb6763;
}
.has-error .input-group-addon {
  color: #f20c06;
  border-color: #f20c06;
  background-color: #000000;
}
.has-error .form-control-feedback {
  color: #f20c06;
}
.has-feedback label ~ .form-control-feedback {
  top: 22px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #404040;
}
@media (min-width: 640px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 24px;
}
.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 640px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 10px;
}
@media (min-width: 640px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 19px;
  }
}
@media (min-width: 640px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 14px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 15px;
  line-height: 1.14;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #ffffff;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #000000;
}
.btn-default:focus,
.btn-default.focus {
  color: #ffffff;
  background-color: #e6e6e6;
  border-color: #000000;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #e6e6e6;
  border-color: #000000;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #e6e6e6;
  border-color: #000000;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: #d4d4d4;
  border-color: #000000;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #000000;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #ffffff;
}
.btn-primary {
  color: #ffffff;
  background-color: #f20c06;
  border-color: #f20c06;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #c00a05;
  border-color: #760603;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #c00a05;
  border-color: #b60905;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #c00a05;
  border-color: #b60905;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #9d0804;
  border-color: #760603;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #f20c06;
  border-color: #f20c06;
}
.btn-primary .badge {
  color: #f20c06;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: transparent;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: transparent;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #000000;
  border-color: transparent;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:hover {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #000000;
  border-color: transparent;
}
.btn-info .badge {
  color: #000000;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: transparent;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: transparent;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: transparent;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: transparent;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #000000;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #f20c06;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 25px;
  font-size: 19px;
  line-height: 1.3333333;
  border-radius: 0;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 15px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 7.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.14;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #f20c06;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.14;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 640px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 47px;
  padding: 10px 25px;
  font-size: 19px;
  line-height: 1.3333333;
  border-radius: 0;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 47px;
  line-height: 47px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0;
  height: 37px;
  padding: 9px 12px;
  font-size: 15px;
  line-height: 1.14;
  border-radius: 5px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 37px;
  line-height: 37px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 37px;
  line-height: 37px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  color: #000000;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #b6b6b6;
  border-radius: 5px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 0;
}
.input-group-addon.input-lg {
  padding: 10px 25px;
  font-size: 19px;
  border-radius: 0;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #000000;
}
.nav .nav-divider {
  height: 1px;
  margin: 7.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.14;
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 5px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 640px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 5px 5px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 5px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #f20c06;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 5px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 640px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 5px 5px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 17px;
  border: 1px solid transparent;
}
@media (min-width: 640px) {
  .navbar {
    border-radius: 5px;
  }
}
@media (min-width: 640px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 640px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 640px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 640px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 640px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 16.5px 10px;
  font-size: 19px;
  line-height: 17px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 640px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 10px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 5px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 640px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 8.25px -10px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 17px;
}
@media (max-width: 639px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 17px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 640px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 16.5px;
    padding-bottom: 16.5px;
  }
}
.navbar-form {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 1.5px;
  margin-bottom: 1.5px;
}
@media (min-width: 640px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 639px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 640px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 1.5px;
  margin-bottom: 1.5px;
}
.navbar-btn.btn-sm {
  margin-top: 6.5px;
  margin-bottom: 6.5px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 16.5px;
  margin-bottom: 16.5px;
}
@media (min-width: 640px) {
  .navbar-text {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 640px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -10px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li > a {
  color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}
@media (max-width: 639px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777777;
}
.navbar-default .navbar-link:hover {
  color: #333333;
}
.navbar-default .btn-link {
  color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 639px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444444;
}
.breadcrumb {
  padding: 10px 0;
  margin-bottom: 17px;
  list-style: none;
  background-color: #f4f4f4;
  border-radius: 5px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #000000;
}
.breadcrumb > .active {
  color: #000000;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 17px 0;
  border-radius: 5px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.14;
  text-decoration: none;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid transparent;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #000000;
  background-color: transparent;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #000000;
  background-color: #f20c06;
  border-color: #f20c06;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #a6a6a6;
  background-color: #ffffff;
  border-color: rgba(99, 115, 133, 0.37);
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 25px;
  font-size: 19px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pager {
  padding-left: 0;
  margin: 17px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #a6a6a6;
  background-color: #ffffff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #f20c06;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #c00a05;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #000000;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #000000;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #000000;
  background-color: #ffffff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 640px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 68px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 17px;
  line-height: 1.14;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #000000;
}
.thumbnail .caption {
  padding: 9px;
  color: #000000;
}
.alert {
  padding: 15px;
  margin-bottom: 17px;
  border: 1px solid transparent;
  border-radius: 5px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3e5983;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2e4160;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #000000;
  border-color: #f20c06;
  color: #f20c06;
}
.alert-danger hr {
  border-top-color: #d90b05;
}
.alert-danger .alert-link {
  color: #c00a05;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 17px;
  margin-bottom: 17px;
  background-color: #f5f5f5;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  text-align: center;
  background-color: #f20c06;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #000000;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
a.list-group-item,
button.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #f20c06;
  border-color: #f20c06;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #fec8c6;
}
.list-group-item-success {
  color: #3e5983;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3e5983;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3e5983;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3e5983;
  border-color: #3e5983;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #f20c06;
  background-color: #000000;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #f20c06;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #f20c06;
  background-color: #000000;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #f20c06;
  border-color: #f20c06;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 17px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #c3c8cc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 4px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 4px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #b6b6b6;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 17px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 5px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #c3c8cc;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #c3c8cc;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f2f4f7;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f2f4f7;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #f20c06;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #f20c06;
  border-color: #f20c06;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f20c06;
}
.panel-primary > .panel-heading .badge {
  color: #f20c06;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f20c06;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3e5983;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3e5983;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #f20c06;
}
.panel-danger > .panel-heading {
  color: #f20c06;
  background-color: #000000;
  border-color: #f20c06;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f20c06;
}
.panel-danger > .panel-heading .badge {
  color: #000000;
  background-color: #f20c06;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f20c06;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 0;
}
.well-sm {
  padding: 9px;
  border-radius: 0;
}
.close {
  float: right;
  font-size: 22.5px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.14;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 640px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 1024px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: 'Toyota Type', sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.14;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 5px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 174px;
  padding: 0;
  font-family: 'Toyota Type', sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.14;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 15px;
  background-color: #ffffff;
}
.popover.top {
  margin-top: -10px;
  background-color: #000;
  color: #fff;
}
.popover.right {
  margin-left: 10px;
  background-color: #000;
  color: #fff;
}
.popover.bottom {
  margin-top: 10px;
  background-color: #000;
  color: #fff;
}
.popover.left {
  margin-left: -10px;
  background-color: #000;
  color: #fff;
}
.popover-title {
  height: 0;
  display: none;
}
.popover-content {
  padding: 9px 14px;
  font-size: 14px;
  text-align: center;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  background-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: transparent;
  bottom: -11px;
}
.popover.top > .arrow:after {
  position: absolute;
  bottom: -7px;
  width: 0;
  height: 0;
  content: "";
  z-index: 100;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 8px solid var(--black);
  right: 50%;
  margin-right: -13px;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #637385;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #637385;
}
.popover.left > .arrow:after {
  content: " ";
  right: 0px;
  border-right-width: 0;
  border-left-color: #637385;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 640px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.tabs .tabs-list:before,
.tabs .tabs-list:after,
.cart__content:before,
.cart__content:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.tabs .tabs-list:after,
.cart__content:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 639px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 639px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 639px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 639px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 639px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* jQuery */
/*! jQuery UI - v1.12.1 - 2017-08-06
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(97.6%);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}
.ui-checkboxradio-disabled {
  pointer-events: none;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}
.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}
.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}
.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}
.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}
.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}
.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}
.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: alpha(opacity=30);
  /* support: IE8 */
}
.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}
:root {
  --red: #f20c06;
  --yellow: #FCBF45;
  --black: #000000;
  --white: #ffffff;
  --border: #eaeaea;
  --border-darker: #b6b6b6;
  --white-two: #f6f6f6;
  --white-three: #eeeeee;
  --white-four: #c4c4c4;
  --tree-green: #1c9824;
  --black-40: rgba(0, 0, 0, 0.4);
  --white-85: rgba(255, 255, 255, 0.85);
  --black-60: rgba(0, 0, 0, 0.6);
  --brown: #808080;
  --black-light: #101010;
  --like-green: #009b3e;
  --too-red: #eb0a1e;
}
@font-face {
  font-family: 'Toyota Type';
  src: url('../fonts/ToyotaType-Book.eot');
  src: url('../fonts/ToyotaType-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/ToyotaType-Book.woff2') format('woff2'), url('../fonts/ToyotaType-Book.woff') format('woff'), url('../fonts/ToyotaType-Book.ttf') format('truetype'), url('../fonts/ToyotaType-Book.svg#ToyotaType-Book') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Toyota Type';
  src: url('../fonts/ToyotaType-Semibold.eot');
  src: url('../fonts/ToyotaType-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ToyotaType-Semibold.woff2') format('woff2'), url('../fonts/ToyotaType-Semibold.woff') format('woff'), url('../fonts/ToyotaType-Semibold.ttf') format('truetype'), url('../fonts/ToyotaType-Semibold.svg#ToyotaType-Semibold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Toyota Type';
  src: url('../fonts/ToyotaType-Bold.eot');
  src: url('../fonts/ToyotaType-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ToyotaType-Bold.woff2') format('woff2'), url('../fonts/ToyotaType-Bold.woff') format('woff'), url('../fonts/ToyotaType-Bold.ttf') format('truetype'), url('../fonts/ToyotaType-Bold.svg#ToyotaType-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Distinct Style Script Alt';
  src: url('../fonts/DistinctStyleScriptAlt.eot');
  src: url('../fonts/DistinctStyleScriptAlt.eot?#iefix') format('embedded-opentype'), url('../fonts/DistinctStyleScriptAlt.woff2') format('woff2'), url('../fonts/DistinctStyleScriptAlt.woff') format('woff'), url('../fonts/DistinctStyleScriptAlt.ttf') format('truetype'), url('../fonts/DistinctStyleScriptAlt.svg#DistinctStyleScriptAlt') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* image path */
*:focus {
  outline: none !important;
  text-decoration: none !important;
}
a:focus,
a:visited {
  outline: none !important;
  text-decoration: none !important;
}
.blockElement {
  background-color: transparent !important;
  border: none !important;
  height: 100%;
  display: flex;
  align-items: center;
}
.blockElement img {
  height: 80px;
}
.w100 {
  width: 100%;
}
@media (min-width: 640px) {
  .w-100px {
    width: 80px;
    word-break: break-word;
  }
}
@media (min-width: 1024px) {
  .w-100px {
    width: 117px;
  }
}
@media (min-width: 640px) {
  .w-194 {
    width: 130px;
    word-break: break-word;
  }
}
@media (min-width: 1024px) {
  .w-194 {
    width: 200px;
  }
}
.w-70 {
  width: 70px;
}
.shadow {
  box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
  .alert {
    margin-top: -20px;
  }
}
@media (min-width: 1024px) {
  .col-md-20 {
    width: 20%;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
  }
}
.w-300 {
  width: 300px;
}
.text-red {
  color: var(--red);
}
.text-green {
  color: #1fa706;
}
.text-white {
  color: #fff;
}
h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-weight: normal;
}
.text-grey {
  color: rgba(0, 0, 0, 0.6);
}
.text-primary {
  color: #000000 !important;
}
.bg-grey {
  background-color: #f4f4f4;
}
.bg-white {
  background-color: #fff;
}
.bg-black {
  background-color: var(--black) !important;
}
.bg-black:hover {
  background-color: var(--red) !important;
}
.bg-black-no-hover {
  background-color: var(--black) !important;
}
.bg-black-no-hover:hover {
  background-color: var(--black) !important;
}
.border-bold {
  border-top: solid 1px #c3c8cc;
}
.color06 {
  color: rgba(0, 0, 0, 0.6);
}
.bg-light-red {
  background-color: rgba(235, 10, 30, 0.05);
}
.bg-light-blue {
  background-color: rgba(38, 110, 242, 0.05);
}
.text-gray-bottom-line {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  margin: 25px 0 12px;
  font-weight: 400;
}
.text-gray-bottom-line::after {
  content: "";
  flex: 1;
  margin-top: 12px;
  border-bottom: 1px solid #B6B6B6;
}
.btn-outline-danger {
  color: #EB0A1E;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.btn-outline-danger__icon {
  margin: 4px 4px 0 0 !important;
  width: 16px !important;
  height: 16px !important;
}
.info-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.info-content .payment__label-content {
  font-size: 15px;
  font-weight: 700;
  width: 150px;
}
.info-content .info-btn-action {
  display: flex;
  gap: 15px;
}
.info-content .tmp-icon.ic-red-cart {
  width: 19px !important;
  margin: auto 5px !important;
}
.info-content .infor__icon {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media screen and (min-width: 1340px) {
  .info-content .infor__icon {
    gap: 12px;
  }
}
.info-content--next-payment {
  display: flex;
  align-items: center;
}
.info-content--next-payment__label {
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 15px 0 !important;
}
.info-content--next-payment__label span {
  font-weight: 400;
}
.info-content--next-payment__content {
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.info-content--next-payment__content img {
  clear: both;
  width: auto;
  height: auto;
}
.info-content--next-payment__content span {
  font-weight: 400;
}
.info-content > div {
  padding: 5px 0;
}
@media screen and (max-width: 1440px) {
  .info-content {
    gap: 64px;
  }
}
@media screen and (min-width: 768px) {
  .info-content {
    gap: 10px;
  }
}
.subscription__nav .nav-pills > li > a {
  color: #101010 !important;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding: 13px 20px 7px 15px;
  position: relative;
}
.subscription__nav .nav-pills > li > a:hover,
.subscription__nav .nav-pills > li > a:focus {
  background-color: transparent;
}
.subscription__nav .nav-pills > li > a:hover::before,
.subscription__nav .nav-pills > li > a:focus::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  height: 100%;
  background-color: #eb0a1e;
}
.subscription__nav .nav-pills > li > a > span {
  margin-right: 10px;
}
.subscription__nav .nav-pills > li.active > a,
.subscription__nav .nav-pills > li.active > a:hover,
.subscription__nav .nav-pills > li.active > a:focus {
  background-color: transparent;
}
.subscription__nav .nav-pills > li.active > a::before,
.subscription__nav .nav-pills > li.active > a:hover::before,
.subscription__nav .nav-pills > li.active > a:focus::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  height: 100%;
  background-color: #eb0a1e;
}
.fz-13 {
  font-size: 13px;
}
.table-container {
  background: #FFFFFF;
  margin: 30px 0;
  padding: 25px;
  border: none;
}
@media screen and (max-width: 1400px) {
  .table-container .table {
    display: block;
    overflow-x: auto;
  }
}
.table.table-striped tbody tr:nth-of-type(2n) {
  background-color: #F5F5F5;
}
.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: transparent;
}
.table.table-striped tr td {
  padding: 20px 30px;
  text-align: left;
  border: none;
}
@media screen and (min-width: 1399px) {
  .table.table-striped tr td {
    padding: 15px;
  }
}
.table .thead-dark th {
  background-color: black;
  color: white;
  text-align: left;
  border: none;
  padding: 15px 30px;
  font-size: 16px;
}
@media screen and (min-width: 1399px) {
  .table .thead-dark th {
    padding: 15px;
  }
}
.table .thead-dark th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.table .thead-dark th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.table tbody .download-invoice {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}
@media screen and (min-width: 1399px) {
  .table tbody .payment-col {
    min-width: 223px;
  }
}
.customer-info-detail .download-invoice {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}
.pagination-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.pagination-container p {
  margin: 0;
  font-size: 14px;
  color: #6c757d;
}
.pagination-container .pagination {
  margin: 0;
  display: flex;
  list-style: none;
  padding-left: 0;
  line-height: 4;
}
.pagination-container .pagination-number {
  margin-top: -2px;
}
.pagination-container .pagination li {
  display: inline;
  padding: 0;
  width: 35px;
  line-height: 1;
}
.pagination-container .pagination li a {
  color: black;
  text-decoration: none;
  height: auto;
  padding: 0 15px;
  background-color: white;
  font-weight: 400;
  border: none !important;
}
.pagination-container .pagination li a:hover {
  text-decoration: none;
  background-color: transparent;
}
.pagination-container .pagination li.active a {
  font-weight: bold;
  padding: 0;
  background-color: transparent;
  border: none !important;
}
.pagination-container .pagination li.active a::after {
  content: '';
  height: 2px;
  background-color: red;
  width: 18px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.pagination-container .form-group {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}
.pagination-container .form-group label {
  position: initial;
  margin: 0;
  color: #000;
  font-size: 14px;
  padding-right: 5px;
}
.pagination-container .form-group select {
  display: inline-block;
  width: auto;
  padding: 7px 3.5rem 0.5rem 1rem;
  max-height: 35px;
  font-size: 14px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 4px;
  appearance: none;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.1702 5.51405C15.3916 5.27647 15.385 4.90624 15.1554 4.67661C14.9258 4.44698 14.5556 4.44045 14.318 4.66183L7.88614 11.0937L1.67942 4.66183C1.44183 4.44045 1.0716 4.44698 0.841974 4.67661C0.612349 4.90624 0.605817 5.27647 0.8272 5.51405L7.88614 12.6856L15.1702 5.51405Z" fill="%23101010"/></svg>') no-repeat right 10px center;
  background-size: 16px 17px;
  margin: 0 5px;
}
.pagination-container .form-group select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.pagination-container .form-group span {
  margin-left: 5px;
  color: #000;
  font-size: 14px;
}
.subscription-card {
  background: #fff;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
}
.subscription-card h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}
.subscription-card p {
  margin-bottom: 15px;
  line-height: 1.5;
}
.subscription-card .free-text {
  color: #00b894;
  font-weight: bold;
}
.subscription-card .features-list {
  list-style: none;
  padding: 0;
  text-align: left;
}
.subscription-card .features-list__cancel li {
  gap: 6px;
}
.subscription-card .features-list__cancel li span {
  padding-top: 0 !important;
}
.subscription-card .features-list li {
  padding: 10px 0 5px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.subscription-card .features-list li span {
  padding-top: 4px;
}
.subscribe-card-wapprer .request-activation {
  display: flex;
  background-color: #ff3b30;
  border-color: #ff3b30;
  padding: 12px 25px;
  font-size: 12px;
  font-weight: 600;
  min-height: 44px;
  text-transform: uppercase;
  border-radius: 5px;
  color: #fff;
  margin: 25px auto;
}
.subscribe-card-wapprer .request-activation:hover {
  background-color: #e63a2f;
  border-color: #e63a2f;
}
.subscribe-card-wapprer .request-cancellation {
  display: flex;
  background-color: #ff3b30;
  border-color: #ff3b30;
  padding: 12px 25px;
  font-size: 12px;
  font-weight: 600;
  min-height: 44px;
  text-transform: uppercase;
  border-radius: 5px;
  color: #fff;
  margin: 25px auto;
}
.subscribe-card-wapprer .request-cancellation:hover {
  background-color: #e63a2f;
  border-color: #e63a2f;
}
.subscribe-card-wapprer .form-group {
  text-align: left;
  margin-top: 20px;
}
.subscribe-card-wapprer .form-group.errors label {
  color: red;
}
.subscribe-card-wapprer .form-group.errors .form-control {
  border-color: red;
}
.subscribe-card-wapprer .form-group .error {
  color: red;
  font-size: 12px;
  margin-top: 5px;
}
.subscribe-card-wapprer .form-group .input-have-icon {
  position: relative;
}
.subscribe-card-wapprer .form-group .icon {
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 50px;
  right: 0px;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 40px;
}
.subscribe-card-wapprer .form-group .form-control {
  width: 100%;
  padding: 15px;
  font-size: 16px;
  border: 1px solid #ced4da;
  border-radius: 5px;
  box-shadow: none;
}
.subscribe-card-wapprer .form-group > label {
  position: absolute;
  top: -16px;
  left: 7px;
  padding: 5px;
  background: white;
  font-size: 15px;
  font-weight: 400;
  height: auto;
}
.subscribe-card-wapprer .form-group > input {
  border: none;
  background: transparent;
}
.subscribe-card-wapprer .button-group {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  min-height: 44px;
  gap: 10px;
}
.subscribe-card-wapprer .button-group button {
  width: 100%;
}
.subscribe-card-wapprer .button-group .cancel-btn {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 8px !important;
}
.subscribe-card-wapprer .button-group .cancel-btn:hover {
  background-color: #f8f9fa;
}
.subscribe-card-wapprer .button-group .submit-btn {
  background-color: #EB0A1E;
  border-color: #EB0A1E;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 8px;
  color: #fff;
}
.subscribe-card-wapprer .button-group .submit-btn:hover {
  background-color: #e63a2f;
  border-color: #e63a2f;
}
.download-invoice {
  color: red;
  text-decoration: none;
}
.download-invoice:hover {
  text-decoration: underline;
}
.pagination-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.info-mess .info-icon,
.danger-mess .info-icon,
.success-mess .info-icon {
  margin: 4px 4px 0 0 !important;
  width: 18px !important;
  height: 16px !important;
}
.info-mess .danger-icon,
.danger-mess .danger-icon,
.success-mess .danger-icon {
  margin: 4px 4px 0 0 !important;
  width: 18px !important;
  height: 16px !important;
}
.info-mess .success-icon,
.danger-mess .success-icon,
.success-mess .success-icon {
  margin: 4px 4px 0 0 !important;
  width: 18px !important;
  height: 16px !important;
}
.pill-gray {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  padding: 5px 15px !important;
  font-size: 15px;
  font-weight: 600;
  color: #101010;
}
@media screen and (min-width: 1400px) {
  .pill-gray {
    padding: 12px !important;
  }
}
.pill-gray__icon {
  padding-right: 5px !important;
  width: 15px !important;
  height: 20px !important;
  margin: 1px 5px 0 0px !important;
}
.text-noti-info {
  display: flex;
  gap: 7px;
  font-weight: 400;
  width: 100%;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  border: 1px solid #266EF2;
  background-color: rgba(38, 110, 242, 0.05);
}
.text-noti-info .info-icon {
  padding-right: 7px;
}
.text-noti-danger {
  display: flex;
  font-weight: 400;
  width: 100%;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  border: 1px solid #EB0A1E;
  background-color: rgba(235, 10, 30, 0.05);
}
.text-noti-danger .danger-icon {
  margin: 4px 4px 0 0 !important;
  width: 18px !important;
  height: 16px !important;
}
.text-noti-warning {
  display: flex;
  font-weight: 400;
  width: 100%;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  border: 1px solid #FCBF45;
  background: rgba(252, 191, 69, 0.05);
}
.text-noti-warning .warning-icon {
  margin: 4px 4px 0 0 !important;
  width: 18px !important;
  height: 16px !important;
}
.text-noti-success {
  display: flex;
  font-weight: 400;
  width: 100%;
  align-items: center;
  gap: 7px;
  border-radius: 8px;
  justify-content: center;
  border: 1px solid #28A745;
  background-color: rgba(40, 167, 69, 0.05);
}
.text-noti-success .success-icon {
  margin: 4px 4px 0 0 !important;
  width: 18px !important;
  height: 16px !important;
}
.font-weight-bold {
  font-weight: 700;
}
.font-weight-normal {
  font-weight: 400;
}
.rounded-pill {
  border-radius: 25px;
}
.text-danger {
  color: #eb0a1e !important;
}
.text-warning {
  color: #FCBF45 !important;
}
.text-success {
  color: #28a745 !important;
}
.text-info {
  color: #266EF2 !important;
}
.p-3 {
  padding: 12px 15px;
}
.pr-1 {
  padding-right: 10px;
}
.error {
  color: red;
  font-size: 12px;
  margin-top: 5px;
}
.mr-2 {
  margin-right: 7px;
}
.d-flex {
  display: flex;
}
.bg-grey {
  background-color: #F5F5F5;
}
.input-have-icon .icon {
  position: absolute;
  top: 14px;
  right: 8px;
  display: block;
  cursor: pointer;
}
.subscription-header {
  position: relative;
  text-align: center;
  color: white;
  height: 230px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0 0 35% 0;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  background-image: url('../images/subscription-banner.png');
}
.subscription-header .banner {
  position: absolute;
  bottom: 45px;
  left: 0;
  min-width: 267px;
  max-height: 53px;
  font-weight: 700;
  background-color: #eb0a1e;
  padding: 12px 30px;
  border-radius: 0px 8px 8px 0px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  font-size: 14px;
}
.subscription-infor {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 35px 30px 20px;
}
.subscription-infor .package-info {
  display: flex;
  flex-wrap: wrap;
}
.subscription-infor .package-info .col-xs-6 {
  display: flex;
  flex-direction: column;
}
.subscription-infor .package-info .col-xs-6 .info-content {
  display: flex;
  align-items: center;
  flex: 1;
}
.subscription-infor-subDetail {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 0 0 20px;
}
.modal-subscribe,
#cancelSubscriptionForm,
.delete-trip-modal {
  width: 100%;
  height: 100%;
  position: relative;
}
.modal-subscribe .modal-content,
#cancelSubscriptionForm .modal-content,
.delete-trip-modal .modal-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 20px 30px 40px;
  border: 1px solid #888;
  max-width: 660px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: relative;
}
.modal-subscribe .modal-content label,
#cancelSubscriptionForm .modal-content label,
.delete-trip-modal .modal-content label {
  font-size: 15px;
  color: black;
  font-weight: 400;
}
.modal-subscribe .modal-content h2,
#cancelSubscriptionForm .modal-content h2,
.delete-trip-modal .modal-content h2 {
  margin-top: 0;
  font-size: 32px;
  font-weight: 400;
}
.modal-subscribe .modal-content h2::after,
#cancelSubscriptionForm .modal-content h2::after,
.delete-trip-modal .modal-content h2::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #C4C4C4;
  margin: 25px 0;
}
.modal-subscribe .close-button,
#cancelSubscriptionForm .close-button,
.delete-trip-modal .close-button {
  color: #aaa;
  float: right;
  font-weight: bold;
  position: absolute;
  top: 30px;
  right: 33px;
  cursor: pointer;
  max-width: 50px;
  max-height: 50px;
  padding: 14px;
}
.modal-subscribe .close-button svg,
#cancelSubscriptionForm .close-button svg,
.delete-trip-modal .close-button svg {
  min-width: 23px;
  min-height: 22px;
}
.modal-subscribe .close-button:hover,
#cancelSubscriptionForm .close-button:hover,
.delete-trip-modal .close-button:hover,
.modal-subscribe .close-button:focus,
#cancelSubscriptionForm .close-button:focus,
.delete-trip-modal .close-button:focus {
  color: black;
}
.modal-subscribe .option,
#cancelSubscriptionForm .option,
.delete-trip-modal .option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 23px;
  padding-right: 0;
}
.modal-subscribe .option label,
#cancelSubscriptionForm .option label,
.delete-trip-modal .option label {
  font-size: 16px;
  color: #333;
  flex: 1;
}
.modal-subscribe .option label strong,
#cancelSubscriptionForm .option label strong,
.delete-trip-modal .option label strong {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bold;
}
.modal-subscribe .option label .description,
#cancelSubscriptionForm .option label .description,
.delete-trip-modal .option label .description {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  max-width: 590px;
  display: block;
}
.modal-subscribe .option input[type="radio"],
#cancelSubscriptionForm .option input[type="radio"],
.delete-trip-modal .option input[type="radio"] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  cursor: pointer;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 1px solid #BEBEBE;
  border-radius: 50%;
  position: relative;
}
.modal-subscribe .option input[type="radio"]:checked,
#cancelSubscriptionForm .option input[type="radio"]:checked,
.delete-trip-modal .option input[type="radio"]:checked {
  background-color: #000;
}
.modal-subscribe .option input[type="radio"]:checked::before,
#cancelSubscriptionForm .option input[type="radio"]:checked::before,
.delete-trip-modal .option input[type="radio"]:checked::before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: white;
  border: none;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-subscribe h3,
#cancelSubscriptionForm h3,
.delete-trip-modal h3 {
  font-size: 16px;
  margin: 20px 0;
  font-weight: 600;
}
.modal-subscribe .reasons,
#cancelSubscriptionForm .reasons,
.delete-trip-modal .reasons {
  display: flex;
  flex-wrap: wrap;
  gap: 0 50px;
}
.modal-subscribe .reasons .reason,
#cancelSubscriptionForm .reasons .reason,
.delete-trip-modal .reasons .reason {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  justify-content: space-between;
}
.modal-subscribe .reasons .reason.reason-full-width,
#cancelSubscriptionForm .reasons .reason.reason-full-width,
.delete-trip-modal .reasons .reason.reason-full-width {
  justify-content: initial !important;
}
.modal-subscribe .reasons .reason.reason-full-width label,
#cancelSubscriptionForm .reasons .reason.reason-full-width label,
.delete-trip-modal .reasons .reason.reason-full-width label {
  max-width: 100% !important;
}
.modal-subscribe .reasons .reason__start-end,
#cancelSubscriptionForm .reasons .reason__start-end,
.delete-trip-modal .reasons .reason__start-end {
  gap: 11px;
}
.modal-subscribe .reasons .reason__start-end input[type="checkbox"],
#cancelSubscriptionForm .reasons .reason__start-end input[type="checkbox"],
.delete-trip-modal .reasons .reason__start-end input[type="checkbox"] {
  width: 25px !important;
}
.modal-subscribe .reasons .reason input[type="checkbox"],
#cancelSubscriptionForm .reasons .reason input[type="checkbox"],
.delete-trip-modal .reasons .reason input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #BEBEBE;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.modal-subscribe .reasons .reason input[type="checkbox"]:checked,
#cancelSubscriptionForm .reasons .reason input[type="checkbox"]:checked,
.delete-trip-modal .reasons .reason input[type="checkbox"]:checked {
  background-color: #000;
}
.modal-subscribe .reasons .reason input[type="checkbox"]:checked::before,
#cancelSubscriptionForm .reasons .reason input[type="checkbox"]:checked::before,
.delete-trip-modal .reasons .reason input[type="checkbox"]:checked::before {
  content: '';
  width: 12px;
  height: 10px;
  background-image: url("../images/icons/ic-check.svg");
  background-size: cover;
  position: absolute;
  top: 3.81px;
  left: 4px;
}
.modal-subscribe .reasons .reason label,
#cancelSubscriptionForm .reasons .reason label,
.delete-trip-modal .reasons .reason label {
  font-size: 16px;
  color: #333;
  max-width: 240px;
}
.modal-subscribe .form-group,
#cancelSubscriptionForm .form-group,
.delete-trip-modal .form-group {
  text-align: left;
  margin-top: 20px;
}
.modal-subscribe .form-group .form-control,
#cancelSubscriptionForm .form-group .form-control,
.delete-trip-modal .form-group .form-control {
  width: 100%;
  padding: 15px;
  font-size: 16px;
  border: 1px solid #ced4da;
  border-radius: 5px;
  box-shadow: none;
}
.modal-subscribe .form-group > label,
#cancelSubscriptionForm .form-group > label,
.delete-trip-modal .form-group > label {
  position: absolute;
  top: -16px;
  left: 7px;
  padding: 5px;
  background: white;
  font-size: 15px;
  font-weight: 400;
  height: auto;
}
.modal-subscribe .form-group > textarea,
#cancelSubscriptionForm .form-group > textarea,
.delete-trip-modal .form-group > textarea {
  width: 100%;
  min-height: 89px;
  padding: 13px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: none;
}
.modal-subscribe .buttons,
#cancelSubscriptionForm .buttons,
.delete-trip-modal .buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  gap: 10px;
}
.modal-subscribe .buttons .btn-confirm:disabled,
#cancelSubscriptionForm .buttons .btn-confirm:disabled,
.delete-trip-modal .buttons .btn-confirm:disabled {
  cursor: not-allowed !important;
  opacity: 0.3    ;
}
.modal-subscribe .buttons::before,
#cancelSubscriptionForm .buttons::before,
.delete-trip-modal .buttons::before,
.modal-subscribe .buttons::after,
#cancelSubscriptionForm .buttons::after,
.delete-trip-modal .buttons::after {
  display: none;
}
.modal-subscribe .buttons > div,
#cancelSubscriptionForm .buttons > div,
.delete-trip-modal .buttons > div {
  width: 100%;
}
.modal-subscribe .buttons .btn-cancel,
#cancelSubscriptionForm .buttons .btn-cancel,
.delete-trip-modal .buttons .btn-cancel,
.modal-subscribe .buttons .btn-confirm,
#cancelSubscriptionForm .buttons .btn-confirm,
.delete-trip-modal .buttons .btn-confirm,
.modal-subscribe .buttons .btn-cancel-outline,
#cancelSubscriptionForm .buttons .btn-cancel-outline,
.delete-trip-modal .buttons .btn-cancel-outline {
  width: 100%;
  padding: 12px 25px;
  min-height: 44px;
  border-radius: 8px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}
.modal-subscribe .buttons .btn-cancel,
#cancelSubscriptionForm .buttons .btn-cancel,
.delete-trip-modal .buttons .btn-cancel {
  background-color: #EB0A1E;
  border: none;
  cursor: pointer;
  color: #f0f0f0;
}
.modal-subscribe .buttons .btn-cancel-outline,
#cancelSubscriptionForm .buttons .btn-cancel-outline,
.delete-trip-modal .buttons .btn-cancel-outline {
  background-color: #FFFFFF;
  color: #101010;
  border: 1px solid #101010;
  cursor: pointer;
}
.modal-subscribe .buttons .btn-confirm,
#cancelSubscriptionForm .buttons .btn-confirm,
.delete-trip-modal .buttons .btn-confirm {
  background-color: #FFFFFF;
  color: #101010;
  border: 1px solid #101010;
  cursor: pointer;
}
.modal-subscribe .buttons .btn-confirm.btn-default,
#cancelSubscriptionForm .buttons .btn-confirm.btn-default,
.delete-trip-modal .buttons .btn-confirm.btn-default {
  background: #101010;
  color: #FFFFFF;
}
.modal-subscribe .buttons .btn-red,
#cancelSubscriptionForm .buttons .btn-red,
.delete-trip-modal .buttons .btn-red {
  background-color: #EB0A1E !important;
  border: none !important;
  cursor: pointer !important;
  color: #f0f0f0 !important;
}
.package-plan {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.package-plan .selected-col {
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.12);
}
.package-plan__table-plan {
  background-color: #fff;
  padding: 0 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin: auto;
}
.package-plan__table-plan > .row {
  display: flex;
  justify-content: center;
}
.package-plan__icon-header {
  position: relative;
  top: 2px;
}
.package-plan__header {
  font-weight: bold;
  padding: 15px 12px 15px 30px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  font-weight: 600;
  background: black;
  color: white;
}
.package-plan__header.first-col {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.package-plan__tab {
  background-color: #000;
  color: #fff;
  padding: 14px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: center;
  padding: 12.5px;
}
.package-plan__tab.last-col {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.package-plan__tab--active,
.package-plan__tab--selected {
  background-color: #d9534f;
}
.package-plan__row,
.package-plan__option {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.package-plan__option {
  border-bottom: none;
}
.package-plan__feature {
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  padding: 15px 12px;
  text-align: center;
  border-bottom: 1px solid #EEEEEE;
  min-height: 58px;
}
.package-plan__feature.plan_feature {
  border-bottom: none;
}
.package-plan__feature.feature__title {
  min-height: 58px;
  max-height: 58px;
  display: flex;
  align-items: center;
  padding: 17px 12px 17px 30px;
  text-align: left;
}
.package-plan__icon {
  flex: 1;
  text-align: center;
  padding: 15px 12px;
  min-height: 58px;
  border-bottom: 1px solid #EEEEEE;
}
.package-plan__icon:empty {
  background-color: transparent;
}
.package-plan__button {
  flex: 1;
  background-color: #fff;
  border: 1px solid #CCCCCC;
  color: black;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
  padding: 8px 20px;
  margin: 7.5px;
  cursor: pointer;
  text-transform: lowercase;
}
.package-plan__button--current-package {
  background-color: rgba(42, 186, 108, 0.05);
  border: 1px solid #2aba6c;
  position: relative;
}
.package-plan__button--current-package:hover {
  background-color: rgba(42, 186, 108, 0.05) !important;
  border: 1px solid #2aba6c !important;
  color: inherit !important;
}
.package-plan__button--current-package:hover .tmp-icon.ic-round-green-full-check {
  background-color: transparent !important;
}
.package-plan__button--current-package .tmp-icon {
  position: absolute;
  right: 0;
  top: 3px;
}
.package-plan__button--upcoming-package {
  background-color: rgba(9, 158, 198, 0.05);
  border: 1px solid #099ec6;
  position: relative;
}
.package-plan__button--upcoming-package:hover {
  background-color: rgba(9, 158, 198, 0.05) !important;
  border: 1px solid #099ec6 !important;
  color: inherit !important;
}
.package-plan__button--upcoming-package:hover .tmp-icon.ic-blue-clock {
  background-color: transparent !important;
}
.package-plan__button--upcoming-package .tmp-icon {
  position: absolute;
  right: 0;
  top: 3px;
  vertical-align: initial;
}
.package-plan__button .tmp-icon {
  width: 21px !important;
  height: 21px !important;
  margin-right: 5px !important;
}
.package-plan__button--selected,
.package-plan__button:hover {
  border-color: #EB0A1E;
  color: #EB0A1E;
}
.package-plan__button--selected .tmp-icon,
.package-plan__button:hover .tmp-icon {
  background-color: #EB0A1E !important;
}
.package-plan__button--disabled {
  opacity: 0.75;
  cursor: not-allowed;
  border-color: #CCCCCC;
  color: #CCCCCC;
}
.package-plan__button--disabled:hover {
  border-color: #CCCCCC;
  color: #CCCCCC;
}
.package-plan__button--disabled:hover .tmp-icon {
  background-color: #CCCCCC !important;
}
.package-plan__button--disabled .tmp-icon {
  background-color: #CCCCCC !important;
}
.package-plan__continue {
  display: block;
  margin: 20px auto;
  padding: 10px 30px;
  background-color: #d9534f;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
}
.package-plan__continue.disabled {
  background: #CCCCCC;
  color: #808080;
  cursor: not-allowed;
  pointer-events: none;
}
.package-plan__continue:hover {
  background-color: #c9302c;
}
.subscription-summary {
  padding: 0;
  background-color: #f8f8f8;
  border-radius: 10px;
}
.subscription-summary__payment {
  display: flex;
  gap: 20px;
  padding: 0 9px;
}
.subscription-summary__payment .col-md-6 {
  padding: 0;
}
.subscription-summary__plan {
  padding: 25px;
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 20px;
  display: flex;
  width: 100%;
  align-items: center;
}
.subscription-summary__plan-current .subscription-summary__plan-details {
  border: 1px solid #CCCCCC;
  color: #101010;
}
.subscription-summary__plan-current .subscription-summary__plan-title {
  color: #101010;
}
.subscription-summary__plan-icon {
  padding-top: 5px;
}
.subscription-summary p.subscription-summary__plan-icon {
  padding: 20px 0;
  margin: 0;
}
.subscription-summary__plan-header {
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: auto;
}
.subscription-summary__plan-title {
  color: #EB0A1E;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 17px;
  text-align: center;
}
.subscription-summary__plan-details {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 15px 25px;
  border: 2px solid #EB0A1E;
  border-radius: 8px;
  background-color: transparent;
  color: #EB0A1E;
  font-weight: 600;
  font-size: 15px;
}
.subscription-summary__plan-icon {
  padding-top: 5px;
}
.subscription-summary__features {
  margin-top: 15px;
  width: 50%;
}
.subscription-summary__features-title {
  font-size: 16px;
  font-weight: 600;
  color: #101010;
}
.subscription-summary__features-list {
  list-style: none;
  padding-left: 0;
}
.subscription-summary__feature {
  color: #101010;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}
.subscription-summary__payment-method {
  padding: 25px;
  border-radius: 12px;
  background-color: #fff;
  margin-bottom: 20px;
}
.subscription-summary__payment-title {
  font-size: 17px;
  font-weight: 600;
  color: #101010;
}
.subscription-summary__payment-divider {
  border: 1px solid #B6B6B6;
  width: 100%;
  display: block;
  margin: 20px 0;
}
.subscription-summary__payment-details {
  display: flex;
  align-items: center;
  margin-top: 20px;
  justify-content: space-between;
}
.subscription-summary__payment-details-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subscription-summary__payment-icon {
  padding-right: 15px;
}
.subscription-summary__payment-card {
  color: #333;
}
.subscription-summary__payment-manage {
  color: #EB0A1E;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
}
.subscription-summary__payment-manage span {
  padding-top: 5px;
  padding-right: 4px;
}
.subscription-summary__payment-summary {
  padding: 25px;
  border-radius: 12px;
  background-color: #fff;
}
.subscription-summary__payment-item {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 400;
}
.subscription-summary__payment-total {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 700;
  color: #101010;
}
.subscription-summary__subscription-date {
  text-align: left;
  margin: 20px 0;
  color: #101010;
}
.subscription-summary__actions {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.subscription-summary .btn-default {
  background: #FFFFFF;
  color: #101010;
  border: 1px solid #101010;
  padding: 12px 25px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  max-height: 44px;
}
.subscription-summary .btn-danger {
  background: #EB0A1E;
  color: #FFFFFF;
  text-transform: uppercase;
}
.subscription-summary__cancel-button,
.subscription-summary__confirm-button {
  width: 100%;
  max-height: 44px;
  padding: 12px 25px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-underline {
  text-decoration: underline;
}
.payment-method img {
  max-height: 20px;
  height: auto;
}
@media (max-width: 640px) {
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .flex-md-col {
    flex-direction: column !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .gap-md-5 {
    gap: 5px !important;
  }
}
.align-items-center {
  align-items: center;
}
.warning-icon,
.info-icon {
  padding-top: 3px;
  padding-right: 4px;
}
.font-weight-medium {
  font-weight: 600;
}
.font-weight-base {
  font-weight: 400;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-center {
  justify-content: center;
}
.border-red {
  border: 1px solid #eb0a1e;
}
.bg-grey-radius {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.08);
  padding: 5px;
}
.link-hover {
  text-decoration: underline;
}
.link-hover:hover {
  color: var(--red);
}
.max-760 {
  max-width: 760px;
  margin: auto;
}
.w-200 {
  width: 200px;
}
.w-130 {
  width: 130px;
}
.p-form {
  padding: 10px 20px !important;
}
@media (min-width: 1024px) {
  .padding-wrapper-30 {
    padding: 30px;
    margin: 0;
  }
}
@media (max-width: 1023px) {
  .padding-wrapper-30 {
    padding: 20px;
    margin: 0;
  }
}
@media (max-width: 639px) {
  .padding-wrapper-30 {
    padding: 15px;
  }
}
@media (min-width: 1024px) {
  .padding-wrapper {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0;
  }
}
@media (max-width: 1023px) {
  .padding-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0;
  }
}
@media (max-width: 639px) {
  .padding-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 639px) {
  h2 {
    font-size: 24px;
  }
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-400 .selectize-input > * {
  font-weight: 400 !important;
}
/*.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}*/
.container-captcha {
  width: 100%;
  display: flex;
  top: -22px;
  left: 10px;
  align-items: center;
  position: relative;
}
.form-group-new-ui {
  text-align: left;
  margin-top: 20px;
  position: relative;
}
.form-group-new-ui .custom-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
}
.form-group-new-ui .custom-checkbox-wrapper p {
  margin-bottom: 0;
}
.form-group-new-ui .custom-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: white;
  border: 2px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group-new-ui .custom-checkbox input {
  opacity: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
  top: 0;
  margin: 0;
}
.form-group-new-ui .custom-checkbox label {
  position: relative;
  cursor: pointer;
}
.form-group-new-ui .custom-checkbox input:checked + label {
  background-color: black;
  border-color: black;
  border-radius: 6px;
  color: white;
  display: flex;
  padding: 11px;
  margin: 0;
  width: 20px;
  height: 20px;
  background-image: url('../images/ic-white-checked.svg');
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}
.form-group-new-ui .custom-checkbox input:checked + label::before {
  content: '';
  display: none;
}
.form-group-new-ui.errors label {
  color: red;
}
.form-group-new-ui.errors .form-control {
  border-color: red;
}
.form-group-new-ui .input-have-icon {
  position: relative;
}
.form-group-new-ui .icon {
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 50px;
  right: 20px;
  bottom: 0;
  display: flex;
  align-items: center;
}
.form-group-new-ui .form-control {
  width: 100%;
  padding: 15px;
  font-size: 16px;
  border: 1px solid #b0b8c1;
  border-radius: 5px;
  box-shadow: none;
}
.form-group-new-ui > label {
  position: absolute;
  top: -16px;
  left: -5px;
  padding: 5px;
  background: white;
  font-size: 15px;
  font-weight: 400;
}
.form-group-new-ui > input {
  border: none;
  background: transparent;
}
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.custom-select-wrapper .custom-select__trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}
.custom-select-wrapper .custom-select__trigger .custom-select__icon {
  font-size: 12px;
  transition: transform 0.2s ease;
}
.custom-select-wrapper .custom-select--open .custom-select__options {
  display: block;
}
.custom-select-wrapper .custom-select__options {
  position: absolute;
  display: none;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}
.custom-select-wrapper .custom-select__option {
  padding: 10px 15px;
  cursor: pointer;
}
.custom-select-wrapper .custom-select__option:hover {
  background-color: #f1f1f1;
}
.custom-select-wrapper .custom-select__option--selected {
  background-color: #e2e2e2;
}
.custom-select-wrapper .custom-select--open .custom-select__icon {
  transform: rotate(180deg);
}
.form-control {
  border-color: #b0b8c1;
}
.form-group.form-group-require label::after {
  content: " *";
  color: red;
}
.form-group .control-label {
  position: absolute;
  left: 15px;
  top: -11px;
  z-index: 1000;
  height: 17px;
  margin-bottom: 0;
  padding: 0;
  background-image: url("../images/icons/bg-label.png");
  background-repeat: repeat-x;
  background-position: left bottom;
  width: auto;
  text-transform: capitalize;
}
.form-group .control-label.dropdown-label {
  left: 0;
}
.form-group .control-label .bg-white {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 11px;
  z-index: -1;
}
.form-group .control-label.bg-grey {
  background-image: url("../images/icons/bg-label-grey.png");
}
#cboxLoadedContent .form-group .control-label {
  z-index: 20 !important;
  height: auto;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 5px !important;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 5px;
}
.no__spinner::-webkit-outer-spin-button,
.no__spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.process__loading {
  position: absolute;
  z-index: 300;
}
.process__loading-global {
  left: 0;
  top: 0;
  position: fixed;
  z-index: 4000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.process__loading-global .tmp-icon {
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  position: absolute;
}
.process__loading--service {
  left: 50%;
  top: 0;
  margin-left: -30px;
  margin-top: -6px;
}
.process__loading--acc {
  left: 50%;
  top: 0;
  margin-left: -30px;
  margin-top: -6px;
}
.process__loading--vehicle {
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
}
.process__loading--profile {
  left: 48%;
  top: 50px;
}
/* custom radio */
.customradio {
  display: inline-block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 0px;
  cursor: pointer;
  user-select: none;
  margin-right: 25px;
  line-height: 32px;
  text-transform: inherit;
}
.customradio.disabled {
  color: #a4b0bb;
  cursor: not-allowed;
}
.customradio.disabled .checkmark {
  background-color: #d6d8d9;
  border-color: #d6d8d9;
}
/* Hide the browser's default radio button */
.customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #bebebe;
}
/* On mouse-over, add a grey background color */
.customradio:hover input ~ .checkmark {
  background-color: transparent;
}
/* When the radio button is checked, add a blue background */
.customradio input:checked ~ .checkmark {
  background-color: #000000;
  border: 1px solid #000000;
}
.customradio input:checked ~ .radiotextsty {
  font-weight: 600;
}
.radiotextsty.radiotextsty-change-size {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.customradio input:checked ~ .checkmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.customradio .checkmark:after {
  top: 8px;
  left: 8px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
}
.modified__mark {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0;
  margin-right: 10px;
  background-color: #eee;
  text-align: center;
  vertical-align: middle;
  margin-top: -3px;
  border-radius: 7px;
}
.modified__mark i {
  margin-top: 7px;
}
.portal__insurance--wrapper .modified__mark i {
  background-image: none;
}
.portal__insurance--wrapper .modified__mark {
  border: solid 1px #c0c0c0;
  background-color: #f4f4f4;
  border-radius: 6px;
}
.modified__checkbox:checked + .modified__label .modified__mark {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--black);
  border-color: var(--black);
}
.modified__checkbox:checked + .modified__label .modified__mark .ic-check {
  background-image: url("../images/icons/ic-checked.svg");
}
@media (min-width: 1024px) {
  .padding__wrapper {
    padding: 0 30px;
  }
}
@media (max-width: 1023px) {
  .padding__wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding__wrapper.account-section-header {
    margin: 30px 0 20px;
  }
}
.page-renewalInsuranceDetail .insuarance__detail--info .tooltipTmp {
  z-index: 1 !important;
}
.tooltipTmp {
  position: relative;
  opacity: 1;
  vertical-align: top;
  padding: 0 5px;
  z-index: 9999;
  cursor: pointer;
}
.tooltipTmp:hover {
  background-color: transparent;
}
.tooltipTmp:hover .tooltiptext,
.tooltipTmp:hover .tooltiptext-insurance,
.tooltipTmp:hover .tooltiptext-claim,
.tooltipTmp:hover .tooltiptext-ibs,
.tooltipTmp:hover .tooltiptext-view {
  visibility: visible;
}
.tooltipTmp .tooltiptext-view {
  visibility: hidden;
  min-width: 250px;
  min-height: 44px;
  line-height: 22px;
  padding: 10px 20px 0px;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  position: absolute;
  z-index: 99999;
  bottom: 25px;
  left: -23px;
  border-radius: 0px;
}
.tooltipTmp .tooltiptext-view:after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 14px solid #000;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
  position: absolute;
  right: 49%;
  bottom: -11px;
}
.tooltipTmp .tooltiptext-view.bottom {
  right: 0%;
  bottom: -85px;
}
.tooltipTmp .tooltiptext-view.bottom:after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid #000;
  border-left: 12px solid transparent;
  position: absolute;
  left: 50%;
  right: 0;
  top: -24px;
}
.tooltipTmp .tooltiptext {
  visibility: hidden;
  width: 120px;
  height: 22px;
  line-height: 22px;
  background-color: #ffffff;
  color: #fff;
  text-align: center;
  font-size: 14px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tooltipTmp .tooltiptext.left {
  right: 0;
  top: 8px;
}
.tooltipTmp .tooltiptext.left:after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #ffffff;
  position: absolute;
  right: -12px;
  top: 0;
}
.tooltipTmp .tooltiptext.top {
  right: 0%;
  top: 8px;
}
.tooltipTmp .tooltiptext.top:after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #ffffff;
  position: absolute;
  right: -12px;
  top: 0;
}
.tooltipTmp .tooltiptext.bottom {
  right: 0%;
  bottom: -85px;
}
.tooltipTmp .tooltiptext.bottom:after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid #000;
  border-left: 12px solid transparent;
  position: absolute;
  left: 50%;
  right: 0;
  top: -24px;
}
.tooltipTmp .tooltiptext-insurance {
  visibility: hidden;
  min-width: 450px;
  min-height: 183px;
  line-height: 22px;
  padding: 30px 20px 20px;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  /* Position the tooltip */
  position: absolute;
  z-index: 2000;
  bottom: 40px;
  left: -200px;
  border-radius: 5px;
}
.tooltipTmp .tooltiptext-insurance:after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 12px solid #000;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  right: 49%;
  bottom: -11px;
}
.tooltipTmp .tooltiptext-insurance hr {
  border-color: #a1abb6;
}
.tooltipTmp .tooltiptext-insurance h4 {
  font-size: 14px;
}
.tooltipTmp .tooltiptext-insurance p {
  margin: 0;
}
.tooltipTmp .tooltiptext-ibs {
  visibility: hidden;
  min-width: 440px;
  min-height: 183px;
  line-height: 22px;
  padding: 10px 20px 20px;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  /* Position the tooltip */
  position: absolute;
  z-index: 2000;
  bottom: 25px;
  left: -136px;
  border-radius: 13px;
}
.tooltipTmp .tooltiptext-ibs:after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 14px solid #000;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
  position: absolute;
  right: 49%;
  bottom: -11px;
}
.tooltipTmp .tooltiptext-claim {
  visibility: hidden;
  min-width: 80px;
  min-height: 20px;
  line-height: 22px;
  padding: 7px;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  /* Position the tooltip */
  position: absolute;
  z-index: 2000;
  bottom: 10px;
  left: 0px;
  cursor: pointer;
  border-radius: 5px;
}
.tooltipTmp .tooltiptext-claim:after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 12px solid #000;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  right: 50%;
  bottom: 20px;
}
.tooltipTmp .tooltiptext-claim a {
  color: #fff;
}
.tooltipTmp svg {
  vertical-align: top;
  margin-top: 2px;
}
.tooltip.new {
  opacity: 1;
  position: relative;
  font-size: 15px;
  font-family: 'Toyota Type', sans-serif;
  z-index: 1 !important;
}
[tooltip] {
  position: relative;
  /* opinion 1 */
  cursor: pointer !important;
}
/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  /* opinion 2 */
  font-size: 0.9em;
  /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: "";
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 8px solid var(--black);
  z-index: 1001;
  /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip);
  text-align: center;
  min-width: 3em;
  max-width: 31em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
  border-radius: 5px;
  background: var(--black);
  color: #fff;
  z-index: 1000;
  /* absurdity 2 */
}
/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}
/* don't show empty tooltips */
[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}
/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: var(--black);
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(127%);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 60%;
  transform: translate(-50%, -0.5em);
}
/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(105%);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 58%;
  transform: translate(-50%, 0.5em);
}
/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: -16%;
  content: "";
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 8px solid var(--black);
  z-index: 1001;
  /* absurdity 1 */
  left: calc(0.1em);
}
[tooltip][flow^="left"]::after {
  top: -109%;
  right: calc(-120%);
  transform: translate(-0.5em, -50%);
}
/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(-5em);
  transform: translate(0.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(105%);
  transform: translate(0.5em, -50%);
}
/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 0ms ease-out forwards;
}
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 0ms ease-out forwards;
}
@media (min-width: 1024px) {
  .global-alerts .alert {
    margin: 0 30px 10px;
  }
}
@media (max-width: 1023px) {
  .global-alerts .alert {
    margin: 0 20px 10px;
  }
}
@media (max-width: 639px) {
  .global-alerts .alert {
    margin: 0 15px 10px;
  }
}
@media (min-width: 1024px) {
  .row > .alert {
    margin: 0 40px 10px;
  }
}
@media (max-width: 1023px) {
  .row > .alert {
    margin: 0 30px 10px;
  }
}
@media (max-width: 639px) {
  .row > .alert {
    margin: 0 26px 10px;
  }
}
.alert {
  background-color: var(--black);
  border-radius: 13px;
  overflow: hidden;
  color: var(--white);
  padding: 13px 20px 15px;
  position: relative;
  border: 0;
  margin: 0 20px;
  z-index: 11;
}
.alert a {
  color: var(--white);
  text-decoration: underline;
}
.alert .close {
  height: 33px;
  width: 33px;
  background: url("../images/icons/ic-dismiss.svg");
  opacity: 1;
  font-size: 0;
  right: 0;
  top: 0;
  position: static;
  margin: -7px -7px 0 0;
}
.alert span {
  display: block;
}
.alert span + span {
  margin: 15px 0 5px;
}
.alert span + span a {
  color: inherit;
  text-decoration: underline;
}
.lh-n {
  line-height: normal;
}
.btn-outline-secondary-default {
  background-color: #FFFFFF !important;
  color: #15141A !important;
  border: 2px solid #15141A !important;
}
.button-container {
  gap: 15px;
}
.dash-border {
  border-top: 1px dashed #b6b6b6 !important;
}
.form-custom .selectize-input > * {
  font-weight: 400;
}
.form-custom .wrapper-col {
  gap: 15px;
  display: flex;
}
.form-custom .right-col .control-label {
  left: -4px !important;
}
.form-custom .right-col .control-label.l-0 {
  left: 0 !important;
}
.form-custom .form-group {
  margin: 0;
}
.form-custom .form-group .input-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #ced4da;
  border-radius: 8px;
  padding: 0 12px;
}
.form-custom .form-group .input-wrapper .form-control {
  border: none;
}
.form-custom .form-group .radius-input {
  flex: 1;
  padding: 0;
}
.form-custom .form-group .unit-text {
  white-space: nowrap;
  font-size: 1rem;
  color: #555;
}
.form-custom .form-group .form-text.text-muted {
  font-size: 13px;
  color: #808080;
  margin-top: 4px;
  display: block;
}
.form-custom .btn-add {
  border-radius: 8px;
  text-transform: uppercase;
  max-height: 41px;
  width: 100%;
  margin-bottom: 20px;
}
.form-custom .form-group .form-control {
  font-size: 15px;
  font-weight: 400;
}
@media (min-width: 1100px) {
  .pull-right-md {
    float: right;
  }
}
@media (max-width: 1099px) {
  .pull-right-md {
    float: left;
    margin-bottom: 15px;
  }
}
@media (min-width: 1100px) {
  .col-md11-7 {
    float: left;
    width: 58.33333333%;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .col-md11-5 {
    float: left;
    width: 41.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1023px) {
  ::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  ::-webkit-scrollbar:vertical {
    width: 8px;
  }
  ::-webkit-scrollbar:horizontal {
    height: 8px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    border: 2px solid #ffffff;
  }
  ::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #ffffff;
  }
}
.resend-link {
  position: relative;
  color: initial;
}
.resend-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.out-focus-red:focus {
  border: 1px solid #b6b6b6 !important;
}
.centered-modal #cboxWrapper {
  position: initial !important;
}
.process-middle__loading {
  background: grey;
  opacity: 0.5;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
}
.process-middle__loading .ic-loading {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.box-grey {
  padding: 6px 10px;
  color: #101010;
  background: #EEEEEE;
  height: 33px;
  min-height: 33px;
  max-height: 33px;
}
.box-blue {
  padding: 6px 10px;
  background: #266EF2;
  height: 33px;
  min-height: 33px;
  max-height: 33px;
}
.wrapper-line {
  width: 74%;
  position: absolute;
  left: 0;
  transform: translateX(226px) translateZ(162px);
}
@media (min-width: 1024px) and (min-width: 1400px) {
  .wrapper-line {
    width: 100%;
  }
}
.text-inline-line {
  display: flex;
}
.text-inline-line .grey-line {
  content: '';
  position: initial;
  display: block;
  width: 100%;
  height: 1px;
  background: #B6B6B6;
  top: 32px;
  left: 92px;
}
.text-inline-line .grey-line.h-1 {
  height: 1.5px;
}
.small-grey-title {
  color: #808080;
  font-size: 22px;
}
.responsive-img {
  max-width: 100%;
  height: auto;
  max-height: 700px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.ic-arrow-down-selected {
  transform: rotate(180deg);
}
.gm-style > div {
  cursor: pointer !important;
}
.engine-tracking {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: 'Toyota Type', sans-serif;
}
.engine-tracking__sw-text {
  display: flex;
  margin-right: 20px;
}
.engine-tracking .loading-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
}
.engine-tracking .loading-indicator .loading-spinner {
  width: 24px;
  height: 24px;
  border: 3px solid #EEEEEE;
  border-top: 3px solid #ff1744;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.engine-tracking .loading-indicator span {
  font-size: 15px;
  color: #666;
  font-weight: 400;
  margin-bottom: 0px;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.engine-tracking__label {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.engine-tracking__label .engine-tracking__toggle {
  display: none;
}
.engine-tracking__label .engine-tracking__toggle:checked + .engine-tracking__switch {
  background-color: #ff1744;
}
.engine-tracking__label .engine-tracking__toggle:checked + .engine-tracking__switch:before {
  transform: translate(25px, -7px);
}
.engine-tracking__label .engine-tracking__switch {
  position: relative;
  width: 48px;
  height: 22px;
  margin-left: 8px;
  background-color: #ccc;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-bottom: 0px !important;
}
.engine-tracking__label .engine-tracking__switch:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  top: 11px;
  left: 4px;
  transform: translateY(-50%);
  transition: transform 0.3s;
}
.engine-tracking__status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
}
.engine-tracking__status .engine-tracking__loading {
  display: inline-flex;
  align-items: center;
  color: #ff1744;
}
.engine-tracking__status .engine-tracking__loading.hidden {
  display: none;
}
.custom-toast {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  min-width: 300px;
  max-width: 350px;
  background-color: #e0e0e0;
  color: #333333;
  border-radius: 8px;
  padding: 15px 20px;
  border: none;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
  display: block;
  animation: fadeIn 0.3s, fadeOut 0.5s 4.5s;
}
.custom-toast-with-icon--error {
  background-color: #ffebee !important;
  display: flex;
  align-items: center;
}
.custom-toast-with-icon--error .custom-toast__message {
  color: #E53935 !important;
}
.custom-toast-with-icon--success {
  background-color: #dcf8e3 !important;
  display: flex;
  align-items: center;
}
.custom-toast-with-icon--success .tmp-icon.ic-success-green {
  width: 50px !important;
}
.custom-toast-with-icon--success .custom-toast__message {
  color: #2ABA6C !important;
}
.custom-toast-with-icon {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  min-width: 300px;
  max-width: 350px;
  background-color: #e0e0e0;
  color: #333333;
  border-radius: 8px;
  padding: 15px 5px;
  border: none;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
  display: block;
  animation: fadeIn 0.3s, fadeOut 3s 60s;
}
.custom-toast-with-icon .tmp-icon {
  width: 30px !important;
}
.custom-toast-with-icon .custom-toast__content {
  flex-direction: row;
  align-items: center;
  gap: 1px;
}
.custom-toast-with-icon .custom-toast__message {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
}
.custom-toast__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.custom-toast__title {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px;
  color: #000000;
}
.custom-toast__message {
  font-size: 14px;
  margin: 0;
  color: #333333;
}
/* Add fade-in and fade-out animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}
.page-customerAuthorizationPage {
  height: 100vh;
}
.page-customerAuthorizationPage .main__inner-wrapper {
  padding-top: 0;
  min-height: fit-content !important;
}
.page-customerAuthorizationPage .authorization__image-src {
  background-size: cover;
  background-position: -74px 0px;
}
.page-customerAuthorizationPage .authorization {
  height: 100vh;
}
.page-customerAuthorizationPage footer {
  display: none;
}
.authorization {
  display: flex;
  margin: auto;
  background: #fff;
  overflow: hidden;
}
.authorization__image {
  flex: 1;
  position: relative;
  max-width: 400px;
}
.authorization__image-src {
  background-image: url('../images/bg-authen.png');
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  max-width: 400px;
  min-height: 766px;
  height: 100%;
}
.authorization__title {
  font-size: 34px;
  font-weight: 600;
  padding-bottom: 20px;
  margin: 0;
}
.authorization__message {
  font-size: 14px;
  margin: 15px 0;
}
.authorization__message--other-text {
  margin-top: 0;
  line-height: 1.5;
}
.authorization__message--danger {
  color: #e53935;
  font-weight: 600;
}
.authorization__form-group {
  margin: 20px 0 16px;
  text-align: left;
}
.authorization__form-group > .authorization__label {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.authorization__form-group > .authorization__label::after {
  content: '*';
  color: #e53935;
  margin-left: 4px;
  font-size: 16px;
}
.authorization__form-group > .authorization__input {
  width: 100%;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 400;
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
  color: #000;
}
.authorization__form-group > .authorization__input:focus {
  border-bottom: 2px solid #000;
}
.authorization__form-group > .authorization__input::placeholder {
  color: #aaa;
  font-size: 14px;
}
.authorization__actions {
  display: flex;
  gap: 16px;
  margin-top: 35px;
}
.authorization__actions > .authorization__button {
  padding: 15px 20px;
  height: 50px;
  min-width: 173px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.authorization__actions > .authorization__button--reject {
  background: transparent;
  border: 1px solid #ccc;
  color: #333;
}
.authorization__actions > .authorization__button--reject:hover {
  background: #f7f7f7;
}
.authorization__actions > .authorization__button--disable {
  cursor: not-allowed;
  opacity: 0.5;
}
.authorization__actions > .authorization__button--approve {
  background: #e53935;
  border: none;
  color: #fff;
}
.authorization__actions > .authorization__button--approve:hover {
  background: #d32f2f;
}
.authorization__content {
  flex: 1.5;
  display: flex;
  padding: 24px;
  text-align: left;
  max-width: 620px;
  margin: auto;
}
.authorization__content > .authorization__logo {
  display: block;
  margin: 0;
}
.authorization__content > .authorization__main {
  padding: 0 16px;
}
.info-card {
  background-color: rgba(38, 110, 242, 0.05);
  overflow: hidden;
  padding: 15px 20px;
}
.info-card__header {
  padding: 0 0 18px;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  font-size: 14px;
  gap: 10px;
}
.info-card__icon {
  color: #007bff;
  font-size: 16px;
  margin-right: 8px;
}
.info-card__arrival-time {
  color: #101010;
  font-weight: 600;
  font-size: 15px;
}
.info-card__arrival-time strong {
  color: #266EF2;
  font-size: 20px;
  padding-top: 10px;
  display: block;
}
.info-card__body {
  padding: 15px 0 0;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .info-card__body {
    flex-direction: column;
  }
}
.info-card__section {
  width: 48%;
}
@media (max-width: 768px) {
  .info-card__section {
    width: 100%;
    margin-bottom: 10px;
  }
}
.info-card__title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 11px;
}
.info-card__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.info-card__item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 10px;
}
.info-card__item .tmp-icon {
  width: 20px !important;
  height: 20px !important;
}
.list-filter .selectize-dropdown-content {
  background: white;
  position: relative;
  max-height: 150px !important;
}
#updateScheduleForm .selectize-dropdown {
  top: 0 !important;
  z-index: 999999 !important;
}
#updateScheduleForm .selectize-input > * {
  font-weight: 400 !important;
  height: 100%;
  width: 100%;
}
.emergency-guide {
  margin: 0 auto;
}
.emergency-guide__title {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}
.emergency-guide__section {
  margin-bottom: 30px;
  overflow: hidden;
}
.emergency-guide__header {
  background-color: #EEEEEE;
  padding: 12px 15px;
  font-weight: 600;
  font-size: 17px;
  color: #101010;
  height: 48px;
  border-radius: 12px;
}
.emergency-guide__content {
  padding: 20px 0 15px;
  display: flex;
  justify-content: space-between;
}
.emergency-guide__row {
  display: flex;
  margin-bottom: 10px;
  font-size: 15px;
  color: #101010;
  flex-direction: column;
  width: 100%;
  gap: 5px;
}
.emergency-guide__row:last-child {
  margin-bottom: 0;
}
.emergency-guide__label {
  font-weight: 600;
  width: 40%;
}
.emergency-guide__value {
  width: 100%;
}
.emergency-guide__footer {
  text-align: center;
  margin-top: 20px;
}
.emergency-guide__footer .btn {
  padding: 12px 25px;
  width: 100%;
  height: 50px;
  border: 1px solid #101010;
  background-color: transparent;
  color: #000;
  border-radius: 8px;
  cursor: pointer;
}
.emergency-guide__footer .btn:hover {
  background-color: black;
  color: white;
}
@media (max-width: 768px) {
  .mobile-hide {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .desktop-hide {
    display: none !important;
  }
}
.trip-info-cell {
  padding: 8px;
}
.trip-info-item {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.text-truncate-two-lines {
  max-width: 350px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
  max-height: 3em;
}
.bg-light-grey {
  background: #F5F5F5;
}
.uvun-wrapper {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.uvun-wrapper .custom-date-wrapper .form-group {
  margin-bottom: 25px;
}
.uvun-wrapper .list_days_wrapper {
  background-color: white;
  padding: 30px;
}
.uvun-wrapper .list_days_wrapper .header-title__subtext p {
  gap: 3px;
}
.btn-outline-default {
  color: #101010;
  background-color: white;
  border: 1px solid #101010;
}
.btn-outline-default:hover,
.btn-outline-default:focus {
  background: #101010;
}
.switcher-container {
  display: flex;
  flex-direction: column;
}
.switcher-label {
  display: flex;
  align-items: center;
  font-weight: bold;
  gap: 10px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
}
.switcher-toggle {
  display: none;
}
.switcher-toggle:checked + .switcher-switch {
  background-color: #ff1744;
}
.switcher-toggle:checked + .switcher-switch:before {
  transform: translate(25px, -7px);
}
.switcher-switch {
  position: relative;
  width: 48px;
  height: 22px;
  background-color: #ccc;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-bottom: 0px !important;
}
.switcher-switch:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  top: 11px;
  left: 4px;
  transform: translateY(-50%);
  transition: transform 0.3s;
}
.switcher-status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
}
.loading-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
}
.loading-indicator .loading-spinner {
  width: 24px;
  height: 24px;
  border: 3px solid #EEEEEE;
  border-top: 3px solid #ff1744;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.loading-indicator span {
  font-size: 15px;
  color: #666;
  font-weight: 400;
  margin-bottom: 0px;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.list-filter__show-days-time {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  align-items: normal;
  margin-top: 20px;
}
.list-filter__details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.list-filter__row {
  display: flex;
  gap: 8px;
  font-size: 15px;
}
.list-filter__label {
  font-weight: bold;
  min-width: 100px;
}
.list-filter__value {
  flex-grow: 1;
}
.list-filter-schedule-days-time {
  width: 100%;
  flex-direction: column;
  gap: 0;
  margin-top: 20px;
}
.list-filter-schedule-days-time .btn-action {
  width: 100%;
  display: flex;
  justify-content: end;
  gap: 15px;
}
.list-filter-schedule-days-time .btn-action button {
  height: 41px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 8px;
  line-height: 1;
  min-width: 110px;
  justify-content: end;
}
.list-filter-schedule-days-time .list-input-time {
  width: 100%;
  margin: 0;
  gap: 15px;
  display: flex;
}
.list-filter-schedule-days-time .control-label::after {
  content: " *";
  color: #EB0A1E;
}
.list-filter-schedule-days-time .input-group-addon {
  line-height: 1.5;
  padding-top: 8px;
}
.list-filter-schedule-days-time .checkbox-inline {
  margin-right: 10px;
}
.tmp-icon-text {
  font-size: 15px;
  font-weight: 400;
  color: #3A3A3A;
  opacity: 0.5;
  padding-right: 10px;
}
.form-group-checkbox-days {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0;
}
.form-group-checkbox-days .control-label {
  top: -30px;
  left: 0;
  font-size: 15px;
  font-weight: 600;
  z-index: 1;
}
.form-group-checkbox-days .custom-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
}
.form-group-checkbox-days .custom-checkbox-wrapper p {
  margin-bottom: 0;
}
.form-group-checkbox-days .custom-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: white;
  border: 2px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group-checkbox-days .custom-checkbox input {
  opacity: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
  top: 0;
  margin: 0;
}
.form-group-checkbox-days .custom-checkbox label {
  position: relative;
  cursor: pointer;
}
.form-group-checkbox-days .custom-checkbox input:checked + label {
  background-color: black;
  border-color: black;
  border-radius: 6px;
  color: white;
  display: flex;
  padding: 11px;
  margin: 0;
  width: 20px;
  height: 20px;
  background-image: url('../images/ic-white-checked.svg');
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}
.form-group-checkbox-days .custom-checkbox input:checked + label::before {
  content: '';
  display: none;
}
.buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 15px;
}
.buttons .btn {
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
}
.buttons .btn-default {
  background-color: black;
  color: white;
}
.buttons .btn-danger {
  background-color: red;
  color: white;
}
.header-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.header-title button {
  border-radius: 8px;
  background: #EB0A1E;
}
.header-title__have-cutsom-date {
  flex-direction: column;
  align-items: unset;
}
.header-title__have-cutsom-date h3 {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.header-title__subtext {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 10px;
}
.header-title__subtext p {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0px;
}
.ic-fz-20 .tmp-icon {
  height: 20px !important;
  width: 20px !important;
}
.btn-outline-border-black {
  border: 1px solid #101010 !important;
  background-color: #FFFFFF;
  color: #101010;
  font-size: 12px !important;
  font-weight: 600 !important;
  height: 44px;
  line-height: 22px !important;
}
.btn-outline-border-black:hover,
.btn-outline-border-black:focus {
  background-color: #101010 !important;
}
.uvun-alert {
  margin: 0 0 10px !important;
}
.js-delete-trip {
  gap: 0 !important;
}
.list__action {
  gap: 10px;
}
.max-w-600 {
  max-width: 600px !important;
}
.pl-2 {
  padding-left: 20px !important;
}
.invalid-login-page .error-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
}
.invalid-login-page .error-content .invalid-login-page .invalid-icon {
  width: 100px;
  height: 100px;
}
.invalid-login-page .error-content .invalid-login-title {
  font-size: 38px;
  font-weight: 600;
  color: #101010;
}
.invalid-login-page .error-content .error-content-info {
  color: #101010;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.invalid-login-page .error-content .btn-back-to-login {
  background-color: #fff;
  color: #101010;
  text-decoration: none;
  font-size: 12px;
  height: 40px;
  text-transform: uppercase;
  border: 1px solid #101010;
  line-height: 36px;
  padding: 0 20px;
  width: 100%;
  letter-spacing: 1.5px;
}
.mt-0 {
  margin-top: 0!important;
}
.mr-0 {
  margin-right: 0!important;
}
.mb-0 {
  margin-bottom: 0!important;
}
.ml-0 {
  margin-left: 0!important;
}
.mx-0 {
  margin-left: 0!important;
  margin-right: 0!important;
}
.my-0 {
  margin-top: 0!important;
  margin-bottom: 0!important;
}
@media (min-width: 1024px) {
  .mt-6 {
    margin-top: 60px!important;
  }
  .mr-6 {
    margin-right: 60px!important;
  }
  .mb-6 {
    margin-bottom: 60px!important;
  }
  .ml-6 {
    margin-left: 60px!important;
  }
  .mx-6 {
    margin-right: 60px!important;
    margin-left: 60px!important;
  }
  .my-6 {
    margin-top: 60px!important;
    margin-bottom: 60px!important;
  }
}
@media (max-width: 1023px) {
  .mt-7 {
    margin-top: 40px!important;
  }
  .mr-7 {
    margin-right: 40px!important;
  }
  .mb-7 {
    margin-bottom: 40px!important;
  }
  .ml-7 {
    margin-left: 40px!important;
  }
  .mx-7 {
    margin-right: 40px!important;
    margin-left: 40px!important;
  }
  .my-7 {
    margin-top: 40px!important;
    margin-bottom: 40px!important;
  }
}
@media (min-width: 1024px) {
  .mt-7 {
    margin-top: 70px!important;
  }
  .mr-7 {
    margin-right: 70px!important;
  }
  .mb-7 {
    margin-bottom: 70px!important;
  }
  .ml-7 {
    margin-left: 70px!important;
  }
  .mx-7 {
    margin-right: 70px!important;
    margin-left: 70px!important;
  }
  .my-7 {
    margin-top: 70px!important;
    margin-bottom: 70px!important;
  }
}
@media (max-width: 1023px) {
  .mt-7 {
    margin-top: 30px!important;
  }
  .mr-7 {
    margin-right: 30px!important;
  }
  .mb-7 {
    margin-bottom: 30px!important;
  }
  .ml-7 {
    margin-left: 30px!important;
  }
  .mx-7 {
    margin-right: 30px!important;
    margin-left: 30px!important;
  }
  .my-7 {
    margin-top: 30px!important;
    margin-bottom: 30px!important;
  }
}
.mt-auto {
  margin-top: auto!important;
}
.mr-auto {
  margin-right: auto!important;
}
.mb-auto {
  margin-bottom: auto!important;
}
.ml-auto {
  margin-left: auto!important;
}
.mx-auto {
  margin-right: auto!important;
  margin-left: auto!important;
}
.my-auto {
  margin-bottom: auto!important;
  margin-top: auto!important;
}
.tmp-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.tmp-icon.ic-eyes {
  background-image: url("../images/icons/ic-eyes.svg");
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.tmp-icon.ic-eyes-hide {
  background-image: url("../images/icons/ic-eyes-hide.svg");
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.tmp-icon.ic-red-eyes {
  background-image: url("../images/icons/ic-red-eyes.svg");
  width: 16px;
  height: 16px;
}
.tmp-icon.ic-towtruck-black {
  background-image: url("../images/icons/ic-towtruck-black.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-clock-black {
  background-image: url("../images/icons/ic-blackclock.svg");
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
.tmp-icon.ic-hotel {
  background-image: url("../images/icons/ic-hotel.svg");
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
.tmp-icon.ic-black-calendar {
  background-image: url("../images/icons/ic-black-calendar.svg");
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
.tmp-icon.ic-relationship {
  background-image: url("../images/icons/ic-relationship.svg");
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
.tmp-icon.ic-green-full-checked {
  background-image: url("../images/icons/ic-green-full-checked.svg");
  width: 20px;
  height: 20px;
}
.tmp-icon.ic-mid-towtruck {
  background-image: url("../images/icons/ic-mid-towtruck.svg");
  width: 28px;
  height: 28px;
}
.tmp-icon.ic-cancel-red {
  background-image: url("../images/icons/ic-cancel-red.svg");
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.tmp-icon.ic-attachment {
  background-image: url("../images/icons/ic-attachment.svg");
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.tmp-icon.ic-round-red-cancel {
  background-image: url("../images/icons/ic-round-red-cancel.svg");
  width: 15px;
  height: 15px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-round-green-full-check {
  background-image: url("../images/icons/ic-round-green-full-check.svg");
  width: 17px;
  height: 18px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.tmp-icon.ic-round-green-check {
  background-image: url("../images/icons/ic-round-green-check.svg");
  width: 17px;
  height: 18px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-gray-close {
  background-image: url("../images/icons/ic-gray-close.svg");
  width: 16px;
  height: 16px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-dropdown {
  background-image: url("../images/icons/ic-dropdown-dot.svg");
  width: 12px;
  height: 12px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-red-export {
  background-image: url("../images/icons/ic-red-export.svg");
  width: 12px;
  height: 12px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-red-pen {
  background-image: url("../images/icons/ic-red-pen.svg");
  width: 12px;
  height: 12px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-filter {
  background-image: url("../images/icons/ic-filter.svg");
  width: 12px;
  height: 12px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-round-success {
  background-image: url("../images/icons/ic-round-success.svg");
  width: 25px;
  height: 15px;
  margin: 2px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-new-car {
  background-image: url("../images/icons/ic-car.svg");
  width: 25px;
  height: 24px;
  margin: 2px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-crown {
  background-image: url("../images/icons/crown.svg");
  width: 25px;
  height: 24px;
  margin: 2px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-round-red-check {
  background-image: url("../images/icons/ic-round-red-check.svg");
  width: 12px;
  height: 12px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-activate {
  background-image: url("../images/icons/ic-activate.svg");
  width: 17px;
  height: 17px;
  margin: 3px 3px 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-b-calendar {
  background-image: url("../images/icons/ic-calendar-black.svg");
  width: 20px;
  height: 20px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-trip-color-map {
  mask-image: url("../images/icons/ic-trip-map.svg");
  width: 24px;
  height: 24px;
  background-color: black;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.tmp-icon.ic-b-cart {
  background-image: url("../images/icons/ic-b-cart.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-red-cart {
  background-image: url("../images/icons/ic-red-cart.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-globe {
  background-image: url("../images/icons/ic-globe.svg");
  width: 12px;
  height: 12px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-red-map {
  background-image: url("../images/icons/ic-red-map.svg");
  width: 20px;
  height: 20px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-white-round-info {
  background-image: url("../images/icons/ic-white-round-info.svg");
  width: 17px;
  height: 17px;
  margin: 3px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-globe-color-hover {
  background-image: none;
  mask-image: url("../images/icons//ic-globe.svg");
  background-color: black;
  width: 21px;
  height: 21px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-crown-color-hover {
  background-image: none;
  mask-image: url("../images/icons//crown.svg");
  background-color: black;
  width: 21px;
  height: 21px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-wallet-color-hover {
  background-image: none;
  mask-image: url("../images/icons//ic-wallet.svg");
  background-color: black;
  width: 21px;
  height: 21px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-gift {
  background-image: url("../images/icons/ic-gift.svg");
  width: 12px;
  height: 12px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-subs-cancel {
  background-image: url("../images/icons/ic-subs-cancel.svg");
  width: 12px;
  height: 12px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-subs-revoke {
  background-image: url("../images/icons/ic-subs-revoke.svg");
  width: 12px;
  height: 12px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-pay-add {
  background-image: url("../images/icons/ic-pay-add.svg");
  width: 20px;
  height: 15px;
  margin: 3px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-cc-visa {
  background-image: url("../images/icons/ic-cc-visa.svg");
  width: 20px;
  height: 15px;
  margin: 3px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-cc-amex {
  background-image: url("../images/icons/ic-cc-amex.svg");
  width: 20px;
  height: 15px;
  margin: 3px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-cc-master {
  background-image: url("../images/icons/ic-cc-master.svg");
  width: 20px;
  height: 15px;
  margin: 3px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-cc-jcb {
  background-image: url("../images/icons/ic-cc-jcb.svg");
  width: 20px;
  height: 15px;
  margin: 3px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-warning {
  background-image: url("../images/icons/ic-warning.svg");
  width: 25px;
  height: 15px;
  margin: 2px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-blue-warning {
  background-image: url("../images/icons/ic-blue-warning.svg");
  width: 25px;
  height: 15px;
  margin: 2px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-subscribe {
  background-image: url("../images/icons/ic-subscribe.svg");
  width: 12px;
  height: 12px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-subscribe {
  background-image: url("../images/icons/ic-subscribe.svg");
  width: 12px;
  height: 12px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-pay-manage {
  background-image: url("../images/icons/ic-pay-manage.svg");
  width: 16px;
  height: 16px;
  margin: 3px 3px 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-b-close {
  background-image: url("../images/icons/ic-b-close.svg");
  width: 20px;
  height: 20px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-service {
  background-image: url("../images/icons/ic-service.svg");
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 1px;
}
.tmp-icon.ic-b-trash {
  background-image: url("../images/icons/ic-b-trash.svg");
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 1px;
}
.tmp-icon.ic-b-trash-mobile {
  background-image: url("../images/icons/ic-b-trash-mobile.svg");
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 1px;
}
.tmp-icon.ic-play {
  background-image: url("../images/icons/ic-play.svg");
  width: 40px;
  min-width: 24px;
  height: 45px;
}
.tmp-icon.ic-new-left {
  background-image: url("../images/icons/ic-new-left.svg");
  width: 40px;
  min-width: 24px;
  height: 66px;
  transform: rotate(180deg);
}
.tmp-icon.ic-new-right {
  background-image: url("../images/icons/ic-new-left.svg");
  width: 40px;
  min-width: 24px;
  height: 66px;
}
.tmp-icon.ic-cart {
  background-image: url("../images/icons/ic-cart.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-transaction {
  background-image: url("../images/icons/ic-transaction.svg");
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 1px;
}
.tmp-icon.ic-new-phone {
  background-image: url("../images/icons/ic-new-phone.svg");
  width: 18px;
  height: 18px;
  vertical-align: top;
}
.tmp-icon.ic-b-infor {
  background-image: url("../images/icons/ic-b-infor.svg");
  width: 15px;
  height: 15px;
  margin: 4px 5px 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-deactivate {
  background-image: url("../images/icons/ic-deactive.svg");
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 1px;
}
.tmp-icon.ic-b-times {
  background-image: url("../images/icons/ic-b-time.svg");
  width: 20px;
  height: 20px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-round-info {
  background-image: url("../images/icons/ic-round-info.svg");
  width: 16px;
  height: 15px;
  margin: 4px 5px 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-round-info-yellow {
  background-image: url("../images/icons/ic-round-info-yellow.svg");
  width: 16px;
  height: 15px;
  margin: 4px 5px 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-danger {
  background-image: url("../images/icons/ic-danger.svg");
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 1px;
  vertical-align: middle;
}
.tmp-icon.ic-search {
  background-image: url("../images/icons/ic-search.svg");
  width: 12px;
  height: 12px;
  margin: -1px 0 0 4px;
  vertical-align: middle;
}
.tmp-icon.ic-key-red {
  background-image: url("../images/icons/ic-key-red.svg");
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.tmp-icon.ic-wallet-red {
  background-image: url("../images/icons/ic-wallet-red.svg");
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.tmp-icon.ic-cart {
  background-image: url("../images/icons/ic-cart.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-save-cart {
  background-image: url("../images/icons/ic-save-cart.svg");
  width: 22px;
  height: 19px;
  margin: -1px 6px 0 0;
  vertical-align: top;
}
.tmp-icon.ic-site-search {
  background-image: url("../images/icons/ic-site-search.svg");
  vertical-align: middle;
}
@media (min-width: 1024px) {
  .tmp-icon.ic-site-search {
    width: 38px;
    height: 38px;
  }
}
@media (max-width: 1023px) {
  .tmp-icon.ic-site-search {
    width: 28px;
    height: 28px;
  }
}
.tmp-icon.ic-close-search {
  background-image: url("../images/icons/ic-close-search.svg");
}
@media (min-width: 1024px) {
  .tmp-icon.ic-close-search {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 1023px) {
  .tmp-icon.ic-close-search {
    width: 40px;
    height: 40px;
  }
}
.tmp-icon.ic-close-white {
  background-image: url("../images/icons/ic-close-white.svg");
  width: 33px;
  height: 33px;
}
@media (max-width: 1023px) {
  .tmp-icon.ic-close-white {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 640px) {
  .tmp-icon.ic-close-white {
    width: 10px;
    height: 10px;
  }
}
.tmp-icon.ic-prev {
  background-image: url("../images/icons/ic-prev.svg");
  width: 22px;
  height: 58px;
}
.tmp-icon.ic-next {
  background-image: url("../images/icons/ic-next.svg");
  width: 22px;
  height: 58px;
}
.tmp-icon.ic-next-checkout {
  background-image: url("../images/icons/ic-next-checkout.svg");
  width: 33px;
  height: 33px;
  vertical-align: middle;
  margin-top: -3px;
}
.tmp-icon.ic-checked-red {
  background-image: url("../images/icons/ic-checked-red.svg");
  width: 33px;
  height: 33px;
  vertical-align: middle;
  margin-top: -2px;
}
.tmp-icon.ic-check {
  background-image: url("../images/icons/ic-check.svg");
  width: 19px;
  height: 15px;
}
.tmp-icon.ic-checked {
  background-image: url("../images/icons/ic-checked.svg");
  width: 19px;
  height: 15px;
}
.tmp-icon.ic-chevron-left {
  background-image: url("../images/icons/ic-chevron-right.svg");
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
}
.tmp-icon.ic-chevron-right {
  background-image: url("../images/icons/ic-chevron-right.svg");
  width: 44px;
  height: 44px;
  transform: rotate(0deg);
}
@media (min-width: 1024px) {
  .tmp-icon.ic-close-white {
    width: 29px;
    height: 29px;
    background-image: url("../images/icons/ic-close-white.svg");
  }
}
@media (max-width: 1023px) {
  .tmp-icon.ic-close-white {
    width: 20px;
    height: 20px;
    background-image: url("../images/icons/ic-close.svg");
  }
}
.tmp-icon.ic-zoom {
  background-image: url("../images/icons/ic-zoom.svg");
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.tmp-icon.ic-required {
  background-image: url("../images/icons/ic-required.svg");
  width: 20px;
  height: 20px;
}
.tmp-icon.ic-available {
  background-image: url("../images/icons/ic-available.svg");
  width: 20px;
  height: 20px;
}
.tmp-icon.ic-minus {
  background-image: url("../images/icons/ic-minus.svg");
  width: 15px;
  height: 3px;
  vertical-align: middle;
}
.tmp-icon.ic-plus {
  background-image: url("../images/icons/ic-plus.svg");
  width: 15px;
  height: 15px;
}
.tmp-icon.ic-close {
  background-image: url("../images/icons/ic-close.svg");
  width: 10px;
  height: 10px;
}
.tmp-icon.ic-close-grey {
  background-image: url("../images/icons/ic-close-grey.svg");
  width: 20px;
  height: 20px;
}
.tmp-icon.ic-promotion {
  background-image: url("../images/icons/ic-promotion.svg");
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
.tmp-icon.ic-search-no-result {
  background-image: url("../images/icons/ic-search-no-result.svg");
  width: 70px;
  height: 70px;
}
.tmp-icon.ic-location-pdp {
  background-image: url("../images/icons/ic-location-pdp.svg");
  width: 49px;
  height: 57px;
}
.tmp-icon.ic-account-circle-outline {
  background-image: url("../images/icons/ic-account-circle-outline.svg");
  width: 12px;
  height: 12px;
}
.tmp-icon.ic-account-circle-outline-red {
  background-image: url("../images/icons/ic-account-circle-outline-red.svg");
  width: 12px;
  height: 12px;
}
.tmp-icon.ic-hamburger {
  background-image: url("../images/icons/ic-hamburger.png");
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-user-black {
  background-image: url("../images/icons/ic-user-black.svg");
  width: 26px;
  height: 26px;
}
.tmp-icon.ic-chevron-up {
  background-image: url("../images/icons/ic-chevron-up.png");
  width: 40px;
  height: 40px;
  float: right;
  margin: 10px 30px 0 0;
  transform: rotate(0deg);
}
.tmp-icon.ic-chevron-up.down {
  transform: rotate(180deg);
}
.tmp-icon.ic-chevron-up.up {
  transform: rotate(180deg);
}
.tmp-icon.ic-arrow-downwhite {
  background-image: url("../images/icons/ic-arrow-downwhite.svg");
  width: 36px;
  height: 36px;
  vertical-align: middle;
}
.tmp-icon.ic-arrow-downwhite.rotate {
  transform: rotate(180deg);
}
.tmp-icon.ic-remove {
  background-image: url("../images/icons/ic-remove.png");
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-basket-outline {
  background-image: url("../images/icons/ic-basket-outline.svg");
  width: 47px;
  height: 40px;
  vertical-align: bottom;
}
.tmp-icon.ic-cart-arrow-down {
  background-image: url("../images/icons/ic-cart-arrow-down.svg");
  width: 45px;
  height: 40px;
}
.tmp-icon.ic-savelater-dots {
  background-image: url("../images/icons/ic-savelater-dots.svg");
  width: 4px;
  height: 24px;
}
.tmp-icon.ic-cart-arrow-down-small {
  background-image: url("../images/icons/ic-cart-arrow-down-small.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-emoticon-excited-outline {
  background-image: url("../images/icons/ic-emoticon-excited-outline.svg");
  width: 20px;
  height: 20px;
}
.tmp-icon.ic-help {
  background-image: url("../images/icons/ic-help.svg");
  width: 18px;
  height: 21px;
}
.tmp-icon.ic-pickup {
  background-image: url("../images/icons/ic-pickup.svg");
  width: 36px;
  height: 38px;
}
.tmp-icon.ic-service-booking {
  background-image: url("../images/icons/ic-service-booking.svg");
  width: 36px;
  height: 36px;
}
.tmp-icon.ic-service-booking-new {
  background-image: url("../images/icons/ic-plp-service-booking.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-shipping {
  background-image: url("../images/icons/ic-shipping.svg");
  width: 41px;
  height: 30px;
}
.tmp-icon.ic-saved-for-later {
  background-image: url("../images/icons/ic-saved-for-later.svg");
  width: 36px;
  height: 33px;
}
.tmp-icon.ic-cart-saved-for-later {
  background-image: url("../images/icons/ic-cart-saved-later.svg");
  width: 36px;
  height: 33px;
}
.tmp-icon.ic-shield-lock {
  background-image: url("../images/icons/ic-shield-lock.svg");
  width: 18px;
  height: 22px;
  vertical-align: middle;
  margin: 0 0 0 5px;
}
.tmp-icon.ic-done {
  background-image: url("../images/icons/ic-check-out-step-done.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
  display: none;
}
.tmp-icon.ic-online-payment {
  background-image: url("../images/icons/ic-online-payment.svg");
  width: 103px;
  height: 103px;
}
.tmp-icon.ic-pay-at-dealer {
  background-image: url("../images/icons/ic-pay-at-dealer.svg");
  width: 103px;
  height: 103px;
}
.tmp-icon.ic-cash {
  background-image: url("../images/icons/ic-cash.svg");
  width: 103px;
  height: 103px;
}
.tmp-icon.ic-bank-transfer {
  background-image: url("../images/icons/ic-bank-transfer.svg");
  width: 103px;
  height: 103px;
}
.tmp-icon.ic-virtual-showroom {
  background-image: url("../images/icons/ic-virtual-showroom.svg");
  width: 176px;
  height: 15px;
}
.tmp-icon.ic-vertical-showroom {
  background-image: url("../images/icons/ic-vertical-showroom.svg");
  width: 176px;
  height: 15px;
}
.tmp-icon.ic-continue-shoppping {
  background-image: url("../images/icons/ic-continue-shoppping.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-continue-shoppping:hover {
  fill: red;
}
.tmp-icon.ic-shipping-delivery {
  background-image: url("../images/icons/ic-shipping-delivery.svg");
  width: 96px;
  height: 112px;
}
.tmp-icon.ic-pickup-at-dealer {
  background-image: url("../images/icons/ic-pickup-at-dealer.svg");
  width: 100px;
  height: 102px;
}
.tmp-icon.ic-courier-pickup {
  background-image: url("../images/icons/ic-courier-pickup.svg");
  width: 130px;
  height: 102px;
  opacity: 0.5;
}
.tmp-icon.ic-checkout-chevron-left {
  background-image: url("../images/icons/ic-checkout-chevron-left-hover.svg");
  width: 33px;
  height: 33px;
  vertical-align: top;
  margin-top: 5px;
}
.tmp-icon.ic-plp-service-booking {
  background-image: url("../images/icons/ic-plp-service-booking.svg");
  width: 26px;
  height: 26px;
  vertical-align: top;
  margin-top: -5px;
}
.tmp-icon.ic-plp-shipping {
  background-image: url("../images/icons/ic-plp-shipping.svg");
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: -4px;
}
.tmp-icon.ic-plp-pickup {
  background-image: url("../images/icons/ic-plp-pickup.svg");
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: -4px;
}
.tmp-icon.ic-pickup-new {
  background-image: url("../images/icons/ic-plp-pickup.svg");
  width: 24px;
  height: 24px;
  vertical-align: top;
}
.tmp-icon.ic-service-booking-pdp {
  background-image: url("../images/icons/ic-service-booking-pdp.svg");
  width: 24px;
  height: 24px;
  vertical-align: top;
}
.tmp-icon.ic-vertual-showroom {
  background-image: url("../images/icons/ic-vertual-showroom.svg");
  width: 176px;
  height: 15px;
  vertical-align: middle !important;
}
.tmp-icon.ic-accordion {
  background-image: url("../images/icons/ic-accordion.svg");
  width: 10px;
  height: 18px;
}
.tmp-icon.ic-tooltip-total {
  background-image: url("../images/icons/ic-info.svg");
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  padding: 5px 0;
  margin-top: -2px;
}
.tmp-icon.ic-plp-search {
  background-image: url("../images/icons/ic-plp-search.svg");
  width: 43px;
  height: 49px;
}
.tmp-icon.ic-installation-required {
  background-image: url("../images/icons/ic-installation-required.svg");
  width: 37px;
  height: 37px;
}
.tmp-icon.ic-unavailable {
  background-image: url("../images/icons/ic-unavailable.svg");
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-top: -4px;
}
.tmp-icon.ic-close-cookies {
  background-image: url("../images/icons/ic-close-cookies.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-left: 10px;
}
.tmp-icon.icon-ino-cookies {
  background-image: url("../images/icons/icon-ino-cookies.svg");
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: 3px;
  margin-bottom: 4px;
}
.tmp-icon.ic-check-white {
  background-image: url("../images/icons/ic-check-red.svg");
  width: 14px;
  height: 11px;
  vertical-align: middle;
  margin-right: 6px;
  margin-bottom: 2px;
}
.tmp-icon.ic-smile-promotion {
  background-image: url("../images/icons/ic-smile-promotion.svg");
  width: 20px;
  height: 20px;
}
.tmp-icon.ic-financing {
  background-image: url("../images/icons/ic-financing.svg");
  width: 103px;
  height: 103px;
}
.tmp-icon.ic-close-red {
  background-image: url("../images/icons/ic-close-red.svg");
  width: 14px;
  height: 14px;
}
.tmp-icon.ic-upload {
  background-image: url("../images/icons/ic-upload.svg");
  width: 14px;
  height: 17px;
}
.tmp-icon.ic-unfold-more-horizontal {
  background-image: url("../images/icons/ic-unfold-more-horizontal.svg");
  width: 10px;
  height: 18px;
}
.tmp-icon.ic-home-delivery {
  background-image: url("../images/icons/ic-home-delivery.svg");
  width: 183px;
  height: 102px;
}
.tmp-icon.ic-calendar {
  background-image: url("../images/icons/ic-calendar.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-strong-infor {
  background-image: url("../images/icons/ic-strong-infor.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-distance {
  background-image: url("../images/icons/ic-distance.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-car-service {
  background-image: url("../images/icons/ic-car-service.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-warning-mid {
  background-image: url("../images/icons/ic-warning-mid.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-warning-low {
  background-image: url("../images/icons/ic-warning-low.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-guide {
  background-image: url("../images/icons/ic-guide.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-blue-clock {
  background-image: url("../images/icons/ic-blue-clock.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-new-call {
  background-image: url("../images/icons/ic-new-call.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-person {
  background-image: url("../images/icons/ic-person.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-towtruck {
  background-image: url("../images/icons/ic-towtruck.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-location {
  background-image: url("../images/icons/ic-location.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-calendar-new {
  background-image: url("../images/icons/ic-calendar-new.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-b-canceled {
  background-image: url("../images/icons/ic-b-canceled.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-b-expiration {
  background-image: url("../images/icons/ic-b-expiration.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-b-rejected {
  background-image: url("../images/icons/ic-b-rejected.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-b-successfully {
  background-image: url("../images/icons/ic-b-successfully.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-b-pending {
  background-image: url("../images/icons/ic-b-pending.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-account-outline {
  background-image: url("../images/icons/ic-account-outline.svg");
  width: 11px;
  height: 11px;
}
.tmp-icon.ic-cart-empty {
  background-image: url("../images/icons/ic-cart-empty.svg");
  width: 181px;
  height: 165px;
}
.tmp-icon.ic-gift-outline {
  background-image: url("../images/icons/ic-gift-outline.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-file-select {
  background-image: url("../images/icons/ic-file-select.svg");
  width: 16px;
  height: 20px;
}
.tmp-icon.ic-file-selected {
  background-image: url("../images/icons/ic-file-selected.svg");
  width: 16px;
  height: 20px;
}
.tmp-icon.ic-arrow-next-portal {
  background-image: url("../images/icons/ic-arrow-next-portal.svg");
  width: 16px;
  height: 26px;
  vertical-align: middle;
  margin-left: 5px;
}
.tmp-icon.ic-shield-star-outline {
  background-image: url("../images/icons/ic-shield-star-outline.svg");
  width: 11px;
  height: 14px;
}
.tmp-icon.ic-claim {
  background-image: url("../images/ic-claim.svg");
  width: 11px;
  height: 14px;
}
.tmp-icon.ic-tab-active {
  background-image: url("../images/icons/ic-tab-active.svg");
  width: 45px;
  height: 10px;
}
.tmp-icon.ic-reserved {
  background-image: url("../images/icons/ic-reserved.svg");
  width: 18px;
  height: 20px;
  vertical-align: middle;
  margin-top: -4px;
}
.tmp-icon.ic-verify-email {
  background-image: url("../images/icons/ic-verify-email.svg");
  width: 60px;
  height: 19px;
  vertical-align: middle;
  margin-top: -2px;
}
.tmp-icon.ic-car-off {
  background-image: url("../images/icons/ic-car-off.svg");
  width: 18px;
  height: 20px;
  vertical-align: top;
  margin-top: -2px;
}
.tmp-icon.ic-file-download {
  background-image: url("../images/icons/ic-file-download.svg");
  width: 16px;
  height: 20px;
}
.tmp-icon.ic-danger-white {
  background-image: url("../images/icons-insuarance/ic-danger-white.svg");
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 1px;
}
.tmp-icon.ic-tri-danger {
  background-image: url("../images/ic-tri-danger.svg");
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 1px;
}
.tmp-icon.ic-close-alert {
  background-image: url("../images/icons-insuarance/ic-close.svg");
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: -3px;
}
.tmp-icon.ic-pre-page {
  background-image: url("../images/icons-insuarance/ic-navigate-back.svg");
  width: 50px;
  height: 50px;
  vertical-align: middle;
}
.tmp-icon.ic-upload-pdf {
  background-image: url("../images/icons-insuarance/ic-pdf.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-top: -4px;
}
.tmp-icon.ic-delete-pdf {
  background-image: url("../images/icons-insuarance/ic-close-pdf.svg");
  vertical-align: middle;
  background-size: 10px;
  background-position: 5px center;
}
@media (min-width: 1024px) {
  .tmp-icon.ic-delete-pdf {
    width: 92px;
    height: 24px;
  }
  .tmp-icon.ic-delete-pdf:hover {
    background-image: url("../images/icons-insuarance/ic-close-hover.svg");
    background-size: 100%;
  }
}
@media (max-width: 1023px) {
  .tmp-icon.ic-delete-pdf {
    width: 92px;
    height: 24px;
    vertical-align: top;
    margin-top: -10px;
  }
}
.tmp-icon.ic-remove-pdf {
  background-image: url("../images/icons-insuarance/ic-close-pdf.svg");
  vertical-align: middle;
  background-size: 10px;
  background-position: left center;
}
@media (min-width: 1024px) {
  .tmp-icon.ic-remove-pdf {
    width: 92px;
    height: 24px;
  }
  .tmp-icon.ic-remove-pdf:hover {
    background-image: url("../images/icons-insuarance/ic-remove.png");
    background-size: 100%;
  }
}
@media (max-width: 1023px) {
  .tmp-icon.ic-remove-pdf {
    width: 92px;
    height: 24px;
    vertical-align: top;
    margin-top: -10px;
  }
}
.tmp-icon.ic-logout-insuarance {
  background-image: url("../images/icons-insuarance/ic-logout-insuarance.svg");
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -2px;
}
.tmp-icon.ic-fone {
  background-image: url("../images/icons/ic-fone.svg");
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 7px;
}
.tmp-icon.ic-epolicy {
  background-image: url("../images/icons/ic-epolicy.svg");
  width: 16px;
  height: 20px;
  vertical-align: top;
}
.tmp-icon.ic-upload-replace-file {
  background-image: url("../images/icons/ic-upload-replace-file.svg");
  width: 14px;
  height: 17px;
  vertical-align: top;
}
.tmp-icon.ic-401 {
  background-image: url("../images/icons/error-401.svg");
  width: 182px;
  height: 182px;
  vertical-align: middle;
}
.tmp-icon.ic-403 {
  background-image: url("../images/icons/error-403.svg");
  width: 182px;
  height: 182px;
  vertical-align: middle;
}
.tmp-icon.ic-404 {
  background-image: url("../images/icons/error-404.svg");
  width: 182px;
  height: 182px;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .tmp-icon.ic-404 {
    width: 100%;
  }
}
.tmp-icon.ic-500 {
  background-image: url("../images/icons/error-500.svg");
  width: 182px;
  height: 182px;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .tmp-icon.ic-500 {
    width: 150%;
  }
}
.tmp-icon.ic-my-vehicle {
  background-image: url("../images/icons/ic-my-vehicle.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-my-new-vehicle {
  background-image: url("../images/icons/ic-my-vehicle.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-b-my-vehicle {
  background-image: url("../images/icons/ic-b-my-vehicle.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-loading {
  background-image: url("../images/spinner-sm.gif");
  width: 60px;
  height: 60px;
}
.tmp-icon.ic-clear-selected {
  background-image: url("../images/icons/ic-clear-selected.svg");
  width: 21px;
  height: 21px;
}
.tmp-icon.ic-trash {
  background-image: url("../images/icons/ic-trash.svg");
  width: 19px;
  height: 20px;
  vertical-align: middle;
  margin-top: -2px;
}
.tmp-icon.ic-plus-circle {
  background-image: url("../images/icons/ic-plus-circle.svg");
  width: 20px;
  height: 20px;
}
.tmp-icon.ic-approved {
  background-image: url("../images/icons/ic-approved.svg");
  width: 20px;
  height: 20px;
}
.tmp-icon.ic-error-small-red {
  background-image: url("../images/icons/ic-error-small-red.svg");
  width: 19px;
  height: 19px;
  vertical-align: middle;
}
.tmp-icon.ic-info {
  background-image: url("../images/icons/ic-info.svg");
  width: 19px;
  height: 19px;
  vertical-align: middle;
  margin-top: -5px;
}
.tmp-icon.ic-info-black {
  background-image: url("../images/icons/ic-info-black.svg");
  vertical-align: middle;
}
.tmp-icon.ic-cart-car-small {
  background-image: url("../images/icons/ic-cart-car-small.svg");
  width: 24px;
  height: 24px;
  vertical-align: top;
}
.tmp-icon.ic-info-outline {
  background-image: url("../images/icons/ic-info-outline.svg");
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.cart__actions .tmp-icon.ic-info-outline {
  margin-top: 2px;
}
.tmp-icon.ic-info-outline-big {
  background-image: url("../images/icons/ic-info-outline-big.svg");
  width: 28px;
  height: 28px;
  vertical-align: middle;
}
.tmp-icon.ic-cart-plus-red {
  background-image: url("../images/icons/ic-cart-plus-red.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-service-booking-cal {
  background-image: url("../images/icons/ic-service-booking-cal.svg");
  width: 363px;
  height: 285px;
}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
  .tmp-icon.ic-service-booking-cal {
    width: 263px !important;
    height: 185px !important;
  }
}
.tmp-icon.ic-receivable-empty {
  background-image: url("../images/icons/ic-receivable-empty.svg");
  width: 103px;
  height: 95px;
}
.tmp-icon.ic-receive-minus {
  background-image: url("../images/icons/ic-receive-minus.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-receive-plus {
  background-image: url("../images/icons/ic-receive-plus.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.icon-close-x {
  background-image: url("../images/icons/ic-close-x.svg");
  width: 33px;
  height: 33px;
}
.tmp-icon.ic-reject {
  background-image: url("../images/icons/ic-reject.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-approve {
  background-image: url("../images/icons/ic-approve.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-add-receivable {
  background-image: url("../images/icons/ic-add.svg");
  width: 19px;
  height: 19px;
}
.tmp-icon.ic-form-select {
  background-image: url("../images/icons/ic-form-select.svg");
  width: 18px;
  height: 20px;
}
.tmp-icon.ic-installation {
  background-image: url("../images/icons/ic-installation.svg");
  width: 19px;
  height: 19px;
  vertical-align: middle;
  margin-top: -4px;
}
.tmp-icon.ic-appeal {
  background-image: url("../images/icons/ic-appeal.svg");
  width: 17px;
  height: 19px;
}
.tmp-icon.ic-tel {
  background-image: url("../images/icons/ic-tel.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-tel-black {
  background-image: url("../images/icons/ic-tel-black.svg");
  width: 24px;
  min-width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-pay-at-dealer-confirm-black {
  background-image: url("../images/icons/ic-pay-at-dealer-confirm-black.svg");
  width: 50px;
  min-width: 47px;
  height: 47px;
  vertical-align: middle;
}
.tmp-icon.ic-pay-at-dealer-confirm-gray {
  background-image: url("../images/icons/ic-pay-at-dealer-confirm-gray.svg");
  width: 50px;
  min-width: 47px;
  height: 47px;
  vertical-align: middle;
}
.tmp-icon.ic-guideline-part {
  background-image: url("../images/icons/ic-guideline-part.svg");
  width: 140px;
  height: 140px;
  vertical-align: middle;
}
.tmp-icon.ic-minimum {
  background-image: url("../images/icons/ic-minimum.svg");
  width: 140px;
  height: 140px;
  vertical-align: middle;
}
.tmp-icon.ic-worry-free {
  background-image: url("../images/icons/ic-worry-free.svg");
  width: 140px;
  height: 140px;
  vertical-align: middle;
}
.tmp-icon.ic-road-side {
  background-image: url("../images/icons/ic-road-side.svg");
  width: 140px;
  height: 140px;
  vertical-align: middle;
}
.tmp-icon.ic-towing {
  background-image: url("../images/icons/ic-towing.svg");
  width: 140px;
  height: 140px;
  vertical-align: middle;
}
.tmp-icon.ic-transport {
  background-image: url("../images/icons/ic-transport.svg");
  width: 140px;
  height: 140px;
  vertical-align: middle;
}
.tmp-icon.ic-minor-onsite {
  background-image: url("../images/icons/ic-minor-onsite.svg");
  width: 140px;
  height: 140px;
  vertical-align: middle;
}
.tmp-icon.ic-arrow-down {
  background-image: url("../images/icons/ic-arrow-down.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-arrow-down.rotate {
  transform: rotate(180deg);
}
.tmp-icon.ic-arrow-dropdown {
  background-image: url("../images/icons/ic-arrow-dropdown.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-arrow-dropdown.rotate {
  transform: rotate(180deg);
}
.tmp-icon.icon-view-transition {
  vertical-align: top;
  margin-right: 3px;
}
.tmp-icon.ic-scroll-top {
  background-image: url("../images/icons/ic-scroll-top.svg");
  width: 44px;
  height: 44px;
}
.tmp-icon.ic-file-upload {
  background-image: url("../images/icons/ic-file-upload.svg");
  width: 16px;
  height: 16px;
}
.tmp-icon.ic-coupon {
  background-image: url("../images/icons/ic-coupon.svg");
  width: 87px;
  height: 87px;
  display: inline-table;
}
.tmp-icon.ic-coupon-info {
  background-image: url("../images/icons/ic-coupon-info.svg");
  width: 16px;
  height: 16px;
}
.tmp-icon.ic-download-detail {
  background-image: url("../images/icons/ic-download-detail.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-build-another-vehicle {
  background-image: url("../images/icons/ic-build-another-vehicle.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-expiring-soon {
  background-image: url("../images/icons/ic-expiring-soon.svg");
  width: 120px;
  height: 20px;
}
.tmp-icon.ic-edit {
  background-image: url("../images/icons/ic-edit.png");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-edit:hover {
  background-image: url("../images/icons/ic-edit-hover.png");
}
.tmp-icon.ic-edit--red {
  background-image: url("../images/icons/ic-edit--red.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-search-claim {
  background-image: url("../images/icons/ic-search-claim.svg");
  width: 19px;
  height: 29px;
}
.tmp-icon.ic-preparing {
  background-image: url("../images/icons/ic-preparing.svg");
  width: 36px;
  height: 36px;
}
.tmp-icon.ic-ready-for-carwash {
  background-image: url("../images/icons/ic-ready-for-carwash.svg");
  width: 36px;
  height: 36px;
}
.tmp-icon.ic-for-delivery {
  background-image: url("../images/icons/ic-for-delivery.svg");
  width: 36px;
  height: 36px;
}
.tmp-icon.ic-being-serviced {
  background-image: url("../images/icons/ic-being-serviced.svg");
  width: 36px;
  height: 36px;
}
.tmp-icon.ic-maintain {
  background-image: url("../images/icons/ic-maintain.svg");
  width: 211px;
  height: 211px;
}
.tmp-icon.ic-continue {
  background-image: url("../images/icons/ic-continue.svg");
  width: 33px;
  height: 33px;
  vertical-align: middle;
}
.tmp-icon.ic-inprogress {
  background-image: url("../images/icons/ic-checked.svg");
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin-top: 0;
}
.tmp-icon.ic-green-check {
  background-image: url("../images/icons/ic-green-check.svg");
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: 0;
}
.tmp-icon.ic-unapproved {
  background-image: url("../images/icons-insuarance/ic-close-pdf.svg");
  width: 10px;
  height: 10px;
  vertical-align: middle;
}
.tmp-icon.ic-twitter {
  background-image: url("../images/icons-social/ic-twitter.svg");
  width: 36px;
  height: 36px;
  vertical-align: top;
}
.tmp-icon.ic-instagram {
  background-image: url("../images/icons-social/ic-instagram.svg");
  width: 36px;
  height: 36px;
  vertical-align: top;
}
.tmp-icon.ic-facebook {
  background-image: url("../images/icons-social/ic-facebook.svg");
  width: 36px;
  height: 36px;
  vertical-align: top;
}
.tmp-icon.ic-youtube {
  background-image: url("../images/icons-social/ic-youtube.svg");
  width: 36px;
  height: 36px;
  vertical-align: top;
}
.tmp-icon.ic-arrow-down-free-inactive {
  background-image: url("../images/icons/ic-arrow-down-free-inactive.svg");
  width: 44px;
  height: 44px;
  vertical-align: top;
}
.tmp-icon.ic-delete-coupon {
  background-image: url("../images/icons/ic-delete-coupon.svg");
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: -2px;
  cursor: pointer;
}
.tmp-icon.ic-delete-coupon:hover {
  border: 1px solid #eee;
}
.tmp-icon.ic-step-1 {
  background-image: url("../images/icons/ic-st1-inactive.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-step-2 {
  background-image: url("../images/icons/ic-st2-inactive.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-step-3 {
  background-image: url("../images/icons/ic-st3-inactive.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-step-4 {
  background-image: url("../images/icons/ic-st4-inactive.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-step-5 {
  background-image: url("../images/icons/ic-st5-inactive.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic-no-bit-events {
  background-image: url("../images/icons/ic-no-bit-events.svg");
  width: 93px;
  height: 93px;
  vertical-align: middle;
}
.tmp-icon.ic-remove-vehicle-bid {
  background-image: url("../images/icons/ic-remove-vehicle-bid.svg");
}
.tmp-icon.ic-info-remarks {
  background-image: url("../images/icons/ic-info-remarks.svg");
  margin-bottom: 4px;
}
.tmp-icon.ic-info-remark-header {
  background-image: url("../images/icons/ic-info-remark-header.svg");
}
.tmp-icon.ic24 {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.tmp-icon.ic16 {
  width: 16px !important;
  height: 16px !important;
  vertical-align: middle;
}
.tmp-icon.ic40 {
  width: 40px !important;
  height: 40px !important;
  vertical-align: middle;
}
.tmp-icon.icm16 {
  max-width: 16px !important;
  max-height: 16px !important;
}
.tmp-icon.ic-flex-auto {
  flex: 1 0 auto;
}
.tmp-icon.ic-login-portal {
  background-image: url("../images/icons/ic-login-portal.svg");
  margin-top: -5px;
}
.tmp-icon.ic-concern {
  background-image: url("../images/icons-insuarance/ic-concern.svg");
  margin-top: -5px;
  margin-right: 4px;
}
.tmp-icon.ic-concern-black {
  background-image: url("../images/icons-insuarance/ic-concern-black.svg");
  margin-top: -5px;
  margin-right: 4px;
}
.tmp-icon.icon-location-new {
  background-image: url("../images/icons/icon-location-new.svg");
  width: 51px;
  height: 50px;
}
.tmp-icon.ic-clock {
  background-image: url("../images/icons/ic-clock.svg");
}
.tmp-icon.ic-alert {
  background-image: url("../images/icons/ic-alert.svg");
  margin-top: -4px;
}
.tmp-icon.ic-success {
  background-image: url("../images/icons/ic-success.svg");
  margin-top: -3px;
}
.tmp-icon.ic-share {
  background-image: url("../images/icons/ic-share.svg");
  margin-top: -3px;
}
.tmp-icon.ic-copy {
  background-image: url("../images/icons/ic-copy.svg");
  width: 16px;
  height: 17px;
}
.tmp-icon.ic-skype-share {
  background-image: url("../images/icons/ic-skype-share.png");
  width: 77px;
  height: 28px;
}
.tmp-icon.ic-search-red {
  background-image: url("../images/icons/ic-search-red.png");
  width: 25px;
  height: 24px;
}
.tmp-icon.ic-back-announ {
  background-image: url("../images/icons/ic-back-announ.svg");
  margin-top: 4px;
}
.tmp-icon.ic-import {
  background-image: url("../images/icons/ic-import.svg");
}
.tmp-icon.ic-export {
  background-image: url("../images/icons/ic-export.svg");
}
.tmp-icon.ic-add-vehicle {
  background-image: url("../images/icons/ic-add-vehicle.svg");
}
.tmp-icon.ic-announcement {
  background-image: url("../images/icons/ic-announcement.svg");
}
.tmp-icon.ic-faq {
  margin-top: -3px;
  background-image: url("../images/icons/ic-faq.svg");
}
.tmp-icon.ic-default-edit {
  background-image: url("../images/icons/ic-default-edit.svg");
}
.tmp-icon.ic-unusually {
  background-image: url("../images/icons/ic-unusually.svg");
}
.tmp-icon.ic-disconnected {
  background-image: url("../images/icons/ic-disconnected.svg");
}
.tmp-icon.ic-refresh {
  background-image: url("../images/icons/ic-refresh.svg");
}
.tmp-icon.ic-refresh--red {
  background-image: url("../images/icons/ic-refresh-red.svg");
}
.tmp-icon.ic-traveled {
  background-image: url("../images/icons/ic-traveled.svg");
  width: 58px;
  height: 60px;
}
.tmp-icon.ic-traveled--blur {
  width: 58px;
  height: 60px;
  background-image: url("../images/icons/ic-traveled-blur.svg");
}
.tmp-icon.ic-brake-alert {
  background-image: url("../images/icons/ic-break-alert.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-slip-warning {
  background-image: url("../images/icons/ic-slip-warning.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-44-alert {
  background-image: url("../images/icons/ic-44-alert.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-master-alert {
  background-image: url("../images/icons/ic-master-alert.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-electronic-alert {
  background-image: url("../images/icons/ic-electronic-alert.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-voltage-alert {
  background-image: url("../images/icons/ic-voltage-alert.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-airbag-warning {
  background-image: url("../images/icons/ic-airbag-warning.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-engine-oil-warning {
  background-image: url("../images/icons/ic-engine-oil-warning.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-fuel-alert {
  background-image: url("../images/icons/ic-fuel-alert.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-coolant-alert {
  background-image: url("../images/icons/ic-coolant-alert.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-at-oil-alert {
  background-image: url("../images/icons/ic-at-oil-alert.svg");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-tire-alert {
  background-image: url("../images/icons/ic-tire-alert.png");
  width: 40px;
  height: 40px;
}
.tmp-icon.ic-trip-map {
  background-image: url("../images/icons/ic-trip-map.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-fuel-left {
  background-image: url("../images/icons/ic-fuel-left.svg");
  width: 37px;
  height: 60px;
}
.tmp-icon.ic-fuel-left--blur {
  background-image: url("../images/icons/ic-fuel-left-blur.svg");
  width: 37px;
  height: 60px;
}
.tmp-icon.ic-battery-left {
  background-image: url("../images/icons/ic-battery-left.svg");
  width: 54px;
  height: 54px;
}
.tmp-icon.ic-battery-left--blur {
  background-image: url("../images/icons/ic-battery-left-blur.svg");
  width: 54px;
  height: 54px;
}
.tmp-icon.ic-engine {
  background-image: url("../images/icons/ic-engine.svg");
  width: 55px;
  height: 60px;
}
.tmp-icon.ic-engine--blur {
  background-image: url("../images/icons/ic-engine-blur.svg");
  width: 55px;
  height: 60px;
}
.tmp-icon.ic-check-black {
  background-image: url("../images/icons/ic-check-black.svg");
}
.tmp-icon.ic-chevron-small-right {
  background-image: url("../images/icons/ic-chevron-small-right.svg");
}
.tmp-icon.ic-chevron-small-right--red {
  background-image: url("../images/icons/ic-chevron-small-right-red.svg");
}
.tmp-icon.ic-ip-arrow-down {
  background-image: url("../images/icons/ic-ip-arrow-down.svg");
  width: 12px;
  height: 15px;
}
.tmp-icon.ic-choose-file {
  background-image: url("../images/icons/ic-choose-file.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-device-connected {
  background-image: url("../images/icons/ic-device-connected.svg");
  width: 16px;
  height: 16px;
}
.tmp-icon.ic-device-disconnected {
  background-image: url("../images/icons/ic-device-disconnected.svg");
  width: 16px;
  height: 16px;
}
.tmp-icon.ic-break-warning {
  background-image: url("../images/icons/ic-break-warning.svg");
  width: 25px;
  height: 24px;
}
.tmp-icon.ic-alert-warning {
  background-image: url("../images/icons/ic-alert-warning.svg");
  width: 25px;
  height: 24px;
}
.tmp-icon.ic-ibs-list-view {
  background-image: url("../images/icons/ic-ibs-list-view-inactive.svg");
  width: 32px;
  height: 32px;
}
.tmp-icon.ic-ibs-grid-view {
  background-image: url("../images/icons/ic-thumbnail_inactive.svg");
  width: 32px;
  height: 32px;
}
.tmp-icon.ic-arrow-right-promotion {
  background-image: url("../images/icons/ic-arrow-right-promotion.svg");
  width: 12px;
  height: 12px;
}
.tmp-icon.ic-download-consent {
  background-image: url("../images/icons/ic-download-consent.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-timing {
  background-image: url("../images/icons/ic-timing.svg");
  width: 19px;
  height: 19px;
}
.tmp-icon.ic-it-protect {
  background-image: url("../images/icons/ic-it-protect.png");
  width: 64px;
  height: 64px;
}
.tmp-icon.ic-value {
  background-image: url("../images/icons/ic-value.png");
  width: 64px;
  height: 64px;
}
.tmp-icon.ic-free {
  background-image: url("../images/icons/ic-free.png");
  width: 64px;
  height: 64px;
}
.tmp-icon.ic-arrow-sc-right {
  background-image: url("../images/icons/ic-arrow-sc-right.svg");
  width: 24px;
  height: 24px;
}
.tmp-icon.ic-sc-not-found {
  background-image: url("../images/icons/ic-sc-not-found.svg");
  width: 32px;
  height: 32px;
}
.tmp-icon.ic-sc-airbag {
  background-image: url("../images/icons/ic-sc-airbag.svg");
  width: 32px;
  height: 32px;
}
.tmp-icon.ic-sc-info {
  background-image: url("../images/icons/ic-sc-info.svg");
  width: 32px;
  height: 32px;
}
.tmp-icon.ic-sc-note {
  background-image: url("../images/icons/ic-sc-note.svg");
  width: 16px;
  height: 16px;
}
.tmp-icon.ic-sc-check {
  background-image: url("../images/icons/ic-sc-check.svg");
  width: 16px;
  height: 16px;
}
.tmp-icon.ic-new-no-bit-events {
  background-image: url("../images/icons/ic-new-no-bit-events.svg");
  width: 42px;
  height: 40px;
  vertical-align: middle;
}
.tmp-icon.ic-arrow-down-red {
  background-image: url("../images/icons/ic-arrow-down-red.svg");
  width: 16px;
  height: 16px;
}
.tmp-icon.ic-call {
  background-image: url("../images/icons/ic-call.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-repair {
  background-image: url("../images/icons/ic-repair.svg");
  width: 20px;
  height: 20px;
}
.tmp-icon.ic-svt {
  background-image: url("../images/icons/ic-svt.svg");
  width: 20px;
  height: 20px;
}
.tmp-icon.ic-lock {
  background-image: url("../images/icons/ic-lock.svg");
  width: 20px;
  height: 20px;
}
.tmp-icon.ic-info-green {
  background-image: url("../images/icons/ic-info-green.svg");
  width: 12px;
  height: 12px;
}
.tmp-icon.ic-off {
  background-image: url("../images/icons/ic-off.svg");
  width: 12px;
  height: 12px;
}
.tmp-icon.ic-enabling {
  background-image: url("../images/icons/ic-enabling.svg");
  width: 12px;
  height: 12px;
}
.tmp-icon.ic-trash-1 {
  background-image: url("../images/icons/ic-trash-1.svg");
  width: 20px;
  height: 20px;
}
.tmp-icon.ic-success-green {
  background-image: url("../images/icons/ic-success-green.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-warning-red {
  background-image: url("../images/icons/ic-warning-red.svg");
  width: 18px;
  height: 18px;
}
.tmp-icon.ic-info-blue {
  background-image: url("../images/icons/ic-info-blue.svg");
  width: 12px;
  height: 12px;
}
.tmp-icon.ic-info-yellow {
  background-image: url("../images/icons/ic-info-yellow.svg");
  width: 12px;
  height: 12px;
}
.fz-0 {
  font-size: 0;
}
.fz-10 {
  font-size: 10px;
}
.fz-11 {
  font-size: 11px;
}
.fz-12 {
  font-size: 12px;
}
.fz-13 {
  font-size: 13px;
}
.fz-14 {
  font-size: 14px;
}
.fz-15 {
  font-size: 15px;
}
.fz-16 {
  font-size: 16px !important;
}
.fz-17 {
  font-size: 17px;
}
.fz-18 {
  font-size: 18px !important;
}
.fz-20 {
  font-size: 20px;
}
.fz-21 {
  font-size: 21px;
}
.fz-22 {
  font-size: 22px;
}
.fz-24 {
  font-size: 24px;
}
.fz-25 {
  font-size: 25px;
}
.fz-26 {
  font-size: 26px;
}
.fz-28 {
  font-size: 28px;
}
.fz-30 {
  font-size: 30px;
}
.fz-32 {
  font-size: 32px;
}
.fz-34 {
  font-size: 34px;
}
.fz-35 {
  font-size: 35px;
}
.fz-36 {
  font-size: 36px;
}
.fz-40 {
  font-size: 40px;
}
.fz-44 {
  font-size: 44px;
}
.fz-45 {
  font-size: 45px;
}
.fz-60 {
  font-size: 60px;
}
@media screen and (max-width: 1023px) {
  .fz-sm-9 {
    font-size: 9px !important;
  }
}
@media screen and (max-width: 1023px) {
  .fz-sm-10 {
    font-size: 10px !important;
  }
}
@media screen and (max-width: 1023px) {
  .fz-sm-11 {
    font-size: 11px !important;
  }
}
@media screen and (max-width: 1023px) {
  .fz-sm-12 {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 1023px) {
  .fz-sm-16 {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 1023px) {
  .fz-sm-18 {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 1023px) {
  .fz-sm-20 {
    font-size: 20px !important;
  }
}
@media screen and (max-width: 1023px) {
  .fz-sm-22 {
    font-size: 22px !important;
  }
}
@media screen and (max-width: 1023px) {
  .fz-sm-24 {
    font-size: 24px !important;
  }
}
@media screen and (max-width: 1023px) {
  .fz-sm-26 {
    font-size: 26px !important;
  }
}
.f-right {
  float: right;
}
@media screen and (max-width: 1023px) {
  .fz-sm-30 {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-9 {
    font-size: 9px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-10 {
    font-size: 11px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-11 {
    font-size: 11px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-12 {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-13 {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-14 {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-15 {
    font-size: 15px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-16 {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-18 {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-17 {
    font-size: 17px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-20 {
    font-size: 20px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-22 {
    font-size: 22px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-24 {
    font-size: 24px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-26 {
    font-size: 26px !important;
  }
}
@media screen and (max-width: 639px) {
  .fz-xs-28 {
    font-size: 28px !important;
  }
}
.d-grid {
  display: grid;
}
.d-grid-2-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row;
}
.d-table-cell {
  display: table-cell;
}
.d-content {
  display: contents;
}
.d-inline-block {
  display: inline-block;
}
.d-inline-block-xs {
  display: none;
}
@media screen and (max-width: 639px) {
  .d-inline-block-xs {
    display: inline-block;
  }
}
.d-block {
  display: block;
}
.d-block-i {
  display: block !important;
}
@media screen and (max-width: 639px) {
  .d-xs-block {
    display: block !important;
  }
}
.d-flex {
  display: flex;
}
.grow-1 {
  flex-grow: 1;
}
.d-inline-flex {
  display: inline-flex;
}
.d-column {
  flex-direction: column;
  float: left;
}
.block-center {
  margin: 0 auto;
}
.d-none {
  display: none;
}
.d-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.d-row.width-auto {
  width: auto;
}
.d-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
.ws-nr {
  white-space: normal;
}
.align-items-center {
  align-items: center;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-start {
  align-items: start;
}
.align-items-end {
  align-items: flex-end;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content {
  justify-content: end;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-column {
  flex-direction: column;
}
@media screen and (max-width: 639px) {
  .flex-column-xxs {
    flex-direction: column;
  }
}
.v-align-top {
  vertical-align: top;
}
.flex-three {
  flex: 0 0 33.33%;
}
.mw-25 {
  max-width: 25%;
}
.mw-25-i {
  max-width: 25% !important;
}
.mw-35 {
  max-width: 35%;
}
.mw-35-i {
  max-width: 35% !important;
}
.mw-50 {
  max-width: 50%;
}
.mw-50-i {
  max-width: 50% !important;
}
.mw-75 {
  max-width: 75%;
}
.mw-75-i {
  max-width: 75% !important;
}
.w-100 {
  width: 100%;
}
.w-100-i {
  width: 100% !important;
}
.h-full {
  height: 100%;
}
.w-130 {
  width: 130px;
}
@media screen and (max-width: 639px) {
  .w-130 {
    width: 100px;
  }
}
.min-w-130 {
  min-width: 130px;
}
@media screen and (max-width: 639px) {
  .min-w-130 {
    min-width: 100px;
  }
}
.w-auto {
  width: auto;
}
.border-linear {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.border-linear-darker {
  border-bottom: 1px solid var(--border-darker);
}
.border-linear-top {
  border-top: 1px solid var(--white-four);
}
.no-padding-lr {
  padding-left: 0;
  padding-right: 0;
}
.l-0 {
  left: 0 !important;
}
.bb-0 {
  border-bottom: 0 !important;
}
.cursor-point {
  cursor: pointer;
}
.cursor-point-none {
  pointer-events: none;
}
.fw-light {
  font-weight: 300;
}
.fw-normal {
  font-weight: 400;
}
.fw-medium {
  font-weight: 500;
}
.fw-semi {
  font-weight: 600;
}
.fw-bold {
  font-weight: 600;
}
.gap-2 {
  gap: 20px;
}
.gap-1 {
  gap: 10px;
}
@media screen and (max-width: 1023px) {
  .fw-sm-normal {
    font-weight: 400;
  }
}
.text-decoration {
  text-decoration: underline !important;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-1 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-1-i {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.my-2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-2-i {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.l-0 {
  left: 0;
}
.p-0 {
  padding: 0;
}
.top-1 {
  top: 1px !important;
}
.pt-8 {
  padding-top: 80px;
}
.pt-8-i {
  padding-top: 80px !important;
}
@media screen and (max-width: 639px) {
  .pb-xs-2 {
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 639px) {
  .pt-xs-2 {
    padding-top: 20px !important;
  }
}
@media screen and (max-width: 639px) {
  .pb-xs-3 {
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 639px) {
  .pt-xs-3 {
    padding-top: 30px !important;
  }
}
@media screen and (max-width: 639px) {
  .pb-xs-4 {
    padding-bottom: 40px !important;
  }
}
@media screen and (max-width: 639px) {
  .pt-xs-4 {
    padding-top: 40px !important;
  }
}
@media screen and (max-width: 639px) {
  .pb-xs-6 {
    padding-bottom: 60px !important;
  }
}
@media screen and (max-width: 639px) {
  .pt-xs-6 {
    padding-top: 60px !important;
  }
}
.pl-0 {
  padding-left: 0;
}
.pr-0 {
  padding-right: 0;
}
.pl-1 {
  padding-left: 10px;
}
.pl-1-i {
  padding-left: 10px !important;
}
.pl-2 {
  padding-left: 20px;
}
.pl-2-i {
  padding-left: 20px !important;
}
.pl-3 {
  padding-left: 30px;
}
.pl-3-i {
  padding-left: 30px !important;
}
.pl-4 {
  padding-left: 40px;
}
.pr-4 {
  padding-right: 40px;
}
.pr-6 {
  padding-right: 60px;
}
.pd-2 {
  padding: 20px;
}
.pd-3 {
  padding: 30px;
}
@media screen and (max-width: 639px) {
  .pl-xs-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 639px) {
  .pr-xs-0 {
    padding-right: 0 !important;
  }
}
.pb-0 {
  padding-bottom: 0;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-0-i {
  margin-bottom: 0 !important;
}
.mb-h1 {
  margin-bottom: 5px;
}
.mb-h1-i {
  margin-bottom: 5px !important;
}
.mb-1 {
  margin-bottom: 10px;
}
.mb-1-i {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-2 {
  margin-bottom: 20px;
}
.mb-2-i {
  margin-bottom: 20px !important;
}
.mb-3 {
  margin-bottom: 30px;
}
.mb-3-i {
  margin-bottom: 30px !important;
}
.mb-4 {
  margin-bottom: 40px;
}
.mb-4-i {
  margin-bottom: 40px !important;
}
@media (max-width: 639px) {
  .mb-4 {
    margin-bottom: 20px;
  }
}
.mb-5 {
  margin-bottom: 50px;
}
.mb-5-i {
  margin-bottom: 50px !important;
}
@media (max-width: 1023px) {
  .mb-5 {
    margin-bottom: 30px !important;
  }
}
.mb-6 {
  margin-bottom: 60px;
}
.mb-6-i {
  margin-bottom: 60px !important;
}
.mb-8 {
  margin-bottom: 80px;
}
.mb-8-i {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 639px) {
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 639px) {
  .mt-xs-0 {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 639px) {
  .mb-xs-1 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .mb-sm-1 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 639px) {
  .mb-xs-2 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 639px) {
  .mb-xs-4 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 639px) {
  .mb-xs-6 {
    margin-bottom: 60px;
  }
}
.lh-1-4 {
  line-height: 1.4;
}
.ml-h1 {
  margin-left: 5px;
}
.ml-h1-i {
  margin-left: 5px !important;
}
.ml-05 {
  margin-left: 5px;
}
.ml-1 {
  margin-left: 10px;
}
.ml-1-i {
  margin-left: 5px !important;
}
.ml-15 {
  margin-left: 10px;
}
.ml-15-i {
  margin-left: 6.66666667px !important;
}
.ml-2 {
  margin-left: 20px;
}
.ml-2-i {
  margin-left: 20px !important;
}
.ml-3 {
  margin-left: 30px;
}
.ml-3-i {
  margin-left: 30px !important;
}
.ml-4 {
  margin-left: 40px;
}
.ml-4-i {
  margin-left: 40px !important;
}
.ml-5 {
  margin-left: 50px;
}
.ml-5-i {
  margin-left: 50px !important;
}
.ml-6 {
  margin-left: 60px;
}
.ml-6-i {
  margin-left: 60px !important;
}
.ml-8 {
  margin-left: 80px;
}
.ml-8-i {
  margin-left: 80px !important;
}
@media screen and (max-width: 639px) {
  .ml-xs-0 {
    margin-left: 0;
  }
}
@media screen and (max-width: 639px) {
  .ml-xs-1 {
    margin-left: 10px;
  }
}
@media screen and (max-width: 639px) {
  .ml-xs-2 {
    margin-left: 20px;
  }
}
@media screen and (max-width: 639px) {
  .ml-xs-h1 {
    margin-left: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .ml-sm-0 {
    margin-left: 0;
  }
}
.mr-0 {
  margin-right: 0;
}
.mr-0-i {
  margin-right: 0 !important;
}
.mr-03 {
  margin-right: 3px;
}
.mr-03-i {
  margin-right: 3px !important;
}
.mr-h1 {
  margin-right: 5px;
}
.mr-h1-i {
  margin-right: 5px !important;
}
.mr-1 {
  margin-right: 10px;
}
.mr-1-i {
  margin-right: 10px !important;
}
.mr-2 {
  margin-right: 20px;
}
.mr-2-i {
  margin-right: 20px !important;
}
.mmr-2 {
  margin-right: -20px;
}
@media screen and (max-width: 639px) {
  .mmr-2 {
    margin-right: 20px;
  }
}
.mmr-1 {
  margin-right: -10px;
}
.mr-3 {
  margin-right: 30px;
}
.mr-3-i {
  margin-right: 30px !important;
}
.mr-4 {
  margin-right: 40px;
}
.mr-4-i {
  margin-right: 40px !important;
}
.mr-5 {
  margin-right: 50px;
}
.mr-5-i {
  margin-right: 50px !important;
}
.mr-6 {
  margin-right: 60px;
}
.mr-6-i {
  margin-right: 60px !important;
}
.mr-8 {
  margin-right: 80px;
}
.mr-8-i {
  margin-right: 80px !important;
}
@media screen and (max-width: 639px) {
  .mr-xs-1 {
    margin-right: 10px;
  }
}
@media screen and (max-width: 639px) {
  .mr-xs-2 {
    margin-right: 20px;
  }
}
.mt--1 {
  margin-top: -10px;
}
.mt-0 {
  margin-top: 0;
}
.mt-0-i {
  margin-top: 0 !important;
}
.mt-h1 {
  margin-top: 5px;
}
.mt-h1-i {
  margin-top: 5px !important;
}
.mt-1 {
  margin-top: 10px;
}
.mt-1-i {
  margin-top: 10px !important;
}
.mt--1 {
  margin-top: -10px;
}
.mt--1-i {
  margin-top: -10px !important;
}
.mt--15 {
  margin-top: -15px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-2 {
  margin-top: 20px;
}
.mt-2-i {
  margin-top: 20px !important;
}
.mt-3 {
  margin-top: 30px;
}
.mt-3-i {
  margin-top: 30px !important;
}
@media screen and (max-width: 639px) {
  .mt-3-xxs {
    margin-top: 30px;
  }
}
.mt-4 {
  margin-top: 40px;
}
.mt-4-i {
  margin-top: 40px !important;
}
.mt-5 {
  margin-top: 50px;
}
.mt-5-i {
  margin-top: 50px !important;
}
.mt-6 {
  margin-top: 60px;
}
.mt-6-i {
  margin-top: 60px !important;
}
@media screen and (max-width: 639px) {
  .mt-6 {
    margin-top: 30px;
  }
}
.mt-7 {
  margin-top: 70px;
}
.mt-7-i {
  margin-top: 70px !important;
}
.mt-8 {
  margin-top: 80px;
}
.mt-8-i {
  margin-top: 80px !important;
}
.mt-4px {
  margin-top: 4px;
}
@media screen and (max-width: 639px) {
  .mt-xs-0 {
    margin-top: 0;
  }
}
@media screen and (max-width: 639px) {
  .mt-xs-1 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 639px) {
  .mt-xs-2 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 639px) {
  .mt-xs-3 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 639px) {
  .mt-xs-4 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 639px) {
  .mt-xs-6 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 639px) {
  .mt-xs-8 {
    margin-top: 80px;
  }
}
.mt-02 {
  margin-top: 2px;
}
.mt-03 {
  margin-top: 3px;
}
.mb-03 {
  margin-bottom: 3px;
}
.mt-05 {
  margin-top: 5px !important;
}
.mr-05 {
  margin-right: 5px;
}
.ml-05 {
  margin-left: 5px;
}
.mb-05 {
  margin-bottom: 5px;
}
.pt-1 {
  padding-top: 10px;
}
.pt-1-i {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px;
}
.pt-15-i {
  padding-top: 15px !important;
}
.pt-2 {
  padding-top: 20px;
}
.pt-2-i {
  padding-top: 20px !important;
}
.pt-3 {
  padding-top: 30px;
}
.pt-3-i {
  padding-top: 30px !important;
}
.pt-4 {
  padding-top: 40px;
}
.pt-4-i {
  padding-top: 40px !important;
}
.pt-5 {
  padding-top: 50px;
}
.pt-5-i {
  padding-top: 50px !important;
}
.border-box {
  box-sizing: border-box;
}
.pt-6 {
  padding-top: 60px;
}
.pt-6-i {
  padding-top: 60px !important;
}
.pt-7 {
  padding-top: 70px;
}
.pt-8 {
  padding-top: 80px;
}
.pb-7x {
  padding-bottom: 7px;
}
.pb-1 {
  padding-bottom: 10px;
}
.pb-1-i {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px;
}
.pb-15-i {
  padding-bottom: 15px !important;
}
.pb-2 {
  padding-bottom: 20px;
}
.pb-2-i {
  padding-bottom: 20px !important;
}
.pb-3 {
  padding-bottom: 30px;
}
.pb-3-i {
  padding-bottom: 30px !important;
}
.pb-4 {
  padding-bottom: 40px;
}
.pb-4-i {
  padding-bottom: 40px !important;
}
.pb-5 {
  padding-bottom: 50px;
}
.pb-5-i {
  padding-bottom: 50px !important;
}
.pb-6 {
  padding-bottom: 60px;
}
.pb-6-i {
  padding-bottom: 60px !important;
}
@media screen and (max-width: 639px) {
  .text-center-xs {
    text-align: center;
  }
}
.events-none {
  pointer-events: none;
}
.border-box-1px {
  box-sizing: border-box;
  border: 1px solid var(--black);
  min-height: 40px;
}
.no-border-b {
  border-bottom: none !important;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
@media screen and (max-width: 639px) {
  .text-xs-left {
    text-align: left;
  }
}
.text-align-center {
  text-align: center;
}
.pr-2 {
  padding-right: 20px !important;
}
.px-2 {
  padding-left: 20px;
  padding-right: 20px;
}
.pl-2 {
  padding-left: 20px;
}
.pl-2-i {
  padding-left: 20px !important;
}
.pr-3 {
  padding-right: 30px;
}
.pr-3-i {
  padding-left: 30px !important;
}
.pr-4 {
  padding-right: 40px;
}
.pr-4-i {
  padding-left: 30px !important;
}
.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}
.l-20 {
  left: 20px !important;
}
.l-1-5 {
  left: 17px !important;
}
.gap-10 {
  gap: 10px;
}
.gap-15 {
  gap: 15px;
}
.px-5 {
  padding: 0 5px;
}
.no-padding {
  padding: 0;
}
.no-margin {
  margin: 0;
}
.primary-red {
  color: var(--red);
}
.primary-red.no-hover:hover {
  color: var(--red) !important;
}
.no-border {
  border: none;
}
.no-border-none-important {
  border: none !important;
}
.no-padding-none-important {
  padding: 0 !important;
}
.primary-green {
  color: #1fa706;
}
.primary-grey {
  color: rgba(0, 0, 0, 0.6);
}
.text-color {
  color: #000000;
}
.text-gift-green {
  color: var(--tree-green);
}
.uppercase {
  text-transform: uppercase;
}
.visible-none {
  visibility: hidden;
}
.list-no-style {
  list-style-type: none;
}
.line-throught {
  text-decoration: line-through;
}
.text-white {
  color: var(--white);
}
.primary-text-color {
  color: var(--black);
}
.like-green {
  color: var(--like-green);
}
.too-red {
  color: var(--too-red);
}
.brown {
  color: var(--brown);
}
.text-inherit {
  text-transform: initial;
}
.text-inherit-i {
  text-transform: initial !important;
}
.no-scroll {
  overflow: hidden;
}
.file__shorten {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 180px;
  white-space: nowrap;
}
.file__shorten--equal {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 300px;
  white-space: nowrap;
  line-height: 15px;
}
.text-black {
  color: var(--black) 0;
}
.word-break {
  word-break: break-word;
  white-space: pre-line;
}
.pd-2 {
  padding: 20px;
}
.to-lowercase {
  text-transform: lowercase;
}
.to-lowercase-i {
  text-transform: lowercase !important;
}
.bg-color-default {
  background-color: #f4f4f4;
}
.opacity-05 {
  opacity: 0.5;
}
a.opacity-05:hover {
  cursor: initial;
}
.p-relative {
  position: relative;
}
.p-absolute {
  position: absolute;
}
.p-top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.lh-1-4 {
  line-height: 1.4;
}
.primary-badge {
  padding: 10px;
  background-color: var(--red);
  color: var(--white);
  font-weight: 600;
  line-height: 1;
}
.primary-badge.primary-badge--custom {
  padding: 5px 10px 10px 10px;
}
.primary-border {
  border-bottom: 1px solid var(--red);
}
#global-spinner {
  display: none;
  background-color: var(--black);
  opacity: 0.7;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}
#global-spinner:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/spinner.gif") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#global-spinner {
  display: none;
  background-color: var(--black);
  opacity: 0.7;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}
#global-spinner:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url("../images/spinner-sm.gif") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#spinner-specific {
  display: none;
  background-color: var(--black);
  opacity: 0.9;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}
#spinner-specific:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/spinner.gif") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subscribe-btn {
  text-align: center;
  display: block;
  border: 1px solid var(--black-light);
  padding: 6px 5px 9px 5px;
  margin-top: 10px;
}
.w-150-px {
  width: 150px;
}
.w-230-px {
  width: 230px;
}
.w-165-px {
  width: 165px;
}
.limit-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  width: 110px;
  position: relative;
  top: 1px;
}
.active-campaign {
  position: relative;
}
.active-campaign .bg-dash-sc {
  background-image: url(../images/bg-dash-verticle.svg);
  background-repeat: repeat-x;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 13.5%;
  top: 0px;
  z-index: 1;
  transform: rotate(90deg);
}
.mt-neg-1 {
  margin-top: -10px !important;
}
.mb-neg-1 {
  margin-bottom: -10px !important;
}
.simple-banner-plp {
  overflow: auto;
}
.border-radius-8 {
  border-radius: 8px !important;
}
.gap-4 {
  gap: 4px;
}
.gap-6 {
  gap: 6px;
}
.gap-20 {
  gap: 20px;
}
.gap-30 {
  gap: 30px;
}
.p-0 {
  padding: 0 !important;
}
.no-placeholder::placeholder {
  color: transparent !important;
}
.l-0 {
  left: 0 !important;
}
.lable-no-up-case {
  text-transform: none !important;
}
.justify-content-normal {
  justify-content: normal !important;
}
.form-control.bg-none[disabled],
.form-control.bg-none[readonly],
fieldset[disabled] .form-control.bg-none {
  background: white none !important;
}
.popover-title {
  height: 0px;
}
@media (min-width: 1024px) {
  .error-content {
    padding: 130px 0;
    max-width: 100%;
    margin: auto;
  }
}
@media (max-width: 1023px) {
  .error-content {
    padding: 60px 0;
  }
}
.error-content-info {
  max-width: 700px;
}
@media (max-width: 1023px) {
  .renewal__insurance--detail dl dt {
    width: 180px;
  }
  .renewal__insurance--detail dl dt.w-auto {
    width: auto !important;
  }
  .js-nav-collapse-body li:last-child {
    padding: 0;
  }
  .navigation--bottom .nav__links--mobile.js-userAccount-Links li:last-child {
    background-color: var(--black);
  }
}
html {
  background-color: #f4f4f4;
}
body {
  overflow-x: hidden;
  position: relative;
  font-weight: normal;
}
body.offcanvas {
  overflow-y: hidden;
}
.no-margin {
  margin: 0 !important;
}
@media (min-width: 1400px) {
  .container-lg {
    float: none;
    margin: 0 auto !important;
    overflow: hidden;
  }
}
@media (max-width: 1023px) {
  .form-control {
    height: 47px;
    padding: 10px 25px;
    font-size: 19px;
    line-height: 1.3333333;
    border-radius: 0;
    font-size: 15px;
  }
  select.form-control {
    height: 47px;
    line-height: 47px;
  }
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
}
option {
  font-size: 0.875em;
  /* 14/16 */
  line-height: 18px;
  padding: 6px 13px;
  width: 100%;
}
.popover {
  border-radius: 6px;
}
/*
General
*****************************************************************/
a:hover {
  text-decoration: none;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000000;
}
.open > .dropdown-menu {
  padding: 15px 0 0 0;
}
.dropdown-menu li {
  margin-top: 3px;
}
.dropdown-menu li:first-child {
  margin-top: 0px;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 25px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #000000;
  white-space: nowrap;
}
.dropdown-custom-menu > li > a {
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  padding: 15px 25px !important;
}
.dropdown-custom-menu > li > a .tmp-icon {
  width: 19px;
  height: 19px;
  margin-right: 8px;
}
.display-none {
  display: none;
}
.page-title {
  margin-bottom: 30px;
}
@media (min-width: 640px) {
  .item-label,
  .item-value {
    display: block;
  }
}
@media (max-width: 639px) {
  .item-label,
  .item-value {
    display: inline-block;
    line-height: 17px;
    vertical-align: top;
    width: 49%;
  }
  .item-value {
    padding-left: 10px;
  }
  .item-action {
    margin-top: 20px;
  }
}
.item-label {
  text-transform: uppercase;
  font-weight: 300;
}
.item-value {
  font-size: 18px;
  padding-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.alert {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .alert {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.container__full {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .container__full {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #f2f4f7;
  border: none;
  border-bottom: 1px solid #d3d3d3;
  padding: 10px 15px;
  margin: 0;
}
.well:before,
.well:after {
  content: " ";
  display: table;
}
.well:after {
  clear: both;
}
.well:before,
.well:after {
  content: " ";
  display: table;
}
.well:after {
  clear: both;
}
.well.well-single-headline {
  padding-left: 0;
  padding-right: 0;
}
.well.well-xs {
  padding: 0px 15px 5px;
}
.well.well-xs .well-headline {
  padding-top: 15px;
  margin: 0;
}
.well.well-xs .well-content {
  padding-top: 20px;
}
.well.well-sm {
  padding: 10px 20px;
}
.well.well-md {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well.well-md {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well.well-lg {
  padding-top: 45px;
  padding-bottom: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well.well-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well.well-primary {
  background-color: #f20c06;
  color: #ffffff;
}
.well.well-secondary {
  background-color: #787878;
  color: #000000;
}
.well.well-tertiary {
  background-color: #128a9e;
  color: #ffffff;
}
.well.well-tertiary .item-label {
  color: #ffffff;
}
.well.well-tertiary .item-value {
  color: #fff;
}
.well.well-tertiary .item-value a {
  color: #fff;
  text-decoration: underline;
}
.well.well-quaternary {
  background-color: #f2f2f2;
  color: #000000;
  border-top: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
}
.well.well-quinary {
  background-color: #ffffff;
  color: #000000;
  border-color: #b6b6b6;
  padding-left: 0;
  padding-right: 0;
}
.well.well-quinary .well-headline {
  background-color: #128a9e;
  color: #ffffff;
}
.well.well-quinary .well-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well.well-quinary .well-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well-headline {
  margin-left: -15px;
  margin-right: -15px;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #d3d3d3;
  padding: 5px 30px 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well-headline-sub {
  font-weight: 400;
  padding-left: 10px;
}
@media (max-width: 639px) {
  .well-headline {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.well-single-headline {
  padding-bottom: 0;
  border-bottom: 0;
}
.well-content {
  padding-top: 40px;
  padding-bottom: 20px;
}
.well-content:before,
.well-content:after {
  content: " ";
  display: table;
}
.well-content:after {
  clear: both;
}
.well-content:before,
.well-content:after {
  content: " ";
  display: table;
}
.well-content:after {
  clear: both;
}
.well > .col-no-padding {
  padding-left: 0;
  padding-right: 0;
}
.well .well-headline {
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well .well-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .well,
  .well.well-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1023px) {
  body.offcanvas {
    max-height: 100vh;
  }
  main {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .container {
    width: 100%;
  }
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
}
#smarteditoverlay {
  z-index: 9999 !important;
}
.disabled-shared-slot__icon--outer,
.disabled-shared-slot__icon--outer-hovered,
.disabled-shared-slot__icon--inner,
.ySECmsScrollArea,
#smarteditoverlay {
  z-index: 10000 !important;
}
.divide {
  border-top: 1px solid var(--border-darker);
}
footer {
  margin-top: 50px;
  background: var(--black);
  color: var(--white);
  font-weight: 300;
  line-height: 1.29;
  font-weight: 400;
  position: relative;
}
@media (min-width: 1024px) {
  .page-productList footer {
    margin-top: 0 !important;
  }
}
@media (min-width: 1024px) {
  .page-search footer {
    margin-top: 0 !important;
  }
}
footer.fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
}
@media (min-width: 1024px) {
  footer .col-md-10 {
    width: 80%;
  }
}
.footer__top {
  padding: 34px 0;
}
@media (max-width: 1024px) {
  .footer__top {
    padding-bottom: 0;
  }
}
.footer__top .footer__nav--container .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.footer__top .footer__nav--container .footer__nav--links {
  padding-left: 0px;
  width: 100%;
  margin: 0px;
  list-style: none;
}
.footer__top .footer__nav--container .footer__nav--links .footer__link {
  margin: 7px 0;
}
.footer__top .footer__nav--container .footer__nav--links .footer__link--sub {
  list-style: none;
}
@media (min-width: 1024px) {
  .footer__top .footer__nav--container .footer__nav--links .footer__link--sub {
    padding-left: 10px;
  }
}
@media (max-width: 1023px) {
  .footer__top .footer__nav--container .footer__nav--links .footer__link--sub {
    padding-left: 15px;
  }
}
.footer__top .footer__nav--container .footer__nav--links a {
  color: var(--white);
  font-size: 13px;
}
@media (max-width: 640px) {
  .footer__top .footer__nav--container .footer__nav--links {
    display: none;
  }
  .footer__top .footer__nav--container .footer__nav--links.active {
    display: block;
  }
}
@media (min-width: 1024px) {
  .footer__top .footer__nav--container:nth-of-type(4) {
    padding-left: 2% !important;
  }
}
@media (max-width: 1023px) {
  .footer__top .footer__nav--container {
    margin-bottom: 25px;
  }
  .footer__top .footer__nav--container:nth-of-type(4) {
    clear: left;
  }
}
.footer__left {
  padding: 0;
}
.footer__copyright {
  background: var(--black);
  color: var(--white);
  border-top: 1px solid #3e3e3e;
}
@media (max-width: 1023px) {
  .footer__copyright {
    text-align: center;
  }
}
.footer__copyright .container-fluid {
  padding: 0;
}
.footer__copyright .footer__right {
  font-size: 13px;
}
.footer__left {
  padding: 0;
  font-size: 13px;
}
@media (max-width: 1023px) {
  .footer__left {
    margin-bottom: 20px;
    text-align: center;
  }
}
.footer__left img {
  height: 93px;
  margin-bottom: 25px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.footer__right {
  padding-right: 0;
}
@media (max-width: 1023px) {
  .footer__right {
    text-align: center;
  }
}
.back-to-top {
  position: absolute;
  right: 0;
  top: -44px;
  display: none;
}
.back-to-top a {
  display: block;
  z-index: 99;
  position: fixed;
  right: 0px;
  bottom: 0px;
}
.scrollToTopBtn {
  background-image: url("../images/icons/ic-scroll-top.svg");
  color: white;
  cursor: pointer;
  line-height: 48px;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 0;
  padding: 0;
  /* place it at the bottom right corner */
  position: absolute;
  top: -44px;
  right: 30px;
  /* keep it at the top of everything else */
  z-index: 100;
  /* hide with opacity */
  opacity: 0;
  /* also add a translate effect */
  transform: translateY(100px);
  /* and a transition */
  transition: all 0.5s ease;
}
.showBtn {
  opacity: 1;
  transform: translateY(0);
}
.fb_iframe_widget iframe {
  height: 450px !important;
}
.footer-portal {
  background: #fff !important;
  color: #000000 !important;
  font-size: 14px;
}
.social-network {
  display: table;
  text-align: left;
  width: 100%;
  margin: -10px 0 0 -5px;
}
@media (max-width: 1023px) {
  .social-network {
    text-align: center;
    margin: auto;
  }
}
.social-network li {
  display: inline-block;
  margin: 0 5px;
}
.social-network li:first-child {
  margin-left: 0;
}
.social-network li a:hover {
  cursor: pointer;
}
@media (min-width: 1399px) {
  .page-ComingSoonPage {
    height: 100vh;
  }
  .coming-soon-ft {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
  }
}
ul.nav__links::after {
  content: "";
  display: block;
  clear: both;
}
ul.nav__links li {
  float: left;
  list-style-type: none;
}
.navigation__overflow ul.nav__links li {
  float: none;
  text-align: left;
  display: inline-block;
}
@media (min-width: 1024px) {
  .navigation__overflow ul.nav__links li {
    padding: 10px 0px 15px 15px;
  }
}
@media (min-width: 1400px) {
  .navigation__overflow ul.nav__links li {
    padding: 20px 5px 15px 15px;
  }
}
.navigation__overflow ul.nav__links li.active,
.navigation__overflow ul.nav__links li:hover {
  background-color: #f4f4f4;
}
.navigation__overflow ul.nav__links li.active .nav-tabs li.active,
.navigation__overflow ul.nav__links li:hover .nav-tabs li.active,
.navigation__overflow ul.nav__links li.active .nav-tabs li:hover,
.navigation__overflow ul.nav__links li:hover .nav-tabs li:hover {
  background-color: transparent !important;
}
ul.nav__links::after {
  clear: both;
}
@media (max-width: 1023px) {
  ul.nav__links:before {
    content: " ";
    display: table;
  }
}
ul.nav__links.nav__links--mobile li:active,
ul.nav__links.nav__links--mobile li:hover {
  background-color: #000;
}
.service-has-sub {
  position: relative;
}
.close-nav {
  display: none;
}
.branding-mobile {
  padding: 10px 0 9px 0;
  border-bottom: solid 1px #d3d3d3;
  z-index: 9999;
  background-color: #ffffff;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .branding-mobile {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.navigation__top {
  padding: 0 15px;
  transition: all 0.5s ease-out;
  overflow-y: hidden;
  height: 40px;
  background-color: #f4f4f4;
  position: relative;
}
.navigation__top .bg-left {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 23%;
  background-color: #fff;
}
.navigation__top .bg-left:after {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 40px solid #fff;
  position: absolute;
  bottom: 0;
  z-index: 100;
  border-right: 35px solid transparent;
  right: -34px;
}
@media (max-width: 1023px) {
  .navigation__top {
    display: none;
  }
}
.navigation__top .nav__left {
  padding: 9px 0 7px;
}
.navigation__top .nav__left .simple-banner-component img,
.navigation__top .nav__left .banner__component img {
  width: auto;
}
.miniCartSlot > div[data-ng-transclude] {
  display: inline-block;
}
.navigation__top .nav__right .nav__links--account {
  margin: 0;
  padding-left: 0;
  float: right;
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.navigation__top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] {
  display: inline-block;
  float: left;
}
.navigation__top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] li:last-child a {
  padding-right: 12px;
}
.navigation__top .nav__right .nav__links--account li {
  display: inline-block;
  font-size: 12px;
  color: inherit;
  font-weight: 600;
  text-transform: uppercase;
}
.navigation__top .nav__right .nav__links--account li.logged-in-toggle {
  position: relative;
}
.navigation__top .nav__right .nav__links--account li.logged-in-toggle .glyphicon {
  position: absolute;
  top: 14px;
  right: 7px;
}
.navigation__top .nav__right .nav__links--account li.logged-in-toggle .myAccountLinksHeader {
  padding: 0px 25px 0 30px;
  background-image: url("../images/icons/ic-login-black.svg");
  background-size: 12px;
  background-position: 10px 13px;
  background-repeat: no-repeat;
  color: inherit;
}
.navigation__top .nav__right .nav__links--account li.active-logout {
  background-color: #000;
}
.navigation__top .nav__right .nav__links--account li.active-logout .logout__link a {
  color: var(--red);
}
.navigation__top .nav__right .nav__links--account li:last-child a {
  padding-right: 0;
}
.navigation__top .nav__right .nav__links--account li button {
  background: transparent none repeat scroll 0% 0%;
  border: medium none;
  color: #0068b3;
  font-size: 1em;
  text-transform: uppercase;
}
.navigation__top .nav__right .nav__links--account li button:hover {
  background: none;
  text-decoration: none;
  color: #f20c06;
}
.navigation__top .nav__right .nav__links--account li a {
  color: var(--black);
  cursor: pointer;
}
.navigation__top .nav__right .nav__links--account li a:hover {
  text-decoration: none;
  color: #f20c06;
}
.navigation__top .nav__right .nav__links--account li .text-uppercase {
  font-weight: 600;
  padding: 11px 12px;
  display: block;
  font-size: 12px;
  line-height: 1.29em;
}
.navigation__top .nav__right .nav__links--account li .nav__links--search {
  background-image: url("../images/icons/ic-search-black.svg");
  background-size: 12px;
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 18px;
  color: inherit;
}
.navigation__top .nav__right .nav__links--account li .nav__links--login {
  background-image: url("../images/icons/ic-login-black.svg");
  background-size: 12px;
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 18px;
  color: inherit;
}
.navigation__top .nav__right .nav__links--account .myAccountLinksHeader,
.navigation__top .nav__right .nav__links--account .myCompanyLinksHeader {
  color: inherit;
  display: block;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
}
.navigation__top .nav__right .nav__links--account .myAccountLinksHeader::after,
.navigation__top .nav__right .nav__links--account .myCompanyLinksHeader::after {
  clear: both;
}
.navigation__top .nav__right .nav__links--account .myAccountLinksHeader:hover,
.navigation__top .nav__right .nav__links--account .myCompanyLinksHeader:hover,
.navigation__top .nav__right .nav__links--account .myAccountLinksHeader:focus,
.navigation__top .nav__right .nav__links--account .myCompanyLinksHeader:focus {
  text-decoration: none;
}
.navigation__top .nav__right .nav__links--account .myAccountLinksHeader.show,
.navigation__top .nav__right .nav__links--account .myCompanyLinksHeader.show {
  color: #ffffff;
  text-decoration: none;
  display: block;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  padding: 0 12px;
}
.navigation__top .nav__right .nav__links--account .myAccountLinksHeader.show {
  padding: 1px 25px 0 30px;
  background-image: url("../images/icons/ic-login-white.svg") !important;
  background-color: #000;
  color: #ffffff !important;
}
.navigation__top .nav__right .nav__links--account .myAccountLinksHeader.show + span {
  color: #ffffff;
  transform: rotate(180deg);
  display: inline-block;
}
#accNavComponentDesktopOne,
#accNavComponentDesktopTwo {
  padding: 0;
  background-color: #000000;
}
#accNavComponentDesktopOne ul.nav__links,
#accNavComponentDesktopTwo ul.nav__links {
  width: 100%;
  padding: 0px;
  margin-bottom: 0px;
  border-top: 1px solid #414141;
  border-left: 1px solid #414141;
}
#accNavComponentDesktopOne ul.nav__links li,
#accNavComponentDesktopTwo ul.nav__links li {
  list-style: none;
  font-size: 12px;
  color: #154259;
  font-weight: 400;
  padding: 0;
  border-right: 1px solid #414141;
  border-bottom: 1px solid #414141;
}
#accNavComponentDesktopOne ul.nav__links li:hover,
#accNavComponentDesktopTwo ul.nav__links li:hover {
  background-color: #000000;
}
#accNavComponentDesktopOne ul.nav__links li a,
#accNavComponentDesktopTwo ul.nav__links li a {
  color: #ffffff;
  display: block;
  padding: 25px 0 25px 30px;
  font-size: 15px;
  font-weight: 400;
}
#accNavComponentDesktopOne ul.nav__links li a:hover,
#accNavComponentDesktopTwo ul.nav__links li a:hover {
  text-decoration: none;
}
#accNavComponentDesktopOne ul.nav__links li a {
  font-weight: 600;
  font-size: 18px;
  padding: 12px 0 12px 30px;
}
#accNavComponentDesktopOne ul.nav__links li a:hover {
  color: var(--black);
  background-color: var(--white);
}
.navigation--middle {
  position: relative;
  background: #ffffff;
  z-index: 100;
}
@media (max-width: 1023px) {
  .navigation--middle {
    width: 100% !important;
    padding: 0px 0;
    margin: 0;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .navigation--middle {
    padding: 10px 0 15px;
  }
}
@media (min-width: 1400px) {
  .navigation--middle {
    padding: 20px 0 12px;
  }
}
@media (max-width: 639px) {
  .navigation--middle .row:first-child {
    border: none;
  }
}
.navigation--middle .btn {
  background-color: transparent;
  width: 100%;
  padding: 0;
  height: 100%;
  color: #f20c06;
  border: none;
}
@media (min-width: 1024px) {
  .navigation--middle .nav__left {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.navigation--middle .nav__left .site-search {
  background-color: transparent;
  z-index: 2;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .navigation--middle .nav__left .site-search {
    margin-left: -10px;
  }
}
@media (max-width: 1024px) {
  .navigation--middle .nav__left .site-search {
    padding-left: 0;
  }
}
@media (max-width: 639px) {
  .navigation--middle .nav__left .site-search {
    display: none !important;
    left: 0;
    position: absolute;
    width: 100%;
    padding: 0 10px;
    border-top: 1px solid #d3d3d3;
  }
  .navigation--middle .nav__left .site-search.active {
    display: block !important;
  }
}
.navigation--middle .nav__left .site-search .ui-front {
  padding: 10px 0px;
}
.navigation--middle .nav__left .site-search .glyphicon-search {
  color: #b9bdc2;
  font-size: 17px;
}
.navigation--middle .nav__left .site-search .input-group {
  background-color: #ffffff;
  min-height: 38px;
  border: 1px solid #cccccc;
}
@media (min-width: 1024px) {
  .navigation--middle .nav__left .site-search .input-group {
    width: 445px;
  }
}
.navigation--middle .nav__left .site-search .input-group .form-control {
  border: 0;
  box-shadow: none;
  height: 38px;
  background-color: transparent;
}
.navigation--middle .nav__left .site-search .input-group .btn {
  width: 40px;
  padding: 0;
}
.navigation--middle .nav__left .site-search .input-group .btn:hover {
  background-color: transparent;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete {
  display: none;
  position: absolute;
  background: #ffffff;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
  z-index: 100;
  width: auto !important;
  padding-left: 0;
  padding-top: 0;
  list-style: none;
  margin: 0;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li {
  border-top: 1px solid #b6b6b6;
  display: block;
  width: 100%;
  padding: 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li a {
  display: table;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .thumb {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 0 0;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .name {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
  width: 100%;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .thumb + .name {
  padding: 0 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .price {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li.ui-state-focus {
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin: 0;
  background: #b6b6b6;
  color: #000000;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete.active {
  display: block;
}
.navigation--middle .nav__right {
  padding-right: 50px;
  padding-top: 10px;
}
@media (max-width: 1024px) {
  .navigation--middle .nav__right {
    padding-right: 20px;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info {
  margin-bottom: 0;
}
@media (min-width: 1100px) {
  .navigation--middle .nav__right ul.nav__links--shop_info {
    margin-right: 50px;
  }
}
@media (min-width: 640px) {
  .navigation--middle .nav__right ul.nav__links--shop_info {
    float: right;
  }
}
@media (min-width: 640px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .componentContainer .yCmsComponent {
    display: inline;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
  min-width: 60px;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location span {
  font-size: 30px;
  top: 27%;
  color: #f20c06;
}
@media (min-width: 640px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
    float: right;
    padding: 0px 10px;
  }
}
@media (min-width: 1024px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
    padding: 0px 30px;
  }
}
.navigation--middle .nav-cart {
  float: right;
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart {
    padding-right: 35px;
    margin-top: -3px;
  }
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart .mini-cart-price {
    overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
    float: right;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 1023px) {
  .navigation--middle .nav-cart .mini-cart-link {
    display: block;
  }
}
@media (min-width: 1024px) {
  .navigation--middle .nav-cart .mini-cart-count {
    display: inline-block;
  }
}
@media (max-width: 1023px) {
  .navigation--middle .nav-cart .mini-cart-count {
    position: absolute;
    right: 8%;
    top: 2px;
  }
}
.navigation--middle .nav-cart .mini-cart-count .nav-items-total {
  font-size: 12px;
}
@media (min-width: 1024px) {
  .navigation--middle .nav-cart .mini-cart-count .nav-items-total {
    position: relative;
    min-width: 20px;
    height: 18px;
    border-radius: 2px;
    background-color: #000;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 0 5px;
    margin-right: 2px;
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 1023px) {
  .navigation--middle .nav-cart .mini-cart-count .nav-items-total {
    display: inline-block;
    background-color: var(--black);
    border-radius: 50%;
    height: 25px;
    width: 25px;
    color: #ffffff;
    line-height: 25px;
    position: absolute;
    font-size: 12px;
    right: 0;
    top: 0;
  }
}
@media (max-width: 639px) {
  .navigation--middle .nav-cart .mini-cart-count .nav-items-total {
    right: 13px;
    top: 0;
  }
}
.navigation--middle .nav-cart .mini-cart-count .items-desktop {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart .mini-cart-icon {
    float: right;
    position: relative;
    top: 5px;
  }
}
@media (max-width: 1023px) {
  .navigation--middle .mobile__nav__row.mobile__nav__row--table,
  .navigation--middle .mobile__nav__row .mobile__nav__row--table {
    display: table !important;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-group {
    display: table-row-group !important;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-row {
    display: table-row !important;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-row:before {
    display: table;
    content: " ";
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-row .tmp-icon {
    width: 24px;
    height: 24px;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-cell {
    display: table-cell !important;
    vertical-align: middle;
  }
  .navigation--middle .mobile__nav__row .nav__links--shop_info .componentContainer {
    margin-bottom: 0;
    overflow: hidden;
  }
  .navigation--middle .mobile__nav__row span.glyphicon-align-justify {
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    color: #f20c06;
    font-size: 29px;
    top: 2px;
  }
  .navigation--middle .mobile__nav__row .componentContainer .nav-order-tools,
  .navigation--middle .mobile__nav__row .componentContainer .nav-cart {
    font-size: 30px;
    line-height: 50px;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell {
    border-right: 1px solid #d3d3d3;
  }
  .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell:last-child {
    border-right: none;
  }
  .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell a {
    display: flex;
    width: 100%;
    text-align: center;
  }
  .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell a span {
    margin: auto;
  }
}
@media (max-width: 1023px) {
  .navigation--middle .mobile__nav__row .mobile__nav__row--seperator {
    border-left: 1px solid #d3d3d3;
  }
}
@media (max-width: 1023px) {
  .navigation--middle .mobile__nav__row--btn {
    padding: 0;
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    display: inline;
  }
  .navigation--middle .mobile__nav__row--btn .tmp-icon {
    vertical-align: middle;
  }
  .navigation--middle .mobile__nav__row--btn .nav-save-cart,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search {
    font-size: 30px;
    line-height: 60px;
    padding: 0;
    width: 100%;
  }
  .navigation--middle .mobile__nav__row--btn .nav-save-cart:hover,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link:hover,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:hover,
  .navigation--middle .mobile__nav__row--btn .nav-save-cart:focus,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link:focus,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:focus,
  .navigation--middle .mobile__nav__row--btn .nav-save-cart:active,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link:active,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:active {
    background-color: #f2f2f2;
    color: #f20c06;
    text-decoration: none;
  }
  .navigation--middle .mobile__nav__row--btn span.glyphicon {
    color: #f20c06;
    vertical-align: middle;
  }
}
.navigation--middle .mobile-menu {
  height: 50px;
}
.navigation--middle .mobile-menu button {
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0;
  height: 100%;
  width: 100%;
  padding: 0px;
}
.navigation--middle .mobile-menu span {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  color: #f20c06;
  font-size: 29px;
  top: 2px;
}
.navigation--bottom {
  background-color: #fff;
  z-index: 300;
}
.navigation--bottom.page-homepage {
  box-shadow: none !important;
}
@media (max-width: 1023px) {
  .navigation--bottom {
    border-bottom: none;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom {
    padding: 0 17px;
    box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .navigation__overflow {
    left: -380px;
    top: 0;
    height: 88vh;
    overflow-y: auto;
    border-top: 1px solid #d3d3d3;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav {
    display: inline-block;
    cursor: pointer;
    height: 60px;
    width: 20%;
    vertical-align: top;
    border-left: 1px solid #d3d3d3;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav button {
    background-color: white;
    height: 100%;
    width: 100%;
    display: inline-block;
    color: transparent;
    overflow: hidden;
  }
}
.navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span {
  color: #f20c06;
  font-size: 25px;
}
.navigation--bottom:before,
.navigation--bottom:after {
  content: " ";
  display: table;
}
.navigation--bottom:after {
  clear: both;
}
@media (min-width: 1400px) {
  .navigation--bottom a {
    padding: 20px 32px;
  }
}
.navigation--bottom .column-20-percent {
  float: left;
  width: 20%;
}
@media (max-width: 1023px) {
  .navigation--bottom {
    width: 100%;
    position: absolute;
    left: -100%;
    z-index: 999;
    background-color: #ffffff;
  }
  .navigation--bottom li {
    float: none;
  }
}
@media (max-width: 639px) {
  .navigation--bottom {
    width: 380px;
    position: absolute;
    left: -380px;
    z-index: 999;
    background-color: #ffffff;
  }
  .navigation--bottom li {
    float: none;
  }
}
@media (max-width: 639px) {
  .navigation--bottom {
    width: 100%;
    height: 83vh;
    left: -100%;
    margin-left: 0;
  }
}
.navigation--bottom .nav__links--products {
  padding-left: 0;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--products {
    text-align: center;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products {
    top: 10px;
    right: 0;
    padding: 0;
    position: relative;
    left: 0;
  }
  .navigation--bottom .nav__links--products.active {
    position: relative;
    left: -100%;
    background-color: #000;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products li {
    float: left !important;
    overflow: hidden;
    background-color: #ffffff;
    border-bottom: 1px solid #b6b6b6;
    width: 100%;
    padding: 15px 15px 10px;
  }
}
.navigation--bottom .nav__links--products li.liUserSign {
  background-color: #000;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products li.liUserSign {
    border-bottom: 1px solid #414141;
  }
  .navigation--bottom .nav__links--products li.liUserSign:hover {
    background-color: #000000;
  }
}
@media (max-width: 639px) {
  .navigation--bottom .nav__links--products li.liUserSign {
    padding-left: 0px;
    padding-top: 0px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products li.liUserSign a.userSign {
    width: 80%;
    display: inline-block;
    text-transform: uppercase;
    padding-right: 20px;
    padding-left: 0;
  }
}
.navigation--bottom .nav__links--products li:last-child {
  margin-right: 0;
}
.navigation--bottom .nav__links--products li a {
  padding: 0;
  color: #000;
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--products li a {
    display: flex;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products li a {
    margin-top: 0;
    padding: 15px 15px;
    display: flex;
  }
}
.navigation--bottom .nav__links--products .nav__links--secondary {
  display: none;
  background: #ffffff;
  position: absolute;
  z-index: 1000;
  left: 0;
  border: 1px solid #d3d3d3;
  border-top: 0;
  padding: 0 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.navigation--bottom .nav__links--products .nav__links--secondary .sm-back {
  display: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .row {
  position: relative;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section {
  position: static;
  padding: 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section.double {
  position: relative;
  min-height: 1px;
  padding: 10px 0 10px 0;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-section-column {
  float: left;
  padding: 0 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list {
  padding-left: 0;
  list-style: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li {
  border-bottom: 1px solid #d3d3d3;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li:last-child {
  border-bottom: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a {
  display: block;
  color: #000000;
  line-height: 30px;
  padding-left: 5px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:hover,
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:focus {
  background-color: #d3d3d3;
  text-decoration: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-list.has-title {
  margin-top: 40px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .title + .sub-navigation-list.has-title {
  margin-top: 0;
}
.navigation--bottom .show-sub .nav__link a {
  position: relative;
}
.navigation--bottom .show-sub .nav__link a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid #ffffff;
  display: block;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -10px;
  z-index: 1001;
}
.navigation--bottom .show-sub .sub__navigation {
  display: block !important;
  top: 50px;
}
.navigation--bottom .nav__link {
  display: inline-block;
  width: 100%;
  position: relative;
  text-align: center;
}
.navigation--bottom .nav__link a {
  text-align: left;
}
.navigation--bottom .nav__link .nav-img img {
  vertical-align: top;
  margin: 5px 15px 0 0;
}
@media (min-width: 1400px) {
  .navigation--bottom .nav__link .nav-img img {
    height: 57px;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__link .nav-img img {
    height: 36px;
    margin: 5px 10px 0 0;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__link .nav-img img {
    height: auto;
    width: 57px;
  }
}
.navigation--bottom .nav__link .nav-title {
  margin: 0;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
}
@media (min-width: 1400px) {
  .navigation--bottom .nav__link .nav-title {
    margin-bottom: 8px;
    padding-right: 16px;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__link .nav-title {
    margin-bottom: 5px;
  }
}
.navigation--bottom .nav__link .nav-des {
  font-weight: 300;
  text-align: left;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__link .nav-des {
    max-width: 87%;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__link .nav-des {
    font-size: 12px;
    max-width: 98%;
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .navigation--bottom .nav__link .nav-des {
    font-size: 13px;
    max-width: 78%;
    line-height: 15px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary-has__sub {
    position: static;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary-has__sub .nav__link {
    width: 80%;
  }
}
.navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down {
  display: block;
  height: 45px;
  float: right;
  margin-top: 15px;
  background-image: url("../images/icons/ic-next.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down {
    width: 10%;
    height: 60px;
    background-size: 30px;
  }
}
.navigation--bottom .nav__links--primary.active .nav-title:after {
  transform: rotate(180deg);
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary.active .sub__navigation {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary.active .sub__navigation {
    display: block;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    position: absolute;
    top: 100%;
    z-index: 1000;
    border: none;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    background-color: #ffffff;
    border-radius: 0 0 40px 40px;
    box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.15);
    left: 15px;
    width: 97.7%;
  }
  .navigation--bottom .nav__links--primary .sub__navigation .featured__models--explore {
    margin-bottom: 20px;
  }
}
@media (min-width: 1100px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    min-height: 85vh;
  }
}
@media (min-width: 1024px) and (max-width: 1099px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    min-height: 35vh;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding: 0;
  }
}
.navigation--bottom .nav__links--primary .sub__navigation .featured__models--explore {
  color: var(--white);
  align-items: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub__navigation .featured__models--explore {
    margin-top: -50px !important;
  }
}
.navigation--bottom .nav__links--primary .sub_service_navigation {
  min-height: auto !important;
  left: 0;
  border-radius: 0;
  height: auto !important;
}
.navigation--bottom .nav__links--primary .sub_service_navigation ul {
  margin: 0;
  padding: 10px 0;
}
.navigation--bottom .nav__links--primary .sub_service_navigation ul li {
  width: 100%;
  padding: 10px 5px 12px 15px;
}
.navigation--bottom .nav__links--primary .sub_service_navigation ul li a {
  font-weight: 600;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sm-back {
    color: #000000;
    padding: 5px 30px;
    border-bottom: 1px solid #b6b6b6;
    border-top: 1px solid #b6b6b6;
    font-size: 18px;
    line-height: 50px;
  }
  .navigation--bottom .nav__links--primary .sm-back::after {
    content: " ";
  }
  .navigation--bottom .nav__links--primary .sm-back .tmp-icon {
    width: 11px;
    height: 29px;
    vertical-align: middle;
    margin: 10px 10px 0 0;
    font-weight: 600;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .row {
    margin: 0;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    padding: 0;
    background: #ffffff;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    position: static;
    padding: 10px;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .title {
  font-size: 18px;
  line-height: 40px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 1399px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .title {
    color: rgba(0, 0, 0, 0.7);
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .title {
    padding: 10px 20px 10px 50px;
    text-transform: uppercase;
    border-bottom: 1px solid #b6b6b6;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
    padding-left: 0px;
    list-style: none;
    margin-top: 0;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a {
    display: block;
    color: #000000;
    line-height: 30px;
    padding: 0 0 0 5px;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a:hover {
    background-color: #b6b6b6;
    text-decoration: none;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li {
  position: relative;
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li:last-child {
    border: none;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li.col-md-3 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  float: left;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li.col-md-3:hover {
  background-color: #f4f4f4;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li .item__image img {
  margin: auto;
}
@media (max-width: 480px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li .item__image img {
    height: 80px;
    padding: 10px;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li .item__image img {
    height: 122px;
    padding: 15px;
  }
}
@media (min-width: 1400px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li .item__image img {
    height: 162px;
    padding: 20px;
  }
}
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup2 li,
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup3 li {
  border-bottom: 1px solid #414141;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--mobile {
    overflow: hidden;
  }
  .navigation--bottom .nav__links--mobile li {
    overflow: hidden;
    background-color: transparent;
    border: none;
  }
  .navigation--bottom .nav__links--mobile li a {
    color: #ffffff;
  }
  .navigation--bottom .nav__links--mobile .subNavList {
    padding-left: 0;
  }
  .navigation--bottom .nav__links--mobile .subNavList li {
    padding: 5px 0;
    background: #000;
  }
  .navigation--bottom .nav__links--mobile .subNavList li:first-child {
    border-top: 1px solid #8897a8;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--mobile div.sub-nav .myAccountLinksHeader,
  .navigation--bottom .nav__links--mobile div.sub-nav .myCompanyLinksHeader {
    display: block;
    cursor: pointer;
    min-height: 58px;
    background-color: #000;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--mobile div.sub-nav a span {
    float: right;
    line-height: 50px;
    left: 0;
    position: relative;
    top: -8px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .userGroup {
    position: relative;
    line-height: 50px;
    background-color: #ffffff;
    padding: 5px 12px 5px 20px;
    cursor: pointer;
    color: #f20c06;
    display: inline-block;
    width: 80%;
    float: left;
    height: 60px;
    text-transform: uppercase;
    text-align: left;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .userGroup a {
    border: none;
    color: #f20c06;
  }
  .navigation--bottom .userGroup a:hover {
    background-color: transparent !important;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .userGroup .myAcctUserIcon {
    position: relative;
    top: 4px;
  }
  .navigation--bottom .userGroup .myAcctUserIcon.tmp-icon {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .userGroup .userName {
    padding-left: 10px;
    display: none;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .userGroup #signedInUserOptionsToggle {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .glyphicon-chevron-up,
  .navigation--bottom .glyphicon-chevron-down {
    position: absolute;
    left: 260px;
    line-height: 50px;
    top: 9px;
  }
}
@media (min-width: 640px) {
  main {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
}
@media (max-width: 1023px) {
  main.offcanvas {
    position: relative;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  main.offcanvas #js-cookie-notification {
    display: none;
  }
}
@media (max-width: 639px) {
  main.offcanvas {
    position: relative;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
}
@media (max-width: 1023px) {
  .offcanvas .sticky-nav-top {
    left: 0;
    position: absolute;
    height: 61px;
    width: 100vw;
  }
}
@media (max-width: 639px) {
  position: absolute;
  top: -50px;
  height: 50px;
  left: -60px;
  z-index: 999;
  width: 100vw;
}
@media (max-width: 1023px) {
  .sticky-nav-top {
    position: absolute;
    left: 0px;
    top: -50px;
    padding: 0px;
    margin-bottom: 0;
    z-index: 9999;
    text-align: right;
    border-bottom: solid 1px #d3d3d3;
  }
}
.sticky-nav-top .liUserSign {
  background-color: #ffffff;
  text-align: left;
  display: flex;
}
@media (max-width: 1023px) {
  .sticky-nav-top .userSign {
    text-align: left;
    width: 80%;
    display: inline-block;
    color: inherit;
    padding: 20px 30% 20px 30px;
    font-weight: 600;
  }
}
@media (max-width: 1023px) {
  html.offcanvas {
    overflow-x: hidden;
  }
}
.nav-save-cart {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .nav-save-cart {
    border-left: 0px;
    border-right: 1px solid #d3d3d3;
    padding: 0px 15px;
  }
}
@media (min-width: 1024px) {
  .nav-save-cart {
    padding: 0px 30px;
  }
}
@media (max-width: 1023px) {
  .nav-save-cart {
    position: static;
  }
}
.nav-save-cart:before {
  position: relative;
  top: 23%;
  display: inline;
  font-family: "Glyphicons Halflings", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  background-image: url("../images/icons/ic-site-search.svg");
  background-size: 32px;
}
@media (max-width: 639px) {
  .nav-save-cart:before {
    top: 3px;
  }
}
.quote__list {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 45px;
  text-align: right;
}
.quote__list a {
  font-size: 25px;
  background-color: transparent;
  padding: 0;
  border: 0;
  color: #f20c06;
}
.quote__list a .glyphicon {
  top: 4px;
}
@media (min-width: 640px) {
  .quote__list {
    border-left: 0px;
    padding: 0px 15px;
  }
}
@media (min-width: 1024px) {
  .quote__list {
    padding: 0px 30px;
  }
}
@media (max-width: 639px) {
  .quote__list {
    position: static;
  }
}
.js-nav-order-tools--active .nav-order-tools__child-wrap {
  display: block;
}
.js-nav-quote-list--active .quote__list--nav {
  display: block;
}
.quote__list--nav {
  text-align: left;
  position: absolute;
  border: 1px solid #d3d3d3;
  background-color: #ffffff;
  right: 40px;
  top: 26px;
  width: 260px;
  z-index: 10;
}
.quote__list--nav a {
  font-size: 15px;
  line-height: 1.14;
}
@media (max-width: 639px) {
  .quote__list--nav {
    width: 100vw;
    top: 103px;
  }
}
.quote__list--nav a {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #000000;
  padding: 20px 30px;
}
.quote__list--nav a:hover {
  background-color: #f2f2f2;
}
.nav-order-tools__child-wrap {
  font-size: 15px;
  line-height: 1.14;
  text-align: left;
  position: absolute;
  border: 1px solid #d3d3d3;
  background-color: #ffffff;
  right: -1px;
  top: 50px;
  width: 260px;
  z-index: 10;
}
@media (max-width: 639px) {
  .nav-order-tools__child-wrap {
    width: 100vw;
    top: 103px;
  }
}
.nav-order-tools__child-wrap div {
  border-bottom: 1px solid #f2f2f2;
}
.nav-order-tools__child-wrap div:last-child {
  border-bottom: none;
}
.nav-order-tools__child-wrap a {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #000000;
  padding: 20px 30px;
}
.nav-order-tools__child-wrap a:hover {
  background-color: #f2f2f2;
}
.search-results-highlight {
  font-weight: 600;
}
.branding-mobile img {
  margin: auto;
}
@media (max-width: 639px) {
  .branding-mobile img {
    height: 30px;
  }
}
@media (min-width: 640px) {
  .branding-mobile img {
    height: 35px;
  }
}
@media (min-width: 1024px) {
  .nav__links--primary-has__sub .nav-title:after {
    position: absolute;
    top: 7px;
    display: inline-block;
    width: 14px;
    height: 8px;
    margin-left: 2px;
    vertical-align: 2.5px;
    content: "";
    background-image: url("../images/icons/ic-arrow-down.svg");
    background-position: center;
    transform: rotate(0deg);
  }
}
.nav__links--logout {
  margin-right: -15px !important;
}
.logout__link {
  padding: 1px 20px 0 0px;
  display: block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}
@media (max-width: 640px) {
  .js-myAccountLinksContainer ul li a {
    padding: 15px !important;
  }
  #signedInUserAccountToggle {
    padding-left: 25px;
  }
}
.js-myAccount-toggle.show .tmp-icon {
  transform: rotate(180deg);
}
body.down header.animateIt {
  top: 0;
}
header {
  position: relative;
  z-index: 3000;
  width: 100%;
}
@media (min-width: 1024px) {
  header {
    background: #ffffff;
  }
}
@media (max-width: 1023px) {
  header {
    height: 50px;
  }
}
header.animateIt {
  position: fixed;
  top: -5px;
  left: 0;
  right: 0;
  z-index: 3002;
  transition: 0.3s top cubic-bezier(0.3, 0.73, 0.3, 0.74);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.page-cartPage header,
.page-homepage header,
.page-productGrid header,
.page-searchGrid header,
.page-search header,
.page-cartPage header,
.pageType-CategoryPage header {
  margin-bottom: 0;
}
header .new-nav {
  width: 100%;
  z-index: 1000;
}
@media (min-width: 1024px) {
  header .new-nav {
    background-color: #fff;
  }
}
@media (max-width: 1023px) {
  header .new-nav {
    height: 50px;
  }
}
@media (min-width: 1024px) {
  header .new-nav .navigation {
    position: relative;
  }
}
header .new-nav #accNavComponentDesktopOne {
  position: absolute;
  top: 40px;
  z-index: 99999;
  width: 75%;
  right: 0;
}
header .new-nav.minimal .nav__links--account {
  z-index: 20;
}
header .new-nav.minimal .bg-left {
  display: none;
}
header .new-nav.minimal .navigation--middle {
  position: absolute;
  left: 0;
  top: 0px;
  height: 37px;
  transition: 0.7s top cubic-bezier(0.3, 0.73, 0.3, 0.74);
  z-index: 10;
  background-color: transparent;
}
@media (min-width: 1024px) {
  header .new-nav.minimal .navigation--middle {
    padding-top: 9px;
  }
}
header .new-nav.minimal .navigation--middle .js-site-logo {
  margin-top: -3px;
}
header .new-nav.minimal .navigation--middle .js-site-logo img {
  height: 28px;
}
@media (min-width: 640px) {
  header .new-nav.minimal .navigation--middle .js-site-logo img {
    margin-left: 20px;
    margin-top: 0;
  }
}
header .new-nav.minimal .navigation--middle .nav__right {
  padding-top: 0;
}
@media (min-width: 1024px) {
  header .new-nav.minimal .navigation--middle .nav__right {
    padding-right: 15px;
  }
}
@media (min-width: 1400px) {
  header .new-nav.minimal .navigation--middle .nav__right {
    padding-right: 10px;
  }
}
header .new-nav.minimal .navigation--middle .nav__right .nav-cart {
  padding-right: 0px;
  margin-top: -4px;
}
header .new-nav.minimal .navigation--middle .nav__right .nav__links--shop_info {
  float: right;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 3px;
  padding-right: 0!important;
  margin-right: 15px !important;
}
header .new-nav.minimal .navigation--middle .nav__right .nav__links--shop_info .ic-cart {
  width: 15px;
  height: 15px;
  background-position: left -1px;
  margin-right: 3px;
}
header .new-nav.minimal .navigation--middle .nav__right .nav__links--shop_info .ic-save-cart {
  margin-top: -3px;
  background-size: 66%;
  margin-right: 3px;
}
header .new-nav.minimal .navigation--middle .nav__right .nav__links--shop_info li {
  margin-left: 12px;
}
header .new-nav.minimal .mini-cart-count {
  margin-top: 2px;
}
header .new-nav.minimal .navigation--bottom {
  z-index: 1100;
}
header .new-nav.minimal .navigation--bottom .nav__links--primary .sub_service_navigation ul li a {
  padding: 11px !important;
}
@media (min-width: 1024px) {
  header .new-nav.minimal .navigation--bottom {
    box-shadow: none;
  }
}
@media (min-width: 1100px) {
  header .new-nav.minimal .navigation--bottom {
    height: 43px;
  }
}
@media (min-width: 1024px) {
  header .new-nav.minimal .navigation--bottom {
    padding: 0 30px;
    background-color: var(--black);
  }
  header .new-nav.minimal .navigation--bottom .nav-img,
  header .new-nav.minimal .navigation--bottom .nav-des {
    display: none;
  }
}
@media (min-width: 1024px) {
  header .new-nav.minimal .navigation--bottom .sub__navigation {
    left: 30px;
    width: 95.2%;
  }
}
@media (min-width: 1400px) {
  header .new-nav.minimal .navigation--bottom .sub__navigation {
    width: 96.9%;
  }
}
@media (min-width: 1024px) {
  header .new-nav.minimal .navigation--bottom .sub_service_navigation {
    left: 0px;
    width: auto;
  }
}
@media (min-width: 1400px) {
  header .new-nav.minimal .navigation--bottom .sub_service_navigation {
    width: auto;
    left: 0px;
  }
}
@media (min-width: 1024px) {
  header .new-nav.minimal .navigation--bottom .nav__links--products {
    margin: auto auto;
    display: flex;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  header .new-nav.minimal .navigation--bottom .nav__links li {
    height: 43px;
    padding: 0;
  }
}
header .new-nav.minimal .navigation--bottom .nav__links li:hover .nav-title {
  color: var(--black);
}
header .new-nav.minimal .navigation--bottom .nav__links li:hover .nav-title:after {
  background-image: url("../images/icons/ic-arrow-down.svg") !important;
}
header .new-nav.minimal .navigation--bottom .nav__links li a {
  cursor: pointer;
}
@media screen and (max-width: 1099px) and (min-width: 1024px) {
  header .new-nav.minimal .navigation--bottom .nav__links li a {
    padding: 9px 24px 7px;
    margin: 0 10px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1100px) {
  header .new-nav.minimal .navigation--bottom .nav__links li a {
    padding: 9px 33px 7px;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1241px) {
  header .new-nav.minimal .navigation--bottom .nav__links li a {
    padding: 9px 40px 7px;
  }
}
@media (min-width: 1400px) {
  header .new-nav.minimal .navigation--bottom .nav__links li a {
    padding: 11px 49px;
  }
}
@media (min-width: 1100px) {
  header .new-nav.minimal .navigation--bottom .nav__links li .nav-title {
    font-size: 18px;
    color: var(--white);
  }
}
@media screen and (max-width: 1099px) and (min-width: 1024px) {
  header .new-nav.minimal .navigation--bottom .nav__links li .nav-title {
    font-size: 15px;
    color: var(--white);
  }
}
@media (min-width: 1024px) {
  header .new-nav.minimal .navigation--bottom .nav__links li a.featured__models--explore {
    padding: 10px 27px 13px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -122px;
  }
}
header .new-nav.minimal .navigation--bottom .nav__links--primary-has__sub .nav-title:after {
  top: 17px;
  background-image: url("../images/icons/ic-arrow-dwhite.svg") !important;
}
header .new-nav.minimal .navigation--bottom .nav__links--primary-has__sub:hover .nav-title {
  color: var(--black);
}
header .new-nav.minimal .navigation--bottom .nav__links--primary-has__sub:hover .nav-title:after {
  background-image: url("../images/icons/ic-arrow-down.svg") !important;
  top: 17px;
}
header .new-nav.minimal .navigation--bottom .nav__links--primary-has__sub:hover .sub__navigation {
  visibility: visible;
  opacity: 1;
}
header .new-nav.minimal .navigation--bottom .nav__links--primary-has__sub:hover .sub_service_navigation {
  visibility: visible;
  opacity: 1;
}
header .new-nav.minimal .navigation--bottom .nav__links--primary-has__sub.active .nav-title {
  color: var(--black);
}
header .new-nav.minimal .navigation--bottom .nav__links--primary-has__sub.active .nav-title:after {
  background-image: url("../images/icons/ic-arrow-down.svg") !important;
  top: 17px !important;
}
@media (max-width: 1023px) {
  header .new-nav.minimal .site-search {
    top: 50px;
  }
}
@media (min-width: 1024px) {
  header .new-nav.minimal .site-search {
    top: 90px;
  }
}
header .new-nav.minimal .breadcrumb-section {
  display: none;
}
header .new-nav.minimal .item__image img {
  max-width: 100%;
}
.cookie-alert--top {
  margin-bottom: 0;
  background-color: #000;
  padding: 15px 20px;
  text-align: center;
  color: #fff;
}
@media (max-width: 1023px) {
  .cookie-alert--top {
    font-size: 13px;
  }
}
.cookie-alert--top .btn-close-cookies {
  padding: 0;
  margin: 0;
  background: no-repeat;
  border: none;
  box-shadow: none;
}
.cookie-alert--top .js-show-cookies-content {
  color: #fff;
  position: relative;
}
.cookie-alert--top .js-show-cookies-content.active:before {
  content: "\e253";
  box-sizing: border-box;
  position: absolute;
  top: 25px;
  right: 0px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 23px;
  line-height: 10px;
}
.cookie-alert--top .allow__sap--info {
  margin-bottom: 15px;
}
.cookie-alert--top .allow__sap--content {
  display: none;
  background-color: #fff;
  color: #000;
  padding: 17px 20px;
  margin: 10px auto auto;
  position: relative;
  border-radius: 10px;
}
@media (min-width: 1024px) {
  .cookie-alert--top .allow__sap--content {
    max-width: 55% !important;
  }
}
@media (max-width: 1023px) {
  .cookie-alert--top .allow__sap--content {
    max-width: 90% !important;
  }
}
.cookie-alert--top .allow__sap--content.active {
  display: block;
}
@media (max-width: 1023px) {
  .cookie-alert--top .allow__sap .btn__accept-m,
  .cookie-alert--top .allow__sap .btn__deline-m {
    display: inline-block !important;
    margin-bottom: 7px;
  }
}
#consent-management-alert .consent-management-list {
  max-width: 100%;
  line-height: 1.6;
  padding: 0;
  margin: 0;
}
#consent-management-alert .consent-management-list__item {
  position: relative;
  margin-top: 0;
  margin-bottom: 3px;
  list-style-type: none;
  margin-left: 0;
  margin-right: 0;
  border-radius: 0 !important;
}
#consent-management-alert .consent-management-list__title {
  padding: 0 15px 0 32px;
  display: block;
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  font-weight: 600;
}
#consent-management-alert .consent-management-list__title:before {
  display: inline-block;
  content: "";
  background-image: url("../images/icons/ic-arrow-dropdown.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-position: left center;
  position: absolute;
  left: 0;
  top: -1px;
}
#consent-management-alert .consent-management-list__title:hover,
#consent-management-alert .consent-management-list__title:focus {
  cursor: pointer;
  outline: none;
}
#consent-management-alert .is-expanded .consent-management-list__title:before {
  transform: rotate(180deg);
}
#consent-management-alert .consent-management-list__label {
  width: 95%;
  font-size: 15px;
}
#consent-management-alert .consent-management-list__content-inner {
  padding: 5px 0 0 35px;
}
#consent-management-alert .consent-management-list__content-inner p {
  font-size: 14px !important;
}
#consent-management-alert .consent-management-list__content {
  transition: height 0.3s ease-out;
  height: 0;
  overflow: hidden;
}
#consent-management-alert .consent-buttons-group {
  position: absolute;
  top: 10px;
  right: 20px;
}
@media (max-width: 639px) {
  #consent-management-alert .consent-buttons-group {
    right: 30px;
  }
}
#consent-management-alert .consent-buttons-group .btn {
  padding: 4px 38px;
  font-size: 13px;
  margin-left: 10px;
}
@media (max-width: 639px) {
  #consent-management-alert .consent-buttons-group .btn {
    padding: 4px;
    font-size: 12px;
    margin-left: 0;
  }
}
.message__beta--pro {
  background-color: #000;
  overflow: hidden;
  color: var(--white);
  padding: 13px 20px 15px;
  position: relative;
  border-bottom: 1px solid #707070;
}
.message__beta--pro .consent-management-list__label {
  padding: 0 15px 0 45px;
  display: block;
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
}
.message__beta--pro .consent-management-list__label svg {
  position: absolute;
  left: 10px;
  top: -1px;
}
.message__beta--pro .message__beta--content {
  padding: 10px 15px 0 45px;
  font-size: 14px;
}
.site-search {
  display: none;
  position: fixed;
  height: calc(-80vw);
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8888;
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff 28%, rgba(255, 255, 255, 0.3));
  padding-top: 30px;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .site-search {
    top: 175px;
  }
}
@media (min-width: 1400px) {
  .site-search {
    top: 200px;
  }
}
.site-search.active {
  display: block;
}
@media (max-width: 1023px) {
  .site-search .input-group {
    width: 77%;
    margin-left: 10%;
  }
}
@media (min-width: 1024px) {
  .site-search .input-group {
    width: 52.8%;
    margin: auto;
  }
}
@media (min-width: 1400px) {
  .site-search .input-group {
    width: 68.8%;
    margin: auto;
  }
}
.site-search .input-group-btn {
  width: 60px;
  height: 71px;
  position: absolute;
  right: -10px;
  top: 0;
  cursor: pointer;
  display: block;
  padding: 0;
  z-index: 1000;
}
@media (max-width: 640px) {
  .site-search .input-group-btn {
    right: 0;
  }
}
.site-search .input-group-btn .btn {
  background: transparent;
  opacity: 1;
  width: 60px;
  padding: 0;
}
@media (min-width: 640px) {
  .site-search .input-group-btn .btn {
    height: 71px;
  }
}
@media (max-width: 639px) {
  .site-search .input-group-btn .btn {
    height: 65px;
  }
}
.site-search .input-group-btn .btn:disabled span {
  opacity: 0.5;
}
.site-search .js-site-search-input {
  height: 72px;
  width: 100%;
  display: block;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--black);
  box-shadow: none !important;
  color: inherit;
  margin: auto;
  border-radius: 0;
  font-size: 32px;
}
.site-search .js-site-search-input:focus,
.site-search .js-site-search-input:active,
.site-search .js-site-search-input:visited {
  border-bottom: 1px solid var(--black);
}
.site-search .js-site-search-input::placeholder {
  color: #000;
}
.site-search .js-site-search-input:-ms-input-placeholder {
  color: #000;
}
.site-search .js-site-search-input::-ms-input-placeholder {
  color: #000;
}
.site-search .btn-close-search {
  position: absolute;
  top: 17%;
  font-weight: 600;
  color: #111;
  font-size: 30px;
  opacity: 0.6;
  background-color: transparent;
  border: none;
  box-shadow: none;
  z-index: 2000;
}
@media (max-width: 639px) {
  .site-search .btn-close-search {
    margin-left: -14px !important;
  }
}
@media (max-width: 1023px) {
  .site-search .btn-close-search {
    margin-left: 20px;
    top: 28%;
  }
}
@media (min-width: 1024px) and (max-width: 1099px) {
  .site-search .btn-close-search {
    right: -14.5%;
  }
}
@media (min-width: 1100px) {
  .site-search .btn-close-search {
    right: -13%;
  }
}
@media (min-width: 1400px) {
  .site-search .btn-close-search {
    right: -8%;
  }
}
.site-search .btn-close-search:hover {
  opacity: 1;
}
.ui-widget-content {
  box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: none !important;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 1400px) {
  .ui-widget-content {
    max-height: 470px;
  }
}
@media (min-width: 1024px) {
  .ui-widget-content {
    max-height: 300px;
  }
}
@media (max-width: 1023px) {
  .ui-widget-content {
    max-height: 300px;
  }
}
@media (max-width: 639px) {
  .ui-widget-content {
    left: 7px !important;
    width: 97% !important;
  }
}
.ui-widget-content li.ui-menu-item {
  background-color: #f4f4f4;
  border-bottom: solid 1px #f4f4f4;
  margin-bottom: 1px;
}
@media (min-width: 1024px) {
  .ui-widget-content li.ui-menu-item {
    padding: 20px;
  }
}
@media (max-width: 1023px) {
  .ui-widget-content li.ui-menu-item {
    padding: 10px;
  }
}
.ui-widget-content li.ui-menu-item a {
  color: inherit;
  display: flex;
  padding: 0;
}
.ui-widget-content li.ui-menu-item a .thumb {
  margin-right: 20px;
}
@media (min-width: 1024px) {
  .ui-widget-content li.ui-menu-item a .thumb img {
    height: 98px;
    max-width: 144px;
  }
}
@media (max-width: 1023px) {
  .ui-widget-content li.ui-menu-item a .thumb img {
    height: 58px;
  }
}
.ui-widget-content li.ui-menu-item a .name {
  font-weight: 600;
}
@media (min-width: 640px) {
  .ui-widget-content li.ui-menu-item a .name {
    font-size: 17px;
    width: 65%;
  }
}
@media (max-width: 639px) {
  .ui-widget-content li.ui-menu-item a .name {
    width: 55%;
    font-size: 14px;
  }
}
.ui-widget-content li.ui-menu-item a .price {
  position: absolute;
  right: 0px;
  top: 0;
}
.ui-widget-content li.ui-menu-item:hover {
  background-color: #000;
  border-bottom: solid 1px #000;
}
.ui-widget-content li.ui-menu-item:hover a {
  color: #fff;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background-color: transparent;
  border: 0;
}
@media (min-width: 1024px) {
  .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper .thumb {
    width: 144px;
  }
}
.logo-maintain {
  width: 78px;
  height: 93px;
}
.navigation--bottom .item__info--btn {
  padding-left: 0 !important;
}
@media (max-width: 639px) {
  .nav-mobile-suprt .logo-portal {
    z-index: 999;
  }
  .nav-mobile-suprt .logo-portal .simple-banner {
    margin-bottom: 0px !important;
  }
  .nav-mobile-suprt .login-mobille {
    text-align: center !important;
  }
  .page-iot-portal .logo-portal .simple-banner {
    margin-bottom: 0px !important;
  }
  .new-nav .logo-portal .simple-banner.mb-2 {
    margin-bottom: 0px !important;
  }
  .new-nav .link__logout {
    display: inline-block;
    position: relative;
    top: 33px;
    font-size: 13px;
    font-weight: 600;
    margin-right: 15px;
    right: 15px;
    width: 100%;
    text-align: right;
  }
}
.page-headline {
  color: inherit;
  font-size: 24px;
  line-height: 35px;
  font-weight: 600;
  padding: 40px 20px 0;
  margin: 0;
}
.page-headline.border {
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 25px;
}
.page-headline-left {
  color: inherit;
  font-size: 32px;
  line-height: 35px;
  padding: 0 30px;
}
.page-headline-left.border {
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 25px;
}
.page-sub-headline {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.571;
}
.text-variant-bold {
  font-weight: 600;
}
.full-width-padding {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .full-width-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.half-width-padding {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1024px) {
  .half-width-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.btn-formblock {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-top: 22px;
}
.btn {
  font-weight: 600;
  padding: 10px 25px;
  font-size: 24px;
  line-height: 36px;
  border-radius: 1px;
}
.btn.glyphicon {
  padding: 3px 0 4px 0;
}
.btn.glyphicon:before {
  font-size: 25px;
}
.btn,
.btn:active,
.btn.active {
  box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}
.btn__deline {
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #f20c06;
  border: none;
  background: transparent;
}
.btn__accept {
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #f20c06;
  border: none;
  background: transparent;
}
.btn.disabled,
.btn[disabled],
.btn fieldset[disabled] {
  background-color: #b6b6b6;
  color: #e9e9e9;
}
.btn.disabled .tmp-icon,
.btn[disabled] .tmp-icon,
.btn fieldset[disabled] .tmp-icon {
  opacity: 0.5;
}
.btn.btn-confirm-claim:hover {
  color: #000000;
}
.btn.btn-confirm-claim:hover svg path {
  fill: #000;
  stroke: #000;
}
.btn-reschedule {
  padding: 10px 25px;
}
.btn-small {
  padding: 6px 25px;
  font-size: 24px;
  line-height: 36px;
  border-radius: 1px;
}
.btn-icon {
  padding-left: 91px;
  position: relative;
}
.btn-icon:before {
  position: absolute;
  font-size: 25px;
  top: 9px;
  left: 20px;
  display: inline-block;
  font-family: "Glyphicons Halflings", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.btn-icon:after {
  content: "";
  position: absolute;
  left: 65px;
  top: -1px;
  border-right: 1px solid currentColor;
  height: 886px;
}
:hover.btn-icon:after {
  border-right-width: 1px;
}
.btn-edit-confirm {
  width: 48%;
}
.btn-block + .btn-block {
  margin-top: 20px;
}
.btn-default {
  height: 44px;
  padding: 10px 27px 13px;
  border-radius: 20px !important;
  background-color: var(--black);
  color: var(--white);
  display: inline-block;
  text-align: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
}
.btn-default:hover {
  background-color: var(--red);
  border-color: var(--red);
  color: var(--white);
}
.addtocart .btn-default {
  min-width: 130px;
}
.btn-default.fz-16 {
  font-size: 16px !important;
}
.btn-default.lh-18 {
  line-height: 18px !important;
}
.btn-default.no-radius {
  border-radius: 0 !important;
}
.btn-primary {
  border: none;
  background-color: #f20c06;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase;
  border-radius: 22px;
  height: 44px;
}
.btn-primary:hover {
  background-color: #000000;
  border-color: #000000;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary {
  cursor: not-allowed;
  color: #e9e9e9;
  background-color: var(--border-darker);
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-primary-max {
  height: 62px;
  padding-left: 30px;
  padding-right: 20px;
  min-width: 177px;
  position: relative;
  line-height: 42px;
}
@media (min-width: 640px) {
  .btn-primary-max.btn-submit-new-vehicle {
    float: right;
    margin-right: 10px;
  }
}
@media (max-width: 639px) {
  .btn-primary-max.btn-submit-new-vehicle {
    display: block;
    width: 92%;
  }
}
.btn-primary.btn-get-quote {
  width: 280px;
}
@media (min-width: 640px) {
  .btn-primary.btn-get-quote {
    margin-right: 30px;
  }
}
@media (max-width: 1023px) {
  .btn-primary.btn-get-quote {
    margin-right: 20px;
  }
}
.btn-primary-upload-loa {
  border: solid 1px #000;
  min-width: 220px;
  color: #000000;
  background-color: transparent;
}
.btn-primary-upload-loa:hover {
  background-color: #000000;
  color: #ffffff;
}
@media (min-width: 640px) {
  .btn-primary.btn-upload-doc {
    width: 380px;
    margin-right: 30px;
  }
}
.btn-primary-min {
  height: 44px;
}
.btn-primary-i {
  background-color: #ffffff;
  color: #000000;
  border-color: #000000;
  padding: 5px 15px;
  font-weight: 600;
}
.btn-primary-i:hover {
  background-color: #000000;
  color: #ffffff;
}
.btn-primary-approve {
  width: 200px;
  height: 44px;
  border: solid 1px #000;
  padding: 0px 15px;
  font-weight: 600;
  color: #000000;
  background-color: transparent;
}
.btn-primary-approve:hover {
  background-color: #000000;
  color: #ffffff;
}
.btn-primary.btn-update {
  width: 190px;
}
@media (min-width: 640px) {
  .btn-primary.request-insurance {
    float: right;
    margin-right: 30px;
    margin-bottom: 20px;
    max-width: 480px;
    padding: 0 30px 0 43px;
  }
}
@media (max-width: 640px) {
  .btn-primary.request-insurance {
    max-width: 92%;
    font-size: 17px;
  }
}
.btn-primary.btn-bits {
  width: 130px;
}
.btn-buy-now {
  background-image: url("../images/icons/ic-buy-now.svg");
  background-position: right 4px;
  background-repeat: no-repeat;
  color: inherit;
  text-decoration: underline;
  font-size: inherit;
  display: inline-block;
  width: auto;
  padding-right: 15px !important;
}
.btn-buy-now:hover {
  color: inherit;
}
.btn-secondary {
  border: 3px solid #f20c06;
  background-color: var(--white);
  color: var(--black);
  height: 44px;
  text-transform: uppercase;
  padding: 10px 27px 13px;
  font-size: 12px;
  font-weight: 600;
  line-height: inherit;
  border-radius: 22px;
  border: solid 1px var(--border-darker);
  line-height: 22px;
}
@media screen and (max-width: 1023px) {
  .btn-secondary {
    padding: 0 8px;
    line-height: 37px;
  }
}
.btn-secondary:hover {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.btn-secondary:focus:not(:hover) {
  color: var(--black);
}
.btn-secondary.btn-claim {
  vertical-align: top;
  min-width: 150px;
}
@media (min-width: 1024px) {
  .btn-secondary.btn-claim {
    margin-top: 20px;
  }
}
.btn-secondary.btn-approved {
  width: 316px;
}
.btn-next {
  border: none;
  background-color: transparent;
  line-height: inherit;
  font-size: 32px;
  font-weight: 600;
  padding: 0 20px;
  color: var(--red);
  text-align: right;
  box-shadow: none;
  min-width: 120px;
  padding: 0;
  margin-right: 5px;
  text-transform: capitalize;
}
.btn-next:hover {
  color: var(--black);
}
.btn-next:hover svg path.cls-2 {
  stroke: var(--black);
}
.btn-next:focus,
.btn-next:active:focus {
  color: #f20c06;
}
.btn-next.disabled,
.btn-next[disabled],
fieldset[disabled] .btn-next {
  cursor: not-allowed;
  color: var(--border-darker);
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
.btn-next.disabled svg path.cls-2,
.btn-next[disabled] svg path.cls-2,
fieldset[disabled] .btn-next svg path.cls-2 {
  stroke: var(--border-darker);
}
.btn-next.disabled .ic-next,
.btn-next[disabled] .ic-next,
fieldset[disabled] .btn-next .ic-next {
  background-image: url("../images/icons/ic-next-disabled.png");
}
.btn-next svg {
  vertical-align: middle;
}
.btn-clear-selected:hover span {
  color: #000 !important;
  text-decoration: underline !important;
}
.btn-clear-selected:hover svg path {
  fill: #000;
  stroke: #000;
}
.btn-unselected {
  background-color: #000000;
  color: #ffffff;
  height: 44px;
  min-width: 80px;
  padding: 0 25px;
  font-size: 12px;
  line-height: 40px;
  border-radius: 20px;
  text-transform: uppercase;
}
.btn-unselected:hover {
  background-color: #f20c06;
}
.vehicle--header .btn-unselected {
  font-size: 14px;
}
.btn-selected {
  background-color: #f20c06;
  color: #ffffff;
  height: 44px;
  min-width: 184px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
}
.btn-selected:hover {
  background-color: #000000;
  border-color: #000000;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: var(--border-darker);
  border-color: var(--border-darker) !important;
  cursor: not-allowed;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #000;
  border-color: #000;
  cursor: not-allowed;
}
.btn-grey {
  height: 44px;
  border-radius: 15px;
  background-color: #f4f4f4;
  font-weight: 300;
  line-height: 44px;
}
.btn-continue-shopping {
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}
.btn-continue-shopping svg {
  vertical-align: middle;
  margin-left: -5px;
}
.btn-continue-shopping:hover {
  color: #000;
  text-decoration: underline;
}
.btn-continue-shopping:hover svg path {
  fill: #000;
  stroke: #000;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus {
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.btn-primary:active:hover:after,
.btn-primary.active:hover:after,
.btn-primary:active:focus:after,
.btn-primary.active:focus:after,
.btn-primary:active.focus:after,
.btn-primary.active.focus:after {
  border-top: 62px solid #000000 !important;
}
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.btn-primary:active:after,
.btn-primary.active:after,
.btn-primary:focus:after,
.btn-primary.focus:after {
  border-top: 62px solid #000000 !important;
}
.btn-close-alert {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 44px;
  padding: 0;
  border: none;
  background-color: transparent;
  box-shadow: none;
  margin-top: 2px;
}
.btn-tooltip {
  border: none;
  background: transparent;
  padding: 0;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
.btn-tooltip:hover {
  color: var(--black);
}
.btn-back:hover {
  text-decoration: underline;
  color: #000;
}
.btn-back:hover span {
  color: #000;
}
.btn-back:hover .tmp-icon {
  background-image: url("../images/icons/ic-checkout-chevron-left-hover.svg");
}
.btn-restore {
  background-color: #000;
  color: #fff;
  height: 44px;
  line-height: 44px;
  padding: 0 15px;
  font-size: 24px;
  font-weight: 600;
  width: 185px;
}
.btn-pink {
  background-color: #fff;
  width: 54px;
  height: 44px;
  display: inline-block;
  text-align: center;
  border: none;
  border-radius: 50%;
}
button.btn.disabled,
fieldset[disabled] button.btn {
  pointer-events: none;
}
.btn-transparent {
  border-radius: 22px;
  border: solid 1px #b6b6b6;
  font-size: 16px;
  font-weight: bold;
  height: 44px;
  background-color: var(--white);
  padding-left: 30px;
  padding-right: 30px;
  text-transform: uppercase;
  line-height: 40px;
}
.btn-transparent:hover {
  background-color: var(--black);
  color: #fff;
}
@media (max-width: 1099px) {
  .product-main-info .btn-transparent {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1220px) {
  .btn-transparent {
    white-space: nowrap;
  }
}
.btn-recommened {
  background-color: var(--red);
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 22px;
  padding: 3px 27px;
  text-transform: uppercase;
  height: 48px;
  min-width: 120px;
}
.btn-recommened:hover {
  background-color: var(--black);
}
.btn-recommened.btn-recommened--custom {
  height: 44px;
}
.btn-recommened.btn-recommened--auto-center {
  min-width: auto;
  text-align: center;
}
.btn-transparent-custom {
  padding: 7px 17px;
  min-height: 32px;
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
  border: solid 1px var(--black);
  border-radius: 14px;
}
/**
 * selectize.css (v0.12.6)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: inherit;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.27;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border-radius: 5px;
  border: solid 1px #b6b6b6;
  padding: 14px 12px 12px;
  height: 47px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  background-color: var(--white);
  font-size: 14px;
  font-weight: 600;
}
.has-error .selectize-input {
  border-color: var(--red);
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
  color: #929292;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 1008;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.has-error .selectize-dropdown [data-selectable].option {
  color: var(--black) !important;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
  -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer !important;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 32%;
  right: 10px;
  margin-top: -3px;
  width: 24px;
  height: 24px;
  background-image: url("../images/icons/ic-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(0deg);
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #b0b8c1 transparent;
  transform: rotate(180deg);
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  background-color: #f4f4f4;
  box-shadow: none;
}
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
/*
   * Scrollbar rail styles
   */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}
/*
   * Scrollbar thumb styles
   */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.pagination-wrap {
  float: right;
  text-align: right;
}
.pagination {
  border: 1px solid transparent;
  font-weight: 400;
  margin: 0;
}
.pagination > li {
  vertical-align: top;
  display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
  position: static;
  border: none;
  margin: 0;
  float: none;
  display: inline-block;
  font-weight: 600;
  height: 44px;
  width: 44px;
  line-height: 24px;
  text-align: center;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-next > a,
.pagination > li.pagination-prev > span,
.pagination > li.pagination-next > span {
  font-weight: 600;
  font-size: 16px;
  font-family: 'Toyota Type', sans-serif;
}
.pagination > li.pagination-prev > a:hover,
.pagination > li.pagination-next > a:hover,
.pagination > li.pagination-prev > span:hover,
.pagination > li.pagination-next > span:hover,
.pagination > li.pagination-prev > a:focus,
.pagination > li.pagination-next > a:focus,
.pagination > li.pagination-prev > span:focus,
.pagination > li.pagination-next > span:focus {
  background-color: transparent;
  color: #000000;
}
.pagination > li.pagination-prev {
  text-align: left;
  margin-right: 6.66666667px;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-prev > span {
  width: 44px;
  height: 40px;
  padding: 0;
}
.pagination > li.pagination-prev.disabled .tmp-icon {
  background-image: url("../images/icons/ic-chevron-left-disabled.svg");
  transform: rotate(0deg);
}
.pagination > li.pagination-next {
  text-align: right;
  margin-left: 6.66666667px;
}
.pagination > li.pagination-next > a,
.pagination > li.pagination-next > span {
  width: 44px;
  height: 40px;
  padding: 0;
}
.pagination > li.pagination-next.disabled .tmp-icon {
  background-image: url("../images/icons/ic-chevron-left-disabled.svg");
  transform: rotate(180deg);
}
.pagination > .active > a,
.pagination > .active > span {
  width: 44px;
  height: 42px;
  border-radius: 5px;
  background-color: #f4f4f4;
  vertical-align: middle;
  display: inline-block;
  margin: auto;
  text-align: center;
  font-weight: normal;
}
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  border-radius: 5px;
  border: solid 1px var(--border-darker);
  background-color: var(--white);
}
.sort-refine-bar {
  margin-top: 30px;
}
@media (min-width: 1024px) {
  .bottom .sort-refine-bar {
    margin-top: 60px;
  }
}
.sort-refine-bar .form-control {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}
.breadcrumb-section {
  background: #f4f4f4;
}
.breadcrumb-section .breadcrumb {
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 1023px) {
  .breadcrumb-section {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .pdp__top {
    padding: 25px 30px 0;
  }
}
@media (max-width: 1023px) {
  .pdp__top {
    padding: 20px 20px 0;
  }
}
.pdp__top--info p {
  display: inline-block;
  margin-right: 10px;
  font-weight: 700;
}
.pdp__top--info p + p {
  margin-right: 0;
}
.pdp__top--info p .tmp-icon {
  vertical-align: top;
  margin: -1px 5px 0 0;
}
.pdp__top--info p .tmp-icon.ic-plp-service-booking {
  margin-top: -4px !important;
}
.pdp__top--verchical {
  font-size: 12px;
  font-weight: 600 !important;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 1.2px;
  margin-bottom: 0;
  padding: 0 5px 2px;
}
.pdp__top--verchical .img-certificate {
  vertical-align: top;
  margin-top: 0;
}
@media (min-width: 1024px) {
  .pdp__top .price {
    text-align: right;
    font-size: 32px;
  }
}
@media (max-width: 1023px) {
  .pdp__top .price {
    font-size: 24px;
  }
}
.pdp__detail {
  background-color: #f4f4f4;
  overflow: hidden;
}
.pdp__detail .list__comatibility {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pdp__detail .list__comatibility h5 {
  margin: 0;
}
.pdp__detail .list__comatibility li {
  border-bottom: 1px solid #b1bac4;
  padding: 15px 20px 15px 0;
}
.pdp__detail .list__comatibility li .col-xs-6 {
  padding-left: 0;
}
.product-details,
.product-details-price {
  margin-bottom: 10px;
}
.product-details .name,
.product-details-price .name {
  color: inherit;
  font-size: 24px;
  line-height: 35px;
  font-weight: 600;
  padding: 40px 20px 0;
  margin: 0;
  padding: 0;
}
.product-details .name.border,
.product-details-price .name.border {
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 25px;
}
.product-details .name .sku,
.product-details-price .name .sku {
  font-size: 18px;
  line-height: 18px;
  color: #929292;
  position: relative;
  padding-left: 20px;
  font-weight: 400;
}
.product-details .name .sku:before,
.product-details-price .name .sku:before {
  border-left: 1px solid #b6b6b6;
  content: "";
  height: 14px;
  position: absolute;
  top: 7px;
  left: 10px;
}
.product-details .name .code,
.product-details-price .name .code {
  font-size: 18px;
  line-height: 18px;
  padding-left: 5px;
}
.product-details .promotion,
.product-details-price .promotion {
  color: #f20c06;
}
.product-details .description,
.product-details-price .description {
  padding: 0 0 25px;
}
.product-details .description h4,
.product-details-price .description h4 {
  margin-top: 0;
}
.product-details .stock-status,
.product-details-price .stock-status {
  font-weight: 300;
}
.product-main-info .product-details {
  padding: 0;
}
.product-main-info .actions .btn-primary {
  width: 292px;
}
.product-details .description-detail {
  margin-bottom: 20px;
}
.product-details .description ul {
  list-style: none;
}
.product-details .description ul li {
  margin-bottom: 7px;
}
.product-details .description ul li::before {
  content: "";
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: -2px 10px 0 -1em;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .product-details .description .pr-2 {
    padding: 0 !important;
  }
}
.product-details .description .pdp__location--detail {
  min-width: 67%;
}
.qty-selector {
  display: inline-table;
}
@media (min-width: 1024px) {
  .qty-selector {
    margin-right: 20px;
  }
}
.actions {
  display: inline-block;
}
.variant-section {
  margin-bottom: 30px;
}
.variant-section .variant-selector .variant-name {
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 5px;
}
.variant-section .variant-selector .variant-name .variant-selected {
  font-weight: normal;
  text-transform: none;
}
.variant-section .variant-selector .variant-list {
  padding-left: 0;
  list-style: none;
  margin-left: -20px;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
  content: " ";
  display: table;
}
.variant-section .variant-selector .variant-list:after {
  clear: both;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
  content: " ";
  display: table;
}
.variant-section .variant-selector .variant-list:after {
  clear: both;
}
.variant-section .variant-selector .variant-list li {
  float: left;
  margin: 0 0 0 20px;
}
.variant-section .variant-selector .variant-list li a,
.variant-section .variant-selector .variant-list li span {
  display: block;
  height: 47px;
  width: 47px;
  line-height: 47px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #cccccc;
  background: #fff;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 1023px) {
  .variant-section .variant-selector .variant-list li a,
  .variant-section .variant-selector .variant-list li span {
    height: 47px;
    width: 47px;
    line-height: 47px;
  }
}
.variant-section .variant-selector .variant-list li a img,
.variant-section .variant-selector .variant-list li span img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border: 1px solid transparent;
}
.variant-section .variant-selector .variant-list li:hover a,
.variant-section .variant-selector .variant-list li.active a {
  background: #f20c06;
  -webkit-box-shadow: inset 0 0  0 1px #fff;
  box-shadow: inset 0 0  0 1px #fff;
  border: 1px solid #f20c06;
  color: #fff;
}
.variant-section .variant-selector .variant-list li:hover a img,
.variant-section .variant-selector .variant-list li.active a img {
  border: 1px solid #fff;
}
.variant-section .variant-selector .variant-list li.disabled span {
  color: #999;
  cursor: not-allowed;
}
.variant-section .variant-selector .variant-select {
  margin: 10px 0 0;
}
.rating:before,
.rating:after {
  content: " ";
  display: table;
}
.rating:after {
  clear: both;
}
.rating:before,
.rating:after {
  content: " ";
  display: table;
}
.rating:after {
  clear: both;
}
.rating .rating-stars {
  margin: 0 5px 0 0;
  padding: 3px 0 1px;
  position: relative;
}
@media (max-width: 1023px) {
  .rating .rating-stars {
    font-size: 19px;
    float: none;
  }
  .rating .rating-stars:before,
  .rating .rating-stars:after {
    content: " ";
    display: table;
  }
  .rating .rating-stars:after {
    clear: both;
  }
  .rating .rating-stars:before,
  .rating .rating-stars:after {
    content: " ";
    display: table;
  }
  .rating .rating-stars:after {
    clear: both;
  }
}
.rating .rating-stars .greenStars {
  position: absolute;
  overflow: hidden;
  top: 3px;
  left: 0;
  white-space: nowrap;
  width: 0;
}
.rating .rating-stars span {
  color: #dee3e8;
  margin: 0 0.1em;
  overflow: hidden;
}
.rating .rating-stars span.fh {
  width: 0.47em;
  margin-right: 0;
  float: left !important;
}
.rating .rating-stars span.lh {
  width: 0.5em;
  text-indent: -0.44em;
  margin-left: 0;
  float: left !important;
}
.rating .rating-stars span.active {
  color: #f20c06;
}
.rating.rating-set .rating-stars {
  cursor: pointer;
  display: inline-block;
}
.rating a {
  font-size: 13px;
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.rating a:before {
  border-left: 1px solid #cccccc;
  content: "";
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
}
.tabs-responsive .tab-container {
  float: none;
  padding: 0;
}
@media (max-width: 1023px) {
  .tabs-responsive .tabhead {
    border-bottom: 1px solid #f2f4f7;
  }
}
#AddToCart-PickUpInStoreAction {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
@media (min-width: 640px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 100%;
  }
}
#AddToCart-AddToCartAction {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
@media (min-width: 640px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 100%;
  }
}
.pdp__promotion {
  min-height: 68px;
  border-radius: 5px;
}
.pdp__promotion--title {
  height: 31px;
  background-color: #000000;
  text-align: center;
  margin: 0;
  color: #ffffff;
  line-height: 30px;
  border-radius: 5px 5px 0 0;
}
.product-main-info .pdp__promotion--title {
  text-align: left;
  padding-left: 15px;
  font-size: 16px;
}
.pdp__promotion--des {
  padding: 12px;
  margin: 0;
  border: solid 1px #b6b6b6;
  border-top: none;
  border-radius: 0 0 5px 5px;
}
.pdp__promotion--des > p + p {
  border-top: solid 1px #b6b6b6;
  margin-bottom: 7px;
  padding-top: 7px;
}
.pdp__location .tmp-icon {
  display: inline-block;
  margin-right: 20px;
}
.pdp__location--title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.pdp__location--title,
.pdp__location--des {
  display: block;
}
.pdp__location--des {
  font-size: 14px;
  font-weight: 300;
}
@media (max-width: 1023px) {
  .pdp__location {
    margin-bottom: 30px;
  }
  .pdp__location.mb-5 {
    margin-bottom: 0px !important;
  }
}
.form__color--variant {
  margin: 0 0 15px;
}
.form__color--item {
  float: left;
  margin-left: 15px;
  margin-bottom: 18px;
}
.form__color--item:hover .form__color--style::after {
  content: "";
  border: 6px solid #141f2b;
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 15px;
}
@media (max-width: 1099px) {
  .form__color--item {
    width: 30.3%;
  }
  .form__color--item:nth-child(3n + 1) {
    clear: left;
    margin-left: 0;
  }
}
@media (min-width: 1100px) {
  .form__color--item {
    width: 117px;
  }
  .form__color--item:nth-child(4n + 1) {
    clear: left;
    margin-left: 0;
  }
}
.form__color--item:first-child {
  padding-left: 0;
}
.form__color--radio {
  display: inline-block;
  position: relative;
  cursor: pointer;
  user-select: none;
  width: 100%;
}
.form__color--radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  margin: 0;
  height: 18px;
  width: 18px;
}
.form__color--radio .bg__gradient--top {
  width: 90%;
  height: 13px;
  border-radius: 15px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
  position: absolute;
  left: 5%;
  top: 10%;
  opacity: 0.4;
  z-index: 100;
}
.form__color--style {
  width: 100%;
  height: 40px;
  border-radius: 15px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 5px;
  border: solid 1px #d5d5d5;
}
.form__color--style.active::after {
  content: "";
  border: 6px solid #141f2b;
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 15px;
}
.form__color--name {
  font-size: 13px;
  display: block;
  margin-left: 5px;
}
.form__color--name.active {
  font-weight: 700 !important;
}
.pdp__top--car .title-label {
  margin-bottom: 20px;
}
.tabs-car {
  padding: 30px 0 !important;
}
.detail__text {
  position: relative;
}
.detail__text--left {
  position: absolute;
}
@media (max-width: 1023px) {
  .detail__text--left {
    top: 20px;
    left: 20px;
    max-width: 80%;
  }
}
@media (min-width: 1024px) {
  .detail__text--left {
    top: 40px;
    left: 40px;
    max-width: 600px;
  }
}
@media (min-width: 1400px) {
  .detail__text--left {
    top: 65px;
    left: 65px;
    max-width: 400px;
  }
}
.detail__text--right {
  position: absolute;
}
@media (max-width: 1023px) {
  .detail__text--right {
    top: 20px;
    left: 20px;
    max-width: 80%;
  }
}
@media (min-width: 1024px) {
  .detail__text--right {
    top: 40px;
    right: 40px;
    max-width: 600px;
    text-align: right;
  }
}
@media (min-width: 1400px) {
  .detail__text--right {
    top: 65px;
    right: 65px;
    max-width: 400px;
  }
}
.detail__text h2 {
  margin: 0 0 30px;
}
@media (max-width: 1023px) {
  .detail__text h2 {
    font-size: 30px;
    margin: 0 0 15px;
  }
}
.detail__text h3,
.detail__text p {
  color: #fff;
}
@media (max-width: 1023px) {
  .detail__text h3 {
    font-size: 20px;
  }
}
.detail__text p {
  font-size: 17px;
  line-height: 1.18;
}
@media (max-width: 1023px) {
  .detail__text p {
    font-size: 14px;
    line-height: 14px;
  }
}
div.text-container {
  margin: 0 auto;
  width: 75%;
}
.hideContent {
  overflow: hidden;
  line-height: 1em;
  height: 480px;
}
.showContent {
  line-height: 1em;
  height: auto;
}
.js-show-more {
  padding: 30px 0 0;
  display: flex;
  align-content: center;
  display: none;
}
.js-show-more .btn__show--more {
  margin: auto;
  background-color: var(--black);
  color: #fff;
  font-size: 20px;
  text-transform: capitalize;
  transition: all 0.3s;
  width: 200px;
  border-radius: 60px;
  font-weight: normal;
}
.js-show-more .btn__show--more::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: middle;
  content: "";
  border-bottom: 8px solid #fff;
  border-right: 8px solid transparent;
  border-top: 0;
  border-left: 8px solid transparent;
  transform: rotate(0deg);
  transition: all 0.3s;
}
.js-show-more .btn__show--more.active::after {
  transform: rotate(180deg);
}
.text-nocompatible {
  font-size: 13px;
  position: absolute;
  left: 0;
}
.form-group {
  position: relative;
}
@media (min-width: 1023px) {
  .form-group .ic-arrow-to {
    position: absolute;
    right: -27%;
    bottom: 0;
  }
}
.status-none {
  width: 100%;
  height: 60px;
  background-color: #f4f4f4;
  font-weight: 700;
  font-size: 17px;
  color: #a2aeba;
  line-height: 60px;
  display: block;
}
@media (max-width: 1023px) {
  .page-title {
    margin-top: 20px;
  }
  .page-serviceBookingRequest .page-title {
    padding-left: 20px;
  }
}
.page-title .btn-tooltip {
  vertical-align: baseline;
}
.tmp-certified {
  font-size: 12px;
  display: inline-block;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  background-color: var(--red);
  padding: 2px 5px;
  color: var(--white);
}
.page-details-variants-select .qty-selector-label {
  font-size: 16px;
  font-weight: 600;
  margin: 0 15px 0 0 !important;
}
.page-details-variants-select .qty-selector {
  margin: 0 15px 0 0;
}
.page-multiStepCheckoutSummaryPage .form__color--item:hover .form__color--style::after {
  content: none;
}
.vehicle-summary ul {
  padding-left: 20px;
}
.select__variant--item {
  padding: 15px;
  border-radius: 4px;
  border: solid 1px #b6b6b6;
  display: block;
  width: 100%;
  height: 100%;
  height: 115px;
  word-break: break-all;
}
.carousel__componentt--variant .carousel__item {
  margin: 0 15px 0 0;
}
.carousel__componentt--variant .carousel__item.active .select__variant--item {
  border: solid 6px var(--black);
  padding-top: 12px;
}
.carousel__componentt--variant .owl-buttons .owl-prev,
.carousel__componentt--variant .owl-buttons .owl-next {
  cursor: pointer;
  position: absolute !important;
  top: 50% !important;
  display: table;
  width: 100px;
  height: 115px;
  text-align: center;
  overflow: hidden;
  margin-top: -57px;
}
.carousel__componentt--variant .owl-buttons .owl-prev {
  background-image: url("../images/icons/ic-prev-variant.svg") !important;
  background-size: 100px 115px;
  left: 0;
}
.carousel__componentt--variant .owl-buttons .owl-prev.disabled {
  display: none !important;
}
.carousel__componentt--variant .owl-buttons .owl-next {
  background-image: url("../images/icons/ic-next-variant.svg") !important;
  background-size: 100px 115px;
  right: 0;
}
.carousel__componentt--variant .owl-buttons .owl-next.disabled {
  display: none !important;
}
.carousel__componentt--variant .slick-disabled {
  display: none !important;
}
.variant__limited {
  display: flex;
}
@media (max-width: 1023px) {
  .variant__limited {
    flex-wrap: wrap;
  }
  .variant__limited.carousel__componentt--variant {
    height: auto !important;
    overflow: auto !important;
  }
}
.variant__limited .carousel__item {
  width: 100%;
}
@media (max-width: 1023px) {
  .variant__limited .carousel__item {
    width: 46%;
    margin-bottom: 15px;
  }
  .variant__limited .carousel__item:nth-of-type(2) {
    margin-right: 0;
  }
}
.variant__limited .carousel__item:last-child {
  margin-right: 0;
}
.description-list ul {
  margin: 0 0 0 23px;
  padding: 0;
}
.description-list ul li {
  margin-bottom: 17px;
}
@media (max-width: 1023px) {
  .js-sidebar-pdp {
    margin-top: 30px;
  }
}
.image-gallery .image-gallery__image .owl-item .item {
  padding: 0;
  height: 360px !important;
  width: 100%;
  overflow: hidden;
  text-align: center;
  display: table;
}
.image-gallery .image-gallery__image .owl-item .item .zoom {
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.image-gallery .image-gallery__image .owl-item .item img {
  width: auto;
  max-height: 360px;
  max-width: 100%;
  background-color: #fff;
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .image-gallery .image-gallery__image .owl-controls {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .image-gallery .image-gallery__image .owl-controls {
    display: none !important;
  }
}
.image-gallery .gallery-carousel {
  width: 80%;
  margin: 0 10%;
}
.image-gallery .gallery-carousel .owl-wrapper-outer.gallery-carousel-padding {
  width: 104%;
}
.image-gallery .gallery-carousel .owl-item {
  padding: 16px 0px;
}
.image-gallery .gallery-carousel .owl-item .item {
  width: 100%;
  border: solid 6px #fff;
  height: 100px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.portal__insurance--wrapper .image-gallery .gallery-carousel .owl-item .item {
  height: 70px;
}
.image-gallery .gallery-carousel .owl-item img {
  width: auto !important;
  max-height: 100px !important;
  max-width: 100%;
}
.portal__insurance--wrapper .image-gallery .gallery-carousel .owl-item img {
  max-height: 70px !important;
}
.image-gallery .gallery-carousel .owl-item:hover .item {
  border: solid 3px #000000;
  cursor: pointer;
}
.image-gallery .gallery-carousel .owl-item.active .item {
  border: solid 6px var(--black);
}
.image-gallery .gallery-carousel .owl-item.active .item:before {
  width: 0;
  height: 0;
  vertical-align: 0.255em;
  content: "";
  border-bottom: 13px solid var(--black);
  border-right: 15px solid transparent;
  border-top: 0;
  border-left: 15px solid transparent;
  position: absolute;
  left: 50%;
  top: 3px;
  margin-left: -15px;
}
.image-gallery .gallery-carousel .owl-prev {
  left: -45px;
}
.image-gallery .gallery-carousel .owl-next {
  right: -54px;
}
.image-gallery {
  z-index: 100;
  position: relative;
}
@media (max-width: 1023px) {
  .image-gallery {
    margin-bottom: 30px;
  }
}
.image-gallery__image {
  cursor: pointer;
  overflow: hidden;
}
.image-gallery__zoom-icon {
  position: absolute;
  z-index: 10;
}
@media (min-width: 640px) {
  .image-gallery__zoom-icon {
    right: 5px;
    top: 5px;
  }
}
@media (max-width: 639px) {
  .image-gallery__zoom-icon {
    right: 0;
    top: 0;
  }
}
.image-gallery img {
  width: 100%;
  height: auto;
  -webkit-touch-callout: none;
}
.image-gallery .zoomImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: none;
  max-width: none;
  z-index: 9999;
  border: 0;
  opacity: 0;
}
.image-gallery-item img {
  width: 100%;
}
.gallery-carousel .owl-buttons .owl-prev,
.gallery-carousel .owl-buttons .owl-next {
  cursor: pointer;
  position: absolute !important;
  top: 50% !important;
  display: table;
  text-align: center;
  overflow: hidden;
}
@media (min-width: 640px) {
  .gallery-carousel .owl-buttons .owl-prev,
  .gallery-carousel .owl-buttons .owl-next {
    width: 51px;
    height: 95px;
    margin-top: -42px;
  }
}
.gallery-carousel .owl-buttons .owl-prev {
  background-image: url("../images/icons/ic-prev-gallary.png") !important;
  background-size: 51px 95px;
  left: -51px;
}
.portal__insurance--wrapper .gallery-carousel .owl-buttons .owl-prev {
  background-size: 70%;
}
.gallery-carousel .owl-buttons .owl-next {
  background-image: url("../images/icons/ic-next-gallary.png") !important;
  background-size: 51px 95px;
  right: -48px;
}
.portal__insurance--wrapper .gallery-carousel .owl-buttons .owl-next {
  background-size: 70%;
}
.gallery-carousel .owl-item.active > div:after {
  content: "active";
}
.gallery-carousel .owl-item.center > div:after {
  content: "center";
}
.gallery-carousel .owl-item.active.center > div:after {
  content: "active center";
}
.gallery-carousel .owl-item > div:after {
  font-family: sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.stick-pdp {
  position: fixed;
  top: 102px;
  width: 47.6%;
  left: 30px;
  padding-right: 20px;
}
.float {
  position: absolute;
  width: 96.8%;
  bottom: 0;
  left: 0px;
}
.addtocart-component {
  position: relative;
}
@media (max-width: 639px) {
  .addtocart-component {
    text-align: center;
    margin: 0;
  }
  .addtocart-component .actions {
    display: flex;
  }
  .addtocart-component .actions .btn-primary-max {
    width: 92%;
    display: block;
    float: left;
  }
  .addtocart-component .AddToCart-AddToCartAction {
    display: block;
    width: 100%;
  }
}
.addtocart-component .stock-wrapper {
  font-size: 13px;
  margin: 25px 0;
}
.addtocart-component .stock-wrapper * {
  float: left;
  margin: 0;
}
.addtocart-component .stock-wrapper .futureStockLink {
  margin-left: 10px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share {
  background: url("../../common/images/productShareIcon.png") no-repeat left center;
  padding-left: 25px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share .a2a_img {
  display: none;
}
.addtocart-component .qty-selector .input-group-btn,
#add_to_cart_storepickup_form .qty-selector .input-group-btn,
.addtocart-component .qty-selector .btn,
#add_to_cart_storepickup_form .qty-selector .btn {
  width: 44px;
  height: 62px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  border: none;
  background-color: #f4f4f4;
}
.addtocart-component .qty-selector .form-control,
#add_to_cart_storepickup_form .qty-selector .form-control {
  min-width: 44px;
  height: 62px;
  background-color: #cb0000;
  text-align: center;
  font-weight: 600;
  color: #fff;
  font-size: 16px;
}
.addtocart-component .qty-selector-label,
#add_to_cart_storepickup_form .qty-selector-label {
  vertical-align: top;
  display: inline-block;
  margin: 20px 15px 0 0;
}
@media (max-width: 1023px) {
  .addtocart-component .qty-selector .input-group-btn,
  .addtocart-component .qty-selector .btn,
  .addtocart-component .qty-selector .form-control {
    width: 68.4px;
  }
}
@media (max-width: 640px) {
  .addtocart-component .qty-selector {
    margin: 0 auto 20px;
  }
  .addtocart-component .stock-wrapper {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}
.add-to-cart .add-to-cart-item {
  margin-bottom: 10px;
  overflow: hidden;
  display: flex;
}
@media (min-width: 640px) {
  .add-to-cart .add-to-cart-item {
    padding: 20px;
  }
}
@media (max-width: 639px) {
  .add-to-cart .add-to-cart-item {
    padding: 10px;
  }
}
.add-to-cart .add-to-cart-item:nth-child(odd) {
  background-color: #f4f4f4;
}
.colorBox__addToCart .add-to-cart .add-to-cart-item {
  background-color: #f4f4f4;
}
@media (min-width: 640px) {
  .add-to-cart .add-to-cart-item:last-of-type {
    margin-bottom: 40px;
  }
}
@media (max-width: 639px) {
  .add-to-cart .add-to-cart-item:last-of-type {
    margin-bottom: 20px;
  }
}
.add-to-cart .add-to-cart-item .thumb {
  float: left;
  margin-right: 20px;
  width: 150px;
  display: table;
}
@media (max-width: 1023px) {
  .add-to-cart .add-to-cart-item .thumb img {
    max-width: 100px;
    margin-right: 20px;
  }
}
@media (max-width: 639px) {
  .add-to-cart .add-to-cart-item .thumb img {
    max-width: 70px;
    margin-right: 10px;
  }
}
.add-to-cart .add-to-cart-item .details {
  position: relative;
  width: 72%;
}
.add-to-cart .add-to-cart-item .details .name {
  font-weight: 600;
  color: inherit;
  font-size: 17px;
}
.add-to-cart .add-to-cart-item .details .qty {
  position: absolute;
  bottom: 5px;
  left: 0;
}
.add-to-cart .add-to-cart-item .price {
  position: absolute;
  right: 0;
  top: 0;
}
.add-to-cart .add-to-cart-item.cart__empty {
  align-items: center;
  place-content: flex-start;
  text-align: center;
}
.add-to-cart .add-to-cart-item.cart__empty .cart__empty--inner {
  display: inline;
  margin: auto;
}
.add-to-cart .add-to-cart-item.cart__empty .cart__empty--inner img {
  display: inline-block;
  vertical-align: middle;
  height: 92px;
}
@media (max-width: 1023px) {
  .add-to-cart .add-to-cart-item.cart__empty .cart__empty--inner img {
    margin-bottom: 15px;
  }
}
.add-to-cart .add-to-cart-item.cart__empty .cart__empty--inner h4 {
  display: inline-block;
  margin: 0px 0 0 20px;
  vertical-align: middle;
}
.add-to-cart .cart-popup-sum {
  margin: 25px 0 30px 0;
  display: flex;
}
@media (max-width: 639px) {
  .add-to-cart .cart-popup-sum .btn {
    font-size: 19px;
  }
}
@media (max-width: 639px) {
  .add-to-cart-item .product-name {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 23px;
    max-height: 69px;
    height: auto;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 640px) {
  .add-to-cart.cart-popup .add-to-cart-item:last-of-type {
    margin-bottom: 0;
  }
}
@media (max-width: 639px) {
  .add-to-cart.cart-popup .add-to-cart-item:last-of-type {
    margin-bottom: 0;
  }
}
.add-to-cart.cart-popup .cart-popup-sum {
  margin: 20px 0 30px 0;
}
.add-to-cart.cart-popup .thumb {
  max-width: 145px;
  margin-right: 20px;
  width: 145px;
  float: none;
  display: block;
}
.add-to-cart.cart-popup .thumb img {
  max-width: 100%;
}
@media (max-width: 1023px) {
  .add-to-cart.cart-popup .thumb img {
    max-width: 100%;
  }
}
@media (max-width: 639px) {
  .add-to-cart.cart-popup .thumb img {
    max-width: 100%;
  }
}
.add-to-cart.cart-popup .product-details {
  margin-bottom: 0;
  width: 50%;
  max-width: 50%;
  margin: 0 auto 0 0;
}
.add-to-cart.cart-popup .product-details .product-qty {
  flex: 0;
  margin-top: 3px;
}
.add-to-cart.cart-popup .product-price {
  white-space: nowrap;
  margin-left: 10px;
}
.add-to-cart.cart-popup .btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-to-cart.cart-popup .btn + .btn {
  margin-top: 15px;
}
.order-content-items .addtocart-component {
  text-align: left;
}
div.tmp-accordion {
  text-transform: inherit;
}
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel:before,
.owl-carousel:after {
  content: " ";
  display: table;
}
.owl-carousel:after {
  clear: both;
}
.owl-carousel:before,
.owl-carousel:after {
  content: " ";
  display: table;
}
.owl-carousel:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:before,
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  content: " ";
  display: table;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:before,
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  content: " ";
  display: table;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  float: left;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.loading > * {
  min-height: 1px;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .text {
  text-transform: capitalize;
}
.owl-carousel .owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
  background-image: url("../images/icons/ic-prev.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev.disabled {
  opacity: 0.6;
  cursor: default;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev .glyphicon {
  display: none !important;
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
  background-image: url("../images/icons/ic-next.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.owl-carousel .owl-controls .owl-buttons .owl-next.disabled {
  opacity: 0.6;
  cursor: default;
}
.owl-carousel .owl-controls .owl-buttons .owl-next .glyphicon {
  display: none;
}
.owl-carousel.js-owl-default .owl-wrapper,
.owl-carousel.js-merch-carousel .owl-wrapper {
  display: flex !important;
  align-items: baseline;
}
.carousel__component--carousel {
  width: auto;
  margin: 0px;
}
@media (max-width: 1023px) {
  .carousel__component--carousel {
    width: 82%;
    margin: auto;
  }
}
.carousel__component--carousel .carousel__item {
  display: block;
  margin: 0 5px;
  padding: 0;
}
.carousel__component--carousel .carousel__item .thumb {
  position: relative;
}
.carousel__component--carousel .carousel__item .thumb img {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
}
.carousel__component--carousel .carousel__item .thumb img.img-certificate {
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 14px;
  width: auto !important;
  margin-left: -52px;
}
.carousel__component--carousel .carousel__item .carousel__item--thumb {
  position: relative;
}
.carousel__component--carousel .carousel__item .carousel__item--thumb img {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
}
.carousel__component--carousel .carousel__item .carousel__item--thumb img.img-certificate {
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 14px;
  width: auto !important;
  margin-left: -52px;
}
.carousel__component--carousel .carousel__item a {
  color: #000000;
}
.carousel__component--carousel .carousel__item a.btn-buy-now {
  width: 100px;
}
.carousel__component--carousel .carousel__item a:hover,
.carousel__component--carousel .carousel__item a:focus {
  text-decoration: none;
  color: #f20c06;
}
.carousel__component--carousel .carousel__item--info {
  padding: 10px 5px;
}
.carousel__component--carousel .carousel__item--name {
  overflow: hidden;
  line-height: 19px;
  height: 40px;
  margin: 0 0 10px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.carousel__component--carousel .carousel__item:hover {
  background-color: #f4f4f4;
}
.carousel__component--carousel .carousel__item:hover a {
  color: inherit !important;
}
.carousel__component--carousel .owl-buttons .owl-prev,
.carousel__component--carousel .owl-buttons .owl-next {
  cursor: pointer;
  position: absolute !important;
  top: 47% !important;
  display: table;
  width: 46px;
  height: 86px;
  text-align: center;
  overflow: hidden;
  margin-top: -40px;
}
@media (max-width: 1023px) {
  .carousel__component--carousel .owl-buttons .owl-prev {
    left: -35px;
  }
}
@media (min-width: 1024px) {
  .carousel__component--carousel .owl-buttons .owl-prev {
    left: -45px;
  }
}
@media (max-width: 1023px) {
  .carousel__component--carousel .owl-buttons .owl-next {
    right: -35px;
  }
}
@media (min-width: 1024px) {
  .carousel__component--carousel .owl-buttons .owl-next {
    right: -45px;
  }
}
.carousel-component:before,
.carousel__component:before,
.carousel-component:after,
.carousel__component:after {
  content: " ";
  display: table;
}
.carousel-component:after,
.carousel__component:after {
  clear: both;
}
.carousel-component:before,
.carousel__component:before,
.carousel-component:after,
.carousel__component:after {
  content: " ";
  display: table;
}
.carousel-component:after,
.carousel__component:after {
  clear: both;
}
.carousel-component .carousel__component--headline--img,
.carousel__component .carousel__component--headline--img {
  height: 103px;
  margin: auto;
}
.carousel-component + .carousel-component,
.carousel__component + .carousel-component,
.carousel-component .carousel__component,
.carousel__component .carousel__component {
  margin-top: 0;
  border-top: 4px solid #b6b6b6;
  padding-top: 30px;
}
@media (min-width: 1024px) {
  .carousel__component {
    padding: 0 40px;
  }
}
@media (min-width: 1400px) {
  .carousel__component {
    padding: 0 50px;
  }
}
.rotating-image-componet:before,
.rotating-image-componet:after {
  content: " ";
  display: table;
}
.rotating-image-componet:after {
  clear: both;
}
.rotating-image-componet:before,
.rotating-image-componet:after {
  content: " ";
  display: table;
}
.rotating-image-componet:after {
  clear: both;
}
.rotating-image-componet .carousel.rotating-image {
  margin: 0;
}
.rotating-image-componet .owl-item {
  cursor: alias;
}
.rotating-image-componet .owl-item .item {
  padding: 0;
  margin: 0;
}
.rotating-image-componet .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
.gallery-carousel .rotating-image-componet .owl-item img {
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.rotating-image-componet .owl-controls .owl-pagination {
  display: block !important;
}
.carousel-main .item img {
  width: 100%;
}
.carousel-main .carousel-caption {
  text-align: left;
  padding: 0;
  left: 8%;
  bottom: 10%;
  right: 8%;
}
.carousel-main .carousel-caption .caroursel-title {
  color: #fff;
  font-size: 140px;
  font-family: "Distinct Style Script Alt";
  margin: 0;
}
.carousel-main .carousel-caption .carousel-des {
  font-weight: 600;
  vertical-align: middle;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 40px;
  max-width: 76%;
}
.carousel-main .carousel-caption .carousel-des span {
  width: 100%;
  display: block;
  overflow: hidden;
}
@media (min-width: 640px) {
  .carousel-main .carousel-caption .carousel-des span {
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.carousel-main .carousel-control.prev {
  background-image: url("../images/icons/ic-prev-main.svg");
  background-repeat: no-repeat;
  background-position: center left;
}
@media (max-width: 639px) {
  .carousel-main .carousel-control.prev {
    left: 17px;
  }
}
@media (min-width: 640px) {
  .carousel-main .carousel-control.prev {
    left: 40px;
  }
}
.carousel-main .carousel-control.next {
  background-image: url("../images/icons/ic-next-main.svg");
  background-repeat: no-repeat;
  background-position: center right;
  left: auto;
}
@media (max-width: 639px) {
  .carousel-main .carousel-control.next {
    right: 17px !important;
  }
}
@media (min-width: 640px) {
  .carousel-main .carousel-control.next {
    right: 40px !important;
  }
}
@media (max-width: 1024px) {
  .carousel-main .carousel-control {
    background-size: 19px;
  }
}
.carousel-main .carousel-indicators {
  margin: 0;
  left: 0;
  width: 100%;
  text-align: center;
  bottom: 18px;
}
.carousel-main .carousel-indicators li {
  margin: 0 12px;
  width: 24px;
  height: 4px;
  border-radius: 4px;
  background-color: #ffffff;
}
.carousel-main .carousel-indicators li.active {
  margin: 0 12px;
  opacity: 0.5;
}
#custom_carousel {
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.1);
  margin: 0;
}
@media (max-width: 1023px) {
  #custom_carousel {
    padding: 30px;
    min-height: 35vh;
    overflow-y: auto;
  }
  #custom_carousel .container-fluid {
    padding: 0;
  }
}
@media (min-width: 1100px) {
  #custom_carousel {
    padding: 15px 15px 14px;
    max-height: 90vh;
    overflow-y: auto;
  }
}
@media (min-width: 1400px) {
  #custom_carousel {
    padding: 20px 30px 0;
    max-height: 90vh;
  }
}
#custom_carousel .item {
  color: inherit;
}
@media (max-width: 640px) {
  #custom_carousel .item {
    padding: 25px 0px;
  }
}
@media (min-width: 1024px) {
  #custom_carousel .item {
    padding: 10px 10px 0;
  }
}
#custom_carousel .item .col-md-3 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
@media (max-width: 639px) {
  #custom_carousel .item .col-md-3 {
    padding: 0;
  }
  #custom_carousel .item .col-md-3:nth-of-type(2n + 1) {
    clear: none;
  }
}
@media (max-width: 1023px) {
  #custom_carousel .item .col-md-3:nth-of-type(2n + 1) {
    clear: left;
  }
}
@media (min-width: 1024px) {
  #custom_carousel .item .col-md-3 {
    padding: 15px 15px 0;
  }
  #custom_carousel .item .col-md-3:nth-of-type(4n + 1) {
    clear: left;
  }
}
@media (min-width: 1400px) {
  #custom_carousel .item .col-md-3 {
    padding-top: 25px;
  }
}
#custom_carousel .item .col-md-3:hover {
  background-color: #f4f4f4;
}
#custom_carousel .item .item__image {
  display: table-cell;
  height: 115px;
}
@media (max-width: 1023px) {
  #custom_carousel .item .item__image {
    display: block;
    height: 200px;
  }
}
@media (min-width: 1400px) {
  #custom_carousel .item .item__image {
    height: 160px;
  }
}
@media (min-width: 1024px) {
  #custom_carousel .item .item__image img {
    max-height: 100%;
  }
}
@media (max-width: 1023px) {
  #custom_carousel .item .item__image img {
    max-height: 200px;
  }
}
#custom_carousel .controls {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  position: relative;
}
#custom_carousel .controls li {
  float: none;
  display: inline-block;
  padding: 0;
}
#custom_carousel .controls li a {
  font-size: 18px;
  font-weight: 600;
  line-height: 41px;
  text-align: center;
  padding: 0 25px;
  color: var(--black-60);
  cursor: pointer;
}
#custom_carousel .controls li a:hover,
#custom_carousel .controls li a:focus {
  background-color: transparent !important;
}
#custom_carousel .controls li.active {
  height: 41px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#custom_carousel .controls li.active a {
  color: var(--black);
  background-color: transparent;
}
@media (max-width: 1023px) {
  #custom_carousel .controls li {
    background-color: transparent;
  }
}
@media (min-width: 1024px) {
  #custom_carousel .controls li:hover {
    height: 41px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  #custom_carousel .controls li:hover a {
    color: var(--black);
    background-color: transparent;
  }
}
#custom_carousel .controls a small {
  overflow: hidden;
  display: block;
  font-size: 10px;
  margin-top: 5px;
  font-weight: 600;
}
@media (max-width: 639px) {
  #custom_carousel .featured__models--explore {
    padding: 0 !important;
  }
}
#custom_carousel .item__info {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-delay: 1.3s;
  position: relative;
  margin: auto auto 20px;
}
#custom_carousel .item__info--title {
  margin: 5px 0 3px;
  font-weight: 600;
}
@media (max-width: 1023px) {
  #custom_carousel .item__info--title {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  #custom_carousel .item__info--title {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  #custom_carousel .item__info--title {
    font-size: 18px;
  }
}
#custom_carousel .item__info--price {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}
#custom_carousel .item__info--price .from {
  font-size: 13px;
}
#mainCarousel .item img.img-responsive-bg {
  position: relative;
  z-index: 1;
}
#mainCarousel .item img.img-responsive-car {
  position: absolute;
  right: 20%;
  top: 0;
  z-index: 10;
  margin-top: 100px;
}
.carousel.carousel-fade .item {
  -webkit-transition: 0.7s ease-out;
  -o-transition: 0.7s ease-out;
  transition: 0.7s ease-out;
  opacity: 0.5;
}
.carousel.carousel-fade .active.item {
  opacity: 1;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  z-index: 6;
}
.carousel.carousel-fade .carousel-control {
  z-index: 3;
}
.carousel.carousel-fade .prev {
  left: 25px;
  background-image: url("../images/icons/ic-prev.svg");
  background-repeat: no-repeat;
  background-position: center left;
}
.carousel.carousel-fade .next {
  left: auto;
  right: 25px !important;
  background-image: url("../images/icons/ic-next.svg");
  background-repeat: no-repeat;
  background-position: center right;
}
.carousel__gift--component {
  margin: auto;
}
@media (max-width: 1023px) {
  .carousel__gift--component {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .carousel__gift--component {
    width: 82%;
  }
}
@media (min-width: 1400px) {
  .carousel__gift--component {
    width: 88%;
  }
}
.carousel__gift--component .owl-buttons .owl-prev,
.carousel__gift--component .owl-buttons .owl-next {
  cursor: pointer;
  position: absolute !important;
  top: 47% !important;
  width: 46px;
  height: 86px;
  text-align: center;
  overflow: hidden;
  margin-top: -40px;
}
@media (max-width: 1023px) {
  .carousel__gift--component .owl-prev {
    left: -25px;
  }
  .carousel__gift--component .owl-next {
    right: -25px;
  }
}
@media (min-width: 1024px) {
  .carousel__gift--component .owl-prev {
    left: -25px;
  }
  .carousel__gift--component .owl-next {
    right: -25px;
  }
}
@media (min-width: 1400px) {
  .carousel__gift--component .owl-prev {
    left: -25px;
  }
  .carousel__gift--component .owl-next {
    right: -25px;
  }
}
.js-owl-special-services .owl-wrapper {
  display: flex !important;
}
.js-owl-special-services .owl-item {
  display: flex !important;
}
.js-owl-special-services .carousel__services {
  display: flex;
  flex-direction: column;
}
.js-owl-special-services .carousel__services--bottom {
  position: absolute;
  bottom: 30px;
  left: 10px;
  width: 100%;
  padding: 0 20px;
}
.carousel__componentt--variant {
  height: 115px !important;
  overflow: hidden !important;
}
.simpleimagecomponent a {
  display: block;
}
.simpleimagecomponent a img {
  width: 100%;
  height: auto;
}
.banner-component {
  width: 100%;
}
.banner-component a {
  display: block;
  color: #000000;
  text-decoration: none;
}
.banner-component a:before,
.banner-component a:after {
  content: " ";
  display: table;
}
.banner-component a:after {
  clear: both;
}
.banner-component a:before,
.banner-component a:after {
  content: " ";
  display: table;
}
.banner-component a:after {
  clear: both;
}
.banner-component .title {
  font-weight: 600;
}
.banner-component .thumb {
  padding: 10px 0;
}
.banner-component .thumb img {
  width: 100%;
  height: auto;
}
@media (max-width: 639px) {
  .simple-banner-component,
  .banner__component {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (max-width: 639px) and (min-width: 1024px) {
  .simple-banner-component > .alert,
  .banner__component > .alert {
    margin: 0 40px 10px;
  }
}
@media (max-width: 639px) and (max-width: 1023px) {
  .simple-banner-component > .alert,
  .banner__component > .alert {
    margin: 0 30px 10px;
  }
}
@media (max-width: 639px) and (max-width: 639px) {
  .simple-banner-component > .alert,
  .banner__component > .alert {
    margin: 0 26px 10px;
  }
}
.simple-banner-component a,
.banner__component a {
  display: block;
}
.simple-banner-component img,
.banner__component img {
  height: auto;
}
.image-map-component img {
  width: 100%;
  height: auto;
}
.cms-image-component img {
  width: 100%;
  height: auto;
}
.tabs {
  background-color: #f4f4f4;
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .tabs {
    padding: 30px 20px;
  }
}
.tabs .tabs-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #dddddd;
  display: table;
  border: 0;
}
.tabs .tabs-list > li {
  position: relative;
  display: block;
}
.tabs .tabs-list > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.tabs .tabs-list > li > a:hover,
.tabs .tabs-list > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.tabs .tabs-list > li.disabled > a {
  color: #777777;
}
.tabs .tabs-list > li.disabled > a:hover,
.tabs .tabs-list > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.tabs .tabs-list .open > a,
.tabs .tabs-list .open > a:hover,
.tabs .tabs-list .open > a:focus {
  background-color: #eeeeee;
  border-color: #000000;
}
.tabs .tabs-list .nav-divider {
  height: 1px;
  margin: 7.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.tabs .tabs-list > li > a > img {
  max-width: none;
}
.tabs .tabs-list-img-ibs img {
  margin-right: 15px;
}
@media (max-width: 1300px) {
  .tabs .tabs-list-img-ibs img {
    height: 48px;
  }
}
@media (min-width: 1301px) {
  .tabs .tabs-list-img-ibs img {
    height: 52px;
  }
}
.tabs .tabs-list-des-ibs {
  font-size: 13px;
  margin: 0;
}
@media (min-width: 1024px) and (max-width: 1300px) {
  .tabs .tabs-list-title {
    font-size: 16px !important;
  }
  .tabs .tabs-list-img-ibs img {
    height: 50px;
    margin-right: 7px;
  }
  .tabs .tabs-list-des-ibs {
    font-size: 12px;
  }
}
.tabs .tabs-list > li {
  float: left;
  margin-bottom: -1px;
}
.tabs .tabs-list > li > a {
  margin-right: 2px;
  line-height: 1.14;
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0;
}
.tabs .tabs-list > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.tabs .tabs-list > li.active > a,
.tabs .tabs-list > li.active > a:hover,
.tabs .tabs-list > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tabs .tabs-list.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.tabs .tabs-list.nav-justified > li {
  float: none;
}
.tabs .tabs-list.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.tabs .tabs-list.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .tabs .tabs-list.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .tabs .tabs-list.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.tabs .tabs-list.nav-justified > li > a {
  margin-right: 0;
  border-radius: 5px;
}
.tabs .tabs-list.nav-justified > .active > a,
.tabs .tabs-list.nav-justified > .active > a:hover,
.tabs .tabs-list.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 640px) {
  .tabs .tabs-list.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 5px 5px 0 0;
  }
  .tabs .tabs-list.nav-justified > .active > a,
  .tabs .tabs-list.nav-justified > .active > a:hover,
  .tabs .tabs-list.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tabs .tabs-list .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.tabs .tabs-list li a {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.18;
  text-align: left;
  color: #000;
  height: 50px;
  border: none;
  padding: 13px 25px;
}
.tabs .tabs-list li a:focus,
.tabs .tabs-list li a:hover {
  border-radius: 10px;
  background-color: #ffffff;
  color: #000;
  border: none;
}
.tabs .tabs-list li.active a,
.tabs .tabs-list li.active a:hover,
.tabs .tabs-list li.active a:focus {
  border-radius: 10px;
  background-color: #ffffff;
  color: #000;
  border: none;
}
.inventory-tab .tabs .tabs-list li.active a,
.inventory-tab .tabs .tabs-list li.active a:hover,
.inventory-tab .tabs .tabs-list li.active a:focus {
  background-color: #f4f4f4 !important;
}
@media (min-width: 1024px) {
  .tabs .tabs-list.col-md-offset-4 {
    padding-left: 10px;
  }
}
.tabs .tab-container {
  padding: 35px 0 0;
}
.tabs .tabhead {
  height: 75px;
  display: table;
}
@media (max-width: 639px) {
  .tabs .tabhead {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .tabs .tabhead {
    display: none !important;
  }
}
.tabs .tabhead + .tabbody {
  display: none !important;
}
.tabs .tabhead.active {
  font-weight: 600;
}
.tabs .tabhead.active + .tabbody {
  display: block !important;
}
.tabs .tabhead a {
  padding: 0 10px;
  color: inherit;
  line-height: 1;
  text-decoration: none;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .tabs .tabhead a {
    padding-left: 20px;
  }
}
.tabs .tabhead .glyphicon {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
}
.tabs .tabhead .glyphicon:before {
  content: "\e080";
}
@media (max-width: 1024px) {
  .tabs .tabhead .glyphicon {
    padding-right: 20px;
  }
}
.tabs .tabhead.active .glyphicon:before {
  content: "\e114";
}
@media (max-width: 639px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
.tabs.tabs-responsive .tabhead {
  text-transform: uppercase;
  display: none !important;
  border-bottom-color: #cccccc;
}
.tabs.tabs-responsive .tabhead.active {
  border-bottom: 4px solid #f20c06;
}
@media (max-width: 1023px) {
  .tabs.tabs-responsive .tabhead {
    display: table !important;
  }
}
.tabs.tabs-accordion .tabs-list {
  display: none !important;
}
.tabs.tabs-accordion .tabhead {
  display: table !important;
  margin-bottom: 20px;
}
.product__details--vehicle {
  padding: 30px 0 !important;
}
@media (min-width: 1024px) {
  .product__details--vehicle .tabs {
    padding: 0;
  }
}
.languagecurrencycomponent {
  float: right !important;
}
.languagecurrencycomponent form {
  display: inline-block;
}
.languagecurrencycomponent form + form {
  margin-left: 10px;
}
.ui-helper-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.thumb {
  position: relative;
}
.thumb .badges {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
}
.thumb .badges .badge {
  float: left;
  clear: left;
  margin-bottom: 10px;
}
.com-space > * {
  padding: 10px 0;
}
.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-column > * {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.product-classifications .headline {
  font-weight: 600;
  padding: 12px 15px 12px 0;
  margin: 0;
}
.product-classifications table.table td.attrib {
  width: 50%;
}
.no-space {
  padding: 0 !important;
}
.no-space .yCmsComponent {
  padding: 0 !important;
}
.simple-responsive-banner-component a,
.banner__component--responsive a {
  display: block;
}
.js-site-logo .simple-responsive-banner-component a,
.js-site-logo .banner__component--responsive a {
  display: inline-block !important;
}
.simple-responsive-banner-component img,
.banner__component--responsive img {
  width: 100%;
  height: auto;
}
.error-page {
  text-align: center;
}
.back-link {
  padding: 20px 0px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .back-link {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.back-link.border {
  border-bottom: 1px solid #cccccc;
}
.back-link button {
  padding: 0;
}
.back-link .glyphicon {
  border-right: 1px solid #cccccc;
  border-radius: 0;
  padding-right: 10px;
  line-height: 16px;
  top: -2px;
}
.back-link .label {
  color: inherit;
  font-size: 24px;
  line-height: 35px;
  font-weight: 600;
  padding: 40px 20px 0;
  margin: 0;
  padding-left: 10px;
  white-space: normal;
}
.back-link .label.border {
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 25px;
}
.back-link.product-details .label {
  font-weight: 600;
}
.accordion {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.accordion .panel-group {
  margin: 0;
}
.accordion .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.accordion .panel .panel-heading {
  background-color: #f2f2f2;
  border-bottom: 1px solid #ffffff;
  position: relative;
  padding: 0;
}
.accordion .panel .panel-heading .accordion-toggle {
  display: block;
  color: #000000;
  padding: 20px 30px;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  content: "\e113";
}
.accordion .panel .panel-heading .accordion-toggle.collapsed:before {
  content: "\e114";
}
.accordion .panel .panel-heading .accordion-lnk {
  position: absolute;
  left: 55px;
  top: 20px;
}
.accordion .panel .panel-heading .accordion-lnk.no-subs {
  display: block;
  position: static;
  padding: 20px;
}
.accordion .panel .panel-collapse .panel-heading {
  background-color: #e6e6e6;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk {
  left: 75px;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 75px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading {
  background-color: #d9d9d9;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #cccccc;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #bfbfbf;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #b3b3b3;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #a6a6a6;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #999999;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #8c8c8c;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #808080;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #737373;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 255px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 255px;
}
.accordion .panel .panel-heading + .panel-collapse > .panel-body {
  border: none;
  padding: 0;
}
.refine-color {
  color: #000000;
}
.pageType-CategoryPage .map img {
  min-width: 100%;
}
.searchEmptyPageMiddle-component {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .searchEmptyPageMiddle-component {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .product__list--wrapper {
    padding: 0;
    margin: 0 0 0 -20px;
  }
}
@media (min-width: 640px) {
  .product__list--wrapper .pagination-wrap {
    padding-right: 0;
  }
}
.tab__content--wrapper .col-sm-6.mt-4.mb-4 :nth-of-type(2n + 1) {
  clear: left;
}
.searchSpellingSuggestionPrompt {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 640px) {
  .pagination-bar .sort-refine-bar button {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.results h1 {
  color: inherit;
  font-size: 24px;
  line-height: 35px;
  font-weight: 600;
  padding: 40px 20px 0;
  margin: 0;
  margin-top: 20px;
  padding-left: 20px;
  padding-bottom: 0;
}
.results h1.border {
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 25px;
}
.product__listing {
  padding-left: 0;
  list-style: none;
}
.product__listing .product__listing--promo {
  color: #3e5983;
  color: #28a745 !important;
  margin-bottom: 10px;
}
a.product__listing .product__listing--promo:hover,
a.product__listing .product__listing--promo:focus {
  color: #2e4160;
}
@media (min-width: 1024px) {
  .product__listing .product__listing--promo {
    padding-right: 20px;
    margin: 0 -10px;
  }
}
.product__listing .product__list--price-panel {
  text-align: right;
}
.product__listing .product__list--name {
  display: block;
  font-weight: 600;
  color: inherit;
  font-size: 18px;
  color: #000000;
}
@media (max-width: 639px) {
  .product__listing .product__list--name {
    width: 100%;
  }
}
.product__listing .product__listing--description {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  width: 360px;
}
@media (max-width: 639px) {
  .product__listing .product__listing--description {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .product__listing .product__listing--description .ProductListComponent-ListAddToCartAction {
    width: 100% !important;
  }
  .product__listing .product__listing--description .ProductListComponent-ListAddToCartAction .add_to_cart_form {
    width: 100%;
  }
}
.product__listing .product__listing--price {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: right;
  margin-bottom: 5px;
}
.product__listing .product__listing--certified {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 7px;
}
.product__listing .product__listing--certified img {
  height: 14px;
}
.product__listing .addtocart {
  clear: both;
  text-align: center;
  padding: 0;
  width: 133px;
  float: right;
}
@media (max-width: 639px) {
  .product__listing .addtocart {
    padding: 10px 0 0 0;
    position: initial;
  }
}
.product__listing .addtocart button,
.product__listing .addtocart a {
  margin-bottom: 5px;
  margin-top: 5px;
}
@media screen and (max-width: 639px) {
  .product__listing .addtocart button,
  .product__listing .addtocart a {
    width: 100%;
  }
}
@media (min-width: 640px) {
  .product__listing .addtocart button {
    max-width: 160px;
    float: right;
  }
}
@media (min-width: 1024px) {
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
    width: 49%;
    display: inline-block;
    float: left;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction {
    position: relative;
    right: 1%;
    float: right;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction {
    position: relative;
    left: 1%;
  }
}
@media (min-width: 1024px) and (min-width: 1400px) {
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction {
    width: calc(49% - 4px);
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .product__listing .addtocart .pickup-in-store-available {
    margin: -4px;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
    padding: 0 3.33333333px;
  }
}
.product__listing.product__list .product__list--item.tag-highlighted,
.product__listing.product__grid .product-item.tag-highlighted {
  position: relative;
}
.product__listing.product__list .product__list--item.tag-highlighted:before,
.product__listing.product__grid .product-item.tag-highlighted:before {
  content: "";
  z-index: -1;
  position: absolute;
  border: 2px solid #f20c06;
  top: 14px;
  left: 12px;
  right: 12px;
  bottom: 14px;
}
.product__listing.product__list .product__list--item.tag-highlighted:after,
.product__listing.product__grid .product-item.tag-highlighted:after {
  content: "\e006";
  top: 18px;
  left: 16px;
  color: #f20c06;
  width: 24px;
  line-height: 22px;
  height: 24px;
  font-size: 18px;
  padding: 0;
  text-align: center;
  position: absolute;
}
.product__listing.product__list .product__list--item {
  padding: 20px 20px 20px 20px;
}
.product__listing.product__list .product__list--item:nth-of-type(2n + 1) {
  background-color: #f4f4f4;
}
.product__listing.product__list .product__list--item:last-child {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .product__listing.product__list .product__list--item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 639px) {
  .product__listing.product__list .product__list--item {
    margin-left: 0;
  }
}
.product__listing.product__list .product__list--item.tag-highlighted:before {
  left: 0;
  right: 0;
  top: 1px;
  bottom: 0;
}
.product__listing.product__list .product__list--item.tag-highlighted:after {
  font-size: 16px;
  top: 8px;
  left: 7px;
}
.product__listing.product__list .product__list--item.tag-highlighted:first-child:before {
  top: 0;
}
.product__listing.product__list .product__list--item.tag-highlighted:nth-of-type(2n) {
  background: transparent;
}
.product__listing.product__list .product__list--item.tag-highlighted:nth-of-type(2n):before {
  top: 1px;
  background-color: #b6b6b6;
}
.product__listing.product__list .product__list--item .list-inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 639px) {
  .product__listing.product__list .product__list--item .list-inner {
    flex-direction: column;
  }
}
.product__listing.product__list .product__list--item .list-inner .block-info {
  flex-grow: 1;
}
@media (max-width: 639px) {
  .product__listing.product__list .product__list--item .list-inner .block-info {
    max-width: none;
    margin-left: 0;
  }
}
.product__listing.product__list .product__list--item .list-inner .plp-tooltip:hover,
.product__listing.product__list .product__list--item .list-inner .plp-tooltip:focus,
.product__listing.product__list .product__list--item .list-inner .plp-tooltip:visited {
  color: #000000;
}
.product__listing.product__list .product__list--thumb {
  float: left;
  display: table;
}
@media (min-width: 640px) {
  .product__listing.product__list .product__list--thumb {
    width: 145px;
  }
}
@media (max-width: 639px) {
  .product__listing.product__list .product__list--thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
}
.product__listing.product__list .product__list--thumb > img {
  max-width: 150px;
}
.product__listing.product__list .product__list--price-panel {
  float: right;
  width: 200px;
}
@media (max-width: 639px) {
  .product__listing.product__list .product__list--price-panel {
    text-align: left;
    float: none;
    margin-left: 106px;
    width: auto;
  }
}
.product__listing.product__grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product__listing.product__grid .product-item {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 640px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
.product__listing.product__grid .product-item:first-child {
  margin-left: -1px;
}
.product__listing.product__grid .product-item.tag-highlighted {
  position: relative;
}
.product__listing.product__grid .thumb {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  height: 180px;
  overflow: hidden;
}
.product__listing.product__grid .thumb img {
  width: 100%;
  height: auto;
  max-width: 140px;
}
.product__listing.product__grid .details {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.product__listing.product__grid .details .name {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 10px;
  height: 70px;
  overflow: hidden;
  color: #f20c06;
}
.product__listing.product__grid .details .price {
  font-size: 18px;
}
.product__listing.product__grid .details .promo {
  color: #f20c06;
  font-size: 14px;
  font-weight: 600;
}
@media (min-width: 640px) {
  .product__listing.product__grid .product-item:nth-child(4n + 1) {
    clear: both;
  }
}
@media (max-width: 639px) {
  .product__listing.product__grid .product-item:nth-child(2n + 1) {
    clear: both;
  }
}
.search-empty {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.search-empty .headline {
  margin-bottom: 20px;
}
.search-empty .search-suggestions {
  margin-bottom: 20px;
}
.product-category-page .product-categories .refine-bar {
  padding-bottom: 10px;
  padding-top: 10px;
}
.product-category-page .product-categories .pcp-prod,
.product-category-page .product-categories .pcp-banner {
  padding-left: 0;
  padding-right: 0;
}
.product-category-page .product-categories .pcp-banner .simple-responsive-banner-component,
.product-category-page .product-categories .pcp-banner .banner__component--responsive {
  margin-right: -20px;
}
.product-category-page .product-categories .pcp-banner {
  padding-top: 10px;
}
@media (min-width: 1024px) {
  .search-list-page-right-result-list-slot {
    margin-left: -20px;
    margin-top: -20px;
  }
  .search-list-page-right-result-list-component {
    padding-left: 20px;
  }
  .product-list-right-slot {
    padding-left: 20px;
    padding-bottom: 30px;
  }
  .product-list-right-component {
    margin-left: 0;
    padding-top: 20px;
  }
  .product-list-right-component .pagination-bar {
    margin: 0;
  }
  .product-list-right-component .pagination-bar .col-xs-12.col-sm-4.col-md-3.mt-1.pull-right.text-right {
    width: 100% !important;
    text-align: left;
  }
  .product-list-right-component .pagination-bar.bottom .pagination-toolbar {
    margin-top: 40px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .product-list-right-component {
    padding-right: 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1023px) {
  .product-list-right-component {
    padding-right: 20px;
  }
}
.search-results-highlight {
  font-weight: 600;
}
.plp-wrapper a.item-inner {
  padding-bottom: 27%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
@media screen and (max-width: 639px) {
  .plp-wrapper a.item-inner {
    display: block;
    min-height: 300px;
  }
}
.plp-wrapper .banner__component--responsive {
  position: relative;
}
.plp-wrapper .banner__component--responsive .banner__component--decs {
  text-shadow: 0 0 26px #000000;
  font-size: 60px;
  line-height: 1.22;
  text-align: center;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
  .plp-wrapper .banner__component--responsive .banner__component--decs {
    font-size: 30px;
    margin-top: -20px;
  }
}
@media screen and (max-width: 1023px) {
  .plp-wrapper .banner__component--responsive .js-responsive-image {
    height: 230px;
  }
}
.plp-wrapper .tmp__nav {
  position: relative;
  background: transparent;
  top: -50px;
  padding: 0 6%;
}
@media screen and (max-width: 1023px) {
  .plp-wrapper .tmp__nav {
    top: -69px;
  }
}
.plp-wrapper .tmp__nav .image-master {
  margin: auto;
  height: auto;
}
@media screen and (max-width: 1023px) {
  .plp-wrapper .tmp__nav .image-master {
    height: auto;
  }
}
.plp-wrapper .tmp__nav .image-master img {
  width: auto;
  height: auto;
  margin: auto;
}
@media screen and (max-width: 1023px) {
  .plp-wrapper .tmp__nav .image-master img {
    height: 180px;
  }
}
@media screen and (max-width: 639px) {
  .plp-wrapper .tmp__nav .image-master img {
    width: auto;
    height: 120px;
  }
}
@media screen and (max-width: 639px) {
  .plp-wrapper .tmp__nav .img-desc {
    display: block;
  }
  .plp-wrapper .tmp__nav .img-desc .btn-secondary {
    width: 100%;
    margin-top: 10px;
  }
}
.plp-wrapper .tmp__nav .nav-pills {
  justify-content: center;
}
@media screen and (max-width: 639px) {
  .plp-wrapper .tmp__nav .nav-pills {
    overflow: auto;
    justify-content: start;
  }
}
.plp-wrapper .tmp__nav .nav-pills > li {
  float: left;
}
.plp-wrapper .tmp__nav .nav-pills > li > a {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: normal;
  padding: 15px 30px;
  color: #ffffff;
  white-space: nowrap;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media screen and (max-width: 1023px) {
  .plp-wrapper .tmp__nav .nav-pills > li > a {
    font-size: 14px;
    padding: 13px 18px;
  }
}
.plp-wrapper .tmp__nav .nav-pills > li > a:hover {
  color: #f20c06;
  background-color: #ffffff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.plp-wrapper .tmp__nav .nav-pills > li.active > a {
  color: inherit;
  background-color: #ffffff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media screen and (max-width: 1023px) {
  .plp-wrapper .tmp__nav .img-desc .brand-name {
    font-size: 22px;
  }
}
.sort-refine-bar .selectize-dropdown {
  top: 44.3125px !important;
}
@media screen and (max-width: 1023px) {
  .product-list-right-slot {
    padding-left: 0;
  }
}
.product-list-right-slot .pull-right.text-right {
  float: left !important;
  text-align: left;
}
.search-result {
  max-width: 900px;
  margin: auto;
  background-color: #f4f4f4;
  padding: 34px 40px;
}
.search-result.search-no-result {
  max-width: 100%;
  margin: 10px;
}
@media screen and (max-width: 639px) {
  .search-result {
    padding: 20px;
  }
}
.search-result-content {
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  color: #000;
}
@media screen and (max-width: 639px) {
  .search-result-content {
    font-size: 15px;
  }
}
.search-result-content span {
  color: #000000;
}
.vehicle__selection--popup .add-to-cart .add-to-cart-item {
  margin-bottom: 0;
}
.vehicle__selection--popup .add-to-cart .vehicle-selection {
  background-color: #f4f4f4;
  padding: 20px 20px 5px 20px;
}
.vehicle__selection--popup .add-to-cart .vehicle-selection .selectize-dropdown {
  top: 45px !important;
}
.vehicle__selection--popup .add-to-cart .vehicle-selection .selectize-dropdown .selectize-dropdown-content .option {
  height: 44px;
  line-height: 35px;
}
.popover-reseved .popover {
  width: 263px !important;
  max-width: 263px !important;
}
.popover-reseved .popover.top {
  margin-left: 5px;
}
@media (min-width: 640px) {
  .vehicle__no--compatible {
    padding-right: 20px;
  }
}
.list-inner .d-inline-block {
  line-height: 15px;
}
@media screen and (max-width: 640px) {
  .list-inner .tmp-icon {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .list-inner .tmp-icon {
    margin-bottom: 0;
  }
}
.bg-dash {
  background-image: url("../images/bg-dash-verticle.svg");
  background-repeat: repeat-y;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 24.5%;
  top: 0px;
  z-index: 1;
}
.limit__item--caroursel {
  padding: 0 25px !important;
}
.limit__item--caroursel .owl-wrapper {
  width: 100% !important;
  justify-content: center;
}
.limit__item--caroursel .owl-wrapper .owl-item {
  display: inline-block;
  float: none;
}
.popover-custom .popover {
  min-width: 342px !important;
  max-width: 342px !important;
  text-align: left;
  border-radius: 13px;
  margin-left: -34px;
}
.no-compatible .popover-custom .popover {
  margin-left: -75px;
}
.popover-custom .popover .arrow {
  margin-left: 30px !important;
}
.no-compatible .popover-custom .popover .arrow {
  margin-left: 68px !important;
}
.popover-custom .popover .popover-title {
  display: block !important;
  height: auto !important;
  padding: 20px 0 5px 20px;
  margin: 0;
  font-size: 14px;
}
.popover-custom .popover .popover-content {
  text-align: left !important;
  padding: 9px 20px 20px;
  line-height: 1.29;
}
.product-main-info .popover-custom .popover {
  margin-left: -64px !important;
}
.product-main-info .popover-custom .popover .arrow {
  margin-left: 53px !important;
}
.plp-tooltip:hover {
  color: var(--black);
}
.add-vehicle-error {
  position: relative;
  top: 5px;
}
select#sortOptions1 {
  border-radius: 5px;
  border: solid 1px #b6b6b6;
  padding: 14px 15px 12px;
  height: 47px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  background-color: var(--white);
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .js-show-facets {
    max-width: 133px;
    float: right;
    margin-right: 20px;
  }
  .js-show-facets.active {
    background-color: #000 !important;
  }
}
.plp-container {
  position: relative;
}
.product__facet {
  margin: 0;
  padding: 0 30px 0 0;
  position: relative;
}
.product__facet .facet.facet-filter {
  border-radius: 6px;
  border: solid 1px #c3ccd6;
  padding: 15px 15px 0px 15px;
}
@media (max-width: 1023px) {
  .product__facet .facet.facet-filter {
    border: 0;
    margin: 0;
    padding: 0 0 10px 0;
    color: #000 !important;
  }
}
.product__facet .facet.facet-filter .facet__name {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}
.product__facet .facet.facet-filter .facet__list li {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5;
  padding: 4px 0;
}
.product__facet .facet.facet-filter .facet__list li.showmore {
  padding: 12px 0;
}
.search-key {
  margin-top: 10px;
}
.product__facet .facet {
  padding: 0;
  margin-bottom: 30px;
}
.product__facet .facet:before,
.product__facet .facet:after {
  content: " ";
  display: table;
}
.product__facet .facet:after {
  clear: both;
}
.product__facet .facet:before,
.product__facet .facet:after {
  content: " ";
  display: table;
}
.product__facet .facet:after {
  clear: both;
}
.product__facet .facet .facet__name {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
  text-align: left;
  margin-left: -5px;
}
.product__facet .facet .facet-search-box {
  position: relative;
}
.product__facet .facet .facet-search-box input {
  border: solid 1px #c3ccd6;
  padding: 0 35px 0 15px;
  font-weight: normal;
}
.product__facet .facet .facet-search-box input::placeholder {
  color: #000;
  opacity: 0.5;
  font-weight: 500;
}
.product__facet .facet .facet-search-box input:-ms-input-placeholder {
  color: #000;
}
.product__facet .facet .facet-search-box input::-ms-input-placeholder {
  color: #000;
}
.product__facet .facet .facet-search-box .tmp-icon {
  position: absolute;
  right: 0px;
  top: 0;
}
.product__facet .facet .facet__list {
  padding-left: 0;
  list-style: none;
  margin: 10px 0;
}
.product__facet .facet .facet__list .showmore {
  color: #f20c06;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.23 !important;
  cursor: pointer;
  position: relative;
}
.product__facet .facet .facet__list .showmore:before {
  content: url("../images/icons/ic-arrow-up-red.svg");
  position: absolute;
  left: 80px;
  top: 11px;
}
.product__facet .facet .facet__list.expanded .showmore:before {
  content: url("../images/icons/ic-arrow-up-red.svg");
  transform: rotate(180deg);
  display: inline-block;
  left: 80px;
  top: 15px;
}
.product__facet .facet .facet__list li {
  padding: 12px 0;
}
.product__facet .facet .facet__list.no-margin li {
  padding: 5px 0;
}
.product__facet .facet .facet__list label {
  cursor: pointer;
  font-weight: normal;
  display: block;
  margin: 0;
  position: relative;
  padding-left: 45px;
  font-size: 13px;
}
.product__facet .facet .facet__list .facet__list__label .tmp-icon {
  margin-top: 7px;
}
.product__facet .facet .facet__list .facet__list__mark {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 11px 0 0;
  object-fit: contain;
  border-radius: 7px;
  background-color: #eeeeee;
  padding: 0;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
  margin-top: -8px;
  position: absolute;
  left: 0;
}
.product__facet .facet .facet__list .facet__list__mark .ic-check {
  background-image: none;
}
.product__facet .facet .facet__list .facet__list__mark:hover {
  background-color: var(--black);
}
.product__facet .facet .facet__list .facet__list__mark:hover .ic-check {
  background-image: url("../images/icons/ic-checked.svg");
}
.product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__mark {
  position: absolute;
  top: 1px;
  display: inline-block;
  border-radius: 7px;
  background-color: var(--black);
}
.product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__mark .ic-check {
  background-image: url("../images/icons/ic-checked.svg");
}
.product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__text {
  color: #000000;
  font-weight: bold;
}
.product__facet .facet .facet__list.facet__list--hidden {
  display: none;
}
.product__facet .facet .facet__values__more {
  display: block;
}
.product__facet .facet .facet__values__less {
  display: none;
}
.product__facet .facet .facet__form {
  padding-top: 10px;
}
.product__facet .facet .facet__form .input-group {
  background-color: #ffffff;
  min-height: 32px;
  border: 1px solid #cccccc;
}
.product__facet .facet .facet__form .input-group .form-control {
  border: 0 none;
  height: 32px;
  box-shadow: none;
}
.product__facet .facet .facet__form .input-group .btn {
  width: 40px;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.product__facet .facet .facet__form .input-group .btn .glyphicon-search {
  color: #b9bdc2;
  font-size: 17px;
  top: 0;
}
.product__facet .facet .facet__form .line-text {
  margin: 20px 0;
}
.product__facet .facet .facet__form__hidden {
  display: none;
}
.product__facet .facet .facet__results__hidden {
  display: none;
}
@media (max-width: 1023px) {
  .product__facet {
    padding: 0;
    margin: 0;
    border: 0 none;
  }
  #colorbox .product__facet {
    display: block !important;
  }
  .product__facet .facet {
    float: none;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0 0 10px 0;
  }
  .product__facet .facet .facet__name {
    background: #b6b6b6;
    cursor: pointer;
    padding: 10px;
    padding-left: 65px;
    text-transform: uppercase;
    color: var(--black) !important;
    position: relative;
  }
  .product__facet .facet .facet__name .facet__arrow {
    font-size: 12px;
    position: absolute;
    top: 17px;
    left: 30px;
  }
  .product__facet .facet .facet__name .facet__arrow:before {
    content: "\e080";
  }
  .product__facet .facet .facet__values {
    display: none;
  }
  .product__facet .facet.active .facet__arrow:before {
    content: "\e114";
  }
  .product__facet .facet.active .facet__values {
    display: block;
  }
}
.slider-search {
  margin-top: 30px;
  padding: 25px 30px 10px 30px;
}
.slider-search #slider-range {
  margin-bottom: 20px;
}
.slider-search .amount-box {
  display: block;
  border: 1px solid #ccc;
  height: 30px;
  color: #f6931f !important;
  font-weight: 700;
}
.slider-search h4 {
  font-size: 18px;
  font-weight: 600;
  color: #154259;
  margin-left: -5px;
}
.sort-refine-bar .form-group select {
  width: auto;
}
.pagination-bar .pagination-toolbar {
  padding-bottom: 30px;
}
.pagination-bar .pagination-toolbar .btn-clear-selected:hover span {
  color: #fff !important;
}
@media (max-width: 1024px) {
  .pagination-bar .pagination-toolbar .form-group {
    max-width: 350px;
  }
}
.pagination-bar .form-group {
  margin: 0;
}
.pagination-bar .pagination-bar-results {
  color: #929292;
  font-size: 14px !important;
}
@media (max-width: 1023px) {
  .pagination-bar button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 639px) {
  .sort-refine-bar .form-group select {
    width: 100%;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 30px;
    width: 100%;
  }
  .pagination-bar .pagination {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .sort-refine-bar .form-group select {
    height: 49px;
  }
}
.item__list {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
}
.item__list .item__list--item {
  border-bottom: 1px solid #b6b6b6;
  padding: 15px 0;
}
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap,
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap:after {
  background-color: #b6b6b6;
}
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap .order-form-scroll.down {
  bottom: 0;
  z-index: 9999;
}
.item__list .item__list--item:last-child {
  padding-right: 30px;
}
.item__list .item__list--item .btn-group.open .dropdown-menu {
  padding: 0;
}
.item__list .item__list--item .btn-group.open .dropdown-menu li {
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.item__list .item__list--item .btn-group.open .dropdown-menu li:last-child {
  border-bottom: none;
}
.item__list .item__list--item .btn-group.open a {
  padding: 6px 35px 6px 25px;
}
.item__list .item__list--item .item__configurations--display .btn {
  padding-left: 0;
}
.item__list .item__list--item .item__configurations--display .btn:hover {
  color: #f20c06;
}
.item__list .item__list--item-new-car:last-child {
  border-bottom: none;
}
.item__list .item__list--header {
  padding-left: 0;
  list-style: none;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.item__list .item__list--header li {
  display: table-cell;
  background-color: #000000;
  color: #ffffff;
  font-size: 17px;
  padding: 15px 10px;
}
.item__list .item__list--header li:last-child {
  padding-right: 30px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.item__list .item__list--header li:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media (min-width: 1024px) and (max-width: 1099px) {
  .item__list .item__list--header.item__list--header-new-car .item__image {
    width: 39%;
  }
}
@media screen and (min-width: 1100px) {
  .item__list .item__list--header.item__list--header-new-car .item__image {
    width: 50%;
  }
}
.item__list .item__toggle {
  font-size: 16px;
  width: 26px;
}
.item__list .item__toggle > * {
  cursor: pointer;
}
.item__list .item__toggle .open .glyphicon:before {
  content: "\e113";
}
.item__list .item__image {
  padding: 0 20px;
}
@media (min-width: 1099px) {
  .item__list .item__image a {
    width: 160px;
    display: table;
    vertical-align: middle;
  }
  .item__list .item__image a img {
    max-width: 160px;
  }
}
.item__list .item__image .item-info a {
  height: auto;
}
.item__list .item__name {
  font-weight: 500;
}
.item__list .item__compatible {
  background-color: #f4f4f4;
  padding: 5px;
}
.item__list .item__compatible svg {
  vertical-align: top;
  margin-top: 1px;
}
.item__list .item__quantity {
  text-align: center;
}
.item__list .item__quantity .form-control {
  display: inline-block;
  width: 60px;
  height: 40px;
  text-align: center;
}
.item__list .delivery-method {
  max-width: 185px;
  float: left;
}
@media (max-width: 639px) {
  .item__list .delivery-method {
    max-width: 130px;
  }
}
.item__list .item__total {
  padding-left: 0;
}
.item__list .item__total .item__total--price {
  white-space: nowrap;
}
.item__list .item__remove,
.item__list .item__menu {
  width: 45px;
  text-align: right;
}
.item__list .item__remove .btn,
.item__list .item__menu .btn {
  font-size: 18px;
  background-color: transparent;
  padding: 0;
  border: 0;
  color: #000;
}
@media screen and (max-width: 639px) {
  .item__list .item__remove .btn,
  .item__list .item__menu .btn {
    font-size: 16px;
    width: 10px !important;
  }
}
.item__list .item__remove .btn .glyphicon,
.item__list .item__menu .btn .glyphicon {
  top: 4px;
}
.item__list #cartOrderGridForm .product-grid-container table {
  background-color: #b6b6b6;
}
.item__list #cartOrderGridForm .product-grid-container table th {
  background-color: #e4e4e4;
  color: #000000;
}
.item__list .promo {
  font-size: 15px;
  font-weight: 600;
  color: #f20c06;
}
@media (max-width: 639px) {
  .item__list .promo {
    font-size: 13px;
  }
}
.item__list .promo ul {
  padding-left: 0;
  list-style: none;
}
.item__list .out-of-stock {
  color: #ed1c24;
}
.item__list .read-only-grid .grid-row > td {
  border-bottom: 1px solid #b6b6b6;
}
.item__list .read-only-grid .grid-prod-img {
  width: 100px;
  padding: 25px 40px 20px 45px;
  vertical-align: top;
}
.item__list .read-only-grid .grid-prod-img + td {
  padding-bottom: 5px;
}
.item__list .read-only-grid .grid-variant,
.item__list .read-only-grid .grid-size {
  font-weight: 600;
}
.item__list .read-only-grid .grid-variant + .grid-variant:before,
.item__list .read-only-grid .grid-size + .grid-variant:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #cccccc;
}
.item__list .read-only-grid .grid-prod-info {
  display: inline-block;
  padding-top: 0;
  padding-right: 40px;
}
.item__list .read-only-grid .grid-qty .grid-qty-label {
  font-size: 12px;
  text-transform: uppercase;
}
.item__list .read-only-grid .grid-price:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #cccccc;
}
@media (min-width: 1024px) {
  .item__list > li .add-to-cart-order-form-wrap {
    border-bottom: 1px solid #b6b6b6;
  }
  .item__list .item__list--item {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .item__list .item__list--item .item__sku__input,
  .item__list .item__list--item .item__toggle,
  .item__list .item__list--item .item__image,
  .item__list .item__list--item .item__info,
  .item__list .item__list--item .item__price,
  .item__list .item__list--item .item__quantity,
  .item__list .item__list--item .item__delivery,
  .item__list .item__list--item .item__total,
  .item__list .item__list--item .item__remove,
  .item__list .item__list--item .item__menu,
  .item__list .item__list--item .item__quantity__total,
  .item__list .item__list--item .item__type {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
  }
  .item__list .item__info {
    width: 20%;
    padding: 0 10px;
  }
  .item__list .item__delivery {
    padding-left: 3%;
    max-width: 200px;
  }
}
@media (min-width: 640px) {
  .item__list #cartOrderGridForm {
    max-height: 460px;
    overflow: scroll;
  }
  .item__list #cartOrderGridForm table tr:first-child > th:first-child,
  .item__list #cartOrderGridForm table tr > td:first-child {
    border-right: 0;
    padding-left: 40px;
  }
}
@media (max-width: 1023px) {
  .item__list {
    border-top: 1px solid #b6b6b6;
    margin-top: 0;
    clear: both;
  }
  .item__list .item__toggle .glyphicon {
    width: 50px;
    height: 50px;
  }
  .item__list .item__image {
    float: left;
    margin: 0;
  }
  .item__list .item__price .visible-xs {
    display: inline!important;
  }
  .item__list .item__remove,
  .item__list .item__menu {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 0;
    margin: 0;
  }
  .item__list .item__remove .btn,
  .item__list .item__menu .btn {
    text-align: center;
    width: 50px;
    height: 50px;
  }
  .item__list .item__total {
    text-align: right;
  }
  .card-body .item__list .item__total {
    text-align: left;
  }
  .item__list .item__quantity__total {
    clear: both;
    float: none;
    width: auto;
    padding-right: 20px;
  }
  .item__list .item__quantity__total > .details {
    cursor: pointer;
  }
  .item__list .item__quantity__total .qty:before,
  .item__list .item__quantity__total .qty:after {
    content: " ";
    display: table;
  }
  .item__list .item__quantity__total .qty:after {
    clear: both;
  }
  .item__list .item__quantity__total .qty:before,
  .item__list .item__quantity__total .qty:after {
    content: " ";
    display: table;
  }
  .item__list .item__quantity__total .qty:after {
    clear: both;
  }
  .item__list .item__quantity__total .qty label {
    float: left;
    margin: 0 10px 0 0;
  }
  .item__list .item__quantity__total .qty input {
    float: left;
    width: 70px;
    text-align: center;
    padding: 2px 12px;
    line-height: 1;
    margin-right: 10px;
    height: auto;
  }
  .item__list .item__quantity__total .qty .qtyValue {
    float: left;
  }
  .item__list .item__quantity__total .qty .glyphicon {
    float: right;
    line-height: 40px;
    padding-left: 5px;
  }
  .item__list .item__quantity__total .open .qty .glyphicon:before {
    content: "\e114";
  }
  .item__list #cartOrderGridForm .product-grid-container {
    font-size: 14px;
    margin: 0;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-detail {
    padding-left: 20px;
    padding-top: 10px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-detail img {
    padding-right: 10px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-select {
    padding-top: 22px;
    padding-right: 20px;
    vertical-align: top;
  }
  .item__list #cartOrderGridForm .product-grid-container > table {
    border-bottom: 1px solid #b6b6b6;
  }
  .item__list #cartOrderGridForm .product-grid-container > table tr td {
    border-bottom: none;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary {
    background-color: transparent;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary > td {
    padding: 0 20px 20px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary .variant-summary-items {
    border: none;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary table tr td {
    padding: 0 10px 0 0;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary table tr td:last-child {
    padding: 0;
  }
  .item__list .read-only-grid .grid-prod-img {
    padding-left: 20px;
    padding-right: 30px;
  }
  .item__list .read-only-grid .grid-variant {
    display: block;
  }
  .item__list .read-only-grid .grid-variant + .grid-variant:before {
    content: none;
  }
  .item__list--item {
    position: relative;
    overflow: hidden;
  }
  .item__list--item > div {
    margin-left: 136px;
    padding: 0 80px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 1023px) {
  .item__list--item > div {
    margin: 10px 0 ;
    padding: 0 20px 0 0;
  }
}
@media screen and (max-width: 639px) {
  .item__list .item__quantity__total .qty input {
    height: 30px;
    padding: 0 12px;
  }
}
.account-orderdetail .item__list {
  clear: both;
  margin-top: 0;
}
.tmp-product-list .item__list .item__list--header {
  border-bottom: 1px solid #b6b6b6;
}
.tmp-product-list .item__list .item__list--header li {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
  background-color: transparent;
  padding: 15px 10px;
}
.cart-header {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 10px;
}
@media (max-width: 1024px) {
  .cart-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart-header.border {
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 25px;
}
.cart-header .cart-headline {
  color: inherit;
  font-size: 24px;
  line-height: 35px;
  font-weight: 600;
  padding: 40px 20px 0;
  margin: 0;
  font-size: 32px;
  padding: 0px;
  color: #141f2b;
  margin-bottom: 2px;
  font-weight: normal;
}
.cart-header .cart-headline.border {
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 25px;
}
.cart-header .cart__id--label .cart__id {
  padding-left: 7px;
}
.cart-top-bar .help-text {
  line-height: 23px;
}
.cart-top-bar .help-popup-content-holder {
  display: none;
}
.cart-restoration-bar {
  background: #f2f4f7;
  margin-bottom: 20px;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .cart-restoration-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.help-popup-content strong {
  display: block;
  margin-bottom: 15px;
}
.cart__content {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 1024px) {
  .cart__content > .alert {
    margin: 0 40px 10px;
  }
}
@media (max-width: 1023px) {
  .cart__content > .alert {
    margin: 0 30px 10px;
  }
}
@media (max-width: 639px) {
  .cart__content > .alert {
    margin: 0 26px 10px;
  }
}
.cart__top--totals {
  text-align: right;
  margin-top: 7px;
}
.cart__top--totals .cart__top--amount {
  margin-left: 5px;
}
.cart__top--totals .cart__top--amount .tmp-icon {
  margin-top: -3px;
}
.cart__actions.border {
  border-bottom: 1px solid #b6b6b6;
}
.cart__actions,
.cart__actions--top {
  margin-bottom: 32px;
}
@media (max-width: 640px) {
  .cart__actions,
  .cart__actions--top {
    margin-bottom: 10px;
  }
}
.item__list__cart {
  margin-top: 30px;
  margin-bottom: 10px;
}
.item__list__cart table td {
  padding: 0;
}
.item__list__cart > table tbody > .entry-group-header > th {
  background-color: #e4e4e4;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  padding-right: 35px;
}
.item__list__cart > table tbody > .entry-group-header a {
  color: #000000;
}
.item__list__cart > table table td {
  background-color: #f4f4f4;
}
.item__list__cart > table table tbody > .entry-group-header > th {
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 35px;
}
@media (min-width: 1024px) {
  .item__list__cart .item__remove,
  .item__list__cart .item__menu {
    width: 60px;
  }
}
.item__list__cart .item__list--item .item__price .gift-label {
  display: inline-block;
}
.item__list__cart .item__list--item .item__price .gift-label .text-gift-green {
  font-weight: 700;
}
.item__list__cart .item__list--item .item__image {
  padding: 13px 0;
}
@media screen and (max-width: 639px) {
  .item__list__cart .item__list--item .item__image {
    padding: 10px 10px 10px 0;
  }
}
@media screen and (max-width: 639px) {
  .item__list__cart .item__list--item .item__info {
    min-height: 70px;
  }
}
.item__list__cart .item__list--item .cart__addtocart-component {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
}
.item__list__cart .item__list--item .cart__addtocart-component .qty-selector {
  position: initial;
  display: table;
}
.item__list__cart .item__list--item .cart__addtocart-component .qty-selector .input-group-btn {
  height: 44px;
}
.item__list__cart .item__list--item .cart__addtocart-component .qty-selector .input-group-btn .btn {
  width: 44px;
  height: 44px;
}
.item__list__cart .item__list--item .cart__addtocart-component .qty-selector .input-group-btn .btn .glyphicon {
  color: #000000;
}
.item__list__cart .item__list--item .cart__addtocart-component .qty-selector .input-group-btn button.disabled .glyphicon {
  color: #b7bec6;
}
.item__list__cart .item__list--item .cart__addtocart-component .qty-selector .form-control {
  height: 44px;
  width: 60px;
  border: solid 1px #f4f4f4;
  background-color: #ffffff !important;
  color: #000;
  font-size: 16px;
}
.item__list__cart .item__list--item .cart__addtocart-component .qty-selector .form-control[disabled],
.item__list__cart .item__list--item .cart__addtocart-component .qty-selector .form-control[readonly],
fieldset[disabled] .item__list__cart .item__list--item .cart__addtocart-component .qty-selector .form-control {
  color: #b7bec6;
}
.item__list__cart .item__list--item .item__menu {
  overflow: visible;
}
.item__list__cart .item__list--item .item__menu .dropdown-menu {
  padding: 5px 0;
}
.item__list__cart .item__list--item .btn-group.open .dropdown-menu {
  padding: 0;
}
.item__list__cart .item__list--item .btn-group.open .dropdown-menu li {
  margin: 0;
}
.item__list__cart .item__list--item .btn-group.open .dropdown-menu li:first-child {
  border: none;
}
.item__list__cart .item__list--item .btn-group.open a {
  padding: 5px 20px;
  text-align: center;
}
.item__list__cart .item__list--comment {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.item__list__cart .item__list--comment .item__comment {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .item__list__cart .item__list--comment .item__comment {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.item__list__cart .item__list--comment .item__comment textarea {
  min-height: inherit;
  resize: none;
  margin-bottom: 20px;
}
.item__list__cart .item__list--comment .item__comment--role {
  margin-top: 38px;
}
.item__list__cart .item__list--comment .item__comment--author {
  font-weight: 600;
}
.item__list__cart .item__quantity {
  text-align: left;
}
.item__list__cart .notification.has-error {
  padding: 0 30px;
  text-align: center;
  margin-top: 10px;
}
.item__list__cart .item__configurations {
  margin: 10px 0;
}
@media (max-width: 480px) {
  .item__list__cart .item__configuration--entry {
    margin-bottom: 5px;
  }
}
.item__list__cart .item__configurations--edit .btn {
  padding-left: 0;
}
.item__list__cart .item__configurations--edit .btn:hover {
  color: #f20c06;
}
.cart__head--link:after {
  content: "|";
  position: relative;
  left: 5px;
  color: #929292;
  font-weight: 400;
  vertical-align: top;
}
.cart__head--link:first-child:after {
  content: "";
  position: relative;
  left: 0px;
  color: #929292;
  font-weight: 400;
  vertical-align: top;
}
.save__cart--link,
.new__cart--link,
.cart__quotes--link {
  text-align: right;
  margin-top: 12px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  white-space: nowrap;
  float: right;
  padding: 0 5px;
}
@media (max-width: 1023px) {
  .save__cart--link,
  .new__cart--link,
  .cart__quotes--link {
    text-align: left;
  }
}
@media (max-width: 639px) {
  .save__cart--link,
  .new__cart--link,
  .cart__quotes--link {
    text-align: center;
    margin-top: 0;
  }
}
.export__cart--link {
  text-align: left;
  width: 100%;
  margin-top: 15px;
  padding-right: 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  display: inline-block;
  white-space: nowrap;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .export__cart--link {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .export__cart--link {
    padding-top: 5px;
  }
}
.cart-totals {
  line-height: 2;
  margin-top: -10px;
}
.page-cartPage .cart-totals {
  margin-top: 0 !important;
}
.cart-totals .text-right {
  white-space: nowrap;
}
.cart-totals .cart-totals-left {
  padding-left: 50px;
}
.cart-totals .cart-totals-right {
  padding-left: 0;
}
@media (min-width: 1100px) {
  .cart-totals .cart-totals-right {
    padding-right: 60px;
  }
}
.cart-totals .cart-price {
  font-weight: bold;
  white-space: nowrap;
}
.cart-totals .discount {
  color: #f20c06;
}
.cart-totals .quote-discount-link {
  text-transform: uppercase;
}
.cart-totals .grand-total {
  line-height: 1;
}
.cart-totals .cart-totals-taxes {
  clear: both;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5em;
  padding-right: 60px;
  padding-left: 55px;
}
.express-checkout {
  background-color: #b6b6b6;
  padding: 20px 40px;
  margin: 20px 0;
}
@media (min-width: 640px) {
  .express-checkout {
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .express-checkout {
    margin-right: 30px;
  }
}
.express-checkout .headline {
  font-size: 26px;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.express-checkout ul {
  margin-top: 5px;
}
.express-checkout ul li {
  list-style-type: disc;
}
@media (max-width: 1023px) and (min-width: 640px) {
  .express-checkout {
    padding: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 639px) {
  .express-checkout {
    margin: 0 0 20px 0;
    padding: 20px;
  }
}
.cartpotproline,
.cartproline {
  font-size: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #b6b6b6;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .cartpotproline,
  .cartproline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cartpotproline .info,
.cartproline .info {
  font-size: 15px;
}
.promotion {
  font-size: 15px;
  font-weight: 600;
  color: #f20c06;
}
.error-details-section .action {
  text-align: center;
  margin: 10px 0;
}
.doFlowSelectedChange,
#selectPciOption {
  margin-top: 20px;
}
@media (max-width: 639px) {
  .cartpotproline,
  .cartproline {
    padding: 10px 20px 25px;
  }
  .btn--continue-shopping,
  .btn--continue-checkout,
  .btn-create-quote {
    margin-bottom: 15px;
  }
  .doFlowSelectedChange {
    margin-top: 20px;
  }
}
.content__empty .content {
  margin: 0 auto;
  width: 50%;
}
.mini-cart .mini-cart-body:before,
.mini-cart .mini-cart-body:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body:after {
  clear: both;
}
.mini-cart .mini-cart-body:before,
.mini-cart .mini-cart-body:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body:after {
  clear: both;
}
.mini-cart .mini-cart-body .legend {
  margin-bottom: 10px;
}
.mini-cart .mini-cart-body .legend a {
  float: right;
}
.mini-cart .mini-cart-body .mini-cart-list {
  padding-left: 0;
  list-style: none;
}
.mini-cart .mini-cart-body .mini-cart-list li + li {
  margin-top: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb {
  float: left;
  margin-right: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb img {
  max-width: 65px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details {
  margin-left: 75px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details .name {
  font-weight: 600;
  color: inherit;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price {
  text-align: right;
  font-weight: 600;
}
.mini-cart .mini-cart-body .mini-cart-totals {
  border: 1px solid #b6b6b6;
  border-width: 1px 0;
  margin: 10px 0 30px;
  padding: 10px;
}
.mini-cart .mini-cart-body .mini-cart-totals .key {
  float: left;
}
.mini-cart .mini-cart-body .mini-cart-totals .value {
  text-align: right;
}
.mini-cart .mini-cart-body .mini-cart-checkout-button {
  margin: 10px 0;
}
.mini-cart .mini-cart-body img {
  width: 100%;
}
#quoteForm .form__actions {
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  #quoteForm .form__actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  #quoteForm .form__actions--cancel,
  #quoteForm .form__actions--done {
    margin-bottom: 15px;
  }
}
.cart__quote__edit .quote__head {
  color: #ffffff;
  background-color: #f20c06;
  padding: 20px 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .cart__quote__edit .quote__head {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart__quote__edit .quote__head .quote__head--label {
  color: #ffffff;
  font-size: 15px;
  margin-bottom: 0;
}
.cart__quote__edit .quote__head .label__value {
  display: inline-block;
}
.cart__quote__edit .quote__head .glyphicon {
  font-size: 30px;
  position: absolute;
  height: 30px;
  line-height: 20px;
}
.cart__quote__edit .quote__head .quote__head--title {
  font-size: 15px;
  text-transform: uppercase;
  margin-left: 33px;
  display: inline-block;
}
@media (max-width: 639px) {
  .cart__quote__edit .quote__head .quote__head--title {
    margin-bottom: 10px;
  }
}
#quoteFormDiv {
  background: #ffffff;
  padding-top: 25px;
}
#quoteFormDiv label {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.quote__comments--wrapper {
  padding-top: 20px;
  padding-bottom: 50px;
}
.quote__form--section {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .quote__form--section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.quote__estimate .quote__estimate--amount {
  display: block;
}
textarea.quote__comments--textarea {
  min-height: 100px;
  max-width: 100%;
  width: 100%;
  padding: 15px;
}
.quote__comments--toggle,
.quote__form--toggle {
  background: none;
  border: none;
}
.quote__comments--toggle.collapsed:after,
.quote__form--toggle.collapsed:after {
  font-family: "Glyphicons Halflings", sans-serif;
  content: "\e114";
}
.quote__comments--toggle:after,
.quote__form--toggle:after {
  font-family: "Glyphicons Halflings", sans-serif;
  content: "\e113";
  position: relative;
  top: 2px;
}
.quote__comments--toggle:focus,
.quote__form--toggle:focus {
  border: none;
  outline: #f20c06;
}
.quote__form--toggle {
  color: #ffffff;
}
.quote__comments__header {
  border-top: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
  padding: 20px 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .quote__comments__header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.quote__comments {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 0;
}
@media (max-width: 1024px) {
  .quote__comments {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.quote__comments .quote__comments--header {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;
}
#quoteFormDiv .quote__comments {
  margin-top: 0;
}
.quote__comments .quote__comments--time {
  font-weight: 600;
}
@media (max-width: 640px) {
  .quote__comments .quote__comments--time {
    margin-bottom: 5px;
  }
}
.quote__comments .quote__comments--role {
  font-weight: 600;
}
.quote__comments .quote__comments--comment {
  word-break: break-all;
}
@media (min-width: 1024px) {
  .form-element-icon.datepicker.quote__expiration .glyphicon {
    top: 10px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .form-element-icon.datepicker.quote__expiration .glyphicon {
    top: 28px;
  }
}
@media (min-width: 1024px) {
  .quote__expiration .form-group {
    display: table;
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
  }
}
@media (min-width: 1024px) {
  .quote__expiration--label {
    display: table-cell;
    text-align: right;
    padding-right: 10px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .quote__expiration--label {
    margin-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  .quote__expiration--input {
    display: table-cell;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .quote__expiration--input {
    padding: 5px 10px;
    height: 28px;
  }
}
@media screen and (max-width: 639px) {
  .add-to-cart.cart-popup .btn {
    font-size: 19px;
  }
}
@media screen and (max-width: 639px) {
  .add-to-cart.cart-popup .cart-popup-sum {
    display: block;
  }
}
.add-to-cart.cart-popup .btn-primary {
  font-size: 14px;
}
.add-to-cart.cart-popup .btn-secondary {
  font-size: 14px;
}
.cart__item-inner {
  display: flex;
}
.cart__item-inner .addtocart {
  flex: 0;
}
.cart__item-inner .addtocart .dropdown-menu {
  padding: 0;
}
.cart__item-inner .addtocart button {
  padding: 0;
  line-height: 1;
}
.cart__item-inner .addtocart .glyphicon-option-vertical {
  font-size: 18px;
  top: -3px;
}
.cart__item-inner .addtocart .cart-text {
  width: 80px;
}
.cart__list-thumb {
  height: 100px;
}
.cart__list-thumb .img-responsive {
  max-height: 100%;
}
.cart__actions {
  position: relative;
}
.cart__tool-tip {
  width: 271px;
  background-color: #000;
  color: var(--white);
  padding: 13px 20px 19px;
  border-radius: 13px;
  position: relative;
  right: 0px;
  top: 10px;
}
.cart__tool-tip:before {
  content: "\e253";
  position: absolute;
  top: -10px;
  right: 65px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 30px;
  line-height: 14px;
}
.cart__tool-tip span + span {
  margin-top: 10px;
  display: block;
}
@media screen and (max-width: 639px) {
  .cart__list-thumb {
    margin: 0 auto 10px;
  }
}
.cart img {
  width: auto;
  height: 100px;
}
.cart__saved-item {
  background-color: #f4f4f4;
  padding: 20px;
}
.add__tocart--popup .add-to-cart-item {
  background-color: #f4f4f4;
}
.cart-voucher .promotion-desc {
  border-radius: 6px;
  border: solid 1px #000000;
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .cart-voucher .promotion-desc {
    width: 100%;
  }
}
.cart-voucher .promotion-desc span {
  color: #ffffff;
}
.cart-voucher .promotion-header {
  background-color: #000000;
  padding: 6px 0;
}
.cart-voucher .promotion-body {
  padding: 10px;
}
@media (min-width: 1024px) and (max-width: 1099px) {
  .item__list--new-car .item__list--item-new-car .item__image {
    width: 39%;
  }
}
@media screen and (min-width: 1100px) {
  .item__list--new-car .item__list--item-new-car .item__image {
    width: 50%;
  }
}
@media screen and (min-width: 1100px) {
  .item__list--new-car .item__list--item-new-car .item__image .item-photo {
    width: 150px;
  }
}
.item__list--new-car .item__list--item-new-car .item__image .item-photo.item-photo-new-car {
  height: auto;
}
@media screen and (min-width: 1100px) {
  .item__list--new-car .item__list--item-new-car .item__image .item-photo.item-photo-new-car {
    width: 340px;
  }
}
@media screen and (max-width: 1023px) {
  .item__list--new-car .item__list--item-new-car .item__image .item-photo.item-photo-new-car {
    width: 120px;
  }
}
.item__list--new-car .item__list--item-new-car .item__image .item-photo.item-photo-new-car a {
  height: auto;
  width: auto;
}
.item__list--new-car .item__list--item-new-car .item__image .item-photo.item-photo-new-car a img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
.item__list--new-car .item__list--item-new-car .item__image .item-info-new-car a {
  height: auto;
}
.item__list--new-car .item__list--item-new-car .item__image .item-info-new-car .item__name {
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: normal;
}
.item__list--new-car .item__list--item-new-car .cart__addtocart-component {
  padding-top: 20px;
  padding-bottom: 20px;
}
.cart-empty-wrapper {
  background-color: #f4f4f4;
}
.cart-empty-wrapper .note {
  max-width: 375px;
}
.cart-voucher form {
  display: flex;
}
.cart-voucher form input {
  margin-right: 15px;
}
.js-cartItemDetailGroup .dropdown-menu form {
  margin: 0;
}
.js-cartItemDetailGroup .dropdown-menu form li {
  padding: 5px;
}
.new-cart {
  width: 130px;
}
.new-cart:hover .ic-plus-circle {
  background-image: url("../images/icons/ic-plus-circle-hover.svg");
}
.payment__one--month {
  font: inherit;
  margin: 0;
  padding: 0;
  border: none;
  min-width: 10px;
}
.payment__all--month {
  font: inherit;
  margin: 0;
  padding: 0;
  border: none;
  min-width: 10px;
}
.total__payment input[type="data-autosize-input"] {
  width: 90px;
  min-width: 90px;
  max-width: 300px;
  transition: width 0.25s;
}
.btn-action {
  border: 0;
  padding: 0;
  background-color: transparent;
}
.page-cartPage .popover.top {
  background-color: #000;
  z-index: 9999;
}
.page-cartPage .popover.top .arrow::after {
  border-top-color: #000;
}
.page-cartPage .popover.top .popover-content {
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
}
.page-cartPage .cart-header {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.page-cartPage .new-cart,
.page-cartPage .help {
  width: auto;
  font-weight: 600;
  color: var(--red);
  font-size: 13px;
  white-space: nowrap;
}
.page-cartPage .item__list .item__list--header li {
  background-color: var(--black);
}
.page-cartPage .item__list .item__menu .btn .glyphicon {
  top: 0;
}
.page-cartPage .item__list .item__list--item {
  padding: 5px 0;
}
.page-cartPage .item__list .item__list--item > div {
  padding: 10px;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .page-cartPage .item__list .item__list--item > div {
    margin: 0;
    padding: 5px 10px;
  }
  .page-cartPage .item__list .item__list--item > div.item__menu {
    padding-right: 0;
  }
  .page-cartPage .item__list .item__list--item > div.item__menu .btn {
    padding-right: 0;
    width: auto;
    height: auto;
  }
  .page-cartPage .item__list .item__list--item > div.item__info {
    padding-right: 20px;
  }
}
.page-cartPage .item__list .item__image img {
  margin: auto;
}
.page-cartPage .item__list .item__price {
  white-space: nowrap;
  max-width: 200px;
}
.page-cartPage .item__list .cart-voucher .promotion-header {
  float: left;
  border-radius: 0;
  padding: 5px 10px 7px;
}
.page-cartPage .item__list .cart-voucher .promotion-desc {
  border: 1px solid var(--border-darker);
  margin: 10px 0 0;
  border-radius: 5px;
}
.page-cartPage .item__list .cart-voucher .promotion-body {
  clear: both;
  border: 0;
}
.page-cartPage .item__list .addtocart-component,
.page-cartPage .item__list .item__quantity {
  width: 175px;
}
.page-cartPage .item__list .item__quantity__total .qty form {
  display: inline-flex;
  align-items: center;
}
.page-cartPage .cart__saved--quantity {
  flex: 0;
  margin-bottom: 2px;
}
.page-cartPage .cart-voucher form .btn-default {
  height: 47px;
}
.page-cartPage .cart__checkout-noti.text-right {
  margin: 0 0 0 auto;
}
.cart-voucher .promotion-header {
  font-size: 16px;
  color: var(--white);
  background-color: var(--black);
}
.cart-voucher .promotion-desc {
  margin: 0 0 30px;
  border-radius: 5px;
  overflow: hidden;
  border: 0;
}
.cart-voucher .promotion-desc span {
  color: inherit;
}
.cart-voucher .promotion-body {
  border: 1px solid var(--border-darker);
  border-top: 0;
  border-bottom-width: 0;
  overflow: hidden;
}
.cart-voucher .promotion-body:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-width: 1px;
}
.cart-voucher .promotion-body + .promotion-body {
  position: relative;
}
.cart-voucher .promotion-body + .promotion-body::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 10px;
  right: 10px;
  height: 1px;
  background-color: var(--border-darker);
}
.cart-voucher .voucher-list {
  list-style: none;
  margin: 0 0 5px;
  padding: 0 0 0 15px;
}
.cart-voucher .voucher-list__item {
  margin-bottom: 10px;
}
.cart-voucher .voucher-list__item-remove {
  margin-left: 5px;
  margin-bottom: -1px;
}
.addtocart-component {
  margin: 15px 0 0;
}
.addtocart-component .qty-selector {
  margin: 0;
}
.addtocart-component .qty-selector.input-group .form-control {
  background-color: transparent;
  color: var(--black);
  float: none;
  border: 1px solid var(--white-three);
  border-left: 0;
  border-right: 0;
  height: 44px !important;
  width: 44px;
  padding-left: 5px;
  padding-right: 5px;
  box-shadow: none;
  border-radius: 0 !important;
}
.addtocart-component .qty-selector .input-group-btn,
.addtocart-component .qty-selector .btn {
  height: 44px;
  width: 44px;
}
.addtocart-component .qty-selector .input-group-btn:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.addtocart-component .qty-selector .input-group-btn:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.addtocart-component .qty-selector .btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-group.has-error {
  padding: 0;
  background: transparent;
}
.form-group.has-error input.form-control {
  background: transparent;
  border-color: var(--red);
}
.form-group.has-error .help-block {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  color: var(--red);
}
.form-group.has-error .control-label {
  color: var(--black);
}
.form-group.has-error .flex-input {
  border-color: var(--red);
}
.save__cart--component {
  padding-bottom: 30px;
}
.cart-totals dl {
  display: grid;
  grid-template-columns: max-content auto;
  float: right;
  text-align: right;
}
@media (max-width: 1023px) {
  .cart-totals dl {
    margin-bottom: 0 !important;
  }
}
.cart-totals dt,
.cart-totals dd {
  line-height: 19px;
}
.cart-totals dt {
  grid-column-start: 1;
  font-weight: normal;
  margin-bottom: 12px;
  flex-direction: row-reverse;
}
.cart-totals dt.total {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0;
}
.cart-totals dd {
  grid-column-start: 2;
  display: block;
  margin-inline-start: 35px;
  margin-bottom: 12px;
  min-width: 160px;
  min-height: 0;
  max-width: 100%;
}
.cart-totals dd.mb-0 {
  margin-bottom: 0 !important;
}
@media (max-width: 1023px) {
  .cart-totals {
    margin-top: 30px;
  }
}
.price-note {
  margin-bottom: 10px;
  padding: 9px 9px 9px 30px;
  border-radius: 5px;
  background-color: #f4f4f4;
  position: relative;
  font-size: 13px;
  display: inline-block;
  font-weight: normal;
}
.totals .price-note {
  padding-left: 9px !important ;
}
.price-note .ic-info {
  position: absolute;
  left: 9px;
  top: 10px;
  width: 16px;
  height: 16px;
  margin: 0;
}
.price-note.w-max {
  max-width: 60%;
  font-size: 15px;
  line-height: 15px;
  padding-left: 40px;
}
.price-note.w-max .ic-info {
  width: 24px;
  height: 24px;
}
.price-note.w-300 {
  width: 330px;
  margin-bottom: 0 !important;
}
.price-note-order {
  position: relative;
  font-size: 13px;
  display: inline-block;
  font-weight: normal;
  padding-left: 18px;
}
.price-note-order .ic-info {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 1px;
  left: 0;
  margin-top: 0 !important;
}
.cart-body .price-note-order .ic-info {
  top: 1px !important;
}
.price-note-order .ic-info.top {
  top: 2px !important ;
}
.price-note-order .ic-info.white {
  background-image: url("../images/icons/ic-info-white.svg");
}
@media (max-width: 1023px) {
  .page-cartPage .item__price-ipad {
    position: absolute;
    right: 40px;
    top: 12px;
  }
  .page-cartPage .js-qty-form4 label {
    margin: 0 !important;
  }
  .page-cartPage .js-item-total {
    display: inline-block;
    margin-top: 5px !important;
    vertical-align: middle;
    width: 100%;
    padding-right: 20px !important;
  }
  .page-cartPage .addtocart-component-padding {
    padding-left: 137px !important;
  }
  .page-cartPage .addtocart-component-padding .visible-xs,
  .page-cartPage .addtocart-component-padding .visible-sm {
    margin: 0 !important;
  }
  .page-cartPage .item__name {
    display: block;
    white-space: pre-line;
  }
  .page-cartPage .newcar {
    width: 100%;
  }
  .item__image-ipad {
    display: table;
    width: 110px;
  }
}
@media (max-width: 1100px) {
  .page-cartPage .item__toggle {
    padding: 0 !important;
    width: 0 !important;
  }
  .page-cartPage .item-photo a {
    display: table;
    vertical-align: middle;
    width: 110px;
  }
  .page-cartPage .item-photo a img {
    max-width: 110px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 1024px) {
  .page-cartPage .item__total--column,
  .page-cartPage .js-item-total {
    width: 160px;
  }
  .page-cartPage .item__total--column .price-note,
  .page-cartPage .js-item-total .price-note {
    padding-left: 10px !important;
  }
  .page-cartPage .item__total--column .price-note .tmp-icon,
  .page-cartPage .js-item-total .price-note .tmp-icon {
    display: none;
  }
  .page-cartPage .item__delivery--label {
    width: auto !important;
    word-break: break-all;
  }
}
@media (min-width: 1024px) {
  #colorbox #cboxTitle .headline-text {
    display: inline-block !important;
  }
}
@media screen and (max-width: 639px) {
  #colorbox #cboxTitle .headline-text {
    font-size: 20px;
  }
}
.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display:after {
  clear: both;
}
.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #f20c06;
}
.pickup-component .find-store-display .store-navigation .pickup-product {
  display: none;
  height: 56px;
  display: table;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb,
.pickup-component .find-store-display .store-navigation .pickup-product .name,
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  height: 56px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb {
  width: 56px;
  padding: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb img {
  height: 100%;
  width: 100%;
}
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  padding: 0 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product {
  height: 56px;
  display: table;
  border-bottom: 1px solid #ddd;
  width: 100%;
  font-size: 14px;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar {
  height: 56px;
  display: table-cell;
  padding-right: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group {
  border: 1px solid #cccccc;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group-btn {
  vertical-align: top;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .form-control {
  border: 0 none;
  height: 47px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn {
  box-shadow: none !important;
  height: 47px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .glyphicon {
  top: 0;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me {
  height: 56px;
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  display: none;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me .near-store span {
  margin-right: 10px;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager {
  height: 47px;
  line-height: 47px;
  padding: 0 10px;
  background: #fff;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .prev {
  float: left;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .next {
  float: right;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.pickup-component .find-store-display .display-details {
  float: left;
  width: 50%;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .store-image {
  float: right;
  width: 150px;
}
.pickup-component .find-store-display .display-details .store-image img {
  width: 100%;
  height: auto;
}
.pickup-component .find-store-display .display-details .distance {
  text-align: right;
  margin-top: 10px;
}
.pickup-component .find-store-display .display-details .store-info .name {
  font-weight: 600;
}
.pickup-component .find-store-display .display-details .store-info .address {
  color: #777777;
}
.pickup-component .find-store-display .display-details .store-links {
  margin: 10px 0;
}
.pickup-component .find-store-display .display-details .store-links a {
  display: block;
}
.pickup-component .find-store-display .display-details .store-openings .title {
  font-weight: 600;
}
.pickup-component .find-store-display .display-details .store-openings dl dt {
  width: 60px;
  text-align: left;
  float: left;
}
.pickup-component .find-store-display .display-details .store-openings dl dd {
  margin-left: 80px;
}
.pickup-component .find-store-display .display-details .pickup-product {
  height: 125px;
  width: 100%;
  font-weight: 600;
  border-top: 1px solid #ddd;
}
.pickup-component .find-store-display .display-details .pickup-product .variants {
  height: 30px;
  margin-top: -30px;
  padding: 5px 10px;
  font-weight: normal;
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:after {
  content: ", ";
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:last-child:after {
  content: "";
}
.pickup-component .find-store-display .display-details .pickup-product .thumb {
  float: left;
  width: 112px;
  height: 112px;
  padding: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .thumb img {
  height: 100%;
  width: auto;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info {
  display: table;
  height: 56px;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name,
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name {
  font-weight: normal;
  width: 100%;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  padding: 0 10px;
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price .stock {
  white-space: nowrap;
}
.pickup-component .find-store-display .display-details .pickup-product .action {
  height: 70px;
  padding: 10px;
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
  width: 142px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  height: 886px;
}
.pickup-component .pickup-store-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.pickup-component .pickup-store-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #f20c06;
  text-align: center;
  line-height: 56px;
}
.pickup-component .pickup-store-list li.loading .glyphicon {
  color: #f20c06;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.pickup-component .pickup-store-list .pickup-store-list-entry {
  height: 56px;
}
.pickup-component .pickup-store-list .pickup-store-list-entry input {
  display: none;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 14px;
  padding: 0 0 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label:hover {
  background: #f2f2f2;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-name {
  display: block;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-city {
  display: block;
  font-weight: normal;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span div {
  font-size: 10px;
}
.inline-layer {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.9s ease-out;
  -o-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}
.inline-layer.open {
  height: auto !important;
}
@media (min-width: 1024px) {
  .pickup-component .find-store-display .pickup-store-list {
    margin: 0 -1px 0 0;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label {
    padding-right: 14px;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #f20c06;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label {
    background: #f20c06;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .pickup-store-info {
    color: #fff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .store-availability {
    color: #fff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 1023px) {
  .pickup-component {
    overflow: hidden;
  }
  .pickup-component .find-store-display {
    width: 200%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .pickup-component .find-store-display .store-navigation {
    width: 50%;
    border: 0;
  }
  .pickup-component.show-store .find-store-display {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .pickup-component .qty-selector input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .action {
    padding-top: 0 !important;
  }
}
@media (max-width: 639px) {
  .pickup-component .find-store-display .display-details .store-image {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .pickup-component .find-store-display .display-details .store-image:before,
  .pickup-component .find-store-display .display-details .store-image:after {
    content: " ";
    display: table;
  }
  .pickup-component .find-store-display .display-details .store-image:after {
    clear: both;
  }
  .pickup-component .find-store-display .display-details .store-image:before,
  .pickup-component .find-store-display .display-details .store-image:after {
    content: " ";
    display: table;
  }
  .pickup-component .find-store-display .display-details .store-image:after {
    clear: both;
  }
  .pickup-component .find-store-display .display-details .store-image img {
    width: 50%;
    height: auto;
    float: left;
    max-width: 150px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance {
    width: 50%;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance strong {
    display: block;
  }
  .pickup-component .find-store-display .display-details .pickup-product {
    position: relative;
  }
  .pickup-component .find-store-display .display-details .pickup-product .thumb {
    width: 56px;
    height: 56px;
    padding: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    white-space: nowrap;
    padding-top: 0;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
    margin-right: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
    min-width: 120px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .btn {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.pickup-component .display-details .store-tabs {
  position: relative;
  padding: 0 0 10px 10px;
  height: 252px;
}
.pickup-component .display-details .store-tabs .tabs-list {
  padding-left: 0;
  list-style: none;
  background-image: linear-gradient(to right, #f6f6f6 0%, #ffffff 8px);
  position: absolute;
  right: 0;
  top: 10px;
  padding: 10px 0;
}
.pickup-component .display-details .store-tabs .tabs-list .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.pickup-component .display-details .store-tabs .tabs-list:before,
.pickup-component .display-details .store-tabs .tabs-list:after {
  content: "";
  position: absolute;
  background-color: transparent;
  height: 10px;
  left: 0;
  width: 100%;
}
.pickup-component .display-details .store-tabs .tabs-list:before {
  top: 0;
  background-image: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
}
.pickup-component .display-details .store-tabs .tabs-list:after {
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
.pickup-component .display-details .store-tabs .tabs-list li {
  margin: 5px 0;
  border: 1px solid transparent;
  border-left: 0;
  color: #999;
  position: relative;
}
.pickup-component .display-details .store-tabs .tabs-list li a {
  color: inherit;
  font-size: 18px;
  padding: 5px 10px;
  display: block;
  border-left: 2px solid transparent;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.pickup-component .display-details .store-tabs .tabs-list li.active {
  border: 1px solid #eee;
  border-left: 0;
  background: #fff;
  color: #000;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
  border-right: 2px solid #f20c06;
}
.pickup-component .display-details .store-tabs .tabs-list li.active a {
  border-left: 2px solid transparent !important;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover,
.pickup-component .display-details .store-tabs .tabs-list li a:focus {
  color: #000;
  border-left: 2px solid #f20c06;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:before,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:before {
  display: block;
  content: attr(aria-label);
  width: auto;
  height: 20px;
  line-height: 20px;
  background: #f20c06;
  position: absolute;
  top: 0;
  left: -10px;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  font-size: 12px;
  padding: 0 5px;
  color: #fff;
  white-space: nowrap;
  z-index: 100;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:after,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 5px solid #f20c06;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 5px);
  -ms-transform: translate(-100%, 5px);
  -o-transform: translate(-100%, 5px);
  transform: translate(-100%, 5px);
}
.pickup-component .display-details .store-tabs .content {
  margin-right: 52px;
  overflow: auto;
  height: 100%;
}
.pickup-component .display-details .store-tabs .tabhead {
  display: none;
}
.pickup-component .display-details .store-tabs .pickup-map {
  height: 232px;
}
.addressbook-component {
  border: 1px solid #eee;
  padding: 0;
  margin: 140px 0;
}
.addressbook-component .addressbook-header {
  background: #eee;
  position: relative;
  border-bottom: 1px solid #f20c06;
  padding: 10px;
  height: 56px;
  display: table;
  width: 100%;
}
.addressbook-component .addressbook-header .headline {
  line-height: 16px;
  font-weight: 600;
  font-size: 14px;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.addressbook-component .addressbook-header .headline .back-to-storelist {
  display: none;
}
.addressbook-component .addressbook-header .close-addressbook {
  display: table-cell;
}
.addressbook-component .find-address-display:before,
.addressbook-component .find-address-display:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display:after {
  clear: both;
}
.addressbook-component .find-address-display:before,
.addressbook-component .find-address-display:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #f20c06;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  border-top: 1px solid #DDDDDD;
  margin-top: -1px;
  background: #fff;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:before,
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:before,
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .prev {
  float: left;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .next {
  float: right;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.addressbook-component .find-address-display .display-details {
  float: left;
  width: 50%;
}
.addressbook-component .find-address-display .display-details .address-details {
  padding: 10px;
  height: 252px;
  overflow: hidden;
}
.addressbook-component .find-address-display .display-details .address-actions {
  height: 56px;
  width: 100%;
  font-weight: 600;
  border-top: 1px solid #ddd;
  padding: 10px 10px;
  position: relative;
}
.addressbook-component .find-address-display .display-details .address-actions .set-default {
  position: absolute;
  top: -50px;
  right: 10px;
}
.addressbook-component .address-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.addressbook-component .address-list .address-list-entry {
  height: 56px;
  overflow: hidden;
}
.addressbook-component .address-list .address-list-entry input {
  display: none;
}
.addressbook-component .address-list .address-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 14px;
  padding: 0 0 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #eee;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.addressbook-component .address-list .address-list-entry label:hover {
  background: #f2f2f2;
}
.addressbook-component .address-list .address-list-entry .address-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.addressbook-component .address-list .address-list-entry .address-info .inner {
  max-height: 56px;
  overflow: hidden;
  display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-name {
  display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-city {
  display: block;
  font-weight: normal;
}
.addressbook-component .address-list .address-list-entry .address-actions {
  display: table;
  height: 100%;
  width: auto;
}
.addressbook-component .address-list .address-list-entry .address-actions span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  text-align: center;
}
.inline-layer {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.9s ease-out;
  -o-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}
.inline-layer.open {
  height: auto !important;
}
@media (min-width: 1024px) {
  .addressbook-component .find-address-display .address-list {
    margin: 0 -1px 0 0;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry label {
    padding-right: 14px;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #f20c06;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label {
    background: #f20c06;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 1023px) {
  .addressbook-component {
    overflow: hidden;
  }
  .addressbook-component .find-address-display {
    width: 200%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .addressbook-component .find-address-display .address-navigation {
    width: 50%;
    border: 0;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label {
    background: #f20c06;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions {
    color: #fff;
  }
}
.login-page__headline,
.user-register__headline {
  color: inherit;
  font-size: 24px;
  line-height: 35px;
  font-weight: 600;
  padding: 40px 20px 0;
  margin: 0;
}
.login-page__headline.border,
.user-register__headline.border {
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 25px;
}
.login-left-content-slot {
  margin-right: 10px;
  margin-left: 30px;
}
@media (max-width: 1023px) {
  .login-left-content-slot {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.login-right-content-slot {
  margin-right: 30px;
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .login-right-content-slot {
    margin-left: 20px;
    margin-right: 20px;
  }
}
form .forgotten-password {
  margin-bottom: 25px;
}
.forgotten-password.alert {
  padding-left: 0;
  padding-right: 0;
}
.forgotten-password .description {
  margin-bottom: 10px;
}
#colorbox .forgotten-password .btn-primary {
  margin-top: 35px;
}
.register-form-action,
.login-form-action {
  margin-top: 35px;
}
.forgotten-password + .login-form-action {
  margin-top: 0;
}
.alert-dismissable .close,
.alert-dismissible .close {
  right: 0;
}
.register__container {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .register__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .login-form-action .btn-default {
    margin-top: 30px;
  }
}
@media (max-width: 639px) {
  .login-section .forgotten-password,
  .register-section .forgotten-password {
    margin-bottom: 45px;
  }
}
.checkout-login {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .checkout-login {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-login .headline {
  color: inherit;
  font-size: 24px;
  line-height: 35px;
  font-weight: 600;
  padding: 40px 20px 0;
  margin: 0;
}
.checkout-login .headline.border {
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 25px;
}
.checkout-login .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}
.checkout__new-account {
  text-align: center;
  background-color: #f4f4f4;
  border-top: 1px solid #b6b6b6;
  padding: 20px 0 55px;
}
.checkout__new-account .accountActions-bottom {
  margin-top: 35px;
}
.checkout__new-account__headling {
  font-size: 24px;
  font-weight: 600;
}
.checkout__new-account__form {
  text-align: left;
  margin-top: 25px;
}
@media (max-width: 639px) {
  .checkout__new-account {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 639px) and (min-width: 1024px) {
  .checkout__new-account > .alert {
    margin: 0 40px 10px;
  }
}
@media (max-width: 639px) and (max-width: 1023px) {
  .checkout__new-account > .alert {
    margin: 0 30px 10px;
  }
}
@media (max-width: 639px) and (max-width: 639px) {
  .checkout__new-account > .alert {
    margin: 0 26px 10px;
  }
}
.checkout-headline {
  color: inherit;
  font-size: 32px;
  line-height: 35px;
  padding: 0 30px;
  padding-left: 30px;
}
.checkout-headline.border {
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 25px;
}
@media (max-width: 1024px) {
  .checkout-headline {
    padding-left: 20px;
  }
}
@media (max-width: 640px) {
  .checkout-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-left-headline .checkout-headline {
  font-size: 32px !important;
}
.checkout-car-header-line {
  padding-left: 30px;
  margin-bottom: 45px;
}
@media (max-width: 1024px) {
  .checkout-car-header-line {
    padding-left: 20px;
  }
}
@media (max-width: 640px) {
  .checkout-car-header-line {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .checkout-left {
    padding-right: 20px;
  }
}
@media (min-width: 1400px) {
  .checkout-left {
    padding-right: 60px;
  }
}
.checkout-left .voucher-list__item {
  padding-left: 13px;
}
.checkout-summary-headline {
  background-color: var(--black);
  border-radius: 5px 5px 0 0;
  color: #fff;
  padding: 12px 20px 0;
  font-size: 16px;
  text-transform: uppercase;
  width: 100%;
  text-align: left;
}
.checkout-summary-headline span {
  color: #f20c06;
  margin-right: 5px;
  top: 2px;
}
.checkout-body-styling {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-steps {
  padding-left: 30px;
  padding-right: 0;
}
.checkout-steps.new__car .checkout-payment-method .item__total--column,
.checkout-steps.new__car .checkout-payment-method .item__total {
  text-align: left;
  padding-left: 25px;
}
@media screen and (max-width: 1099px) {
  .checkout-steps.new__car .checkout-payment-method .item__total--column,
  .checkout-steps.new__car .checkout-payment-method .item__total {
    padding-left: 52px;
  }
}
.checkout-steps .step-head {
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .checkout-steps .step-head {
    height: 119px;
    line-height: 119px;
  }
}
.checkout-steps .step-head.active {
  background: #f20c06;
  color: #fff;
}
.checkout-steps .step-head.done {
  background-color: #000000;
  color: #fff;
}
.checkout-steps .step-head.done .tmp-icon {
  display: inline-block;
}
.checkout-steps .step-head.step-1.active:after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  content: "";
  z-index: 100;
}
@media (min-width: 1024px) {
  .checkout-steps .step-head.step-1.active:after {
    right: -60px;
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #f20c06;
  }
}
@media (max-width: 639px) {
  .checkout-steps .step-head.step-1.active:after {
    text-align: center;
    right: -30px;
    border-top: 29px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 30px solid #cb0000;
  }
}
.checkout-steps .step-head.step-1.done:after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  content: "";
  z-index: 100;
}
@media (min-width: 1024px) {
  .checkout-steps .step-head.step-1.done:after {
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #000000;
    right: -60px;
  }
}
@media (max-width: 639px) {
  .checkout-steps .step-head.step-1.done:after {
    right: -30px;
    border-top: 29px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 30px solid #000000;
  }
}
.checkout-steps .step-head.step-2.active:after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  content: "";
  z-index: 100;
}
@media (max-width: 639px) {
  .checkout-steps .step-head.step-2.active:after {
    text-align: center;
    right: -30px;
    border-top: 29px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 30px solid #cb0000;
  }
}
@media (max-width: 1023px) {
  .checkout-steps .step-head .txt-step {
    display: none;
  }
}
@media (max-width: 1099px) {
  .checkout-steps .step-head-car {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .checkout-steps .step-head-car {
    padding-left: 4%;
  }
  .checkout-steps .step-head-car:last-child {
    padding-left: 2%;
  }
}
@media (min-width: 1400px) {
  .checkout-steps .step-head-car {
    padding-left: 5%;
  }
}
@media (min-width: 1400px) {
  .checkout-steps .step-head-car:last-child {
    padding-left: 3%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
  .checkout-steps .step-head-car.step-1 {
    padding-left: 10px !important;
  }
}
@media (min-width: 1024px) {
  .checkout-steps .step-head-car.step-1.done:after {
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid #000000 !important;
    right: -30px !important;
  }
}
@media (min-width: 1400px) {
  .checkout-steps .step-head-car.step-1.done:after {
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #000000 !important;
    right: -60px !important;
  }
}
@media (min-width: 1400px) {
  .checkout-steps .step-head-car.step-2 {
    padding-left: 4% !important;
  }
}
@media (min-width: 1024px) {
  .checkout-steps .step-head-car.step-2.active:after {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    right: 0;
    content: "";
    z-index: 100;
  }
}
@media (min-width: 1024px) {
  .checkout-steps .step-head-car.step-2.active:after {
    right: -30px;
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid #f20c06;
  }
}
@media (min-width: 1400px) {
  .checkout-steps .step-head-car.step-2.active:after {
    right: -60px;
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #f20c06;
  }
}
@media (max-width: 639px) {
  .checkout-steps .step-head-car.step-2.active:after {
    text-align: center;
    right: -30px;
    border-top: 29px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 30px solid #cb0000;
  }
}
.checkout-steps .step-head-car.step-2.done:after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  content: "";
  z-index: 100;
}
@media (min-width: 1024px) {
  .checkout-steps .step-head-car.step-2.done:after {
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid #000000;
    right: -30px;
  }
}
@media (min-width: 1400px) {
  .checkout-steps .step-head-car.step-2.done:after {
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #000000;
    right: -60px;
  }
}
@media (max-width: 639px) {
  .checkout-steps .step-head-car.step-2.done:after {
    right: -30px;
    border-top: 29px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 30px solid #000000;
  }
}
@media (min-width: 1400px) {
  .checkout-steps .step-head-car.step-3 {
    padding-left: 4% !important;
  }
}
.checkout-steps .step-head-car.step-3.done:after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  content: "";
  z-index: 100;
}
@media (min-width: 1024px) {
  .checkout-steps .step-head-car.step-3.done:after {
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid #000000;
    right: -30px;
  }
}
@media (min-width: 1400px) {
  .checkout-steps .step-head-car.step-3.done:after {
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #000000;
    right: -60px;
  }
}
@media (max-width: 639px) {
  .checkout-steps .step-head-car.step-3.done:after {
    right: -30px;
    border-top: 29px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 30px solid #000000;
  }
}
.checkout-steps .step-3-active .step-1.done {
  background-color: #000 !important;
}
@media (min-width: 1024px) {
  .checkout-steps .step-3-active .step-1.done:after {
    background-image: url(../images/icons/bg-step-done-sm.png) !important;
    border: none !important;
    width: 49px !important;
    height: 119px !important;
  }
}
@media (min-width: 1400px) {
  .checkout-steps .step-3-active .step-1.done:after {
    background-image: url(../images/icons/bg-done-step1-active-step3.png) !important;
    border: none !important;
    width: 89px !important;
    height: 119px !important;
  }
}
.checkout-steps .step-3-active .step-2.done {
  background-color: #000;
}
.checkout-steps .step-4-active .step-1.done,
.checkout-steps .step-4-active .step-2.done {
  background-color: #000 !important;
}
@media (min-width: 1024px) {
  .checkout-steps .step-4-active .step-1.done:after,
  .checkout-steps .step-4-active .step-2.done:after {
    background-image: url(../images/icons/bg-step-done-sm.png) !important;
    border: none !important;
    width: 49px !important;
    height: 119px !important;
  }
}
@media (min-width: 1400px) {
  .checkout-steps .step-4-active .step-1.done:after,
  .checkout-steps .step-4-active .step-2.done:after {
    background-image: url(../images/icons/bg-done-step1-active-step3.png) !important;
    border: none !important;
    width: 89px !important;
    height: 119px !important;
  }
}
.checkout-steps .step-4-active .step-3.done {
  background-color: #000;
}
.checkout-steps .step-5-active .step-1.done,
.checkout-steps .step-5-active .step-2.done,
.checkout-steps .step-5-active .step-3.done {
  background-color: #000 !important;
}
@media (min-width: 1024px) {
  .checkout-steps .step-5-active .step-1.done:after,
  .checkout-steps .step-5-active .step-2.done:after,
  .checkout-steps .step-5-active .step-3.done:after {
    background-image: url(../images/icons/bg-step-done-sm.png) !important;
    border: none !important;
    width: 49px !important;
    height: 119px !important;
  }
}
@media (min-width: 1400px) {
  .checkout-steps .step-5-active .step-1.done:after,
  .checkout-steps .step-5-active .step-2.done:after,
  .checkout-steps .step-5-active .step-3.done:after {
    background-image: url(../images/icons/bg-done-step1-active-step3.png) !important;
    border: none !important;
    width: 89px !important;
    height: 119px !important;
  }
}
.checkout-steps .step-5-active .step-4.done {
  background-color: #000;
}
@media (max-width: 1024px) {
  .checkout-steps .step-5-active .step-4.done {
    padding-left: 1% !important;
    width: 114%;
  }
}
.checkout-steps .step-5-active .step-4.done:after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  content: "";
  z-index: 100;
}
@media (min-width: 1024px) {
  .checkout-steps .step-5-active .step-4.done:after {
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid #000000;
    right: -30px;
  }
}
@media (min-width: 1400px) {
  .checkout-steps .step-5-active .step-4.done:after {
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #000000;
    right: -60px;
  }
}
.checkout-steps .step-body .step-body-form {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection {
  margin-bottom: 5px;
}
.checkout-steps .step-body .checkout-next {
  margin: 0 30px 30px 0;
  width: 190px;
  float: right;
}
.checkout-steps .step-body .checkout-next.disabled path {
  fill: #bdc4cb;
}
.checkout-steps .step-body .checkout-next svg {
  margin-left: 10px;
}
.checkout-steps .step-body .place-order {
  margin: 30px 0px 30px 0;
}
.checkout-steps .step-body hr {
  border-color: #b6b6b6;
}
.checkout-steps .step-body .checkout-indent .headline {
  padding: 20px 0 30px 0;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #b6b6b6;
}
.new__car  .step-head::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 100;
  background-repeat: no-repeat;
  background-position: right;
}
@media (min-width: 1024px) {
  .new__car  .step-head::after {
    margin-right: -30px;
    background-image: url("../images/icons/bg-step-3-inactive-sm.png");
  }
}
@media (min-width: 1400px) {
  .new__car  .step-head::after {
    margin-right: -59px;
    background-image: url("../images/icons/bg-step-3-inactive.png");
  }
}
.new__car  .step-head.active:after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  content: "";
  z-index: 100;
}
@media (min-width: 1024px) {
  .new__car  .step-head.active:after {
    right: -30px !important;
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid #f20c06 !important;
  }
}
@media (min-width: 1400px) {
  .new__car  .step-head.active:after {
    right: -60px !important;
    border-top: 58px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #f20c06 !important;
  }
}
@media (max-width: 639px) {
  .new__car  .step-head.active:after {
    text-align: center;
    right: -30px;
    border-top: 29px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 30px solid #cb0000;
  }
}
.new__car  .step-head.done::after,
.new__car  .step-head.active::after {
  background-image: none;
  margin-right: 0 !important;
}
@media (min-width: 1024px) {
  .new__car  .step-head:last-child::after {
    display: none;
  }
}
@media (max-width: 639px) {
  .new__car  .step-head:last-child::after {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: "";
    z-index: 999;
    text-align: center;
    right: -30px !important;
    border-top: 29px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 30px solid #eef0f2;
    background-image: none !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 639px) {
  .new__car  .step-head:last-child.active::after {
    border-left: 30px solid #f20c06 !important;
  }
}
@media (max-width: 1024px) {
  .checkout-steps {
    padding: 0 20px;
  }
}
@supports (-ms-ime-align: auto) {
  .step-head .arrow-top,
  .step-head .arrow-bottom {
    height: 83px;
    width: 1px;
    background: #cdcdce;
    content: "";
    position: absolute;
  }
  .step-head .arrow-top {
    top: 47px;
    right: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .step-head .arrow-bottom {
    top: -12px;
    right: 0;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@media (max-width: 639px) {
  .new__car .checkout-steps-line {
    flex-flow: row wrap;
  }
  .checkout-steps {
    padding-left: 20px;
    padding-right: 20px;
  }
  .checkout-steps .step-head {
    width: 46% !important;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
  }
  .checkout-steps .step-head:before {
    line-height: 68px;
  }
  .checkout-steps .step-head.step-2 {
    padding-left: 12%;
  }
  .checkout-steps .step-head.step-2::after {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: "";
    z-index: 100;
    text-align: center;
    right: -30px !important;
    border-top: 29px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 30px solid #f4f4f4;
    background-image: none !important;
    margin-right: 0 !important;
  }
  .checkout-steps .step-head.step-4 {
    text-align: right;
    padding-right: 12px;
  }
  .checkout-steps .step-head.step-4::after {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: "";
    z-index: 100;
    text-align: center;
    right: -30px !important;
    border-top: 29px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 30px solid #f4f4f4;
    background-image: none !important;
    margin-right: 0 !important;
  }
  .checkout-steps .step-head.step-4.active::after {
    border-left: 30px solid #f20c06;
  }
  .checkout-steps .step-head.step-4.done {
    padding-right: 0px;
  }
}
.checkout-shipping .checkout-shipping-items .checkout-shipping-items-header {
  text-transform: uppercase;
  padding: 35px 0 10px 0;
  font-weight: 600;
}
.checkout-shipping .checkout-shipping-items > div {
  padding-bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkout-shipping .checkout-shipping-items ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .checkout-shipping-items ul li {
  padding: 15px 0;
  line-height: 19px;
  border-bottom: 1px solid #b6b6b6;
}
.checkout-shipping .checkout-shipping-items ul li:first-child {
  padding-top: 1px;
}
.checkout-shipping .simplify-pickup-locations {
  background: #f2f4f7;
  padding: 10px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header {
  background: #b3bfd0;
  padding: 10px;
  line-height: 35px;
  margin: -20px 0px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  content: " ";
  display: table;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  clear: both;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  content: " ";
  display: table;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  clear: both;
}
.checkout-shipping .simplify-pickup-locations ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .simplify-pickup-locations ul li + li {
  border-top: 1px solid #b3bfd0;
}
.checkout-shipping .simplify-pickup-locations ul a {
  color: #000000;
  background: #fff;
  display: block;
  padding: 10px;
  text-decoration: none;
}
@media (max-width: 1399px) {
  .checkout-shipping .checkout-shipping-items .checkout-pickup-items {
    padding-bottom: 0;
  }
}
.checkout-paymentmethod {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
  padding-top: 0;
}
.step-body .checkout-paymentmethod hr {
  margin-top: 25px;
}
#addressbook,
#savedpayments,
#savedpaymentsbody {
  display: none;
  padding-bottom: 20px;
}
#colorbox #addressbook,
#colorbox #savedpayments,
#colorbox #savedpaymentsbody {
  display: block;
}
#addressbook ul,
#savedpayments ul,
#savedpaymentsbody ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
#addressbook ul li,
#savedpayments ul li,
#savedpaymentsbody ul li {
  padding: 10px 0;
}
.checkout-summary {
  z-index: 400;
}
@media (min-width: 1024px) {
  .checkout-summary {
    padding-right: 40px;
    float: right !important;
  }
  .checkout-summary .sidebar {
    background-color: #ffffff;
    box-shadow: 0 17px 12px 0 rgba(0, 0, 0, 0.14);
    border: solid 1px #c3c8cc;
    border-radius: 5px 5px 0 0;
  }
}
@media (max-width: 1023px) {
  .checkout-summary {
    margin-top: 20px;
  }
}
.checkout-summary hr {
  border-top: solid 1px #c3c8cc;
  margin: 0;
}
.checkout-summary-top {
  position: relative;
  background-color: #000;
  overflow: hidden;
  padding: 5px 0 20px;
  color: var(--white);
}
.checkout-summary-top .product-summary-info h4 a {
  color: #fff;
}
.checkout-summary-top .product-summary-img img {
  width: 100%;
}
.checkout-summary.step-1 .checkout-order-delivery.bg-grey {
  background-color: transparent !important;
}
.checkout-order-summary .checkout-order-summary-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
  background-color: var(--black);
  padding-bottom: 20px;
}
@media (min-width: 640px) {
  .checkout-order-summary .checkout-order-summary-list:first-of-type .checkout-order-summary-list-heading {
    padding-top: 0;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading:only-child {
    border-bottom: 0;
  }
}
.checkout-order-summary .checkout-order-summary-list li {
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  content: " ";
  display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  content: " ";
  display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
  background-color: #ffffff !important;
  color: #000000;
  padding: 60px 0 10px;
  border-bottom: 1px solid #b6b6b6;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading > div {
  float: left;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
  font-weight: 600;
  padding-right: 5px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 85%;
}
.checkout-order-summary .checkout-order-summary-list .thumb {
  float: left;
  margin-right: 20px;
  width: 65px;
}
.checkout-order-summary .checkout-order-summary-list .thumb img {
  width: 100%;
  height: auto;
}
.checkout-order-summary .checkout-order-summary-list .details .name a {
  color: #fff !important;
}
.checkout-order-summary .checkout-order-summary-list .details .qty span {
  font-size: 14px;
  color: #929292;
  font-weight: 600;
  text-transform: uppercase;
  padding-right: 10px;
}
.checkout-order-summary .checkout-order-summary-list .updateQuantityProduct-toggle {
  float: right;
}
.checkout-order-summary .checkout-order-summary-list .stock-status {
  clear: both;
  padding: 10px 0;
  font-size: 14px;
}
@media (max-width: 1023px) {
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
    width: 100%;
  }
}
.checkout-order-summary .subtotals {
  font-size: 19px;
  margin-top: 30px;
}
.checkout-order-summary .subtotals .subtotal,
.checkout-order-summary .subtotals .shipping,
.checkout-order-summary .subtotals .subtotals__item--state-discount,
.checkout-order-summary .subtotals .tax,
.checkout-order-summary .subtotals .totals {
  padding: 5px 0;
}
.checkout-order-summary .subtotals .subtotal span,
.checkout-order-summary .subtotals .shipping span,
.checkout-order-summary .subtotals .subtotals__item--state-discount span,
.checkout-order-summary .subtotals .tax span,
.checkout-order-summary .subtotals .totals span {
  float: right;
  font-weight: 600;
}
.checkout-order-summary .subtotals .totals {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #cccccc;
}
.checkout-order-summary .subtotals .realTotals {
  font-size: 15px;
}
.subtotals__item--state-discount {
  color: #f20c06;
}
.label-spacing {
  opacity: 0.6;
}
.checkout-order-summary .checkout-order-summary-list {
  max-height: 280px;
  overflow: auto;
}
.checkout-order-summary .order-sm-title {
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: normal;
  padding: 10px 20px 20px 20px;
  color: #fff;
  background-color: var(--black);
  margin: 0;
}
@media (max-width: 1023px) {
  .place-order-form {
    padding: 0 20px;
  }
  .checkout-order-summary {
    padding: 30px 20px 15px;
    border: 1px solid #cccccc;
    border-top: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .checkout-order-summary .order-sm-title {
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
  }
  .checkout-order-summary .checkout-order-summary-list {
    padding-left: 0;
    list-style: none;
    border: none;
    padding: 0;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
    background-color: transparent !important;
    color: #000000;
    padding: 25px 20px;
    border-color: #b6b6b6;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
    text-transform: uppercase;
    font-size: 18px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-items {
    border-bottom: 1px solid #b6b6b6;
  }
  .checkout-order-summary .subtotals {
    padding: 0 20px;
  }
}
.checkout-review {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-review .checkout-order-summary .subtotals {
  margin-top: 0;
}
.place-order-form .checkbox {
  margin: 25px 0 40px;
}
.place-order-form .checkbox label {
  font-size: 15px;
  color: #000000;
  text-transform: none;
}
.btn-close-terms-and-conditions {
  margin: 30px 0;
}
@media (min-width: 640px) {
  .place-order-form .checkbox {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-help {
  text-align: center;
  border: 1px solid #cccccc;
  font-size: 15px;
  padding: 10px;
  margin-top: 60px;
}
@media (max-width: 639px) {
  .checkout-help {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1100px) {
  .checkout-success-default {
    padding: 60px 0 60px 120px;
    margin-left: 30px;
  }
}
@media (max-width: 1099px) {
  .checkout-success-default {
    padding: 120px 40px;
  }
}
.checkout-success-default .img-success {
  vertical-align: top;
  margin: -10px 0px 0 0;
  max-width: 191px;
}
.checkout-success-payment {
  overflow: hidden;
}
@media (min-width: 640px) {
  .checkout-success-payment {
    padding: 30px 0 45px;
    margin-left: 30px;
  }
}
@media (max-width: 1023px) {
  .checkout-success-payment {
    padding: 0 0 20px;
    border-bottom: none;
  }
}
.checkout-success-payment .img-success {
  float: left;
}
@media (min-width: 640px) {
  .checkout-success-payment .img-success {
    margin-top: -5px;
  }
}
.checkout-success-payment .checkout-success__body {
  padding: 0 0 0 20px;
}
@media (max-width: 1023px) {
  .checkout-success-payment .checkout-success__body {
    margin: 0 20px;
    padding: 0;
  }
}
.checkout-success__bank--transfer {
  border-radius: 6px;
  border: solid 1px #c3ccd6;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.29;
}
.checkout-success__bank--transfer.bg-bank {
  background-image: url("../images/icons/ic-bank-transfer-red.svg");
}
.checkout-success__bank--transfer.bg-dealer {
  background-image: url("../images/icons/ic-pay-at-dealer-confirm.svg");
  background-size: 55px 55px;
}
@media (min-width: 640px) {
  .checkout-success__bank--transfer {
    padding: 24px 24px 24px 80px;
    background-position: 20px 24px;
  }
}
.checkout-success__bank--transfer h5 {
  margin: 0 0 5px;
}
.checkout-success__bank--transfer dl {
  display: grid;
  grid-template-columns: max-content auto;
}
.checkout-success__bank--transfer dt {
  grid-column-start: 1;
  font-weight: 600;
  line-height: 18px;
}
.checkout-success__bank--transfer dd {
  grid-column-start: 2;
  display: block;
  margin-inline-start: 40px;
  font-weight: 600;
  line-height: 18px;
  min-width: 0;
  min-height: 0;
  word-break: break-word;
  max-width: 100%;
}
@media (max-width: 639px) {
  .checkout-success__bank--transfer dd {
    margin-inline-start: 10px;
  }
}
.checkout-success__bank--transfer .bank__info {
  list-style: none;
  padding-left: 15px;
}
.checkout-success__bank--transfer .bank__info li {
  margin-bottom: 7px;
}
.checkout-success__bank--transfer .bank__info li::before {
  content: "";
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: -4px 5px 0 -1em;
  vertical-align: middle;
}
.checkout-success__bank--transfer .bank__info li a {
  text-decoration: underline;
}
@media (min-width: 640px) {
  .checkout-success__bank--info {
    padding-left: 15px;
  }
}
.checkout-success__body.dealer {
  padding-left: 180px;
}
@media (min-width: 1024px) {
  .checkout-success__body {
    padding: 0 20px;
  }
}
.checkout-success__body__headline {
  font-size: 32px;
  font-weight: normal;
  margin-bottom: 15px;
}
.padding-25 {
  padding: 0 25%;
}
.termsAndConditions-section {
  padding-bottom: 20px;
}
label.terms {
  margin: 15px 0;
}
fieldset#cardDate > .control-label,
fieldset#startDate > .control-label {
  font-weight: 600;
  margin-bottom: 5px;
}
fieldset#cardDate .form-group .control-label,
fieldset#startDate .form-group .control-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
@media (max-width: 1023px) {
  .page-multiStepCheckoutSummaryPage .js-toggle-sm-navigation {
    display: none !important;
  }
  .page-multiStepCheckoutSummaryPage .mini-cart-count {
    right: 12%;
  }
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
  margin-top: 100px;
  padding: 0;
}
@media (max-width: 1023px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 130px;
  }
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 170px;
  }
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row {
  border-top: 1px solid #b6b6b6;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row:nth-child(2n + 2) {
  background: #b6b6b6;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-prod-info {
  display: inline-block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
  padding: 10px 10px 15px;
  vertical-align: top;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td > span {
  display: block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td.grid-prod-img {
  padding-left: 40px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant,
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-size {
  font-weight: 600;
  min-width: 80px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant {
  display: block;
  font-size: 16px;
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
    padding: 10px 15px 15px;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td:nth-child(2n + 2) {
    background-color: transparent;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info {
    display: block;
    text-align: left;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info span {
    display: inline-block;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-price {
    float: right;
  }
}
.stick {
  position: fixed;
  top: 102px;
}
@media (min-width: 1024px) {
  .stick {
    width: 30.333%;
    right: 30px;
  }
}
@media (min-width: 1400px) {
  .stick {
    width: 30.333%;
    right: 30px;
  }
}
.pdf1 .stick {
  right: 40px;
}
.abs {
  position: absolute;
}
@media (min-width: 1024px) {
  .abs {
    width: 88.8%;
    bottom: 28px;
    right: 40px;
  }
}
@media (min-width: 1400px) {
  .abs {
    width: 90%;
    right: 40px;
  }
}
.checkout-order-delivery,
.checkout-order-payment {
  padding: 15px 0;
  border-bottom: 1px solid #c3c8cc;
  font-size: 14px;
  font-weight: 300;
}
.thankyou .checkout-order-delivery,
.thankyou .checkout-order-payment {
  background-color: #f4f4f4;
}
.checkout-order-delivery h3,
.checkout-order-payment h3,
.checkout-order-delivery h4,
.checkout-order-payment h4 {
  margin: 0;
}
.pickup-name,
.pickup-adress {
  margin-bottom: 5px;
  display: inline-block;
}
.checkout-order-item {
  padding: 15px 0;
  border-bottom: 1px solid #c3c8cc;
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}
.thankyou .checkout-order-item {
  background-color: #f4f4f4;
}
.checkout-order-item h3,
.checkout-order-item h4 {
  margin: 0;
}
.totals {
  padding: 15px 0;
}
.totals h3,
.totals h4 {
  margin: 0;
}
.checkout-payment-method .order-reserve-content .form-check-inline {
  justify-content: start;
}
.checkout-payment-method .order-reserve-content .form-check-inline .form-control-custom {
  width: 35%;
}
@media (max-width: 639px) {
  .checkout-payment-method .order-reserve-content .form-check-inline .form-control-custom {
    width: 100%;
  }
}
.checkout-payment-method .form-check-inline {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 639px) {
  .checkout-payment-method .form-check-inline {
    display: block;
  }
}
.checkout-payment-method .form-check-inline .form-control-custom {
  padding: 30px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  /* On checked */
}
@media (min-width: 640px) {
  .checkout-payment-method .form-check-inline .form-control-custom {
    width: 33.333%;
  }
}
@media (max-width: 639px) {
  .checkout-payment-method .form-check-inline .form-control-custom {
    margin: 10px 0;
    width: 100%;
  }
}
.checkout-payment-method .form-check-inline .form-control-custom .detail-info {
  display: none;
  margin: 20px 0 0 0;
}
@media (max-width: 639px) {
  .checkout-payment-method .form-check-inline .form-control-custom .detail-info {
    padding: 0 5px;
  }
}
.checkout-payment-method .form-check-inline .form-control-custom .detail-info .info-item {
  font-size: 14px;
  margin: 7px 0;
}
.checkout-payment-method .form-check-inline .form-control-custom.selected {
  border: solid 1px #b6b6b6;
}
.checkout-payment-method .form-check-inline .form-control-custom.selected .detail-info {
  display: block;
}
.checkout-payment-method .form-check-inline .form-control-custom input:checked ~ .btn-unselected {
  border: 3px solid #f20c06 !important;
  background-color: #f20c06 !important;
  color: #ffffff !important;
}
.checkout-payment-method .form-check-inline .form-control-custom .js-vehicle-payment-select {
  min-width: 160px;
}
@media (min-width: 1024px) {
  .checkout-shipping .form-check-inline {
    display: flex;
    align-content: flex-start;
  }
}
@media (max-width: 1023px) {
  .checkout-shipping .form-check-inline {
    display: block;
  }
}
.checkout-shipping .form-check-inline .form-control-custom {
  padding: 30px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  align-self: flex-start;
}
@media (min-width: 1100px) {
  .checkout-shipping .form-check-inline .form-control-custom {
    width: 33.333%;
  }
}
@media (max-width: 1099px) {
  .checkout-shipping .form-check-inline .form-control-custom {
    width: 50%;
    float: left;
  }
}
.checkout-shipping .form-check-inline .form-control-custom.selected {
  border: solid 1px #b6b6b6;
}
.checkout-shipping .form-check-inline .form-control-custom .js-shipping-input {
  opacity: 0;
}
.checkout-shipping .btn-unselected.active {
  background-color: #f20c06;
  color: #ffffff;
}
@media (max-width: 1023px) {
  .checkout-next {
    max-width: 203px;
    margin: 30px 50px 30px 0;
    float: right;
  }
}
@media (max-width: 639px) {
  .checkout-next {
    margin: 0 auto 30px;
    width: 92% !important;
    display: block;
    max-width: 100%;
    float: left;
  }
}
/* #accordion rotate icon option */
.panel__info--summary .panel {
  border-top: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
  border-radius: 0;
}
.panel__info--summary .panel + .panel {
  margin-top: -1px !important;
}
.panel__info--summary .panel-body {
  padding: 15px 0 !important;
}
#accordion .panel-heading {
  padding: 15px 20px;
  background-color: #f4f4f4;
}
#accordion .panel-heading span {
  transform: rotate(0deg);
  transition: all 0.5s;
}
#accordion .panel-heading.active {
  background-color: transparent;
}
#accordion .panel-heading.active span.tmp-icon {
  background-image: url("../images/icons/ic-accordion-active.svg");
  transform: rotate(180deg);
  transition: all 0.5s;
}
#accordion .panel-heading.active:hover {
  color: #f20c06;
}
#accordion .panel-heading.active:hover .tmp-icon {
  background-image: url("../images/icons/ic-accordion-hover.svg");
}
.checkout-payment-method .pagination-bar .pagination-toolbar {
  border-bottom: none;
}
.tmp-product {
  display: flex;
  overflow: hidden;
}
.tmp-product .list-wrapper {
  flex-wrap: wrap;
  display: flex;
  margin: 0;
  width: 100%;
  padding: 0;
}
.tmp-product .list-wrapper .item-info--name div {
  max-width: 100%;
  display: block;
  overflow: hidden;
  padding: 0;
  font-size: 17px;
  text-overflow: ellipsis;
  line-height: 23px;
  max-height: 46px;
  height: auto;
  white-space: normal;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 46px;
}
.tmp-product.grid-view .list-item {
  width: 25%;
  padding: 20px;
  list-style-type: none;
}
@media (max-width: 1023px) {
  .tmp-product.grid-view .list-item {
    width: 33.333%;
  }
  .tmp-product.grid-view .list-item .add_to_cart_form {
    margin: auto;
  }
}
@media (max-width: 639px) {
  .tmp-product.grid-view .list-item {
    width: 100%;
  }
  .tmp-product.grid-view .list-item .add_to_cart_form {
    width: 100%;
  }
  .tmp-product.grid-view .list-item .btn-unselected {
    width: 100%;
  }
}
.tmp-product.grid-view .list-photo .photo-wrapper {
  display: inline-flex;
  align-items: center;
  height: 150px;
}
.tmp-product.grid-view .list-photo .photo-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.tmp-product-list .item__list .item__list--header .item__image {
  width: 35%;
  padding-left: 0 !important;
}
@media (max-width: 1100px) and (min-width: 1024px) {
  .tmp-product-list .item__list .item__list--header .item__image {
    width: 25%;
  }
}
@media (max-width: 1023px) {
  .page-order .tmp-product-list .item__list .item__list--header .item__image {
    width: 65%;
  }
}
.tmp-product-list .item__list .item__image {
  width: 35%;
  padding: 20px 10px 15px 0;
}
@media (max-width: 1100px) and (min-width: 1024px) {
  .tmp-product-list .item__list .item__image {
    width: 25%;
  }
}
@media (max-width: 1023px) {
  .page-order .tmp-product-list .item__list .item__image {
    width: 65%;
  }
}
.tmp-product-list .cart-voucher {
  margin-top: 0;
  padding-left: 0;
}
.tmp-product-list .cart-voucher .promotion-desc {
  width: 90%;
  margin-top: 20px;
}
.tmp-product-list .item__list__cart .item__list--item {
  border-top: none;
}
.toastr {
  color: #ffffff;
  border: solid 1px #c3c8cc;
  background-color: #141f2b;
  padding: 10px 20px;
  border-radius: 5px;
  margin-right: 50px;
}
@media (max-width: 639px) {
  .toastr {
    margin-right: 10px;
  }
}
@media (max-width: 639px) {
  .checkout-group-action {
    display: block;
  }
  .checkout-group-action .btn-chkout-back {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .checkout-group-action .place-order {
    width: 250px;
    margin: 0 !important;
  }
}
/* new car checkout css */
.insuarance__content--info {
  padding: 30px 20px 30px;
  background-color: #f4f4f4;
}
.insuarance__content--limit {
  max-height: 340px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.select__type--insuarance .customradio {
  margin-right: 40px;
}
.panel-group.panel__info--summary {
  margin-bottom: 0;
}
.plan__form {
  padding: 20px;
  background-color: #f4f4f4;
}
@media screen and (min-width: 1024px) {
  .plan__form--left {
    padding-right: 40px;
    margin-right: 30px;
    border-right: solid 1px #b0bac4;
  }
}
.plan__form dl {
  display: grid;
  grid-template-columns: max-content auto;
}
.plan__form dt {
  grid-column-start: 1;
  font-weight: 500;
  margin: 5px 0;
}
.plan__form dd {
  grid-column-start: 2;
  display: block;
  margin-inline-start: 40px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.plan__form .form-group + .form-group {
  margin-bottom: 0;
}
#preferReleaseDate {
  position: relative;
}
.open__calendar {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
}
.label__pickup--time {
  display: block;
  width: 100%;
}
#vehicleDeliveryMethodForm .btn-unselected.active {
  border: 3px solid #f20c06;
  background-color: #f20c06;
  color: #fff;
}
.new__car .checkout-next {
  margin-bottom: 0 !important;
}
@media (max-width: 639px) {
  .order-reserve-content {
    max-height: 325px;
    overflow-y: auto;
  }
  .checkoutStep-vehicleUpgrade .mobile__nav__row--table-row .ic-cart,
  .checkoutStep-vehicleInsurance .mobile__nav__row--table-row .ic-cart {
    margin-top: 13px;
  }
}
.financing__detail {
  display: none;
}
.js-payment__one--month {
  margin-left: -5px;
}
.js-payment__all--month {
  margin-left: -3px;
}
.mix-checkout-left hr {
  border-top: solid 1px #b6b6b6 !important;
}
.pickup-remark {
  border: solid 1px rgba(99, 115, 133, 0.5);
  min-height: 88px;
  width: 100%;
  border-radius: 5px;
}
.checkout-thankyou .img-success {
  align-self: flex-start;
}
.checkout__service-date-block .checkout-indent {
  border-top: 1px solid #b6b6b6;
}
.vehicle__reserve--popup .form-control-custom .btn-unselected {
  background-color: #f20c06;
  border-color: #f20c06;
  color: #fff;
}
.reason__cancel--input {
  border-radius: 5px;
  border: solid 1px #b6b6b6;
  min-height: 105px;
  width: 100%;
}
.checkout-steps-line {
  margin-bottom: 36px;
}
.qty-form-checkout {
  margin: 0;
}
.item-info--name {
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
  line-height: 19px;
  height: 40px;
  margin: 0 0 10px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
}
.flex-bottom {
  display: flex;
  align-items: flex-end;
}
.checkout-thankyou-page {
  padding: 40px 0;
}
.js-continue-shopping-button:hover .ic-continue {
  background-image: url("../images/icons/ic-continue-hover.png");
}
.apply__voucher--form {
  width: 33.333%;
  position: relative;
}
.apply__voucher--form .form-control {
  font-size: 14px;
}
.btn-apply-voucher {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  width: 70px;
  height: 44px;
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 12px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
}
.btn-apply-voucher:hover {
  color: var(--black);
}
@media (max-width: 1023px) {
  .checkout-steps {
    padding-left: 10px;
    padding-right: 10px;
  }
  .checkout-steps.step-accessories .step-head {
    padding-top: 13px;
    padding-bottom: 13px;
    text-align: center;
    height: 47px;
  }
  .checkout-steps.step-accessories .step-head:before {
    line-height: 68px;
  }
  .checkout-steps.step-accessories .step-head.step-1 {
    width: 46% !important;
    border-radius: 5px 0 0 5px;
  }
  .checkout-steps.step-accessories .step-head.step-2 {
    width: 54% !important;
    border-radius: 0 5px 5px 0;
    padding-left: 20px;
  }
  .checkout-steps.new__car .checkout-payment-method .item__total--column,
  .checkout-steps.new__car .checkout-payment-method .item__total {
    text-align: right;
  }
  .checkout-steps.new__car .checkout-steps-line {
    height: 47px;
    border-radius: 5px;
    background-color: var(--white-three);
  }
  .checkout-steps.new__car .checkout-steps-line.step-3-active .step-1 {
    background-image: url("../images/icons/bg-arrow-step-sm.png");
  }
  .checkout-steps.new__car .checkout-steps-line.step-4-active .step-1,
  .checkout-steps.new__car .checkout-steps-line.step-4-active .step-2 {
    background-image: url("../images/icons/bg-arrow-step-sm.png");
  }
  .checkout-steps.new__car .checkout-steps-line.step-5-active .step-1,
  .checkout-steps.new__car .checkout-steps-line.step-5-active .step-2,
  .checkout-steps.new__car .checkout-steps-line.step-5-active .step-3 {
    background-image: url("../images/icons/bg-arrow-step-sm.png");
  }
  .checkout-steps .step-head {
    background-color: #eef0f2;
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    height: 47px;
  }
  .checkout-steps .step-head.active {
    background-color: #f20c06;
    color: #fff;
  }
  .checkout-steps .step-head.active:after {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: "";
    z-index: 100;
    text-align: center;
    right: -18px;
    border-top: 24px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 18px solid var(--red);
  }
  .checkout-steps .step-head.done {
    background-color: #000000;
    color: #fff;
  }
  .checkout-steps .step-head.done .tmp-icon {
    display: inline-block;
  }
  .checkout-steps .step-head.done .ic-done {
    margin-left: 0;
  }
  .checkout-steps .step-head.step-1.active:after {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: "";
    z-index: 100;
    text-align: center;
    right: -18px;
    border-top: 24px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 18px solid var(--red);
  }
  .checkout-steps .step-head.step-1.done:after {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: "";
    z-index: 100;
    right: -18px;
    border-top: 24px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 18px solid var(--black);
  }
  .checkout-steps .step-head:last-child.active:after {
    display: none;
  }
  .checkout-steps .step-head-car {
    background-image: url("../images/icons/bg-arrow-step-sm.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 22px 47px;
    height: 47px;
    padding-top: 12px;
  }
  .checkout-steps .step-head-car:last-child {
    background-image: none;
    width: 66%;
  }
  .checkout-steps .step-head-car .ic-vehicle {
    display: inline-block !important;
  }
  .checkout-steps .step-head-car .txt-step {
    display: none;
  }
  .checkout-steps .step-head-car.done {
    background-color: var(--black);
    background-image: none;
    width: 70% !important;
  }
  .checkout-steps .step-head-car.done:after {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: "";
    z-index: 100;
    right: -18px;
    border-top: 24px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 18px solid var(--black);
  }
  .checkout-steps .step-head-car.done .ic-vehicle {
    display: none !important;
    width: 0;
    height: 0;
  }
  .checkout-steps .step-head-car.step-1 {
    width: 90%;
    padding-left: unset !important;
    border-radius: 5px 0 0 5px;
  }
  .checkout-steps .step-head-car.step-1.active .ic-step-1 {
    background-image: url("../images/icons/ic-st1-active.svg");
  }
  .checkout-steps .step-head-car.step-2.active .ic-step-2 {
    background-image: url("../images/icons/ic-st2-active.svg");
  }
  .checkout-steps .step-head-car.step-3.active .ic-step-3 {
    background-image: url("../images/icons/ic-st3-active.svg");
  }
  .checkout-steps .step-head-car.step-4.active .ic-step-4 {
    background-image: url("../images/icons/ic-st4-active.svg");
  }
  .checkout-steps .step-head-car.step-5 {
    border-radius: 0 5px 5px 0;
  }
  .checkout-steps .step-head-car.step-5.active .ic-step-5 {
    background-image: url("../images/icons/ic-st5-active.svg");
  }
  .checkout-steps .step-body .step-body-form {
    padding: 30px 20px 15px;
    border: 1px solid #cccccc;
    border-top: 0;
  }
  .checkout-steps .step-body .step-body-form .radiobuttons_paymentselection {
    margin-bottom: 5px;
  }
  .checkout-steps .step-body .checkout-indent .headline {
    border-bottom: 1px solid #b6b6b6;
  }
}
.text-change {
  display: inherit;
}
.address__form {
  background-color: #f4f4f4;
  padding: 30px 25px;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: auto !important;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 14px;
  height: 14px;
}
#cboxTopCenter {
  height: 14px;
}
#cboxTopRight {
  width: 14px;
  height: 14px;
}
#cboxBottomLeft {
  width: 14px;
}
#cboxBottomCenter {
  height: 43px;
}
#cboxBottomRight {
  width: 14px;
}
#cboxMiddleLeft {
  width: 14px;
}
#cboxMiddleRight {
  width: 14px;
}
#cboxContent {
  border-radius: 10px;
  border: solid 1px #c3c8cc;
  background-color: #ffffff;
  height: auto !important;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadingOverlay {
  background: #fff;
  opacity: 0.7;
  border-radius: 10px;
  z-index: 20;
}
#cboxLoadingGraphic {
  background: url("../images/spinner.gif") no-repeat center center;
  background-size: 40px 40px;
}
#cboxCurrent {
  position: absolute;
  bottom: -25px;
  left: 58px;
  font-weight: 600;
  color: #7c7c7c;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxPrevious {
  left: 0px;
  background-position: -51px -25px;
}
#cboxPrevious:hover {
  background-position: -51px 0px;
}
#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}
#cboxNext:hover {
  background-position: -75px 0px;
}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0px;
  right: 27px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0px;
}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0px;
}
#cboxTitle {
  background: transparent;
  position: absolute;
  top: 0;
  height: 88px;
  display: table;
  width: 100%;
}
@media (min-width: 1024px) {
  #cboxTitle {
    padding: 30px 30px 0;
  }
}
@media (max-width: 1023px) {
  #cboxTitle {
    padding: 20px 30px 0;
  }
}
#cboxTitle .headline {
  font-size: 32px;
  line-height: 1;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 0;
  border-bottom: 1px solid #b6b6b6;
  padding-bottom: 25px;
}
#cboxClose {
  position: absolute;
  background: transparent;
  border: 0 none;
  color: #797979;
  padding: 0;
}
@media (min-width: 1024px) {
  #cboxClose {
    right: -60px;
    top: 0;
  }
}
@media (max-width: 1023px) {
  #cboxClose {
    right: 23px;
    top: 6px;
    width: 60px;
    height: 60px;
  }
}
#cboxLoadedContent {
  margin-top: 88px;
  padding: 30px;
}
#cboxLoadedContent .addressEntry + .addressEntry,
#cboxLoadedContent .saved-payment-entry + .saved-payment-entry {
  margin-top: 55px;
}
#cboxLoadedContent .addressEntry ul,
#cboxLoadedContent .saved-payment-entry ul {
  margin-top: -10px;
  margin-bottom: 20px;
}
#cboxLoadedContent .modal-details {
  line-height: 1.8em;
}
#cboxLoadedContent .modal-actions {
  margin-top: 20px;
}
#cboxLoadedContent .modal-actions .btn {
  margin-top: 20px;
}
@media (max-width: 1023px) {
  #cboxTitle {
    height: 112px;
  }
  #cboxTitle:before,
  #cboxTitle:after {
    content: " ";
    display: table;
  }
  #cboxTitle:after {
    clear: both;
  }
  #cboxTitle:before,
  #cboxTitle:after {
    content: " ";
    display: table;
  }
  #cboxTitle:after {
    clear: both;
  }
  #cboxLoadedContent .addressEntry ul {
    margin-top: -25px;
  }
}
.modal__top {
  padding-bottom: 32px;
  margin-bottom: 30px;
  border-bottom: 1px solid #b6b6b6;
}
.modal__top .modal__top--label {
  color: #000000;
  font-weight: 600;
  font-style: italic;
}
.modal__top .modal__top--text {
  font-style: italic;
}
.modal__text--bold {
  font-weight: 600;
}
.modal__bottom {
  margin-bottom: 40px;
  font-size: 15px;
}
.quote-discount__modal--label {
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  vertical-align: middle;
  display: table-cell;
  height: 40px;
}
.quote-discount__modal--input {
  margin-bottom: 17px;
  width: 100%;
}
.quote-discount__modal--input input[type="number"] {
  -moz-appearance: textfield;
}
.quote-discount__modal--input input[type="number"]::-webkit-inner-spin-button,
.quote-discount__modal--input input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quote-discount__modal--input__label {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  padding-right: 10px;
  width: 25px;
  text-align: right;
}
.quote-discount__modal--original__total {
  font-size: 15px;
  font-style: italic;
  border-bottom: 1px solid #b6b6b6;
  color: #000000;
  padding-bottom: 13px;
  margin-bottom: 9px;
  margin-top: 10px;
}
.quote-discount__modal--new__total {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 47px;
}
#cboxOverlay {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
#cboxOverlay .overlay-content {
  height: 100%;
  overflow: scroll;
}
.price del {
  color: #000;
  font-weight: 600;
}
.price ins {
  color: #f20c06;
  color: #eb0a1e !important;
  text-decoration: none;
}
a.price ins:hover,
a.price ins:focus {
  color: #c00a05;
}
.price.msrp {
  color: #666;
}
table {
  width: 100%;
}
table th {
  font-size: 15px;
  font-weight: 600;
  background-color: #128a9e;
  color: #ffffff;
  padding: 10px 10px;
  vertical-align: middle;
}
table tr.entry-group-header a {
  color: lightgrey;
}
table tr.entry-group-header a:hover {
  color: black;
}
table tr.entry-group-header .error {
  background-color: PaleVioletRed;
}
table .entry-group-error-message {
  text-transform: none;
}
table div.left-align {
  text-align: left;
}
table td {
  padding: 20px 10px;
  vertical-align: middle;
}
.product-classifications table td {
  border-top: 1px solid #b0bac4 !important;
  padding: 12px 15px 12px 0!important;
}
.responsive-table th:first-child {
  padding-left: 30px !important;
}
@media (max-width: 1024px) {
  .responsive-table th:first-child {
    padding-left: 20px !important;
  }
}
.responsive-table th:last-child {
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .responsive-table th:last-child {
    padding-right: 20px;
  }
}
@media (min-width: 640px) {
  .responsive-table td:nth-child(2) {
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  .responsive-table td:nth-child(2) {
    padding-left: 30px;
  }
}
.responsive-table td:last-child {
  padding-right: 30px;
}
@media (max-width: 640px) {
  .responsive-table td:last-child {
    padding-right: 20px;
  }
}
.responsive-table .box-conetnt {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  padding: 12px 18px;
  font-weight: 600;
  justify-content: center;
}
.responsive-table .box-conetnt .tmp-icon {
  width: 21px;
  height: 21px;
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}
.responsive-table .box-conetnt strong {
  font-weight: 600;
}
.responsive-table-item {
  padding: 10px;
}
@media (max-width: 640px) {
  .responsive-table-item {
    padding: 10px 20px;
  }
}
.responsive-table-item:nth-child(odd) {
  background-color: #f4f4f4;
}
.responsive-table-item a.responsive-table-link {
  color: #000000;
  font-size: 13px;
}
.responsive-table-item a:hover,
.responsive-table-item a:focus {
  color: #f20c06;
}
@media (max-width: 639px) {
  .responsive-table-item {
    display: block;
  }
  .responsive-table-item .status strong {
    display: block;
  }
  .responsive-table-item td {
    display: inline-block;
    width: 40%;
    padding: 3px 10px;
    font-size: 13px;
  }
  .responsive-table-item td:last-child {
    text-align: left;
  }
  .responsive-table-item td.responsive-table-cell {
    width: 55%;
  }
  .responsive-table-item td.responsive-table-cell-bold {
    font-weight: 600;
  }
}
.responsive-table-item label {
  font-size: 15px;
}
input[type="radio"],
input[type="checkbox"] {
  margin-right: 10px;
  margin-bottom: 20px;
}
label {
  color: #000000;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
}
label.uncased {
  text-transform: none;
}
.help-block {
  font-style: italic;
}
.form-control:focus {
  border-color: #f20c06;
  outline: 0;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #b9bdc2;
  opacity: 1;
}
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #b9bdc2;
}
select.form-control {
  font-size: 13px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  color: #929292;
  background-color: #f4f4f4 !important;
  box-shadow: none;
}
.form-control.form-control--revise {
  min-height: 44px;
  height: auto;
}
.has-error .control-label {
  color: #000000;
}
.has-error input.form-control {
  background: #f6e0e0;
  border-color: #c53131;
}
.has-error .help-block {
  font-weight: 600;
  color: #c53131;
}
.has-success .control-label {
  color: #000000;
}
.has-success input.form-control {
  background: transparent;
  border-color: #cccccc;
}
.has-success .help-block {
  font-weight: 600;
  color: #f20c06;
}
legend {
  font-size: 18px;
  border-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.form-element-icon {
  position: relative;
}
.form-element-icon .glyphicon {
  position: absolute;
}
.form-element-icon.datepicker .glyphicon {
  top: 32px;
  right: 10px;
  color: #f20c06;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .form-element-icon.datepicker .glyphicon {
    top: 38px;
  }
}
.form-control-radio,
.form-control-checkbox {
  display: block;
}
.form-control-radio input,
.form-control-checkbox input {
  margin-bottom: 0;
  float: left;
}
.form-control-radio .form-control-label,
.form-control-checkbox .form-control-label {
  margin-left: 25px;
}
fieldset > div:last-of-type input,
fieldset > div:last-of-type label {
  margin-bottom: 0;
}
.legend {
  margin-bottom: 20px;
}
textarea {
  min-height: 245px;
}
textarea + .help-block {
  font-size: 12px;
  margin-bottom: 25px;
  text-align: right;
}
.input-sm {
  height: 37px;
  padding: 9px 12px;
  font-size: 15px;
  line-height: 1.14;
  border-radius: 5px;
}
select.input-sm {
  height: 37px;
  line-height: 37px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
/* Toggle Button */
.toggle-button {
  position: absolute;
  top: 19px;
  right: 73px;
}
.toggle-button input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.toggle-button input[type="checkbox"][disabled] ~ label {
  color: #ffffff;
  pointer-events: none;
}
.toggle-button input[type="checkbox"][disabled] ~ label .toggle-button__switch {
  opacity: 0.4;
}
.toggle-button input[type="checkbox"]:focus ~ label .toggle-button__switch,
.toggle-button input[type="checkbox"]:hover ~ label .toggle-button__switch {
  background-color: #ffffff;
  border-color: #999999;
}
.toggle-button input[type="checkbox"]:checked ~ label .toggle-button__switch {
  background-color: #f20c06;
}
.toggle-button input[type="checkbox"]:checked ~ label .toggle-button__switch:after {
  content: '\00a0';
  background-color: #ffffff;
  transform: translate3d(22px, 0, 0);
}
.toggle-button input[type="checkbox"]:checked ~ label .toggle-button__switch :before {
  content: '\00a0';
  left: 0;
}
.toggle-button label {
  user-select: none;
  position: relative;
  display: flex;
  align-items: center;
}
.toggle-button label .toggle-button__switch {
  position: relative;
  height: 33px;
  flex: 0 0 56px;
  border-radius: 60px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.toggle-button label .toggle-button__switch.is-checked {
  border-color: #f20c06;
}
.toggle-button label .toggle-button__switch:before {
  left: 28px;
  font-size: 12px;
  line-height: 23px;
  width: 28px;
  padding: 0 12px;
  content: '\00a0';
  position: absolute;
  top: 0;
}
.toggle-button label .toggle-button__switch:after {
  top: 4px;
  left: 4px;
  border-radius: 30px;
  width: 23px;
  line-height: 23px;
  font-size: 12px;
  color: #ffffff;
  background-color: #cccccc;
  content: '\00a0';
  position: absolute;
  z-index: 5;
}
.toggle-button input[type="checkbox"]:checked:focus ~ label .toggle-button__switch,
.toggle-button input[type="checkbox"]:checked:hover ~ label .toggle-button__switch {
  background-color: #fb6763;
  border-color: #fb6763;
}
.preloader {
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 999999;
  overflow: hidden !important;
}
.main__inner-wrapper {
  position: relative;
  min-height: calc(100vh - 600px);
}
@media (max-width: 1023px) {
  .main__inner-wrapper {
    padding-top: 30px;
    min-height: calc(100vh - 750px);
  }
  .page-homepage .main__inner-wrapper {
    padding-top: 0 !important;
  }
}
@media (min-width: 1024px) {
  .main__inner-wrapper {
    padding-top: 20px;
  }
  .page-homepage .main__inner-wrapper,
  .page-newVehicle .main__inner-wrapper,
  .page-insuranceLandingPage .main__inner-wrapper {
    padding-top: 0 !important;
  }
}
.main__inner-wrapper.portal {
  min-height: auto !important;
}
.page-homepage .breadcrumb-section {
  display: none;
}
.page-homepage #cboxWrapper,
.page-myVehiclesPage #cboxWrapper {
  max-width: none;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 660px !important;
}
.page-homepage #cboxWrapper #colorbox,
.page-myVehiclesPage #cboxWrapper #colorbox {
  top: 280px;
}
.page-homepage #cboxContent,
.page-myVehiclesPage #cboxContent {
  width: 660px !important;
}
.page-homepage #cboxContent #cboxLoadedContent,
.page-myVehiclesPage #cboxContent #cboxLoadedContent {
  max-width: 100%;
  width: 660px !important;
}
.page-homepage #cboxMiddleLeft,
.page-myVehiclesPage #cboxMiddleLeft {
  display: none;
}
.page-homepage #cboxLoadedContent,
.page-myVehiclesPage #cboxLoadedContent {
  box-sizing: border-box;
}
.page-myVehiclesPage #colorbox.popup__vehicle_build {
  position: fixed !important;
  top: 40% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
@media screen and (min-width: 1240px) {
  .page-myVehiclesPage #colorbox.popup__vehicle_build {
    top: 60% !important;
  }
}
.w-96 {
  width: 94%;
  margin: auto;
}
.js-site-logo {
  position: relative;
  z-index: 1;
}
.js-site-logo img {
  height: 70px;
  width: auto !important;
  margin-top: -35px;
}
@media (min-width: 1024px) {
  .js-site-logo img {
    margin-left: 15px;
  }
}
.js-mobile-logo {
  text-align: center;
}
.title-general {
  margin-top: 0;
}
.featured__models {
  margin: auto 25px;
}
.featured__models--items {
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
@media (max-width: 639px) {
  .featured__models--items {
    padding: 15px;
  }
}
@media (min-width: 640px) {
  .featured__models--items {
    padding: 29px;
  }
}
.featured__models--items:hover {
  background-color: #f4f4f4;
}
.featured__models--items:hover a {
  color: inherit !important;
}
.featured__models--image img {
  max-width: auto !important;
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
@media (max-width: 1023px) {
  .featured__models--image img {
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .featured__models--image img {
    height: 120px;
  }
}
@media (min-width: 1400px) {
  .featured__models--image img {
    height: 170px;
  }
}
.featured__models--info h3 {
  display: inline;
  margin-right: 10px;
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
@media (min-width: 1024px) {
  .featured__models--info h3 {
    max-width: 60px;
    overflow: hidden;
  }
}
@media (min-width: 1400px) {
  .featured__models--info h3 {
    max-width: 90px;
    overflow: hidden;
  }
}
.featured__models--explore {
  width: 235px;
  display: block;
  text-align: center;
  margin: auto;
}
.featured__models--explore:hover {
  background-color: #000;
  color: #fff !important;
}
@media (max-width: 1023px) {
  .featured__models--items {
    margin-bottom: 20px;
  }
}
.explore__use--car {
  border-radius: 15px;
  background-color: #f4f4f4;
  padding: 15px;
}
.explore__use--car--title {
  margin-bottom: 15px;
}
.buy__budget--item {
  padding: 0 3px !important;
  border: none;
  box-shadow: none;
}
.budget .buy__budget--item {
  margin-bottom: 25px;
  height: 97px;
}
.dealer .buy__budget--item {
  margin-bottom: 5px;
}
.buy__budget--item-info {
  display: flex;
  width: 100%;
  min-height: 57px;
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.budget .buy__budget--item-info {
  height: 97px;
}
.buy__budget--item-info p {
  margin: 0;
}
.buy__budget--item-info:hover {
  background-color: #000000;
  color: #fff !important;
}
.buy__budget--item-info:hover button {
  color: #fff !important;
}
.buy__budget--item-button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  display: table;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 0 25px;
}
.buy__budget--item-button:hover {
  color: #fff !important;
}
.dealer .buy__budget--item-button:hover {
  font-weight: 600;
}
.buy__budget--item-title {
  display: block;
}
.buy__budget--item-price {
  display: block;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .buy__budget--item-price {
    font-size: 28px;
  }
}
@media (max-width: 1023px) {
  .buy__budget--item-price {
    font-size: 18px;
  }
}
.budget .buy__budget--item:last-child .buy__budget--item-info {
  background-color: transparent;
}
.budget .buy__budget--item:last-child .buy__budget--item-info:hover button {
  color: #f20c06 !important;
}
@media (max-width: 639px) {
  .budget .buy__budget--item:last-child {
    width: 100%;
  }
}
.item__view--all {
  font-size: 16px;
  font-weight: 600;
}
.link__explore--order a {
  display: inline-block;
  margin: 0 10px;
}
@media (min-width: 1024px) {
  .link__explore--order {
    text-align: center;
  }
  .link__explore--order h4 {
    display: inline-block;
  }
}
@media (max-width: 1023px) {
  .link__explore--order {
    text-align: center;
  }
  .link__explore--order h4 {
    margin-bottom: 30px;
    font-size: 32px !important;
    font-weight: 300;
  }
}
.link__explore--list {
  list-style: none;
  padding-left: 15px;
}
@media (min-width: 640px) {
  .link__explore--list {
    display: inline-flex;
  }
}
@media (max-width: 1023px) {
  .link__explore--list h4 {
    margin-bottom: 7px;
  }
  .link__explore--list li {
    margin: 5px 0 10px;
  }
}
.link__explore--item {
  display: block;
  text-align: center;
  margin: auto;
}
.link__explore--item:hover {
  background-color: #000;
  color: #fff !important;
}
.sub-navigation-list {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  position: relative;
}
.sub-navigation-list li {
  float: none;
  display: inline-block;
  padding: 0;
}
.sub-navigation-list li.active,
.sub-navigation-list li:hover {
  height: 49px;
  border-radius: 10px;
  background-color: #000;
}
.sub-navigation-list li.active a,
.sub-navigation-list li:hover a {
  color: #fff;
  background-color: transparent;
}
.sub-navigation-list li a {
  font-size: 17px;
  font-weight: 600;
  line-height: 49px;
  text-align: center;
  padding: 0 25px;
}
#customSubBanner {
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 35px;
}
#customSubBanner .li {
  color: inherit;
  padding: 25px 30px;
}
#customSubBanner .li .col-md-3 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
#customSubBanner .li .col-md-3:hover {
  background-color: #f4f4f4;
}
#customSubBanner .li .item__image img {
  margin: auto;
}
#customSubBanner .controls a small {
  overflow: hidden;
  display: block;
  font-size: 10px;
  margin-top: 5px;
  font-weight: 600;
}
.img__certificate {
  text-align: center;
}
.img__certificate img {
  height: 103px;
  margin: auto;
  width: auto;
}
.certified {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  background-color: var(--red);
  padding: 2px 5px;
  color: var(--white);
  z-index: 100;
}
.carousel__item--thumb .certified {
  position: absolute;
  left: 0;
  bottom: 0;
}
.text {
  text-transform: capitalize;
}
.list-page {
  list-style: decimal-leading-zero;
}
.list-page li {
  padding: 15px 0;
}
/* css portal here*/
main.page-insuarance {
  min-height: 100vh;
  padding-bottom: 80px;
  position: relative;
}
body.down header.animateIt {
  top: 0;
}
.padding-main {
  padding-left: 6%;
  padding-right: 6%;
}
.logo-portal {
  display: flex;
  align-items: flex-end;
  margin-top: -35px;
}
@media (max-width: 639px) {
  .logo-portal {
    margin-top: 10px;
    justify-content: center;
  }
  .logo-portal .logo-portal-text {
    position: relative;
    top: -1px;
  }
  .logo-portal .d-inline-block .simple-banner.mb-2 {
    margin-bottom: 0px !important;
  }
}
.logo-portal img {
  height: 68px;
}
@media (max-width: 639px) {
  .logo-portal img {
    height: 40px !important;
    width: auto;
  }
}
@media (min-width: 1024px) {
  .login-right {
    padding-left: 60px;
    padding-right: 0 !important;
  }
}
.max-width {
  max-width: 70%;
  margin: auto;
}
.login-portal .alert-danger {
  position: relative;
  min-height: 44px;
  padding: 12px 15px;
  background-color: var(--red);
}
.ft-absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 40px;
}
@media (min-width: 1024px) {
  .footer-portal-right {
    text-align: right;
  }
}
@media (max-width: 1023px) {
  .login-portal {
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer-portal-left,
  .footer-portal-right {
    text-align: center;
  }
  .footer-portal-left {
    margin-bottom: 20px;
  }
  .footer-portal-right {
    padding-bottom: 40px;
  }
}
.logo-portal-text {
  color: var(--black);
  opacity: 0.5;
  vertical-align: bottom;
  margin-left: 15px;
}
.navigation--middle .logo-portal-text {
  margin-bottom: 2px;
}
@media (max-width: 639px) {
  .logo-portal-text {
    font-size: 11px;
  }
}
.footer-portal-left .logo-portal {
  margin-top: -1px !important;
  height: 49px !important;
  display: inline-block;
  vertical-align: top;
}
.footer-portal-right {
  margin-top: 30px;
}
@media (max-width: 639px) {
  .portal__insurance--wrapper {
    margin: 100px 0 20px 0 !important;
  }
  .manage-section {
    text-align: center;
  }
  .manage-section ul li a span {
    font-size: 12px;
  }
  .action-manage-device {
    width: 100%;
    margin-top: 40px;
  }
  .action-manage-device .btn-save-close-bid {
    width: 100%;
    margin-left: 0;
    line-height: 42px;
  }
}
.new__vehicle--detail .row {
  margin-left: -20px;
  margin-right: -20px;
}
.new__vehicle--detail [class*="col-"] {
  padding-left: 20px;
  padding-right: 20px;
}
.new__vehicle--headline {
  border-bottom: solid 1px #b6b6b6;
}
#listRelationship {
  max-width: 420px;
}
@media (max-width: 1023px) {
  .tab-content.padding-wrapper {
    padding: 0 !important;
  }
}
.tmp__nav dl {
  display: grid;
  grid-template-columns: max-content auto;
}
@media (max-width: 1023px) {
  .tmp__nav dl {
    margin-bottom: 0 !important;
  }
}
.tmp__nav dt,
.tmp__nav dd {
  line-height: 19px;
}
.tmp__nav dt {
  grid-column-start: 1;
  font-weight: 600;
  margin-bottom: 12px;
}
@media (min-width: 640px) {
  .tmp__nav dt.mwidth-1 {
    min-width: 135px;
  }
}
@media (max-width: 639px) {
  .tmp__nav dt {
    width: 150px;
  }
}
.tmp__nav dd {
  grid-column-start: 2;
  display: block;
  margin-inline-start: 15px;
  margin-bottom: 12px;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .tmp__nav dd {
    word-break: break-word;
  }
}
@media (max-width: 1023px) {
  .tmp__nav {
    margin-top: 30px;
  }
}
.portal__insurance--wrapper {
  margin-bottom: 40px;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .portal__insurance--wrapper {
    margin: 0 20px;
  }
}
.insuarance__title--top {
  border-bottom: 1px solid #b6b6b6;
  padding-bottom: 15px;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 640px) {
  .insuarance__info--detail [class*="col-"]:nth-of-type(3n + 1) {
    clear: left;
    right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .insuarance__info--detail .row {
    margin-left: -20px;
    margin-right: -20px;
  }
  .insuarance__info--detail [class*="col-"] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .insuarance__info--detail [class*="col-"]:nth-of-type(3n + 1) {
    clear: left;
  }
}
.insuarance__approve {
  background-color: #f5f5f5;
}
.ePolicy-file__upload,
.existing__file__upload,
.file__upload {
  position: relative;
}
.ePolicy-file__upload .file__chooser,
.existing__file__upload .file__chooser,
.file__upload .file__chooser {
  position: relative;
}
.ePolicy-file__upload .file__chooser:hover,
.existing__file__upload .file__chooser:hover,
.file__upload .file__chooser:hover {
  color: #f20c06;
}
.ePolicy-file__upload .file__chooser input[type="file"],
.existing__file__upload .file__chooser input[type="file"],
.file__upload .file__chooser input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: pointer;
  outline: none;
  background: white;
  display: none;
  height: 17px;
  width: 138px;
}
.ePolicy-file__upload--list,
.existing__file__upload--list,
.file__upload--list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ePolicy-file__upload--list li,
.existing__file__upload--list li,
.file__upload--list li {
  padding: 5px 0;
  cursor: pointer;
  position: relative;
}
.ePolicy-file__upload--list li:hover,
.existing__file__upload--list li:hover,
.file__upload--list li:hover {
  color: #f20c06;
}
.ePolicy-file__upload--list li:hover .ic-upload-pdf,
.existing__file__upload--list li:hover .ic-upload-pdf,
.file__upload--list li:hover .ic-upload-pdf {
  opacity: 1;
}
.ePolicy-file__upload--list li:hover .file__upload--name,
.existing__file__upload--list li:hover .file__upload--name,
.file__upload--list li:hover .file__upload--name {
  text-decoration: underline;
  line-height: 19px;
}
.ePolicy-file__upload--name,
.existing__file__upload--name,
.file__upload--name {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: text-bottom;
  max-width: 250px;
  margin-bottom: 2px;
  line-height: 19px;
}
.ePolicy-file__upload--type,
.existing__file__upload--type,
.file__upload--type {
  line-height: 1.25;
  letter-spacing: 1.2px;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
.file__upload--item {
  display: inline-block;
}
.file__upload--item.renewal {
  width: 100% !important;
}
.ePolicy-file__upload--list .file__upload--item {
  width: 100% !important;
}
.file__upload--item .text-uppercase {
  display: inline-block;
  width: 33px;
}
.file__replace--receipt {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: text-bottom;
  max-width: 300px;
}
.file__remove--button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 2px;
}
@media (min-width: 1024px) {
  .file__remove--button {
    width: 82px;
    height: 24px;
  }
}
@media (max-width: 1023px) {
  .file__remove--button {
    margin-left: 20px;
  }
}
.attach__document {
  cursor: pointer;
  text-decoration: underline;
  font-size: 15px;
}
.attach__document:hover {
  color: #f20c06;
}
@media screen and (max-width: 639px) {
  .button-group-action {
    display: block;
  }
  .button-group-action .btn-update {
    margin-top: 20px;
  }
  .insuarance__approve {
    margin-top: 30px;
  }
}
.insuarance__title--tab {
  position: relative;
  margin-top: 60px;
  margin-bottom: 50px;
}
@media screen and (max-width: 639px) {
  .insuarance__title--tab {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
#tabNewInsurances .insuarance__title--tab {
  margin-top: 0px;
}
@media screen and (max-width: 639px) {
  #tabNewInsurances .insuarance__title--tab {
    margin-top: 20px;
  }
}
.btn__pre--page {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 639px) {
  .btn__pre--page {
    right: -20px;
    top: -10px;
  }
}
.insuarance__detail {
  padding: 30px;
}
@media screen and (max-width: 639px) {
  .insuarance__detail {
    padding: 10px;
  }
}
.insuarance__detail--info {
  padding: 30px;
}
@media screen and (max-width: 639px) {
  .insuarance__detail--info {
    padding: 10px;
  }
}
.insuarance__detail--info h3 {
  margin-top: 0;
}
@media screen and (max-width: 639px) {
  .insuarance__detail--info h3 {
    font-size: 18px;
  }
}
.insuarance__detail--info .ic-pay-at-dealer {
  width: 50px;
  height: 47px;
  vertical-align: top;
}
.insuarance__detail dl {
  display: grid;
  grid-template-columns: max-content auto;
}
@media (max-width: 1023px) {
  .insuarance__detail dl {
    margin-bottom: 0 !important;
  }
}
.insuarance__detail dt,
.insuarance__detail dd {
  line-height: 19px;
}
.insuarance__detail dt {
  grid-column-start: 1;
  margin-bottom: 12px;
}
@media (min-width: 640px) {
  .insuarance__detail dt.mwidth-1 {
    word-break: break-all;
    min-width: 90px;
  }
}
@media (min-width: 1024px) {
  .insuarance__detail dt.mwidth-1 {
    min-width: 135px;
  }
}
@media (max-width: 639px) {
  .insuarance__detail dt {
    width: 100px;
  }
  .claim__insurance .insuarance__detail dt {
    width: 150px;
  }
}
.insuarance__detail dd {
  grid-column-start: 2;
  display: block;
  margin-inline-start: 32px;
  margin-bottom: 12px;
  min-width: 0;
  min-height: 0;
  word-break: break-word;
  max-width: 100%;
}
@media all and (-ms-high-contrast: none) {
  .insuarance__detail dd {
    padding-left: 32px;
  }
}
@supports (-ms-ime-align: auto) {
  padding-left: 32px;
}
.claim__insurance .insuarance__detail dd {
  margin-inline-start: 20px;
}
.file__upload--repalce {
  position: relative;
}
.file__upload--repalce .file__replace--input {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: pointer !important;
  outline: none;
  background: white;
  display: none;
  height: 17px;
  width: 130px;
}
.file__upload--repalce .file__replace--input:hover {
  cursor: pointer;
}
@media (min-width: 1100px) {
  .policy__date {
    text-align: right;
  }
}
.insuarance__renewal--headline {
  padding-bottom: 10px;
  border-bottom: 1px solid #a1abb6;
  padding-bottom: 13px;
}
@media (max-width: 640px) {
  .insuarance__renewal--section {
    display: block !important;
  }
  .arrow-to img {
    transform: rotate(90deg);
    margin: 20px auto;
  }
}
/* fix for IE only */
@supports (-ms-ime-align: auto) {
  dd span {
    padding-left: 20px;
  }
}
.w-150 dt {
  width: 195px;
}
.w-70 dt {
  width: 70px;
}
.popup__add--vehicle .img-success {
  width: 140px;
}
.has-error {
  background-color: #000;
  padding: 15px;
  color: #fff !important;
  border-radius: 5px;
}
.has-error a {
  color: var(--red);
}
.has-error a:hover {
  text-decoration: underline;
}
.has-error.form-group {
  color: var(--black) !important;
}
.claim__detail--title {
  background-color: #d5dbe1;
  height: 44px;
  line-height: 44px;
}
@media (max-width: 640px) {
  .claim__table--part {
    table-layout: fixed;
  }
}
.claim__table--part th {
  background-color: transparent;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  border-bottom: none !important;
  padding: 10px 0 !important;
}
@media (max-width: 640px) {
  .claim__table--part th {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
@media (max-width: 640px) {
  .claim__table--part tbody tr {
    display: block;
    border-bottom: 1px solid #000000;
  }
  .claim__table--part tbody tr:last-child {
    border: none;
  }
}
.claim__table--part td {
  padding: 10px 0 !important;
}
.claim__table--part td .data-value {
  padding-right: 15px;
}
@media (max-width: 640px) {
  .claim__table--part td {
    display: flex;
    width: 100% !important;
    text-align: left;
    padding-left: 40%;
  }
  .claim__table--part td::before {
    content: attr(data-label);
    float: left;
    font-weight: 600;
    width: 40%;
    margin-right: 15px;
  }
  .claim__table--part td .data-value {
    max-width: 54%;
  }
  .claim__table--part td:last-child {
    border-bottom: none;
  }
}
.claim__service--detail dt {
  font-weight: normal;
}
.claim__service--info {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: table;
}
@media (min-width: 1024px) {
  .claim__service--info {
    display: table;
  }
}
@media (max-width: 640px) {
  .claim__service--info {
    padding: 10px;
  }
}
@media (min-width: 1024px) {
  .claim__service--info li {
    width: 25%;
    display: table-cell;
    position: relative;
  }
  .claim__service--info li dl {
    margin-bottom: 0;
  }
}
.claim__service--info li:last-child {
  padding-right: 0;
}
.claim__service--info li dd {
  margin-inline-start: 20px;
}
.claim__service--portal {
  padding: 15px 20px 10px;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .claim__total {
    position: absolute;
    right: 0;
    margin: 0;
    bottom: 10px;
  }
}
@media (min-width: 1024px) {
  .claim__total--label {
    display: block;
  }
}
@media (min-width: 1024px) {
  .claim__status {
    display: inline-block;
  }
}
@media (max-width: 640px) {
  .claim__status {
    display: block;
  }
}
.claim__portal--detail {
  padding: 0;
}
.claim__portal--detail .insuarance__detail--info {
  padding: 0;
}
@media (min-width: 1024px) {
  .group-button .btn-update {
    float: right;
    margin-left: 30px;
  }
}
.top__tool--tip {
  background-color: #000;
  color: #fff;
  padding: 10px;
  text-align: center;
  position: absolute;
  right: -28px;
  top: -46px;
  display: none;
  width: 190px;
  height: 40px;
}
.top__tool--tip:after {
  content: "\e252";
  position: relative;
  bottom: -11px;
  right: -30%;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #000;
  font-size: 21px;
  line-height: 10px;
}
.claim__table--confirm tbody tr.active {
  background-color: transparent !important;
  font-weight: 700 !important;
}
.claim__table--confirm tbody tr.active td {
  background-color: transparent !important;
}
.claim__table--confirm tbody tr.active .data-value {
  font-weight: 700 !important;
}
.claim__table--confirm tbody td .data-value {
  width: 90%;
}
@media (min-width: 1024px) {
  .claim__table--confirm tbody td:nth-child(1) {
    width: 35%;
  }
}
@media (min-width: 1024px) {
  .claim__table--confirm tbody td:nth-child(4) {
    width: 5%;
  }
}
.claim__table--confirm label {
  position: relative;
  display: block;
  margin: 0;
}
.claim__table--confirm label .modified__mark {
  position: relative;
}
.claim__table--confirm label .modified__mark:hover .top__tool--tip {
  display: block;
}
.claim__table--confirm label .modified__mark.no-bg {
  background-color: transparent !important;
  background: transparent !important;
}
.claim-items-name .modified__label {
  margin-left: 40px !important;
  position: relative;
}
.claim-items-name .modified__mark {
  position: absolute !important;
  left: -30px;
  top: 0px !important;
}
.claim-items-name .modified__mark.no-bg {
  background-color: transparent !important;
  background: transparent !important;
}
th.part-th {
  padding-left: 40px !important;
}
.claim__status-approved .modified__mark {
  width: 20px !important;
  height: 20px !important;
  border-radius: 2px !important;
  margin-left: 20px;
}
.claim__status-approved .modified__mark.approved {
  border: none !important;
}
.claim__status-approved .modified__mark.approved .tmp-icon {
  margin-top: 0 !important;
}
.claim__status-approved .modified__mark.no-bg {
  background-color: transparent !important;
  background: transparent !important;
}
.claim__confirm--popup #cboxLoadedContent {
  margin-top: 0 !important;
}
.claim__confirm--popup th {
  background-color: transparent;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  border-bottom: none !important;
  padding: 10px 0 !important;
  border-top-color: #a1abb6 !important;
}
@media (max-width: 640px) {
  .claim__confirm--popup th {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.claim__confirm--popup td {
  padding: 10px 0 !important;
  border-top-color: #a1abb6 !important;
}
@media (max-width: 640px) {
  .claim__confirm--popup td {
    display: flex;
    width: 100% !important;
    text-align: left;
    padding-left: 40%;
  }
  .claim__confirm--popup td::before {
    content: attr(data-label);
    float: left;
    font-weight: 600;
    width: 40%;
    margin-right: 15px;
  }
  .claim__confirm--popup td .data-value {
    max-width: 54%;
  }
  .claim__confirm--popup td:last-child {
    border-bottom: none;
  }
}
.claim__confirm--popup .action-group {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #f4f4f4;
  height: 64px;
  border-radius: 0 0 10px 10px;
}
#claimConfirmPopup {
  padding-bottom: 20px;
}
.claim__confirm--inner {
  margin-bottom: 20px;
}
.claim__confirm--inner.has-height-over {
  max-height: 300px;
  overflow: scroll;
  overflow-x: hidden;
}
@media (min-width: 1024px) {
  .part-td td:nth-child(1) {
    width: 40% !important;
  }
  .part-td td:nth-child(2) {
    width: 30%;
  }
}
.claim__insurance .claim__table--part {
  table-layout: fixed;
}
.claim__insurance .claim__table--part th:nth-child(1) {
  width: 25%;
}
.claim__insurance .claim__table--part th:nth-child(6) {
  width: 7%;
}
.claim__insurance .modified__mark {
  width: 20px !important;
  height: 20px !important;
  margin-top: 0px !important;
  border-radius: 2px !important;
}
.claim__insurance .modified__mark.no-bg {
  background-color: transparent !important;
  background: transparent !important;
}
.claim__insurance .ic-check {
  width: 10px !important;
  height: 10px !important;
  margin-top: 0 !important;
}
.claim__table--B th:nth-child(1) {
  width: 70%;
}
.claim__table--B tr:last-child {
  border-bottom: 1px solid #a1abb6;
}
.claim__confirm--popup #cboxTitle {
  display: none !important;
  padding: 0 !important;
}
.page-insuranceRenewal .insuarance__renewal--headline {
  margin-bottom: 8px;
  padding-bottom: 13px;
}
.page-insuranceRenewal .tmp__nav dt {
  font-weight: normal;
}
@media (max-width: 1024px) {
  .page-insuranceRenewal .tmp__nav dt {
    width: 140px;
  }
}
.page-insuranceRenewal .policy__date {
  margin: 0 0 0 auto;
}
@media (min-width: 1100px) {
  .page-insuranceRenewal .d-md-flex {
    display: flex;
  }
}
.js-calculate-changed {
  position: absolute;
  right: 15px;
  top: -22px;
}
@media (min-width: 1100px) {
  .request-info {
    width: 50%;
  }
}
.js-combine-receivable-popup .ePolicy-file__upload--name,
.js-combine-receivable-popup .existing__file__upload--name,
.js-combine-receivable-popup .file__upload--name {
  max-width: 112px !important;
  line-height: 19px;
}
.js-combine-receivable-popup .responsive-table-item td:first-child {
  width: 50%;
}
.js-combine-receivable-popup .responsive-table-item td:first-child .data-value {
  white-space: pre-line !important;
}
.ic-twallet {
  height: 30px;
}
#vehicleDetail .addtocart-component {
  margin-top: 0 !important;
}
.add__insuarance--popup .date .input-group-addon .tmp-icon {
  margin: 2px 0 0 0px;
  width: 34px;
  height: 34px;
}
.insurance__calculation--item {
  display: flex;
  align-items: baseline;
}
.colorbox-insurance {
  overflow: initial !important;
}
.search-name-form {
  position: relative;
}
.search-name-form .search-wrapper {
  position: absolute;
  width: 44px;
  height: 47px;
  border: solid 1px #b0b8c1;
  top: 0;
  right: 0;
  border-radius: 0 5px 5px 0;
}
.search-name-form .search-wrapper .btn-search-name {
  width: 42px;
  height: 44px;
  border: none;
  margin-top: 0;
  border-radius: 0 5px 5px 0;
}
@media (max-width: 639px) {
  .search-name-form .search-wrapper .btn-search-name {
    padding-left: 0px;
  }
}
@media (max-width: 639px) {
  .search-name-form .insurance-search {
    height: 44px;
  }
}
.portal__insurance--wrapper .tmp__nav {
  margin-top: 30px;
}
@media (max-width: 639px) {
  .portal__insurance--wrapper .tmp__nav {
    margin-top: 10px;
  }
}
.portal__insurance--wrapper .tmp__nav .nav {
  background-image: linear-gradient(to right, #000000 50%, #ffffff 50%);
  background-position: bottom;
  background-size: 10px 1px;
  background-repeat: repeat-x;
  border-color: #000;
  border-width: 2px;
  justify-content: center;
}
@media (max-width: 1023px) {
  .portal__insurance--wrapper .tmp__nav .nav {
    margin: 0 20px;
  }
}
.portal__insurance--wrapper .tmp__nav .nav .nav-item .claim-sub-menu {
  padding: 0;
  margin-top: 8px;
}
.portal__insurance--wrapper .tmp__nav .nav .nav-item .claim-sub-menu .dropdown-item {
  background-color: #f4f4f4;
  margin-top: 0;
}
.portal__insurance--wrapper .tmp__nav .nav .nav-item .claim-sub-menu .dropdown-item a {
  color: #000;
  font-size: 17px;
  padding: 10px 30px;
}
.portal__insurance--wrapper .tmp__nav .nav .nav-item .claim-sub-menu .dropdown-item a::before {
  content: none;
}
.portal__insurance--wrapper .tmp__nav .nav .nav-item .claim-sub-menu .dropdown-item:hover {
  background-color: #d9dee3;
}
.portal__insurance--wrapper .tmp__nav .nav .nav-item .claim-sub-menu .dropdown-item:hover a {
  color: #000;
}
.portal__insurance--wrapper .tmp__nav .nav .nav-item .claim-sub-menu .dropdown-item:active a {
  color: #fff;
}
.portal__insurance--wrapper .tmp__nav .nav .nav-item a {
  font-size: 17px;
  font-weight: 600;
  color: #000;
  padding: 10px 40px;
}
@media (max-width: 639px) {
  .portal__insurance--wrapper .tmp__nav .nav .nav-item a {
    height: 100%;
    font-size: 15px;
    padding: 10px 15px;
  }
}
.portal__insurance--wrapper .tmp__nav .nav .nav-item.active a {
  color: var(--white);
}
.portal__insurance--wrapper .tmp__nav .nav .nav-item.active a::after {
  position: absolute;
  bottom: -9px;
  width: 0;
  height: 0;
  content: "";
  z-index: 100;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 9px solid var(--red);
  right: 50%;
  margin-right: -12px;
}
.portal__insurance--wrapper .tmp__nav .insurance-nav {
  background-image: linear-gradient(to right, #000000 50%, #ffffff 50%);
  background-position: bottom;
  background-size: 10px 1px;
  background-repeat: repeat-x;
  border-color: #000;
  border-width: 2px;
  justify-content: center;
}
@media (max-width: 639px) {
  .portal__insurance--wrapper .tmp__nav .insurance-nav {
    margin: 0;
  }
}
.portal__insurance--wrapper .tmp__nav .insurance-nav .tab--item {
  padding: 10px 40px;
  border-radius: 5px;
}
@media (max-width: 639px) {
  .portal__insurance--wrapper .tmp__nav .insurance-nav .tab--item {
    padding: 10px;
  }
}
.portal__insurance--wrapper .tmp__nav .insurance-nav .tab--item .new-title {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 639px) {
  .portal__insurance--wrapper .tmp__nav .insurance-nav .tab--item .new-title {
    font-size: 17px;
  }
}
.portal__insurance--wrapper .tmp__nav .insurance-nav .tab--item.active {
  background-color: var(--red);
  color: #fff;
}
.portal__insurance--wrapper .tmp__nav .insurance-nav .tab--item.active:hover,
.portal__insurance--wrapper .tmp__nav .insurance-nav .tab--item.active:focus {
  background-color: var(--red);
}
.portal__insurance--wrapper .tmp__nav .insurance-nav .tab--item.active .new-title {
  color: #ffffff;
  position: relative;
}
.portal__insurance--wrapper .tmp__nav .insurance-nav .tab--item.active .new-title::after {
  position: absolute;
  bottom: -19px;
  width: 0;
  height: 0;
  content: "";
  z-index: 100;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 9px solid var(--red);
  right: 50%;
  margin-right: -12px;
}
.portal__insurance--wrapper .tmp__nav .insurance-nav .tab--item:hover,
.portal__insurance--wrapper .tmp__nav .insurance-nav .tab--item:focus {
  background-color: #eeeeee;
}
.portal__insurance--wrapper .tmp__nav--insurance .account-orderhistory-pagination .pagination-bar .pagination-toolbar {
  border-bottom: none;
}
.portal__coordinator {
  background-color: #ffffff !important;
}
@media (max-width: 639px) {
  .portal-insurance-pagination .pagination-toolbar {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 639px) {
  .portal-insurance-pagination {
    margin-left: 10px;
  }
}
@media (max-width: 639px) {
  .portal-insurance-pagination .pagination-bar .pagination-bar-results {
    margin-top: 5px;
  }
}
.order__content .tmp-accordion .portal__coordinator--wrapper {
  padding: 0;
}
.vendor__assignment {
  background-color: #f5f5f5;
  padding: 30px 20px;
}
@media (max-width: 639px) {
  .vendor__assignment button {
    width: 100%;
  }
  .vendor__assignment #insuranceApprove {
    width: 100%;
  }
}
.vendor__items {
  display: flex;
}
.vendor__items .form-group {
  width: 48.33%;
  margin-right: 15px;
  float: left;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .vendor__items {
    display: block;
  }
  .vendor__items .form-group {
    width: 100%;
    margin-top: 10px !important;
  }
}
.vendor__wrapper {
  display: flex;
}
@media (max-width: 1023px) {
  .vendor__wrapper {
    display: block;
  }
}
.orderhistory-list-table th {
  border-top: none !important;
}
.js-rebate-generation-summary .orderhistory-list-table th {
  white-space: nowrap;
}
.js-rebate-generation-summary .orderhistory-list-table .responsive-table-item:nth-child(2) td {
  border-top: none !important;
}
.js-rebate-generation-summary .orderhistory-list-table .responsive-table-item td {
  white-space: nowrap;
}
@media (max-width: 639px) {
  .orderhistory-list-table .responsive-table-item {
    padding: 10px 0;
  }
  .orderhistory-list-table .responsive-table-item td {
    white-space: nowrap;
  }
  .orderhistory-list-table .responsive-table-item td:first-child {
    border-top: none !important;
  }
  .orderhistory-list-table .responsive-table-item td:last-child .btn {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
  .orderhistory-list-table .responsive-table-item .reschedule {
    width: 100%;
    margin-top: 10px;
  }
  .orderhistory-list-table .responsive-table-item .reschedule:last-child .btn-reschedule {
    margin-top: 0;
    padding: 10px 15px;
  }
}
.orderhistory-list-table .btn-reschedule:hover {
  color: #fff;
}
.orderhistory-list-table label {
  margin-bottom: 0 !important;
}
@media (min-width: 1024px) {
  .insuarance__info--detail {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.portal-insurance .paynow-section {
  float: right;
}
@media (max-width: 639px) {
  .portal-insurance .paynow-section {
    float: none;
    width: 100% !important;
  }
}
.receivable-empty {
  background-color: #f4f4f4;
  margin: 50px 0;
  padding: 25px;
}
.receivable .counter-number {
  display: flex;
  border: solid 1px #b0b8c1;
}
.receivable .counter-number .counter-btn {
  width: 100px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.receivable .counter-number .counter-btn.minus {
  border-right: solid 1px #b0b8c1;
}
.receivable .counter-number .counter-btn.plus {
  border-left: solid 1px #b0b8c1;
}
.receivable .counter-number .counter-btn button {
  width: 100%;
  height: 44px;
  border: none;
  background-color: transparent;
}
.receivable .counter-number .counter-btn button:focus,
.receivable .counter-number .counter-btn button:active {
  background-color: transparent;
}
.receivable .counter-number .input-number {
  font-size: 15px;
  width: auto;
  border: none;
  box-shadow: none;
  text-align: center;
}
.receivable .btn-add-receivable {
  width: 350px;
}
.insurance-cost {
  position: relative;
  vertical-align: bottom;
}
.insurance-cost .form-control[readonly] {
  background-color: transparent !important;
  color: #000 !important;
  font-weight: 600;
  border-color: #000 !important;
}
.insurance-cost input {
  padding-right: 44px;
  background-color: transparent !important;
  color: #000 !important;
  font-weight: 600;
  border-color: #000 !important;
}
.insurance-cost .money-unit {
  position: absolute;
  width: 44px;
  height: 46px;
  border-left: solid 1px var(--black);
  bottom: 0px;
  right: 0;
  background-color: transparent;
  border-radius: 0 5px 5px 0;
}
@media (max-width: 639px) {
  .insurance-cost .money-unit {
    height: 42px;
    bottom: 0;
  }
}
.insurance-cost .money-unit span {
  padding: 12px;
  font-size: 18px;
  color: var(--black);
  display: inline-block;
}
@media (max-width: 639px) {
  .insurance-cost {
    margin-bottom: 15px !important;
  }
}
.renewal-cost-save-changed {
  margin-top: 24px;
}
.msg-show-changed {
  margin-top: 27px;
  max-width: 350px;
  float: right;
}
.btn-receive {
  height: 62px;
  min-width: 220px;
  color: #fff;
}
@media (max-width: 639px) {
  .btn-receive {
    width: 100%;
    margin-bottom: 20px;
  }
}
.btn-receive.btn-primary-approve {
  border: solid 1px #1fa706;
  background-color: #1fa706;
}
.btn-receive.btn-primary-approve:hover {
  background-color: #000;
  border-color: #fff;
  border: 1px solid #000;
}
.btn-receive.btn-primary-reject {
  border: solid 1px #d71d1d;
  background-color: #d71d1d;
  margin-right: 40px;
}
.btn-receive.btn-primary-reject:hover {
  background-color: #000;
  border-color: #fff;
  border: 1px solid #000;
}
.claim-receivable .receivable-form .selectize-control {
  max-width: 100%;
}
.claim-receivable .portal-insurance-pagination {
  margin-bottom: 30px;
}
.claim-receivable .pagination-toolbar {
  padding-bottom: 10px;
}
.receivable__table td {
  padding: 10px;
}
.receivable__table td:first-child {
  padding-left: 20px;
}
.receivable__table th:first-child {
  padding-left: 80px;
}
@media (min-width: 640px) {
  .receivable__table .responsive-table-item td:nth-child(2) {
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  .receivable__table .responsive-table-item td:nth-child(2) {
    padding-left: 10px;
  }
}
.btn-chkout-back.receivable-button {
  background-color: #000;
  padding: 15px;
}
.btn-chkout-back.receivable-button.disabled:hover span {
  color: var(--red) !important;
}
.btn-chkout-back.receivable-button:hover {
  color: var(--red) !important;
}
.btn-chkout-back.receivable-button span {
  color: #fff;
  font-weight: 600;
}
.btn-chkout-back.receivable-button .btn-clear-selected.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.combine-to-claim,
.ibs-bid-withdraw {
  padding: 15px 20px;
  background-color: #f20c06;
}
.combine-to-claim span,
.ibs-bid-withdraw span {
  color: #fff;
}
.combine-to-claim .glyphicon-chevron-right,
.ibs-bid-withdraw .glyphicon-chevron-right {
  color: #fff;
}
.combine-to-claim.disabled,
.ibs-bid-withdraw.disabled {
  background-color: #f4f4f4;
}
.combine-to-claim.disabled a,
.ibs-bid-withdraw.disabled a {
  color: #a7b2be;
  cursor: not-allowed;
}
.upload__insurance--portal .file__upload--item {
  width: 54%;
}
.upload__insurance--portal .tmp-icon {
  background-position: left center;
}
.file-added {
  background-color: #000;
  width: 65px;
  height: 24px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 7px 0;
  position: absolute;
  right: 86px;
  top: 2px;
}
@media (min-width: 1024px) {
  .js-vehicle-update-payment-method {
    font-size: 14px;
  }
}
#updateClaimDetailsForm .file__upload--item {
  width: 60%;
}
.receivable-content .model .input-group-addon {
  cursor: pointer;
}
.model {
  width: 100%;
}
.model .form-control {
  box-shadow: none;
}
.model .form-control:focus {
  border: 1px solid rgba(99, 115, 133, 0.5) !important;
  border-right: none !important;
}
.model .input-group-addon {
  border-left: none;
  background-color: #fff !important;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 90;
  width: 60px;
  vertical-align: middle;
  display: flex;
  align-content: center;
  justify-content: center;
  border: none;
}
.model .input-group-addon .tmp-icon {
  vertical-align: middle;
  margin: 5px 0 0 10px;
}
.model-search-result {
  overflow: auto;
  height: 280px;
}
.model-search-result .receivable__table th:first-child {
  padding-left: 20px;
}
#receivableModelSelection {
  display: none;
}
#receivableModelSelection .group-action {
  background-color: #f4f4f4;
}
#receivableModelSelection .group-action #addreceivable:after {
  content: none;
}
#receivableCustomerSelection {
  display: none;
}
#receivableCustomerSelection .group-action {
  background-color: #f4f4f4;
}
#receivableCustomerSelection .group-action #addreceivable:after {
  content: none;
}
.btn-primary-extra {
  border: solid 1px #000;
  width: 100%;
  color: #000;
  background-color: transparent;
  margin-top: 23px;
  padding: 5px 15px;
}
.complete-renewal-insurance .form-group {
  margin-bottom: 30px;
}
.receivable__table--scroll {
  max-width: 100%;
}
.receivable__table--scroll .update-by,
.receivable__table--scroll .update-date,
.receivable__table--scroll .date-created {
  white-space: nowrap;
}
.receivable__table--scroll .update-by .tooltip {
  white-space: nowrap;
  margin-right: 30px;
}
.receivable__table--scroll th,
.receivable__table--scroll td {
  white-space: nowrap;
}
.line-grey {
  border-color: #b6b6b6;
}
.install--payment {
  margin: 13px 0 0;
}
.install__payment--mark {
  display: inline-block;
  width: 25px;
  height: 25px;
  object-fit: contain;
  border-radius: 7px;
  background-color: var(--black);
  padding: 0;
  margin-right: 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.install__payment--mark .ic-check {
  background-image: none;
  background-size: 72%;
  margin-top: 5px;
  margin-left: 2px;
}
.install__payment--text {
  color: #000000;
  font-weight: bold;
}
.install__payment--checkbox:checked + .install__payment--label .install__payment--mark {
  display: inline-block;
  border-radius: 7px;
  background-color: var(--black);
}
.install__payment--checkbox:checked + .install__payment--label .install__payment--mark .ic-check {
  background-image: url("../images/icons/ic-checked.svg");
}
.table-sticky-header {
  overflow-y: scroll;
  position: relative;
  overflow-x: hidden;
}
.popup__promotion--selection .table-sticky-header {
  max-height: 300px;
}
.promotion-transaction-table .table-sticky-header {
  max-height: 100vh;
}
.table-sticky-header thead th {
  position: sticky;
  top: 0;
  z-index: 300;
}
.popup__promotion--selection .file__upload--list {
  max-height: 140px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.popup__promotion--selection .file__upload--name {
  max-width: 200px !important;
  line-height: 19px;
}
.popup__promotion--selection .file__remove--button {
  right: 20px !important;
}
.change-owner-confirm-popup {
  display: block;
  position: absolute;
  left: 50%;
  top: 20%;
  margin-left: -200px;
  width: 100%;
  height: auto;
  overflow: hidden;
  min-height: 256px;
  background: #fff;
  width: 400px;
  z-index: 100;
  padding: 30px 30px 30px;
  border-radius: 10px;
  border: solid 1px var(--border-darker);
}
.change-owner-confirm-popup .btn {
  margin: auto;
}
.form-group.insurance-consent-form h5 {
  margin-top: -10px;
}
.js-promotions-select-promo .js-input-promotion {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.date__time--range {
  font-weight: normal;
}
.status__list {
  list-style: none;
  padding: 0;
}
@media (min-width: 1024px) {
  .status__list {
    text-align: right;
    margin: 0;
  }
}
@media (max-width: 639px) {
  .status__list {
    margin: 20px 0 0 0;
  }
  .status__list--item {
    margin-top: 10px;
  }
}
.status__list--item {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.23;
  margin-right: 15px;
}
.status__list--item:last-child {
  margin-right: 0;
}
.status__list--item .status-width {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
}
.status__list--item .today {
  border-radius: 9px;
  border: solid 1px var(--red);
}
.status__list--item .available {
  background-color: #f8d3d3;
}
.status__list--item .unavailable {
  background-color: #e7e8e9;
}
.status__list--item .selected {
  background-color: var(--black);
}
.unit__preferred--remark {
  border: solid 1px rgba(99, 115, 133, 0.5);
  background-color: #ffffff;
  padding: 20px;
  min-height: 65px !important;
}
.service-action .cancel-btn {
  width: 44px;
  height: 44px;
  background-color: #000000;
}
.service-action .cancel-btn .ic-cancel {
  font-size: 25px;
  color: #cb0000;
  display: inline-block;
  padding: 5px 15px;
}
.service-action .cancel-btn .cancel-note {
  margin: 0 0 11px;
  padding: 8px 10px 8px 11px;
  border: solid 1px #ffffff;
  background-color: #000;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  width: 89px;
  display: inline-block;
  position: relative;
  margin-top: 14px;
  margin-left: -22px;
  display: none;
}
.service-action .cancel-btn .cancel-note:after {
  content: "";
  position: absolute;
  left: 40%;
  top: -12px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid#000;
  clear: both;
}
.service-action .cancel-btn:hover .cancel-note {
  display: block;
}
.page-serviceBookings .pagination-bar.top .col-md-3.mt-1 {
  float: right !important;
  text-align: right;
}
@media (max-width: 1023px) {
  .page-serviceBookings .account-section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page-serviceBookingRequest .page-title {
  font-size: 32px;
}
@media (min-width: 1024px) {
  .page-serviceBookingRequest .page-title {
    margin-bottom: 60px;
    padding-left: 30px;
  }
}
@media (max-width: 639px) {
  .page-serviceBookingRequest .page-title {
    padding-left: 20px;
  }
}
.page-serviceBookingRequest .checkout-steps .step-body .checkout-indent {
  background-color: transparent;
  padding: 0;
  border-top: 0;
  margin-top: -5px;
}
.page-serviceBookingRequest .checkout__service--unit-pickup-block {
  padding: 0 10px;
}
.page-serviceBookingRequest .section-title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--border-darker);
  margin: 0 0 30px;
}
.page-serviceBookingRequest .date__time--status {
  margin-bottom: 25px;
}
.page-serviceBookingRequest .date__time--range {
  color: var(--black-60);
}
.page-serviceBookingRequest .modified__mark {
  border: 0;
  background-color: #f4f4f4;
  border-radius: 7px;
}
.page-serviceBookingRequest .modified__mark .tmp-icon {
  opacity: 0;
}
.page-serviceBookingRequest .modified__label {
  font-size: initial;
}
.page-serviceBookingRequest .modified__checkbox:checked + .modified__label .modified__mark .tmp-icon {
  opacity: 1;
}
.page-serviceBookingRequest .date .form-control {
  border-right: solid 1px var(--border-darker);
  border-radius: 5px;
}
.page-serviceBookingRequest .date .input-group-addon {
  border: 0;
  right: 1px;
  bottom: 1px;
}
.booking__reason--section select {
  width: 100% !important;
  height: 0;
  border: none;
}
.booking__reason--section .ms-options li label {
  background-image: url("../images/icons/ic-uncheckbox-multi.png");
  background-color: none;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
}
.booking__reason--section .ms-options li label input {
  opacity: 0;
}
.booking__reason--section .ms-options li.selected label {
  background-image: url("../images/icons/ic-checked-multi.svg");
}
.account__link--list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.account__link--item {
  padding: 12px 20px;
  background-color: #f4f4f4;
  border-bottom: solid 1px #d0d5da;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}
.account__link--item a svg {
  vertical-align: middle;
  margin-top: -2px;
}
.account__link--item.active,
.account__link--item:hover {
  background-color: var(--black);
  color: #fff;
  cursor: pointer;
}
.account__link--item.active a,
.account__link--item:hover a {
  color: #fff;
}
.account__link--item.active a svg path,
.account__link--item:hover a svg path {
  fill: #fff;
}
.account__link--item.active:after,
.account__link--item:hover:after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  content: "";
  z-index: 100;
  border-top: 25px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 21px solid #000;
  right: -21px;
}
.account__link--item.active.update__prefer--dealer a,
.account__link--item:hover.update__prefer--dealer a {
  color: #fff;
}
.account__link--item.active.update__prefer--dealer a svg path,
.account__link--item:hover.update__prefer--dealer a svg path {
  stroke: #fff;
}
.page-myProfilePage .my-account-right-section {
  margin-top: -35px;
}
.switch__target--link {
  overflow: hidden;
  display: block;
  border: none;
  width: calc(100%);
  min-height: 630px;
  overflow-x: hidden;
  position: relative;
  z-index: 400;
}
@media (max-width: 1023px) {
  .switch__target--link {
    min-height: 62vh;
  }
}
.popup__error--loading .headline {
  display: none;
}
.popup__error--loading #cboxLoadedContent {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  text-align: center;
}
/* Vehicle */
@media screen and (max-width: 639px) {
  .vehicle--page .btn-unselected {
    width: 100%;
  }
}
.vehicle--container .item__list__vehicle .item--number {
  padding-left: 30px;
}
.vehicle--container .item__list__vehicle .item--number span {
  background-color: #fff;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  padding: 17px;
  position: relative;
  font-size: 25px;
}
@media screen and (max-width: 639px) {
  .vehicle--container .item__list__vehicle .item--number span {
    font-size: 15px;
    padding: 5px;
    font-weight: 600;
  }
}
.vehicle--container .item__list__vehicle .item--number span:before {
  content: "_";
  width: 8.5px;
  height: 0;
  opacity: 0.5;
  position: absolute;
  top: -15px;
  left: 40px;
}
@media screen and (max-width: 639px) {
  .vehicle--container .item__list__vehicle .item--number span:before {
    content: "";
  }
}
.vehicle--container .item__list__vehicle .item--number span:after {
  content: "_";
  width: 8.5px;
  height: 0;
  opacity: 0.5;
  position: absolute;
  top: -15px;
  right: 40px;
}
@media screen and (max-width: 639px) {
  .vehicle--container .item__list__vehicle .item--number span:after {
    content: "";
  }
}
.vehicle--container .item__list__vehicle .item-menu-remove {
  float: right;
}
.vehicle--container .item__list__vehicle .item-menu-remove button {
  font-size: 18px;
  background-color: transparent;
  padding: 0;
  border: 0;
  color: #000;
}
.vehicle--container .item__list__vehicle .item-menu-remove .dropdown-menu {
  padding: 0;
}
.vehicle--container .item__list__vehicle .vehicle-list-action .book-a-service span:last-child {
  text-decoration: underline;
}
.vehicle--container .item__list__vehicle .vehicle-list-action .book-a-service .ic-service {
  background-image: url("../images/icons/ic-vehicle-book-service.svg");
  width: 24px;
  height: 24px;
}
.vehicle--container .item__list__vehicle .vehicle-list-action .book-a-service:hover span:last-child {
  text-decoration: underline;
}
.vehicle--container .item__list__vehicle .vehicle-list-action .book-a-service:hover .ic-service {
  background-image: url("../images/icons/ic-vehicle-book-service-active.svg");
  width: 24px;
  height: 24px;
}
.vehicle--container .item__list__vehicle .vehicle-list-action .transaction-history span:last-child {
  text-decoration: underline;
}
.vehicle--container .item__list__vehicle .vehicle-list-action .transaction-history .ic-transaction {
  background-image: url("../images/icons/ic-vehilce-group.svg");
  width: 24px;
  height: 24px;
}
.vehicle--container .item__list__vehicle .vehicle-list-action .transaction-history:hover .ic-transaction {
  background-image: url("../images/icons/ic-vehicle-group-active.svg");
  width: 24px;
  height: 24px;
}
.vehicle--container .item__list__vehicle .vehicle-list-action .transaction-history:hover span:last-child {
  text-decoration: none;
}
.vehicle--container .item__list__vehicle .responsive-table-cell {
  padding: 15px 10px;
}
.vehicle--container .item__list__vehicle .responsive-table-cell .box-conetnt {
  max-width: 253px;
  margin-right: auto;
}
@media screen and (max-width: 639px) {
  .vehicle--container .item__list__vehicle .responsive-table-cell {
    padding: 0;
  }
  .vehicle--container .item__list__vehicle .responsive-table-cell.vehicle-list-action {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .vehicle--container .item__list__vehicle .responsive-table-item {
    padding: 15px 0;
    margin-bottom: 20px;
    position: relative;
  }
  .vehicle--container .item__list__vehicle .responsive-table-item .item-menu-remove {
    width: 5%;
    position: absolute;
    top: 0;
    right: 20px;
  }
}
.tmp__nav--pill {
  display: none;
  transition: height 0.3s ease-in;
  position: absolute;
  z-index: 1008;
  border: 1px solid #d0d0d0;
  background: #fff;
  border-radius: 0 0 5px 5px;
  width: 100%;
  z-index: 1;
  padding: 10px 0;
}
.tmp__nav--pill.active {
  display: block;
}
.product__list--newcar {
  padding: 0 30px;
  top: -129px;
}
.btn-dropdown {
  margin: 14.5px 0 0;
  padding: 16px 15px 16px 15px;
  border-radius: 5px;
  border: solid 1px var(--border-darker);
  width: 100%;
  text-align: left;
  font-weight: 600;
  background-color: transparent;
  color: var(--white);
  line-height: 24px;
}
.btn-dropdown.active .tmp-icon {
  transform: rotate(180deg);
}
.tab__content--item {
  border-bottom: 1px solid var(--border-darker);
  margin: 0 0 20px;
}
.vin__finder .tmp-icon {
  vertical-align: middle;
}
.vin__finder--content {
  display: none;
}
.vin__finder--content.active {
  display: block;
}
.vin__finder--help--detail {
  padding: 10px;
  background-color: var(--black);
  color: #fff;
  border-radius: 12px;
}
.typeof-document {
  margin: 0;
  padding: 10px 15px 10px 15px;
  border-radius: 5px;
  border: solid 1px var(--border-darker);
  width: 100%;
  text-align: left;
  font-weight: 600;
  background-color: transparent;
  color: var(--balck);
  height: 47px;
  line-height: 24px;
}
.typeof-document .ic-arrow-dropdown {
  background-image: url("../images/icons/ic-arrow-down.svg") !important;
}
.typeof-document.active .tmp-icon {
  transform: rotate(180deg);
}
.save__cart--list .panel {
  margin-bottom: 20px !important;
  position: relative;
}
@media (max-width: 1023px) {
  .save__cart--list .panel {
    padding-bottom: 70px;
  }
}
.save__cart--list .panel .panel-heading {
  padding: 0 !important;
  position: relative;
  z-index: 10;
}
.save__cart--list .panel .panel-heading .accordion-toggle:focus,
.save__cart--list .panel .panel-heading .accordion-toggle:active {
  color: #000;
}
.save__cart--list .panel-body {
  padding: 20px;
  background-color: #fff;
  border-top: none !important;
}
.save__cart--list .group-btn {
  position: absolute;
  z-index: 20;
  width: 300px;
}
.save__cart--list .group-btn .noted-build-cart {
  text-align: center;
  color: #000;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .save__cart--list .group-btn {
    right: 90px;
    top: 20px;
    text-align: center;
  }
  .save__cart--list .group-btn .noted-build-cart {
    position: absolute;
    bottom: -20px;
    right: 0;
    width: 185px;
  }
}
@media (max-width: 1023px) {
  .save__cart--list .group-btn {
    margin-bottom: 20px;
    left: 20px;
    bottom: 0;
  }
  .save__cart--list .group-btn .noted-build-cart {
    margin-left: 68px;
    margin-top: 10px;
  }
}
.save__cart--list .panel-title {
  position: relative;
  font-size: 24px;
  padding-right: 40%;
}
@media (max-width: 640px) {
  .save__cart--list .panel-title {
    padding-right: 40px;
  }
}
.save__cart--list .panel-title::after {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
  top: 0px;
  right: 0;
  background-image: url("../images/icons/ic-toggle-down.svg");
}
@media (max-width: 640px) {
  .save__cart--list .panel-title::after {
    top: -10px;
  }
}
.save__cart--list .accordion-toggle.collapsed .panel-title::after {
  background-image: url("../images/icons/ic-toggle-up.svg");
  top: 0px;
  right: 0;
}
@media (max-width: 640px) {
  .save__cart--list .accordion-toggle.collapsed .panel-title::after {
    top: -10px;
  }
}
.save__cart--list .accordion-toggle.collapsed .list-group {
  border-top: none;
}
.save__cart--list .accordion-toggle:hover {
  color: initial;
}
.save__cart--info {
  padding-left: 0;
  list-style: none;
}
.save__cart--info li {
  float: none;
}
@media (min-width: 1024px) {
  .save__cart--info li {
    display: inline-block;
    margin-left: 20px;
  }
  .save__cart--info li:first-child {
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  .save__cart--info li {
    margin: 10px 0 0 0;
  }
  .save__cart--info li .w-156 {
    width: 18%;
    display: inline-block;
  }
}
.save__cart--info td {
  vertical-align: middle !important;
}
@media (min-width: 640px) {
  .save__cart--info td:nth-child(1) {
    width: 55%;
  }
}
@media (min-width: 640px) {
  .save__cart--info td:nth-child(2) {
    width: 15%;
  }
}
@media (min-width: 640px) {
  .save__cart--info td:nth-child(3) {
    width: 15%;
  }
}
@media (min-width: 640px) {
  .save__cart--info td:nth-child(4) {
    width: 15%;
  }
}
.save__cart--info td .data-value {
  display: table;
  width: 98%;
}
@media (max-width: 640px) {
  .save__cart--info td .data-value {
    max-width: 100%;
  }
}
.save__cart--info tfoot td {
  padding-top: 30px !important;
  padding-bottom: 0 !important;
}
.save__cart--img {
  width: 137px;
  margin-right: 20px;
}
@media (min-width: 1024px) {
  .save__cart--img {
    display: table-cell;
  }
}
.save__cart--img img {
  max-width: 137px;
}
.save__cart--vehicle {
  margin-right: 20px;
}
@media (min-width: 1024px) {
  .save__cart--vehicle {
    display: table-cell;
    width: 320px;
  }
  .save__cart--vehicle img {
    max-width: 320px;
  }
}
@media (max-width: 1023px) {
  .save__cart--vehicle img {
    max-width: 150px;
  }
}
@media (min-width: 1024px) {
  .save__cart--des {
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
  }
}
@media (max-width: 640px) {
  .save__cart--des {
    margin-top: 5px;
  }
}
.save__cart--pagination .pagination-wrap {
  width: 100%;
}
.save__cart--pagination .pagination {
  display: table;
  margin: auto;
}
.save__cart--cer img {
  height: 20px;
}
.save__cart--total {
  width: auto !important;
}
.cart-popup dl {
  display: grid;
  grid-template-columns: max-content auto;
}
@media (max-width: 1023px) {
  .cart-popup dl {
    margin-bottom: 0 !important;
  }
}
.cart-popup dt,
.cart-popup dd {
  line-height: 19px;
}
.cart-popup dt {
  grid-column-start: 1;
  font-weight: 400;
  margin-bottom: 12px;
}
@media (min-width: 640px) {
  .cart-popup dt {
    min-width: 370px;
  }
}
@media (max-width: 639px) {
  .cart-popup dt {
    width: 150px;
  }
}
.cart-popup dd {
  grid-column-start: 2;
  display: block;
  margin-inline-start: 15px;
  margin-bottom: 12px;
  min-width: 0;
  min-height: 0;
  word-break: break-word;
  max-width: 100%;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .cart-popup {
    margin-top: 30px;
  }
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
  z-index: 1005;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
  padding: 0;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td .glyphicon.glyphicon-chevron-up {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: inherit;
  font-style: normal;
  font-weight: normal;
  color: #eef0f2;
  background-image: url("../images/icons/ic-chevron-up.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  text-align: center;
  overflow: hidden;
  text-indent: 100%;
  font-size: 0px;
}
.bootstrap-datetimepicker-widget table td .glyphicon.glyphicon-chevron-down {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: inherit;
  font-style: normal;
  font-weight: normal;
  color: #eef0f2;
  background-image: url("../images/icons/ic-chevron-up.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  text-align: center;
  overflow: hidden;
  text-indent: 100%;
  font-size: 0px;
  transform: rotate(180deg);
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
#cboxLoadedContent .bootstrap-datetimepicker-widget table td.day {
  height: 16px !important;
  line-height: 16px !important;
  width: 16px !important;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: var(--black);
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--black);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: var(--black);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.datepicker table th {
  background-color: transparent;
  color: inherit;
}
.date {
  width: 100%;
}
.date .form-control {
  box-shadow: none;
  border-radius: 5px !important;
}
.date .form-control:focus {
  border: 1px solid rgba(99, 115, 133, 0.5) !important;
}
.date .input-group-addon {
  border: none;
  background-color: #fff !important;
  position: absolute;
  right: 1px;
  bottom: 1px;
  z-index: 90;
  width: 60px;
  height: 45px;
  vertical-align: middle;
  display: flex;
  align-content: center;
  justify-content: center;
}
.date .input-group-addon .tmp-icon {
  vertical-align: middle;
  margin: 5px 0 0 10px;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table th,
.datetime__picker--service .bootstrap-datetimepicker-widget table th {
  font-weight: 500;
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table th.dow,
.datetime__picker--service .bootstrap-datetimepicker-widget table th.dow {
  border-bottom: solid 1px #d0d5da;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table th.prev,
.datetime__picker--service .bootstrap-datetimepicker-widget table th.prev {
  text-align: left;
  padding-bottom: 20px;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table th.prev .glyphicon,
.datetime__picker--service .bootstrap-datetimepicker-widget table th.prev .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: inherit;
  font-style: normal;
  font-weight: normal;
  color: #eef0f2;
  background-image: url(../images/icons/ic-prev.svg);
  background-repeat: no-repeat;
  background-position: left;
  cursor: pointer;
  width: 13px;
  height: 33px;
  text-align: center;
  overflow: hidden;
  text-indent: 100%;
  left: 5px;
  font-size: 0px;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table th.prev.disabled,
.datetime__picker--service .bootstrap-datetimepicker-widget table th.prev.disabled {
  opacity: 0.5;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table th.prev.disabled .glyphicon,
.datetime__picker--service .bootstrap-datetimepicker-widget table th.prev.disabled .glyphicon {
  cursor: not-allowed;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table th.next,
.datetime__picker--service .bootstrap-datetimepicker-widget table th.next {
  text-align: right;
  padding-bottom: 20px;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table th.next .glyphicon,
.datetime__picker--service .bootstrap-datetimepicker-widget table th.next .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: inherit;
  font-style: normal;
  font-weight: normal;
  color: #eef0f2;
  background-image: url(../images/icons/ic-next.svg);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
  width: 13px;
  height: 33px;
  text-align: center;
  overflow: hidden;
  text-indent: 100%;
  right: 5px;
  font-size: 0px;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table th.next.disabled,
.datetime__picker--service .bootstrap-datetimepicker-widget table th.next.disabled {
  opacity: 0.5;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table th.next.disabled .glyphicon,
.datetime__picker--service .bootstrap-datetimepicker-widget table th.next.disabled .glyphicon {
  cursor: not-allowed;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table th.picker-switch,
.datetime__picker--service .bootstrap-datetimepicker-widget table th.picker-switch {
  padding-top: 10px;
  vertical-align: top;
  font-size: 18px;
  font-weight: 600;
  pointer-events: none;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table td,
.datetime__picker--service .bootstrap-datetimepicker-widget table td {
  padding: 10px;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table td.day,
.datetime__picker--service .bootstrap-datetimepicker-widget table td.day {
  width: auto !important;
  height: auto !important;
  line-height: 20px;
  border-radius: 0;
  font-size: 13px;
  color: #000;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table td.day.date-in-range,
.datetime__picker--service .bootstrap-datetimepicker-widget table td.day.date-in-range {
  background-color: #d6d8d9;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table td.day.active,
.datetime__picker--service .bootstrap-datetimepicker-widget table td.day.active {
  background-color: var(--black) !important;
  color: #FFF !important;
  font-size: 17px;
  font-weight: 700;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table td.day.active.today,
.datetime__picker--service .bootstrap-datetimepicker-widget table td.day.active.today {
  background-color: #eef0f2 !important;
  color: #000 !important;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table td.day.active.today.day-available,
.datetime__picker--service .bootstrap-datetimepicker-widget table td.day.active.today.day-available {
  background-color: var(--black) !important;
  color: #FFF !important;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table td.day.active.active-tmp,
.datetime__picker--service .bootstrap-datetimepicker-widget table td.day.active.active-tmp {
  background-color: #eef0f2 !important;
  color: #000 !important;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table td.day.active.disabled,
.datetime__picker--service .bootstrap-datetimepicker-widget table td.day.active.disabled {
  background-color: var(--white) !important;
  color: #000000 !important;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table td.day.today,
.datetime__picker--service .bootstrap-datetimepicker-widget table td.day.today {
  background-color: transparent;
  color: inherit;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table td.day.today:before,
.datetime__picker--service .bootstrap-datetimepicker-widget table td.day.today:before {
  width: 30px;
  height: 30px;
  bottom: 4px;
  right: 50%;
  margin-right: -15px;
  border: solid 1px var(--red);
  border-radius: 50%;
  background-color: transparent;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table td.day.disabled,
.datetime__picker--service .bootstrap-datetimepicker-widget table td.day.disabled {
  background-color: var(--white);
  color: #000;
  border-bottom: none !important;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table tr:last-child,
.datetime__picker--service .bootstrap-datetimepicker-widget table tr:last-child {
  border-bottom: solid 1px #d0d5da;
}
.datetime__picker--acc .picker-switch.disabled,
.datetime__picker--service .picker-switch.disabled {
  color: inherit !important;
}
.datetime__picker--acc .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.datetime__picker--service .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: transparent !important;
}
.datetime__picker--acc.inactive .prev,
.datetime__picker--service.inactive .prev,
.datetime__picker--acc.inactive .next,
.datetime__picker--service.inactive .next {
  cursor: not-allowed;
}
.datetime__picker--acc.inactive .prev .glyphicon,
.datetime__picker--service.inactive .prev .glyphicon,
.datetime__picker--acc.inactive .next .glyphicon,
.datetime__picker--service.inactive .next .glyphicon {
  opacity: 0.5;
}
.day.disabled-tmp {
  background-color: #fff !important;
  color: #000 !important;
  border-bottom: none !important;
}
.bootstrap-datetimepicker-widget button[data-action] {
  border-radius: 2px;
  font-size: 11px !important;
  height: 36px;
}
.info-MSRP {
  position: absolute;
  top: 20px;
}
@media (min-width: 640px) {
  .info-MSRP {
    right: 40px;
  }
}
@media (min-width: 1400px) {
  .info-MSRP {
    right: 80px;
  }
}
.vehicle__order--title {
  background-color: #fff;
  border-bottom: solid 1px #c3c8cc;
  padding: 20px;
  margin: 0;
  /* DISPLAY: block; */
  min-height: 65px;
}
.vehicle__order--detail {
  box-shadow: 0 17px 12px 0 rgba(0, 0, 0, 0.14);
  border: solid 1px #c3c8cc;
  background-color: #f4f4f4;
}
.vehicle__order--item {
  border-bottom: solid 1px #c3c8cc;
}
.vehicle__order--item h4 {
  line-height: 1.18;
  margin-top: 5px;
}
.vehicle__order--item .form-group {
  margin: 0;
  padding: 8px 20px;
}
.vehicle__order--item .form-group.vehicle__order--top {
  padding: 18px 20px;
}
.vehicle__order--item .form-group > .col-xs-6 {
  padding: 0;
}
.vehicle__order--item .form-group:hover {
  background-color: #fff;
  cursor: pointer;
}
.vehicle__order--item .form-group:last-child {
  margin-bottom: 20px;
}
.vehicle__order--item .form-group.financing {
  border-bottom: solid 1px #c3c8cc;
}
.vehicle__order--update:hover svg path {
  fill: #f20c06;
  stroke: #f20c06;
}
.btn__download--pdf svg,
.btn__build--vehicle svg {
  vertical-align: middle;
}
.btn__download--pdf:hover,
.btn__build--vehicle:hover {
  text-decoration: underline;
}
.btn__download--pdf:hover svg path,
.btn__build--vehicle:hover svg path {
  fill: #f20c06;
  stroke: #f20c06;
}
#pdf-canvas {
  position: relative;
}
#pdf-canvas .sidebar {
  border: none;
  box-shadow: none;
}
#pdf-canvas .process__loading {
  left: 50%;
  z-index: 9999;
  top: 70px;
}
.w-pdf {
  width: 1190px;
  padding: 70px 68px 50px 70px;
  height: 1682px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background-color: white;
}
.product-listing {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-listing .product-item {
  margin-bottom: 20px;
}
.product-listing .product-item .img-item {
  display: table;
  vertical-align: middle;
  height: 100px;
  width: 100%;
}
.product-listing .product-item .img-item img {
  max-width: 100%;
  max-height: 100px;
}
.product-listing .product-item:nth-of-type(4n +1) {
  clear: left;
}
dl {
  display: grid;
  grid-template-columns: max-content auto;
}
@media (max-width: 1023px) {
  dl {
    margin-bottom: 0 !important;
  }
}
dt,
dd {
  line-height: 19px;
}
dt {
  grid-column-start: 1;
  font-weight: normal;
  margin-bottom: 12px;
}
@media (min-width: 640px) {
  dt.mwidth-1 {
    word-break: break-all;
    min-width: 90px;
  }
}
@media (min-width: 1024px) {
  dt.mwidth-1 {
    min-width: 135px;
  }
}
@media (max-width: 639px) {
  dt {
    width: 100px;
  }
  .claim__insurance dt {
    width: 150px;
  }
}
.dealder__address--info dd {
  grid-column-start: 2;
  display: block;
  margin-inline-start: 32px;
  margin-bottom: 12px;
  min-width: 0;
  min-height: 0;
  word-break: break-word;
  max-width: 100%;
}
@media all and (-ms-high-contrast: none) {
  .dealder__address--info dd {
    padding-left: 32px;
  }
}
@supports (-ms-ime-align: auto) {
  padding-left: 32px;
}
.claim__insurance .dealder__address--info dd {
  margin-inline-start: 20px;
}
.dealder__address--info .tmp-icon {
  width: 50px;
  height: 47px;
}
#pdf-canvas1,
#pdf-canvas2,
#pdf-canvas3 {
  position: relative;
}
#pdf-canvas3 {
  padding-bottom: 40px;
}
#pdf-canvas1 .checkout-headline {
  padding: 0;
}
.content-pdf3 h4 {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: solid 2px #b6b6b6;
}
.logo-pdf {
  height: 38px;
}
#pdf-canvas1 .form__color--item {
  width: 117px;
  margin: 0;
}
.show-notifications {
  border: none;
  cursor: pointer;
  margin: 0;
  outline: none;
  position: relative;
  text-align: center;
  background: #f4f4f4;
}
.show-notifications svg {
  display: inline-block;
  vertical-align: middle;
}
.show-notifications:hover #icon-bell,
.show-notifications:focus #icon-bell,
.show-notifications.active #icon-bell {
  fill: #34495e;
}
.show-notifications #icon-bell {
  fill: #7f8c8d;
}
.show-notifications #icon-bell svg {
  margin-top: -2px;
}
.show-notifications .notifications-count {
  border-radius: 2px;
  background: var(--red);
  color: #fff;
  width: 20px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.show-notifications.active {
  background: #f4f4f4;
}
.show-notifications.active::before {
  content: "";
  width: 0px;
  height: 0px;
  border-bottom: 11px solid #000;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  position: absolute;
  right: 43%;
  top: 20px;
}
.show-notifications.active ~ .notifications {
  opacity: 1;
  top: 31px;
}
.notifications {
  background-color: var(--black);
  left: -74%;
  opacity: 0;
  position: absolute;
  top: -999px;
  padding: 20px 10px 20px 20px;
  text-align: left;
  width: 350px;
  max-height: 400px;
  overflow-y: scroll;
  z-index: 1005;
}
.notifications .show-all:hover,
.notifications .show-all:focus {
  text-decoration: underline;
}
.notifications .notifications-list {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.notifications .notifications-list .item {
  border-bottom: 1px solid #bdc4cb;
  cursor: default;
  display: block;
  padding: 20px 0;
  position: relative;
  white-space: nowrap;
  width: 290px;
  margin: 0;
}
.notifications .notifications-list .item .dealer {
  text-transform: none !important;
  color: var(--white);
}
.notifications .notifications-list .item:first-child {
  padding-top: 0;
}
.notifications .notifications-list .item:last-child {
  border-bottom: none;
}
.notifications .notifications-list .item:before,
.notifications .notifications-list .item .details,
.notifications .notifications-list .item .button-dismiss {
  display: inline-block;
  vertical-align: middle;
}
.notifications .notifications-list .item .details {
  white-space: normal;
  width: 100%;
}
.notifications .notifications-list .item .details .title,
.notifications .notifications-list .item .details .date {
  display: block;
}
.notifications .notifications-list .item .details .date {
  color: var(--white);
  opacity: 0.7;
  font-size: 12px;
  font-weight: 600;
}
.notifications .notifications-list .item.no-data {
  display: none;
  text-align: center;
}
.notifications .notifications-list .item.no-data:before {
  display: none;
}
.notifications .notifications-list .item.expired {
  color: #bdc3c7;
}
.notifications .notifications-list .item.expired:before {
  background: #bdc3c7;
}
.notifications .notifications-list .item.expired .details .date {
  color: #bdc3c7;
}
.notifications.empty .notifications-list .no-data {
  display: block;
  padding: 10px;
}
/* variables */
/* mixins */
.insurance-no {
  text-decoration: underline;
}
.insurance-no:hover {
  color: var(--white);
  text-decoration: underline;
}
#notificationBtn {
  position: relative;
  display: inline-flex;
  text-align: center;
}
#notificationBtn .popover {
  color: #fff !important;
}
#notificationBtn .popover .popover-content {
  padding: 3px 10px !important;
}
#notificationBtn .popover .arrow:after {
  border-width: 11px;
  bottom: -12px;
  right: -11px;
}
.book__service--section .insuarance__detail--info {
  padding: 20px;
  position: relative;
}
@media (max-width: 1023px) {
  .book__service--section dt {
    width: 100px !important;
  }
  .book__service--section .pt-8 {
    padding-top: 20px;
  }
}
.book__service--item {
  margin-bottom: 25px;
}
.book__service--item:last-child {
  margin-bottom: 0;
}
.book__service--link {
  padding: 15px 0;
  text-align: left;
  color: #f20c06;
}
.book__service--link svg {
  vertical-align: top;
  margin-top: -3px;
}
.book__service--link:hover {
  color: #000000;
}
.book__service--link:hover span {
  text-decoration: none !important;
}
.book__service--link:hover svg path {
  fill: #000000;
  stroke: #000000;
}
@media (min-width: 1024px) {
  .book__service--top {
    display: flex;
    width: 100%;
  }
}
.book__service--detail {
  border: 2px solid #fff;
}
.row__free {
  margin-left: -15px;
  margin-right: -15px;
}
.row__free [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}
.free__pms--list .panel {
  margin-bottom: 30px !important;
  position: relative;
  border-radius: 0 !important;
  border: none !important;
  background-color: #f4f4f4;
  margin-top: 0 !important;
  box-shadow: none !important;
}
.free__pms--list .panel:last-child {
  margin-bottom: 0px;
}
.free__pms--list .panel .panel-heading {
  padding: 0 !important;
  position: relative;
  z-index: 10;
  background-color: transparent !important;
}
.free__pms--list .panel .panel-heading .accordion-toggle:focus,
.free__pms--list .panel .panel-heading .accordion-toggle:active {
  color: #000;
}
.free__pms--list .panel .panel__inner--box {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #f4f4f4;
}
.free__pms--list .panel-body {
  padding: 0 20px 20px;
  background-color: transparent;
  border-top: none !important;
}
.free__pms--list .panel-body .free__detail--content {
  padding: 0 0 15px;
  margin: 0;
}
.free__pms--list .panel-body .free__detail--content li {
  margin-bottom: 5px;
}
.free__pms--list .panel-title {
  position: relative;
  font-size: 18px;
  font-weight: 600;
}
.free__pms--list .accordion-toggle {
  cursor: pointer;
}
.free__pms--list .accordion-toggle .ic-arrow-down-free-inactive {
  position: absolute;
  bottom: 8px;
  right: 0;
  transform: rotate(180deg);
}
.free__pms--list .accordion-toggle.collapsed .ic-arrow-down-free-inactive {
  transform: rotate(0deg);
}
.free__pms--list .accordion-toggle.collapsed .list-group {
  border-top: none;
}
.free__pms--list .accordion-toggle:hover {
  color: initial;
}
.free__pms--list .save__cart--info {
  width: 85%;
  font-size: 13px;
}
.special__services--item .free__pms--list .panel-body {
  padding: 0 0px 20px;
}
.btn__collapse--box {
  position: absolute;
  right: 40px;
  bottom: 15px;
}
.btn__collapse--box.collapsed {
  bottom: 15px;
}
.save__cart--list .panel {
  margin-bottom: 20px !important;
  position: relative;
}
.save__cart--list .panel .panel-heading {
  padding: 0 !important;
  position: relative;
  z-index: 10;
}
.save__cart--list .panel .panel-heading .accordion-toggle:focus,
.save__cart--list .panel .panel-heading .accordion-toggle:active {
  color: #000;
}
.save__cart--list .panel-body {
  padding: 20px;
  background-color: #fff;
  border-top: none !important;
}
.save__cart--list .group-btn {
  position: absolute;
  z-index: 20;
  width: 300px;
}
.save__cart--list .group-btn .noted-build-cart {
  text-align: center;
  color: #000;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .save__cart--list .group-btn {
    right: 90px;
    top: 20px;
    text-align: center;
  }
  .save__cart--list .group-btn .noted-build-cart {
    position: absolute;
    bottom: -20px;
    right: 0;
    width: 185px;
  }
}
@media (max-width: 1023px) {
  .save__cart--list .group-btn {
    margin-bottom: 20px;
    left: 20px;
    bottom: 0;
  }
  .save__cart--list .group-btn .noted-build-cart {
    margin-left: 68px;
    margin-top: 10px;
  }
}
.save__cart--list .panel-title {
  position: relative;
  font-size: 24px;
  padding-right: 40%;
}
@media (max-width: 640px) {
  .save__cart--list .panel-title {
    padding-right: 40px;
  }
}
.save__cart--list .panel-title::after {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
  transform: rotate(180deg);
  top: 0px;
  right: 0;
  background-image: url("../images/icons/ic-toggle-down.svg");
}
@media (max-width: 640px) {
  .save__cart--list .panel-title::after {
    top: -10px;
  }
}
.save__cart--list .accordion-toggle.collapsed .panel-title::after {
  background-image: url("../images/icons/ic-toggle-up.svg");
  top: 0px;
  right: 0;
}
@media (max-width: 640px) {
  .save__cart--list .accordion-toggle.collapsed .panel-title::after {
    top: -10px;
  }
}
.save__cart--list .accordion-toggle.collapsed .list-group {
  border-top: none;
}
.save__cart--list .accordion-toggle:hover {
  color: initial;
}
.transaction__history--link svg {
  vertical-align: top;
  margin-top: -3px;
}
.transaction__history--link:hover svg path {
  fill: #f20c06;
  stroke: #f20c06;
}
.img-vehicle {
  height: 130px;
}
.carousel__component--booking .carousel__item--info {
  background-color: #f4f4f4;
  padding: 20px 20px;
  height: 210px;
}
.carousel__component--booking .carousel__item--info p {
  max-height: 112px;
  overflow: hidden;
}
.carousel__component--booking .carousel__item--name {
  margin-bottom: 20px;
}
.carousel__component--booking .carousel__item .book__service--link {
  color: #f20c06;
}
.carousel__component--booking .carousel__item:hover .book__service--link {
  color: #000000;
}
.carousel__component--booking .carousel__item:hover .book__service--link svg path {
  fill: #000000;
  stroke: #000000;
}
.carousel__component--booking .owl-buttons .owl-prev,
.carousel__component--booking .owl-buttons .owl-next {
  top: 60% !important;
}
.js-owl-special-services .carousel__item {
  text-align: left;
  padding: 25px 20px;
  background-color: #f4f4f4;
}
.js-owl-special-services .carousel__item .panel {
  box-shadow: none;
  border-left: none;
  border-right: none;
  background-color: #f4f4f4;
}
.js-owl-special-services .carousel__item .panel-heading {
  padding: 15px 0px !important;
}
.js-owl-special-services .carousel__item .panel-heading a {
  color: #000 !important;
}
.js-owl-special-services .carousel__item .panel-heading .tmp-icon {
  display: none;
}
.js-owl-special-services .carousel__item .panel-heading .collapsed .tmp-icon {
  display: block;
}
.js-owl-special-services .carousel__item .panel-collapse.in .panel-body {
  border-top: none;
  background-color: #f4f4f4;
}
.special__services--item hr {
  border-color: #a1abb6;
}
.special__services--title {
  color: #000;
}
.js-execute-entry-action-button,
.js-wishlist2-entry-action-remove-button {
  text-align: center;
}
.btn-vin__finder {
  border: none;
  box-shadow: none;
  background: none;
  padding: 0;
}
.btn-vin__finder .tmp-icon {
  vertical-align: middle;
}
.vin__finder--content {
  display: none;
}
.vin__finder--content.active {
  display: block;
}
#vin__finder--help_detail {
  max-width: 400px;
}
@media (max-width: 1023px) {
  .item__list__vehicle,
  .account-overview-table {
    width: 100%;
    overflow-x: scroll;
  }
}
.vehicle-promotion-blk {
  position: absolute;
  top: 0;
  left: 0;
}
.vehicle-promotion-blk .vehicle-promotion {
  margin: 11px 20px;
}
.vehicle-promotion-blk .vehicle-promotion a:hover,
.vehicle-promotion-blk .vehicle-promotion a:focus {
  color: var(--white);
}
.page-serviceCampaign .main__inner-wrapper {
  padding-top: 0;
}
.page-serviceCampaign #cboxTitle .headline {
  color: var(--red);
}
.driving-score-popup .icon-wrapper {
  max-width: 600px;
}
.insure-person-popup .insure-person-popup {
  margin-left: -230px;
  margin-top: -230px;
}
.insure-person-popup .insure-person-popup .tmp-icon.ic-loading {
  width: 460px;
  height: 330px;
}
.page-serviceCampaign #ui-id-2 {
  z-index: 1000;
}
.page-serviceCampaign .ui-widget-content li.ui-menu-item {
  padding: 10px;
}
.item-iot-section {
  min-height: 65px;
}
.content-page p {
  margin-bottom: 23px;
}
.content-page .content-title {
  font-size: 60px;
  font-weight: normal;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  .content-page .content-title {
    font-size: 30px;
    margin-top: 30px;
  }
}
.content-page ul li {
  margin-bottom: 13px;
}
.content-page .sub-title {
  text-transform: capitalize;
}
.content-page .general-content {
  justify-content: center;
}
@media (max-width: 1023px) {
  .content-page .general-content {
    padding-top: 30px;
  }
}
.content-page .general-content .left-content {
  padding-right: 30px;
}
.content-page .general-content .left-content img {
  width: 100%;
}
.content-page .general-content .brochure a {
  padding: 7px 27.3px 8px 26.7px;
  border: solid 1px #000;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  color: #000;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 3px;
}
@media (max-width: 639px) {
  .content-page .general-content .brochure a {
    font-size: 5px;
  }
}
.faq-content .card-header {
  border-bottom: solid 1px #000;
  padding-left: 30px;
}
@media (max-width: 639px) {
  .faq-content .card-header {
    padding-left: 5px;
  }
}
.faq-content .card-header a {
  color: #f20c06;
}
@media (max-width: 639px) {
  .faq-content .card-header a {
    font-size: 18px;
    margin-right: 40px;
  }
}
.faq-content .card-header.collapsed a {
  color: #000;
}
.faq-content .card-title:hover {
  color: #000;
}
.faq-content .card-body {
  font-size: 15px;
  text-transform: initial;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
}
@media (max-width: 639px) {
  .faq-content .card-body {
    padding-left: 15px;
  }
}
.faq-content .accordion .card-header:after {
  content: url("/_ui/responsive/theme-alpha/images/icons/ic-faq-minus.svg");
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  float: right;
  cursor: pointer;
}
.faq-content .accordion .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: url("/_ui/responsive/theme-alpha/images/icons/ic-faq-plus.svg");
  cursor: pointer;
}
.error-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 639px) {
  .error-content {
    display: block;
  }
}
@media (max-width: 639px) {
  .error-content .ic-404,
  .error-content .ic-500 {
    height: 77px;
    width: 100%;
  }
}
.error-content .note {
  margin-right: 100px;
  margin-bottom: 20px;
}
@media (max-width: 639px) {
  .error-content .note {
    margin: 20px auto;
  }
}
@media (max-width: 639px) {
  .error-content .error-content-info {
    margin: 0px 40px;
    text-align: center;
  }
}
.show-notifications {
  position: relative;
}
.show-notifications .noti-content {
  position: absolute;
  top: -5px;
  right: 40px;
  display: none;
}
.show-notifications:hover .noti-content {
  display: block;
}
.show-notifications .right-arrow {
  display: inline-block;
  position: relative;
  background: #000;
  font-weight: 600;
  color: #fff;
  padding: 4px 10px;
  height: 25px;
  line-height: 14px;
}
.show-notifications .right-arrow::after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #000;
}
.coupon__section {
  padding: 30px;
  background-color: #f4f4f4;
}
.coupon__section--item .note-label-wrapper {
  height: 20px;
}
.coupon__section--info {
  position: relative;
}
.coupon__section--info .ic-coupon-info {
  position: absolute;
  top: 5px;
}
.coupon__section--description {
  max-width: 100%;
  display: block;
  overflow: hidden;
  padding: 0;
  font-size: 15px;
  text-overflow: ellipsis;
  line-height: 23px;
  max-height: 46px;
  height: auto;
  white-space: normal;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 46px;
  padding-right: 15px;
  width: 100%;
}
.coupon__section--title {
  max-width: 100%;
  display: block;
  overflow: hidden;
  padding: 0;
  font-size: 17px;
  text-overflow: ellipsis;
  line-height: 23px;
  max-height: 46px;
  height: auto;
  white-space: normal;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 46px;
}
.coupon__section .divider {
  border-top: 1px solid #a1abb6;
}
.coupon__section .title {
  width: 110px;
}
.page-contactUs .has-error {
  background-color: transparent;
  padding: 0;
}
.page-contactUs .has-error input.form-control {
  background: transparent;
  border-color: var(--red);
}
.page-contactUs .has-error .control-label {
  color: var(--black) !important;
}
.page-contactUs .has-error .help-block {
  font-size: 14px;
  color: var(--red);
}
.page-contactUs textarea + .help-block {
  font-size: 14px;
  text-align: left;
}
.table__service-campaign {
  background-color: var(--white);
  margin-bottom: 0px;
}
.table__service-campaign tbody tr th {
  border: none;
  border-radius: 0;
  background-color: var(--white);
  color: var(--light);
}
.table__service-campaign tbody tr td {
  border: none;
}
.table-active-campaign tr:last-child {
  margin-top: 10px;
  background-color: var(--white);
}
.table-active-campaign tr:last-child td {
  border-top: 2px solid #b6b6b6 !important;
}
.table-active-campaign td {
  border-top: none !important;
  white-space: nowrap;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.table-active-campaign td:first-child {
  padding-left: 20px;
}
.table-active-campaign .table-active-campaign-head th {
  background-color: var(--black);
  padding: 15px 10px;
  font-size: 16px;
  border-top: none;
  font-weight: normal;
  border-radius: 0px;
}
.learn-more-sc .panel-group {
  margin-top: 30px;
}
.learn-more-sc .panel-group .panel {
  margin-bottom: 20px !important;
}
.learn-more-sc .panel-group .panel .panel-collapse .panel-body {
  padding: 0;
}
.panel-collapse .learn-more-sc .panel-group .panel.outer-panel-sc {
  padding-bottom: 0px !important;
}
.active-sc-info p {
  line-height: 21px;
  margin-bottom: 22px;
}
.divider-widget {
  height: 2px;
  border-top: 2px dashed #CCCCCC;
}
#requestServiceBookingForm #serviceBookingReasonSelection .ms-options-wrap > button > span {
  height: inherit;
}
.inner__advantage--list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding-left: 0;
  list-style: none;
}
.inner__advantage--list li {
  float: none;
  position: relative;
  width: 25%;
  padding: 0 15px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 15px;
}
.list__logo--partner {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding-left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.list__logo--partner li {
  float: none;
  margin: 0 15px;
}
/*  bhoechie tab */
div.tmp-tab-menu {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.tmp-tab-menu div.list-group {
  margin-bottom: 0;
}
div.tmp-tab-menu div.list-group > a {
  margin-bottom: 1px;
  font-size: 18px;
  font-weight: 600;
  padding: 17px 30px 17px 36px;
  border: none;
  color: var(--black);
  width: 80%;
}
@media (max-width: 1023px) {
  div.tmp-tab-menu div.list-group > a {
    padding: 17px 10px 17px 20px;
  }
}
div.tmp-tab-menu div.list-group > a:hover {
  background-color: var(--black);
  background-image: var(--black);
  color: #ffffff;
}
div.tmp-tab-menu div.list-group > a:hover:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -27px;
  border-left: 0;
  border-bottom: 28px solid transparent;
  border-top: 26px solid transparent;
  border-left: 28px solid var(--black);
}
div.tmp-tab-menu div.list-group > a .glyphicon,
div.tmp-tab-menu div.list-group > a .fa {
  color: var(--black);
}
div.tmp-tab-menu div.list-group > a:first-child {
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.tmp-tab-menu div.list-group > a:last-child {
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.tmp-tab-menu div.list-group > a.active,
div.tmp-tab-menu div.list-group > a.active .glyphicon,
div.tmp-tab-menu div.list-group > a.active .fa {
  background-color: var(--black);
  background-image: var(--black);
  color: #ffffff;
}
div.tmp-tab-menu div.list-group > a.active:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -27px;
  border-left: 0;
  border-bottom: 28px solid transparent;
  border-top: 26px solid transparent;
  border-left: 28px solid var(--black);
}
div.tmp-tab-menu div.list-group-item {
  background-color: transparent;
  border: none;
}
div.tmp-tab-content {
  background-color: #ffffff;
}
div.tmp-tab div.tmp-tab-content:not(.active) {
  display: none;
}
.policy__lists {
  list-style-type: lower-latin;
  margin-left: 15px;
  padding: 0;
}
.list__terms {
  list-style-type: decimal;
  margin-left: 0;
  padding: 0;
  list-style: none;
}
.list__terms li {
  padding: 10px 0;
  overflow: hidden;
}
.list__terms li:nth-of-type(2n + 1) {
  clear: left;
}
.list__terms li:nth-of-type(2n) {
  background-color: #f4f4f4;
}
.ms-options-wrap,
.ms-options-wrap * {
  box-sizing: border-box;
  position: relative;
}
.ms-options-wrap > button:focus,
.ms-options-wrap > button {
  border-radius: 5px;
  border: solid 1px #b6b6b6;
  padding: 14px 15px 12px;
  height: 47px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-color: var(--white);
  font-size: 14px;
  font-weight: 600;
  outline-offset: -2px;
  white-space: nowrap;
  text-align: left;
}
.ms-options-wrap > button > span {
  display: inline-block;
  width: 82%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ms-options-wrap > button[disabled] {
  background-color: #e5e9ed;
  color: #808080;
  opacity: 0.6;
}
.ms-options-wrap > button:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 32%;
  right: 10px;
  margin-top: -3px;
  width: 24px;
  height: 24px;
  background-image: url("../images/icons/ic-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(0deg);
}
.ms-active > button:after {
  transform: rotate(180deg);
}
.ms-options-wrap.ms-has-selections > button {
  color: #333;
}
.ms-options-wrap > .ms-options {
  position: absolute;
  left: 0;
  width: 100%;
  margin-top: 1px;
  margin-bottom: 20px;
  padding: 15px 20px 17px 15px;
  border-radius: 5px;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #b6b6b6;
  background-color: #fff;
  overflow: auto;
  visibility: hidden;
  z-index: 2000;
  min-height: 270px;
}
.total-selected {
  position: absolute;
  left: 80%;
  top: 14px;
  z-index: 20;
  font-weight: 600;
}
.ms-options-wrap.ms-active > .ms-options {
  visibility: visible;
}
.ms-options-wrap > .ms-options > .ms-search input {
  width: 100%;
  padding: 4px 5px;
  border: none;
  border-bottom: 1px groove;
  outline: none;
}
.ms-options-wrap > .ms-options .ms-selectall {
  display: inline-block;
  font-size: .9em;
  text-transform: lowercase;
  text-decoration: none;
}
.ms-options-wrap > .ms-options .ms-selectall:hover {
  text-decoration: underline;
}
.ms-options-wrap > .ms-options > .ms-selectall.global {
  margin: 4px 5px;
}
.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.ms-options-wrap > .ms-options > ul li.ms-hidden {
  display: none;
}
.ms-options-wrap > .ms-options > ul > li.optgroup {
  padding: 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
  border-top: 1px solid #aaa;
}
.ms-options-wrap > .ms-options > ul > li.optgroup .label {
  display: block;
  padding: 5px 0 0 0;
  font-weight: bold;
}
.ms-options-wrap > .ms-options > ul label {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 4px 4px 4px 40px;
  margin: 8px 0;
  height: 32px;
}
.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
  padding: 4px;
}
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
  margin: 0 5px 0 0;
  position: absolute;
  left: 4px;
  top: 7px;
}
.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.portal__insurance--wrapper hr {
  border-top: 1px solid #d0d5da;
}
.portal__insurance--wrapper .ms-options {
  min-height: auto !important;
}
.header__portal--vehicle {
  z-index: 1005;
}
.header__portal--vehicle .new-nav {
  z-index: 1005;
  box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
  .header__portal--vehicle .navigation--bottom {
    padding: 0 17px;
  }
}
.header__portal--vehicle .navigation--bottom .nav__links--products {
  justify-content: flex-start;
}
.header__portal--vehicle .navigation--bottom .nav__links--primary {
  padding: 12px;
  position: relative;
}
.header__portal--vehicle .navigation--bottom .nav__links--primary.active {
  background-color: var(--black);
}
.header__portal--vehicle .navigation--bottom .nav__links--primary.active:after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 11px solid #000;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  position: absolute;
  right: 43%;
  bottom: -11px;
}
.header__portal--vehicle .navigation--bottom .nav__links--primary.active .nav-img-ibs {
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
}
.header__portal--vehicle .navigation--bottom .nav__links--primary.active .nav-des-ibs,
.header__portal--vehicle .navigation--bottom .nav__links--primary.active .nav-title {
  color: #fff;
}
.header__portal--vehicle .navigation--bottom .nav__links--primary .nav-title {
  padding-right: 0 !important;
}
.header__portal--vehicle .new-nav.minimal {
  box-shadow: none;
}
.header__portal--vehicle .new-nav.minimal .ibs-nav-list {
  z-index: 9999;
}
.header__portal--vehicle .new-nav.minimal .navigation--middle {
  width: 50% !important;
}
.header__portal--vehicle .new-nav.minimal .logo-portal {
  margin-top: -10px;
}
.header__portal--vehicle .new-nav.minimal .logo-portal img {
  height: 38px;
}
.header__portal--vehicle .new-nav.minimal .logo-portal-text {
  font-size: 9px;
}
.header__portal--vehicle .new-nav.minimal .nav-img-ibs,
.header__portal--vehicle .new-nav.minimal .nav-des-ibs {
  display: none;
}
.header__portal--vehicle .new-nav.minimal .navigation--bottom .nav__links--products {
  justify-content: flex-center;
}
.header__portal--vehicle .new-nav.minimal .navigation--bottom .nav__links--primary {
  width: 100%;
}
.header__portal--vehicle .new-nav.minimal .navigation--bottom .nav__links--primary.active:after {
  display: block;
}
.header__portal--vehicle .new-nav.minimal .navigation--bottom .nav__links--primary.active:hover {
  background-color: #f4f4f4 !important;
}
.header__portal--vehicle .new-nav.minimal .navigation--bottom .nav__links li {
  text-align: center;
}
.header__portal--vehicle .new-nav.minimal .navigation--bottom .nav__links li a {
  padding: 11px 0px;
  display: inline-block;
}
.header__portal--vehicle .new-nav.minimal .show-notifications.active ~ .notifications {
  top: 31px;
  z-index: 9999;
}
.header__portal--vehicle.ibs__portal .navigation--bottom .nav__links--products {
  width: 100%;
}
.header__portal--vehicle.ibs__portal .navigation--bottom .nav__links--products li {
  flex: 1;
}
.nav__dropdown--menu {
  cursor: pointer;
}
.nav__dropdown--menu .glyphicon-triangle-bottom {
  transform: rotate(0deg);
  transition: 0.3s top cubic-bezier(0.3, 0.73, 0.3, 0.74);
}
.nav__dropdown--menu .dropdown-menu {
  top: 25px;
  background-color: #f4f4f4;
  z-index: 9999;
  padding: 13px 10px;
  border: none;
  width: auto;
  border-radius: 0 !important;
}
.nav__dropdown--menu .dropdown-menu li {
  margin-left: 0;
  padding: 3px 0;
}
.nav__dropdown--menu .dropdown-menu li a {
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  text-transform: uppercase;
}
.nav__dropdown--menu .dropdown-menu li a:hover {
  text-decoration: underline;
}
.nav__dropdown--menu.active .glyphicon-triangle-bottom {
  transform: rotate(180deg);
}
.ibs-nav-top {
  background-color: #f4f4f4;
  position: relative;
}
.ibs-nav-top .bg-left {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 23%;
  background-color: #fff;
}
.ibs-nav-top .bg-left:after {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 50px solid #fff;
  position: absolute;
  bottom: 0;
  z-index: 100;
  border-right: 35px solid transparent;
  right: -34px;
}
.ibs-nav-list {
  margin: 0;
}
.ibs-nav-list li {
  font-size: 12px;
  color: var(--black);
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 20px;
  padding: 11px 0;
}
.ibs-nav-list li .portal-menu-account {
  padding: 0 0 0 30px;
  background-image: url("../images/icons/ic-login-black.svg");
  background-size: 12px;
  background-position: 10px 1px;
  background-repeat: no-repeat;
  color: inherit;
}
.ibs-nav-list li .portal-menu-switch {
  padding: 0 0 0 30px;
  background-image: url("../images/icons-insuarance/ic-portal-switch.svg");
  background-size: 16px;
  background-position: 10px 1px;
  background-repeat: no-repeat;
  color: inherit;
}
.nav-img-ibs img {
  margin-right: 15px;
}
@media (max-width: 1300px) {
  .nav-img-ibs img {
    height: 48px;
  }
}
@media (min-width: 1301px) {
  .nav-img-ibs img {
    height: 52px;
  }
}
.nav-des-ibs {
  font-size: 13px;
  margin: 0;
}
@media (min-width: 1024px) and (max-width: 1300px) {
  .nav-title {
    font-size: 16px !important;
  }
  .nav-img-ibs img {
    height: 50px;
    margin-right: 7px;
  }
  .nav-des-ibs {
    font-size: 12px;
  }
}
.table__bid--events {
  margin-bottom: 0 !important;
}
.table__bid--events th {
  border-top: none !important;
}
.table__bid--events td {
  border-top: none !important;
  white-space: nowrap;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.table__bid--events td:first-child {
  padding-left: 20px;
}
.list__bid-results td {
  vertical-align: top !important;
}
.ware-house .popover {
  min-width: 235px !important;
  max-width: 235px !important;
}
.ware-house .popover .popover-content {
  padding: 20px !important;
  text-align: left !important;
}
.ware-house .popover-top .limit-width {
  line-height: initial;
}
.btn-add-bid-event {
  min-width: 260px;
}
#map,
.section__gmap {
  height: 100%;
  width: 100%;
  min-height: 360px;
  position: relative;
}
#cboxLoadedContent .form-group.has-error label {
  color: var(--red);
}
.popup__create--vehicle {
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.bg__conner--top {
  background-color: #f4f4f4;
  padding: 25px 20px;
  border-radius: 10px 10px 0 0;
  text-align: center;
  position: relative;
}
.btn__import-vehicle {
  position: absolute;
  right: 20px;
  top: 25px;
}
.none-radius {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.none-radius-full {
  border-radius: 0 !important;
}
.btn-save-change-bid {
  width: 120px;
}
.inventory-tab {
  padding: 0;
  background-color: transparent;
}
.inventory-tab .tab-container {
  padding: 30px;
  background-color: #f4f4f4;
}
.inventory-tab .tabs-list li a {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
}
.inventory-tab .tabs-list li.active a,
.inventory-tab .tabs-list li.active a:hover,
.inventory-tab .tabs-list li.active a:focus {
  background-color: #f4f4f4;
  border-radius: 10px 10px 0 0;
}
.inventory-tab dl {
  display: grid;
  grid-template-columns: max-content auto;
}
.inventory-tab dt,
.inventory-tab dd {
  line-height: 19px;
}
.inventory-tab dt {
  grid-column-start: 1;
  margin-bottom: 12px;
}
.inventory-tab dd {
  grid-column-start: 2;
  display: block;
  margin-inline-start: 32px;
  margin-bottom: 12px;
  min-width: 0;
  min-height: 0;
  word-break: break-word;
  max-width: 100%;
}
.btn-none-style {
  border: none;
  background-color: transparent;
  padding: 0;
}
.js-open-edit-employye-popup:hover svg path {
  fill: #000;
}
.edit__employy .popover {
  min-width: 180px !important;
  max-width: 180px !important;
}
.show__hide--pass .input-group-addon {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
}
.max-576 {
  max-width: 576px;
  margin: auto;
}
.max-260 {
  max-width: 260px;
}
.edit__employye--popup #cboxWrapper {
  top: 100px !important;
}
#select-country input {
  text-indent: -100px;
}
.limit-width {
  white-space: nowrap;
  width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0s linear;
  -moz-transition: opacity 0s linear;
  -ms-transition: opacity 0s linear;
  -o-transition: opacity 0s linear;
  transition: opacity 0s linear;
}
.has-sub:hover .sub-menu-portal {
  display: block;
}
.sub-menu-portal {
  width: 100%;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #f4f4f4;
}
.sub-menu-portal li {
  display: block;
  width: 100%;
}
.sub-menu-portal li:hover {
  background-color: var(--black) !important;
}
.sub-menu-portal li:hover a {
  color: var(--white);
}
.sub-menu-portal a {
  font-size: 18px;
  font-weight: 600;
}
.btn-bid-vehicle {
  height: 48px;
  font-size: 16px;
}
.last-change-notice {
  background-color: var(--black);
  color: var(--white);
  padding: 3px 5px;
}
.share__social {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 9999;
}
.share__social .share-txt {
  display: block;
  text-align: center;
  width: 70px;
  position: absolute;
  left: -70px;
  top: 0px;
  background-color: var(--black);
  color: var(--white);
  border-radius: 20px 0 0 20px;
  transition: all 1s;
  margin-bottom: 0;
  padding: 12px;
  border: 1px solid #000;
  cursor: pointer;
}
.share__social .share-txt .tmp-icon {
  margin: auto;
}
.share__social .list-media ul {
  padding: 20px;
  border-radius: 0 0 0 20px;
  background-color: var(--black);
  text-align: left;
  width: 200px;
  min-height: 150px;
}
.share__social .list-media ul li {
  display: block;
  margin-top: 15px;
  transition: none;
  transform: none;
  width: 100%;
  float: left;
}
.share__social .list-media ul li:first-child {
  margin-top: 0;
}
.share__social .list-media ul li:last-child {
  position: relative;
  z-index: 9999;
}
.share__social .list-media ul li:hover a {
  color: #fff !important;
  text-decoration: underline !important;
}
.share__social .list-media ul li a {
  cursor: pointer;
  color: #fff !important;
}
.share__social .list-media ul li a:hover {
  text-decoration: underline !important;
}
.share__social .list-media li {
  transition: all 1s;
  transform: translate(200px, 0);
}
.share__social .list-media li:hover {
  transform: translate(0, 0);
}
.share__social .list-media li:hover ul li:hover a {
  color: #fff !important;
  text-decoration: underline !important;
}
@media (min-width: 1024px) {
  .announcement-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
}
.announcement-item {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .announcement-item {
    padding-left: 0;
    padding-right: 0;
    float: none;
    margin-left: 2.2%;
    width: 31.86%;
    background-color: #f4f4f4;
  }
}
@media (min-width: 1024px) {
  .announcement-item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
}
@media (max-width: 1399px) {
  .announcement-item:nth-of-type(2n + 1) {
    clear: left;
  }
}
.announcement-item-info {
  padding: 30px 30px 100px;
  position: relative;
}
@media (max-width: 1399px) {
  .announcement-item-info {
    background-color: #f4f4f4;
  }
}
.announcement-item .btn-readmore {
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.info-item-title {
  margin-top: 15px;
  margin-bottom: 0;
}
.info-item-des {
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-search-announcement {
  background: transparent;
  position: absolute;
  right: 7px;
  top: 0;
  padding: 0;
  height: 47px;
  width: 60px;
  border: 1px solid #b0b8c1;
  border-left: none;
  border-radius: 0 5px 5px 0 !important;
}
.js-announcement-search-input {
  border-right: none;
  border-color: #b0b8c1;
}
.js-announcement-search-input:focus {
  border-color: #b0b8c1;
}
.btn-back-announ {
  max-width: 305px;
}
.btn-back-announ:hover {
  background-color: #fff;
  text-decoration: underline;
  color: #000;
}
.list__bid-results .modified__mark {
  margin-right: 0;
}
.section__faq .btn-faq {
  background-image: url("../images/icons/ic-colapsed.svg");
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 32px;
  padding: 20px;
  border-top: 1px solid #b6b6b6;
  display: block;
  color: var(--red);
}
.section__faq .btn-faq:hover {
  color: var(--black);
  background-color: #f4f4f4;
  background-image: url("../images/icons/ic-colapsed-hover.svg");
}
.section__faq .btn-faq.collapsed {
  background-image: url("../images/icons/ic-collapse.svg");
  color: var(--black);
}
.section__faq .btn-faq.collapsed:hover {
  color: var(--red);
  background-image: url("../images/icons/ic-collapse-hover.svg");
}
.section__faq .faq-info {
  padding: 0 20px 20px;
}
.section__faq .faq-info ul {
  margin-left: 0;
  padding-left: 25px;
}
.section__faq .faq-info .list-number {
  list-style: decimal;
}
.section__faq .img-faq {
  width: 100%;
  height: auto;
}
.page-inventoryPasswordChange .portal__insurance--wrapper {
  min-height: 350px;
}
.img-item {
  height: 200px;
}
.img-item img {
  max-height: 200px;
  margin: auto;
}
.ibs-inventory .pagination-bar.top {
  position: relative;
}
.ibs-inventory .pagination-bar.top .ibs-basket-sort {
  position: absolute;
}
.ibs-inventory .pagination-bar.top .tmp__tab--ibs .nav-pills {
  margin-bottom: 30px;
}
.ibs-inventory .pagination-bar.top .tmp__tab--ibs .nav-pills li {
  font-size: 14px;
  color: var(--black);
}
.ibs-inventory .pagination-bar.top .tmp__tab--ibs .nav-pills li.active {
  font-weight: 600;
}
.ibs-inventory .pagination-bar.top .tmp__tab--ibs .nav-pills li.active a {
  background-color: var(--white);
  color: var(--black);
}
.ibs-inventory .pagination-bar.top .tmp__tab--ibs .nav-pills .nav-item a {
  display: flex;
  align-items: center;
}
.ibs-inventory .pagination-bar.top .tmp__tab--ibs .announcement-list .ibs-inventory-item {
  background-color: var(--white);
  border: 1px solid rgba(16, 16, 16, 0.2);
}
.ibs-inventory .pagination-bar.top .tmp__tab--ibs .announcement-list .ibs-inventory-item .ibs-inventory-item-info {
  background-color: var(--white);
  padding: 13px 30px 1px;
}
.ibs-inventory .pagination-bar.top .tmp__tab--ibs .announcement-list .ibs-inventory-item .ibs-inventory-item-info .info-item-des {
  overflow: visible;
}
.ibs-inventory .pagination-bar.top .tmp__tab--ibs .announcement-list .ibs-inventory-item .ibs-inventory-item-info .info-item-des .border-linear-darker .d-flex span {
  padding-bottom: 1px;
}
.ibs-inventory .pagination-bar.top .tmp__tab--ibs .announcement-list .ibs-inventory-item .car-tag {
  position: absolute;
  top: -35px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  color: var(--red);
  font-weight: 600;
  display: block;
  background-color: var(--white);
  padding: 10px 20px;
  left: 11px;
}
.ibs-thumbs .nav-item.active span {
  font-weight: 600;
}
.ibs-thumbs .nav-item.active .ic-ibs-list-view {
  background-image: url("../images/icons/ic-listview-active.svg");
}
.ibs-thumbs .nav-item.active .ic-ibs-grid-view {
  background-image: url("../images/icons/ic-ibs-grid-view-active.svg");
}
.title-ellipsis-group .title-ellipsis .title-full-length {
  display: none;
  position: absolute;
  top: -46px;
  left: 10px;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.23;
  letter-spacing: normal;
  color: var(--white);
  background-color: var(--black);
  padding: 15px;
  width: max-content;
}
.title-ellipsis-group .title-ellipsis:hover .title-full-length {
  display: block;
}
.ibs-inventory-item-info .tooltipTmp {
  z-index: 1;
}
.ibs-inventory-item-info .tooltipTmp .tooltiptext-view {
  min-height: 52px;
  line-height: 29px;
  min-width: max-content;
  left: -70px;
}
/* inventory */
.tab-pane .pdp__top {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.tab-pane .pdp__top--title {
  margin-top: 0 !important;
}
.tab-pane .description dl dt {
  font-weight: normal !important;
}
.move__vehicle--inner {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-left: 10px;
  padding-right: 10px;
}
.move__vehicle--inner .form-group:last-child {
  margin-bottom: 0 !important;
}
.move__vehicle--inner.overflow-auto-y {
  overflow-y: auto;
}
.popup__create--vehicle--exit .file__upload--name {
  width: 150px !important;
  line-height: 19px;
}
.myvehicle__claim .modified__mark {
  margin-right: 0 !important;
}
.bid__info--detail [class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}
.update-vehicle-confirm__delete--file {
  display: block;
  position: absolute;
  left: 50%;
  top: 20%;
  margin-left: -200px;
  width: 100%;
  height: auto;
  overflow: hidden;
  min-height: 256px;
  background: #fff;
  width: 400px;
  z-index: 100;
  padding: 30px 30px 30px;
  border-radius: 10px;
  border: solid 1px var(--border-darker);
}
.update-vehicle-confirm__delete--file .btn {
  margin: auto;
}
.popup__create--vehicle .file__upload--name {
  max-width: 200px !important;
  line-height: 19px;
}
.product-details-toggle {
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
  padding-right: 20px;
}
.product-details-toggle.name {
  font-weight: 600;
}
.product-details.open .product-details-toggle {
  margin-bottom: 0;
}
.product-details-toggle .glyphicon {
  float: right;
  font-size: 15px;
  line-height: 35px;
}
.product-details.open .product-details-toggle .glyphicon:before {
  content: "\e114";
}
.product-details-toggle-wrap {
  display: none;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .product-details-toggle-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-details.open + .product-details-toggle-wrap {
  display: block;
}
.product-details-toggle-wrap .product-details {
  font-size: 24px;
}
.product-details-toggle-wrap img {
  width: 175px;
  margin: 0 30px 35px 0;
  float: left;
}
@media (min-width: 640px) {
  .product-details-toggle-wrap .product-details {
    text-align: right;
  }
}
.product-action {
  overflow: hidden;
  border-top: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .product-action {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-action ol {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.product-action ol li {
  font-size: 19px;
  float: right;
  margin: 15px 0 15px 20px;
  line-height: 49.36px;
}
.product-action #total-price {
  font-size: 19px;
  font-weight: 600;
}
.product-action div {
  float: left;
  margin: 15px 0;
  line-height: 49.36px;
}
.update-future-stock {
  text-align: right;
  padding: 20px 7px 15px 0;
  background-color: #ffffff;
}
.update-future-stock .update_future_stock_button,
.update-future-stock .hide_future_stock_info {
  font-size: 14px;
  font-weight: 600;
}
.update-future-stock .hide_future_stock_info {
  display: none;
}
.product-grid-container .sku-quantity,
#cboxContent .sku-quantity {
  font-size: 14px;
  line-height: 20px;
  width: 60px;
  padding: 9px 10px;
  margin: 5px 0 3px;
  border: 1px solid #b6b6b6;
  text-align: center;
}
.product-grid-container .td_stock,
#cboxContent .td_stock {
  display: block;
  padding-bottom: 5px;
}
.product-grid-container .td_stock .in-stock,
#cboxContent .td_stock .in-stock {
  color: #929292;
  font-size: 13px;
  font-weight: 600;
}
.product-grid-container .future_stock,
#cboxContent .future_stock {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.product-grid-container .future_stock .future_stock_value,
#cboxContent .future_stock .future_stock_value {
  margin: 2px 0 8px 0;
}
.product-grid-container .data-grid-total,
#cboxContent .data-grid-total {
  display: inline-block;
  padding-top: 5px;
  border-top: 1px solid #cccccc;
  font-size: 15px;
  font-weight: 700;
}
.product-grid-container table td .price {
  font-size: 17px;
  font-weight: 600;
}
.product-grid-container table td.out-of-stock .variant-prop,
.product-grid-container table td.out-of-stock .price {
  opacity: 0.3;
}
.product-grid-container table td.out-of-stock .sku-quantity {
  opacity: 0.3;
  background-color: var(--white);
}
@media (min-width: 640px) {
  .add-to-cart-order-form-wrap {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
  }
  .add-to-cart-order-form-wrap::after {
    background-color: var(--white);
    bottom: 0;
    content: "";
    height: 17px;
    position: absolute;
    width: 100%;
  }
  .add-to-cart-order-form-wrap::before {
    background-color: var(--white);
    right: 0;
    content: "";
    position: absolute;
    height: 100%;
  }
  .add_to_cart_order_form {
    overflow: scroll;
    max-height: 907px;
  }
  .order-form-scroll {
    cursor: pointer;
    background-color: #f20c06;
    opacity: 0.4;
    color: var(--white);
    text-align: center;
    position: absolute;
    display: none;
  }
  .order-form-scroll.right {
    width: 50px;
    height: 75px;
    line-height: 75px;
    right: 0px;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.left {
    width: 50px;
    height: 75px;
    line-height: 75px;
    left: 0;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.up {
    width: 75px;
    height: 50px;
    line-height: 50px;
    top: 0;
    left: 50%;
    margin-left: -35px;
  }
  .order-form-scroll.down {
    width: 75px;
    height: 50px;
    line-height: 50px;
    bottom: 17px;
    left: 50%;
    margin-left: -35px;
  }
  .product-grid-container-dim-3,
  .product-grid-container-dim-2 {
    width: 100%;
  }
  .product-grid-container table {
    border-bottom: 1px solid #b6b6b6;
    background-color: #ffffff;
  }
  .product-grid-container table:nth-child(2n) {
    background: #b6b6b6;
  }
  .product-grid-container table tr:first-child > th:first-child {
    border-right: 1px solid #d3d3d3;
    white-space: nowrap;
  }
  .product-grid-container table tr > td:first-child {
    border-right: 1px solid #b6b6b6;
    padding-top: 20px;
  }
  .product-grid-container table th {
    text-align: center;
  }
  .product-grid-container table td {
    text-align: center;
    padding: 25px 10px 15px;
    vertical-align: top;
    max-width: 200px;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .add-to-cart-order-form-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#orderFormContainer .headline,
#orderFormContainer .advanced-search-wrap {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  #orderFormContainer .headline,
  #orderFormContainer .advanced-search-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#resultsList.item__list .item__list--item:last-child {
  padding-right: 0;
}
.order__content {
  background-color: #f4f4f4;
  padding: 25px 30px 30px 30px;
}
@media (max-width: 639px) {
  .order__content {
    padding-left: 0;
    padding-right: 0;
  }
  .order__content .order__content--info,
  .order__content .order-content-details {
    display: block;
  }
  .order__content .order__content--info .d-flex,
  .order__content .order-content-details .d-flex {
    display: block;
  }
  .order__content .order__content--info .d-flex div,
  .order__content .order-content-details .d-flex div {
    width: 100%;
  }
}
.order__content .tmp-accordion .card-header button {
  background-color: var(--black);
  color: var(--white);
  padding: 5px 15px;
}
.order__content .tmp-accordion .card-header button .tmp-icon {
  visibility: hidden;
}
.order__content .tmp-accordion .card-header button.collapsed {
  background-color: var(--black);
  color: var(--white);
  font-weight: 600;
}
.order__content .tmp-accordion .card-header button.collapsed .tmp-icon {
  visibility: visible;
}
.order__content .tmp-accordion .card-header button:hover,
.order__content .tmp-accordion .card-header button:focus {
  text-decoration: none;
}
.order__content .tmp-accordion .order-content-items .card-body {
  padding: 1px 30px;
  float: left;
}
@media (max-width: 639px) {
  .order__content .tmp-accordion .order-content-items .card-body {
    padding: 1px 10px;
  }
}
.order__content .tmp-accordion .order-content-items .card-body .cart-totals {
  font-size: 15px;
}
.order__content .tmp-accordion .card-body {
  background-color: var(--white);
  padding: 30px;
}
.order__content .tmp-accordion .card-body .card-item .customer-info-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #a1abb6;
}
.order__content .tmp-accordion .card-body .card-item div {
  font-weight: normal;
}
.order__content .tmp-accordion .card-body .card-item div.customer-info {
  margin-top: 20px;
}
@media (min-width: 1100px) {
  .order__content .tmp-accordion .card-body .card-item div.customer-info .detail-item {
    width: 33.333%;
  }
  .order__content .tmp-accordion .card-body .card-item div.customer-info .detail-item.delivery-partner {
    width: 50%;
  }
}
@media (max-width: 1023px) {
  .order__content .tmp-accordion .card-body .card-item div.customer-info .detail-item {
    width: 100%;
    margin-left: 0 !important;
  }
}
.order__content .tmp-accordion .card-body .card-item div.customer-info .detail-item .item {
  margin-bottom: 15px;
}
.order__content .tmp-accordion .card-body .card-item div.customer-info .detail-item .item-detail-left {
  width: 60%;
}
.order__content .tmp-accordion .card-body .card-item div.customer-info .detail-item .item-detail-right {
  width: 40%;
}
.order__content .tmp-accordion .card-body .card-item div.customer-info .detail-item .title {
  min-width: 150px;
}
@media (max-width: 1023px) {
  .order__content .tmp-accordion .card-body .card-item div.customer-info .detail-item .title {
    min-width: 200px;
  }
}
.order__content .tmp-accordion .card-body .card-item div.customer-info .detail-item .value {
  text-transform: initial;
}
.order__content .tmp-accordion .card-body .card-item div.customer-info .three-block-information .detail-item {
  width: 33.33%;
}
.order__content .tmp-accordion .card-body .card-item div.customer-info .three-block-information .detail-item .item {
  margin-bottom: 15px;
}
.order__content .tmp-accordion .card-body .card-item div.customer-info .three-block-information .detail-item .value {
  text-transform: initial;
}
.order__content .tmp-accordion .card-body .card-item div.customer-info.payment-method .customer-info-detail {
  width: 50%;
}
.order__content .tmp-accordion .card-body .card-item div.customer-info.payment-method .customer-info-detail .delivery,
.order__content .tmp-accordion .card-body .card-item div.customer-info.payment-method .customer-info-detail .payment {
  margin-top: 20px;
}
.order__content .tmp-accordion .card-body .card-item div.customer-info.payment-method .customer-info-detail .delivery .title,
.order__content .tmp-accordion .card-body .card-item div.customer-info.payment-method .customer-info-detail .payment .title {
  min-width: 200px;
}
.order__content .tmp-accordion .card-body .card-item div.customer-info.payment-method .customer-info-detail .delivery div,
.order__content .tmp-accordion .card-body .card-item div.customer-info.payment-method .customer-info-detail .payment div {
  margin-bottom: 15px;
}
.order__content .tmp-accordion .card-body .card-item div.customer-info .btn__edit--delivery-partner .order__content .tmp-accordion .card-body .card-item div.customer-info .btn__edit--delivery-partner-text {
  color: var(--red);
}
.order__content .tmp-accordion .card-body .card-item div.orther-info {
  margin-top: 40px;
}
.order__content .tmp-accordion .card-body .item__list--item-new-car:last-child {
  border-bottom: 1px solid #b6b6b6 !important;
}
.order__content .tmp-accordion .card-body dl {
  text-align: left !important;
}
.order__content--info-item {
  margin-right: 40px;
  display: flex;
  margin-bottom: 10px;
  align-items: baseline;
  position: relative;
}
.order__content--info-item.name {
  position: relative;
  padding-right: 70px;
}
.order__content--info .status-col .label {
  width: 95px;
  text-align: right;
  margin-right: 20px;
  padding: 0;
}
.order__content--info .order-col {
  display: block;
}
.order__content--info .order-col .label {
  width: 175px;
  text-align: right;
  margin-right: 20px;
  padding: 0;
}
.order-reserve-popup .actions {
  width: 195px;
  float: right;
}
.order-cancel-popup .cancel-reason {
  background-color: #f4f4f4;
  padding: 30px 20px 15px 20px;
  margin-bottom: 30px;
}
.custom-file .custom-file-input .file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 44px;
}
.custom-file .custom-file-input .file-upload-wrapper.iot-portal-file-upload:after {
  content: attr(data-text);
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  pointer-events: none;
  z-index: 20;
  height: 34px;
  line-height: 34px;
  text-align: left;
  color: #101010;
  border: none;
  border-bottom: 1px solid rgba(16, 16, 16, 0.2);
}
.custom-file .custom-file-input .file-upload-wrapper.iot-portal-file-upload.selectedFile:after {
  border: none;
  border-bottom: 1px solid rgba(16, 16, 16, 0.2);
  background-color: var(--white);
}
.custom-file .custom-file-input .file-upload-wrapper:after {
  content: attr(data-text);
  font-size: 17px;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  display: block;
  width: 100%;
  pointer-events: none;
  z-index: 20;
  height: 44px;
  line-height: 44px;
  border: solid 1px var(--red);
  background-color: var(--white);
  color: var(--red);
}
.custom-file .custom-file-input .file-upload-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 60px;
  background: transparent;
  color: var(--white);
  font-weight: 700;
  z-index: 25;
  font-size: 16px;
  line-height: 44px;
  padding: 0 15px;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: 0 5px 5px 0;
}
.custom-file .custom-file-input .file-upload-wrapper .ic-file-select {
  position: absolute;
  z-index: 999;
  top: 12px;
  left: 218px;
}
.custom-file .custom-file-input .file-upload-wrapper .ic-file-selected {
  position: absolute;
  z-index: 999;
  top: 12px;
  left: 212px;
}
.custom-file .custom-file-input .file-upload-wrapper .ic-choose-file {
  position: absolute;
  z-index: 99;
  top: 8px;
  right: 0;
}
.custom-file .custom-file-input .file-upload-wrapper.selectedFile:after {
  border: solid 1px var(--black);
  background-color: #f4f4f4;
  color: var(--black);
}
.custom-file .custom-file-input .file-upload-wrapper:hover:before {
  background: transparent;
}
.custom-file .custom-file-input .file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 44px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}
.account-orderhistory-table-head th {
  background-color: var(--black);
  padding: 15px 10px !important;
  font-size: 16px;
  border-top: none;
  font-weight: normal;
}
.account-orderhistory-table-head th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.account-orderhistory-table-head th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.promotion-transaction-table {
  width: 100%;
  overflow-x: scroll;
}
@supports (-ms-ime-align: auto) {
  .account-orderhistory-table-head th {
    border: none;
  }
  .account-orderhistory-table-head th:first-child {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
  }
  .account-orderhistory-table-head th:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
.orderhistory-list-table tr:first-child td {
  border-top: none;
}
.orderhistory-list-table tr td:first-child {
  padding-left: 30px;
}
.orderhistory-list-table td {
  border-top: none;
  padding: 20px 10px !important;
}
.orderhistory-list-table td.centering-icon {
  position: relative;
  padding-right: 30px !important;
}
.orderhistory-list-table td.centering-icon .tmp-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
#myVehicles .orderhistory-list-table td.inventory-status .popover {
  min-width: 255px !important;
  max-width: 255px !important;
}
@media (max-width: 1023px) {
  .order__header {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.popover__wrapper .popover {
  min-width: 230px;
}
.popover__wrapper .popover div {
  text-align: left;
  font-size: 12px;
  margin: 0;
}
.dealer__group .dealer__role {
  display: none;
  position: absolute;
  top: 30px;
  left: 10px;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.23;
  letter-spacing: normal;
  color: var(--white);
  background-color: var(--black);
  padding: 5px;
  width: 162px;
}
.dealer__group .dealer-role {
  position: relative;
}
.dealer__group .dealer-role:hover .dealer__role {
  display: block;
}
@media (max-width: 1023px) {
  .js-vehicle-update-payment-method {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.facebook__chat {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
}
.facebook__chat svg {
  vertical-align: middle;
}
.facebook__chat:hover {
  text-decoration: none !important;
  color: #000000;
}
.facebook__chat:hover svg path {
  fill: #000000;
  stroke: #000000;
}
.vehicle__reserve--popup .form-control-custom {
  padding: 30px 20px;
  border: solid 1px var(--red);
}
.vehicle__reserve--popup .icon-wallet {
  height: 28px;
}
.vehicle__reserve--popup .img-vehicle-reserve {
  max-width: 224px;
}
.vehicle__reserve--popup .mention {
  margin-bottom: 10px;
}
.vehicle__reserve--popup .download {
  width: 60%;
}
.vehicle__reserve--popup .text-decoration:hover svg path {
  fill: #f20c06;
  stroke: #f20c06;
}
.vehicle__reserve--popup .vehicle__success--info {
  width: 87%;
  margin: auto;
}
.btn-back-to-order {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.btn-back-to-order svg {
  vertical-align: middle;
}
.btn-back-to-order:hover {
  color: var(--black);
}
.btn-back-to-order:hover svg path {
  fill: var(--black);
  stroke: var(--black);
}
.img-failure {
  height: 194px;
}
.page-orders .account-orderhistory-pagination .pull-right.text-right {
  float: left !important;
  text-align: left;
}
@media (max-width: 1023px) {
  .order-content-details .customer-info-detail {
    flex-flow: column;
  }
}
.quick-order__introduction {
  padding-top: 11px;
  margin-top: 10px;
  line-height: 864px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .quick-order__introduction {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1023px) {
  .quick-order__introduction {
    margin-bottom: 10px;
  }
}
.quick-order__actions {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .quick-order__actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .quick-order__actions .pull-right {
    float: none!important;
  }
}
.quick-order__add-to-cart-btn {
  margin-top: 10px;
}
.quick-order__add-to-cart-btn .btn {
  width: 100%;
}
.quick-order__reset-link {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 36px;
  border: none;
  background-color: transparent;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 11px;
  margin-top: 10px;
}
@media (max-width: 639px) {
  .quick-order__reset-link {
    margin: 20px 0;
    text-align: center;
    width: 100%;
    padding-top: 5px;
  }
}
.quick-order__list {
  margin-top: 10px;
}
.quick-order__list.item__list .item__list--item:last-child {
  padding-right: 0;
}
@media (min-width: 1024px) {
  .quick-order__list.item__list .item__remove {
    padding-right: 30px;
    width: 64px;
  }
}
#quickOrder .item__list .item__info {
  width: auto;
}
@media (min-width: 1024px) {
  #quickOrder .item__quantity {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  #quickOrder .item__sku__input input {
    max-width: 300px;
  }
}
@media (min-width: 1024px) {
  #quickOrder .item__list--header .item-sku-input {
    width: 25%;
  }
}
@media (max-width: 1023px) {
  #quickOrder .item__list--header .item-sku-input {
    width: 100%;
    padding: 0 20px;
  }
}
@media (min-width: 1023px) {
  #quickOrder .item__list--header .item__info {
    width: 20%;
  }
}
#quickOrder .item__list--header .item__total--column {
  text-align: left;
}
#quickOrder .item__list--header li:first-child {
  padding-left: 30px;
}
#quickOrder .item__sku__input {
  padding-left: 30px;
  width: 33%;
}
@media (max-width: 1023px) {
  #quickOrder .item__sku__input {
    padding-left: 20px;
    margin: 0 0 10px;
    width: 100%;
  }
}
#quickOrder .item__list--item:nth-child(odd) {
  background: #b6b6b6;
}
#quickOrder .item__list--item:nth-child(4n+4) {
  background-color: transparent;
}
@media (max-width: 1023px) {
  #quickOrder .item__list--item {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #quickOrder .item__list--item .item__info {
    width: 20%;
  }
}
#quickOrder .item__list--item .item__info .item__name {
  display: block;
  padding-right: 20px;
}
@media (max-width: 1023px) {
  #quickOrder .item__list--item .item__quantity {
    padding-top: 10px;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  #quickOrder .item__list--item .item__total {
    text-align: left;
    padding-left: 10px;
  }
}
@media (max-width: 1023px) {
  #quickOrder .item__list--item .item__total {
    float: left;
  }
}
.account-section .account-section-content .import-csv__form {
  padding: 0;
}
.import-csv__well {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .import-csv__well {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.import-csv__file-spec {
  padding-top: 15px;
}
.import-csv__file-spec-item {
  padding-top: 5px;
}
.import-csv__file-upload {
  padding-top: 20px;
}
.import-csv__actions {
  margin-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .import-csv__actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 640px) {
  .import-csv__file-upload {
    border-left: 1px solid #cccccc;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 40px;
  }
}
@media (max-width: 639px) {
  .import-csv__well {
    margin: 0;
  }
}
.file-upload {
  margin-top: 15px;
}
.file-upload__label {
  display: block;
}
.file-upload__wrapper {
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}
.file-upload__input {
  position: absolute;
  right: -3px;
  top: -3px;
  bottom: -3px;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}
.file-upload__file-name {
  font-size: 18px;
  display: inline-block;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  position: relative;
  top: 8px;
}
@media print {
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
  .breadcrumb-section {
    border-top: 2px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0%;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .footer__left {
    width: 100%;
  }
  .footer__right {
    display: none;
  }
  .owl-wrapper {
    width: 100% !important;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
    width: 25%!important;
    display: none!important;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(-n+4) {
    display: block!important;
  }
  .owl-controls {
    display: none!important;
  }
  .cart-voucher,
  .cart-actions--print {
    width: 100% !important;
  }
  .image-gallery__image,
  .image-gallery__image .owl-wrapper,
  .image-gallery__image .owl-wrapper .owl-item {
    width: 190%!important;
  }
  .tabs .tabhead + .tabbody {
    display: block!important;
  }
  .back-link .label {
    border: 0;
  }
  .carousel-component {
    overflow: hidden;
    height: 320px;
  }
}
.activate-connect-wrapper {
  display: flex;
  flex-direction: column;
}
.activate-connect-wrapper .accordion-toggle.collapsed .ic-arrow-down {
  transform: rotate(0deg);
}
.activate-connect-wrapper .panel {
  border: initial;
  box-shadow: initial;
}
.activate-connect-wrapper .panel-heading {
  padding: 0;
  border-bottom: initial;
}
.activate-connect-wrapper .panel-body {
  display: flex;
  flex-direction: column;
  max-height: 230px;
  padding: 10px;
  background-color: #f4f4f4;
  position: relative;
}
.activate-connect-wrapper .panel-body .ps__rail-y {
  opacity: 1;
}
.activate-connect-wrapper .panel-body .ps__rail-y.ps--scrolling-y {
  opacity: 1;
}
.activate-connect-wrapper .panel-body .ps__rail-y .ps__thumb-y {
  width: 7px;
  border-radius: 0;
  background-color: var(--red);
}
.geofencing-table-head th {
  background-color: var(--black);
  font-size: 16px;
  line-height: 22px !important;
  border: none !important;
  font-weight: normal;
}
.geofencing-table-head th:first-child,
.geofencing-table-head th:last-child {
  padding: 10px 20px !important;
}
.geofencing-table-row.enabled td {
  font-weight: 600;
}
.geofencing-table-row td {
  font-size: 15px;
  line-height: 21px !important;
  vertical-align: top !important;
  border-top: none !important;
}
.geofencing-table-row td:first-child,
.geofencing-table-row td:last-child {
  padding: 10px 20px !important;
  color: var(--red);
}
.geofencing-table-row td:first-child a,
.geofencing-table-row td:last-child a {
  color: var(--red);
  cursor: pointer;
}
.geofencing-table-row td:last-child {
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
}
.geofencing-table-row td:last-child a {
  color: var(--red);
}
.geofencing-table-row td a.disabled {
  pointer-events: none;
  color: #b6b6b6;
}
.geofencing-detail-wrapper {
  padding: 30px;
}
.geofencing-detail-wrapper__map {
  grid-template-columns: 1fr 1fr;
}
.geofencing-detail-wrapper__map img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}
.geofencing-detail-wrapper__info {
  padding: 35px 30px 25px;
  display: grid;
  gap: 25px;
}
.geofencing-detail-wrapper__info--map {
  order: 1;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
.geofencing-detail-wrapper__info--detail {
  order: 2;
}
.geofencing-detail-wrapper__info--detail .d-grid {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}
.geofencing-detail-wrapper__info--detail .geofencing-detail-wrapper__info--status {
  margin: 20px 0;
  padding: 0;
}
.geofencing-detail-wrapper__info--detail .geofencing-detail-wrapper__info--status-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.geofencing-detail-wrapper__info--detail label {
  font-size: 15px;
  font-weight: 600;
}
.geofencing-detail-wrapper__info .no-data-geofences {
  background-color: #f5f5f5 !important;
}
.geofencing-detail-wrapper__info--detail .row {
  margin-bottom: 12px;
}
.geofencing-detail-wrapper__info--detail .row label {
  padding-bottom: 8px;
  color: #101010;
  width: 100%;
  margin-bottom: 0;
}
.geofencing-detail-wrapper__info--detail .table .responsive-table-item td:first-child {
  width: 55%;
}
.geofencing-detail-wrapper__info--detail a.disabled {
  pointer-events: none;
}
.geofencing-detail-wrapper__info--detail a.disabled .text-red {
  color: #b6b6b6;
}
:nth-child(2).geofencing-detail-wrapper__info {
  padding-bottom: 10px;
}
.issue-history-table-head th {
  background-color: var(--black);
  font-size: 16px;
  line-height: 22px !important;
  border: none;
  font-weight: normal;
}
.issue-history-table-head th:first-child,
.issue-history-table-head th:last-child {
  padding: 10px 20px !important;
}
.issue-history-table-row td {
  font-size: 15px;
  line-height: 21px !important;
  vertical-align: top !important;
  border-top: none !important;
}
.issue-history-table-row td:first-child {
  font-weight: 600;
}
.issue-history-table-row td .ic-edit--red {
  cursor: pointer;
}
.vehicle-location-label {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
}
.vehicle-location-content {
  font-size: 15px;
  line-height: 1.4;
}
.add-geofencing-popup hr {
  border-color: #b6b6b6;
}
.add-geofencing-popup #map {
  min-height: 290px;
}
.pac-container,
.pac-item {
  z-index: 999999 !important;
}
.list__iot-results tr th.fuel-consumption {
  width: 315px;
}
.list__iot-results tr td {
  border: none !important;
}
.list__iot-results .ic-info-remark-header {
  margin-top: 3px;
}
.list__iot-results .popover.top {
  margin-top: -24px;
}
.portal-nav .navigation-portal .nav__right .nav__links--account li {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #101010;
  text-transform: capitalize;
}
.portal-nav .navigation-portal .nav__right .nav__links--account li .nav__links--login {
  background-image: none;
  padding-left: 18px;
  color: inherit;
}
.portal-nav .navigation-portal .nav__right .nav__links--account .change-portal {
  padding: 10px 12px;
}
.iot-portal .iot-portal-nav .iot-portal-nav-list {
  margin: 0;
  border-bottom: 1px solid rgba(16, 16, 16, 0.2);
  width: 75%;
  justify-content: end;
}
@media (max-width: 639px) {
  .iot-portal .iot-portal-nav .iot-portal-nav-list {
    border-bottom: none;
  }
}
.iot-portal .iot-portal-nav .iot-portal-nav-list li {
  font-size: 12px;
  color: var(--black);
  text-transform: capitalize;
  font-weight: normal;
  margin-left: 20px;
  padding: 11px 0;
}
.iot-portal .iot-portal-nav .iot-portal-nav-list .nav__dropdown--menu .ic-ip-arrow-down {
  transform: rotate(0deg);
  transition: 0.3s top cubic-bezier(0.3, 0.73, 0.3, 0.74);
}
.iot-portal .iot-portal-nav .iot-portal-nav-list .nav__dropdown--menu.active .ic-ip-arrow-down {
  transform: rotate(180deg);
}
.iot-portal .iot-portal-nav .iot-portal-nav-list .nav__dropdown--menu .dropdown-menu {
  padding: 5px;
}
.iot-portal .iot-portal-nav .iot-portal-nav-list .nav__dropdown--menu .dropdown-menu li {
  margin-left: 0;
  padding: 0 5px;
}
.iot-portal .iot-portal-nav .iot-portal-nav-list .nav__dropdown--menu .dropdown-menu li a {
  text-transform: capitalize;
  font-weight: 500;
}
.iot-portal .iot-portal-nav .iot-portal-nav-list .show-notifications {
  background-color: var(--white);
}
.iot-portal .iot-portal-nav .show-notifications .notifications-count {
  background: var(--black-light);
}
.iot-portal .iot-portal-navigation {
  border-bottom: 4px solid var(--red);
  padding: 12px 0 7px 0;
}
@media (max-width: 639px) {
  .iot-portal .iot-portal-navigation {
    border-top: 1px solid rgba(16, 16, 16, 0.2);
    padding-top: 10px;
  }
}
.iot-portal .iot-portal-navigation .logo-portal img {
  height: 52px;
}
.iot-portal .iot-portal-navigation .logo-portal-text {
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: var(--brown);
  opacity: 1;
}
.iot-portal .iot-portal-footer .logo-portal img {
  height: 52px;
}
.fuel-consumption .popover-content {
  text-align: left;
}
.page-iot-portal .ui-widget-content {
  z-index: 9999;
}
.page-iot-portal .ui-widget-content li.ui-menu-item {
  padding: 4px;
  background-color: var(--white);
  border-bottom: none;
  margin-bottom: 0;
}
.page-iot-portal .ui-widget-content li.ui-menu-item:hover {
  background-color: #f5fafd;
}
.page-iot-portal .ui-widget-content li:first-child {
  padding-top: 10px;
}
.page-iot-portal .ui-widget-content li .ui-menu-item-wrapper {
  font-size: 14px;
}
.page-iot-portal .ui-widget-content li .ui-menu-item-wrapper.ui-state-active {
  color: var(--black-light);
}
.page-iot-portal .animateIt .iot-portal.minimal .logo-portal {
  margin-top: -32px;
  margin-left: 0;
}
.page-iot-portal .animateIt .iot-portal.minimal img {
  height: 32px;
}
.page-iot-portal .animateIt .iot-portal.minimal .navigation--middle {
  top: 39px;
  background-color: var(--white);
  width: 100%;
}
.page-iot-portal .animateIt .iot-portal.minimal .navigation--middle .manage-section {
  width: 100%;
}
.view-on-map .popover.left {
  margin-left: 35px;
  margin-top: 12px;
}
.trip-map-popup .empty-events img {
  height: 100%;
  width: 100%;
  min-height: 360px;
}
.subscription-end-date-group {
  display: flex;
  flex-direction: column;
  position: relative;
}
.subscription-end-date-group > label {
  position: absolute;
  top: -16px;
  left: 7px;
  padding: 5px;
  background: white;
  font-size: 15px;
  font-weight: 400;
}
.subscription-end-date__select {
  width: 100%;
  padding: 0 30px 0 10px;
  border: none;
  outline: none;
  appearance: none;
  background-color: transparent;
  font-size: 14px;
  color: #333;
}
.subscription-end-date-wrapper {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  background-color: #fff;
  max-height: 47px;
}
.subscription-end-date-wrapper .select-box {
  flex-grow: 1;
  position: relative;
  width: 45%;
}
.subscription-end-date-wrapper .select-box select {
  border: none;
  outline: none;
  background-color: transparent;
  box-shadow: none;
}
.subscription-end-date-wrapper .select-box select option {
  font-size: 15px;
  font-weight: 600;
}
.subscription-end-date-wrapper .select-box .tmp-icon.ic-arrow-down {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
}
.subscription-end-date-wrapper .custom-date-form {
  display: flex;
  width: 55%;
  height: 100%;
  align-items: center;
}
.subscription-end-date-wrapper .input-box {
  display: flex;
  align-items: center;
  width: 35%;
  position: relative;
}
.subscription-end-date-wrapper .input-box.date .form-control:focus {
  border: none !important;
  outline: none !important;
}
.subscription-end-date-wrapper .input-box input {
  width: 90px;
  border: none !important;
  outline: none !important;
  background-color: transparent !important;
  color: #333;
  font-size: 11px;
  padding-left: 0px;
  box-shadow: none;
}
.subscription-end-date-wrapper .input-box .tmp-icon.ic-b-calendar {
  position: absolute;
  right: 0;
  margin: initial;
}
.subscription-end-date-wrapper .date-separator {
  margin: 10px;
  height: 21px;
  border: 1px solid #bdbdbd;
  width: 1px;
}
.vehicle-filters .form-group-custom .form-control {
  line-height: 1.8;
}
.vehicle-filters .advanced-filters {
  margin-top: 31px;
}
.vehicle-filters .form-group {
  position: relative;
}
.vehicle-filters .form-group .form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px 12px;
  cursor: pointer;
}
.vehicle-filters .form-group .form-control option {
  font-size: 15px;
  font-weight: 600;
}
.vehicle-filters .form-group .tmp-icon.ic-arrow-down {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.vehicle-filters button {
  padding: 12px 25px;
  text-align: center;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
  line-height: 17.11px;
  max-height: 44px;
  text-transform: uppercase;
}
.vehicle-filters__title {
  font-size: 24px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: middle;
}
.vehicle-filters__extend-btn {
  height: 45px;
  background-color: #000;
  color: #fff;
  border-radius: 5px;
  padding: 0 20px;
}
.vehicle-filters .custom-grid__col {
  width: 100%;
  padding-right: 10.5px;
  padding-left: 10.5px;
}
@media (min-width: 768px) {
  .vehicle-filters .custom-grid__col--1 {
    width: 8.33333%;
  }
}
@media (min-width: 768px) {
  .vehicle-filters .custom-grid__col--2 {
    width: 16.66667%;
  }
}
@media (min-width: 768px) {
  .vehicle-filters .custom-grid__col--3 {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .vehicle-filters .custom-grid__col--4 {
    width: 33.33333%;
  }
}
@media (min-width: 768px) {
  .vehicle-filters .custom-grid__col--6 {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .vehicle-filters .custom-grid__col--8 {
    width: 66.66667%;
  }
}
@media (min-width: 768px) {
  .vehicle-filters .custom-grid__col--9 {
    width: 75%;
  }
}
@media (min-width: 768px) {
  .vehicle-filters .custom-grid__col--12 {
    width: 100%;
  }
}
.vehicle-filters__input,
.vehicle-filters__select {
  border-radius: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid #ccc;
  padding: 10px;
  height: 45px;
}
.vehicle-filters__search-btn {
  height: 45px;
  background-color: #000;
  color: #fff;
  border-radius: 5px;
  width: 100%;
}
.vehicle-filters__actions {
  margin-top: 20px;
  font-size: 13px;
  line-height: 18.54px;
}
.vehicle-filters__action {
  color: #EB0A1E !important;
  text-decoration: none;
  font-weight: 600;
}
.vehicle-filters__action--export .tmp-icon.ic-red-export {
  height: 24px;
  width: 24px;
}
.vehicle-filters__action--advanced,
.vehicle-filters__action--export {
  display: inline-flex;
  align-items: center;
}
.vehicle-filters__action--advanced .vehicle-filters__icon,
.vehicle-filters__action--export .vehicle-filters__icon {
  margin-right: 5px;
  height: 19px;
}
.vehicle-table {
  margin-top: 45px;
}
.vehicle-table .table-container {
  padding: 0;
}
.vehicle-table .btn-default {
  min-height: auto;
  height: auto;
  width: auto;
  min-width: auto;
  background: transparent;
  padding: inherit;
}
.vehicle-table .open > .dropdown-menu {
  padding: 15px 25px;
}
.vehicle-table .dropdown-menu > li > a {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: capitalize;
}
.vehicle-table .dropdown-menu > li > a .tmp-icon {
  width: 19px;
  height: 19px;
}
.vehicle-loan {
  padding: 15px;
  border-radius: 6px;
  background-color: #f5f5f5;
  margin-bottom: 20px;
}
.vehicle-loan .subscription__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.vehicle-loan .subscription__header button {
  min-width: 220px;
}
.vehicle-loan__basic-infor {
  display: flex;
  flex-direction: row;
}
.vehicle-loan .col-sm-6 {
  flex: 1;
}
.vehicle-loan .col-sm-6 .vehicle-loan__details,
.vehicle-loan .col-sm-6 .vehicle-loan__loan-details {
  max-height: 223px;
}
.vehicle-loan .col-sm-12 .vehicle-loan__details {
  max-height: 143px;
}
.vehicle-loan__heading {
  font-weight: 600;
  font-size: 20px;
  text-align: left;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.vehicle-loan__details,
.vehicle-loan__loan-details {
  padding: 15px;
  background-color: #ffffff;
  border-radius: 6px;
  text-align: left;
  height: 100%;
}
.vehicle-loan__item {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  align-items: center;
}
.vehicle-loan__item:last-child {
  margin-bottom: 0;
}
.vehicle-loan__label {
  font-weight: bold;
  min-width: 150px;
  text-align: left;
}
.vehicle-loan__text {
  flex-grow: 1;
  text-align: left;
  min-width: 50px;
}
.vehicle-loan__text .no-data {
  max-width: 200px;
  display: flex;
}
.vehicle-loan__text.status {
  flex-grow: initial;
  text-align: left;
  min-width: 50px;
}
.vehicle-loan__action {
  font-weight: 600;
  color: #eb0a1e;
  font-size: 13px;
  text-decoration: none;
  border: none;
  margin-left: 30px;
}
.vehicle-loan__action .tmp-icon.ic-round-red-check {
  margin-top: 2px;
}
.vehicle-loan__action--enable:hover {
  text-decoration: underline;
}
.vehicle-loan__action--btn {
  background-color: #101010;
  text-transform: uppercase;
  color: #fff;
  border: none;
  border-radius: 100px;
  padding: 12px 25px;
  cursor: pointer;
  min-height: 44px;
  min-width: 118px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.list__action a {
  gap: 5px;
}
.list-filter {
  display: flex;
  align-items: center;
}
.list-filter .btn-search {
  background-color: #EB0A1E;
  border-radius: 8px;
  font-size: 12px;
  text-transform: uppercase;
}
.list-filter .btn-search.disabled {
  background-color: #CCCCCC;
  color: #101010;
  cursor: not-allowed;
  pointer-events: none;
}
.modal {
  display: block;
}
.modal-enable-loan {
  background-color: #fff;
  border-radius: 8px;
  padding: 0;
  max-width: 660px;
  margin: 0 auto;
}
.modal-enable-loan .col-sm-6 {
  padding: 0;
}
.modal-enable-loan__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.modal-enable-loan__title {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
}
.modal-enable-loan__close-btn {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
.modal-enable-loan__body {
  padding: 20px 0;
}
.modal-enable-loan__form .row {
  margin-bottom: 15px;
}
.modal-enable-loan__footer {
  text-align: center;
  padding-top: 20px;
}
.modal-enable-loan .btn-confirm {
  width: 100%;
  padding: 12px 25px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  background: #EB0A1E;
  color: #fff;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  margin-top: 35px;
  min-height: 44px;
  line-height: 1;
}
.modal-enable-loan .btn-confirm.disabled {
  background: #CCCCCC;
  color: #101010;
  cursor: not-allowed;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.form-col {
  flex: 1;
  min-width: 200px;
}
.form-group-custom {
  text-align: left;
  position: relative;
}
.form-group-custom select option {
  max-height: 150px;
  overflow-y: auto;
}
.form-group-custom .form-control {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ced4da;
  border-radius: 5px;
  box-shadow: none;
  min-height: 47px;
  appearance: none;
}
.form-group-custom .ic-arrow-down {
  position: absolute;
  top: 10px;
  right: 0px;
}
.form-group-custom > label {
  position: absolute;
  top: -16px;
  left: 7px;
  padding: 5px;
  background: white;
  font-size: 15px;
  font-weight: 400;
  z-index: 10;
}
.form-group-custom > input {
  border: none;
  background: transparent;
}
.form-group-custom input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}
.form-group-custom .input-wrapper {
  position: relative;
}
.form-group-custom .input-wrapper .tmp-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.form-group-custom .input-wrapper input[type="date"] {
  padding-right: 30px;
}
.form-group-custom__label {
  display: block;
  font-weight: 400;
  margin-bottom: 5px;
  position: initial !important;
}
.form-group-custom__input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.form-group-custom .option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding-right: 0;
  max-width: 200px;
}
.form-group-custom .option label {
  font-size: 16px;
  color: #333;
  flex: 1;
  align-items: center;
  display: flex;
  gap: 8px;
}
.form-group-custom .option label strong {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bold;
}
.form-group-custom .option label .description {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.form-group-custom .option input[type="radio"] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  cursor: pointer;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 1px solid #BEBEBE;
  border-radius: 50%;
  position: relative;
}
.form-group-custom .option input[type="radio"]:checked {
  background-color: #000;
}
.form-group-custom .option input[type="radio"]:checked::before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: white;
  border: none;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-date.top-40 .bootstrap-datetimepicker-widget {
  top: 41.5% !important;
}
.modal-date.top-20 .bootstrap-datetimepicker-widget {
  top: 21.5% !important;
}
.modal-date .bootstrap-datetimepicker-widget {
  position: fixed !important;
  inset: auto !important;
  top: 58% !important;
}
.iot-global-alerts {
  padding: 15px 30px 25px;
}
.iot-global-alerts > div {
  position: relative;
}
.iot-global-alerts .close-mess {
  position: absolute;
  right: 20px;
  cursor: pointer;
  z-index: 10;
}
.form-group__file-title {
  position: initial !important;
  padding: 0 0 18px 0 !important;
  font-size: 15px !important;
}
.form-group__file-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  width: 100%;
}
.form-group__file-input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.form-group__file-label {
  font-size: 14px;
  color: #888;
  flex-grow: 1;
  padding-right: 10px;
}
.form-group__file-icon {
  font-size: 18px;
  color: #888;
  margin-left: 10px;
}
.form-group__file-error {
  color: red;
  font-size: 12px;
  margin-top: 5px;
}
.form-group__file-error.visible {
  display: block;
}
.form-group .btn-confirm.disabled {
  background: #CCCCCC;
  color: #101010;
  cursor: not-allowed;
}
.item-iot-section__have-modal.warning .section-content-with-icon__details {
  line-height: 1.5;
}
.item-iot-section__have-modal.warning .section-content-with-icon__icon .tmp-icon {
  width: 20px !important;
  height: 20px !important;
}
.item-iot-section__have-modal.warning .section-content-with-icon__content {
  padding-left: 12px;
}
.item-iot-section__have-modal.warning .section-content-with-icon__content span {
  gap: 8px;
}
.item-iot-section__have-modal.section-content-with-icon__list-item-vertical .section-content-with-icon__icon {
  color: #101010;
  margin-bottom: 5px;
}
.item-iot-section__have-modal .section-content-with-icon__details {
  font-size: 14px;
  color: #EB0A1E;
  display: flex;
  gap: 5px;
  cursor: pointer;
  position: relative;
  top: 15px;
}
.item-iot-section__have-modal .section-content-with-icon__details .tmp-icon {
  width: 20px !important;
  height: 20px !important;
}
.section-content-with-icon__sm--text {
  font-size: 14px;
}
.section-content-with-icon__sm--action .tmp-icon {
  margin-top: 0 !important;
  margin-right: 5px;
}
.section-content-with-icon__sm-icon {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}
@media screen and (min-width: 1240px) {
  .section-content-with-icon__sm-icon {
    font-size: 12px;
  }
}
.section-content-with-icon__sm-time {
  display: flex;
  align-items: center;
  gap: 5px;
}
.section-content-with-icon__list-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  .section-content-with-icon__list-grid-3 {
    gap: 25px;
  }
}
.section-content-with-icon__list-grid-3 p {
  font-size: 14px;
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .section-content-with-icon__list-grid-3 p {
    font-size: 13px;
  }
}
.section-content-with-icon__list-grid-3 .tmp-icon {
  margin-right: 0 !important;
}
.section-content-with-icon .ic-fz-20 .tmp-icon {
  width: 20px !important;
  height: 20px !important;
}
.section-content-with-icon .ic-fz-20 .section-content-with-icon__icon .tmp-icon {
  width: 20px !important;
  height: 20px !important;
}
.section-content-with-icon__text {
  display: flex;
}
.section-content-with-icon-no-data .section-content-with-icon__title {
  background: #EEEEEE !important;
  color: #101010;
}
.section-content-with-icon-no-data .section-content-with-icon__list p {
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.6);
}
.section-content-with-icon-no-data .section-content-with-icon__list-item {
  display: grid;
  grid-template-columns: max-content auto auto;
}
.section-content-with-icon-no-data .section-content-with-icon__list-item span {
  margin-bottom: 12px;
}
.section-content-with-icon__header {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 12px;
  display: flex;
}
.section-content-with-icon__header > div {
  padding: 0 0 5px 0;
}
.section-content-with-icon__title {
  font-size: 15px;
  font-weight: 600;
  padding: 6px 10px;
}
.section-content-with-icon__title--highlight {
  background-color: var(--yellow);
  color: var(--black-light);
}
.section-content-with-icon__title--highlight-blue {
  background-color: #266EF2 !important;
  color: var(--white) !important;
}
.section-content-with-icon__title--highlight-red {
  background-color: var(--red);
  color: var(--white);
}
.section-content-with-icon__link-text {
  color: #EB0A1E;
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.section-content-with-icon__link-text .tmp-icon {
  margin-top: 8px;
}
.section-content-with-icon__link-text:hover {
  color: #EB0A1E;
  text-decoration: none;
}
.section-content-with-icon__link-text i {
  margin-left: 5px;
}
.section-content-with-icon__list {
  margin-top: 10px;
}
.section-content-with-icon__list-item-vertical {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.section-content-with-icon__list-item-vertical .section-content-with-icon__icon {
  font-size: 14px;
  font-weight: 600;
  color: #EB0A1E;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 3px;
}
.section-content-with-icon__list-item-vertical .section-content-with-icon__icon .tmp-icon {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
}
.section-content-with-icon__list-item {
  display: flex;
  align-items: center;
  padding: 8px 0;
  justify-content: space-between;
}
.section-content-with-icon__icon {
  margin-right: 10px;
}
.section-content-with-icon__icon .tmp-icon {
  width: 26px !important;
  height: 26px !important;
}
.section-content-with-icon__content {
  gap: 4px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.section-content-with-icon__item-title {
  font-size: 14px;
  font-weight: 600;
}
.section-content-with-icon__details {
  font-size: 12px;
  color: #101010;
}
.vehicle-location-popup .modal-content__left {
  display: flex;
  gap: 10px;
}
.vehicle-location-popup .modal-content__right__title {
  display: flex;
  align-items: center;
  gap: 5px;
}
.vehicle-location-popup .modal-content__right__title--icon .tmp-icon {
  width: 24px;
  height: 24px;
}
.vehicle-location-popup .modal-content__right__title--action {
  color: #eb0a1e;
}
.vehicle-location-popup .modal-content__image #map {
  top: 15px;
}
.view-geofencing a.disabled {
  pointer-events: none;
}
.view-geofencing a.disabled .text-red {
  color: #b6b6b6;
}
.toggle {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 22px;
  /* Rounded sliders */
}
.toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.toggle .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.toggle input:checked + .slider {
  background-color: #eb0a1e;
}
.toggle input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #eb0a1e;
  -moz-box-shadow: 0 0 1px #eb0a1e;
  box-shadow: 0 0 1px #eb0a1e;
}
.toggle input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  -moz-transform: translateX(26px);
  -o-transform: translateX(26px);
  transform: translateX(26px);
}
.toggle .slider.round {
  -webkit-border-radius: 34px;
  -moz-border-radius: 34px;
  border-radius: 34px;
}
.toggle .slider.round:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.tmp-icon.ic-disable {
  background-image: url("../images/icons/ic-disable.svg");
  width: 17px;
  height: 17px;
}
.tmp-icon.ic-check-outline-red {
  background-image: url("../images/icons/ic-check-outline-red.svg");
  width: 17px;
  height: 17px;
}
.geofencing-name-row {
  color: #eb0a1e;
}
.geofencing-list .no-data-geofences {
  background-color: #f5f5f5 !important;
}
.geofencing-list .title-page__text p {
  color: #808080;
  font-size: 16px;
}
.geofencing-list .title-page__action {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  min-width: 164px;
}
.geofencing-list a.disabled {
  pointer-events: none;
  color: #b6b6b6;
}
.geofencing-list tr.enabled {
  font-weight: 600;
}
.btn-add-geofencing .disabled.disabled {
  pointer-events: none;
  background-color: #B6B6B6;
}
.tmp-icon.ic-geofencing-vector {
  background-image: url("../images/icons/ic-geofencing-vector.svg");
  width: 40px;
  height: 40px;
}
.gap-4 {
  gap: 4px;
}
.gap-20 {
  gap: 20px;
}
.maintenance-mode {
  display: flex;
  justify-content: space-between;
}
.maintenance-mode__item {
  display: flex;
  gap: 10px;
}
.maintenance-mode__item__content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.maintenance-mode__item__content .tooltipTmp {
  z-index: 1000;
}
.maintenance-mode__item__content__description {
  display: flex;
  gap: 10px;
}
.maintenance-mode__item__content__description--green {
  color: #2aba6c;
  display: flex;
  align-items: center;
  gap: 4px;
}
.maintenance-mode__item__content__description--red {
  color: #eb0a1e;
  display: flex;
  align-items: center;
  gap: 4px;
}
.maintenance-mode__item__content__description--yellow {
  color: #fcbf45;
  display: flex;
  align-items: center;
  gap: 4px;
}
.maintenance-mode__item__content__description--blue {
  color: #266ef2;
  display: flex;
  align-items: center;
  gap: 4px;
}
.maintenance-mode__item__content__description--gray {
  color: #ccc;
}
.iot-ownership-alerts {
  padding: 15px 30px 35px;
}
.iot-ownership-alerts > div {
  position: relative;
}
.iot-ownership-alerts .close-mess {
  position: absolute;
  right: 20px;
  cursor: pointer;
  z-index: 10;
}
.modal-header {
  width: 100%;
  padding: 16px;
  background: #EEEEEE;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-header__title {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  margin: 0;
}
.modal-header__close {
  background: none;
  border: none;
  font-size: 24px;
  color: #666666;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.modal-grid-list__container {
  height: 100%;
}
.modal-grid-list__body {
  padding: 0;
}
.service-details__section:last-child {
  border-bottom: none;
  margin-top: 50px;
}
.service-details__header {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EEEEEE;
  max-height: 54px;
}
.service-details__title {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin: 0;
}
.service-details__status {
  border-radius: 1px;
  max-height: 26px;
  max-width: 93px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin: -8px 2px !important;
}
.service-details__status .service-details__text {
  color: inherit;
  padding: 2px 0;
  line-height: 1;
}
.service-details__status--active {
  background: #FCBF45 !important;
  color: #3A3A3A !important;
}
.service-details__status--inprogress {
  background: #119900 !important;
  color: #FFFFFF !important;
}
.service-details__status--completed {
  background: #CCCCCC !important;
  color: #2B3740 !important;
}
.service-details__content,
.service-details__simplified {
  padding: 15px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 75px;
}
.service-details__column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.service-details__column-title {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.service-details__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 0;
}
.service-details__icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-details__text {
  font-size: 14px;
  color: #333333;
  line-height: 1.5;
  flex: 1;
}
.service-details__text--muted {
  color: #999999;
  font-style: italic;
}
.service-details__item {
  margin: -4px;
  padding: 4px;
}
.content-maintenance {
  display: flex;
  justify-content: center;
  width: 100%;
  height: calc(-390vh);
  align-items: center;
}
.content-maintenance--left {
  width: fit-content;
}
.content-maintenance--left img {
  width: 100%;
}
.content-maintenance--right {
  padding-left: 5%;
}
.content-maintenance--right--title {
  color: var(--black-light);
  font-size: 40px;
}
.content-maintenance--right--discription {
  color: var(--black-light);
  font-size: 18px;
  margin-top: 20px;
  line-height: 1.67;
}
.position-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.padding-header-80 {
  padding: 80px 0px;
}
.footer-content {
  background-color: var(--white-three);
  padding: 18px 0px;
  text-align: center;
  color: var(--black);
  position: absolute;
  bottom: 0;
  width: 100%;
}
.swiper-wrap-container {
  position: relative;
  margin: auto;
}
.swiper-container {
  width: 90%;
  margin: 30px auto 40px;
  height: auto;
  overflow: hidden;
}
.swiper-container .swiper-wrapper {
  display: inline-flex;
  align-items: center;
}
.swiper-container .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 325px;
  background: #000;
  cursor: pointer;
  position: relative;
}
.swiper-container .swiper-slide .ic-play {
  top: 30px;
  right: 30px;
  position: absolute;
}
.swiper-container .swiper-slide .thumbnail-wrapper {
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-slide .thumbnail-wrapper .video-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-container .swiper-button-next {
  right: 0;
}
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
  position: absolute;
  color: #fff;
  z-index: 10;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0 auto auto;
}
.swiper-container .swiper-button-next::after,
.swiper-container .swiper-button-prev::after {
  display: none;
}
.video-modal {
  display: none;
  /* Initially hidden */
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
.video-modal .video-modal-content {
  position: relative;
  width: 80%;
  height: 60%;
  /* Fixed height */
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .video-modal .video-modal-content {
    width: 90%;
    height: 40%;
  }
}
@media (max-width: 480px) {
  .video-modal .video-modal-content {
    width: 90%;
    height: 25%;
  }
}
.video-modal .video-modal-content iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.video-modal .video-modal-content .video-modal-close {
  position: absolute;
  top: 0;
  right: -60px;
  cursor: pointer;
  background: transparent;
  border: none;
}
@media (max-width: 1023px) {
  .video-modal .video-modal-content .video-modal-close {
    right: -40px;
  }
}
@media (max-width: 640px) {
  .video-modal .video-modal-content .video-modal-close {
    right: -20px;
  }
}
.skip,
.skiptocontent,
.skiptonavigation {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#registerForm .form_field_error {
  width: auto;
  float: none;
  padding-right: 0;
  clear: both;
}
.js-recaptcha-tmpcaptcha {
  margin: 20px 0;
}
#g-recaptcha_incorrect {
  color: red;
  display: none;
}
.skip,
.skiptocontent,
.skiptonavigation {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#updateScheduleForm {
  width: 100%;
}
.error-message-list-days {
  position: absolute;
  bottom: -30px;
  left: 0;
}
.form-group-date {
  width: 50%;
}
.form-date {
  width: 100%;
}
@media screen and (min-width: 800px) {
  .table-inline-table {
    display: inline-table !important;
  }
}
.box-grey-fix-width {
  width: auto;
}
.uvun-remove-content-after::after {
  content: none !important;
}
.js-update-schedule-btn {
  background-color: #D10918 !important;
}
.js-update-schedule-btn[disabled] {
  background-color: #b6b6b6 !important;
  color: black !important;
  cursor: not-allowed;
}