/*#region font-face*/
@font-face {
  font-family: TextaBlackItalic;
  src: url('../fonts/Texta/Texta-Black-Italic.otf');
}
@font-face {
  font-family: TextaBlack;
  src: url('../fonts/Texta/Texta-Black.otf');
}
@font-face {
  font-family: TextaBoldItalic;
  src: url('../fonts/Texta/Texta-Bold-Italic.otf');
}
@font-face {
  font-family: TextaBold;
  src: url('../fonts/Texta/Texta-Bold.otf');
}
@font-face {
  font-family: TextaBookItalic;
  src: url('../fonts/Texta/Texta-Book-Italic.otf');
}
@font-face {
  font-family: TextaBook;
  src: url('../fonts/Texta/Texta-Book.otf');
}
@font-face {
  font-family: TextaHeavyItalic;
  src: url('../fonts/Texta/Texta-Heavy-Italic.otf');
}
@font-face {
  font-family: TextaHeavy;
  src: url('../fonts/Texta/Texta-Heavy.otf');
}
@font-face {
  font-family: TextaItalic;
  src: url('../fonts/Texta/Texta-Italic.otf');
}
@font-face {
  font-family: TextaLightItalic;
  src: url('../fonts/Texta/Texta-Light-Italic.otf');
}
@font-face {
  font-family: TextaLight;
  src: url('../fonts/Texta/Texta-Light.otf');
}
@font-face {
  font-family: TextaMediumItalic;
  src: url('../fonts/Texta/Texta-Medium-Italic.otf');
}
@font-face {
  font-family: TextaMedium;
  src: url('../fonts/Texta/Texta-Medium.otf');
}
@font-face {
  font-family: TextaRegular;
  src: url('../fonts/Texta/Texta-Regular.otf');
}
@font-face {
  font-family: TextaThinItalic;
  src: url('../fonts/Texta/Texta-Thin-Italic.otf');
}
@font-face {
  font-family: TextaThin;
  src: url('../fonts/Texta/Texta-Thin.otf');
}
/*#endregion*/
@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
}
/*@media (orientation: landscape) and (max-width: (@screen-sm-min - 1px)) {
    html {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        //  overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }
}*/
/*#region outer*/
.padded-section {
  padding-left: 15px;
  padding-right: 15px;
}
body {
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
  padding-top: 35px !important;
  /*78px !important;*/
  /*@media (min-width: @screen-sm-min) {
        padding-top: 70px !important;
    }*/
  padding-bottom: 0px !important;
  width: 100%;
}
@media (max-width: 767px) {
  body {
    padding-top: 118px !important;
  }
  body.fornav {
    background-color: #0067a7;
    /*color:white;*/
  }
}
body a {
  text-decoration: none;
}
a:hover {
  cursor: pointer;
}
.container {
  width: 100%;
}
.body-content-alweb {
  padding-left: 0px;
  padding-right: 0px;
  /*opacity: 0;*/
  position: relative;
}
.no-wrap {
  white-space: nowrap;
}
.alright {
  margin-right: 0;
  margin-left: auto;
}
.share-btn-group button {
  padding: 3px 7px;
}
.share-btn-group button span {
  font-size: 30px;
}
.share-btn-group .CopyLinkBtn {
  height: 39px;
}
.center-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.form-label {
  display: none;
}
/*#endregion*/
.navbar-alweb {
  background: #0a498e;
  background: -webkit-gradient(linear, left top, left bottom, from(to right, #0a498e, #008ecc));
  background: linear-gradient(to right, #0a498e, #008ecc);
  /*height: @navbar-height-mobile;*/
  min-height: 35px;
  /*max-height: @navbar-height-mobile;*/
  margin-bottom: 0px;
  border-bottom-width: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*@media (max-width: (@screen-sm-min - 1)) {

        .navbar-collapse {*/
  /*position: absolute;*/
  /*   width: 275px;
            min-width: 275px;
            right: -275px;*/
  /*background-color: @al-color;
            width:100%;
            height: 576px;
            max-height: 576px;
            min-height: 576px;
            overflow: hidden;*/
  /* display: none;*/
  /*float: left;*/
  /*clear: none;
            -webkit-box-shadow: -4px 4px 8px rgba(49, 48, 48, 0.38), inset 4px -4px 8px rgba(49, 48, 48, 0.38);
            box-shadow: -4px 4px 8px rgba(49, 48, 48, 0.38), inset 4px -4px 8px rgba(49, 48, 48, 0.38);
            margin-left: 0;
            padding-left: 0px;
            padding-bottom: 20px;*/
  /*padding-top: 5px;*/
  /*}

        .navbar-nav {
            //ul{
            margin-bottom: 0;
            margin-top: 0;
            margin-left: 1px;
            //  }
            > li {
                width: 100%;
                float: none;
                clear: both;
                opacity: 1;

                a {
                    font-size: 18px;

                    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
                        font-size: 15px;
                    }

                    line-height: 40px;
                    padding-left: 12px;
                    padding-right: 12px;
                }
            }
        }

        .nav-logo-container {
            max-width: 100%;
            margin-left: 1px;
            margin-top: 45px;
            // margin-right: 9px;
            &.autoland {
                margin-left: 9px;
                margin-right: 9px;
            }

            a {
                display: block;
            }

            img {
            }
        }
    }*/
}
@media (min-width: 768px) {
  .navbar-alweb {
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
  }
}
.navbar-alweb .container {
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}
@media (min-width: 768px) {
  .navbar-alweb .container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 950px) {
  .navbar-alweb .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.navbar-alweb .link-load .link-loader {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.navbar-alweb .link-load .link-loader img {
  max-width: 33px;
  margin-left: auto;
  margin-right: auto;
}
.navbar-alweb .link-load.loading {
  cursor: progress !important;
  color: white !important;
  background-color: transparent !important;
}
.navbar-alweb .link-load.loading .link-desc {
  opacity: 0;
}
.navbar-alweb .link-load.loading .link-loader {
  display: block;
}
.navbar-alweb .navbar-header .navbar-nav-left {
  margin-right: 9px !important;
}
.navbar-alweb .navbar-header .navbar-brand {
  padding-left: 0px;
  padding-right: 9px;
  padding-top: 9px;
  padding-bottom: 0px;
  color: white;
  margin-left: 15px !important;
  height: auto;
  line-height: 18px;
}
.navbar-alweb .navbar-header .navbar-brand:hover {
  cursor: pointer;
}
.navbar-alweb .navbar-header .navbar-brand:first {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .navbar-alweb .navbar-header .navbar-nav-left {
    margin-right: 0px !important;
  }
  .navbar-alweb .navbar-header .navbar-brand {
    margin-left: 0px !important;
    padding-left: 15px;
    padding-right: 0px;
  }
}
.navbar-alweb .navbar-nav-left {
  float: left;
  /*  .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
            background-color: white;
        }*/
}
@media (min-width: 768px) {
  .navbar-alweb .navbar-nav-left .dropdown {
    margin-left: 6px;
  }
}
.navbar-alweb .navbar-nav-left .dropdown-menu {
  min-width: 205px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  list-style: none;
  list-style-type: none;
  list-style-position: initial;
  list-style-image: initial;
  background-color: #09498e;
  margin-left: -2px;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 768px) {
  .navbar-alweb .navbar-nav-left .dropdown-menu {
    margin-top: -1px;
  }
}
.navbar-alweb .navbar-nav-left .dropdown-menu li > a {
  font-size: 14px;
  line-height: 20px;
  padding: 3px 6px;
  text-decoration: none;
}
@media (min-width: 767px) {
  .navbar-alweb .navbar-nav-left .dropdown-menu li > a {
    color: white;
  }
}
.navbar-alweb .navbar-nav-left .dropdown.open .dropdown-toggle {
  background-color: #004c80;
}
.navbar-alweb .navbar-nav-left .dropdown-toggle {
  margin-left: 6px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom-color: #ffffff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: #ffffff;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #ffffff;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: solid;
  border-top-width: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-variant-caps: normal;
  -webkit-font-variant-ligatures: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-weight: normal;
  height: 24px;
  letter-spacing: normal;
  line-height: 20px;
  margin-bottom: 5px;
  overflow-x: visible;
  overflow-y: visible;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  position: relative;
  text-align: center;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  width: 32px;
  word-spacing: 0px;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-border-image: none;
  border-color: white;
  padding: 4px;
  margin-top: 6px;
  /*  margin-top: 2px;
            height: 1.5px;*/
  background-color: transparent;
  background-image: none;
  border: 1px solid white;
  border-radius: 4px;
  -webkit-appearance: button;
  cursor: pointer;
  text-transform: none;
  /* .icon-bar + .icon-bar {
                margin-top: 4px;
            }*/
}
@media (min-width: 768px) {
  .navbar-alweb .navbar-nav-left .dropdown-toggle {
    margin-left: 0px;
  }
}
.navbar-alweb .navbar-nav-left .dropdown-toggle:hover {
  background-color: #004c80;
}
.navbar-alweb .navbar-nav-left .dropdown-toggle .caret {
  border-top: 8px dashed;
  border-top: 8px solid \9;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  margin-left: 0px;
  vertical-align: top;
  margin-top: 4px;
}
.navbar-alweb .navbar-nav-left > li,
.navbar-alweb .navbar-nav-left a {
  color: white;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 35px;
  font-size: 16px;
}
.navbar-alweb .navbar-nav-left a {
  cursor: pointer;
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar-alweb .navbar-nav-right {
    float: right;
  }
  .navbar-alweb .navbar-nav-right a {
    text-decoration: none;
  }
}
.navbar-alweb .navbar-collapse .navbar-nav > li {
  /*opacity: 0;*/
}
.navbar-alweb .navbar-collapse .navbar-nav > li > a {
  color: white;
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;
  /*float: left;*/
  font-size: 11px;
  /* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
                    font-size: 12px;
                }*/
  padding-left: 8px;
  padding-right: 8px;
  /*font-family: TextaLight, 'Verdana';*/
  line-height: 35px;
}
@media (max-width: 767px) {
  .navbar-alweb .navbar-collapse .navbar-nav > li > a {
    font-size: 14px;
  }
}
@media (min-width: 850px) {
  .navbar-alweb .navbar-collapse .navbar-nav > li > a {
    font-size: 13px;
  }
}
@media (min-width: 950px) {
  .navbar-alweb .navbar-collapse .navbar-nav > li > a {
    font-size: 13px;
    /*   @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
                        font-size: 13px;
                    }*/
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1130px) {
  .navbar-alweb .navbar-collapse .navbar-nav > li > a {
    font-size: 14px;
    /* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
                        font-size: 17px;
                    }*/
    padding-left: 12px;
    padding-right: 12px;
  }
}
.navbar-alweb .navbar-collapse .navbar-nav > li > span.top-nav-border {
  line-height: 32px;
  float: left;
  font-size: 14px;
  color: white;
  height: 35px;
}
.navbar-alweb .navbar-toggle {
  border-color: white;
  padding: 4px;
  margin-top: 6px;
  margin-bottom: 5px;
  margin-right: 6px;
}
.navbar-alweb .navbar-toggle .icon-bar {
  background-color: #fff;
  /*   margin-top: 2px;
            height: 1.5px;*/
}
.navbar-alweb .navbar-toggle:hover {
  background-color: #004c80;
}
.navbar-alweb .dropdown .dropdown-menu li > a {
  font-size: 14px;
  line-height: 20px;
  padding: 3px 6px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .navbar-alweb .dropdown .dropdown-menu li > a {
    color: white;
  }
}
.navbar-alweb .glyphicon-home {
  display: block;
  float: left;
  color: white;
  line-height: 32px;
  font-size: 15px;
  margin-right: 7px;
}
.navbar-alweb .nav > li > a:hover,
.navbar-alweb .nav > li > a:focus {
  text-decoration: none;
  color: #0067a7;
  background-color: white;
  /* todo: decide this*/
}
.navbar-alweb .nav > li > a:hover .glyphicon-home,
.navbar-alweb .nav > li > a:focus .glyphicon-home {
  color: #0067a7;
  background-color: white;
}
.yelp-container {
  display: none;
  bottom: 0px;
  position: fixed;
  z-index: 5000;
  margin-bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 75px;
  margin-left: 30px;
}
@media (min-width: 768px) {
  .yelp-container {
    right: 0px;
    top: 485px;
    height: 75px;
    background-color: #bf2026;
    width: auto;
    margin-bottom: 12px;
    margin-left: 8px;
    left: auto;
    transform: none;
  }
}
.yelp-container a {
  display: inline-block;
}
.contact-us {
  display: none;
  position: fixed;
  z-index: 5000;
  right: -260px;
  top: 430px;
}
.contact-us .button-link {
  color: white;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  float: left;
}
.contact-us .content {
  color: #0067a7;
  font-size: 15px;
  padding: 22px;
  padding-left: 32px;
  float: left;
  width: 260px;
  height: 150px;
}
.contact-us .content.active {
  background-color: white;
  border: 1px solid #0067a7;
}
.contact-us .content.no-borders {
  border: 1px solid transparent;
}
.contact-us .content a {
  color: #0067a7;
}
.contact-us .content p {
  margin-bottom: 10px;
  margin-top: 10px;
}
.contact-us .content p span {
  cursor: pointer;
}
.contact-us .content p.chat span {
  top: 3px;
}
.contact-us-xs {
  display: none;
  bottom: 0px;
  position: fixed;
  z-index: 5000;
  margin-bottom: 12px;
  margin-left: 8px;
  left: 0;
}
.contact-us-xs .button-link {
  max-width: 125px;
  cursor: pointer;
  display: block;
}
.modal-contact .modal-dialog .modal-header .close {
  margin-top: 0;
  margin-right: 10px;
  color: white;
  font-size: 19px;
}
.modal-backdrop {
  opacity: 0.3 !important;
}
.modal-open {
  position: fixed;
}
.modal-dialog {
  /*top: 30%;*/
}
.modal-dialog .modal-content {
  border-radius: 12px;
  background-color: white;
}
.modal-dialog .modal-content .modal-header {
  height: 33px;
  background-color: #0067a7;
  padding: 6px;
  text-align: center;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.modal-dialog .modal-content .modal-header .close {
  opacity: 1;
  color: white;
}
.modal-dialog .modal-content .modal-header .modal-title {
  text-transform: uppercase;
}
.modal-dialog .modal-content .modal-header > span {
  margin: 5px 5px;
}
.modal-dialog .modal-content .modal-body {
  background: white;
  opacity: 0.95;
  border-radius: 10px;
  min-height: 150px;
  color: black;
}
.modal-dialog .modal-content .modal-footer {
  background: white;
  opacity: 0.95;
}
#top-link-block.affix-top {
  position: absolute;
  /* allows it to "slide" up into view */
  bottom: -82px;
  left: 10px;
}
#top-link-block.affix {
  position: fixed;
  /* keeps it on the bottom once in view */
  bottom: 0px;
  right: 0;
  margin-right: 2px;
  margin-bottom: 2px;
  display: table;
}
@media (min-width: 768px) {
  #top-link-block.affix {
    margin-right: 15px;
    margin-bottom: 15px;
  }
}
#top-link-block.affix #top-link-img-container {
  width: 205px;
  display: table-cell;
  padding-right: 35px;
}
#top-link-block.affix #back-to-top-container {
  display: table-cell;
  vertical-align: bottom;
}
#top-link-block.affix .back-totop {
  cursor: pointer;
  opacity: 0.6;
  font-size: 25px;
  color: #0067a7;
}
@media (min-width: 768px) {
  #top-link-block.affix .back-totop {
    font-size: 30px;
  }
}
#top-link-block.affix .back-totop:hover {
  opacity: 0.75;
}
/*.back-totop-cont {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 20px;
    padding-bottom: 20px;

    .back-totop {
        cursor: pointer;
        opacity: 0.4;
        font-size: 40px;
        color: #adadad;

        &:hover {
            opacity: 0.5;
        }
    }
}*/
.al-button {
  background-color: #0067a7;
  line-height: 1.42857143 !important;
  height: 34px;
  width: 50px;
}
.al-button span {
  background-color: #0067a7;
  line-height: 34px !important;
  display: block;
  font-size: 18px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .al-button span {
    font-size: 16px;
  }
}
.morebtn {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #0067a7;
  font-size: 15px;
  font-family: TextaMedium, 'Verdana';
  cursor: pointer;
  color: white;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .morebtn {
    font-size: 13px;
  }
}
.morebtn:hover {
  background-color: #0e82ca;
}
.section {
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  float: none;
  /*border: 1px solid red;*/
  width: 100%;
  max-width: 100%;
  clear: both;
}
.sitemap {
  font-family: Verdana;
  font-size: 16px;
}
.sitemap a {
  color: #0067a7;
}
/*#region survey*/
.survey {
  font-size: 18px;
  margin-bottom: 25px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  font-family: TextaRegular, 'Verdana';
  /* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
}
@media (min-width: 768px) {
  .survey {
    margin-bottom: 25px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 20px;
  }
}
.survey h1,
.survey h3 {
  font-weight: bold;
  color: #0067a7;
}
.survey p {
  text-align: justify;
  font-size: 18px;
}
.survey .ratings {
  font-size: 18px;
  padding-left: 20px;
  margin-bottom: 35px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .survey .ratings {
    margin-bottom: 20px;
  }
}
.survey .ratings:hover > div {
  color: black;
}
.survey .ratings > div {
  padding-top: 7px;
  color: gray;
}
.survey .stars-container {
  max-width: 185px;
  width: 185px;
  display: inline-block;
}
.survey .stars-col {
  padding-left: 9px;
}
.survey .rating {
  float: left;
}
.survey .rating:not(:checked) > input {
  display: none;
}
.survey .rating:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 0.1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 200%;
  line-height: 1;
  color: #bbb;
}
.survey .rating:not(:checked) > label:before {
  content: '★ ';
}
.survey .rating > input:checked ~ label {
  color: #cd5105;
}
.survey .rating:not(:checked) > label:not(:disabled):hover,
.survey .rating:not(:checked) > label:not(:disabled):hover ~ label:not(:disabled) {
  color: rgba(205, 81, 5, 0.5);
}
.survey .rating > input:checked:not(:disabled) + label:not(:disabled):hover,
.survey .rating > input:checked:not(:disabled) + label:not(:disabled):hover ~ label:not(:disabled),
.survey .rating > input:checked:not(:disabled) ~ label:not(:disabled):hover,
.survey .rating > input:checked:not(:disabled) ~ label:not(:disabled):hover ~ label:not(:disabled),
.survey .rating > label:not(:disabled):hover ~ input:checked:not(:disabled) ~ label:not(:disabled) {
  color: rgba(205, 81, 5, 0.8);
}
.survey .rating > label:not(:disabled):active {
  position: relative;
  top: 2px;
  left: 2px;
}
.survey .sources {
  padding-left: 20px;
  margin-bottom: 35px;
}
.survey .sources .source {
  margin-bottom: 10px;
  min-height: 34px;
  line-height: 34px;
}
.survey .sources .desc {
  display: inline-block;
  font-weight: normal;
}
.survey .sources .source-comment {
  width: 250px;
  display: inline-block;
  margin-left: 10px;
  font-size: 17px;
  padding: 3px 12px;
}
.survey .how-much-saved {
  width: 200px;
}
.survey .how-much-saved input {
  width: 150px;
}
.survey .additional-comments > div {
  margin-bottom: 10px;
}
.survey .additional-comments textarea {
  width: 600px;
  height: 150px;
  max-width: 100%;
}
.survey .additional-comments input {
  display: inline-block;
  vertical-align: top;
  margin-top: 8px;
}
.survey .additional-comments label {
  font-weight: normal;
  width: 85%;
}
.survey .sealant,
.survey .mbp {
  margin-bottom: 10px;
}
.survey .sealant label,
.survey .mbp label {
  margin-right: 20px;
}
.survey .morebtn {
  font-size: 18px;
  display: block;
  width: 75px;
  float: left;
  color: white;
  background-color: #0067a7;
  cursor: pointer;
  line-height: 31px;
  font-family: TextaRegular, 'Verdana';
  border: none;
  border-radius: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .survey .morebtn {
    font-size: 15px;
  }
}
.survey .morebtn:focus {
  outline: none !important;
}
.survey .morebtn:hover {
  background-color: #0e82ca;
}
.survey loader {
  float: left;
  margin-left: 15px;
}
.survey loader .loaderOb {
  width: 35px;
  height: 35px;
}
.survey input[type=text]:disabled,
.survey input[type=checkbox]:disabled,
.survey input[type=radio]:disabled,
.survey input[type=email]:disabled,
.survey input[type=tel]:disabled,
.survey select:disabled,
.survey textarea:disabled {
  color: #949494;
  cursor: not-allowed;
  background-color: #f7f7f7;
}
.survey input[type=text]:disabled::-webkit-input-placeholder,
.survey input[type=checkbox]:disabled::-webkit-input-placeholder,
.survey input[type=radio]:disabled::-webkit-input-placeholder,
.survey input[type=email]:disabled::-webkit-input-placeholder,
.survey input[type=tel]:disabled::-webkit-input-placeholder,
.survey select:disabled::-webkit-input-placeholder,
.survey textarea:disabled::-webkit-input-placeholder {
  color: #cecece;
}
.survey input[type=text]:disabled:-ms-input-placeholder,
.survey input[type=checkbox]:disabled:-ms-input-placeholder,
.survey input[type=radio]:disabled:-ms-input-placeholder,
.survey input[type=email]:disabled:-ms-input-placeholder,
.survey input[type=tel]:disabled:-ms-input-placeholder,
.survey select:disabled:-ms-input-placeholder,
.survey textarea:disabled:-ms-input-placeholder {
  color: #cecece;
}
.survey input[type=text]:disabled::placeholder,
.survey input[type=checkbox]:disabled::placeholder,
.survey input[type=radio]:disabled::placeholder,
.survey input[type=email]:disabled::placeholder,
.survey input[type=tel]:disabled::placeholder,
.survey select:disabled::placeholder,
.survey textarea:disabled::placeholder {
  color: #cecece;
}
.survey label[disabled] {
  cursor: not-allowed !important;
}
.survey label[disabled]:hover {
  pointer-events: none;
}
.survey input[type=submit]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  color: #d1d1d1;
}
.survey .inputs.disabled {
  opacity: 0.3;
}
.survey .inputs.disabled .ratings:hover > div {
  color: gray;
}
.survey .inputs.disabled .rating laber:hover {
  pointer-events: none;
}
.survey .button-cont {
  height: 57px;
}
.survey .button-cont #error {
  display: none;
  font-size: 16px;
}
.survey .button-cont p {
  float: none;
  clear: both;
}
.survey .button-cont #thankyou {
  font-size: 22px;
  font-weight: bold;
  padding-top: 10px;
  color: #0067a7;
}
.survey .button-cont #thankyou a {
  text-decoration: underline;
  color: #0067a7;
}
.survey form[name='form.SurveyForm'].ng-submitted.ng-invalid .button-cont #error {
  display: block;
}
.survey form[name='form.SurveyForm'].ng-submitted.ng-invalid .ng-invalid {
  color: #ec0808;
}
.survey form[name='form.SurveyForm'].ng-submitted.ng-invalid input[type=text].ng-invalid + label {
  color: #ec0808;
}
.survey form[name='form.SurveyForm'].ng-submitted.ng-invalid input[type=text].ng-invalid {
  border: 1px solid #ec0808;
}
.survey form[name='form.SurveyForm'].ng-submitted.ng-invalid input.ng-invalid.display-invalid + label {
  color: #ec0808;
}
/*#endregion*/
/*#region about us*/
.about-us-modal .modal-dialog {
  top: 10%;
  width: 95%;
  font-size: 18px;
  margin: auto;
}
@media (min-width: 400px) {
  .about-us-modal .modal-dialog {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .about-us-modal .modal-dialog {
    width: 70%;
  }
}
.about-us-modal .modal-dialog .modal-header .close {
  margin-top: 0;
  margin-right: 10px;
  color: white;
}
.about-us-modal .modal-dialog .modal-title {
  font-size: 14px;
  padding-top: 2px;
  margin-bottom: 2px;
  height: 29px;
}
.about-us-modal .modal-dialog .modal-body {
  height: 65vh;
  overflow-y: auto;
}
.about-us.margined {
  margin-bottom: 25px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .about-us.margined {
    margin-bottom: 25px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 20px;
  }
}
.about-us {
  opacity: 0;
  font-family: TextaRegular, 'Verdana';
}
.about-us a {
  cursor: pointer;
  color: #0067a7;
}
.about-us a.back span {
  margin-right: 4px;
  top: 4px;
}
.about-us h1,
.about-us h2 {
  font-weight: bold;
  color: #0067a7;
}
.about-us p {
  text-align: justify;
  font-size: 18px;
}
.about-us .small {
  font-size: 16px;
  padding-top: 6px;
}
.about-us .questions a {
  font-size: 18px;
}
.about-us a.to-top {
  font-size: 14px;
  margin-bottom: 20px;
  display: block;
  margin-top: 5px;
}
.about-us a.to-top span {
  margin-right: 5px;
  top: 2px;
}
/*#endregion*/
/*#region HomePage*/
/*#region topSection*/
#top-rotating {
  position: absolute;
  z-index: -1;
  min-height: 500px;
  width: 100%;
  /*opacity: 0;*/
}
@media (min-width: 768px) {
  #top-rotating {
    min-height: 790px;
  }
}
#top-rotating > div {
  position: absolute;
  width: 100%;
  height: 100%;
}
#top-rotating .rotating-image {
  height: auto;
  width: 100%;
  /* background-position: 100% 100%; */
  background-size: cover;
  background-position: 86% 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  background-repeat: no-repeat;
  /*opacity:0;*/
  /*display: none;*/
  /*display: none;*/
  position: absolute;
  top: 0;
  left: 0;
  /*opacity: 1;*/
}
@media (min-width: 768px) {
  #top-rotating .rotating-image {
    background-position: 75% top;
  }
}
@media (min-width: 992px) {
  #top-rotating .rotating-image {
    background-position: center top;
  }
}
#top-rotating .rotating-image.ng-hide {
  /*opacity:0;*/
}
#top-rotating #rotating-measurer-container {
  opacity: 0;
}
#top-rotating #rotating-measurer-container #measurer {
  opacity: 0;
}
#top-rotating .rotating-text-container {
  opacity: 0;
}
#top-rotating .rotating-text-container p {
  font-size: 3.2vw;
  text-shadow: 5px 5px 20px white;
  /*margin-top: 15px;*/
  font-family: TextaHeavy, 'Verdana';
}
@media (min-width: 400px) {
  #top-rotating .rotating-text-container p {
    /*margin-top: 100.1px;*/
  }
}
@media (min-width: 550px) {
  #top-rotating .rotating-text-container p {
    /*margin-top: 100.1px;*/
  }
}
@media (min-width: 650px) {
  #top-rotating .rotating-text-container p {
    /*margin-top: 100.1px;*/
  }
}
@media only screen and (min-width: 320px) and (max-width: 700px) {
  #top-rotating .rotating-text-container p {
    font-size: 27px !important;
  }
}
#top-rotating .rotating-text-container .rotating-text {
  color: black;
  font-weight: bold;
  text-align: center;
  /*display: none;*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.66);
}
#top-logo-container {
  min-height: 165px;
  position: absolute;
  top: 0;
  left: 0;
  width: 15%;
}
@media (max-width: 767px) {
  #top-logo-container {
    width: 100%;
    top: 33px;
  }
}
#top-logo-container img {
  display: none;
  margin-top: 35px;
  margin-left: 25px;
}
@media (max-width: 767px) {
  #top-logo-container {
    min-height: 130px;
    text-align: center;
  }
  #top-logo-container img {
    max-width: 100px;
    margin-left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
}
#top-section {
  min-height: 500px;
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 768px) {
  #top-section {
    min-height: 790px;
  }
}
#top-section #bottom-promo-text {
  position: absolute;
  padding-left: 0;
  padding-bottom: 15px;
  /* height: 110px; */
  bottom: 0;
}
#top-section #bottom-promo-text a {
  display: block;
}
#top-section #top-tabs-container {
  text-align: center;
  padding-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
  /*margin-top: 0px;*/
}
@media (min-width: 768px) {
  #top-section #top-tabs-container {
    /*margin-top: 258.1px;*/
    padding-left: 0px;
    padding-right: 0px;
  }
}
#top-section #top-tabs-container-inner {
  /*margin-top: 191.1px;

        @media (min-width: @screen-sm-min) {
            margin-top: 0;
        }*/
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.39);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.39);
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 25px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  border: 2px solid #C7C8CA;
}
@media (min-width: 768px) {
  #top-section #top-tabs-container-inner {
    width: 500px;
  }
}
#top-section #top-tabs-list .tab-name {
  color: #0067a7;
  line-height: 75px;
  background-color: #C7C8CA;
  /*opacity: 0.95;*/
  cursor: pointer;
  border-radius: 0px;
  font-family: TextaMedium, 'Verdana';
  font-size: 13px;
  font-weight: bold;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #top-section #top-tabs-list .tab-name {
    font-size: 11px;
  }
}
@media (min-width: 340px) {
  #top-section #top-tabs-list .tab-name {
    font-size: 15px;
  }
}
@media (min-width: 340px) and screen and (-ms-high-contrast: active), (min-width: 340px) and (-ms-high-contrast: none) {
  #top-section #top-tabs-list .tab-name {
    font-size: 13px;
  }
}
@media (min-width: 475px) {
  #top-section #top-tabs-list .tab-name {
    font-size: 17px;
  }
}
@media (min-width: 475px) and screen and (-ms-high-contrast: active), (min-width: 475px) and (-ms-high-contrast: none) {
  #top-section #top-tabs-list .tab-name {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  #top-section #top-tabs-list .tab-name {
    font-size: 22px;
    line-height: 72.5px;
  }
}
@media (min-width: 768px) and screen and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
  #top-section #top-tabs-list .tab-name {
    font-size: 18px;
  }
}
#top-section #top-tabs-list .tab-name.tab-active {
  /*opacity: 1;*/
  background-color: transparent;
  cursor: default;
}
#top-section #top-tabs-content-containter {
  /*height: 97.5px;*/
  /*@media (min-width: @screen-sm-min) {
            height: 92.5px;
        }*/
  overflow: hidden;
  margin-left: 0;
  margin-right: 0;
}
#top-section #top-tabs-content-containter #TabNewMake {
  font-family: TextaMedium, Verdana;
  font-size: 20px;
  border-radius: 10px;
  /*width: 60%;*/
}
#top-section #top-tabs-content-containter #TabNewMake img {
  margin: auto;
}
#top-section #top-tabs-content-containter #TabNewMake.detailsBtn {
  margin-bottom: 0;
  font-size: 1em;
}
@media (min-width: 768px) {
  #top-section #top-tabs-content-containter #TabNewMake.detailsBtn {
    font-size: 1.4em;
  }
}
#top-section #top-tabs-content-containter #TabUsedMake img {
  margin: auto;
}
#top-section #top-tabs-content-containter #TabUsedCar {
  font-family: TextaMedium, Verdana;
  font-size: 20px;
  border-radius: 10px;
  width: 60%;
  /*background: @al-color;
            background: -moz-linear-gradient(top, @al-color 0%, rgba(125,185,232,1) 100%);
            background: -webkit-linear-gradient(top, @al-color 0%,rgba(125,185,232,1) 100%);
            background: linear-gradient(to bottom, @al-color 0%,rgba(125,185,232,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );*/
}
#top-section #top-tabs-content-containter #TabUsedCar.detailsBtn {
  margin-bottom: 0;
  font-size: 1em;
}
@media (min-width: 768px) {
  #top-section #top-tabs-content-containter #TabUsedCar.detailsBtn {
    font-size: 1.4em;
  }
}
#top-section #top-tabs-content-containter #TabUsedCar.detailsBtn:hover {
  text-decoration: none;
  color: #e8e8e8;
}
#top-section #top-tabs-content-containter #TabUsedCar.detailsBtn:focus {
  color: #ffffff;
}
#top-section #top-tabs-content-containter .home-tab-button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  text-decoration: none;
  /*border: 1px solid black;*/
  width: 70%;
  background-color: #F29F05;
  color: white;
  padding: 5px 0px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
}
@media (max-width: 767px) {
  #top-section #top-tabs-content-containter .home-tab-button {
    width: 95% !important;
  }
}
#top-section #top-tabs-content-containter .outofstatelink {
  color: #0067a7;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
