@charset "utf-8";

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Italic.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Italic2.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Italic3.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Italic4.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
  }
  /* latin */
  @font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Italic5.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Regular.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Regular2.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Regular3.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Regular4.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
  }
  /* latin */
  @font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Regular5.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
  }
  /* arabic */
  @font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Italic.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Italic2.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Italic3.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
  }
  /* hebrew */
  @font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Italic4.woff2) format('woff2');
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Italic5.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
  }
  /* latin */
  @font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Italic6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
  }
  /* arabic */
  @font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Regular.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Regular2.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Regular3.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
  }
  /* hebrew */
  @font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Regular4.woff2) format('woff2');
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Regular5.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
  }
  /* latin */
  @font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Regular6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
  }

:root {
    --Rubik: 'Rubik', 'Montserrat',Arial,Tahoma,Helvetica,sans-serif;
    --Montserrat: 'Montserrat','Rubik',Arial,Tahoma,Helvetica,sans-serif;
}

body,html{
    background:#fff;
    color:#333;
    font-family: var(--Rubik);
    font-size:100%;
    margin:0 auto;
    padding:0;
    position:relative;
}
body {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
}
body > * {
   flex: 1 1 auto;
}

.something {
    display: flex;
    flex: 0;
}

footer {
    display: none;
}
ol,ul{
    margin:0
}
ol,ul{
    padding:0
}
ol li,ul li{
    list-style:none
}
p{
    margin: 5px 0;
    font-family: var(--Rubik);
}
.report-issue{
    text-align: center;
}
button,input,select,textarea{
    outline:0!important;
}
label{
    display:block;
    font-weight:300;
    font-size:.875em;
}
form{
    margin:0;
}
h1,.h1,h2,.h2,h3,.h3 {
    font-family: var(--Montserrat);
    line-height:normal;
    margin:0;
    font-weight:400
}

h2,.h2 {
    font-feature-settings: 'liga' off;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
h3,.h3 {
    font-feature-settings: 'liga' off;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

a,a:focus,a:hover{
    outline:0;
    color:inherit;
}
img{
    max-width:100%
}
.font-20 {
    font-size: 20px;
}
.padding-left-right-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.padding-30-30-0-0 {
    padding-top: 30px;
    padding-right: 30px;
}
.mb48 {
    margin-bottom: 48px;
}
.margin20_0 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.hide_item {
    position: relative;
    top: -40px;
    height: 80px;
    background: #fff;
}
.fixed_bottom {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 999;
}
.icon{
    background:url(../img/sprite.png?v=1) no-repeat scroll 0 0;
}
.pointer {
    cursor: pointer;
}
.get_started_container {
    padding: 24px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(8px);
    border-radius: 12px;
    position: relative;
    padding-left: 168px;
}
.get_started_container:before {
    content: "";
    background: url(../img/badge20.svg?v=1) no-repeat scroll 0 0;
    width: 144px;
    height: 144px;
    display: block;
    position: absolute;
    left: 0;
    margin-top: -72px;
    top: 50%;
}
.get_started_container .more_container {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   align-items: center;
   gap: 24px;
   font-weight: 700;
   font-size: 18px;
}

.button {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    background-color: #ff3347;
    cursor: pointer;
    padding: 15px 40px;
    text-decoration: none;
    border-radius: 30px;
    transition-duration: .2s;
    display: inline-block;
    text-align: center;
}
.button:hover {
    background-color: #eb2f42;
    text-decoration: none;
    color: #fff;
}

.more_container p {
    text-transform: capitalize !important;
}

@media (max-width: 579px){
    .get_started_container .more_container {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        justify-content: center;
    }
}


.auction_list_container,
#auctionPreview.container,
#auctionList.container {max-width: 1410px;width: 100%;margin-top: 100px;margin-bottom: 100px;}

.auction_list_details {margin: 100px auto 0;font-size: 16px;text-align: center;}

#top_content .navbar {
    height: 72px;
    z-index: 5;
    margin: 0;
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(10px);
}

.navbar-header {
    height: -webkit-fill-available;
}

.hidden{
    display:none!important
}
.centered{
    margin:0 auto
}
.top_container {
    max-width: 1440px;
    margin: auto;
    padding: 0;
    position: relative;
    z-index: 2;
}
#black-menu {
    height: 92px;
    background-color: #192633;
}
#top_menu {
    position: absolute;
    width: 100%;
    z-index: 3;
}
#top_menu.blog-cover{
    background: #212e3b url(../img/faq-cover.jpg?v=1) no-repeat scroll 0 0;;
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    height: 354px;
    align-items: center;
    justify-content: center;
}
#top_menu.blog-cover>h1{
    text-transform: uppercase;
    text-align: center;
    font-size: 3em;
    color: #fff;
    position: absolute;
    padding: 0 10px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
#top_content {
    position: relative;
    min-height: 354px;
    background-size: 200%;
    animation: bg-animation 5s infinite;
}

@keyframes  bg-animation {
    0% {background-position: right }
    25% { background-position: top;}
    75% {background-position: left }
    100% { background-position: right;}
}

.bb a {
    text-align: center;
}
#top_content.frontpage, #top_content.thank_you{
    position:relative;
    overflow:hidden;
    padding-top: 0 !important;
}

#loaderOverlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:rgba(255,255,255,0.8);visibility: hidden;opacity: 0;}
#loaderOverlay .loader {background: url(../img/ajax-loader.gif?v=1) no-repeat scroll center center;width: 100px;height: 100px;top: 50%;left: 50%; margin-top: -50px;margin-left: -50px;}
#loaderOverlay.shown {z-index: 1000;visibility: visible;opacity: 1;}


body#login_body {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

#login_page {
    background: url(../img/06-login.jpg?v=1) no-repeat scroll top center;
    background-size: cover;
    flex: 1 0 auto;
}

#footer.login {
    flex-shrink: 0;
    position: relative;
    width: 100%;
    bottom: 0;
}

#page_cover {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cover_image {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#page_teaser {
    position: absolute;
    text-align: center;
    padding: 0 10px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

#page_teaser h1 {
    text-transform: uppercase;
    font-size: 3em;
}

#page_teaser.smaller h1 {
    font-size: 30px;
    font-weight: 700;
}

#page_teaser.smaller h2,
#page_teaser.smaller h3 {
    font-size: 24px;
}

.section-container {
    padding: 100px 0;
}

#scanner-container {
    padding-top: 150px;
    padding-bottom: 80px;
}

#scanner-container h3,
.section-container h3 {
    font-weight: bold;
    font-size: 18px;
}

#scanner-container p,
.section-container p {
    font-size: 14px;
    color: #666;
}
#scanner-container p a{
    color: #f34;
    text-decoration: underline;
}


#result {
    padding: 30px 0;
}

.error-text {
    color: darkred;
    margin-top: 10px;
}

#vinForm {
    gap: 24px;
    display: flex;
}

#vinForm .input-field {
    margin-bottom: 24px;
}

#vinForm > * {
    flex: 1 1 auto;
}

@media (max-width: 768px) {
    #vinForm {
        flex-direction: column;
    }
}

#vinForm input[type="text"] {
    width: 100%;
    padding: 15px 30px;
    background: #f9f9fe;
    color: #999999;
    border-radius: 5px;
    border: none;
}

#price_value_table {
    table-layout: fixed;
    width: 100%;
    border: none;
    margin-top: 30px;
    margin-bottom: 50px;
}

#price_value_table th {
    color: #fff;
}

#price_value_table tr:nth-child(even) {
    background: #f9f9fe;
}

#price_value_table td, #price_value_table th {
    height: 50px;
    border-collapse: collapse;
    font-weight: bold;
}

#price_value_table td:first-child, #price_value_table th:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
} 

#price_value_table td:last-child, #price_value_table th:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#price_value_table th, #price_value_table td {
    text-align: center;
    font-size: 14px;
}

#price_value_table thead {
    border-radius: 3px;
    background: #cc2944;
}

#vinForm input[type="text"]::placeholder {
    color: #999999;
}

#vinForm input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999999;
}

#vinForm input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
    color: #999999;
}

#vinForm input[type="submit"],
#options_div > div input[type="button"],
.go_button {
  font-size: 14px;
  background: #cc2944;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px 30px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  line-height: normal;
  transition-duration: .2s;
}

.go_button.selected,
.go_button:hover,
.go_button:active {
    background: #fae9ec;
    color: #cc2944;
}

.go_button.selected:hover{
    background: #e4ced2;
}


.go_button[disabled] {
    background: #fae9ec;
    color: #cbcbcb;
}

.back_button {
    display: inline-block;
    position: relative;
    left: -9px;
    color: #333333;
    padding-left: 35px;
    margin-top: 50px;
}

.back_button:hover,
.back_button:active {
    color: #cc2944;
}

.back_button a {
    font-size: 24px;
}

.back_button span {
    position: absolute;
    left: 0;
    top: -7px;
    font-size: 36px;
}

#nada_logo {
    width: 180px;
    vertical-align: text-bottom;
}

.form_container {
    padding: 50px 0;
}

#options_div,
.custom_panel {
    padding: 30px;
    border: 1px solid rgb(238, 238, 238);
    border-radius: 6px;
    background-color: rgba(249, 249, 254, 0);
}

.custom_panel .textResults {display: flex; gap: 48px; flex-wrap: wrap;margin-bottom: 50px;}
.custom_panel .textResults .item .name {font-size: 16;color: #666;}
.custom_panel .textResults .item .text {font-size: 20px;color: #1f1f1f;}

.custom_panel .completedMessage {
    text-align: center;
}
.custom_panel .completedMessage .mdi {
    color: #7ed17e;
    font-size: 50px;
}
.custom_panel .completedMessage p {
    font-size: 32px;
    color: #666;
}

.custom_panel h3 {
    margin-bottom: 25px;
}

#options_div {
    margin-bottom: 100px;
}

#options_div > div {
    color: #666666;
    padding-top: 20px;
}

#options_div > div label {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 15px;
}

.custom_well {
    padding: 30px;
    background: #f9f9fe;
    color: #666666;
    border-radius: 6px;
    font-size: 14px;
    margin: 30px 0; 
}

.custom_well p {
    margin: 15px 0;
}

.custom_well ul {
    padding: 0px 16px;
}
.custom_well ul li {
    list-style-type: disc;
    margin: 10px 0;
}

.custom_well ul li span {
    position: relative;
    left: -5px;
}

.fields_required {
    color: #cc2944;
    font-size: 12px;
    float: right;
}

.wholesale_section {
    display: flex;
    flex-direction: column;
    padding: 80px 0;
    gap: 40px;
    text-align: center;
}
.wholesale_section p {
    color: #666;
    font-feature-settings: 'liga' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.wholesale_images {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}
.wholesale_images a {
    width: 274px;
    height: 96px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.wholesale_images a img {
    object-fit: contain;
    width: 100%;
}

#video {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
#video h2 {
    text-align: center;
}
#video p {
    color: #666;
    text-align: center;
    font-feature-settings: 'liga' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
#video .videoTextDesc {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    max-width: 640px;
    gap: 40px;
}
#video .videoTextDesc div {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
#video .videoTextDesc p{
    text-align: left;
}

#video .videocontent {
    margin: auto;
    position: relative;
}
#video .videocontent:before {
    content: "";
    background: url(../img/side_cars_video_bg.png?v=1) no-repeat scroll center 100%;
    position: absolute;
    left: 50%;
    width: 1140px;
    height: 400px;
    top: 0;
    margin-left: -561px;
    z-index: 1;
}

@media (max-width:1160px){
    #video .videocontent:before {
        display: none;
    }
}

#video .videocontent > * {
    position: relative;
    z-index: 2;
}
#video .videocontent iframe {
    border-radius: 10px;
    max-width: 100%;
}
#video .videocontent p {
    text-align: left;
    margin: 24px 0;
}
#video .videocontent p a {
    text-decoration: underline;
}

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

.videoWrapper.medium {
    position: static;
    padding: 0;
    height: auto;
    width: 520px;
    max-width: 100%;
    margin: auto;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper.medium iframe {
    position: static;
    width: 520px;
    height: 315px;
}

#about-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
    color: #fff;
}

#review-container {
    margin: 100px 0 160px;
}

.custom_panel table.order {
    width: 100%;
}
.custom_panel table.order .ta-r{
    text-align: right;
}

.custom_panel table.order thead th,
.custom_panel table.order tbody td{
    border-bottom: 1px solid #cfcfcf;
    padding: 15px;
}

.custom_panel table.order thead th {
    text-transform: uppercase;   
    font-size: 10px;
    color: #666;
}

.custom_panel table.order tfoot td {
    padding: 15px;
}

.custom_panel table.order tfoot span {
    padding-left: 20px;
}

#testimony_previews {text-align:center;padding:80px 0;max-width:100%;overflow:hidden;position:relative;}
#testimony_previews .container > h2 {margin-bottom: 40px;}
#testimony_previews .swiper-wrapper {margin-bottom: 40px;}
#testimony_previews .swiper-container-testimonials{margin-bottom: 40px;}
#testimony_previews .review-container {display: flex;padding: 48px;flex-direction: column;align-items: flex-start;gap: 24px;border-radius: var(--H4-font-size, 20px);background: linear-gradient(156deg, #FFEBED 0%, #FFF 50.1%);box-shadow: 4px 4px 0px 0px rgba(218, 33, 40, 0.10);margin-bottom: 70px;}
#testimony_previews .review-container .frame {display: flex;align-items: center;gap: 8px;align-self: stretch;}
#testimony_previews .review-container .frame .logo {display: flex;width: 48px;height: 48px;align-items: center;justify-content: center;}
#testimony_previews .review-container .frame .logo .img-thumb {overflow: hidden;border-radius: 48px;}
#testimony_previews .review-container .frame .review-title {display: flex;flex-direction: column;align-items: flex-start;flex: 1 0 0;}
#testimony_previews .review-container .frame .review-title h4 {color: #000;font-feature-settings: 'liga' off;font-size: 21px;font-style: normal;line-height: normal;margin: 0;}
#testimony_previews .review-container .frame .review-title p {margin: 0;color: #CC7A80;font-feature-settings: 'liga' off;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
#testimony_previews .review-container .review-desc {display: flex;padding: 24px;justify-content: center;align-items: center;align-self: stretch;border-radius: var(--Asterisk-text-font-size, 10px);background: var(--White, #FFF);color: var(--Colors-Black, #1F1F1F);font-feature-settings: 'liga' off;font-size: 16px;font-style: italic;font-weight: 400;line-height: 24px;text-align: left;position: relative;}
#testimony_previews .review-container .review-desc::before {content: '';position: absolute;left: 20px;top: -12px;width: 0px;height: 0px;border-style: solid;border-width: 0 0 12px 12px;border-color: transparent transparent #fff transparent;transform: rotate(0deg);}

#cover_holder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 1;
}
#register_page {
   position: relative;
   z-index: 2;
   margin: 200px 0;
}

#register_page #contact_form {
    margin: 50px auto 0;
    padding: 45px 45px 90px 45px;
}

#register_form {
    height: auto;
    background-color: #FFFFFF;
    max-width: 980px;
    margin: 0 auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

#top_content.terms_privacy{
    height:285px;
    position:relative;
    /* overflow:hidden; */
    background-size:cover
}
#top_content.studio{
    height:865px;
    position:relative;
    overflow:hidden;
    background-size:cover
}
#top_content.mobile{
    position:relative;
    overflow:hidden;
    background-size:cover
}
#top_content.black-book{
    position:relative;
    overflow:hidden;
    background-size:cover
}
.colored{
    background:#f9f9fe
}
.wp{
    padding:70px 0 20px
}
.swiper-container {
  width: 100%;
  height: 100%;
  margin: 50px auto !important;
}

.swiper-slide {
    flex-grow: 1;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
}

.swiper-button-prev {
    left: 40px !important;
}

.swiper-button-next {
    right: 40px !important;
}

.swiper-slide img:hover {
    cursor: pointer;
}

.swiper-container .swiper-wrapper .swiper-slide img {
    display: inline-block;
    height: 110px;

    aspect-ratio: 16/9;
    width: auto;

    object-fit: cover;
    object-position: left;
}

.swiper-container-testimonials {
    transform: translate(0px, 0px);
    opacity: 1;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    padding-top: 10px;
    z-index: 1;
    margin-bottom: 20px;
}

.swiper-container-testimonials .swiper-pagination {
    bottom: 0 !important;
}

#main_nav .navbar-toggle{
    border:1px solid rgba(255,255,255,.9);
    margin:20px 10px 10px 0;
}
#main_nav .navbar-toggle .icon-bar{
    background:rgba(255,255,255,.5)
}
#main_nav .navbar-brand{
    margin-left: 15px;
    padding: 8px 15px;;
    --logo-text-color: #fff;
}
#main_nav .navbar-brand.large,#main_nav .navbar-brand.small{
    display:none
}
#main_nav .navbar-nav{
    padding-top:0;
    height: 70px;
    display: flex;
    align-items: center;
    float: right;
    margin-right: 30px;
}

#main_nav .navbar-nav>li>a{
    text-shadow:none;
    color:#fff;
    text-transform:uppercase;
    font-size: 16px;
    padding: 8px 12px;
    margin: 0 8px;
    transition-duration: .2s;
    border-radius: 10px;
}
#main_nav .navbar-nav>li.active>a,
#main_nav .navbar-nav>li>a:hover{
    color:#fff;
    background:0 0;
    background-color: #d32f2f;
}
#main_nav .navbar-nav>li>a.header_login{
    border:1px solid #a3becc;
    padding:5px 15px;
    margin:-5px 0 0 0
}