#top-section .top-tabs-content {
  /*display: none;*/
  height: 100%;
  padding: 31px 0px;
  /*display:flex;
        justify-content:center;
        align-items:center;*/
}
@media (min-width: 768px) {
  #top-section .top-tabs-content {
    padding: 20px 0px;
  }
}
#top-section .top-tabs-content.tab-content-active {
  /*display:block;*/
}
#top-section .top-tabs-content > .row {
  margin-left: 0px;
  margin-right: 0px;
}
#top-section .top-tabs-content span {
  color: white;
}
#top-section .top-tabs-content input,
#top-section .top-tabs-content select {
  max-width: none;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  #top-section .top-tabs-content input,
  #top-section .top-tabs-content select {
    max-width: 200px;
    margin-bottom: 0;
  }
}
#top-section .top-tabs-content #NewSearchBtn {
  cursor: pointer;
}
#top-section .rotatingtext-measurer {
  margin-top: 50px;
}
#lower-nav-row {
  margin-left: 0;
  margin-right: 0;
  background-color: #C7EAFB;
}
#lower-nav-row .lower-nav {
  height: 52px;
  color: white;
  text-align: center;
  padding: 0;
}
@media (min-width: 768px) {
  #lower-nav-row .lower-nav {
    height: 60px;
  }
}
#lower-nav-row .lower-nav:not(:last-child) {
  padding-right: 2px;
}
#lower-nav-row .lower-nav:not(:first-child) {
  padding-left: 2px;
}
@media (max-width: 767px) {
  #lower-nav-row .lower-nav {
    padding-left: 2px;
    padding-right: 2px;
  }
  #lower-nav-row .lower-nav:first-child .lower-nav-button {
    -webkit-box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, 0.58);
    box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, 0.58);
  }
}
#lower-nav-row .lower-nav-button {
  background-color: #0067a7;
  width: 100%;
  height: 47px;
  line-height: 47px;
  font-family: TextaMedium, 'Verdana';
  font-size: 20px;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #lower-nav-row .lower-nav-button {
    font-size: 16px;
  }
}
#lower-nav-row .lower-nav-arrow {
  color: #0067a7;
  text-align: center;
  height: 5px;
}
@media (min-width: 768px) {
  #lower-nav-row .lower-nav-arrow {
    height: 13px;
  }
}
#lower-nav-row .lower-nav-arrow img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*#endregion*/
/*#region Popovers*/
.navbar-alweb .popover {
  background-color: transparent;
  padding: 0 !important;
  border-width: 0 !important;
  border-radius: 25px !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 15px !important;
}
.navbar-alweb .popover .popover-container {
  max-width: 90px;
}
.navbar-alweb .popover .arrow:after {
  border-bottom-color: rgba(255, 255, 255, 0.9) !important;
}
.navbar-alweb .popover .popover-content {
  padding: 0 !important;
  background-color: transparent;
  border-width: 0 !important;
  border-radius: 25px !important;
  border-color: transparent;
  width: 100%;
}
.navbar-alweb .popover .popover-inner-content {
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 25px;
  height: auto;
  width: 100%;
  min-width: 550px;
  color: black;
  padding-top: 15px;
  padding-bottom: 15px;
}
.navbar-alweb .popover .popover-inner-content .row {
  margin-left: 0;
  margin-right: 0;
}
.navbar-alweb .popover .popover-inner-content .row .new-topnav {
  margin-bottom: 15px;
}
.navbar-alweb .popover .popover-inner-content .row .new-topnav img {
  cursor: pointer;
}
.navbar-alweb .popover .popover-inner-content .row .new-topnav span {
  font-size: 17px;
  font-family: TextaMedium, 'Verdana';
  cursor: pointer;
  white-space: nowrap;
  margin-top: -7px;
  display: block;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .navbar-alweb .popover .popover-inner-content .row .new-topnav span {
    font-size: 14px;
  }
}
.navbar-alweb .popover .top-popover-inner-content {
  border: 2px solid #C7C8CA;
  -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
}
.topnavmakes-popover {
  max-width: 550px !important;
}
.topnavtypes-popover {
  max-width: 550px !important;
}
.tabmakes-popover {
  opacity: 0;
  padding: 0px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none;
  border-radius: 0;
  max-width: 95% !important;
  width: 95%;
  margin-top: 15px !important;
  margin-left: auto;
  margin-right: auto;
}
.tabmakes-popover .arrow::after {
  border-bottom-color: #c7c8ca !important;
}
.tabmakes-popover .popover-content {
  max-width: 100% !important;
  width: 100%;
  background-color: #C7C8CA;
  border: none;
  border-radius: 6px;
}
.tabmakes-popover .tab-newmakes-content .row .newmake-tab {
  /*margin-bottom: 15px;*/
  font-size: 18px;
  font-family: TextaMedium, 'Verdana';
  cursor: pointer;
  line-height: 24px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tabmakes-popover .tab-newmakes-content .row .newmake-tab {
    font-size: 14px;
  }
}
.tabmakes-popover .tab-newmakes-content .row .moremakes-btn {
  padding: 1px 10px;
  margin-top: 10px;
}
/*#endregion*/
/*#region Popups*/
.pop-up {
  position: absolute;
  width: 100%;
  z-index: 5000;
  color: white;
  font-family: TextaMedium, 'Verdana';
  display: none;
}
@media (min-width: 768px) {
  .pop-up {
    min-height: 860px;
  }
}
.pop-up .pop-up-container {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  margin-top: 0;
  border-radius: 10px;
  display: none;
  height: 95%;
  min-width: unset;
  /* Small devices (tablets, 768px and up) */
  /* Medium devices (desktops, 992px and up) */
  /* in between (large desktops, 1200px and up) */
  /* Large devices (large desktops, 1200px and up) */
}
@media (max-width: 767px) {
  .pop-up .pop-up-container {
    max-height: 100%;
  }
}
@media (min-width: 768px) {
  .pop-up .pop-up-container {
    min-width: 700px;
    width: 70%;
    height: 75%;
  }
}
@media (min-width: 992px) {
  .pop-up .pop-up-container {
    min-width: 635px;
    width: 70%;
    height: 75%;
  }
}
@media (min-width: 1200px) {
  .pop-up .pop-up-container {
    min-width: 900px;
    width: 80%;
    height: 75%;
  }
}
@media (min-width: 1500px) {
  .pop-up .pop-up-container {
    min-width: 1150px;
    height: 75%;
    width: 70%;
  }
}
.pop-up .pop-up-title {
  background-color: #0067a7;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  line-height: 25px;
  border: 2px solid rgba(0, 103, 167, 0.77);
  margin-right: 1px;
}
.pop-up .pop-up-title .close-popup {
  float: right;
  line-height: 25px;
  font-size: 15px;
  cursor: pointer;
  margin-right: 5px;
  min-width: 20px;
}
.pop-up .pop-up-content {
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;
  border: 2px solid #C7C8CA;
  -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  .pop-up .pop-up-content {
    padding: 10px;
  }
}
.pop-up .pop-up-content .pop-up-content-row {
  display: none;
}
@media (max-width: 767px) {
  .pop-up .pop-up-content .pop-up-content-row {
    overflow-y: auto !important;
  }
}
.pop-up .pop-up-content .pop-up-wrapper {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .pop-up .pop-up-content .pop-up-wrapper {
    vertical-align: middle;
  }
}
@media (max-width: 767px) {
  .pop-up .pop-up-content .pop-up-wrapper .container {
    padding-bottom: 60px;
  }
}
.pop-up .pop-up-content .pager-row {
  height: 44px;
}
.pop-up .pop-up-content .pager-row span.glyphicon {
  font-size: 40px;
  color: #b3b3b3;
  line-height: 44px;
  opacity: 0;
}
.pop-up .pop-up-content .pager-row span.glyphicon.enabled {
  opacity: 1;
  cursor: pointer;
}
.pop-up .pop-up-content .row {
  margin-left: -10px;
  margin-right: -10px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .pop-up .pop-up-content .row {
    margin-left: 0;
    margin-right: 0;
  }
}
.pop-up .pop-up-content .item-pop-up {
  padding: 15px;
  margin-left: auto;
  margin-right: auto;
}
.pop-up .pop-up-content .item-pop-up .img-container {
  max-width: 155px;
  margin-left: auto;
  margin-right: auto;
}
.pop-up .pop-up-content .item-pop-up .name-container {
  text-align: center;
  margin-top: -10px;
}
.pop-up .pop-up-content .item-pop-up span {
  cursor: pointer;
  display: inline;
  max-height: 20px;
  line-height: 18px;
  height: 20px;
  text-align: center;
  font-size: 18px;
  color: #404040;
  white-space: nowrap;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .pop-up .pop-up-content .item-pop-up span {
    font-size: 15px;
  }
}
.pop-up .pop-up-content .item-pop-up img {
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.pop-up .pop-up-content .loader-row {
  margin-top: 10px;
}
.pop-up .pop-up-content .loader-row img {
  max-width: 100px;
}
.models-pop-up .models-pop-up-content .model-img-container {
  margin-top: -10px;
}
.models-pop-up .models-pop-up-content .model-makename-container .model-makename-anchor {
  color: white;
  text-decoration: none;
}
.models-pop-up .models-pop-up-content .model-makename-container .model-makename-anchor:hover {
  text-decoration: none;
}
.models-pop-up .models-pop-up-content .model-makename-container .model-makename-anchor > span {
  font-size: 14px;
  color: #777777;
}
.models-pop-up .models-pop-up-content .model-name-container {
  margin-bottom: 15px;
}
.models-pop-up .models-pop-up-content .model-name-container .model-name-anchor {
  color: white;
  text-decoration: none;
}
.models-pop-up .models-pop-up-content .model-name-container .model-name-anchor:hover {
  text-decoration: none;
}
.models-pop-up .models-pop-up-content #models-pop-up-backbutton-cont {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 10px;
  padding-top: 10px;
}
.models-pop-up .models-pop-up-content #models-pop-up-backbutton-cont #models-pop-up-backbuton {
  opacity: 0.5;
  font-size: 40px;
  cursor: pointer;
  color: #989898;
}
.models-pop-up .models-pop-up-content #models-pop-up-backbutton-cont #models-pop-up-backbuton:hover {
  opacity: 0.8;
}
/*#endregion*/
/*#region OtherSections*/
#TestimonialsSection {
  background-color: #C7EAFB;
  display: table;
}
#TestimonialsSection .testimonials-content-main {
  display: table-cell;
  vertical-align: middle;
}
#TestimonialsSection .row {
  margin-left: 0;
  margin-right: 0;
  margin-top: 40px;
  margin-bottom: 40px;
}
#TestimonialsSection #testimonials-content {
  /*float: left;
    width:60%;*/
  padding: 0;
  max-width: 100%;
}
#TestimonialsSection #testimonials-content .arrow-small {
  float: left;
  text-align: center;
  font-weight: lighter;
  height: 100%;
  color: #adadad;
  cursor: pointer;
  display: inline;
  width: 20%;
  font-size: 40px;
}
@media (min-width: 350px) {
  #TestimonialsSection #testimonials-content .arrow-small {
    font-size: 70px;
  }
}
#TestimonialsSection #testimonials-content .arrow-small.disabled {
  color: #cbd6dc;
  cursor: default;
}
#TestimonialsSection #testimonials-content .testimonials-nav {
  height: 35px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#TestimonialsSection #testimonials-content .testimonials-nav .testimonials-nav-wrapper {
  height: 25px;
  display: inline-block;
}
#TestimonialsSection #testimonials-content .testimonials-nav-item {
  float: left;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  border: 3px solid #adadad;
  cursor: pointer;
}
#TestimonialsSection #testimonials-content .testimonials-nav-item.active {
  background-color: #adadad;
}
#TestimonialsSection #testimonials-content .testimonials-nav-item:not(:first-child) {
  margin-left: 10px;
}
#TestimonialsSection #testimonials-content .testimonials-nav-item.disabled {
  border-color: #cbd6dc;
  cursor: default;
}
#TestimonialsSection #testimonials-content .testimonials-nav-item.disabled.active {
  background-color: #cbd6dc;
}
#TestimonialsSection .testimonial {
  color: black;
  display: none;
  width: 100%;
  text-align: center;
}
#TestimonialsSection .testimonial#TestimonialMeasurer {
  opacity: 0;
  display: block;
}
#TestimonialsSection .testimonial:not(#TestimonialMeasurer) {
  float: left;
  clear: none;
  top: 0;
  position: absolute;
}
#TestimonialsSection .testimonial .text-container {
  text-align: center;
  margin-bottom: 40px;
  margin-right: 15px;
  margin-left: 15px;
  /*float: none;
        width: 100%;*/
}
@media (max-width: 767px) {
  #TestimonialsSection .testimonial .text-container {
    clear: both;
  }
}
#TestimonialsSection .testimonial .text-container span {
  font-family: TextaMedium, 'Verdana';
  font-size: 25px;
  line-height: 25px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #TestimonialsSection .testimonial .text-container span {
    font-size: 19px;
    line-height: 19px;
  }
}
@media (min-width: 768px) {
  #TestimonialsSection .testimonial .text-container span {
    font-size: 35px;
    line-height: 35px;
  }
}
@media (min-width: 768px) and screen and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
  #TestimonialsSection .testimonial .text-container span {
    font-size: 27px;
    line-height: 27px;
  }
}
@media (min-width: 1092px) {
  #TestimonialsSection .testimonial .text-container span {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (min-width: 1092px) and screen and (-ms-high-contrast: active), (min-width: 1092px) and (-ms-high-contrast: none) {
  #TestimonialsSection .testimonial .text-container span {
    font-size: 31px;
    line-height: 31px;
  }
}
@media (min-width: 1300px) {
  #TestimonialsSection .testimonial .text-container span {
    font-size: 48px;
    line-height: 48px;
  }
}
@media (min-width: 1300px) and screen and (-ms-high-contrast: active), (min-width: 1300px) and (-ms-high-contrast: none) {
  #TestimonialsSection .testimonial .text-container span {
    font-size: 37px;
    line-height: 37px;
  }
}
#TestimonialsSection .testimonial .imageArrowsContainer {
  width: auto;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#TestimonialsSection .testimonial .image-container {
  margin-bottom: 40px;
  margin-top: 10px;
  display: inline;
  float: left;
  width: 60%;
}
@media (min-width: 768px) {
  #TestimonialsSection .testimonial .image-container {
    float: none;
    display: block;
    width: 100%;
  }
}
#TestimonialsSection .testimonial .image-container img {
  margin-left: auto;
  margin-right: auto;
}
#TestimonialsSection .testimonial .name-container {
  margin-bottom: 40px;
  text-align: center;
}
#TestimonialsSection .testimonial .name-container span {
  font-family: TextaMediumItalic, 'Verdana';
  font-size: 20px;
  line-height: 20px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #TestimonialsSection .testimonial .name-container span {
    font-size: 16px;
    line-height: 16px;
    font-style: italic;
  }
}
@media (min-width: 768px) {
  #TestimonialsSection .testimonial .name-container span {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (min-width: 768px) and screen and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
  #TestimonialsSection .testimonial .name-container span {
    font-size: 23px;
    line-height: 23px;
    font-style: italic;
  }
}
@media (min-width: 1092px) {
  #TestimonialsSection .testimonial .name-container span {
    font-size: 32px;
    line-height: 32px;
  }
}
@media (min-width: 1092px) and screen and (-ms-high-contrast: active), (min-width: 1092px) and (-ms-high-contrast: none) {
  #TestimonialsSection .testimonial .name-container span {
    font-size: 25px;
    line-height: 25px;
    font-style: italic;
  }
}
@media (min-width: 1300px) {
  #TestimonialsSection .testimonial .name-container span {
    font-size: 38px;
    line-height: 38px;
  }
}
@media (min-width: 1300px) and screen and (-ms-high-contrast: active), (min-width: 1300px) and (-ms-high-contrast: none) {
  #TestimonialsSection .testimonial .name-container span {
    font-size: 28px;
    line-height: 28px;
    font-style: italic;
  }
}
#TestimonialsSection .testimonials-arrow {
  height: 100%;
  text-align: center;
  /*float: left;
    width:20%;*/
}
#TestimonialsSection .testimonials-arrow span {
  font-weight: lighter;
  font-size: 63px;
  height: 100%;
  color: #adadad;
  cursor: pointer;
}
#TestimonialsSection .testimonials-arrow span.disabled {
  color: #cbd6dc;
  cursor: default;
}
.invalid-form {
  background-color: #fdeaed !important;
  border: 2px solid #ffadad !important;
}
#GetConnectedSection {
  display: table;
  text-align: center;
  background-color: white;
}
.getcon-form-wrapper-ty {
  color: #333 !important;
}
#GetConnectedSection,
#EmailUs {
  color: #333;
}
#GetConnectedSection .getcon-content,
#EmailUs .getcon-content {
  display: table-cell;
  color: #333;
  vertical-align: middle;
  position: relative;
}
#GetConnectedSection .getcon-content input[type="checkbox"],
#EmailUs .getcon-content input[type="checkbox"] {
  float: left;
}
#GetConnectedSection .getcon-content label.checkbox-inline,
#EmailUs .getcon-content label.checkbox-inline {
  padding-left: 0 !important;
  float: left;
}
#GetConnectedSection .getcon-header,
#EmailUs .getcon-header {
  width: 100%;
  margin-top: 10px;
}
@media (min-width: 768px) {
  #GetConnectedSection .getcon-header,
  #EmailUs .getcon-header {
    margin-top: 40px;
  }
}
#GetConnectedSection .getcon-header .getcon-header-title,
#EmailUs .getcon-header .getcon-header-title {
  font-size: 45px;
  line-height: 45px;
  font-family: TextaMedium, 'Verdana';
  margin-bottom: 25px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-header .getcon-header-title,
  #EmailUs .getcon-header .getcon-header-title {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-header .getcon-header-title,
  #EmailUs .getcon-header .getcon-header-title {
    font-size: 19px;
    line-height: 19px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-header .getcon-header-title,
  #EmailUs .getcon-header .getcon-header-title {
    font-size: 15px;
    line-height: 15px;
  }
}
#GetConnectedSection .getcon-header .getcon-header-phone,
#EmailUs .getcon-header .getcon-header-phone {
  font-size: 43px;
  line-height: 43px;
  font-family: TextaHeavy, 'Verdana';
  margin-bottom: 35px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-header .getcon-header-phone,
  #EmailUs .getcon-header .getcon-header-phone {
    font-size: 33px;
    line-height: 33px;
    font-weight: bold;
  }
}
#GetConnectedSection .getcon-header .getcon-header-phone a,
#EmailUs .getcon-header .getcon-header-phone a {
  color: #333;
  display: inline-block;
  text-decoration: none;
}
#GetConnectedSection .getcon-header .getcon-header-phone a:hover,
#EmailUs .getcon-header .getcon-header-phone a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-header .getcon-header-phone,
  #EmailUs .getcon-header .getcon-header-phone {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-header .getcon-header-phone,
  #EmailUs .getcon-header .getcon-header-phone {
    font-size: 15px;
    line-height: 15px;
  }
}
#GetConnectedSection .getcon-form,
#EmailUs .getcon-form {
  /*display: table-cell;
        vertical-align: middle;*/
  max-width: 630px;
  color: #333 !important;
  display: inline-block;
  margin-bottom: 10px;
  /*form[name='GetConnectedForm'], form[name='EmailUsForm'].ng-submitted {
            .ng-invalid {
                .invalid-form();
            }

            input.ng-invalid:-webkit-autofill,
            textarea.ng-invalid:-webkit-autofill,
            select.ng-invalid:-webkit-autofill {
                .invalid-form();
            }
        }*/
}
@media (min-width: 768px) {
  #GetConnectedSection .getcon-form,
  #EmailUs .getcon-form {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form,
  #EmailUs .getcon-form {
    max-width: 530px;
  }
}
#GetConnectedSection .getcon-form .getcon-form-wrapper,
#EmailUs .getcon-form .getcon-form-wrapper {
  display: inline-block;
  padding: 0px;
  background-color: #e6e6e6;
  border-radius: 10px;
  color: #333;
  max-width: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .form-group,
  #EmailUs .getcon-form .form-group {
    margin-bottom: 10px;
  }
}
#GetConnectedSection .getcon-form .getcon-form-title,
#EmailUs .getcon-form .getcon-form-title {
  background: #0a498e;
  background: -webkit-gradient(linear, left top, left bottom, from(to right, #0a498e, #008ecc));
  background: linear-gradient(to right, #0a498e, #008ecc);
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 30px;
  line-height: 50px;
  font-family: TextaMedium, 'Verdana';
  max-width: 100%;
  width: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-title,
  #EmailUs .getcon-form .getcon-form-title {
    font-size: 23px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-form-title,
  #EmailUs .getcon-form .getcon-form-title {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-title,
  #EmailUs .getcon-form .getcon-form-title {
    font-size: 15px;
    line-height: 30px;
  }
}
#GetConnectedSection .getcon-form .getcon-inner-form,
#EmailUs .getcon-form .getcon-inner-form {
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  margin-top: 11px;
  margin-bottom: 30px;
  border-radius: 10px;
  color: #333;
}
@media (min-width: 768px) {
  #GetConnectedSection .getcon-form .getcon-inner-form,
  #EmailUs .getcon-form .getcon-inner-form {
    width: 80%;
    margin-top: 31px;
    margin-bottom: 30px;
  }
}
#GetConnectedSection .getcon-form .getcon-form-yourinfo,
#EmailUs .getcon-form .getcon-form-yourinfo {
  font-size: 19px;
  line-height: 19px;
  padding-top: 25px;
  font-weight: bold;
  font-family: TextaRegular, 'Verdana';
  margin-bottom: 30px;
  color: #0067a7;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-yourinfo,
  #EmailUs .getcon-form .getcon-form-yourinfo {
    font-size: 16px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-form-yourinfo,
  #EmailUs .getcon-form .getcon-form-yourinfo {
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-yourinfo,
  #EmailUs .getcon-form .getcon-form-yourinfo {
    font-size: 14px;
    line-height: 14px;
  }
}
#GetConnectedSection .getcon-form .getcon-inner-button,
#EmailUs .getcon-form .getcon-inner-button {
  margin-bottom: 25px;
}
#GetConnectedSection .getcon-form .getcon-button,
#EmailUs .getcon-form .getcon-button {
  color: white;
  background-color: #0067a7;
  cursor: pointer;
  line-height: 31px;
  font-family: TextaRegular, 'Verdana';
  font-size: 18px;
  max-width: none;
  width: 200px;
  border: none;
  border-radius: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-button,
  #EmailUs .getcon-form .getcon-button {
    font-size: 14px;
  }
}
#GetConnectedSection .getcon-form .getcon-button:hover,
#EmailUs .getcon-form .getcon-button:hover {
  background-color: #0e82ca;
}
#GetConnectedSection .getcon-form .getcon-loader,
#EmailUs .getcon-form .getcon-loader {
  background-color: #0067a7;
  width: 200px;
  border: none;
  border-radius: 10px;
}
#GetConnectedSection .getcon-form .getcon-loader > div,
#EmailUs .getcon-form .getcon-loader > div {
  width: 31px;
}
#GetConnectedSection .getcon-form .getcon-ty,
#EmailUs .getcon-form .getcon-ty {
  font-size: 20px;
  line-height: 20px;
  color: #333;
  font-family: TextaRegular, 'Verdana';
  display: inline-block;
  margin: 20px;
  background-color: white;
  border-radius: 10px;
  padding: 20px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-ty,
  #EmailUs .getcon-form .getcon-ty {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-ty,
  #EmailUs .getcon-form .getcon-ty {
    font-size: 17px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-ty,
  #EmailUs .getcon-form .getcon-ty {
    font-size: 15px;
  }
}
#GetConnectedSection .getcon-form .getcon-form-wrapper-ty,
#EmailUs .getcon-form .getcon-form-wrapper-ty {
  color: #333;
}
#GetConnectedSection .getcon-form .getcon-form-wrapper-ty .getcon-tybutton-container,
#EmailUs .getcon-form .getcon-form-wrapper-ty .getcon-tybutton-container {
  margin-bottom: 20px;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=text]:disabled,