#main_nav .navbar-nav > li > .appStore-icon,
#main_nav .navbar-nav > li > .googlePlay {
    color: #fff;
    padding: 10px 20px;
    background-size: 24px;
    border: 2px solid #fff;
    border-radius: 10px;
    margin: 0 0 0 8px;
    width: 24px;
    text-indent: -99999px;
}
#main_nav .navbar-nav > li > .appStore-icon {
    background: url(../img/la-ico-apple-white.svg?v=1) no-repeat scroll center center;
}
#main_nav .navbar-nav > li > .appStore-icon:hover {
    background: #fff url(../img/la-ico-apple.svg?v=1) no-repeat scroll center center;
}

#main_nav .navbar-nav > li > .googlePlay {
    background: url(../img/la-ico-android-white.svg?v=1) no-repeat scroll center center;
    background-size: 24px;
}
#main_nav .navbar-nav > li> .googlePlay:hover {
    background: #fff url(../img/la-ico-android.svg?v=1) no-repeat scroll center center;
    background-size: 24px;
}

#main_navbar{
    padding:0;
}

.white:has(#main_nav) {
    height: 72px;
}
.white #main_nav {
    background: #fff;
    margin: 0;
}
.white #main_nav .navbar-brand{
    --logo-text-color: #111;
}
.white #main_nav .navbar-nav>li>a {
    color:#111;
}
.white #main_nav .navbar-nav>li.active>a,
.white #main_nav .navbar-nav>li>a:hover {
    color:#fff;
}

.white #main_nav .navbar-nav > li > .appStore-icon,
.white #main_nav .navbar-nav > li > .googlePlay {
    border-color: #E7E7E7;
}

.white #main_nav .navbar-nav > li > .appStore-icon {
    background: #fff url(../img/la-ico-apple.svg?v=1) no-repeat scroll center center;
}

.white #main_nav .navbar-nav > li> .googlePlay {
    background: #fff url(../img/la-ico-android.svg?v=1) no-repeat scroll center center;
    background-size: 24px;
}

.white #main_nav .navbar-toggle .icon-bar {
    background: #111;
}

#free_demo{
    width:100%;
    background:#d32f2f;
    color:#fff;
    z-index:1;
}

#attention-bar {
    color:#fff;
    position: fixed;
    min-height: auto;
    bottom: 32px;
    left: 24px;
    z-index: 9999;
    padding: 8px 10px 8px 16px;
    font-size: 14px;
    height: auto;
    background: rgba(255, 51, 51, 0.95);
    box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    max-width: calc(100% - 48px);
}

#attention-bar div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
#attention-bar #dismiss {
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}


#free_demo {
    position:absolute;
    bottom:0;
    text-align: right;
    padding: 10px 0;
    min-height: 38px;
}
#free_demo p{
    display: inline-block;
    margin: 0 5px 0 0;
}

#free_demo.blog {text-align: center;}
#free_demo.blog p,
#free_demo.blog a {
    display: inline-block;
    font-size: .925em;
}

#blog_heading {
  font-size: 30px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
#data-precision h1{
  font-size: 30px;
  color: rgb(17, 17, 17);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin: 100px 0 30px;
}
#data-precision h2,
#data-precision h3{
    margin-top: 50px;
}
#data-precision h3{
    font-size: 18px;
    color: rgb(17, 17, 17);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 53px;
    margin-top: 20px;
  }
  #data-precision p{
    font-size: 16px;
    color: rgb(17, 17, 17);
    line-height: 1.5;
    text-align: center;    
    margin-bottom: 53px;
  }
  #data-precision p a {text-decoration: underline;color: #cc2939;}
  #adjusted-values h1{
    font-size: 30px;
  color: rgb(17, 17, 17);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin: 100px 0 30px;
  }
  #adjusted-values p{
    font-size: 16px;
    color: rgb(17, 17, 17);
    line-height: 1.5;
    text-align: center;    
    margin-bottom: 40px;
    color: #fff;
    font-weight: bold;
  }
  #adjusted-values .paragraph {
    color: #000;
    font-weight: normal;
  }
  #adjusted-values .paragraph a{
    color:#cc2939;
    text-decoration: underline;
  }
  #adjusted-values h2,
  #adjusted-values h3 {
    margin-top: 50px;
  }
  #options-selector{
    padding-bottom: 50px;
  }
  #options-selector h2,
  #options-selector h3{
    padding-bottom: 50px;
  }
  #options-selector h1{
    font-size: 30px;
    color: rgb(17, 17, 17);
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin: 100px 0 30px;
  }
  #options-selector h2,
  #options-selector h3{margin-top: 50px;}
  #options-selector p{
      font-size: 16px;
      color: rgb(17, 17, 17);
      line-height: 1.5;
      text-align: center;    
      margin-bottom: 40px;
    }
    #options-selector p a {text-decoration: underline;color: #cc2939;}
    #data-partners .bb {
        margin-top: 40px;
    }
    #data-partners p a {text-decoration: underline;color: #cc2939;}
.list_item_content li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 11px;
    }

.list_item_content p{
    color: #666666;
    font-weight: 400;
}
.list_item_content > a{
    background-color: #d32f2f;
     color: #ffffff;
     border: none;
     display: inline-block;
     padding: 0.5rem 1rem;
     text-align: center;
     text-decoration: none;
     border-radius: 0.25rem;   
    }
.list_item_content > a:hover {
        background-color: #b52929;
    }
.list_item_content > a:not(:hover) {
        background-color: #d32f2f;
    }
.btn-free-trial > a{
    background-color: #d32f2f;
     color: #ffffff;
     border: none;
     display: inline-block;
     padding: 0.5rem 1rem;
     text-align: center;
     text-decoration: none;
     border-radius: 0.25rem;   
    }
.btn-free-trial > a:hover {
        background-color: #b52929;
    }
.btn-free-trial > a:not(:hover) {
        background-color: #d32f2f;
    }

.partners-btn {
    margin-bottom: 100px;
    text-align: center;
}


#start_info_frontpage {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    z-index: 9;
    color: #FFFFFF;
    width: 708px;
    padding: 105px 60px 0;
    align-items: flex-start;
}

#start_info_frontpage.get-started {
    padding-top: 0;
}

@media (max-width: 768px){
    #start_info_frontpage {width: 100%;padding: 20px;}
}

#start_info_frontpage.frontpage-studio h1 {
    font-size: 48px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
    margin-bottom: 16px;
    font-family: var(--Montserrat);
}


@media (max-width: 530px){
    
    #start_info_frontpage.frontpage-studio h1 {
        font-size: 33px;
    }
    
}

#start_info_frontpage.frontpage-studio h3 {
    font-family: var(--Montserrat);
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 27px;
}

#start_info #black-book{
    font-size: 48px;
    line-height: 1.2;
    text-align: center;    
    text-transform: none;
    margin-top: 100px;
}

#black-book.shown span{ 
    font-size: 30px;
}
#start_info #bb-intro.shown{
    font-size: 18px;
    color: rgb(161, 173, 179);
    line-height: 1.2;
    text-align: center;
    margin-bottom: 50px;
}

#start_info_parent{
    padding:220px 0 0;
    position:relative;
    min-height:793px;
    display: flex;
    align-items: center;
}
#start_info_parent.thank_you {
    position: static;
    padding-top: 20vh;
}

#start_info_parent.smaller-studio{
    padding: 0
}

@media (max-width: 992px){
    
    #start_info_parent.smaller-studio {
        padding-bottom: 100px;
        flex-direction: column-reverse;
        min-height: 630px;
        padding-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

#start_info.thank_you .go_button {
    height: auto;
}
.sup { vertical-align: super; } 
#start_info_teaser{
    padding-top:65px;
    text-align:center;
    color:#fff;
    min-height:200px
}
#top_content.support #start_info_teaser{
    padding-top:10px;
    text-align:center;
    color:#fff;
    min-height:160px
}
#top_main_title{
    margin-top:0;
    text-align:center
}
#top_main_title h1{
    font-size:3.125em;
    letter-spacing:-.025em;
    margin:0 0 20px;
    color:#fff
}
#top_main_teaser{
    text-align:justify;
    margin:0 auto 20px;
    width:100%;
    -moz-text-align-last:center;
    text-align-last:center;
    -webkit-text-align-last:center
}
#top_main_teaser p{
    font-size:1.2em;
    color:#fff;
    font-weight:300;
    padding:0;
    line-height:normal
}
#start_info{
    color:#fff;
    text-align:center;
    /* max-width:680px */
}
#start_info.thank_you{
    max-width: 420px;
}
#start_info.centered{
    max-width:880px
}
#start_info.auctions{
    max-width: 550px;
    margin: 0 auto;
}
#start_info:not(.frontpage-studio) h1{
    text-align:center;
    font-size:1.575em;
    text-transform:uppercase;
    font-weight:700;
    opacity:0;
    transform:translate(0,-50px);
    -moz-transform:translate(0,-50px);
    -ms-transform:translate(0,-50px);
    -o-transform:translate(0,-50px)
}
#start_info h1.studio-title{
    margin-bottom:30px;
    font-weight:300;
    color:#fff;
    line-height:1.2;
    text-align:center;
    font-size:2.4em;
    text-transform:uppercase;
    opacity:0;
    transform:translate(0,-50px);
    -webkit-transform:translate(0,-50px);
    -moz-transform:translate(0,-50px);
    -ms-transform:translate(0,-50px);
    -o-transform:translate(0,-50px)
}
#start_info h2,
#start_info h3{
    color:#fff;
    font-size:.875em;
    text-transform:none;
    font-weight:400;
    line-height:1.4
}
#start_info p{
    font-size:1em;
    text-transform:uppercase;
    font-weight:400;
    opacity:0;
    transform:translate(0,-50px);
    -moz-transform:translate(0,-50px);
    -ms-transform:translate(0,-50px);
    -o-transform:translate(0,-50px)
}
#start_info.centered p{
    font-size:1em;
    margin-bottom:30px;
    color:rgba(255,255,255,.8);
    line-height:1.5;
    text-align:center;
    font-weight:300;
    text-transform:none;
    opacity:0;
    transform:translate(0,-50px);
    -webkit-transform:translate(0,-50px);
    -moz-transform:translate(0,-50px);
    -ms-transform:translate(0,-50px);
    -o-transform:translate(0,-50px)
}
#start_info form{
    opacity:0;
    transform:translate(0,-50px);
    -moz-transform:translate(0,-50px);
    -ms-transform:translate(0,-50px);
    -o-transform:translate(0,-50px)
}
#start_info a{
    display:inline-block;
}
.list_item_content #freetrial-button {
    font-size: 18px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    background-color: rgb(255, 51, 71);
    cursor: pointer;
    padding: 15px 40px;
    text-decoration: none;
    border-radius: 30px;    
}

#start_info.centered #demo_btn{
    margin:15px auto 5px;
    line-height:36px;
    text-transform:uppercase;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background:#d32f2f none repeat scroll 0 0;
    border-image:none;
    box-shadow:none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-weight:700;
    font-size:18px;
    height:auto;
    min-width:auto;
    min-height:50px;
    padding:10px 30px;
    position:relative;
    text-align:center;
    text-shadow:none;
    width:auto;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    transition-duration:.3s;
    border:0;
    border-radius:5px;
    background-image:-moz-linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
    background-image:-webkit-linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
    background-image:-ms-linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%)
}
#start_info.centered .scrollPageDown:hover{
    background-color:#d32f2f;
    background-image:none;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 8px 10px 0 rgba(0,0,0,.15)
}
#start_info h1.mobile-title{
    margin-bottom:30px;
    font-weight:300;
    color:#fff;
    line-height:1.2;
    text-align:center;
    font-size:2.4em;
    text-transform:uppercase;
    opacity:0;
    transform:translate(0,-50px);
    -webkit-transform:translate(0,-50px);
    -moz-transform:translate(0,-50px);
    -ms-transform:translate(0,-50px);
    -o-transform:translate(0,-50px)
}
#start_info h1.mobile-title span.fancy-row{
    display:inline-block;
    clear:both;
    color:#fff;
    text-transform:uppercase;
    line-height:1.2;
    text-align:center;
    border-bottom:2px solid #ff3b30;
    padding:0 2px;
    font-size:2.5rem
}
#start_info h1.mobile-title span.smaller-content{
    display:block;
    clear:both;
    font-size:1.4rem;
    color:#fff;
    text-transform:uppercase;
    line-height:1.5;
    text-align:center;
    letter-spacing:.2em
}
#start_info a span{
    display:inline-block;
    width: 184px;
    height: 74px;
}

.download_links_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
}

@media (max-width: 500px){
    .download_links_container {
        justify-content: center;
    }

}

.download_links_container .iphone_android_wrapper{
    display: flex;
    gap: 16px;
}

#start_info a span.download_text {
    position: absolute;
    right: 25px;
    top: 20px;
    width: auto;
    height: auto;
    font-size: 13px;
    font-weight: 100;
    line-height: 1;
    text-align: left;
}
#start_info a span.download_text strong {
    font-size: 22px;
    font-weight: 500;
}
#start_info a.iphone{
    max-width: 173px;
    opacity:1;
    transform:translate(-50px,0);
    -webkit-transform:translate(-50px,0);
    -moz-transform:translate(-50px,0);
    -ms-transform:translate(-50px,0);
    -o-transform:translate(-50px,0)
}

/*#start_info a.iphone span{
    background-position:0 0
}*/
#start_info a.android{
    opacity:1;
    transform:translate(50px,0);
    -webkit-transform:translate(50px,0);
    -ms-transform:translate(50px,0);
    -moz-transform:translate(50px,0);
    -o-transform:translate(50px,0)
}
/*#start_info a.android span{
    background-position:-264px 0
}*/
#start_info a.dealer-studio{
    opacity:1;
    transform:translate(0px,50px);
    -webkit-transform:translate(0px,50px);
    -ms-transform:translate(0,50px);
    -moz-transform:translate(0,50px);
    -o-transform:translate(0,50px)
}
#start_info a.dealer-studio span{
    right: 75px;
}
#start_info.frontpage-studio{
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    z-index: 9;
    max-width: 50%;
}
#start_info.frontpage-studio h1{
    font-size: 48px;
    color:#fff;
    font-weight:bold;
    line-height:1.2;
    text-transform:capitalize;
    padding-bottom: 16px;
}
#start_info.frontpage-studio h2,
#start_info.frontpage-studio h3{
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
   
}
#start_info.frontpage-studio > .scroll-link-section-hld {padding-bottom: 200px;}
 
a.android{
    max-width: 202px;
}
a.dealer-studio{
    max-width: 220px;
}
#start_info_img{
    position:absolute;
    z-index:2;
   
    overflow:hidden;
    opacity:0;
    width: 540px;
}
.shown {
    color:#fff;
}
#start_info_img.shown{
    opacity:1;
    bottom:0
}
#start_info_img.frontpage{
    position:absolute;
    z-index:2;
    left: 815px;
    bottom: -180px;
    overflow:hidden;
    opacity:0
}
#start_info_img.get-started{
    background: transparent;
    left: 785px;
    width: 700px;
    bottom: 100px;
    padding: 0;
}

#start_info_img.frontpage.shown{
    opacity: 1;
    bottom: -60px;
}

@media (max-width: 992px){
    #start_info_img.frontpage{
        position: sticky;
        padding: 20px 0;
        text-align: center;
        width: 100%;
        max-width: 520px;
    }
    #start_info_img.frontpage img {
        max-width: 80%;
    }
}

#start_info_desktop{
    position:absolute;
    z-index:1;
    bottom:-20px;
    overflow:hidden;
    opacity:0;
    left: 580px;
    width: 1010px;
}
#start_info_desktop.shown{
    opacity: 1;
    bottom: 0;
    z-index: 1;
    position: absolute;
}

@media (max-width: 992px){
    #start_info_desktop {display: none;}
}

.scroll-link-section-hld{
    text-align:left;
    position:relative;
    display:block;
    width:100%;
    height:100px;
}

.more_container {
    position: relative;
}

#scroll_more {
    padding: 8px;
    position: absolute;
    width: 36px;
    height: 66px;
    left: calc(50% - 36px/2);
    bottom: 16px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 33px;
    z-index: 999;
}
@media (max-width: 600px){

    #scroll_more {
        bottom: 0;
    }

}


.dot {
    position: absolute; 
    top: 20px; 
    left: 50%; 
    transform: translate(-50%, -50%);
    width: 4px; 
    height: 8px; 
    background-color: #FFFFFF;
    border-radius: 2px;
}


.scrollPageDown.simple {
    display: block;
    width: 20px;
    height: 30px;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    background: inherit;
}
.scrollPageDown.simple:hover {
    background: #d32f2f;
}
.scrollPageDown .text {
    height: auto;
    color: #fff;
    font-size: 11px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 62px;
    color: #111;
}
.scrollPageDown.simple .text {
    font-size: 11px;
    text-transform: uppercase;
}


.bounce {
    display: inline-block;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    position: absolute;
    top: 40px;
    color: #fff;
    left: 8px;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(10px);
    transform: translateY(10px);
  }
  60% {
    -moz-transform: translateY(7px);
    transform: translateY(7px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  60% {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  60% {
    -moz-transform: translateY(7px);
    -ms-transform: translateY(7px);
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
  }
}
a#scrollPageDown{
    z-index:1;
    border:1px solid #fff;
    display:block;
    height:50px;
    margin:0 auto -45px;
    position:absolute;
    width:26px;
    left:0;
    right:0;
    bottom:0;
    top:5px;
    border-radius:20px;
    animation-duration:.8s;
    animation-name:showArror;
    animation-iteration-count:1
}
a#scrollPageDown.rel{
    position:relative;
    margin:40px 0 0 -20px;
    bottom:auto
}
a#scrollPageDown.dark{
    background:rgba(0,0,0,.6)
}
a#scrollPageDown span.text{
    height:auto;
    color:#fff;
    font-size:11px;
    left:-19px;
    position:absolute;
    text-align:center;
    text-transform:uppercase;
    bottom:-19px;
    width:62px
}
a#scrollPageDown.dark span.text{
    color:#333
}
@-webkit-keyframes showArror{
    0%{
        visibility:hidden;
        opacity:0;
        transform:scale(0.2) rotate(90deg);
        -moz-transform:scale(0.2) rotate(90deg);
        -webkit-transform:scale(0.2) rotate(90deg);
        -ms-transform:scale(0.2) rotate(90deg);
        -o-transform:scale(0.2) rotate(90deg)
    }
    100%{
        visibility:visible;
        opacity:1;
        transform:scale(1) rotate(0deg);
        -moz-transform:scale(1) rotate(0deg);
        -webkit-transform:scale(1) rotate(0deg);
        -ms-transform:scale(1) rotate(0deg);
        -o-transform:scale(1) rotate(0deg)
    }
}
@-moz-keyframes showArror{
    0%{
        visibility:hidden;
        opacity:0;
        transform:scale(0.2) rotate(90deg);
        -moz-transform:scale(0.2) rotate(90deg);
        -webkit-transform:scale(0.2) rotate(90deg);
        -ms-transform:scale(0.2) rotate(90deg);
        -o-transform:scale(0.2) rotate(90deg)
    }
    100%{
        visibility:visible;
        opacity:1;
        transform:scale(1) rotate(0deg);
        -moz-transform:scale(1) rotate(0deg);
        -webkit-transform:scale(1) rotate(0deg);
        -ms-transform:scale(1) rotate(0deg);
        -o-transform:scale(1) rotate(0deg)
    }
}
@-o-keyframes showArror{
    0%{
        visibility:hidden;
        opacity:0;
        transform:scale(0.2) rotate(90deg);
        -moz-transform:scale(0.2) rotate(90deg);
        -webkit-transform:scale(0.2) rotate(90deg);
        -ms-transform:scale(0.2) rotate(90deg);
        -o-transform:scale(0.2) rotate(90deg)
    }
    100%{
        visibility:visible;
        opacity:1;
        transform:scale(1) rotate(0deg);
        -moz-transform:scale(1) rotate(0deg);
        -webkit-transform:scale(1) rotate(0deg);
        -ms-transform:scale(1) rotate(0deg);
        -o-transform:scale(1) rotate(0deg)
    }
}
@keyframes showArror{
    0%{
        visibility:hidden;
        opacity:0;
        transform:scale(0.2) rotate(90deg);
        -moz-transform:scale(0.2) rotate(90deg);
        -webkit-transform:scale(0.2) rotate(90deg);
        -ms-transform:scale(0.2) rotate(90deg);
        -o-transform:scale(0.2) rotate(90deg)
    }
    100%{
        visibility:visible;
        opacity:1;
        transform:scale(1) rotate(0deg);
        -moz-transform:scale(1) rotate(0deg);
        -webkit-transform:scale(1) rotate(0deg);
        -ms-transform:scale(1) rotate(0deg);
        -o-transform:scale(1) rotate(0deg)
    }
}
a#scrollPageDown span.dot{
    border-radius:100%;
    height:8px;
    left:12px;
    position:absolute;
    top:0;
    width:8px;
    background:#fff;
    animation-duration:1.5s;
    animation-name:dropArrow;
    animation-iteration-count:infinite
}
@-webkit-keyframes dropArrow{
    0%{
        opacity:0;
        top:4px
    }
    50%{
        opacity:1;
        top:30px
    }
    75%{
        opacity:0;
        top:30px
    }
    100%{
        opacity:0;
        top:4px
    }
}
@-moz-keyframes dropArrow{
    0%{
        opacity:0;
        top:4px
    }
    50%{
        opacity:1;
        top:30px
    }
    75%{
        opacity:0;
        top:30px
    }
    100%{
        opacity:0;
        top:4px
    }
}
@-o-keyframes dropArrow{
    0%{
        opacity:0;
        top:4px
    }
    50%{
        opacity:1;
        top:30px
    }
    75%{
        opacity:0;
        top:30px
    }
    100%{
        opacity:0;
        top:4px
    }
}
@keyframes dropArrow{
    0%{
        opacity:0;
        top:10px
    }
    50%{
        opacity:1;
        top:36px
    }
    75%{
        opacity:0;
        top:36px
    }
    100%{
        opacity:0;
        top:10px
    }
}
@-webkit-keyframes flashBorder{
    0%,100%{
        border-color:rgba(248,87,98,.3);
        background:rgba(0,0,0,.1)
    }
    50%{
        border-color:rgba(248,87,98,1);
        background:rgba(0,0,0,.5)
    }
}
@-moz-keyframes flashBorder{
    0%,100%{
        border-color:rgba(248,87,98,.3);
        background:rgba(0,0,0,.1)
    }
    50%{
        border-color:rgba(248,87,98,1);
        background:rgba(0,0,0,.5)
    }
}
@-o-keyframes flashBorder{
    0%,100%{
        border-color:rgba(248,87,98,.3);
        background:rgba(0,0,0,.1)
    }
    50%{
        border-color:rgba(248,87,98,1);
        background:rgba(0,0,0,.5)
    }
}
@keyframes flashBorder{
    0%,100%{
        border-color:rgba(248,87,98,.3);
        background:rgba(0,0,0,.1)
    }
    50%{
        border-color:rgba(248,87,98,1);
        background:rgba(0,0,0,.5)
    }
}
.flashBorder{
    animation:flashBorder .5s step-end 3 alternate;
    border:2px solid transparent;
    background:0 0
}
#start_info a.android.shown,
#start_info a.dealer-studio.shown,
#start_info a.iphone.shown,
#start_info form.shown,
#start_info h1.shown,
#start_info h2.shown,
#start_info h3.shown,
#start_info p.shown{
    opacity:1;
    transform: translate(0,0);
}

#start_info.thank_you a.iphone {
    margin: 45px 0 0;
}

.success .shown{
    font-size:13px!important;
    color:#999!important
}
a#get_started_btn_studio{
    margin:5px auto 0;
    line-height:36px;
    text-indent:5px;
    text-transform:uppercase;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background:#d32f2f none repeat scroll 0 0;
    border-image:none;
    box-shadow:none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-weight:700;
    font-size:16px;
    height:auto;
    min-width:auto;
    min-height:35px;
    padding:0 40px;
    position:relative;
    text-align:center;
    text-shadow:none;
    width:auto;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    transition-duration:.3s;
    border:0;
    border-radius:5px;
    background-image:-moz-linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);
    background-image:-webkit-linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);
    background-image:-ms-linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%)
}
.bb{
    margin-bottom: 70px;
    text-align: center;
}
#video {
    padding: 80px 0;
}

#data_partners {
    padding:80px 0 100px;
    max-width: 100%;
}

#inventory_managment_holder{
    padding:100px 0 0
}

#inventory_managment_holder + div .partner_image_holder img {
    max-height: 100px;
}

#data_partners h1{
    font-size:3.125em;
    letter-spacing:-.025em;
    text-align:center;

}


#data_partners h2
{
    font-size:2.7em;
    letter-spacing:-.025em;
    text-align:center;
}
#data_partners h3{
    font-size:1.8em;
    letter-spacing:-.025em;
    text-align:center;

}

#data_partners p.description{
    font-size:1.4em;
    color:#666666;
    font-weight:400;
    margin-top:40px
}

#data_partners .partner_image_holder{
    position:relative;
    height:140px;
    width:100%;
    padding-top:40px
}
#data-partners .partner_image_holder{
    position:relative;
    height:140px;
    width:100%;
    padding-top:40px;
    transform: translate(14px, 0px) !important; 
}
#data_partners .partner_image_holder img{
    padding-bottom:3px;
    border-bottom:1px solid transparent;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    max-width:100%;
    max-height:100%;
}
#data-partners .partner_image_holder img{
    padding-bottom:3px;
    border-bottom:1px solid transparent;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    max-width:100%;
    max-height:100%;
    cursor:pointer
}
#inventory_managment {
    margin-top: 200px;
}
#inventory_managment .partner_image_holder{
    position:relative;
    height:175px;
    width:100%;
    padding-top:40px
}
#auction_sources .partner_image_holder legend,
#data_partners .partner_image_holder legend{
    font-size:14px;
    padding-bottom:3px;
    border-bottom:1px solid transparent;
    position:absolute;
    left:0;
    right:0;
    bottom:-5px;
    margin:auto;
    max-width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    z-index:2
}

.valuation_partners {display: flex;padding: 80px 0;flex-direction: column;gap: 40px;align-items: center;text-align: center;}
.valuation_partners p a {text-decoration: underline;color: #cc2939;}
.valuation_partners_sub {display: flex;flex-direction: column;gap: 24px;align-items: center;text-align: center;margin: 0 -15px;}
.valuation_partners_sub .list {display: flex;gap: 24px;flex-wrap: wrap;justify-content: center;flex: 1 1 auto;width: 100%;}
.valuation_partners_sub .list .item {position: relative;flex: 1 1 31%;min-width: 300px;padding: 24px;border-radius: 20px;border: 0.5px solid #E7E7E7;background: #FFF;box-shadow: 2px 2px 0px 0px rgba(17, 17, 17, 0.10);}
.valuation_partners_sub .list .item .partner_image_holder {display: flex;gap: 16px;flex-direction: column;}
.valuation_partners_sub .list .item .partner_image_holder a {display: block;border-radius: 10px;background: #F5F7FA;padding: 24px 48px;}
.valuation_partners_sub .list .item .partner_image_holder a img {max-width: 98%;max-height: 48px;}
.partner_image_holder legend {font-size:14px;display:flex;gap: 4px;align-items:center;justify-content:center;width:100%;z-index:2;border-bottom: none;margin: 0;}
.partner_image_holder legend span.show_image {display:inline-block;width:40px;height:40px;cursor:pointer;border-radius: 8px;background: #F6F6F6;display: flex;align-items: center;justify-content: center;transition-duration: .2s;--fill-color: #B0B0B0;}
.partner_image_holder legend span.show_image svg {transition-duration: .2s;}
.partner_image_holder legend span.show_image:hover {background: #FFF1F2;--fill-color: #FF3344;}

#auction_sources .partner_image_holder legend{
    z-index:3
}
#auction_sources .partner_image_holder legend span.show_image,
#data_partners .partner_image_holder legend span.show_image{
    display:inline-block;
    width:26px;
    height:26px;
    margin:0 10px 0 0;
    cursor:pointer
}

.phone_on_hover{
    overflow:hidden;
    position:absolute;
    width:50px;
    height:480px;
    top:-400px;
    left:0;
    right:0;
    margin:auto;
    display:block;
    background:url(../img/partner_hover_phone.png?v=1) no-repeat scroll 0 0 transparent;
    background-size:cover;
    transform:translate(0px,200px) scale(0.2);
    opacity:0;
    visibility:hidden
}
.phone_on_hover.hovered_start{
    z-index:2;
    opacity:1;
    visibility:visible;
    transform:translate(0px,0) scale(0.6);
    -webkit-transform:translate(0px,0) scale(0.6);
    -moz-transform:translate(0px,0) scale(0.6);
    -ms-transform:translate(0px,0) scale(0.6)
}
.phone_on_hover.hovered_end{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1)
}
.phone_image_holder_partner{
    position:relative;
    display:block;
    margin:85px 32px 0 36px;
    width:179px;
    height:315px;
    overflow:hidden
}
.phone_image_holder_partner img{
    min-width:100%;
    min-height:100%
}
.desktop_on_hover{
    overflow:hidden;
    position:absolute;
    width:50px;
    height:386px;
    top:-360px;
    left:0;
    right:0;
    margin:auto;
    display:block;
    background:0 0;
    transform:translate(0px,200px) scale(0.2);
    opacity:0;
    visibility:hidden
}
.desktop_on_hover.hovered_start{
    z-index:2;
    opacity:1;
    visibility:visible;
    transform:translate(0px,0) scale(0.6);
    -webkit-transform:translate(0px,0) scale(0.6);
    -moz-transform:translate(0px,0) scale(0.6);
    -ms-transform:translate(0px,0) scale(0.6)
}
.desktop_on_hover.hovered_end{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1)
}
.desktop_image_holder_partner{
    position:relative;
    display:block;
    margin:0;
    width:700px;
    height:386px;
    overflow:hidden
}
.desktop_image_holder_partner img{
    min-width:100%;
    min-height:100%
}
.more_than_image_holder{
    position:relative;
    width:100%;
    min-height:420px;
    display:block
}
.more_than_image_holder.auto-width{
    position:initial;
    width:100%;
    min-height:420px;
    display:block;
    overflow:visible
}
.more_than_image_holder.to-right{
    direction:rtl
}
.more_than_image_holder.auto-width img{
    max-width:100% !important;
    max-height: 560px;
    margin:14px 0 0 15px;
    opacity:1;
    transition: all 2s;
}
.more_than_image_holder.auto-width img.lazy{
    opacity: 1;
    transform:translate(40px,40px);
}
.more_than{
    position:absolute;
    width:219px;
    height:420px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    display:block
}
.more_than_center{
    min-height:250px!important;
    height:auto
}
.row-equal-height .more_than_center{
    min-height:120px!important;
    height:auto
}

#studio_sections_content{
    background:#fff;
    text-align:center;
    padding:0 0 100px;
    max-width:100%;
    overflow:hidden;
    position:relative
}
#studio_sections_content h1{
    text-transform:uppercase;
    line-height:1.2;
    font-weight:700;
    font-size:2.125em;
    letter-spacing:-.025em;
    margin:0 0 50px;
    color:#111
}
#studio_sections_content #video h2,
#studio_sections_content h2 {
    text-transform:uppercase;
    line-height:1.2;
    font-weight:700;
    font-size:2.7em;
    letter-spacing:0;
    margin:50px 0 30px;
    color:#111
}

#studio_sections_content #video h3,
#studio_sections_content h3{
    text-transform:uppercase;
    line-height:1.2;
    font-weight:700;
    font-size:1.8em;
    letter-spacing:0;
    margin:50px 0 30px;
    color:#111
}
#studio_sections_content p{
    font-size: 1em;
    color: #666666;
    font-weight: 400;
    padding:0 0 30px
}

.row-equal-height .row,
.row-equal-height-video .row{
    min-height:620px;
    margin:60px 0 90px;
    display:flex;
    justify-content:space-around;
    align-items:stretch;
    align-content:stretch
}
.row-equal-height.bigger_bottom{
    margin-bottom:160px
}
#FullPage .row-equal-height:first-child .row{
    margin-top:0
}
#FullPage li a,
#FullPage p a{
    color:#cc2939;
    text-decoration: underline;
}
#FullPage .container {
    width: 100%;
    max-width: 1410px;
    padding: 0;
}
#FullPage .col-md-4 .more_than_image_holder .lazy{
    /* width: 100%; */
    max-width: 420px;
    max-height: 780px;
}
.row-equal-height .row div[class*=col-md-]{
    display:flex;
    justify-content:center;
    align-items:center;
    align-content:center
}
#default_page_title{
    margin-top:90px;
    text-align:center;
    padding-left: 20px;
    padding-right: 20px;
}
#default_page_title h1{
    font-size:3.125em;
    letter-spacing:-.025em;
    margin:0 0 20px;
    color:#333
}
#default_page_body{
    text-align:justify;
    margin:0 auto 40px;
    width:100%
}
#default_page_body p{
    font-size:1.2em;
    color:#111;
    font-weight:300;
    padding:0;
    line-height:normal;
    -moz-text-align-last:left;
    text-align-last:left;
    -webkit-text-align-last:left
}
#default_page_body p a{
    color:#cc2939
}
#default_page_body p a:hover{
    text-decoration:underline
}
#about_page_title{
    margin-top:0;
    text-align:center
}
#about_page_title h1,
#about_page_title h2,
#about_page_title h3{
    font-size:3.125em;
    letter-spacing:-.025em;
    margin:0 0 20px;
    color:#333
}
#about_page_body{
    text-align:justify;
    margin:0 auto 40px;
    width:100%;
    -moz-text-align-last:center;
    text-align-last:center;
    -webkit-text-align-last:center
}
#about_page_body p{
    font-size:1.2em;
    color:#333;
    font-weight:300;
    padding:0;
    line-height:normal
}
#free_demo_title{
    margin-top:0;
    text-align:center
}
#free_demo_title h1,
#free_demo_title h2,
#free_demo_title h3{
    font-size:3.125em;
    letter-spacing:-.025em;
    margin:0 0 20px;
    color:#333
}
#free_demo_body{
    text-align:justify;
    margin:0 auto 40px;
    width:100%;
    -moz-text-align-last:center;
    text-align-last:center;
    -webkit-text-align-last:center
}
#free_demo_body p{
    font-size:1.2em;
    color:#333;
    font-weight:300;
    padding:0;
    line-height:normal
}
#free_demo_holder #free_demo_title{
    margin-top:0;
    text-align:center
}
#free_demo_holder #free_demo_title h1{
    font-size:3.125em;
    letter-spacing:-.025em;
    margin:0 0 20px;
    color:#fff
}
#free_demo_holder #free_demo_body{
    text-align:justify;
    margin:0 auto 40px;
    width:100%;
    -moz-text-align-last:center;
    text-align-last:center;
    -webkit-text-align-last:center
}
#free_demo_holder #free_demo_body p{
    font-size:1.2em;
    color:#fff;
    font-weight:300;
    padding:0;
    line-height:normal;
    text-align:center
}
#default_page_teaser{
    position:relative;
    width:100%;
    background:#d32f2f;
    color:#fff;
    text-align:center;
    padding:20px 0
}
#default_page_teaser p{
    font-size:1.688em;
    color:#fff;
    font-weight:400;
    padding:0;
    line-height:normal;
    margin:0
}