#EmailUs .getcon-form .getcon-form-fieldset input[type=text]:disabled,
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=email]:disabled,
#EmailUs .getcon-form .getcon-form-fieldset input[type=email]:disabled,
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=tel]:disabled,
#EmailUs .getcon-form .getcon-form-fieldset input[type=tel]:disabled,
#GetConnectedSection .getcon-form .getcon-form-fieldset select:disabled,
#EmailUs .getcon-form .getcon-form-fieldset select:disabled,
#GetConnectedSection .getcon-form .getcon-form-fieldset textarea:disabled,
#EmailUs .getcon-form .getcon-form-fieldset textarea:disabled {
  color: #949494;
  cursor: not-allowed;
  background-color: #f7f7f7;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=text]:disabled::-webkit-input-placeholder,
#EmailUs .getcon-form .getcon-form-fieldset input[type=text]:disabled::-webkit-input-placeholder,
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=email]:disabled::-webkit-input-placeholder,
#EmailUs .getcon-form .getcon-form-fieldset input[type=email]:disabled::-webkit-input-placeholder,
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=tel]:disabled::-webkit-input-placeholder,
#EmailUs .getcon-form .getcon-form-fieldset input[type=tel]:disabled::-webkit-input-placeholder,
#GetConnectedSection .getcon-form .getcon-form-fieldset select:disabled::-webkit-input-placeholder,
#EmailUs .getcon-form .getcon-form-fieldset select:disabled::-webkit-input-placeholder,
#GetConnectedSection .getcon-form .getcon-form-fieldset textarea:disabled::-webkit-input-placeholder,
#EmailUs .getcon-form .getcon-form-fieldset textarea:disabled::-webkit-input-placeholder {
  color: #cecece;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=text]:disabled:-ms-input-placeholder,