#about_section{
    background:#f5f8fa;
    color:#333;
    padding:60px 0
}
#free_demo_frontpage{
    background:#7acc88;
    color:#333;
    padding:70px 0;
    clear:both
}
#vin_scanner_list h2,
#vin_scanner_list h3 {
    font-size:1.688em;
    font-weight:700;
    text-align:center;
    line-height:27px
}
#vin_scanner_list h3{
    font-size:1.45em;
    font-weight:400;
    text-align:center;
    line-height:27px
}
#vin_scanner_list p{
    font-size:1em;
    font-weight:300;
    text-align:center;
    line-height:27px;
    margin-top:20px;
    color: #fff;
}
#vin_scanner_list p a{
    text-decoration:underline;
    font-weight:400
}
#vin_scanner_list p a.read_more{
    color:#848995
}

.list_item{
    position:relative
}
.list_item .row .col-md-5{
    position:static
}

.run-list-wrap {display: flex;gap: 48px;padding: 128px 15px;}
.run-list-wrap .list_item_content {flex: 0 1 auto;}

@media (max-width: 991px) {
    .run-list-wrap {flex-direction: column;align-items: center;}
}

.list_item_content{
    padding:130px 10px
}
.list_item_content.no-padding{
    padding: 0;
}
.list_item span.icon{
    position:absolute;
    top:50%;
    width:250px;
    height:250px;
    display:block;
    background-color:#2f3440;
    margin-top:-125px
}
.list_item span.icon.scan_barcode{
    background-position:62px -84px
}
.list_item span.icon.sync{
    background-position:-223px -84px
}
.list_item span.icon.data_provider{
    background-position:-497px -78px
}
.list_item span.icon.free_download{
    background-position:65px -285px
}
.list_item .row>.col-md-5 span.icon{
    left:20%;
    margin-left:-125px
}
.list_item .row>.col-md-5 .dwnBTNchange{
    width: 250px;
    height: 250px;
    display: block;
}
.list_item .row .col-md-7+.col-md-5 span.icon{
    right:20%;
    margin-right:-125px;
    left:auto;
    margin-left:0
}
#top_content.support #contact_form{
    margin:10px auto
}
.contact_form_holder{
    max-width:520px;
    height:auto;
    margin:0 auto;
    width:100%
}
#top_content.support .contact_form_holder{
    max-width:520px;
    height:auto;
    margin:15px auto;
    width:100%
}
#default_page_body .input-field label.text_label,#default_page_body .input-field-text label.text_label{
    text-align:left;
    float:left
}
#default_page_body input,#default_page_body select,#default_page_body textarea{
    text-align:left
}
#free_demo_form{
    margin:50px auto 20px
}
.free_demo_form_holder{
    max-width:520px;
    height:auto;
    margin:35px auto;
    width:100%
}
.input-field,.input-field-text{
    margin-bottom:45px;
    text-align:left;
    position:relative;
    min-height:25px
}

.input-field.links a,
.link {
    font-weight: bold;
    text-decoration: underline;
}
.link.red {
    color: #cc2944;
}
.input-field.links a:hover,
.link:hover {
    color: #D32F2F;
}
.input-field-submit{
    text-align:center
}
.input-field.with_datepicker{
    position:relative
}
.input-field.with_datepicker .ui-datepicker{
    top:75px
}
.input-field label.text_label,.input-field-text label.text_label{
    margin:0 0 10px 0;
    display:block;
    float:none;
    clear:both;
    font-size:12px;
    color:#999999;
    padding:0;
    text-transform:uppercase;
    font-weight:700;
    text-align:left;
    -moz-text-align-last:left;
    -webkit-text-align-last:left
}


#free_demo_holder .free_demo_form_holder .input-field label.text_label,.free_demo_form_holder .input-field-text label.text_label{
    color:#fff
}
.input-field .chzn-container-multi .chzn-choices,
.input-field .chzn-container-single .chzn-single,
.input-field .chzn-container-single .chzn-single.chzn-default,
.input-field input,
.input-field select,
.input-field textarea,
.input-field-text .chzn-container-multi .chzn-choices,
.input-field-text .chzn-container-single .chzn-single,
.input-field-text .chzn-container-single .chzn-single.chzn-default,
.input-field-text input,
.input-field-text select,
.input-field-text textarea{
    border:0;
    padding:0 20px;
    min-height:50px;
    width:100%;
    font-size:14px;
    color:#333;
    background:#f5f6f7;
    font-weight:300;
    text-align:left;
    -moz-text-align-last:left;
    -webkit-text-align-last:left
}

.input-field .note_msg {
    display: inline-block;
    font-size: 12px;
    color: #999;
    margin-top: 10px;
    padding-left: 20px;
}

#free_demo_holder .free_demo_form_holder .input-field .chzn-container-multi .chzn-choices,#free_demo_holder .free_demo_form_holder .input-field .chzn-container-single .chzn-single,#free_demo_holder .free_demo_form_holder .input-field .chzn-container-single .chzn-single.chzn-default,#free_demo_holder .free_demo_form_holder .input-field input,#free_demo_holder .free_demo_form_holder .input-field select,#free_demo_holder .free_demo_form_holder .input-field textarea,#free_demo_holder .free_demo_form_holder .input-field-text .chzn-container-multi .chzn-choices,#free_demo_holder .free_demo_form_holder .input-field-text .chzn-container-single .chzn-single,#free_demo_holder .free_demo_form_holder .input-field-text .chzn-container-single .chzn-single.chzn-default,#free_demo_holder .free_demo_form_holder .input-field-text input,#free_demo_holder .free_demo_form_holder .input-field-text select,#free_demo_holder .free_demo_form_holder .input-field-text textarea{
    background:#fff
}
.input-field select,.input-field-text select{
    padding:12px
}
.input-field .chzn-container-multi .chzn-choices{
    margin:0 0 10px;
    min-height:40px
}
.input-field .chzn-container-multi .chzn-choices .search-choice{
    margin:12px 5px 0 0
}
.input-field .chzn-container-single .chzn-single,.input-field .chzn-container-single .chzn-single.chzn-default{
    padding:16px 20px
}
.input-field .chzn-container-single .chzn-single div b{
    background-position:-1076px 14px
}
.input-field .chzn-container-single .chzn-single abbr{
    background-position:-1146px -124px;
    height:50px
}
.input-field textarea,.input-field-text textarea{
    padding:12px 20px;
    height:200px
}
.input-field select[multiple=multiple]{
    height:100px
}
.input-field input:focus,.input-field textarea:focus .input-field-text input:focus,.input-field-text textarea:focus{
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);
    -ms-box-shadow:0 2px 8px rgba(0,0,0,.1);
    -moz-box-shadow:0 2px 8px rgba(0,0,0,.1);
    -o-box-shadow:0 2px 8px rgba(0,0,0,.1)
}

.c-validation  {
    position: relative;
}
.c-validation p{ 
    position: absolute;
    right: 0;
    top: 7px;
    background: #cc2944 !important;
    padding: 5px !important;
    border-radius: 0 !important;
    color: #fff !important;
    display: inline-block !important;
    margin: 0;
    font-size: initial !important;
}
.c-validation.l p{
    right: auto;
    left: 0;
}
span.validation_span{
    display:block;
    width:10px;
    height:10px;
    position:absolute;
    right:20px;
    top: 47px;
    text-align:left;
    z-index:2
}
.recaptcha_input_area span.validation_span{
    right:10px;
    top:22px
}
#recaptcha_area{
    width:100%;
    border:1px solid #f4f4f4;
    margin:0 auto;
    border-radius:3px;
    background-color:#fafafa
}
#recaptcha_table{
    border:0!important;
    background-color:#fafafa
}
#recaptcha_table tbody{
    margin:0 auto;
    width:auto
}
.recaptchatable #recaptcha_image{
    border:0!important;
    background-color:#fafafa
}
.recaptchatable .recaptcha_image_cell{
    background-color:#f5f6f7!important
}
.file_list{
    position:absolute;
    display:block;
    max-width:300px;
    right:0;
    top:-15px;
    z-index:9999
}
.file_list ul{
    position:relative;
    display:block;
    width:100%
}
.file_list ul li{
    display:table-cell;
    width:50px;
    height:40px;
    vertical-align:middle;
    padding:0
}
.file_list ul li a{
    display:block;
    width:40px;
    height:40px;
    position:relative;
    margin:0 auto;
    overflow:hidden
}
.file_list ul li a span{
    display:block;
    width:40px;
    height:40px;
    background-position:0 0
}
.file_list ul li a:hover span{
    background-position:1px -90px
}
.recaptchatable a,.recaptchatable a:hover{
    color:#d32f2f!important
}
.recaptchatable #recaptcha_response_field{
    border:0!important;
    padding:0 20px;
    min-height:50px;
    width:100%;
    font-size:16px;
    color:#333;
    background:#eceff1;
    font-weight:300;
    text-align:left;
    -moz-text-align-last:left;
    -webkit-text-align-last:left
}
.recaptchatable #recaptcha_response_field:focus{
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);
    -ms-box-shadow:0 2px 8px rgba(0,0,0,.1);
    -moz-box-shadow:0 2px 8px rgba(0,0,0,.1);
    -o-box-shadow:0 2px 8px rgba(0,0,0,.1)
}
.recaptchatable label.invalid,.recaptchatable label.valid{
    display:block;
    width:10px!important;
    height:10px!important;
    position:absolute!important;
    right:12px!important;
    top:15px!important;
    text-align:left;
    z-index:2
}
#submit_btn{
    opacity:1;
    text-indent:5px;
    text-transform:uppercase;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background:#d32f2f none repeat scroll 0 0;
    border-image:none;
    box-shadow:none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-weight:700;
    font-size:16px;
    height:auto;
    min-width:auto;
    min-height:35px;
    padding:0 40px;
    position:relative;
    text-align:center;
    text-shadow:none;
    width:auto;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    transition-duration:.3s;
    margin:0 auto;
    border-style:solid;
    border-width:1px;
    border-color:#991f2b;
    border-radius:5px;
    background-image:-moz-linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
    background-image:-webkit-linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
    background-image:-ms-linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%)
}
#submit_btn:hover{
    background-color:#d32f2f;
    background-image:none;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 8px 10px 0 rgba(0,0,0,.15)
}
#free_demo_holder #free_demo_btn{
    text-indent:5px;
    float:right;
    text-transform:uppercase;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background-color:rgba(0,0,0,.1);
    border-color:-moz-use-text-color #fff #fff;
    border-image:none;
    border-radius:3px;
    border-style:none none solid;
    border-width:0;
    box-shadow:none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-weight:700;
    font-size:16px;
    height:auto;
    margin:0 auto;
    min-width:auto;
    min-height:35px;
    padding:0 40px;
    position:relative;
    text-align:center;
    text-shadow:none;
    width:auto;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    transition-duration:.5s
}
#free_demo_holder #free_demo_btn:hover{
    background-color:rgba(255,255,255,.2)
}
#frontpage_login{
    text-align:center;
    max-width:350px;
    margin:0 auto;
    display:block
}
#frontpage_login .input-field{
    margin-bottom:10px
}
#frontpage_login .input-field label.text_label,#frontpage_login .input-field-text label.text_label{
    -moz-text-align-last:left;
    clear:both;
    color:#fff;
    display:block;
    float:none;
    font-size:13px;
    font-weight:700;
    margin:0;
    padding:0;
    text-align:left;
    text-transform:uppercase
}
#frontpage_login .input-field input{
    -moz-text-align-last:left;
    background:#f5f6f7;
    border:medium none;
    color:#333;
    font-size:16px;
    font-weight:300;
    min-height:50px;
    padding:0 20px;
    text-align:left;
    width:100%;
    border-radius:4px;
    opacity:.8;
    box-shadow:none
}
#frontpage_login .input-field-text textarea{
    -moz-text-align-last:left;
    background:#f5f6f7;
    border:medium none;
    color:#333;
    font-size:16px;
    font-weight:300;
    padding:12px 20px;
    text-align:left;
    width:100%;
    border-radius:4px;
    opacity:.8;
    box-shadow:none;
    height:140px
}
#frontpage_login .input-field input:focus,#frontpage_login .input-field input:hover,#frontpage_login .input-field-text textarea:focus,#frontpage_login .input-field-text textarea:hover{
    border-radius:4px;
    background-color:#fff;
    box-shadow:0 0 10px 0 rgba(255,255,255,.5);
    opacity:1
}
#top_content.support #frontpage_login .input-field-text textarea{
    height:80px
}
#frontpage_login #submit_btn{
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background:transparent none repeat scroll 0 0;
    border-image:none;
    box-shadow:none;
    color:#fff;
    cursor:pointer;
    float:none;
    font-size:16px;
    font-weight:700;
    height:auto;
    margin:20px auto 5px;
    min-height:35px;
    min-width:auto;
    opacity:1;
    padding:0;
    position:relative;
    text-align:center!important;
    text-indent:0;
    text-shadow:none;
    text-transform:uppercase;
    border:1px solid #fff;
    width:100%;
    border-radius:5px;
    display:block;
    -moz-text-align-last:center!important
}
#frontpage_login #submit_btn:focus,#frontpage_login #submit_btn:hover{
    background-color:#d32f2f
}
#frontpage_login .input-field-submit{
    margin-top:0
}
#top_content.support #frontpage_login .input-field-submit{
    margin-top:0
}
#demo-form-messages,.message,.success{
    background-color:#f9f9f9;
    border-radius:4px;
    padding:10px
}

#codingData {width: 100%;float: left;}

#resultImageWrapper {background: #fff;margin-bottom: 30px;width: 258px;max-width: 100%;margin: 0 auto 30px;}
#resultImage {height: 280px;vertical-align: middle;text-align: center;border: 1px solid #eeeeee;display: flex;align-items: center;justify-content: center;}
#resultImage img {max-width: 85%;max-height: 85%;}
#resultImage.default:before {content: "";display: inline-block;width: 75px;height: 75px;background: url(../img/icons.png?v=1) no-repeat scroll -1171px -1161px;margin: 0 auto;}
#barcodeInfo {display: none;}

a#saveBarcode.disabled {color: #ccc;background: #f1f1f1;cursor: default;}
a#saveBarcode.disabled:hover {color: #ccc;background: #f1f1f1;cursor: default;}

.radio_group {
    text-align: center;
    background: #fafafa;
    display: flex;
    height: 30px;
    border-radius: 3px;
}

label.radio_type_btn {
    text-align: center;
    position: relative;
    height: 30px;
    cursor: pointer;
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #999999;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
}

label.radio_type_btn + label.radio_type_btn {
    margin-left: 15px;
}

.radio_type_btn input {
    position: absolute;
    top: 0;
    visibility: hidden;
    opacity: 0;
    left: 0;
}


label.radio_type_btn.radio_selected  {
    background: #cc2944;
    color: #fff;
}

#top_content.support .g-recaptcha{
    opacity:.7;
    border-radius:4px
}
#top_content.support .g-recaptcha:focus,#top_content.support .g-recaptcha:hover{
    opacity:1
}
.restrictions{
    text-align:center
}
#free_demo_frontpage .restrictions p{
    color:#fff;
    font-size:16px
}
.blinking_text{
    -webkit-animation:blink 1.5s linear infinite;
    -moz-animation:blink 1.5s linear infinite;
    animation:blink 1.5s linear infinite
}
@keyframes blink{
    0%{
        opacity:.6
    }
    50%{
        opacity:1
    }
    100%{
        opacity:.6
    }
}
@-webkit-keyframes blink{
    0%{
        opacity:.6
    }
    50%{
        opacity:1
    }
    100%{
        opacity:.6
    }
}
#demo-form-messages,.success{
    position:relative;
    float:left;
    display:none;
    width:auto
}
#demo-form-messages p,.success p{
    color:#666;
    font-size:16px;
    text-align:left;
    font-weight:500;
    text-indent:10px;
}
#demo-form-messages,.message{
    color:#666;
    font-size:16px;
    text-align:left;
    font-weight:500;
    text-indent:10px;
    float:none;
    margin-bottom:10px
}
.valid{
    background:none repeat scroll 0 0 green;
    font-size:0;
    border-radius:10px
}
.invalid{
    background:none repeat scroll 0 0 red;
    font-size:0;
    border-radius:10px
}
.center_login a{
    font-weight:400;
    color:#848995;
    text-decoration:underline
}
.center_login{
    text-align:center
}