#EmailUs .getcon-form .getcon-form-fieldset input[type=text]:disabled:-ms-input-placeholder,
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=email]:disabled:-ms-input-placeholder,
#EmailUs .getcon-form .getcon-form-fieldset input[type=email]:disabled:-ms-input-placeholder,
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=tel]:disabled:-ms-input-placeholder,
#EmailUs .getcon-form .getcon-form-fieldset input[type=tel]:disabled:-ms-input-placeholder,
#GetConnectedSection .getcon-form .getcon-form-fieldset select:disabled:-ms-input-placeholder,
#EmailUs .getcon-form .getcon-form-fieldset select:disabled:-ms-input-placeholder,
#GetConnectedSection .getcon-form .getcon-form-fieldset textarea:disabled:-ms-input-placeholder,
#EmailUs .getcon-form .getcon-form-fieldset textarea:disabled:-ms-input-placeholder {
  color: #cecece;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=text]:disabled::placeholder,
#EmailUs .getcon-form .getcon-form-fieldset input[type=text]:disabled::placeholder,
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=email]:disabled::placeholder,
#EmailUs .getcon-form .getcon-form-fieldset input[type=email]:disabled::placeholder,
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=tel]:disabled::placeholder,
#EmailUs .getcon-form .getcon-form-fieldset input[type=tel]:disabled::placeholder,
#GetConnectedSection .getcon-form .getcon-form-fieldset select:disabled::placeholder,
#EmailUs .getcon-form .getcon-form-fieldset select:disabled::placeholder,
#GetConnectedSection .getcon-form .getcon-form-fieldset textarea:disabled::placeholder,
#EmailUs .getcon-form .getcon-form-fieldset textarea:disabled::placeholder {
  color: #cecece;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset label[disabled],
#EmailUs .getcon-form .getcon-form-fieldset label[disabled] {
  color: #a9a9a9;
  cursor: not-allowed;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset input[type=submit]:disabled,
#EmailUs .getcon-form .getcon-form-fieldset input[type=submit]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  color: #d1d1d1;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-field,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-form-field {
  border: none;
  background-color: #f1f3f2;
  border: 2px solid #f1f3f2;
  font-family: TextaRegular, 'Verdana';
  padding: 3px 8px;
  width: 100%;
  font-size: 16px;
  color: #333;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-field,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-field {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-field,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-field {
    font-size: 15px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-field,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-field {
    font-size: 12px;
  }
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-input,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-form-input {
  max-width: 245px;
  border: none;
  background-color: #f1f3f2;
  border: 2px solid #f1f3f2;
  font-family: TextaRegular, 'Verdana';
  padding: 3px 8px;
  width: 100%;
  font-size: 16px;
  height: 31px;
  line-height: 31px;
  color: #333;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-input,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-input {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-input,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-input {
    font-size: 15px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-input,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-input {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-input,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-input {
    height: 29px;
    line-height: 29px;
    max-width: 100%;
  }
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-select,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-form-select {
  border: none;
  background-color: #f1f3f2;
  border: 2px solid #f1f3f2;
  font-family: TextaRegular, 'Verdana';
  padding: 3px 8px;
  width: 100%;
  font-size: 16px;
  max-width: none;
  height: 31px;
  line-height: 31px;
  color: #333;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-select,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-select {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-select,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-select {
    font-size: 15px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-select,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-select {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-select,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-select {
    height: 29px;
    line-height: 29px;
  }
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-textarea,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-form-textarea {
  border: none;
  background-color: #f1f3f2;
  border: 2px solid #f1f3f2;
  font-family: TextaRegular, 'Verdana';
  padding: 3px 8px;
  width: 100%;
  font-size: 16px;
  max-width: none;
  resize: vertical;
  color: #333;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-textarea,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-textarea {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-textarea,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-textarea {
    font-size: 15px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-form-textarea,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-form-textarea {
    font-size: 12px;
  }
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-model-container input,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-model-container input,
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-cu-container input,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-cu-container input {
  max-width: none;
  color: #333;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container {
  font-size: 16px;
  line-height: 20px;
  font-family: TextaRegular, 'Verdana';
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container {
    font-size: 15px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container {
    font-size: 13px;
  }
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container > .row,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container > .row {
  margin-left: -10px;
  margin-right: -10px;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container > .row > div,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container > .row > div {
  padding-left: 10px;
  padding-right: 10px;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container input,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container input {
  width: 20px;
  height: 20px;
  margin-top: 0px;
  color: #333;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container input[type="checkbox"],
#EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container input[type="checkbox"] {
  float: left;
  color: #333;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container label.checkbox-inline,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container label.checkbox-inline {
  padding-left: 0 !important;
  color: #333;
  float: left;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container .getcon-type-new,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container .getcon-type-new {
  text-align: left;
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container .getcon-type-used,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container .getcon-type-used {
  text-align: right;
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container .getcon-type-used,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container .getcon-type-used {
    text-align: left;
  }
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container .getcon-type-sell,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container .getcon-type-sell {
  text-align: right;
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-type-container .getcon-type-sell,
  #EmailUs .getcon-form .getcon-form-fieldset .getcon-type-container .getcon-type-sell {
    text-align: left;
  }
}
@media (max-width: 767px) {
  #GetConnectedSection .getcon-form .getcon-form-fieldset .fieldset-row,
  #EmailUs .getcon-form .getcon-form-fieldset .fieldset-row {
    max-width: 275px;
  }
  #GetConnectedSection .getcon-form .getcon-form-fieldset .fieldset-row > div,
  #EmailUs .getcon-form .getcon-form-fieldset .fieldset-row > div {
    padding-left: 5px;
    padding-right: 5px;
  }
}
#GetConnectedSection .getcon-form .getcon-form-fieldset .getcon-submitresult-container,
#EmailUs .getcon-form .getcon-form-fieldset .getcon-submitresult-container {
  min-height: 20px;
}
#ShopBySection {
  background-color: #C7EAFB;
  display: table;
  text-align: center;
}
#ShopBySection .shopby-body {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
#ShopBySection .shopby-header {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
#ShopBySection .shopby-header .shopby-header-title {
  color: black;
  font-size: 43px;
  line-height: 43px;
  margin-bottom: 5px;
  font-family: TextaHeavy, 'Verdana';
  margin-top: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #ShopBySection .shopby-header .shopby-header-title {
    font-size: 34px;
    line-height: 34px;
    font-weight: bold;
  }
}
@media (min-width: 768px) {
  #ShopBySection .shopby-header .shopby-header-title {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  #ShopBySection .shopby-header .shopby-header-title {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #ShopBySection .shopby-header .shopby-header-title {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
  }
}
#ShopBySection .shopby-header .shopby-tabs .shopby-tabs-wrapper {
  display: inline-block;
}
#ShopBySection .shopby-header .shopby-tabs .shopby-tab {
  color: black;
  float: left;
  width: 125px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 23px;
  line-height: 23px;
  font-family: TextaMedium, 'Verdana';
  border: 2px solid #0080C6;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #ShopBySection .shopby-header .shopby-tabs .shopby-tab {
    font-size: 19px;
    line-height: 19px;
  }
}
@media (max-width: 767px) {
  #ShopBySection .shopby-header .shopby-tabs .shopby-tab {
    font-size: 20px;
    line-height: 20px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #ShopBySection .shopby-header .shopby-tabs .shopby-tab {
    font-size: 16px;
    line-height: 16px;
  }
}
#ShopBySection .shopby-header .shopby-tabs .shopby-tab:not(.shopby-tab-active) {
  cursor: pointer;
}
#ShopBySection .shopby-header .shopby-tabs .shopby-tab.shopby-tab-make {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
#ShopBySection .shopby-header .shopby-tabs .shopby-tab.shopby-tab-type {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
#ShopBySection .shopby-header .shopby-tabs .shopby-tab.shopby-tab-active {
  background-color: #0080C6;
  color: white;
}
#ShopBySection .shopby-content {
  float: left;
  clear: none;
  position: absolute;
  width: 100%;
  display: none;
  text-align: center;
  top: 0;
}
#ShopBySection .shopby-content-measurer {
  float: none;
  clear: both;
  position: relative;
  display: block;
  text-align: center;
  opacity: 0;
}
#ShopBySection .shopby-content-measurer .moremakes-btn {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #0067a7;
  font-size: 15px;
  font-family: TextaMedium, 'Verdana';
  cursor: pointer;
  color: white;
  margin-bottom: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #ShopBySection .shopby-content-measurer .moremakes-btn {
    font-size: 13px;
  }
}
#ShopBySection .shopby-content-measurer .moremakes-btn:hover {
  background-color: #0e82ca;
}
#ShopBySection .shopby-content-make .moremakes-btn {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #0067a7;
  font-size: 15px;
  font-family: TextaMedium, 'Verdana';
  cursor: pointer;
  color: white;
  margin-bottom: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #ShopBySection .shopby-content-make .moremakes-btn {
    font-size: 13px;
  }
}
#ShopBySection .shopby-content-make .moremakes-btn:hover {
  background-color: #0e82ca;
}
#ShopBySection .shopby-content-type .moretypes-btn {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #0067a7;
  font-size: 15px;
  font-family: TextaMedium, 'Verdana';
  cursor: pointer;
  color: white;
  margin-bottom: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #ShopBySection .shopby-content-type .moretypes-btn {
    font-size: 13px;
  }
}
#ShopBySection .shopby-content-type .moretypes-btn:hover {
  background-color: #0e82ca;
}
#ShopBySection .shopby-container {
  padding-top: 35px;
}
@media (max-width: 767px) {
  #ShopBySection .shopby-container {
    padding-top: 25px;
  }
}
#ShopBySection .shopby-container-inner {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  #ShopBySection .shopby-container-inner {
    margin-bottom: 40px;
  }
}
#ShopBySection .shop-by-row {
  overflow-y: auto;
  margin-bottom: 20px;
  text-align: center;
}
#ShopBySection .shop-by-row .shop-by-row-container {
  display: inline-block;
  text-align: center;
  width: 75%;
}
@media (max-width: 767px) {
  #ShopBySection .shop-by-row .shop-by-row-container {
    width: 95%;
  }
}
#ShopBySection .shopby-make-left,
#ShopBySection .shopby-make-right {
  font-weight: lighter;
  font-size: 70px;
  height: 100%;
  color: #333;
  cursor: pointer;
}
#ShopBySection .img-container {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  #ShopBySection .img-container {
    max-width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