#footer_nav{
    float:left;
    min-height:0;
    margin:0;
    padding:38px 0
}
#footer_nav ul li {
    float:left;
    padding-top:2px;
    display: inline;
    padding: 0 15px;
    text-shadow: none;
    border-right: 1px solid #2c313a;
}
.clear{
    clear:both
}
.boxshadow01001{
    box-shadow:0 1px 0 rgba(0,0,0,.1);
    -ms-box-shadow:0 1px 0 rgba(0,0,0,.1);
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);
    -moz-box-shadow:0 1px 0 rgba(0,0,0,.1);
    -o-box-shadow:0 1px 0 rgba(0,0,0,.1)
}
.boxshadow01002{
    box-shadow:0 1px 0 rgba(0,0,0,.2);
    -ms-box-shadow:0 1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 0 rgba(0,0,0,.2);
    -o-box-shadow:0 1px 0 rgba(0,0,0,.2)
}
.boxshadow01203{
    box-shadow:0 1px 2px rgba(0,0,0,.3);
    -ms-box-shadow:0 1px 2px rgba(0,0,0,.3);
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.3);
    -o-box-shadow:0 1px 2px rgba(0,0,0,.3)
}
.boxshadow03803{
    box-shadow:0 3px 8px rgba(0,0,0,.3);
    -ms-box-shadow:0 3px 8px rgba(0,0,0,.3);
    -webkit-box-shadow:0 3px 8px rgba(0,0,0,.3);
    -moz-box-shadow:0 3px 8px rgba(0,0,0,.3);
    -o-box-shadow:0 3px 8px rgba(0,0,0,.3)
}
.boxshadow021002{
    box-shadow:0 0 10px rgba(0,0,0,.2);
    -ms-box-shadow:0 2px 10px rgba(0,0,0,.2);
    -webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);
    -moz-box-shadow:0 2px 10px rgba(0,0,0,.2);
    -o-box-shadow:0 2px 10px rgba(0,0,0,.2)
}
.boxshadow0,.navbar-collapse{
    box-shadow:none;
    -ms-box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none
}
.duration01, .radio_type_btn label{
    transition-timing-function:ease-in-out;
    -webkit-transition-duration:.1s;
    -ms-transition-duration:.1s;
    -o-transition-duration:.1s;
    transition-duration:.1s;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0)
}
.duration02{
    transition-timing-function:ease-in-out;
    -webkit-transition-duration:.2s;
    -ms-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0)
}
#free_demo p,#start_info a,#start_info form,#start_info h1,#start_info p,#top_content.support .g-recaptcha,.duration03{
    transition-timing-function:ease-in-out;
    -webkit-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0)
}
.duration05{
    transition-timing-function:ease-in-out;
    -webkit-transition-duration:.5s;
    -ms-transition-duration:.5s;
    -o-transition-duration:.5s;
    transition-duration:.5s;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0)
}
.duration1,.duration3{
    transition-timing-function:ease-in-out;
    -webkit-transition-duration:1s;
    -ms-transition-duration:1s;
    -o-transition-duration:1s;
    transition-duration:1s;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0)
}
.border0{
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0
}
.border2{
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    -ms-border-radius:2px
}
#main_nav .navbar-nav>li>a.header_login,
.border3{
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px
}
.border3{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px
}
.border3000{
    border-radius:3px 0 0;
    -moz-border-radius:3px 0 0;
    -webkit-border-radius:3px 0 0;
    -o-border-radius:3px 0 0;
    -ms-border-radius:3px 0 0
}
.border3030{
    border-radius:3px 0;
    -moz-border-radius:3px 0;
    -webkit-border-radius:3px 0;
    -o-border-radius:3px 0;
    -ms-border-radius:3px 0
}
.border3003{
    border-radius:3px 0 0 3px;
    -moz-border-radius:3px 0 0 3px;
    -webkit-border-radius:3px 0 0 3px;
    -o-border-radius:3px 0 0 3px;
    -ms-border-radius:3px 0 0 3px
}
.border0033{
    border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -webkit-border-radius:0 0 3px 3px;
    -o-border-radius:0 0 3px 3px;
    -ms-border-radius:0 0 3px 3px
}
.border0330{
    border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    -webkit-border-radius:0 3px 3px 0;
    -o-border-radius:0 3px 3px 0;
    -ms-border-radius:0 3px 3px 0
}
.border3300{
    border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0
}
.border0550{
    border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    -o-border-radius:0 5px 5px 0;
    -ms-border-radius:0 5px 5px 0
}
.border5005{
    border-radius:5px 0 0 5px;
    -moz-border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    -o-border-radius:5px 0 0 5px;
    -ms-border-radius:5px 0 0 5px
}
.border5500{
    border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    -o-border-radius:0 0 5px 5px;
    -ms-border-radius:0 0 5px 5px
}
.border100{
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    -o-border-radius:20px;
    -ms-border-radius:100px
}
.border50p,.list_item span.icon{
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:20px;
    -ms-border-radius:50%
}
#start_info_desktop,#start_info_img,
.desktop_on_hover,
.input-field input,
.input-field select,
.input-field textarea .input-field-text select,
.input-field-text input,
.input-field-text textarea,
.partner_image_holder img,
.partner_image_holder img:hover,
.phone_on_hover{
    transition-duration:.5s;
    -moz-transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -ms-transition-duration:.5s;
    -o-transition-duration:.5s;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
}
#page_title_banner{
    background:rgba(0,0,0,.2) none repeat scroll 0 0;
    border-bottom:5px solid #333;
    bottom:0;
    position:absolute;
    width:100%;
    z-index:1;
    left:0
}
#page_title_holder h1,
#page_title_holder h2,
#page_title_holder h3,
h1#page_title,
h2#page_title,
h3#page_title{
    color:#fff;
    font-size:30px;
    font-weight:300;
    padding:15px 0 12px;
    text-align:right;
    text-transform:uppercase
}
#terms_privacy_text{
    padding-top:40px
}
#terms_privacy_text h2,
#terms_privacy_text h3{
    border-left:8px solid #d32f2f;
    letter-spacing:-.05em;
    margin-bottom:30px;
    padding:3px 0 0 16px
}
#terms_privacy_text p{
    font-size:18px;
    margin:35px 0
}
#terms_privacy_text h1,
#terms_privacy_text h2,
#terms_privacy_text h3{
    font:34px Prime,Arial,Tahoma,sans-serif;
    padding-bottom:12px;
}
#terms_privacy_text ol {
    counter-reset: list;
}
#terms_privacy_text ol > li {
    position: relative;
    padding-left: 25px;
}
#terms_privacy_text a {
    text-decoration: underline;
    text-decoration-color: #b52929;
    text-decoration-thickness: 2px;
}
#terms_privacy_text ol > li:before {
    content: "(" counter(list) ")";
    counter-increment: list;
    left: 0;
    position: absolute;
}
#terms_privacy_text ul, #terms_privacy_text ol {
    padding: 0 0 0 20px
}
#terms_privacy_text ul li{
    font-size:18px;
    list-style-type:disc;
    padding:10px 0 10px 5px
}

#barcode_div figure.image{text-align: center;}
#barcode_div p,
#barcode_div ul li {
    font-size: 14px;
}

.latest_blog_posts {
    margin: 138px 0 92px;
}
.latest_blog_posts > h2 {
    text-align: center;
    margin: 50px 0 100px 0;
}

.blog_subtitle {margin-top: 30px; text-align: center; color: transparent;}

.outlined_button {
    display: inline-block;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;;
    line-height: 24px;
    border: 1px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 24px;
}

.center-button {
    text-align: center;
}

.load_more{
    display: inline-block;
    border-radius: 5px;
    padding: 15px 60px;
}

.load_more.red-button {
    display: inline-block;
    border-radius: 5px;
    padding: 15px 60px;
}
.red-button {
    border-radius: 5px;
    background-color: #fae9ec;
    color: #cc2944;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    padding: 10px 13px;
}

.red-button:hover {
  background-color: rgb(204, 41, 68);
  color: #fff;
}

.article_main_image {
  background: rgb(51, 51, 51) url(../img/ico_no_img.png?v=1) center no-repeat;
  width: 100%;
  min-height: 624px;
  margin-bottom: 50px;
}

.article_main_image.no_bg {
    background: none;
    min-height: 0;
    text-align: center;
}

.article_main_image.no_bg img {
    max-height: 624px;
}

.blog_title {
  font-size: 36px;
  color: #111;
  font-weight: bold;
  line-height: 1.2;
  text-transform: capitalize;
  margin: 50px 0;
}

.blog_article {
    margin: 50px 0;
}

.blog_article .blog_post_date {
    border-radius: 8px;
    background: #F5F5F5;
    color: #666;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding: 8px;
}

.blog_article ol {
    margin: 0;
    padding: 0 0 0 45px;
}

.blog_article ol li {
    list-style-type: decimal;
    margin: 45px 0;
    font-size: 18px;
    color: #666666;
}

.article_body {line-height: 1.667;font-size: 18px;color: #666666;margin: 45px 0; text-align: left;}
.article_body .ckAlignCenter {text-align: center;}
.article_body figure.image {text-align: center;}
.article_body h2 {margin: 75px 0 35px 0;font-size: 32px;color: #111111;}
.article_body h3 {font-size: 26px;} 
.article_body h4 {font-size: 22px;} 
.article_body h3, 
.article_body h4, 
.article_body h5 {margin: 65px 0 25px 0;color: #111111;}
.article_body p {margin: 25px 0;}

.article_body ul {margin:0;padding: 0 0 0 45px;}
.article_body ul li {font-size: 18px;list-style-type: disc; color: #666666}
.article_body a {color: #d32f2f; text-decoration: underline;}
.article_body a:hover {text-decoration: underline;}

.article_body table {
    width: 100%;
}
.article_body table th,
.article_body table td {
    border: 1px solid #cfcfcf;
    padding: 4px;
}

.table p {
    margin: 0;
}
.backlink {
    position: fixed;
    top: 3px;
    left: 10px;
    z-index: 3;
}

.backlink a span {
    color: #fff;
    font-size: 35px;
}

#top_content.thank_you {
    position: relative;
}

#top_content.thank_you #start_info_img {
    height: auto;
    right: 750px;
}

#top_content.thank_you #start_info_desktop {
    right: 150px;
    height: auto;
}

.register_logo {
    border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -ms-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -ms-border-top-right-radius: 3px;
    background: #293644;
    padding: 30px;
    margin: auto;
}

.register_logo {
    border-radius: unset;
}

#blog-previews {padding: 80px 0 100px;background-color: #f5f8fa;}
#blog-previews > div > h2 {font-size:2.7em;letter-spacing:-.025em;text-align: center;margin-bottom: 50px;}
#blog-previews > div > h3 { font-size:1.8em;letter-spacing:-.025em;text-align: center;margin-bottom: 30px;}

.blog_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 0px;
    margin-bottom: 40px;
}

.blog_post {display: flex;flex-direction: column;align-items: flex-start;border-radius: 20px;background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #FFF 50%, #DCDFE5 100%);}
.blog_post .blog_post_image {background-color: #c42a2b;background-position: center;background-repeat: no-repeat;border-radius: 20px;height: 624px;text-align: center;overflow: hidden;}
.blog_post .blog_post_image.small {height: auto;}
.blog_post .blog_post_image.preview {height: 291px;}
.blog_post .blog_post_image.white {background:#fff;}
.blog_post .blog_post_image img {border-top-left-radius: inherit;  border-top-right-radius: inherit;}

.blog_post .intro {display: flex;min-height: 230px;flex-grow: 1;padding: 24px;flex-direction: column;gap: 16px;align-self: stretch;    justify-content: space-between;}
.blog_post .intro .blog_heading {display: -webkit-box;min-height: 58px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;align-self: stretch;overflow: hidden;color: #000;font-feature-settings: 'liga' off;text-overflow: ellipsis;font-size: 24px;font-style: normal;line-height: normal;}
.blog_post .intro .desc {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;align-self: stretch;overflow: hidden;color: #000;font-feature-settings: 'liga' off;text-overflow: ellipsis;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
.blog_post .intro .blog_info {display: flex;justify-content: space-between;align-items: center;align-self: stretch;flex-wrap: wrap;gap: 24px;}
.blog_post .intro .blog_info .blog_post_date {color: #999;font-feature-settings: 'liga' off;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;}
.blog_post .intro .blog_info a {display: flex;padding: 8px 16px;justify-content: center;align-items: center;gap: 8px;border-radius: 6px;transition-duration: .2s;color: #CC2939;text-align: right;font-size: 14px;font-style: normal;line-height: 24px;text-transform: uppercase;}
.blog_post .intro .blog_info a:hover {background: #FFEBED;text-decoration: none;}

.tags {padding: 48px 0;display: flex;align-items: center;flex-direction: column;gap: 16px;}
.tags h3 {font-size: 18px;font-weight: 500;text-align: center;}

ul.tag_cloud {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

ul.tag_cloud a {
    --size: 4;
    --color: #a33;
    color: var(--color);
    font-size: 18px;
    display: block;
    padding: 0.125rem 0.25rem;
    position: relative;
    text-decoration: none;
}

ul[data-show-value] a::after {
    content: " (" attr(data-weight) ")";
    font-size: 1rem;
}

ul.tag_cloud li:nth-child(2n+1) a { --color: #181; }
ul.tag_cloud li:nth-child(3n+1) a { --color: #33a; }
ul.tag_cloud li:nth-child(4n+1) a { --color: #c38; }

ul.tag_cloud a:focus {
    outline: 1px dashed;
}

ul.tag_cloud a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    background: var(--color);
    transform: translate(-50%, 0);
    opacity: 0.15;
    transition: width 0.25s;
    border-radius: 6px;
}

ul.tag_cloud a:focus::before,
ul.tag_cloud a:hover::before {
    width: 100%;
}

@media (prefers-reduced-motion) {
    ul.tag_cloud * {
        transition: none !important;
    }
}

@media (max-width: 991px){    
    .blog_list {display: flex;flex-wrap: wrap;gap: 24px;justify-content: center;}
    .blog_list .blog_post {flex: 1 1 346px;max-width: 346px;}
}

.headingStyle1 {font-size:2.7rem;letter-spacing:-.025em;text-align: center;margin-bottom: 50px;}
.headingStyle2 {font-size:1.8rem;letter-spacing:-.030em;text-align: center;margin-bottom: 30px;}

#register_page + #footer {
    width: 100%;
    position: relative;
    z-index: 2;
}

.share-buttons {
    margin-bottom: 16px;
}
.share-buttons a {
    display: inline-block;
    margin: 0 0 0 0;
}

#blog_container #page_body {
    margin-top: 50px;
}

#faq-cover,
#blog-cover {
    background: #212e3b url(../img/faq-cover.jpg?v=1) no-repeat scroll 0 0;
    background-size: cover;
    height: 354px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#faq-cover > h1,
#blog-cover > h1 {
    text-transform: uppercase;
    text-align: center;
    font-size: 3.000em;
    color: #fff;
}
#faq h2,
#faq h3{margin-top: 50px;}
#faq-content {
    margin-top: 65px;
    margin-bottom: 750px;
}

.question-and-answer {
    border: 1px solid transparent;
    border-bottom: 1px solid #f5f5f5;
}
.question-and-answer h2,
.question-and-answer h3{
    border: none;
    background: none;
    cursor: pointer;
    font-size: 18px;
    color: #666666;
    font-weight: bold;
    line-height: 2;
    padding: 0 30px 0 0;
    margin-bottom: 20px;
}

.question-and-answer.active {
  border: 1px solid #FF6670;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.question-and-answer .answer {
    max-width: 1000px;
    color: #666666;
    padding-left: 30px;
    padding-bottom: 30px;
}

.question-and-answer ul,
.question-and-answer ol {
    margin-top: 0;
    margin-bottom: 10px;
    list-style-position: inside;
}

.question-and-answer ul li {
    margin: 30px 0 0;
    padding: 0 0 0 60px;
}

.question-and-answer ul li:before {
    content: "•"; 
    color: #666666;
    display: inline-block; width: 1em;
    margin-left: -1em
}

.question-and-answer a {
    display: block;
    font-size: 18px;
    color: #666666;
    font-weight: bold;
    line-height: 2;
    padding: 35px 30px 35px 30px;
}

.question-and-answer a .arrowhead {
    float: right;
    font-size: 24px;
    margin-top: -6px;
}

.question-and-answer a.active,
.question-and-answer a:hover {
  color: #d22e4e;
  text-decoration: none;
}

.test {
    width: 100%;
    margin: auto;
}

.gray-background {
    background: #F5F7FA;
    padding: 100px 0;
}
.gray-background.p-0 {
    padding: 0;
}

.gray-background p.description {
    font-size: 1.4em;
    color: #666666;
    font-weight: 400;
    margin-top: 40px;
}

#features {
    padding: 80px 0;
}
#features > div > h2 {
    font-size:2.7em;
    letter-spacing:-.025em;
    text-align: center;
    margin-bottom: 50px;
}
#features > div > h3{ 
    font-size:1.8em;
    letter-spacing:-.025em;
    text-align: center;
    margin-bottom: 30px;
}

#features .list { 
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}
.features-container {
    display: flex;
    padding: 48px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 1 1 370px;
}

.features-container .iWrap {
    display: flex;
    width: 96px;
    height: 96px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 24px;
    background: linear-gradient(0deg, #B8BECC 0%, #B8BECC 100%), #FFE5EA;
}

.features-container .iWrap svg {
    width: 100%;
    height: 100%;
}

.features-container .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.features-container .text h3 {
    color: #111;
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: var(--Rubik);
    font-size: 20.8px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 125% */
}

.features-container .text p {
    color: #111;
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: var(--Montserrat);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.features-container .text a {
    text-decoration: underline;
    color: #FF3344;
}

.interest_text {
    font-weight: bold;
    font-size: 30px;
    line-height: 2;
    color: #111111;
}
.fs16 {
    font-size: 16px;
}
.fs18 {
    font-size: 18px;
}
.padding40 {
    padding: 40px 0;
}
.p50 {
    padding: 50px;
}

.custom_table {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}

.custom_table th, 
.custom_table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

.custom_table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.custom_table tr:hover {
    background-color: #ddd;
}

#terms_privacy_text .custom_table p,
.custom_table p {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.vin-numbers{
    background: url(../img/img-bg.png?v=1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0 0 100px 0;
    width: 100%;
}
.barcodes{    
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 30px;
}
.vin-numbers .container {
    max-width: 1470px;
    width: 100%;
}
.vin-numbers h1 {
  font-size: 30px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin: 100px auto;
  margin-bottom: 30px;
}
.vin-numbers h4 {
    font-size: 18px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin: 0 auto;
  }
  .vin-numbers p {  
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 1.5;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 53px;
  }
  .ocr , .vehicle-barcodes , .seamless-integration , .apple-android{
    width: 330px;
    height: 350px;
    border-radius: 48px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 20%);
  }
  .ocr h4 , .ocr p , .vehicle-barcodes h4, .vehicle-barcodes p, .seamless-integration h4, .seamless-integration p, .apple-android h4, .apple-android p {
    color: #000;
  }
  .ico{
    text-align: center;
    margin: 50px 0 20px;
  }
  .ocr p{
    text-align: center;
    margin: 20px 30px 44px;
  }
  #faq h1{
    text-align: center;
    margin: 100px 0 30px;
    font-size: 30px;
    color: rgb(17, 17, 17);
    font-weight: bold;
    line-height: 1.2;
  }
  #faq p{
      font-size: 16px;
      color: rgb(17, 17, 17);
      line-height: 1.5;
      text-align: center;
    }
    #faq p a {text-decoration: underline;color: #cc2939;}

@media (max-width: 2072px) {
    #top_content.thank_you #start_info_desktop {
        right: 0;
    }

    #top_content.thank_you #start_info_img {
        right: 570px;
    }

    #start_info {
        max-width: 400px; 
    }
}

@media (max-width: 1746px) {
    .more_than_image_holder.auto-width img {
        max-width: 109%!important;
    }
}

@media (max-width: 1440px){
    #register_form {
        max-width: 770px;
    }
}
@media (max-width:1199px){
    #main_nav .navbar-brand{
        display:none
    }
    #start_info{
        max-width:580px
    }
    #start_info_img{
        right:0
    }
    #top_content.frontpage{
        background-size:cover
    }
    .question-and-answer .answer {
        padding-right: 30px;
    }
 

     #top_content.thank_you #start_info_desktop {
        display: none;
    }

    #top_content.thank_you #start_info_img {
        display: none;
    }
    
    #start_info.thank_you {
        margin: auto;
    }
}

@media (max-width: 1545px) {
    .swiper-button-prev {
        left: 10px !important;
    }

    .swiper-button-next {
        right: 10px !important;
    }
}
@media (min-width: 1195px) and (max-width: 1400px) {
    #main_nav .navbar-brand{
        display:none
    }
    #main_nav .navbar-brand.large{
        display:block
    }
}
@media (max-width: 1194px) {
    #main_nav .navbar-brand.small{
        display:block
    }

}

@media (max-width: 991px){
    
    #main_nav .navbar-brand.large{
        display:none
    }
    #start_info_parent.thank_you {
        padding-top: 100px;
        height: 500px;
    }
    #top_content.frontpage{
        padding:0 0 40px;
    }
    #start_info{
        max-width:100%
    }
    .list_item_content{
        padding:0 0 20px
    }
    .list_item{
        border-bottom:1px solid #000;
        padding:50px 0
    }
    .list_item span.icon{
        margin:0 auto!important;
        position:static
    }
    .list_item .col-md-5 span.icon{
        margin-bottom:30px
    }
    #footer_nav{
        overflow:hidden;
        padding:20px 0 0
    }
    #footer_nav ul li{
        padding:0 0 15px
    }
    #footer_nav ul li a{
        padding:0;
        border:0
    }
    #data_partners .col-md-3{
        width:25%;
        float:left
    }
    #data-partners .col-md-3{
        width:25%;
        float:left
    }
    #footer_nav{
        float:none
    }
    #footer_nav ul li{
        float:none;
        display:block;
        text-align:center
    }
    .row-equal-height{
        min-height:300px
    }
    .row-equal-height .row{
        flex-wrap:wrap;
        justify-content:flex-start;
        align-items:flex-start;
        align-content:center
    }
    .row-equal-height .row div[class*=col-md-]{
        clear:both;
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        align-content:center
    }
    .row-equal-height.reorder .row div:first-child{
        order:2
    }
    .row-equal-height.reorder .row div:last-child{
        order:1
    }
    .row-equal-height.bigger_bottom{
        margin-bottom:60px
    }
    .more_than_image_holder.auto-width{
        min-height:1px!important;
        margin:auto
    }
    .more_than_image_holder.auto-width img{
        max-width:100%!important;
        margin:auto
    }
    #footer.login p.copyright {
        text-align: left;
    }

    #footer.login #footer_nav ul li {
        display: inline;
    }

    #footer.login #footer_nav ul li a {
        margin-right: 40px;
    }
    #footer.login .footer_social_links a {
        width: 30px;
        height: 30px;
    }
    #footer.login .footer_social_links span.icon {
        background-size: 420px 820px;
    }
    #footer.login .footer_social_links a.facebook_link span.icon {
        background-position: -321px -1px;
    }
    #footer.login .footer_social_links a.twitter_link span.icon {
        background-position: -321px -36px;
    }
    #footer.login .footer_social_links a.youtube_link span.icon {
        background-position: -360px -1px;
    }
    #footer.login .footer_social_links a span.icon {
        width: 30px;
        height: 30px;
    }
    #main_nav .navbar-nav>li>a {
        margin: 0 4px;
    }

    .article_main_image {
        min-height: 312px;
    }

    .medium {
        margin-bottom: 50px;
    }

    .videoWrapper {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    #auction_sources .partner_image_holder {
        margin-top: 0;
    }
    /*#sl-doc-eIXdHaDT-1 {
        top: 190px;
    }*/
    #inventory_managment {
        margin-top: 510px;
    }
}

/* black-book carousell */
.carousel-indicators li {
    display: none;
}
.data-precision-wrapper .carousel-control{
    display: none;
}
.data-precision-wrapper .carousel {
    border-radius: 20px;
    box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 20%);
}
.carousel-inner .item {padding: 0.75em;}
.carousel-inner>.item>img { border-radius: 15px;}
/* end */


#studio_section_content .bb{
    margin-top: 50px;
}
#studio_section_content h2,
#studio_section_content h3{
    line-height: 1.2;
    font-weight: 700;
    font-size: 1.875em;
    letter-spacing: 0;
    margin: 0 0 30px;
    color: #111;
}
#studio_section_content h4{
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0 0 30px;
    font-size: 18px;
    color: rgb(17, 17, 17);
    font-weight: bold;
    text-align: left;
}
#studio_section_content p{
    color: #666666;
    font-weight: 400;
    text-align: left;  
}
#studio_section_content  .mdi.mdi-check-circle {
    font-size: 24px;
    color: rgb(76, 175, 80);
    line-height: 1.333;
    padding-right: 10px;
    position: absolute;
    left: 0;
    top: -5px;
}
#studio_section_content .info p {    line-height: 1.5;    font-size: 1em;    padding: 30px ;    color: rgb(17, 17, 17);    text-align: left;}
#studio_section_content .logo-txt p {        padding: 20px 30px 0;}

.data-precision-wrapper  {
    position: relative;
    width: 590px;
    /* height: 860px; */
    margin: 0 auto 100px;
    max-width: 100%;
}
.data-precision-wrapper.local-market {
    position: relative;
    width:411px;
    /* height: 860px; */
    margin: 0 auto 100px;
    max-width: 100%;
}

.data-precision-wrapper p {
    position: absolute;
    background: #fc3246;
    padding: 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    z-index: 2;
}
.data-precision-wrapper p:before {
    position: absolute;
    content: "";
    height: 2px;
    background-color: #fc3246;
}
.data-precision-wrapper p.v-model{left: -410px;top: 50px;}
.data-precision-wrapper p.v-model:before{width: 246px;top: 34px;left: 208px;}

.data-precision-wrapper p.chart{left: -377px;top: 315px;}
.data-precision-wrapper p.chart:before{width: 128px;top: 45px;left: 306px;}

.data-precision-wrapper p.trim-selector{left: -410px;top: 150px;}
.data-precision-wrapper p.trim-selector:before{width: 280px;top: 34px;right: -277px;}

.data-precision-wrapper p.options-selector{left: -395px;top: 542px;}
.data-precision-wrapper p.options-selector:before{width: 230px;top: 34px;right: -230px;}

.data-precision-wrapper p.current-mileage {right: -401px;top: 50px;}
.data-precision-wrapper p.current-mileage:before {width: 237px;top: 34px;right: 209px;}

.data-precision-wrapper p.msrp {right: -394px;top: 488px;}
.data-precision-wrapper p.msrp:before {width: 163px;top: 45px;right: 288px;}

#data-precision .v-model, #data-precision .chart, #data-precision .trim-selector, #data-precision .options-selector, #data-precision .current-mileage, #data-precision .msrp {color: rgb(255, 255, 255); font-weight: bold;box-shadow: 0px 10px 30px 0px rgba(255, 51, 71, 0.5);}


/* checkout form */
#checkoutForm .formStep {display: flex;justify-content: center;text-align: center;margin-bottom: 100px;}
#checkoutForm .formStep > * {flex: 1 0 auto;position: relative;}
#checkoutForm .formStep > * + *:before {content: "";width: 100%;height: 1px;background: #cacaca;top: 51px;position: absolute;left: -50%;z-index: 1;}
#checkoutForm .formStep > * p {font-size: 16px;color: #000;font-weight: 500;}
#checkoutForm .formStep > * span {width: 40px;height: 40px;background: #cacaca;color: #666;display: inline-flex;align-items: center;justify-content: center;border-radius: 40px;position: relative;z-index: 2;}
#checkoutForm .formStep > .active p {font-weight: 700;}
#checkoutForm .formStep > .active span {background: #cc2944;color: #fff;}
#checkoutForm .formStep > .active + .active:before {background: #cc2944;}

#checkoutForm .productsList {display: flex;gap: 48px;flex-wrap: wrap;}
#checkoutForm .productsList > div {flex: 0 0 calc(50% - 24px);margin: 0;}
#checkoutForm .productsList > div .title {font-size: 24px;color: #cc2944;}

#checkoutForm .chosenProducts {padding-top: 100px; text-align: center;display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;gap: 16px;}
#checkoutForm .chosenProducts p {font-size: 16px;margin: 0;}
#checkoutForm .chosenProducts p.price {font-size: 34px;font-weight: 700;color: #000;}
/* end checkout form */


#adjusted-values .container{
    width: 100%;
    max-width: 1410px;
}

.adjusted-wrapper {
    position: relative;
    width: 994px;
    /* height: 544px; */
    margin: 0 auto;
    max-width: 100%;
}
.adjusted-wrapper p {
    position: absolute;
    background: #fc3246;
    padding: 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    z-index: 2;
    box-shadow: 0px 10px 30px 0px rgba(255, 51, 71, 0.5);
}
.adjusted-wrapper p:before{
    position: absolute;
    content: "";
    height: 2px;
    background-color: #fc3246;
}

.adjusted-wrapper p.model{left: -203px;top: 37px;}
.adjusted-wrapper p.model:before{width: 40px;top: 34px;left: 207px;}

.adjusted-wrapper p.used-car-value{right: -226px;top: 312px;}
.adjusted-wrapper p.used-car-value:before{width: 51px;top: 45px;right: 275px;}

.adjusted-wrapper p.trim-selector{left: -173px;top: 144px;}
.adjusted-wrapper p.trim-selector:before{width: 40px;top: 30px;right: -40px;}

.adjusted-wrapper p.options-selector{left: -215px;top: 384px;}
.adjusted-wrapper p.options-selector:before{width: 42px;top: 34px;right: -41px;}



.options-wrapper {
    position: relative;
    width: 994px;
    min-height: 544px;
    margin: 0 auto;
    max-width: 100%;
}
.options-wrapper p {
    position: absolute;
    background: #fc3246;
    padding: 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    z-index: 2;
}
.options-wrapper p:before {
    position: absolute;
    content: "";
    height: 2px;
    background-color: #fc3246;
}
.options-wrapper p.condition{right: -226px;top: 310px;}
.options-wrapper p.condition:before{width: 45px;top: 46px;right: 275px;}

.options-wrapper p.options{left: -200px;top: 386px;}
.options-wrapper p.options:before{width: 44px;top: 32px;left: 211px;}

.options-wrapper p.change-trim{left: -168px;top: 142px;}
.options-wrapper p.change-trim:before{width: 40px;top: 32px;left: 177px;}

.options-wrapper p.year-model{left: -195px;top: 38px;}
.options-wrapper p.year-model:before{width: 36px;top: 32px;left: 207px;}

#options-selector .options, #options-selector .condition, #options-selector .change-trim, #options-selector .year-model {color: rgb(255, 255, 255); font-weight: bold; box-shadow: 0px 10px 30px 0px rgba(255, 51, 71, 0.5);}

@media (max-width: 1438px) {    
    #options-selector .options, 
    #options-selector .condition, 
    #options-selector .change-trim, 
    #options-selector .year-model {
        display: none;
    }
}

#faq{
    margin-bottom: 257px;
}
#faq .container{
    width: 100%;
    max-width: 1410px;
}
#faq .bb-faq h1{
    text-align: left;    
    margin-top: 50px;
}
#faq .laser-faq h1{
    text-align: left;
    margin-top: 50px;
}

.question  {
    background-color: #f5f8fa;
    border-radius: 10px;
    padding: 20px 25px;
}
.question .accordion {
    font-size: 18px;
    color: rgb(17, 17, 17);
    font-weight: bold;
    line-height: 1.333;
    text-align: left;
    border: none;
    transition: 0.4s;
    width: 100%;
    background: none;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
}
#faq #faq-active{ 
    text-align: left;
}

.css-loader {
    width: 48px;
    height: 48px;
    border: 5px dotted #cc2944;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: circle-rotation 2s linear infinite;
  }
  
  @keyframes circle-rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  } 

.faq-blackbook {margin-top: 20px;}
.faq-blackbook span {float: right;}

.faq-blackbook .question.active .accordion{
    color: #ff3347;
}

.faq-blackbook .question {margin-bottom: 5px;}

.faq-blackbook .question .accordion:after {
    content: '\f419'; /* Unicode character for "plus" sign (+) */
    color: #999999;
    font: normal normal normal 24px/1 "Material Design Icons";
    position: absolute;
    right: 0;
    top: 0;
}

@media (max-width: 1300px) {    
    .faq-blackbook .question .accordion:after {    
        right: -19px;
        top: 0;
    }
}
@media (max-width: 1420px) {    
    .faq-blackbook .question {    
        margin-right: 20px;
    }
}


.faq-blackbook .question.active .accordion:after {
    content: "\f377"; /* Unicode character for "minus" sign (-) */
    font-family: 'Material Design Icons';
    color:  #ff3347;
}

.faq-blackbook .question .panel {
    padding: 10px 0 0 0;
    margin: 0;
    background: none;
    box-shadow: none;
    display: none;
}
.faq-blackbook .question .accordion.active:after {
    color: #ff3347;
}

.faq-bb-laser span {
    float: right;
    color: #999999;
    margin-top: -3px;
    font: normal normal normal 24px/1 "Material Design Icons";
}

.faq-bb-laser summary {
    font-size: 18px;
    color: rgb(17, 17, 17);
    font-weight: bold;
    line-height: 1.333;
    text-align: left;
    background-color: #f5f8fa;
    padding: 20px 25px;
    margin-bottom: 4px;
    border-radius: 10px;
}

@media (max-width: 1199px) and (min-width: 992px) {    
    #review-heading,
    #about-heading h1 {
        margin-top: 70px;
    }
}

@media (max-width: 880px){
    #register_page {
        margin: 0;
    }
    .backlink.register {
        display: none;
    }
}

@media (max-width: 792px) {
    #faq-cover {
        height: 500px;
    }
    #faq-cover > h1 {
        font-size: 2em;
    }
}