#ShopBySection .img-container img {
  cursor: pointer;
}
#ShopBySection span.new-link {
  margin-bottom: 25px;
  display: block;
  color: black;
  font-family: TextaRegular, 'Verdana';
  font-size: 16px;
  cursor: pointer;
  margin-top: -9px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #ShopBySection span.new-link {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  #ShopBySection span.new-link {
    margin-top: -27px;
  }
}
#SellYourCarSection {
  display: table;
  text-align: center;
  background-color: white;
  color: #333;
}
#SellYourCarSection .sell-content {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  color: #333;
}
#SellYourCarSection .sell-header {
  width: 100%;
}
#SellYourCarSection .sell-header .sell-header-title {
  font-size: 30px;
  line-height: 30px;
  font-family: TextaHeavy, 'Verdana';
  margin-top: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #SellYourCarSection .sell-header .sell-header-title {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
  }
}
@media (min-width: 768px) {
  #SellYourCarSection .sell-header .sell-header-title {
    font-size: 43px;
    line-height: 43px;
  }
}
@media (min-width: 768px) and screen and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
  #SellYourCarSection .sell-header .sell-header-title {
    font-size: 37px;
    line-height: 37px;
    font-weight: bold;
  }
}
@media (min-width: 768px) {
  #SellYourCarSection .sell-header .sell-header-title {
    margin-top: 40px;
  }
}
#SellYourCarSection .sell-header .sell-header-subtitle {
  font-size: 23px;
  font-family: TextaMedium, 'Verdana';
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #SellYourCarSection .sell-header .sell-header-subtitle {
    font-size: 18px;
  }
}
#SellYourCarSection .sell-body {
  margin-top: 15px;
  color: #333;
}
@media (min-width: 768px) {
  #SellYourCarSection .sell-body {
    margin-top: 80px;
    margin-bottom: 50px;
  }
}
#SellYourCarSection .sell-body > .row {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 10px;
  color: #333;
}
@media (min-width: 768px) {
  #SellYourCarSection .sell-body > .row {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  #SellYourCarSection .sell-body > .row {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  #SellYourCarSection .sell-body > .row {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media (min-width: 1200px) {
  #SellYourCarSection .sell-body > .row {
    margin-left: 200px;
    margin-right: 200px;
  }
}
#SellYourCarSection .sell-body .sell-col {
  color: #333;
}
@media (min-width: 768px) {
  #SellYourCarSection .sell-body .sell-col {
    /*max-height: 550px;*/
    min-height: 550px;
  }
}
@media (min-width: 768px) {
  #SellYourCarSection .sell-body .sell-col-container {
    display: table;
    min-height: 550px;
    max-height: 550px;
  }
}
@media (min-width: 768px) {
  #SellYourCarSection .sell-body .sell-col-inner {
    display: table-cell;
    vertical-align: middle;
  }
}
#SellYourCarSection .sell-body #sell-xs-bottom {
  margin-bottom: 15px;
  margin-top: 15px;
}
@media (max-width: 767px) {
  #SellYourCarSection .sell-body .sell-img-container {
    max-width: 480px;
  }
}
#SellYourCarSection .sell-body .img {
  float: none;
  clear: both;
}
#SellYourCarSection .sell-body .sell-img-text {
  float: none;
  clear: both;
  font-size: 20px;
  line-height: 20px;
  font-family: TextaMedium, 'Verdana';
  margin-top: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #SellYourCarSection .sell-body .sell-img-text {
    font-size: 16px;
    line-height: 16px;
  }
}
#SellYourCarSection .sell-body .sell-form {
  max-width: 530px;
  color: #333 !important;
}
#SellYourCarSection .sell-body .sell-form .sell-form-wrapper {
  background-color: #e6e6e6;
  border-radius: 10px;
  max-width: 100%;
  width: 100%;
  color: #333;
}
#SellYourCarSection .sell-body .sell-form .sell-form-title {
  background: #0a498e;
  background: -webkit-gradient(linear, left top, left bottom, from(to right, #0a498e, #008ecc));
  background: linear-gradient(to right, #0a498e, #008ecc);
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-family: TextaMedium, 'Verdana';
  max-width: 100%;
  width: 100%;
  font-size: 25px;
  line-height: 50px;
  /*background: #0a498e;
                background: -webkit-linear-gradient(@algradient);
                background: -o-linear-gradient(@algradient);
                background: -moz-linear-gradient(@algradient);
                background: linear-gradient(@algradient);
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;*/
  margin-bottom: 20px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #SellYourCarSection .sell-body .sell-form .sell-form-title {
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
  }
}
#SellYourCarSection .sell-body .sell-form .sell-form-body {
  color: #333;
  /*border-bottom-left-radius: 15px;
                border-bottom-right-radius: 15px;*/
  /*form[name='SellForm'] {
                    .ng-invalid {
                        .invalid-form();
                    }

                    input.ng-invalid:-webkit-autofill,
                    textarea.ng-invalid:-webkit-autofill,
                    select.ng-invalid:-webkit-autofill {
                        .invalid-form();
                    }
                }*/
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-loader {
  background-color: #0067a7;
  width: 200px;
  border: none;
  border-radius: 10px;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-loader > div {
  width: 31px;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body #sell-submit-container {
  margin-bottom: 20px;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset {
  /*background-color: white;
                    margin-top: 10px;
                    margin-bottom: 20px;
                    border-radius: 15px;
                    max-width: 95%;
                    padding: 15px;*/
  width: 80%;
  background-color: white;
  border-radius: 10px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  color: #333;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-form-field {
  border: none;
  background-color: #f1f3f2;
  border: 2px solid #f1f3f2;
  font-family: TextaRegular, 'Verdana';
  padding: 3px 8px;
  width: 100%;
  font-size: 16px;
  color: #333;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-form-field {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  #SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-form-field {
    font-size: 15px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-form-field {
    font-size: 13px;
  }
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .form-group:not(:last-child) {
  margin-bottom: 25px;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-form-input {
  max-width: 100%;
  border: none;
  background-color: #f1f3f2;
  border: 2px solid #f1f3f2;
  font-family: TextaRegular, 'Verdana';
  padding: 3px 8px;
  width: 100%;
  font-size: 16px;
  height: 31px;
  line-height: 31px;
  color: #333;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-form-input {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  #SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-form-input {
    font-size: 15px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-form-input {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  #SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-form-input {
    height: 29px;
    line-height: 29px;
  }
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-form-select {
  border: none;
  background-color: #f1f3f2;
  font-family: TextaRegular, 'Verdana';
  padding: 3px 8px;
  width: 100%;
  font-size: 16px;
  max-width: none;
  height: 31px;
  line-height: 31px;
  color: #333 !important;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-tellus {
  font-size: 19px;
  line-height: 19px;
  font-family: TextaRegular, 'Verdana';
  margin-top: 20px;
  margin-bottom: 20px;
  color: #0067a7;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-tellus {
    font-size: 16px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  #SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-tellus {
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  #SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset .sell-tellus {
    font-size: 14px;
    line-height: 14px;
  }
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=text]:disabled,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=email]:disabled,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=tel]:disabled,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset select:disabled,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset textarea:disabled {
  color: #949494;
  cursor: not-allowed;
  background-color: #f7f7f7;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=text]:disabled::-webkit-input-placeholder,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=email]:disabled::-webkit-input-placeholder,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=tel]:disabled::-webkit-input-placeholder,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset select:disabled::-webkit-input-placeholder,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset textarea:disabled::-webkit-input-placeholder {
  color: #cecece;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=text]:disabled:-ms-input-placeholder,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=email]:disabled:-ms-input-placeholder,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=tel]:disabled:-ms-input-placeholder,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset select:disabled:-ms-input-placeholder,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset textarea:disabled:-ms-input-placeholder {
  color: #cecece;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=text]:disabled::placeholder,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=email]:disabled::placeholder,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=tel]:disabled::placeholder,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset select:disabled::placeholder,
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset textarea:disabled::placeholder {
  color: #cecece;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset label[disabled] {
  color: #a9a9a9;
  cursor: not-allowed;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-fieldset input[type=submit]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  color: #d1d1d1;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-button {
  color: white;
  background-color: #0067a7;
  cursor: pointer;
  line-height: 31px;
  font-family: TextaRegular, 'Verdana';
  font-size: 18px;
  width: 200px;
  border: none;
  border-radius: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #SellYourCarSection .sell-body .sell-form .sell-form-body .sell-button {
    font-size: 15px;
  }
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-button:focus {
  outline: none !important;
}
#SellYourCarSection .sell-body .sell-form .sell-form-body .sell-button:hover {
  background-color: #0e82ca;
}
footer {
  background-color: #0C6FAF;
  color: white;
  padding-left: 15px;
  padding-right: 15px;
  display: table !important;
  width: 100%;
  /*#footer-link-about, #footer-link-shopmake {
        @media (max-width: (@screen-sm-min - 1)){
            width:50%;
        }
    }*/
}
footer .sitemap-link {
  text-transform: uppercase;
  font-size: 14px;
  color: white;
  font-family: 'Verdana';
  margin-top: 13px;
}
footer .sitemap-link a {
  color: white;
}
footer .row {
  margin-left: 0;
  margin-right: 0;
}
footer .row > div {
  padding: 0;
}
footer > .footer-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-bottom: 80px;
  padding-top: 80px;
}
@media (max-width: 767px) {
  footer > .footer-content {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
footer .footer-linkpipe {
  color: white;
  font-family: TextaMedium, 'Verdana';
  display: inline-block;
  font-size: 23px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  footer .footer-linkpipe {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  footer .footer-linkpipe {
    font-size: 21px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  footer .footer-linkpipe {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  footer .footer-linkpipe {
    font-size: 17px;
  }
}
@media (max-width: 575px) and screen and (-ms-high-contrast: active), (max-width: 575px) and (-ms-high-contrast: none) {
  footer .footer-linkpipe {
    font-size: 15px;
  }
}
footer .footer-link {
  color: white;
  font-family: TextaMedium, 'Verdana';
  display: inline-block;
  font-size: 23px;
  text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  footer .footer-link {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  footer .footer-link {
    font-size: 21px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  footer .footer-link {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  footer .footer-link {
    font-size: 17px;
  }
}
@media (max-width: 575px) and screen and (-ms-high-contrast: active), (max-width: 575px) and (-ms-high-contrast: none) {
  footer .footer-link {
    font-size: 15px;
  }
}
@media (max-width: 450px) {
  footer .footer-link {
    width: 100%;
    line-height: 35px;
  }
}
footer .footer-link a {
  color: white;
  cursor: pointer;
  text-decoration: none;
}
footer .footer-link a:hover {
  text-decoration: none;
}
footer .footer-pipe {
  color: white;
  font-family: TextaMedium, 'Verdana';
  display: inline-block;
  font-size: 23px;
  margin-left: 15px;
  margin-right: 15px;
  /*margin-right:0;*/
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  footer .footer-pipe {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  footer .footer-pipe {
    font-size: 21px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  footer .footer-pipe {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  footer .footer-pipe {
    font-size: 17px;
  }
}
@media (max-width: 575px) and screen and (-ms-high-contrast: active), (max-width: 575px) and (-ms-high-contrast: none) {
  footer .footer-pipe {
    font-size: 15px;
  }
}
@media (max-width: 450px) {
  footer .footer-pipe {
    display: none !important;
  }
}
footer .only-xxs {
  display: none !important;
}
@media (max-width: 575px) {
  footer .hidden-xxs {
    display: none !important;
  }
  footer .only-xxs {
    display: inline !important;
  }
}
footer .footer-padded-row {
  padding-top: 40px;
}
footer .footer-img-container {
  padding-top: 40px;
}
footer .footer-img-container #footer-img-wrapper {
  max-width: 235px;
}
@media (min-width: 768px) {
  footer .footer-img-container #footer-img-wrapper {
    max-width: none;
  }
}
footer .footer-img-container img {
  /*max-width: 370px;*/
}
footer .footer-social {
  padding-top: 40px;
}
footer .footer-social a {
  display: inline-block;
  cursor: pointer;
  margin-top: 6px;
}
footer .footer-social a:not(:first-child) {
  margin-left: 13px;
}
@media (min-width: 768px) {
  footer .footer-social a:not(:first-child) {
    margin-left: 21px;
  }
}
@media (max-width: 767px) {
  footer .footer-social a {
    width: 30px;
  }
}
footer .footer-phone {
  padding-top: 40px;
  color: white;
  font-size: 43px;
  line-height: 43px;
  font-family: TextaHeavy, 'Verdana';
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  footer .footer-phone {
    font-size: 34px;
    line-height: 34px;
    font-weight: bold;
  }
}
@media (max-width: 767px) {
  footer .footer-phone {
    font-size: 26px;
    line-height: 26px;
  }
}
@media (max-width: 767px) and screen and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  footer .footer-phone {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
  }
}
footer .footer-phone a {
  color: white;
  cursor: pointer;
  text-decoration: none;
}
footer .footer-phone a:hover {
  text-decoration: none;
}
/*#endregion*/
/*#endregion*/
/*#region new vehicle*/
/**::-webkit-scrollbar {
    width: 12px;
    background-color: transparent;
}*/
/**::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px @al-color;
    border-radius: 10px;
    background-color: transparent;
}*/
/**::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px @al-color;

}*/
.style-name {
  font-size: 16px;
  color: black;
}
.newcar-title {
  z-index: 500;
}
.no-msrp {
  font-size: 15px !important;
}
.newcar-title h2 {
  text-overflow: ellipsis;
  max-width: 100%;
  /*max-height: 33px;*/
  /*white-space: nowrap;
    overflow: hidden;*/
  font-size: 20px;
  overflow: hidden;
}
.style-description {
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 64px;
  white-space: nowrap;
  overflow: hidden;
  width: 90%;
  z-index: 500;
  margin-left: auto;
  margin-right: auto;
}
p.active-model {
  font-weight: bold;
  font-style: italic;
}
#showcase {
  background-image: url('/images/BuildNewVehicle/BG_NewCarBuild.jpg');
  /*background-image: url('../images/bg_comp_01.jpg');*/
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  height: calc(100vh - 35px);
  position: relative;
}
#showcase .newcar-title {
  color: black;
  text-align: center;
  position: relative;
  width: 50%;
  margin: auto;
  top: 40px;
}
@media only screen and (min-width: 320px) and (max-width: 600px) {
  #showcase .newcar-title {
    top: 0;
    text-overflow: ellipsis;
    max-width: 100%;
    /*max-height: 33px;*/
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-size: 20px;
  }
}
#showcase .newcar-container {
  height: 100%;
  position: relative;
  padding-top: 10px;
}
#showcase .car-row {
  height: 100%;
  width: 100%;
}
#showcase .year-change-link {
  position: absolute;
  left: 25px;
  bottom: 15px;
  font-size: 20px;
  z-index: 10;
}
#showcase .year-change-link a {
  color: #0067a7;
}
#showcase .year-change-link a:hover {
  cursor: pointer;
  text-decoration: none;
}
#showcase .year-change-link .underline-text {
  border-bottom: 2px solid #0067a7;
}
@media only screen and (max-width: 1440px) {
  #showcase .year-change-link {
    bottom: 50px;
  }
}
#showcase #carCarousel {
  position: absolute;
  width: 100%;
  bottom: 0;
}
#showcase #carCarousel .left.carousel-control,
#showcase #carCarousel .right.carousel-control {
  background: none;
  color: black;
}
#showcase #carCarousel .loading {
  opacity: 0.5;
}
#showcase #carCarousel .style-img > img {
  margin: auto;
  max-width: 1280px;
  border-radius: 5px;
  width: 60%;
  border-radius: 10px;
}
#showcase .car-info {
  height: calc(100% - 239px);
  position: absolute;
  padding: 20px 0px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#showcase .info-container {
  background-color: white;
  height: 100%;
  width: 69%;
  border: 2px solid #c7c8ca;
  border-radius: 15px;
  -webkit-box-shadow: 2px 2px 12px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 12px 3px rgba(0, 0, 0, 0.15);
}
#showcase .info-title {
  background-color: white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
#showcase .info-title p {
  color: #0067a7;
  padding: 4px 0px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
#showcase .info-body {
  background-color: white;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 0px 15px;
  height: calc(100% - 30px);
}
#showcase .info-body .list-container {
  height: calc(100% - 145px);
  overflow-y: auto;
  background-color: #e6e7e8;
  border-radius: 10px;
}
#showcase .info-body .list-container .list-group {
  height: 100%;
}
#showcase .info-body .list-container .list-group > .list-group-item {
  background: none;
  border: none;
}
#showcase .info-body .list-container .list-group > .list-group-item img {
  width: 73%;
  margin: auto;
}
#showcase .info-body .list-container .list-group > .list-group-item p {
  margin: 0;
  color: black;
  text-align: center;
}
#showcase .info-body .list-container .list-group > .list-group-item p.active-model {
  font-weight: bold;
  font-style: italic;
}
#showcase .info-footer {
  padding-top: 15px;
  padding-bottom: 15px;
}
#showcase .info-footer button {
  margin-right: 10px;
}
#showcase .savebtn {
  background-color: #e6e7e8;
  padding: 2px 15px;
  margin-bottom: 10px;
  /*border: 1px solid black;*/
}
#showcase .price-container {
  background-color: transparent;
  color: black;
  text-transform: uppercase;
}
#showcase .price-container p {
  margin: 0;
  font-style: italic;
  font-size: 20px;
  font-weight: bold;
}
#showcase .price-container p span {
  font-weight: normal;
  font-size: 13px;
}
#showcase .getdetails-container {
  margin-top: 10px;
}
#showcase .getdetails-container .new-car-btn {
  background-color: #cd510e;
  border-radius: 5px;
  color: white;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}
#showcase .buttons-row {
  position: absolute;
  bottom: 20%;
  width: 100%;
}
#showcase .buttons-row .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#showcase .buttons-row .button-container > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#showcase .buttons-row .button-container .optionBtn {
  background-color: #066faf;
  color: white;
  width: 99%;
  border-radius: 0;
}
#showcase .up-arrow {
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 20px solid white;
  margin: auto;
}
#showcase .options-row {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#showcase .options-row .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#showcase .options-row .button-container > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#showcase .options-row .button-container .optionBtn {
  background-color: #066faf;
  color: white;
  width: 99%;
  border-radius: 0;
}
#showcase .options-row .option-container {
  position: relative;
  width: 100%;
  height: 185px;
  background-color: white;
}
#showcase .options-row .option-container .template {
  width: 90%;
  margin: auto;
}
#showcase .options-row .option-container .left-arrow {
  position: absolute;
  width: 5%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#showcase .options-row .option-container .right-arrow {
  position: absolute;
  width: 5%;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#showcase .options-row .option-container .arrow-control {
  font-size: 33px;
  cursor: pointer;
}
#showcase .options-row .option-container > div {
  height: 100%;
}
#showcase .options-row .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#showcase .options-row .flex-box .checkbox {
  border: 1px solid #c7c8ca;
  padding: 0px 10px;
  border-radius: 10px;
  margin-right: 10px;
  min-height: 72px;
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
}
#showcase .options-row .flex-box.popupPackage > div.car-packages {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 30%;
}
#showcase .options-row .flex-box.popupPackage > div.car-packages label {
  font-weight: bold;
}
#showcase .options-row .flex-box.popupPackage > div.car-packages .popup {
  display: inline-block;
  cursor: pointer;
}
#showcase .options-row .flex-box.popupPackage > div.car-packages .popup .popuptext {
  visibility: hidden;
  width: 300px;
  background-color: #555;
  color: #fff;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}