@media (max-width: 767px){
    #main_nav .navbar-brand{
        display:block
    }
    #main_nav .navbar-brand.large,#main_nav .navbar-brand.small{
        display:none
    }
    #main_navbar{
        position:absolute;
        text-align:center;
        width:100%
    }
    #start_info a span.download_text {
        left: 75px;
        top: 20px;
        font-size: 13px;
        line-height: 1.09;
        width: 100%;
    }
    #start_info a span.download_text strong {
        font-size: 23px;
    }
    #free_demo.free_demo_frontpage p{
        display:none
    }
    #vin_scanner_list .row{
        display:flex;
        flex-wrap:wrap
    }
    #vin_scanner_list .row .col-md-5{
        order:1;
        width:100%
    }
    #vin_scanner_list .row .col-md-7{
        order:2;
        width:100%
    }

    #studio_sections_content h2,
    #studio_sections_content h3{
        font-size:1.6em
    }

    #start_info h1.mobile-title span.fancy-row{
        font-size:2rem
    }
    #start_info h1.mobile-title span.smaller-content{
        font-size:1.1rem
    }
    .wp{
        padding:40px 0 0
    }
    .row-equal-height .row{
        margin-bottom:30px
    }
    .list_item span.icon{
        background-color:transparent!important;
        border-radius:0!important
    }

    .partner_image_holder .container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    #main_nav .navbar-nav{
        float:none;
        padding:0;
        margin:0
    }
    #main_navbar{
        background:rgba(0,0,0,.9);
        padding:10px;
        z-index:9999
    }
    #main_navbar.in{
        z-index:9999
    }
    #main_nav .navbar-nav>li>a{
        padding:10px;
        margin: 0;
        
    }

    #main_nav .navbar-nav>li>a.header_login{
        border:0;
        padding:5px 10px;
        margin:0
    }
    #data_partners .col-md-3{
        width:100%;
        float:none
    }
    #data-partners .col-md-3{
        width:100%;
        float:none
    }
    .more_than_center{
        position:relative!important;
        margin:10px auto
    }
    #default_page_body{
        text-align:left!important
    }
    #default_page_body p{
        text-align:left!important;
        -moz-text-align-last:left;
        text-align-last:left;
        -webkit-text-align-last:left
    }
    .desktop_image_holder_partner,.desktop_on_hover,.phone_image_holder_partner,.phone_on_hover{
        max-width:100%!important;
        z-index:9999
    }
    #vinForm {text-align: left;}
    #review-heading,
    #about-heading {
        font-size: 14px;
    }
    #start_info_parent.mobile {
        height: auto;
    }
    #start_info_parent.black-book {
        height: auto;
    }
}



@media (max-width:649px){
    #top_content.frontpage,
    #top_content.support{
        height:auto
    }
    #free_demo p{
        margin:10px 20px!important;
        display:block;
        text-align:center;
        float:none
    }
    #about_section,#free_demo_holder{
        overflow:hidden
    }
    #data_partners p{
        margin:30px 0
    }
    #data-partners p{
        margin: 30px 0 50px;
    }
   
}

@media (max-width: 610px) {
    .backlink {display: none;}
}

@media (max-width: 572px) {
    .review-container .review-desc {
        height: auto;
    }
}


@media (max-width: 532px) {
    #faq-cover {
        height: 400px;
    }

    #faq-cover > h1 {
        font-size: 1.2em;
    }
}

@media (max-height: 520px) {
    #footer.login {
        display: none;
    }
}

@media (max-width:480px){
    #start_info_teaser{
        padding-top:5px;
        min-height:120px
    }
    #frontpage_login{
        max-width:280px
    }
    #main_nav .navbar-brand,#main_nav .navbar-brand.large{
        display:none
    }
    #main_nav .navbar-brand.small{
        display:block
    }
    #data_partners{
        padding:60px 0 80px
    }
    #data_partners h1,
    #data_partners h2,
    #data_partners h3,
    #data_partners p{
        font-size:1.1em
    }
    #data-partners{
        padding:60px 0 80px
    }
    #data-partners h1,
    #data-partners h2,
    #data-partners h3{
        font-size:1.6em
    }
    #data-partners p{
        font-size:1.1em;
    }
    #data-partners p{
        margin: 30px 0 50px;
    }
    #data_partners p{
        margin: 30px 0 50px;
    }
    #start_info h1{
        font-size:1.6em
    }
    #start_info form{
        font-size:1.1em;
        line-height:normal
    }
    #about_page_body p,#free_demo p{
        font-size:1.1em
    }
}

@media (max-width: 425px) {
    .backlink.login {
        display: none;
    }
    #footer.login {
        position: static;
    }
    .red-button {
        float: none !important;
        display: block;
    }
    #scanner-container {
        padding-top: 100px;
    }
    .review-container .review-title {
        max-width: 200px;
    }
    #options_div, .custom_panel {
        padding: 30px !important;
    }
    #page_teaser h1 {
        font-size: 2em;
    }
}

@media (max-width: 402px) {
    #start_info_parent.thank_you {
        padding-top: 50px;
    }
    #start_info.thank_you {
        text-align: center;
    }

    #start_info.thank_you .dealer-studio span {
        background-position: -366px -329px;
        width: 302px;
        height: 84px;
        margin: 0;
    }
}

@media (max-width: 327px) {
    .review-container .review-title {
        margin-left: 20px;
    }
}

@media (max-width: 320px) {
    #faq-cover > h1 {
        font-size: 1.1em;
    }
}

@media (max-width: 370px) {
   #top_content  #cover_image .cover-amp{
        background: #283643 url(/uploads/images/original/la-home-bg-mobile.jpg?v=1) no-repeat center !important;
        background-size: cover;
    }
}

.screen-container {
    width: 313px;
    height: 674px;
  }

.carousel.manheim-run-lists {flex: 0 0 auto; position: relative;width: 419px;height: 778px;}
.carousel.manheim-run-lists:after {    content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../img/la-mobile-mask-shadow.png?v=1) no-repeat scroll 0 0;z-index: 2;}
.carousel.manheim-run-lists .carousel-inner {    width: 313px;height: 674px;margin: 32px 0 0 53px;}
.carousel.manheim-run-lists .carousel-inner .item {padding: 0;}
.carousel.manheim-run-lists .carousel-inner>.item>img {border-radius: 0 !important;}

/* media press kit */
.title h3{font-size: 21px; font-weight: bold; line-height: 1.2;margin: 40px 0 12px;}
.row-equal-height .info{ background-color: #f5f8fa; padding: 30px 30px 0; margin-top: 20px;}
.info .contact{padding-left: 30px;}
.info .contact a {color: #cf4145;text-decoration: none;}
.info .contact h3{padding: 30px 0; font-weight: bold; line-height: 1.2; font-size: 18px;}
.info .contact span{    line-height: 1.5;}

.logos-visuals{margin-top: 50px;}
.logos-visuals h3{font-size: 21px;    font-weight: bold;    line-height: 1.2;    margin: 40px 0 12px;}
.logos-info{ background-color: #f5f8fa; padding: 30px 30px 50px; margin-bottom: 50px;}
.logos-info .row{min-height: 0;margin: 0;}

.iconography h3{font-size: 21px;    font-weight: bold;    line-height: 1.2;    margin: 40px 0 12px;}
.iconography{margin-top: 50px;}
.iconography .row{min-height: 0;margin: 0;}
.iconography-info{background-color: #f5f8fa; padding: 5px 30px 50px; margin-top: 20px; margin-bottom: 50px;}

.colors h3{font-size: 21px;    font-weight: bold;    line-height: 1.2;    margin: 40px 0 12px;}
.colors{margin-top: 50px;}
.colors-info{background-color: #f5f8fa; padding: 0px 30px 50px; margin-top: 20px; margin-bottom: 75px;}
.colors .row{min-height: 0;margin: 0;}

.transparent {color: #cf4145;}

.chooseFormat {color: #cf4145;display: flex;flex-direction: row;}
.chooseFormat li a {text-decoration: none;}
.chooseColors { color: rgb(17, 17, 17);  line-height: 1.875;display: flex;flex-direction: row;padding-left: 16px;}
.chooseColors li a {text-decoration: none;}
.format h3{font-size: 18px; color: rgb(17, 17, 17);  font-weight: bold;  line-height: 1.2;  text-align: left;padding-top: 50px;}

.mdi-arrow-down-bold-hexagon-outline:before {    content: "\F049";    font-size: 24px;    color: rgb(117, 117, 117);    line-height: 1.25;padding-right: 10px;position: relative; top: 5px;}
.mdi-email-outline:before {    content: "\F1F0";    font-size: 24px;    color: rgb(117, 117, 117);    line-height: 1.25;    padding-right: 10px;position: relative; top: 5px;}
.mdi-cellphone:before {    content: "\F11C";    font-size: 24px;    color: rgb(117, 117, 117);    line-height: 1.7;    padding-right: 10px;position: relative; top: 3px;}
.mdi-format-color-fill:hover::before {color: #cf4145;}
.mdi-format-color-fill:before {    content: "\F266";  font-size: 24px;  color: rgb(117, 117, 117);    line-height: 1.25;padding-right: 5px;position: relative;  top: 4px;}

.flexbox-container .iconography-info{display: flex; flex-direction: row;gap: 30px;}
.flexbox-container .logos-info{display: flex; flex-direction: row;gap: 30px;}
.flexbox-container .colors-info{display: flex; flex-direction: row;gap: 30px;}
.flexbox-container{background-color: #f5f8fa;}
.no_more_up .info{    background-color: #f5f8fa;}

.border-line{border-top: 1px solid rgb(225, 228, 230);    margin: 0 30px 0;}
.btn-send-msg #msg_btn{       color: rgb(255, 255, 255);    line-height: 1.2;    margin: 30px auto 50px;    background: #ff3347 none repeat scroll 0 0;    cursor: pointer;    display: inline-block;    font-weight: 700;    font-size: 18px;
    height: auto;    min-width: auto;    min-height: 50px;    padding: 15px 30px;    position: relative;    text-align: center;    border-radius: 22px;    text-decoration: none;}
@media (max-width:750px){
.flexbox-container .iconography-info{display: flex; flex-direction: column;gap: 30px;}

.flexbox-container .colors-info{display: flex; flex-direction: column;gap: 30px;}
.flexbox-container .logos-info{display: flex; flex-direction: column;gap: 30px;}

.format h3{ display: flex;flex-direction: row;}
}
@media (max-width:1442px){
    .title h3{margin: 40px 20px 12px;}
    .no_more_up .info{    margin-left: 40px; margin-right: 40px;}
    .logos-visuals h3{margin: 40px 20px 12px;}
    .flexbox-container{margin-left: 20px; margin-right: 20px;}
    .iconography { margin: 50px 20px 0;}
    .colors h3{margin: 40px 20px 12px;}
    .flexbox-container{margin: 0 40px;}
}
.tooltip.left .tooltip-inner {
    background-color:rgb(255, 255, 255);
    color: rgb(102, 102, 102);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 10px 16px;
    font-size: 14px;
  }
.tooltip.left .tooltip-arrow {
          border-left-color: #fff;
       }
/* skeleton-loader  */
#placeholder-skeleton{width: 1430px;}
.placeholder-title{background-color: #aab0b4; max-width: 460px; height: 33px; margin: 0 0 10px;}
.placeholder-breadcrumb{background-color:#aab0b4; max-width: 660px; height: 23px; margin: 0 0 30px;}
.placeholder-col .col-title{background-color:#aab0b4; max-width: 580px; height: 23px; margin: 0 0 15px 0;}

.placeholder-grid{display: grid;    grid-template-columns: 2fr 1fr;    grid-template-rows: 1fr;    grid-column-gap: 30px;    grid-row-gap: 0px;}
.placeholder-infoSection{background-color: #f5f8fa; width:900px; height: 85px; padding: 30px; border-radius: 6px;}
.placeholder-infoSection2{background-color: #f5f8fa; width:900px; height: 483px; padding: 30px; border-radius: 6px;}
.placeholder-infoSection2 h4 {background-color: #aab0b4; max-width: 450px; height: 20px; margin: 0 0 25px 0;}
.placeholder-infoSection2 p {background-color: #aab0b4; max-width: 200px; height: 45.09px; margin: 0 0 15px 0; padding-left: 30px;}
.placeholder-border{    height: 1px;background: #e1e4e6;margin: 30px 0;}
.placeholder-contactSec{margin-bottom: 30px;}
.placeholder-contactSec h4 {background-color: #aab0b4; max-width: 400px; height: 20px;margin: 0 0 25px 0;}
.placeholder-contactSec .placeholder-website{background-color: #aab0b4; max-width: 600px; height: 22.84px;margin: 0 0 25px 0;}
.placeholder-contactSec .placeholder-email{background-color: #aab0b4; max-width: 350px; height: 22.84px;margin: 0 0 25px 0;}
.placeholder-contactSec .placeholder-phone{background-color: #aab0b4; max-width: 140px; height: 22.84px;margin: 0 0 25px 0;}
.placeholder-social{background-color: #aab0b4; max-width:240px; height: 24px;  gap: 30px;margin: 25px 0;}
.placeholder-callBtn{background-color: #aab0b4;    width: 357px;    height: 50px;    display: inline-block;    padding: 11px 26px;    border-radius: 40px;}

.placeholder-data p {background-color: #aab0b4; max-width:100px; height: 26px;margin: 0;    font-size: 18px;    font-weight: bold;}
.placeholder-addrInfo {background-color:#aab0b4; max-width: 300px; height: 23px;margin-top: 30px;margin-bottom: 15px;}

.placeholder-googleMapWrapper{background-color: #f5f8fa;position: relative; margin: 38px 0 0 0; width: 450px; height: 637px;}

.p500 {padding: 50px 0;}
.p100-0 {padding: 100px 0;}

.td-underline {text-decoration:underline;}

/* youtubeVideoPop */
.youtubeVideoOverlay {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.3);opacity: 0;visibility: hidden;transition-duration: .2s;top: 0;display: flex;left: 0;align-items: center;justify-content: center;z-index: 100;}
.youtubeVideoOverlay.v {opacity: 1;visibility: visible;}
.youtubeVideoPopover {padding: 6px;position: relative;width: 640px;height: 366px;background: #fff;border-radius: 18px;transition-duration: 0.4s;opacity: 0;visibility: hidden;transform: translate(0,50px);z-index: 101;}
.youtubeVideoPopover.v {opacity: 1;visibility: visible;transform: translate(0,0);}
.youtubeVideoPopover .popoverClose {position: absolute;right: 6px;top: 6px;background: #fff;border-radius: 0 3px 0 18px;border: none;color: #1f1f1f;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;font-size: 22px;}
.youtubeVideoPopover .popoverClose .mdi {line-height: 1;}
.youtubeVideoPopover iframe {width: 100%;height: 100%;max-width: 640px;max-height: 360px;border-radius: 14px;}
/* endyoutubeVideoPop */

/* grid tiles */
.tile.style_1 {display: flex;padding: 48px;flex-direction: column;align-items: flex-start;gap: 24px;flex: 1 0 0;align-self: stretch;}
.tile.style_1 .content {display: flex;align-items: flex-start;gap: 24px;align-self: stretch;}
.tile.style_1 .content .logo {display: flex;min-height: 72px;flex-direction: column;justify-content: center;align-items: flex-start;}
.tile.style_1 .content .logo svg {max-width: 199px;}
.tile.style_1 .content .logo img {max-width: 199px;max-height: 96px; object-fit: contain;}
.tile.style_1 .content .txt {display: flex;flex-direction: column;align-items: flex-start;gap: 8px;flex: 1 0 0;}
.tile.style_1 .ctrl {display: flex;align-items: flex-end;gap: 16px;flex: 1 0 0;align-self: stretch;flex-wrap: wrap;}
.tile.style_1 .ctrl a {display: flex;flex-direction: row;justify-content: center;align-items: center;transition-duration: .2s;padding: 8px 16px;background: #ffebed;border-radius: 6px;font-weight: 700;font-size: 14px;line-height: 24px;text-transform: uppercase;color: #cc2939;gap: 8px;}
.tile.style_1 .ctrl a .mdi {font-size: 32px;color: #ff3d00;}
.tile.style_1 .ctrl a.plain {background: none;}
.tile.style_1 .ctrl a:hover {background: #ffd8dc;text-decoration: none;}

@media (max-width: 991px) {
    .tile.style_1 .content {flex-direction: column;}
    .tile.style_1 .content .logo {order: 1;}
    .tile.style_1 .content .txt {order: 2;}
}

.charcoalBoxes {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}
.charcoalBoxes > * {
    min-width: 480px;
    flex: 1 0 auto;
}

@media (max-width: 767px) {
    .gridStyle4 {flex-direction: column;}
}


@media (max-width: 520px) {
    .charcoalBoxes > * {
        min-width: 100%;
    }
}

.auto_auction {display: flex;justify-content: center;align-items: flex-start;gap: 24px;margin: 0 -15px;flex-wrap: wrap;}
.auto_auction > * {flex-basis: 450px}

@media (max-width: 767px) {
    .auto_auction {margin: 0 15px;}
}

.tile.style_2 {display: flex;padding: 48px;flex-direction: column;align-items: flex-start;gap: 24px;flex: 1 0 0;align-self: stretch;transition-duration: .2s;}
.tile.style_2 .logo {display: flex;min-height: 72px;flex-direction: column;justify-content: center;align-items: flex-start;}
.tile.style_2 .logo svg {max-width: 199px;}
.tile.style_2 .logo img {max-width: 199px;height: 96px; object-fit: contain;}
.tile.style_2 .txt {display: flex;flex-direction: column;align-items: flex-start;gap: 16px;flex: 1 0 0;color: #000;}
.tile.style_2 .txt h3 {font-weight: 700;font-size: 22px;}
.tile.style_2 .ctrl {display: flex;align-items: flex-end;gap: 16px;flex: 1 0 0;align-self: stretch;}
.tile.style_2 .ctrl a {display: flex;flex-direction: row;justify-content: center;align-items: center;transition-duration: .2s;padding: 8px 16px;background: #ffebed;border-radius: 6px;font-size: 14px;line-height: 24px;text-transform: uppercase;color: #cc2939;gap: 8px;}
.tile.style_2 .ctrl a .mdi {font-size: 32px;color: #ff3d00;}
.tile.style_2 .ctrl a.plain {background: none;}
.tile.style_2 .ctrl a:hover {background: #ffd8dc;text-decoration: none;}

.tile.s1 {border-radius: 20px;border-top: 2px solid rgba(255, 255, 255, 0.75);background: linear-gradient(0deg, #FFF 50%, #DCDFE5 100%);}
.tile.s2 {border-radius: 20px;background: linear-gradient(0deg, var(--White, #FFF) 0%, var(--White, #FFF) 100%), #FFFAFA;box-shadow: 4px 4px 0px 0px rgba(218, 33, 40, 0.10);transition-duration: .2s;}
.tile.s2:hover {box-shadow: 8px 8px 0px 0px rgba(218, 33, 40, 0.10);}
.tile.s3 {border-radius: 40px;background: linear-gradient(0deg, var(--White, #FFF) 0%, var(--White, #FFF) 100%), #FFFAFA;}
/* end grid tiles */

.professional_solutions {padding: 80px 0;}
.professional_solutions .title {text-align: center;margin-bottom: 40px;}
.professional_solutions .content {display: flex;flex-direction: column;align-items: flex-start;gap: 24px;}
.professional_solutions .content .wrap {display: flex;min-height: 400px;justify-content: center;align-items: center;gap: 24px;align-self: stretch;border-radius: 40px;background: #FAFCFF;flex-wrap: wrap;}
.professional_solutions .content .wrap .txt {display: flex;padding: 0px 80px;flex-direction: column;justify-content: center;gap: 16px;flex: 1 1 320px;color: var(--Colors-Gray666, #666);font-feature-settings: 'liga' off;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 150% */letter-spacing: -0.16px;}
.professional_solutions .content .wrap .txt h3 {color: #000;font-style: normal;line-height: normal;}
.professional_solutions .content .wrap .img {display: flex;justify-content: center;align-items: center;flex: 1 1 320px;align-self: stretch;position: relative;overflow: hidden;}
.professional_solutions .content .wrap .img > * {position: absolute;bottom: -80px;max-width: 271px;max-height: 464px;}
.professional_solutions .content .wrap .img.centered {justify-content: center;align-items: center;}
.professional_solutions .content .wrap .img.centered > * {position: relative;bottom: auto;max-width: 271px;max-height: 464px;}

@media (max-width: 992px){
    .professional_solutions .content .wrap .txt {padding: 40px 40px 0 40px;}
}

@media (max-width: 693px){
    .professional_solutions .content .wrap .text {order: 2;}
    .professional_solutions .content .wrap .img {order: 1;}
    .professional_solutions .content .wrap .img > * {position: relative;bottom: 0;}
}



#carfax_autocheck_account {display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;position: relative;min-height: 304px;padding: 80px 60px;background-image: url(../img/carfax_autocheck_account.webp?v=1);background-size: cover;background-position: center;}
#carfax_autocheck_account .blur {display: flex;padding: 24px;justify-content: center;align-items: center;gap: 24px;flex-shrink: 0;border-radius: var(--H4-font-size, 20px);background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(4px);}
#carfax_autocheck_account .blur .txt {display: flex;flex-direction: column;justify-content: center;align-items: center;align-self: stretch;}
#carfax_autocheck_account .blur .txt > * {color: var(--White, #FFF);font-feature-settings: 'liga' off;font-size: 24px;font-style: normal;line-height: 150%; /* 36px */letter-spacing: -0.24px;font-weight: 400;}
#carfax_autocheck_account .blur .wrap {display: flex;align-items: center;gap: 16px;}
@media (max-width: 958px){
    #carfax_autocheck_account .blur .txt > * {font-size: 18px;}
}
@media (max-width: 767px){
    #carfax_autocheck_account .blur {flex-direction: column;}
}

#vin_scanner {padding: 80px 0px;background: linear-gradient(116deg, #0A1F33 0%, #3D5166 100%);color: #fff;}
#vin_scanner .container {display: flex;flex-direction: column;align-items: center;gap: 40px;}
#vin_scanner .container .heading {display: flex;flex-direction: column;align-items: center;gap: 40px;}
#vin_scanner .container .wrap {display: flex;justify-content: center;align-items: flex-start;gap: 24px;flex-wrap: wrap;}
#vin_scanner .container .wrap .vin {display: flex;padding: 48px;flex-direction: column;align-items: flex-start;gap: 24px;flex: 1 0 0;align-self: stretch;color: #111;border-radius: var(--H4-font-size, 20px);background: linear-gradient(0deg, var(--White, #FFF) 0%, var(--White, #FFF) 100%), #FFFAFA;position: relative;}
#vin_scanner .container .wrap .vin .frame {display: flex;min-height: 120px;align-items: flex-start;gap: 24px;align-self: stretch;}
#vin_scanner .container .wrap .vin .frame h3 {color: var(--Colors-Black, #111);font-feature-settings: 'liga' off;font-size: 24px;font-style: normal;line-height: 125%; /* 30px */letter-spacing: -0.48px;flex: 1 0 0;}
#vin_scanner .container .wrap .vin .frame svg {width: 80px;}
#vin_scanner .container .wrap .vin .txt {display: flex;flex-direction: column;align-items: flex-start;gap: var(--Paragraph-font-size, 16px);flex: 1 0 0;align-self: stretch;}
#vin_scanner .container .wrap .vin .txt > * {align-self: stretch;color: var(--Colors-Black, #111);font-feature-settings: 'liga' off;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 150% */letter-spacing: -0.16px;}
#vin_scanner .container .wrap .vin .txt a {color: #FF3344;text-decoration: underline;}
#vin_scanner .container .wrap .vin .txt .gray {color: #666;font-size: 14px;}
#vin_scanner .container .wrap .vin .step {display: flex;width: var(--Display-font-size, 48px);height: var(--Display-font-size, 48px);flex-direction: column;justify-content: center;align-items: center;position: absolute;border-radius: 18px 0px;background: var(--Colors-Black, #111);color: var(--Colors-White, #FFF);font-feature-settings: 'liga' off;font-family: var(--Montserrat);font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;left: 0;top: 0;}

@media (max-width: 767px){
    #vin_scanner .container .wrap {flex-direction: column;}
    #vin_scanner .container .wrap .vin .frame {flex-direction: column;}
    #vin_scanner .container .wrap .vin .frame svg {order: 1;}
    #vin_scanner .container .wrap .vin .frame h3 {order: 2;}
}

#get-started-bottom {background: url(../img/laser_try_section.webp?v=1) no-repeat scroll 0 0;background-size: cover;height: 256px;display: flex;gap: 12px;justify-content: center;align-items: center;flex-wrap: wrap;}
#get-started-bottom .txt {display: inline-flex;padding: 24px;align-items: center;gap: 24px;border-radius: var(--Labels-font-size, 12px);background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(4px);flex-wrap: wrap;justify-content: center;text-align: center;}
#get-started-bottom .txt p {color: #FFF;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;}
#get-started-bottom .txt a {display: flex;padding: var(--Labels-font-size, 12px) 24px;justify-content: center;align-items: center;gap: var(--Asterisk-text-font-size, 10px);border-radius: 8px;border: 1px solid var(--White, #FFF);color: var(--White, #FFF);font-size: 18px;font-style: normal;line-height: 24px;text-transform: uppercase;}
#get-started-bottom .img {width: 100%;max-width: 382px;position: relative;height: 267px;margin-top: -11px;overflow: hidden;}
#get-started-bottom .img img {position: absolute;top: 0;left: 0;}

@media (max-width: 991px){
    #get-started-bottom {padding: 20px 20px 0;gap: 40px;height: 356px;overflow: hidden;}
}

#footer {display: flex;padding: 80px 15px;align-items: center;gap: 24px;align-self: stretch;background: #050F1A;justify-content: center;}
#footer > .grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(7, 1fr);grid-column-gap: 24px;grid-row-gap: 24px;}
#footer > .grid > *:nth-child(1) { grid-area: 1 / 1 / 8 / 2; }
#footer > .grid > *:nth-child(2) { grid-area: 1 / 2 / 8 / 3; }
#footer > .grid > *:nth-child(3) { grid-area: 1 / 3 / 5 / 4; }
#footer > .grid > *:nth-child(4) { grid-area: 5 / 3 / 8 / 4; }

#footer .footer_social_links {display: flex;align-items: center;align-content: center;gap: 16px;flex: 1 0 0;align-self: stretch;flex-wrap: wrap;}

#footer ul li {padding: 5px 0;text-align: left;}
#footer .box {display: flex;padding: 24px;align-items: flex-start;gap: 24px;border-radius: var(--Labels-font-size, 12px);background: rgba(255, 255, 255, 0.05);}
#footer .box p,
#footer .box a {color: var(--White, #FFF);font-size: 14px;font-style: normal;line-height: 150%;}
#footer .box a.aboutLink {margin-left: auto;}

@media (max-width: 1135px){
    #footer > .grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
        
    #footer > .grid > *:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
    #footer > .grid > *:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
    #footer > .grid > *:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
    #footer > .grid > *:nth-child(4) { grid-area: 2 / 2 / 3 / 3; align-items: center;}
}

@media (max-width: 767px){
    #footer > .grid {display: flex;gap: 24px;flex-direction: column;}

    #footer .box.footer-menu-2:before {
        top: 50%;
        margin-top: -72px;
    }
}


.gridStyle1 {display: grid;grid-template-columns: repeat(9, 1fr);grid-template-rows: 1fr;grid-column-gap: 24px;grid-row-gap: 0px;}        
.gridStyle1 > div:nth-child(1) { grid-area: 1 / 1 / 2 / 5; }
.gridStyle1 > div:nth-child(2) { grid-area: 1 / 5 / 2 / 10; }

.gridStyle2 {display: grid;grid-template-columns: repeat(9, 1fr);grid-template-rows: 1fr;grid-column-gap: 24px;grid-row-gap: 0px;}
.gridStyle2 > div:nth-child(1) { grid-area: 1 / 1 / 2 / 6; }
.gridStyle2 > div:nth-child(2) { grid-area: 1 / 6 / 2 / 10; }

.gridStyle3 {display: grid;grid-template-columns: repeat(8, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 24px;grid-row-gap: 24px;}
.gridStyle3 > div:nth-child(1) { grid-area: 1 / 1 / 3 / 4; }
.gridStyle3 > div:nth-child(2) { grid-area: 1 / 4 / 2 / 9; }
.gridStyle3 > div:nth-child(3) { grid-area: 2 / 4 / 3 / 9; }

.gridStyle4 {display: grid;grid-template-columns: repeat(9, 1fr);grid-template-rows: 1fr;grid-column-gap: 24px;grid-row-gap: 0px;}        
.gridStyle4 > div:nth-child(1) { grid-area: 1 / 1 / 2 / 5; }
.gridStyle4 > div:nth-child(2) { grid-area: 1 / 5 / 2 / 10; }

.gridStyle1 > *,
.gridStyle2 > *,
.gridStyle3 > *,
.gridStyle4 > * {min-width: 300px;}

@media (max-width: 1199px){
    .gridStyle1,
    .gridStyle2, 
    .gridStyle3,
    .gridStyle4 {display: flex;flex-wrap: wrap;gap: 24px;}
}

@media (max-width: 500px){
    .s1 .content {display: flex;flex-wrap: wrap;flex-direction: column;}
    .s1 .content .txt {order: 2;}
    .s1 .content .logo {order: 1;}
}

.welcomeToLaser {
    display: flex;
    padding: 80px 0 40px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    text-align: center;
}
.welcomeToLaser iframe {max-width: 100%;}
.welcomeToLaser img {height: auto;}

.getStarted {padding: 80px 0;background: #FFFAFB;}

#headerWithAppStores {
    position: relative;
    z-index: 1;
    color: #fff;
    display: flex;
    gap: 24px;
    padding: 48px 0;
    align-items: center;
}
#headerWithAppStores.centered {
    text-align: center;
    max-width: 550px;
}

#headerWithAppStores .pageData {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
#headerWithAppStores .pageData h1 {
    font-size: 48px;
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    line-height: 125%; 
    letter-spacing: -0.96px;
}
#headerWithAppStores .pageData h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
#headerWithAppStores .storeData {
    flex: 1 1 0;
    display: flex;
    gap: 40px;
    justify-content: center;
    text-align: center;
}
#headerWithAppStores .storeData .store-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

#headerWithAppStores .storeData .store-info img {
    height: 160px;
}
#headerWithAppStores .storeData .store-info a img {
    height: 50px;
}

@media (max-width: 1199px) {
    #headerWithAppStores {
        width: 100%;
    }
}
@media (max-width: 991px) {
    #headerWithAppStores {
        padding: 0 14px;
        flex-direction: column;
        gap: 48px;
    }
    #headerWithAppStores .pageData {
        text-align: center;
    }
}

.appStores {
    padding: 48px 0;
    flex: 1 1 0;
    display: flex;
    gap: 40px;
    justify-content: center;
    text-align: center;
}
.appStores .store-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.appStores .store-info img {
    height: 160px;
}
.appStores .store-info a img {
    height: 50px;
}


#underMaintenance {background: url(/themes/laser/img/bg.png?v=1) no-repeat scroll 100% 100% #000; background-size: 100% auto; width: 100%; height: 100%; position: fixed;display: flex;align-items: center;justify-content: center;}
#underMaintenance > div {padding: 48px;background: rgba(0, 0, 0, 0.3);border-radius: 48px;}
#underMaintenance_heading {float: none;width: 360px;padding: 48px 0 0 0;text-align: center;}
#underMaintenance_heading h1 {font-weight: 700; margin: 0; font-size: 40px;color: #fff;}
#underMaintenance_heading p {font-weight: 700; margin: 0; font-size: 26px;color: #fff;}

@media (max-width: 991px) {
    #underMaintenance{ padding-top: 25px;}
}

.text-align-center {text-align: center;}
.text-align-center-i {text-align: center !important;}

.text-align-left {text-align: left;}
.text-align-left-i {text-align: left !important;}

.text-align-right {text-align: right;}
.text-align-right-i {text-align: right !important;}

.carsLine {background: linear-gradient(180deg, #FFF 50.16%, #FFFAFB 100%);text-align: center;}

.paleRedBg {background: #FFFAFB;}
.gray-bg {background: #F5F7FA;}
.charcoal-bg {background: #3D424D;}

.mb-100 {margin-bottom: 100px;}

.pt-100 {padding-top: 100px;}

.p80-0 {padding: 80px 0;}

.gap24 {gap: 24px;}
.gap40 {gap: 40px;}

.flex {display: flex;}
.flex-direction-column {flex-direction: column;}
.flex-w-wrap {flex-wrap: wrap;}

.justify-content-flex-start {justify-content: flex-start;}
.justify-content-flex-end {justify-content: flex-end;}
.justify-content-center {justify-content: center;}

.align-self-center {align-self: center}

.vin-types-hero {
    padding: 80px 20px 40px;
    text-align: center;
}

.vin-types-lead {
    max-width: 880px;
    margin: 0 auto 10px;
    font-size: 16px;
    line-height: 1.7;
    color: #ffffff;
}

.vin-types-section {
    padding: 70px 20px;
    background: #fff;
    text-align: center;
}

.vin-types-intro {
    max-width: 880px;
    margin: 0 auto 40px;
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

.vin-types-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
    text-align: left;
}

@media (min-width: 900px) {
    .vin-types-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.vin-type-card {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 24px 24px 28px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.04);
    display: flex;
    flex-direction: column;
    gap: 10px;
  	align-items: center;
}

.vin-type-card h3 {
    font-size: 20px;
    margin-bottom: 4px;
}

.vin-type-card p {
    font-size: 15px;
    line-height: 1.7;
    color: #444;
}

.vin-type-card ul {
    margin: 0 0 18px 18px;
    padding: 0;
    font-size: 14px;
    color: #555;
}

.vin-types-cta {
    padding: 70px 20px 90px;
    text-align: center;
    background: #fafafa;
}

.pricing-guides-section {
    padding: 80px 20px;
    background-color: #ffffff;
    text-align: center;
}

.pricing-guides-section .studio-subtitle {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 16px;
}

.pricing-guides-intro {
    max-width: 900px;
    margin: 0 auto 48px;
    font-size: 16px;
    line-height: 1.7;
    color: #555555;
}

.pricing-guides-grid {
    display: grid;
    grid-template-columns: 1fr;          
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

@media (min-width: 900px) {
    .pricing-guides-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)); 
        gap: 36px;
    }
}

.pricing-guide-card {
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #ebebeb;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
    padding: 28px 30px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
}

.pricing-guide-logo img {
    display: block;
    max-width: 200px;
    height: auto;
    margin: 0 auto 20px;
}

.pricing-guide-desc {
    font-size: 15px;
    line-height: 1.7;
    color: #444444;
    margin: 0 0 22px;
    flex: 1 1 auto;
}

.vin-cta { padding: 64px 20px; background:#f9f9fe;}
.vin-cta__inner { max-width: 860px; margin: 0 auto; text-align: center; }
.vin-cta__header h2 { text-transform: uppercase; line-height: 1.2; font-weight: 700; font-size: 2.7em; letter-spacing: 0; margin: 50px 0 30px; color: #111; }
.vin-cta__lead { margin: 0 auto 14px; max-width: 52ch; font-weight: 800; text-transform: uppercase; }
.vin-cta__text { margin: 0 auto 22px; max-width: 70ch; color: #444; }
.vin-cta__btn {background-color: #d32f2f; color: #ffffff; border: none; display: inline-block; padding: 0.5rem 1rem; text-align: center; text-decoration: none; border-radius: 0.25rem;}
.vin-cta__btn:hover,
.vin-cta__btn:focus-visible { background-color: #b52929; color: #ffffff; text-decoration: none;}