#showcase .options-row .flex-box.popupPackage > div.car-packages .popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
#showcase .options-row .flex-box.popupPackage > div.car-packages .popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#showcase .options-row .flex-box.popupPackage > div.car-packages .package-info-list li {
  padding: 10px;
}
#showcase .options-row .flex-box.popupAxle > div.car-axleratio {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin-right: 10px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-top: 20px;
  width: 30%;
}
#showcase .options-row .flex-box.popupAxle > div.car-axleratio label {
  font-weight: bold;
}
#showcase .options-row .flex-box.popupWheels > div.car-wheels {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin-right: 10px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-top: 20px;
  width: 30%;
}
#showcase .options-row .flex-box.popupWheels > div.car-wheels label {
  font-weight: bold;
}
#showcase .options-row .flex-box.popupEngine > div.car-engines {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin-right: 10px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-top: 20px;
  width: 30%;
}
#showcase .options-row .flex-box.popupEngine > div.car-engines label {
  font-weight: bold;
}
#showcase .options-row .flex-box.popupModel {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
#showcase .options-row .flex-box.popupModel img {
  width: 50%;
  margin: auto;
}
#showcase .options-row .flex-box.popupModel p {
  color: black;
  text-align: center;
}
#showcase .options-row .flex-box.popupInterior {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#showcase .options-row .flex-box.popupInterior > div.car-interiors {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin-right: 10px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-top: 20px;
  width: 30%;
}
#showcase .options-row .flex-box.popupInterior > div.car-interiors label {
  font-weight: bold;
}
#showcase .options-row .flex-box.popupModel > div.car-models {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin-right: 10px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-top: 20px;
}
#showcase .options-row .flex-box.popupExterior {
  padding-top: 20px;
}
#showcase .options-row .flex-box.popupExterior > div.car-colors {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
#showcase .options-row .flex-box.popupExterior > div.car-colors > div {
  border: 1px solid black;
}
#showcase .options-row .flex-box.popupExterior > div.car-colors p {
  margin: 0;
  font-weight: bold;
  font-size: 12px;
}
#showcase .options-row .flex-box.popupExterior .car-colors.active > div {
  border: 4px solid #0067a7;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  #showcase {
    height: 100vh;
    /*.newcar-title h2 {
            font-size: 2rem;
        }*/
  }
  #showcase .year-change-link {
    position: absolute;
    font-size: 14px;
    bottom: -29px;
  }
  #showcase .no-msrp {
    font-size: 11px !important;
  }
  #showcase #carCarousel {
    position: static;
  }
  #showcase .car-row {
    width: auto;
    height: auto;
    margin-top: 25%;
  }
  #showcase .panel-group {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin-bottom: 0;
  }
  #showcase .panel {
    max-height: 250px;
    overflow: auto;
  }
  #showcase .panel .panel-heading {
    background-color: #0067a7;
    color: white;
    height: 28px;
  }
  #showcase .panel .panel-title {
    font-size: 14px;
  }
  #showcase .panel fieldset {
    background-color: white;
  }
  #showcase .panel fieldset legend {
    color: black;
  }
  #showcase .panel .car-models p {
    text-align: center;
    color: black;
  }
  #showcase .panel .car-models img {
    margin: auto;
    width: 60%;
  }
  #showcase .panel .car-styles img {
    width: 60%;
    margin: auto;
  }
  #showcase .panel .car-styles p {
    text-align: center;
    color: black;
  }
}
@media (width: 1366px) {
  #showcase #top-logo-container {
    width: 158px;
  }
  #showcase .year-change-link {
    bottom: 35px;
  }
  #showcase .newcar-title {
    top: -17px;
    right: -88px;
    width: 55%;
    margin: auto;
  }
  #showcase #carCarousel {
    position: absolute;
    /*top: 6%;*/
    top: 0%;
  }
  #showcase #carCarousel .style-img > img {
    width: 50%;
  }
  #showcase .options-row {
    bottom: 0px;
  }
}
@media (width: 1440px) {
  #top-logo-container {
    width: 158px;
  }
}
@media (max-width: 320px) {
  #showcase #carCarousel {
    position: static;
  }
  #showcase .panel-heading {
    height: 28px;
  }
  #showcase .panel-heading .panel-title {
    font-size: 14px;
  }
}
#continuePhone,
#continueEmail {
  width: 127px;
}
.flex-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-center > form[name='formDesktop'] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/*FOR IPAD PRO*/
@media only screen and (width: 1024px) {
  #showcase {
    position: relative;
    background-image: url('../images/buildnewvehicle/BG_NewCarBuild.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    height: 100vh;
  }
  #showcase #top-logo-container {
    position: static;
    margin-top: 20px;
    /*top: -20px;*/
  }
  #showcase #top-logo-container img {
    margin: 0;
  }
  #showcase .year-change-link {
    text-align: center;
  }
  #showcase .year-change-link a {
    color: #0067a7;
    font-size: 16px;
  }
  #showcase .year-change-link a:hover {
    cursor: pointer;
    text-decoration: none;
  }
  #showcase .year-change-link .underline-text {
    border-bottom: 2px solid #0067a7;
  }
  #showcase .car-row {
    width: auto;
  }
  #showcase .car-row .newcar-title {
    position: relative;
    text-align: center;
    font-weight: bold;
    top: 16px;
  }
  #showcase .car-row .newcar-title p {
    font-size: 20px;
    margin: 0;
  }
  #showcase .car-row #carCarousel {
    position: static;
  }
  #showcase .car-row #carCarousel .left.carousel-control,
  #showcase .car-row #carCarousel .right.carousel-control {
    background: none;
    color: black;
  }
  #showcase .car-row #carCarousel .style-img > img {
    margin: auto;
    max-width: 1280px;
    border-radius: 5px;
    width: 60%;
    border-radius: 10px;
  }
  #showcase .car-row .savebtn {
    height: 22px;
    padding: 0px 10px;
    width: 100px;
    border: 1px solid black;
  }
  #showcase .car-row .getdetails-container {
    margin-top: 10px;
  }
  #showcase .car-row .getdetails-container .new-car-btn {
    background-color: #cd510e;
    border-radius: 5px;
    color: white;
    font-size: 15px;
    text-transform: uppercase;
  }
  #showcase .car-row #buttonpanels div {
    margin-top: 0 !important;
  }
  #showcase .panel-group {
    position: absolute;
    width: 100%;
    bottom: -22px;
    z-index: 999;
    padding-top: 10px;
  }
  #showcase .panel-group .panel + .panel {
    margin-top: 0 !important;
  }
  #showcase .panel-group .panel {
    background-color: #066faf;
    border-radius: 0;
    border-bottom: 1px solid white;
  }
  #showcase .panel-group .panel .panel-title {
    color: white;
  }
  #showcase .panel-group .panel .option-sm {
    max-height: 300px;
    overflow: auto;
    background-color: white;
  }
  #showcase .panel-group .panel .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #showcase .panel-group .panel .flex-box .car-models {
    width: 60%;
    margin: auto;
  }
  #showcase .panel-group .panel .flex-box .car-models p {
    color: black;
    text-align: center;
  }
  #showcase .panel-group .panel .flex-box .car-styles {
    width: 60%;
    margin: auto;
  }
  #showcase .panel-group .panel .flex-box .car-styles p {
    color: black;
    text-align: center;
  }
}
/*#endregion*/
/*#region BuildVehicleNextPage*/
.summary-link {
  font-size: 14px;
  text-transform: none;
  color: black;
  font-style: italic;
  text-decoration: underline;
}
.newvehiclefooter .footer-content {
  padding-top: 26px;
}
#DetailsSummary .modal-dialog {
  top: 10%;
  width: 95%;
  margin: auto;
}
@media (min-width: 768px) {
  #DetailsSummary .modal-dialog {
    width: 50%;
  }
}
#DetailsSummary .modal-body {
  height: 65vh;
  overflow-y: auto;
}
#DetailsSummary .style-description {
  text-align: center;
  font-family: TextaHeavy, Verdana;
  color: black;
  font-size: 20px;
  line-height: 20px;
  width: 100%;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 64px;
  white-space: nowrap;
  overflow: hidden;
  z-index: 500;
}
@media (min-width: 768px) {
  #DetailsSummary .style-description {
    font-size: 40px;
    line-height: 40px;
  }
}
#DetailsSummary .print-link {
  float: right;
  font-size: 14px;
  text-transform: none;
  color: #0067a7;
}
#DetailsSummary .img-container {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
#DetailsSummary .img-container img {
  margin-top: -30px;
}
#DetailsSummary .price-container {
  font-size: 13px;
  font-style: italic;
  font-weight: bold;
  margin-top: -15px;
}
#DetailsSummary .price-container b {
  font-size: 20px;
}
#DetailsSummary h3 {
  color: #0067a7;
  font-weight: bold;
  margin-top: 10px;
}
.price-text-font {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
.price-text-font button {
  position: absolute;
  right: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
}
#showcase-info {
  padding-top: 140px;
  background-image: url('../images/buildnewvehicle/BG_NewCarBuild.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  position: relative;
}
#showcase-info .img-container {
  width: 60%;
  margin: auto;
}
#showcase-info .style-description {
  text-align: center;
  /*font-family: TextaHeavy, Verdana;*/
  color: black;
}
#showcase-info .style-description .style-name {
  font-size: 16px;
}
#showcase-info .info-container {
  position: relative;
  top: -50px;
  width: 69%;
  border: 2px solid #c7c8ca;
  border-radius: 15px;
  -webkit-box-shadow: 2px 2px 12px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 12px 3px rgba(0, 0, 0, 0.15);
}
#showcase-info .color-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
#showcase-info .color-box {
  height: 35px;
  width: 60px;
  border: 1px solid black;
  border-radius: 5px;
  margin: 0;
}
#showcase-info .color-description {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: black;
  padding-left: 20px;
  font-size: 20px;
}
#showcase-info .mpg-container {
  margin-bottom: 10px;
}
#showcase-info .mpg-container .mpg-description {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
#showcase-info .info-title {
  background-color: white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  /*width: @info-width;*/
}
#showcase-info .info-title p {
  color: #0067a7;
  padding: 4px 0px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
#showcase-info .info-body {
  /*width: @info-width;*/
  background-color: white;
  border-radius: 15px;
  padding: 15px 15px 10px 15px;
}
#showcase-info .info-body .list-container {
  height: auto;
  overflow-y: auto;
  background-color: #e6e7e8;
  border-radius: 10px;
}
#showcase-info .info-body .list-container .list-group {
  background: none;
  border: none;
}
#showcase-info .info-body .list-container .list-group .list-group-item {
  background: none;
  border: none;
  color: black;
}
#showcase-info .info-body .list-container .list-group .vehicle-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#showcase-info .info-body .list-container .list-group .vehicle-info-container img {
  height: 40px;
}
#showcase-info .info-body .list-container .list-group .vehicle-info-container p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -ms-flex-item-align: center;
  align-self: center;
  padding-left: 10px;
  padding-top: 10px;
}
#showcase-info .info-footer {
  padding-top: 15px;
  padding-bottom: 15px;
}
#showcase-info .info-footer h3 {
  font-weight: bold;
}
#showcase-info .info-footer .standardfeature-container {
  margin-bottom: 10px;
}
#showcase-info .info-footer .standardfeature-container a {
  color: black;
}
#showcase-info .info-footer .standardfeature-container a:hover {
  color: black;
}
#showcase-info .info-footer button {
  margin-right: 10px;
}
#showcase-info .info-footer .savebtn {
  background-color: #e6e7e8;
  padding: 2px 15px;
  margin-bottom: 10px;
  height: 60%;
}
#showcase-info .price-container {
  background-color: transparent;
  color: black;
  text-transform: uppercase;
}
#showcase-info .price-container p {
  margin: 0;
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
  font-style: italic;
  font-size: 20px;
  font-weight: bold;
}
#showcase-info .price-container p span {
  font-weight: normal;
  font-size: 13px;
}
#showcase-info .getdetails-container {
  margin-top: 10px;
}
#showcase-info .getdetails-container .new-car-btn {
  background-color: #cd510e;
  border-radius: 5px;
  color: white;
  font-size: 15px;
  text-transform: uppercase;
}
#showcase-info .info-container-mobile .info-body {
  /*width: @info-width;*/
  background-color: white;
  border-radius: 15px;
  padding: 15px 15px 10px 15px;
  height: 500px;
  overflow-y: auto;
}
#showcase-info .info-container-mobile .info-body .color-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
#showcase-info .info-container-mobile .info-body .color-box {
  height: 27px;
  width: 50px;
  border: 1px solid black;
  border-radius: 5px;
  margin: 0;
}
#showcase-info .info-container-mobile .info-body .color-description {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: black;
  padding-left: 20px;
  font-size: 20px;
}
#showcase-info .info-container-mobile .info-body .mpg-description {
  font-size: 20px;
}
#showcase-info .info-container-mobile .info-body .list-container {
  height: auto;
  overflow-y: auto;
  background-color: #e6e7e8;
  border-radius: 10px;
}
#showcase-info .info-container-mobile .info-body .list-container .list-group {
  background: none;
  border: none;
}
#showcase-info .info-container-mobile .info-body .list-container .list-group .list-group-item {
  background: none;
  border: none;
  color: black;
}
#showcase-info .info-container-mobile .info-body .list-container .list-group .vehicle-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#showcase-info .info-container-mobile .info-body .list-container .list-group .vehicle-info-container img {
  height: 40px;
}
#showcase-info .info-container-mobile .info-body .list-container .list-group .vehicle-info-container p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -ms-flex-item-align: center;
  align-self: center;
  padding-left: 10px;
  padding-top: 10px;
}
#showcase-info .info-container-mobile .info-footer {
  padding-top: 15px;
  padding-bottom: 15px;
}
#showcase-info .info-container-mobile .info-footer h3 {
  font-weight: bold;
}
#showcase-info .info-container-mobile .info-footer .standardfeature-container {
  margin-bottom: 10px;
}
#showcase-info .info-container-mobile .info-footer .standardfeature-container a {
  color: black;
}
#showcase-info .info-container-mobile .info-footer .standardfeature-container a:hover {
  color: black;
}
#showcase-info .info-container-mobile .info-footer button {
  margin-right: 10px;
}
#showcase-info .info-container-mobile .info-footer .savebtn {
  background-color: #e6e7e8;
  padding: 2px 15px;
  margin-bottom: 10px;
  height: 60%;
}
#showcase-info .info-container-mobile .price-container {
  background-color: transparent;
  color: black;
  text-transform: uppercase;
}
#showcase-info .info-container-mobile .price-container p {
  margin: 0;
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
  font-style: italic;
  font-size: 20px;
  font-weight: bold;
}
#showcase-info .info-container-mobile .price-container p span {
  font-weight: normal;
  font-size: 13px;
}
#showcase-info .info-container-mobile .getdetails-container {
  margin-top: 10px;
}
#showcase-info .info-container-mobile .getdetails-container .new-car-btn {
  background-color: #cd510e;
  border-radius: 5px;
  color: white;
  font-size: 15px;
  text-transform: uppercase;
}
#showcase-info .options-container {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#showcase-info .options-container .option-buttons {
  background-color: #0067a7;
  text-transform: uppercase;
  color: white;
  border-radius: 0;
  text-decoration: none;
}
#showcase-info .options-container .option-buttons {
  width: 99%;
  height: 47px;
  padding: 15px;
}
#showcase-info .no-padding {
  padding: 0;
}
@media only screen and (max-width: 1440px) {
  #showcase-info {
    height: calc(85vh - 35px);
  }
  #showcase-info #top-logo-container {
    width: 158px;
  }
  #showcase-info .style-description {
    text-overflow: ellipsis;
    width: 360px;
  }
  #showcase-info .info-col {
    position: absolute;
    right: 55px;
    top: 62px;
  }
  #showcase-info .info-container {
    top: 0;
    height: 534px;
  }
  #showcase-info .info-container .list-group {
    margin-bottom: 0;
  }
  #showcase-info .info-container .vehicle-info-container.list-group-item {
    padding: 5px;
  }
  #showcase-info .info-container .vehicle-info-container.list-group-item img {
    height: 27px !important;
  }
  #showcase-info .info-container .vehicle-info-container.list-group-item p {
    font-size: 12px;
  }
  #showcase-info .info-container .color-description {
    font-size: 14px;
  }
  #showcase-info .info-container .mpg-description {
    font-size: 14px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  #showcase-info {
    height: auto;
  }
  .style-name {
    font-size: 1em !important;
  }
  .body-container {
    height: 300px;
    overflow: auto;
  }
  .style-description {
    font-size: 1em;
  }
  .option-buttons {
    font-size: 0.7em;
  }
  /*.color-description {
            color: #ffffff;
            margin-left: 10px;
            padding-top: 5px;
        }*/
  .options-container {
    position: static;
    width: auto;
  }
}
@media only screen and (width: 1024px) {
  #showcase-info {
    height: auto;
  }
  #showcase-info .info-container-mobile .info-body {
    height: 600px;
  }
}
@media only screen and (max-height: 750px) {
  .body-container {
    height: 245px;
    overflow: auto;
  }
}
@media only screen and (width: 1366px) and (height: 1024px) {
  #showcase-info {
    height: calc(80vh - 35px) !important;
  }
}
@media only screen and (width: 1366px) {
  #showcase-info {
    height: calc(100vh - 35px);
  }
  #showcase-info #top-logo-container {
    width: 158px;
  }
  #showcase-info .style-description {
    text-overflow: ellipsis;
    width: 360px;
  }
  #showcase-info .info-col {
    position: absolute;
    right: 55px;
    top: 62px;
  }
  #showcase-info .info-container {
    height: 467px;
  }
  #showcase-info .info-container .list-group {
    margin-bottom: 0;
  }
  #showcase-info .info-container .vehicle-info-container.list-group-item {
    padding: 5px;
  }
  #showcase-info .info-container .vehicle-info-container.list-group-item img {
    height: 27px !important;
  }
  #showcase-info .info-container .vehicle-info-container.list-group-item p {
    font-size: 12px;
  }
  #showcase-info .info-container .color-description {
    font-size: 14px;
  }
  #showcase-info .info-container .mpg-description {
    font-size: 14px;
  }
}
#Gallery {
  margin-bottom: 30px;
}
#Gallery #carGallery {
  margin-top: 30px;
}
#Gallery #carGallery .carousel-control.left,
#Gallery #carGallery .carousel-control.right {
  background: none !important;
  color: black;
}
#Gallery #carGallery .carousel-control.left .glyphicon,
#Gallery #carGallery .carousel-control.right .glyphicon {
  color: black;
}
#Gallery .img-container {
  width: 50%;
  margin: auto;
}
#SimilarModels {
  background-color: #c7eafb;
  min-height: 400px;
}
#SimilarModels h3 {
  color: black;
  /*letter-spacing: 3px;*/
  font-weight: bold;
}
#SimilarModels .similar-model-box {
  text-align: center;
}
#SimilarModels .similar-model-box p {
  color: black;
  text-align: center;
  position: relative;
  top: -6px;
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
}
#SimilarModels .similar-model-box .sim-model-makename {
  color: #353535;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
#SimilarModels #MoreModels {
  margin-bottom: 20px;
}
#similarModelPopup .modal-dialog {
  top: 10%;
}
#similarModelPopup .modal-content {
  background-color: rgba(0, 0, 0, 0.8);
}
#similarModelPopup .modal-content .modal-title {
  color: #ffffff;
}
#similarModelPopup .modal-content .modal-body {
  border-radius: 0;
  max-height: 500px;
  overflow: auto;
}
#similarModelPopup .similar-model-box {
  text-align: center;
}
#similarModelPopup .similar-model-box img {
  width: 70%;
}
#similarModelPopup .similar-model-box p {
  /*color: #ffffff;*/
  color: black;
  text-align: center;
  position: relative;
  top: -6px;
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
}
#similarModelPopup .similar-model-box .sim-model-makename {
  color: #353535;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.memberform {
  /*input.ng-invalid, select.ng-invalid {
        .invalid-form();
    }*/
}
#GetConnectedModal {
  z-index: 5002;
  /*input.ng-invalid.ng-dirty, select.ng-invalid.ng-dirty {
        border: 1px solid red !important;
    }*/
  /*input.ng-invalid, select.ng-invalid {
        .invalid-form();
    }*/
}
#GetConnectedModal .modal-dialog {
  position: relative;
  top: 5%;
  padding-bottom: 65px;
}
#GetConnectedModal .getcon-form-fieldset {
  border: none;
  background-color: #f1f3f2;
  font-family: TextaRegular, 'Verdana';
  padding: 3px 8px;
  margin-bottom: 10px;
  font-size: 16px;
  height: 31px;
  width: 100%;
  line-height: 31px;
}
#GetConnectedModal .getcon-form-fieldset.zip,
#GetConnectedModal .getcon-form-fieldset.state {
  width: 50%;
}
#GetConnectedModal .phone-number {
  font-size: 43px;
  line-height: 43px;
  font-family: TextaHeavy, 'Verdana';
  margin-bottom: 35px;
  color: #333;
  text-decoration: none;
  text-align: center;
}
#GetConnectedModal .yourinfo-text {
  font-size: 19px;
  line-height: 19px;
  font-family: TextaRegular, 'Verdana';
  margin-bottom: 30px;
  color: #0067a7;
  text-align: center;
}
#GetConnectedModal .no-padding {
  padding: 0;
}
#OptionNotAvailablePopup .modal-body p {
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  padding-top: 37px;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 769px) {
  #continueLaterModal .modal-body {
    background-image: url('/images/BuildNewVehicle/OR_divider.png');
    background-position: center;
    background-repeat: no-repeat;
  }
}
/*#endregion*/
/*#region Used Car*/
.usedcar-navlink li {
  opacity: 1 !important;
}
.usedcar-navlink li a {
  text-decoration: none !important;
}
.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.is-flex > .panel {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.moveSearchBarToLeft {
  margin-right: 40% !important;
}
#UsedCarContainer {
  height: calc(100vh - 35px);
  background-color: #e8e8e8;
  background-image: url('/images/BuildNewVehicle/BG_NewCarBuild.jpg');
  overflow: auto;
}
#UsedCarContainer .loader-overlay {
  width: 100%;
  position: absolute;
  height: 100vh;
  opacity: 0.5;
  background-color: white;
  z-index: 9999;
}
#UsedCarContainer #UsedCarHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0px;
  /*border-bottom: 1px solid black;*/
  max-height: 130px;
  /*background: linear-gradient(to right, #0a498e, #008ecc);*/
  /*background-color: rgba(46, 48, 49, 0.96);*/
  -webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.2);
}
#UsedCarContainer #UsedCarHeader .search-container {
  width: 50% !important;
  margin: auto;
}
#UsedCarContainer #UsedCarHeader .search-container #Search {
  margin-top: 10px;
}
#UsedCarContainer #UsedCarHeader .search-container .input-group-btn button {
  margin-top: 10px;
  background-color: #0067a7;
  color: #ffffff;
  border: 1px solid #0067a7;
}
#UsedCarContainer #UsedCarHeader #Logo {
  margin: auto;
}
#UsedCarContainer #filterSideBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  /*border-right: 1px solid black;*/
  height: 80%;
  width: 19%;
  border-radius: 15px;
  /*background-color: rgba(46, 48, 49, 0.96);*/
  margin-left: 20px;
  position: relative;
  top: 25px;
  /*.year-dropdown {
            width: 220px !important;
        }*/
}
#UsedCarContainer #filterSideBar .form-control {
  height: 31px;
}
#UsedCarContainer #filterSideBar .btn-group button {
  width: 100%;
  height: 28px;
  line-height: 0.428571;
}
#UsedCarContainer #filterSideBar .panel-group.visible-xs.visible-sm {
  margin-top: 20px;
}
#UsedCarContainer #filterSideBar .panel-group.visible-xs.visible-sm .panel-heading {
  height: 25px;
  padding: 5px 15px;
}
#UsedCarContainer #filterSideBar .year-dropdown {
  float: left;
  width: 60%;
  height: 28px;
  line-height: 1.2px;
  font-size: 12px;
}
#UsedCarContainer #filterSideBar .vehicleid-text {
  float: left;
  width: 60%;
  height: 28px;
  font-size: 12px;
  line-height: 1.2px;
}
#UsedCarContainer #filterSideBar .year-close-btn {
  margin-left: 6px;
  height: 28px;
  line-height: 0.2;
  background-color: #cd510e;
  color: white;
}
#UsedCarContainer #filterSideBar .pricerange-btn {
  margin-top: 5px;
  height: 28px;
  line-height: 0.2;
  background-color: #cd510e;
  color: white;
}
#UsedCarContainer #filterSideBar .apply-btn {
  float: right;
  height: 28px;
  line-height: 0.2;
  background-color: #cd510e;
  color: white;
}
@media only screen and (min-width: 320px) and (max-width: 500px) {
  #UsedCarContainer #filterSideBar .year-dropdown {
    width: 58%;
  }
  #UsedCarContainer #filterSideBar .vehicleid-text {
    width: 66%;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1440px) {
  #UsedCarContainer #filterSideBar .year-dropdown {
    /*width: 60%;*/
    font-size: 12px;
  }
  #UsedCarContainer #filterSideBar .year-close-btn {
    margin: 0;
    float: right;
    font-size: 12px;
  }
  #UsedCarContainer #filterSideBar .vehicleid-text {
    /*width: 60%;*/
  }
}
#UsedCarContainer #filterSideBar .mileage-slider {
  width: 80%;
  margin: auto;
}
#UsedCarContainer #filterSideBar .mileage-slider .custom-handle-img {
  width: 25px;
  border-radius: 15px;
  background-color: #0067a7;
}
#UsedCarContainer #filterSideBar .year-list {
  max-height: 300px;
  overflow-y: auto;
  width: 100%;
}
#UsedCarContainer #filterSideBar .year-list li {
  padding: 0px 10px;
}
@media (min-height: 660px) {
  #UsedCarContainer #filterSideBar .year-list {
    max-height: 200px;
  }
}
@media (min-height: 800px) {
  #UsedCarContainer #filterSideBar .year-list {
    max-height: 300px;
  }
}
#UsedCarContainer #filterSideBar .vehicle-search-section.visible-md.visible-lg {
  /*margin-top: 50px;*/
  /*padding-top: 20px;*/
  padding-bottom: 20px;
  /*color: #ffffff;*/
}
#UsedCarContainer #filterSideBar .vehicle-search-section.visible-md.visible-lg .filter-title {
  margin: 0;
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  color: #0067a7;
}
#UsedCarContainer #filterSideBar .vehicle-search-section.visible-md.visible-lg .filter-container {
  background-color: white;
  padding: 10px 15px;
  border-radius: 15px;
}
#UsedCarContainer #filterSideBar .vehicle-search-section.visible-md.visible-lg .filter-bg {
  background-color: #e6e7e8;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}
#UsedCarContainer #filterSideBar .vehicle-search-section.visible-md.visible-lg .resetbtn {
  background-color: #cd510e;
  border-radius: 5px;
  color: white;
  font-size: 20px;
}
#UsedCarContainer #filterSideBar .vehicle-search-section.visible-md.visible-lg .row {
  margin-bottom: 20px;
}
#UsedCarContainer #filterSideBar .vehicle-search-section.visible-md.visible-lg .row .form-inline {
  padding: 0px 35px;
}
#UsedCarContainer #filterSideBar .vehicle-search-section.visible-md.visible-lg .form-inline label {
  min-width: 50px;
}
#UsedCarContainer #filterSideBar .vehicle-search-section.visible-md.visible-lg .form-inline select {
  width: 100%;
}
#UsedCarContainer #filterSideBar .vehicle-search-section.visible-md.visible-lg #max-mileage,
#UsedCarContainer #filterSideBar .vehicle-search-section.visible-md.visible-lg #min-mileage {
  margin-top: 20px;
  width: 130px;
}
#UsedCarContainer #filterSideBar .panel-group {
  margin: 10px 0px !important;
}
#UsedCarContainer #filterSideBar .resetbtn {
  background-color: #cd510e;
  border-radius: 5px;
  color: white;
  font-size: 20px;
}
#UsedCarContainer #filterSideBar #mobileFilterBtn {
  text-align: center;
}
#UsedCarContainer #filterSideBar #mobileFilterBtn button {
  background-color: #cd510e;
  color: #ffffff;
  width: 50%;
}
#UsedCarContainer #filterSideBar #mobileFilter .modal-dialog {
  top: 0;
}
#UsedCarContainer #filterSideBar #mobileFilter .modal-dialog .modal-content {
  background-color: white;
  color: black;
  padding: 10px 15px;
}
#UsedCarContainer #filterSideBar #mobileFilter .modal-dialog .modal-content .modal-header {
  background-color: white;
  color: #0067a7;
}
#UsedCarContainer #filterSideBar #mobileFilter .modal-dialog .modal-content .modal-header .close {
  color: black;
  opacity: 0.8;
}
#UsedCarContainer #filterSideBar #mobileFilter .modal-dialog .modal-content .modal-body {
  background-color: #e6e7e8;
}
#UsedCarContainer #filterSideBar #mobileFilter .modal-dialog .modal-content > div {
  margin-bottom: 10px !important;
}
#UsedCarContainer #filterSideBar #mobileFilter .modal-dialog .modal-content .row {
  margin-bottom: 20px;
}
#UsedCarContainer #filterSideBar #mobileFilter .modal-dialog .modal-content .form-inline label {
  min-width: 50px;
}
#UsedCarContainer #filterSideBar #mobileFilter .modal-dialog .modal-content .form-inline select {
  width: 100%;
}
#UsedCarContainer #filterSideBar #mobileFilter .modal-dialog .modal-content #max-mileage,
#UsedCarContainer #filterSideBar #mobileFilter .modal-dialog .modal-content #min-mileage {
  margin-top: 20px;
  width: 130px;
}
#UsedCarContainer #UsedCarSection {
  padding-top: 20px;
  padding-bottom: 20px;
  height: calc(100vh - 165px);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 79%;
}
#UsedCarContainer #UsedCarSection #orderByDropdown,
#UsedCarContainer #UsedCarSection #orderByDropdown2 {
  width: 30%;
}
#UsedCarContainer #UsedCarSection #pager-container,
#UsedCarContainer #UsedCarSection #pager-container2 {
  text-align: right;
  padding-right: 0;
}
#UsedCarContainer #UsedCarSection #pager-container .pagesize-container,
#UsedCarContainer #UsedCarSection #pager-container2 .pagesize-container {
  float: left;
  /*margin-left: 26%;*/
}
#UsedCarContainer #UsedCarSection #pager-container .pagesize-container p,
#UsedCarContainer #UsedCarSection #pager-container2 .pagesize-container p {
  font-weight: bold;
  margin-top: 5px;
  margin-left: 9px;
}
#UsedCarContainer #UsedCarSection #pager-container .sync-pagination .pagination,
#UsedCarContainer #UsedCarSection #pager-container2 .sync-pagination .pagination {
  padding-right: 0;
  margin: 0;
}
#UsedCarContainer #UsedCarSection .animate-repeat.ng-enter {
  -webkit-transition: 0.1s ease-in all;
  /* Chrome */
  transition: 0.1s ease-in all;
  opacity: 0;
}
#UsedCarContainer #UsedCarSection .animate-repeat.ng-enter-stagger {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
#UsedCarContainer #UsedCarSection .animate-repeat.ng-enter-active {
  opacity: 1;
}
#UsedCarContainer #UsedCarSection .card {
  margin-bottom: 20px;
  /*box-shadow: 20px 4px 12px 0 rgba(0, 0, 0, 0.2);*/
  border: 1px solid black;
  border-radius: 10px;
  min-height: 480px;
  position: relative;
  /*text-align:center;*/
}
#UsedCarContainer #UsedCarSection .card img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: auto;
  margin: 0 auto;
}
#UsedCarContainer #UsedCarSection .card .usedcar-description {
  font-size: 18px;
}
#UsedCarContainer #UsedCarSection .card .getprice-container {
  position: absolute;
  bottom: 40px;
}
#UsedCarContainer #UsedCarSection .card .getprice-container .getprice-btn {
  background-color: #0067a7;
  border: 0;
  color: white;
  letter-spacing: 1px;
  display: block;
  width: 100%;
  padding: 5px 0;
  border-radius: 8px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
#UsedCarContainer #UsedCarSection .card .getprice-container p {
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  color: #0067a7;
  margin-top: 15px;
  letter-spacing: 1px;
}
@media only screen and (min-width: 320px) and (max-width: 500px) {
  #UsedCarContainer #UsedCarSection .card {
    /*min-height: 400px;*/
  }
  #UsedCarContainer #UsedCarSection .card .usedcar-description {
    font-size: 1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}
#UsedCarContainer #UsedCarSection .card:hover {
  border: 5px solid #0067a7;
  border-radius: 10px;
  cursor: pointer;
}
#UsedCarContainer #SelectedCarSection {
  /*display: none;*/
}
#UsedCarContainer #SelectedCarSection > .selectedcar-container {
  width: 80%;
  margin: auto;
  padding-top: 20px;
}
#UsedCarContainer #SelectedCarSection #GetConnectedModal {
  /*position: absolute;*/
  top: 54px;
  background-color: white;
  border-radius: 10px;
}
#UsedCarContainer #SelectedCarSection #GetConnectedModal .getconnected-header {
  height: 33px;
  background-color: #0067a7;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#UsedCarContainer #SelectedCarSection #GetConnectedModal .getconnected-header p {
  line-height: 2.428571;
}
#UsedCarContainer #SelectedCarSection #GetConnectedModal form {
  padding: 15px;
}
#UsedCarContainer #SelectedCarSection .breadcrumb {
  background-color: transparent;
}
#UsedCarContainer #SelectedCarSection .breadcrumb li::before {
  color: #0067a7;
}
#UsedCarContainer #SelectedCarSection .breadcrumb li {
  font-weight: bold;
}
#UsedCarContainer #SelectedCarSection .close-btn {
  font-size: 15px;
  position: relative;
  top: -8px;
  left: 10px;
}
#UsedCarContainer #SelectedCarSection h1 {
  color: black;
  font-size: 27px;
}
#UsedCarContainer #SelectedCarSection .custom-carousel {
  width: 100%;
  margin-bottom: 30px;
}
#UsedCarContainer #SelectedCarSection .custom-carousel .carousel-left {
  float: left;
  position: absolute;
  top: 40%;
  left: 10%;
  color: black;
  font-size: 30px;
  cursor: pointer;
}
#UsedCarContainer #SelectedCarSection .custom-carousel .carousel-right {
  float: right;
  position: absolute;
  top: 40%;
  right: 10%;
  color: black;
  font-size: 30px;
  cursor: pointer;
}
#UsedCarContainer #SelectedCarSection .custom-carousel .used-car-img {
  display: none;
  max-height: 440px;
  margin: auto;
  border-radius: 10px;
}
#UsedCarContainer #SelectedCarSection .custom-carousel .indicators {
  height: 100%;
  width: 60%;
  white-space: nowrap;
  list-style-type: none;
  margin: auto;
  overflow-y: hidden;
  padding: 10px 0px;
}
#UsedCarContainer #SelectedCarSection .custom-carousel .indicator {
  opacity: 0.5;
}
#UsedCarContainer #SelectedCarSection .custom-carousel .indicator:hover {
  opacity: 1;
}
#UsedCarContainer #SelectedCarSection .custom-carousel .indicator.selected {
  opacity: 1;
}
#UsedCarContainer #SelectedCarSection .custom-carousel .img-indicator {
  /*flex: 1;
                flex-shrink: 0;*/
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  cursor: pointer;
  max-height: 200px;
  width: 200px;
  margin: 0;
}
#UsedCarContainer #SelectedCarSection .info-container {
  /*position: relative;
            top: 67px;
            left: -86px;*/
}
#UsedCarContainer #SelectedCarSection .info-content .filter-bg {
  background-color: #e6e7e8;
  padding: 10px;
  border-radius: 10px;
  /*margin-bottom: 20px;*/
  overflow: auto;
}
#UsedCarContainer #SelectedCarSection .info-content .info-body {
  background-color: white;
  border-radius: 15px;
  padding: 0px 20px 20px 20px;
  margin-bottom: 20px;
}
#UsedCarContainer #SelectedCarSection .info-content .info-body h3 {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 4px 0px;
  color: #0067a7;
  margin: 0;
}
#UsedCarContainer #SelectedCarSection .info-content .info-body .vehicle-info {
  color: black;
  list-style-type: none;
  padding: 0;
  margin-bottom: 5px;
}
#UsedCarContainer #SelectedCarSection .info-content .info-body .vehicle-info .vehicle-option-link a {
  color: black;
  text-decoration: underline;
}
#UsedCarContainer #SelectedCarSection .info-content .info-body .vehicle-info li {
  padding: 5px 0px;
}
#UsedCarContainer #SelectedCarSection .info-content .info-footer {
  padding: 10px 0px;
}
#UsedCarContainer #SelectedCarSection .info-content .info-footer .getConnectedBtn {
  display: block;
  color: white;
  background-color: #cd510e;
  font-size: 20px;
  padding: 0;
  text-align: center;
  /*width: 70%;*/
  margin: auto;
}
#UsedCarContainer #SelectedCarSection #optionModal .modal-dialog {
  position: relative;
  top: 22%;
}
#UsedCarContainer #SelectedCarSection #optionModal .modal-body {
  height: 500px;
  overflow-y: auto;
}
#UsedCarContainer #GetConnectedModal {
  /*position: absolute;
        top: 54px;*/
  border-radius: 10px;
}
#UsedCarContainer #GetConnectedModal .getconnected-header {
  height: 33px;
  background-color: #0067a7;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#UsedCarContainer #GetConnectedModal .getconnected-header p {
  line-height: 2.428571;
}
#UsedCarContainer #GetConnectedModal form {
  padding: 15px;
}
@media (width: 1366px) {
  #UsedCarContainer #SelectedCarSection .info-footer {
    padding: 10px 0px;
  }
  #UsedCarContainer #SelectedCarSection .info-footer .getConnectedBtn {
    display: block;
    color: white;
    background-color: #cd510e;
    font-size: 15px;
    padding: 0;
    text-align: center;
    margin: auto;
  }
}
@media only screen and (min-width: 769px) {
  #UsedCarContainer #mobileFilter {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  #UsedCarContainer {
    /*#filterSideBar {
            justify-content: flex-start;
            height: auto;
            width: 100%;
        }*/
  }
  #UsedCarContainer #UsedCarContainer {
    overflow: auto !important;
  }
  #UsedCarContainer #SelectedCarSection #GetConnectedModal {
    position: static !important;
    margin-bottom: 20px;
  }
  #UsedCarContainer #filterSideBar {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*border-right: 1px solid black;*/
    height: auto;
    width: 100%;
    margin: 0;
    border-radius: 0;
    background-color: #0283c2;
  }
  #UsedCarContainer #filterSideBar #mobileFilter {
    /*max-height:calc(~"100vh - 283px");*/
    overflow-y: auto;
  }
  #UsedCarContainer #UsedCarHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: auto;
  }
  #UsedCarContainer #UsedCarHeader .logo-container {
    width: 50%;
    margin: auto;
    padding: 10px 0px;
  }
  #UsedCarContainer #UsedCarHeader .input-group.search-container {
    width: 70% !important;
    margin-bottom: 5px;
  }
  #UsedCarContainer #UsedCarSection {
    height: calc(100vh - 202px);
    width: 100%;
    /*overflow-y: visible;*/
    /*@media (max-width:768px) {
                #SortByContainer, #SortByContainer2 {
                    text-align:right;

                }
            }*/
  }
  #UsedCarContainer #UsedCarSection #SortByContainer,
  #UsedCarContainer #UsedCarSection #SortByContainer2 {
    padding-left: 0;
  }
  #UsedCarContainer #UsedCarSection #SortByContainer label,
  #UsedCarContainer #UsedCarSection #SortByContainer2 label {
    display: none;
  }
  #UsedCarContainer #UsedCarSection #SortByContainer #orderByDropdown,
  #UsedCarContainer #UsedCarSection #SortByContainer2 #orderByDropdown,
  #UsedCarContainer #UsedCarSection #SortByContainer #orderByDropdown2,
  #UsedCarContainer #UsedCarSection #SortByContainer2 #orderByDropdown2 {
    position: relative;
    width: 100%;
  }
  #UsedCarContainer #UsedCarSection #pager-container {
    padding-right: 0;
    padding-left: 0;
  }
  #UsedCarContainer #UsedCarSection #pager-container .sync-pagination {
    padding-right: 0;
  }
  #UsedCarContainer #UsedCarSection #pager-container .pagination .page-item.first,
  #UsedCarContainer #UsedCarSection #pager-container .pagination .page-item.last {
    display: none;
  }
  #UsedCarContainer #UsedCarSection #pager-container [class='page-item'],
  #UsedCarContainer #UsedCarSection #pager-container [class='page-item active'] {
    display: none;
  }
  #UsedCarContainer #SelectedCarSection {
    /*position: absolute;*/
  }
  #UsedCarContainer #SelectedCarSection h1 {
    position: static;
  }
  #UsedCarContainer #SelectedCarSection .custom-carousel {
    padding-bottom: 20px;
    position: static;
  }
  #UsedCarContainer #SelectedCarSection .indicators .img-indicator {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  #UsedCarContainer #SelectedCarSection .info-container {
    position: static;
    margin-bottom: 100px;
  }
  #UsedCarContainer #SelectedCarSection .info-content {
    width: 100%;
  }
}
#usedcar-top-arrow {
  display: none;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  #usedcar-top-arrow {
    position: fixed;
    display: none;
    top: 40%;
    right: 10px;
  }
  #usedcar-top-arrow .back-totop {
    text-align: center;
  }
  #usedcar-top-arrow a {
    color: #cd510e;
    opacity: 0.8;
    text-decoration: none;
  }
  #usedcar-top-arrow a i {
    font-size: 2.3em;
  }
}
/*#endregion*/
/*#region Trade-In*/
.cookiealert {
  position: absolute;
  right: 37%;
  margin-bottom: 0;
  z-index: 9999;
}
.cookiealert .fa-window-close {
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 0;
}
.progressBar {
  height: 20px;
  text-align: center;
  width: 100%;
  position: absolute;
  border: 1px solid black;
  border-radius: 5px;
  bottom: 38px;
  left: 0;
  right: 0;
  width: 90%;
  margin: auto;
}
.progressBarPercentage {
  padding: 0;
  height: 100%;
  width: 0%;
  background-color: green;
  border-radius: 5px;
}
.percentageText {
  position: absolute;
  width: 100%;
  background-color: transparent;
  left: 0;
  text-align: center;
  color: black;
}
#tradeIn {
  background-image: url('/images/BuildNewVehicle/BG_NewCarBuild.jpg');
  background-position: center;
  background-size: cover;
  position: relative;
  /*input.ng-invalid.ng-dirty, select.ng-invalid.ng-dirty {
        border: 1px solid red !important;
    }*/
}
#tradeIn .loading {
  opacity: 0.5;
}
#tradeIn .loading .loader-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#tradeIn .logo-container {
  position: absolute;
  top: 30px;
  left: 30px;
}
#tradeIn .tradeinbtn {
  background-color: #cd5105;
  color: white;
  border: none;
  padding: 0.5rem 3rem;
  width: 20rem;
  margin: auto;
}
#step-panels-container {
  /*height: calc(~"100vh - @{navbar-height-normal}");*/
  /*width: 60%;*/
  padding: 10% 20px;
}
#step-panels-container .step-panels {
  /*width:850px;*/
  /*height: 415px;*/
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
#step-panels-container .panels {
  width: 284px;
  height: 197px;
  border: 2px solid #c7c8ca;
  border-radius: 10px;
  margin: 10px;
  /*display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;*/
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem;
  /*-webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;*/
  background-color: white;
}
#step-panels-container .panels .icon-container {
  font-size: 6rem;
  text-align: center;
}
#step-panels-container .panels .checkmark {
  position: absolute;
  right: 1rem;
}
#step-panels-container .panels p {
  text-align: center;
  font-size: 2rem;
}
#step-panels-container .panels.disabled {
  opacity: 0.5;
}
#step-panels-container .panels.disabled:hover {
  cursor: not-allowed;
}
#step-panels-container .panels:hover {
  cursor: pointer;
}
#stepModalPopup.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}
#stepModalPopup .modal-content {
  background-color: #fefefe;
  margin: 18% auto;
  /* 15% from the top and centered */
  border: 1px solid #888;
  /*width: 850px;*/
  min-height: 415px;
  border-radius: 10px;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
}
#stepModalPopup .modal-content .modal-header {
  background-color: #0067a7;
  color: white;
  text-align: center;
  /*height: @popup-header-height;*/
  /*padding: 2px 0px;*/
  font-size: 1.5rem;
  letter-spacing: 3px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#stepModalPopup .modal-content .template {
  padding: 3rem;
  /*display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;*/
  /*min-height: 415px;*/
}
#stepModalPopup .modal-content .tri-options-info {
  font-size: 15px;
  color: #658faa;
  top: 2px;
}
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.memberform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.memberform .row {
  width: 100%;
}
.memberform .g-recaptcha > div {
  margin: auto;
}
.continueform {
  position: relative;
}
.continueform .text-verbage {
  margin-top: 10px;
}
.continueform .visible-lg.visible-md {
  height: 100%;
}
.continueform .visible-lg.visible-md .form-group {
  height: 100%;
}
.continueform .visible-lg.visible-md .form-group .icon-container {
  font-size: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.continueform .visible-lg.visible-md .form-group .form-control {
  float: left;
  width: 50%;
  margin-right: 10px;
}
.continueform .visible-lg.visible-md .form-group .tradeinphonebtn {
  width: 15rem !important;
  height: 33px;
}
.completeform h1 {
  color: #0067a7;
  text-transform: uppercase;
  font-weight: bold;
}
.completeform p {
  font-size: 3rem;
  text-align: center;
}
.detailsform .vehicle-options-container {
  width: 70%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  /*.right-arrow:hover, .left-arrow:hover {
                background-color: rgba(0,0,0,0.1);
            }*/
}
.detailsform .vehicle-options-container .left-arrow {
  position: absolute;
  width: 5%;
  left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.detailsform .vehicle-options-container .right-arrow {
  position: absolute;
  width: 5%;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.detailsform .vehicle-options-container .arrow-control {
  font-size: 33px;
  cursor: pointer;
}
.detailsform .vehicle-options-container .arrow-control p {
  position: absolute;
  font-size: 1.5rem;
}
.detailsform .vehicle-options-container .checkbox {
  margin: 0 !important;
  /*width: 200px;*/
}
.noteform textarea {
  height: 23rem;
  resize: none;
}
.separator {
  width: 100%;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.vertical-separator {
  position: absolute;
  left: 50%;
  width: 20px;
  margin: auto;
}
.vinsearchform {
  width: 100%;
  /*margin-top: 4rem;*/
}
.vinsearchform .vinbarcodeimage {
  border: 1px solid #c7c8ca;
  background-image: url('/images/TradeIn/VIN_Image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 18rem;
}
.vinsearchform .vin-title {
  font-size: 18px;
}
.vinsearchform .vinsection span.icon {
  font-size: 145px;
  width: 100%;
  text-align: center;
}
.vinsearchform .vin-container {
  height: 100%;
  /*background-image: url('/images/BuildNewVehicle/OR_divider.png');
        background-position: center;
        background-repeat: no-repeat;*/
}
.vinsearchform #vinform .form-control {
  width: 80%;
  margin: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.imageuploadform {
  width: 100%;
}
.imageuploadform .checkbox {
  text-align: center;
}
.imageuploadform .checkbox label {
  margin-right: 3rem;
}
#dropzone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#dropzone .dropbox {
  /*width: 163px;*/
  height: 105px;
  border: 2px solid #c7c8ca;
  /*padding: 0;*/
  border-radius: 5px;
  /*margin-right: 10px;*/
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
  position: relative;
}
#dropzone .dropbox .progressBar {
  bottom: 0;
}
#dropzone .dropbox img {
  height: 100%;
  margin: auto;
  margin-bottom: 10px;
}
#dropzone .dropbox .icon-container {
  position: absolute;
  top: 0;
  right: 0;
  color: red;
  font-size: 2rem;
  z-index: 3;
}
.option-header {
  background-color: #efefef;
  border: 1px solid #969696;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 10px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  #tradeIn {
    height: 150vh;
    padding-top: 20px;
  }
  #tradeIn .loading {
    opacity: 0.5;
  }
  #tradeIn .loading .loader-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #tradeIn .logo-container {
    position: static;
  }
  #tradeIn .logo-container img {
    margin: auto;
  }
  #tradeIn #step-panels-container {
    height: 100%;
    width: 100%;
  }
  #tradeIn #step-panels-container h1,
  #tradeIn #step-panels-container h2 {
    font-size: 2rem;
  }
  #tradeIn #step-panels-container h3 {
    font-size: 1em;
  }
  #tradeIn #step-panels-container .step-panels {
    height: auto;
  }
  #tradeIn #step-panels-container .step-panels .panels {
    width: 120px;
    height: 110px;
  }
  #tradeIn #step-panels-container .step-panels .panels .icon-container {
    font-size: 3rem;
  }
  #tradeIn #step-panels-container .step-panels .panels .icon-container .checkmark {
    width: 20%;
  }
  #tradeIn #step-panels-container .step-panels .panels p {
    font-size: 1rem;
  }
  #stepModalPopup .modal-content {
    width: 100%;
    height: auto;
  }
  #stepModalPopup .modal-content .modal-header {
    padding-top: 2px;
    font-size: 15px;
  }
  .vinsearchform .vinsection .progressBar {
    bottom: 36px;
  }
  .vinsearchform .vinsection h3 {
    font-size: 18px;
  }
  .vinsearchform .vinsection i {
    font-size: 110px;
  }
  .continueform .visible-xs.visible-sm .form-group {
    height: 100%;
    /*.form-control {
                float: left;
                width: 50%;
                margin-right: 10px;
            }*/
  }
  .continueform .visible-xs.visible-sm .form-group .icon-container {
    font-size: 12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .continueform .visible-xs.visible-sm .form-group .tradeinphonebtn {
    width: 15rem !important;
    height: 33px;
  }
  /* #dropzone {

        .dropbox {
            width: 125px;
        }
    }*/
}
/*@media only screen and (width:1024px) {
    #step-panels-container {
        width: 80%;
    }
}*/
/*#endregion*/
#EmailUs .modal-dialog {
  top: 2% !important;
}
@media (min-width: 768px) {
  #EmailUs .modal-dialog {
    top: 10% !important;
  }
}
#EmailUs .getcon-form {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 0px !important;
}
#EmailUs .getcon-form-title,
#EmailUs .getcon-form-yourinfo {
  text-align: center;
}
#EmailUs .grecaptcha-badge {
  position: static !important;
}
#EmailUs .modal-body {
  padding: 0;
  background-color: #e6e6e6;
}
#EmailUs .modal-content {
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
  background-color: #e6e6e6;
}
#EmailUs .ty-text {
  font-size: 22px;
  font-weight: bold;
  margin-top: 12px;
}
.grecaptcha-badge {
  box-shadow: none !important;
}
/*Business and holiday hours css*/
.business-hours-container p {
  margin-bottom: 2px;
}
.holiday-schedule-container .footer-holiday-link a {
  color: white !important;
}
.holiday-schedule-container .footer-holiday-link a:visited {
  color: white !important;
}
.holiday-schedule-container .footer-holiday-link a:hover {
  cursor: pointer;
}
.holiday-schedule-container .about-us-holiday-link a {
  color: #0067a7;
}
.holiday-schedule-container .about-us-holiday-link a:visited {
  color: #0067a7 !important;
}
.holiday-schedule-container .about-us-holiday-link a:hover {
  cursor: pointer;
}
.holidayBanner {
  position: fixed;
  top: 35px;
  z-index: 9999;
  width: 100%;
}
.homepage-holiday-banner {
  background-color: #db3b20;
  color: white;
  padding: 10px 0px;
}
.homepage-holiday-banner p {
  margin: 0px 30px;
}
.homepage-holiday-banner a {
  color: white;
}
.homepage-holiday-banner .close {
  position: absolute;
  top: 31%;
  right: 1%;
  color: white;
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .homepage-holiday-banner .close {
    top: 1%;
    right: 1%;
  }
}
.get-connected-messages {
  padding: 10px;
}
#creditUnionPopup.modal {
  z-index: 1201 !important;
}
#creditUnionPopup .close {
  color: black;
}
#creditUnionPopup .modal-header {
  background-color: transparent;
  color: black;
}
.pricing-info-cont {
  padding: 10px;
}
.google-cont {
  position: fixed;
  /*bottom: 325px;*/
  right: 0;
  top: 550px;
  z-index: 900;
  background-color: #fff;
  opacity: 0.8;
}
.google-cont .google-wrapper img {
  width: 27px;
}
.google-cont-mobile {
  position: fixed;
  bottom: 20px;
  width: 100px;
  left: 155px;
  background-color: white;
  padding: 2px;
}
.price-btn {
  background-color: #cd510e;
  border-color: #cd510e;
  color: white;
}
.price-btn:hover {
  color: white;
  background-color: #b44205;
}
.sell-button:hover:disabled,
.getcon-button:hover:disabled {
  background-color: none;
}
.sell-button:disabled,
.getcon-button:disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.form-group {
  position: relative;
}
.form-group .asterisk-placeholder {
  position: absolute;
  top: 7px;
  left: 20px;
  color: #353535;
  /*display: none;*/
}
.form-group .asterisk-placeholder .star {
  color: red;
}
.form-group .asterisk-placeholder.notrequired .star {
  display: none;
}
.form-group label {
  font-weight: normal;
  color: #353535;
}
.sidevideo-cont {
  position: fixed;
  right: 0;
  top: 77px;
  min-height: 200px;
  background-color: #F44336;
  cursor: pointer;
}
.sidevideo-cont.visible-xs {
  top: 124px;
  min-height: 150px;
}
.sidevideo-cont .sidevideolabel {
  /*writing-mode: vertical-lr;
        text-orientation: mixed;*/
  font-size: 16px;
  /*-ms-transform: rotate(180deg);
        transform: rotate(180deg);*/
  font-family: TextaMedium, 'Verdana';
  color: white;
  float: left;
  width: 27px;
  /*img{
            float:left;
        }*/
}
.sidevideo-cont .sidevideolabel span {
  padding: 10px;
}
.sidevideo-cont .sidevideo-content {
  width: 0;
  height: auto;
}
.sidevideo-cont .sidevideo-content video {
  width: 90%;
  height: auto;
}
.xdsoft_datetimepicker .xdsoft_calendar td {
  color: green !important;
  font-weight: 900 !important;
}
/*.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    display: none !important;
}
*/
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled {
  /*visibility: hidden !important;*/
  color: #666 !important;
  font-weight: 500 !important;
}
/*.xdsoft_datetimepicker .xdsoft_.noselect .xdsoft{
    margin-right: -30px;
}

.xdsoft_time .xdsoft_current {
    font-weight: 400;
    background: #f5f5f5;
    box-shadow: none;
}*/
.xdsoft_datetimepicker .xdsoft_calendar .xdsoft_current {
  color: #fff !important;
}
.xdsoft_prev {
  margin-left: 33px !important;
}
.xdsoft_next {
  margin-left: 33px !important;
}
.xdsoft_time_box.xdsoft_scroller_box {
  width: 95px;
}
.xdsoft_timepicker.active {
  width: 95px;
}
div .xdsoft_time {
  font-weight: 600;
  color: green !important;
}
div .xdsoft_time.xdsoft_current {
  color: #fff !important;
}
div .xdsoft_time.xdsoft_disabled {
  color: #666 !important;
}
.appointmentsClearDateButton {
  padding: 6px 2px !important;
}
.appointmentsTextDescription {
  font-size: 12px;
  color: dimgray;
  margin-top: -7px;
  float: left;
  margin-bottom: 10px;
}