@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,400italic|Open+Sans+Condensed:300,700&subset=latin-ext,latin);
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin-ext');

.navbar-inverse{
    border: none;
    background: none;
}
table#decoder > tbody > tr > td{
    font-size: 12px;
    padding: 2px;
}

body{
    font-family: 'Open Sans';
}

@media (min-width: 992px) {
    #service-logo{
        position:absolute;
        top:20px;
        left:8px;
    }
}

@media (min-width: 769px) AND (max-width: 991px) {
    .col-sm-column-rev{
        display: flex;
        flex-direction: column-reverse;
    }
    .col-sm-column-rev label{

    }

    #service-logo{
        position:absolute;
        top:10px;
        left:8px;
    }
    ul.nav li a{
        font-size: 90%;
    }
}

@media (max-width: 768px) {
    #service-logo{
        position:absolute;
        top:5px;
        left:8px;
    }
}

.btn:not(label) {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+1,e0e0e0+99 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 1%, #e0e0e0 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f7 1%,#e0e0e0 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f7 1%,#e0e0e0 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    border: 1px solid #5baed2;
    margin:10px;
    color: #000000;
    font-weight: bold;
    border-radius: 3px;
    text-shadow: 0px 2px 2px #ffffff;
}
.btn span {
    color: #000000;
}

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

/* HOME */
#vin-form .input-group > input::-ms-clear {
    display: none;
}

/* LAYOUT */
/* VINCHECKER */

body#vinchecker div.blue_bar h1 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 17px;
    margin-bottom: 19px;
}

/* LANGUAGE */
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}
.btn-report {
    background: #fff !important;
    border: 1px solid #dadada;
    border-radius: 0;
    padding: 2px 12px;
    margin-top: 15px;
}
.btn-report:hover {
    background: #fff !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 150px;
}
.report-lang .dropdown-menu {
    border-radius: 0;
}
.report-lang .dropdown-menu>li>a {
    padding: 3px 12px;
}

.report-lang .filter-option span,
.report-lang .dropdown-menu>li>a{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #2e88bc;
    text-transform: uppercase;
}

.report-lang .dropdown-menu>li>a:focus{
    outline: none;
}

/* BASE ELEMENTS */
.padding-bottom-0{
    padding-bottom: 0px !important;
}
.width-100{
    width: 100%;
}
.padding-left-20{
    padding-left: 20px;
}
.margin-top-15{
    margin-top: 15px;
}
.text-left-important, .text-left-important *{
    text-align: left !important;
}
.display-flex{
    display: flex !important;
}
.img-shadow{
    box-shadow: 0px 2px 3px -1px #0006;
}
.clear{
    clear: both;
}
.stretch{
    align-self: stretch;
}
.d-block{
    display: block;
}
.min-height_20{
    min-height: 20px;
}
.padding-top-15{
    padding-top: 15px;
}
.margin_none{
    margin:0 0 0 0 !important;
}
.border-right-none{
    border-right: none !important;
}
.column{
    flex-direction: column;
}
.lucida{
    font-family: 'Lucida Console', Monaco, monospace;
}
div.center *{
    max-width: 100%;
}
.center-left{
    display: flex;
    justify-content: left;
    align-items: center;
}
.center-right{
    display: flex;
    justify-content: right;
    align-items: center;
}
.center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.center-space-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.center-space-around{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.flex-start{
    align-self: flex-start;
}
.font-table {
    font-family: "Lucida Console", Monaco, monospace !important;
    font-style: unset;
}
.font-table em{
    font-style: unset;
}
.style_checkbox label span{
    display:none;
}
.style_checkbox label.active span{
    display:block;
    color: #48a145 !important;
}
.style_checkbox label{
    background-color: #fff !important;
    font-size: 21px;
    border-radius: 0px;
    border: 2px solid #999 !important;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.style_checkbox.small label {
    width: 28px;
    height: 28px;
    font-size: 16px;
}

.strong{
    font-weight: bold;
}
.big-margin-top{
    margin-top: 25px;
}

h1 {

}

h2 {
    border-bottom: 1px solid #ccc;
    color: #00709e;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 5px;
}

h3, h4, h5, h2.navy-blue, .front_box h2{
    color: #044478;
}

h3{
    font-size: 18px;
    font-weight: bold;
}

p{
    font-size: 14px;
    color: #646464;
}
.popover{
    color: #646464;
}
@media (max-width: 767px) {
    body {
        font-size:13px;
    }

    h1, h2 {
        font-size: 16px;
    }
    h3 {
        font-size: 14px;
        font-weight: bold;
    }
    h4 {
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
    }
    h5, h6 {
        font-size: 12px;
    }
    p {
        font-size:13px;
    }

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

    .displayBuy {
        display: none;
    }

    #polish-product-sm {
        display: block;
        position: absolute;
        top: 7px;
        left: 30%;
    }
}


@media (min-width: 768px) {
    .xs-up-padding-left-20{
        padding-left: 20px;
    }
    .xs-up-align-left{
        text-align:left;
    }
    .xs-up-align-right{
        text-align:right;
    }
}
@media (max-width: 768px) {
    .xs-no-padding{
        padding: 0 0 0 0;
    }
}
@media (min-width: 768px) {
    .no-padding-xs-up{
        padding: 0 0 0 0;
    }
    .no-padding-xs-up-only-left{
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    .no-padding-xs-up-only-right{
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
    }
}


.no-padding{
    padding: 0 0 0 0;
}
.no-right-padding{
    padding-right: 0px;
}

.border-top-dark-grey{
    border-top: solid 2px #2d2d2d;
    padding-top: 3px;
    background-clip: content-box; /* support: IE9+ */
}
.border-top-blue{
    border-top: solid 2px #1e6d98;
    padding-top: 3px;
    background-clip: content-box; /* support: IE9+ */
}
.border-bottom-dark-grey{
    border-bottom: solid 2px #2d2d2d;
    padding-bottom: 3px;
    background-clip: content-box; /* support: IE9+ */
}
.border-top-light-grey{
    border-top: solid 2px #787878;
    padding-top: 3px;
    background-clip: content-box; /* support: IE9+ */
}
.border-bottom-light-grey{
    border-bottom: solid 2px #787878;
    padding-bottom: 3px;
    background-clip: content-box; /* support: IE9+ */
}
input, select, textarea {
    margin-bottom:15px;
}

body > div.container {
    padding-top:20px;
    padding-bottom:30px;
}

i.fa {
    font-size: 27px;
}

.strong{
    font-weight: bold;
}

/* ORDER SUMMARY */
.order-summary .panel{
    margin-top: 20px;
}
.order-summary .info-msg{
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    background-image: url('/img/hint.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: right 15px;
    border: solid 1px #ddd;
}
.order-summary .info-msg a{
    font-size: 12px;
    margin: 15px 0 0 0;
}
.order-summary .info-msg p{
    font-size: 13px;
}

/* FORMS*/
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 0;
    margin-top: 2px;
    margin-right: 8px;
}

/* VINCHECKER */

.progress-bar{
    font-weight: bold;
}

.vinchecker-info span{
    font-weight: normal;
}
.progresscontainer{
    padding-top:30px;
    padding-bottom:60px;
}
.progressbox{
    padding-top: 40px;
}
.vinchecker-info{
    margin-top: 30px;
}
.vinchecker-info div.info p{
    padding: 0 0 0 0;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 19px;
    font-size: 18px;
}
div.vinchecker-info div.info div:nth-child(1){
    text-align:right;
    padding: 5px;
}
div.vinchecker-info div.info div:nth-child(2){
    text-align:left;
    padding: 5px;
}

/* BORDER STYLE */

.border-grey{
    border: 1px solid #cdcdcd;
}

/* COLOR */

.front_box p{
    color: #555;
}
.redText {
    color: #ad0e00;
}
.med-light-grey{
    color: #bababa !important;
}
a.light-grey:hover{
    color: #bababa !important;
}
.light-grey{
    color: #dfdfdf !important;
}
.grey{
    color: #c2c2c2 !important;
}
.dark-grey {
    color: #646464 !important;
}
.navy-blue{
    color: #044478 !important;
}
a.navy-blue:hover{
    color: #646464 !important;
}
.light-blue{
    color: #0c8ac3 !important;
}
.blue{
    color: #09b0f7 !important;
}
.green{
    color: #53aa39 !important;
}
.burgundy{
    color: #ad0e00 !important;
}
.white{
    color: #fff !important;
}

.bg-light-grey{
    background-color: #f8f8f8 !important;
}
.bg-grey, .table-striped > tbody > tr:nth-of-type(1n+1){
    background-color: #e5e5e5 !important;
}
.bg-grey, .table-striped > tbody > tr:nth-of-type(2n+1){
    background-color: #fff !important;
}
.show_available > tbody > tr:nth-of-type(1n+1){
    background-color: #e5e5e5 !important;
}

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

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

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

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

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

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

}


.bg-light-blue{
    background-color: #5bc0de
}
.bg-blue, #vin-form a.btn:hover{
    background-color: #1ba4cc;
}
.bg-light-yellow{
    background-color: #fdfbda;
}

@media (max-width: 360px) {
    .blue_bar h1, #vin-form h1 {
        font-size:14px !important;
    }

    #vincheckerFooter {
        bottom: auto;
    }
}

@media (min-width: 361px) AND (max-width: 767px) {
    .blue_bar h1, #vin-form h1 {
        font-size:16px !important;
    }
    #vincheckerFooter {
        bottom: auto;
    }
}

@media (min-width: 768px) AND (max-width: 1200px) {
    #vincheckerFooter {
        bottom: auto;
    }
}

/* HEADER */
@media (min-width: 992px) {
    div.navbar-collapse{
        background-image: url('/img/menu_bg.png');
        background-position: right;
        background-repeat: no-repeat;
        background-size: 50% 100%;
    }
}
nav.navbar{
    border: none;
    background: none;
}

.menuGreyBackground {
    background-color: #f3f3f3 !important;
}

div.navbar-header{
    float: none;
}

ul.nav{
    background-position: left;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
}
ul.nav li a{
    padding: 3px 14px;
    cursor: pointer;
}
ul.nav > li > a:focus, ul.nav > li > a:hover{
    background: none;
}
ul.nav li.strong a{
    font-weight: bold;
}

div.blue_bar{
    text-shadow: 0px 2px 1px rgba(0,0,0,0.3);
    color: #fff;
    min-height: 40px;
    /*min-height: 59px;*/
}
div.blue_bar div.container div.row {
    margin-left:0px;
}
div.blue_bar form{
    text-align: right;
    margin-top: 13px;
}
@media (max-width:991px) {
    div.blue_bar form{
        margin-top: 0px;
    }
    div.blue_bar form input[type="text"],
    div.blue_bar form button{
        margin-bottom: 0px;
        display: inline;
    }
}
div.blue_bar form div{
    display: inline-block;
}
div.blue_bar form input[type="text"]{
    margin-left: 10px;
    height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    width: 200px;
}
@media (min-width:992px) and (max-width:1199px) {
    div.blue_bar form input[type="text"]{
        width: 185px;
    }
}
div.blue_bar form button{
    float: right;
    margin-left: 3px;
    border: none;
    height: 30px;
    font-weight: bold;
    padding: 0px 18px;
}
div.blue_bar h1{
    font-size: 20px;
    font-weight: bold;
    margin-top: 18px;
}

/* MODAL */
.modal-content h4{
    color: #00709e;
}
.modal-header {
    padding: 6px 15px;
}
.modal-header .close {
    margin-top: 2px;
}
.modal-content .alert{
    margin: 15px 15px 15px 15px;
}
.modal-body > form.center > label{
    align-self: self-start;
}
.modal-body a.password_recovery{
    height: 32px;
    position: absolute;
    left: 15px;
    bottom: 20px;
    padding-top: 6px;
}
.modal-body, .modal-body > form.center{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.modal-body label{
    display:block;
    color: #555;
    font-weight: normal;
}
.modal-body img{
    width: 132px;
    height: auto;
    margin-bottom: 20px;
}
.modal-body form div.bar{
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    left:0px;
    width: 100%;
    bottom: 70px;
}
.modal-body form .submit-link, .modal-body form button{
    margin-top: 20px;
}
.modal-body div.footer{
    height: 57px;
    width: 100%;
}
.modal-body div.footer input{
    height: 32px;
    position: absolute;
    right: 15px;
}
.modal-body div.footer button{
    height: 32px;
    position: absolute;
    right: 110px;
}
.modal-body input[type="text"], .modal-body input[type="password"]{
    border-radius: 0px;
    border: solid 1px #a9a9a9;
    background: #faffbd;
    text-align: center;
    color: #000;
}
/* PANEL */

.panel-group img {
    margin-bottom:15px;
}

.panel-group img {
    margin-bottom:15px;
}

.panel-group img.step-arrow-down {
    margin-top:10px;
    margin-bottom:10px;
}

.panel-group-guides h1{
    font-size: 20px;
    font-weight: bold;
    margin-top: 18px;
    color: #00709e;
}

.panel-group-guides h1 b {
    color: #09860a;
    font-size: 20px;
}

.panel .panel-heading {
    padding-top:5px;
    padding-bottom:5px;
}

.panel .panel-heading h3{
    margin-top: 5px;
    margin-bottom: 5px;
}

.panel-body ul {
    list-style-type: none;
    padding-left: 5px;
}

.panel-body li {
    position: relative;
    padding-left: 10px;
}

.panel-body li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    content: "\f0da";
    color: #044478;
}

.panel-body a {
    color: #044478;
}

.panel-body a:hover {
    color: #646464;
    text-decoration: none;
}

/* PRECHECK */
.precheck img#makelogo{
    margin-bottom: 10px;
}
.precheck .remove-discount{
    float: right;
    margin-left: 10px;
    padding-top: 3px;
}
.precheck .remove-discount i{
    font-size: 20px;
    color: #f00;
    cursor: pointer;
}
.precheck div.report.unavailable h2{
    margin:0 0 0 0;
    border: none;
    padding: 10px 0px;
    font-size: 16px;
}
.precheck div.report.unavailable p{
    font-weight: normal;
    margin-bottom: 0px;
}
.precheck div.report .price {
    font-weight: bold;
    text-align: right;
    flex: 1;
    min-width: 120px;
}
.precheck div.report div .price{
    text-align: left;
}

.precheck div.report a.btn-default.small{
    border: solid 1px #6fbae1;
    padding: 0px;
    background-color: #fff9ff;
    background: -moz-linear-gradient(top, #fff9ff 0%, #c0c5c1 100%);
    background: -webkit-linear-gradient(top, #fff9ff 0%,#c0c5c1 100%);
    background: linear-gradient(to bottom, #fff9ff 0%,#c0c5c1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9ff', endColorstr='#c0c5c1',GradientType=0 );
    padding: 5px;
    border-radius: 2px;
    font-weight: bold;
    text-shadow: 0px 2px 1px rgba(255,255,255,0.5);
    color: #333;
    font: bold 11px Arial;
}
.precheck div.report a.btn-default.small i{
    font-size: 14px;
    margin-left: 10px;
    font-weight: bold;
}

.precheck div.report a.btn-default.small:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff9ff+0,cfd3cf+100 */
    background-color: #fff9ff; /* Old browsers */
    background: -moz-linear-gradient(top, #fff9ff 0%, #cfd3cf 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff9ff 0%,#cfd3cf 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff9ff 0%,#cfd3cf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9ff', endColorstr='#cfd3cf',GradientType=0 ); /* IE6-9 */
    text-decoration: none;
    color: #d9534f;
}
.precheck div.report > div:nth-child(2){
    text-align: left;
}
.precheck div.report > div:nth-child(2) h2{
    font-size: 18px;
    font-weight: bold;
    border-bottom: none;
    margin-bottom: 0px;
    margin-top: 10px;
}
.precheck div.report.unavailable > div:nth-child(2) h2{
    margin-top: 0px;
}
.precheck div.report{
    justify-content: space-between;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #ccc;
}
.precheck table.summary div.report:last-child{
    border: none;
}
.precheck table.summary > tbody > tr:first-child > th{
    background: #fff;
}
.precheck table.summary > tbody > tr:first-child{
    border-bottom: solid 2px #ccc;
    height: 47px;
}
/* .precheck div.panel-heading{
    text-align: left;
    font-weight: bold;
    font-size: 16px;
} */
.precheck.decoder{
    margin-top:30px;
}
.precheck.decoder table tr{
    font-size: 12px;
}
.precheck.decoder table tr.green{
    text-transform: uppercase;
}
.precheck.decoder table tr td{
    padding: 1px 10px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width:25%;
    overflow: hidden;
    float: left;
    border-top: none;
    border-bottom: solid 1px #ddd;
}
.decoder.precheck > div.panel-body > div:first-child{
    border-right: solid 1px #ddd;
}
.precheck.decoder table tr td:nth-of-type(2n+1){
    font-weight: bold;
}
.precheck.decoder table{
    margin: 0 0 0 0;
}
.precheck.decoder button.show_available{
    border: none;
    width: 100%;
    font-weight: bold;
    margin: auto;
}
.precheck.decoder table.show_available > tbody > tr:nth-of-type(2n+1){
    background-color: #fff !important;
}
.precheck table.summary{
    margin-bottom: 0px;
    border-bottom: solid 1px #ccc;
}
.precheck table.summary tr{
    text-align: left;
}
.precheck table.summary tr td:nth-child(2){
    border-right: solid 1px #ddd;
    width: 30px;
}
.precheck table.summary .fa-search{
    font-size: 19px;
}
.precheck table.summary .fa-check-circle, .precheck table.summary .fa-circle-o{
    float: left;
    margin-right: 10px;
}
.precheck table.summary .fa-info{
    cursor: pointer;
}
.precheck table.summary .fa-info, .precheck table.summary .fa-check-circle, .precheck table.summary .fa-circle-o{
    display: inline-block;
    font-size: 20px;
}
.precheck div.at_option{
    border: 1px solid #ccc;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
    font-weight: bold;
}
.precheck div.at_option table tr td{
    padding: 5px;
}
.precheck div.at_option table{
    margin: 0 0 0 0;
}
.precheck div.at_option table tr{
    background-color: #f3f3f3 !important;
}
.precheck div.at_option table tr:nth-of-type(2n+1){
    background-color: #fff !important;
}
.precheck div#email_bar input#email.has-error{
    border-radius: 4px;
    border: solid 1px #f00;
    height: 30px;
    padding-left: 5px;
}
.precheck div#email_bar input#email.has-success{
    border-radius: 4px;
    border: solid 1px #0cbf1b;
    height: 30px;
}
.precheck p.has-error{
    color: #f00 !important;
}
.precheck .style_checkbox label.has-error:before{
    content:"";
    display:block;
    position:absolute;
    top:2px;
    left:2px;
    right:2px;
    bottom:2px;
    border:2px solid #f00; z-index:999;
}
.precheck .style_checkbox label.has-error{
    border: solid 1px #f00 !important;
}
.precheck div#email_bar > div{
    padding-top: 12px;
}
.precheck div#email_bar p{
    padding-right: 10px;
}
.precheck div#email_bar input{
    width: 100%;
}
.precheck div#email_bar{
    border-top: 1px solid;
    border-bottom: solid 1px;
    border-color: #ddd;
    background-image: url('/img/email.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 55px;
}
.precheck div#price_bar, .precheck div#email_bar{
    height:55px;
}
.precheck div#price_bar > div{
    height:55px;
}
.precheck div#price_bar > div#discount > div, .precheck div#price_bar > div#price > div, .precheck div#email > div#price > div{
    margin-top: 11px;
}
.precheck div#price_bar p, .precheck div#email_bar p{
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
}
.precheck div#price_bar > div#discount > div .message, .precheck div#price_bar > div#discount > div > div:last-child p{
    font-size: 14px;
    padding-left: 10px;
}
.precheck div#price_bar > div#discount{
    background-image: url('/img/rabat.jpg');
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 55px;
}
.precheck div#price_bar > div#discount form{
    max-width:300px;
}
.precheck div#price_bar > div#discount input.addon{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
    display: block;
    width: 40px;
    height: 32px;
}
.precheck div#price_bar > div#price p.price{
    margin-right: 10px;
}
.precheck div#price_bar > div#price{
    background-image: url('/img/cart.jpg');
    background-repeat: no-repeat;
    background-position: left bottom;
}

.width_pay {
    margin-top: 15px;
}

.pay_method {
    max-width: 100%;
}

.paymentMethod {
    display: flex;
    justify-content: center;
}

.pay_method p{
    font-weight: bold;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.precheck .pay_method img{
    max-width:100%;
}
.precheck .width_pay .pay_method img{
    max-height: 45px;
}
.precheck .pay_method div.img{
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
}
.precheck .normal_pay, .precheck .width_pay{
    display: flex;
    flex-wrap: wrap;
}
.pay_method .border{
    height: 100%;
    border: solid 1px #ddd;
    padding: 5px;
    text-align: center;
}
.precheck .pay_method{
    text-align: left;
    padding: 2px 2px;
    position: relative;
}
.precheck .width_pay .pay_method{
    position: relative;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 4px 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    height: 20px;
}
@media ( max-width : 991px) {
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        font-size: 90% !important;
    }
}
tr.small td {
    padding: 0px 8px !important;
}
tr.small td i{
    font-size: 15px !important;
}
tr.small td i:not([class*=fa-info]){
    margin-left: 2px;
}
tr.small td i.fa-info{
    margin-left: 1px;
}
.condition{
    padding-top: 15px;
    padding-bottom: 15px;
}
.condition .buy{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2ac308+0,0b7803+100 */
    background: #2ac308; /* Old browsers */
    background: -moz-linear-gradient(top, #2ac308 0%, #0b7803 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2ac308 0%,#0b7803 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2ac308 0%,#0b7803 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ac308', endColorstr='#0b7803',GradientType=0 ); /* IE6-9 */
    padding: 15px 0px;;
    width: 100%;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 2px 2px #0b0b0b4d;
    margin-top: 19px;
    max-width: 220px;
    text-transform: uppercase;
    font-size: 16px;
}
.condition .buy i{
    font-size: 18px;
}
.condition p{
    margin-bottom: 0px;
    margin-top: 6px;
}
.condition .btn-group{
    float: left;
    margin-right: 10px;
}
.pay_method.has-error .border {
    border: solid 1px #f00;
}
.precheck .summary td.small{
    height: 24px !important;
}
.precheck .summary td.small i{
    font-size: 16px !important;
    line-height: 20px;
    padding-top: 3px;
}
/* FOOTER */

footer div.links p, footer div.social p{
    margin-bottom: 0px;
    font-size: 16px;
}
footer{
    font-weight: bold;
    border-top: solid 2px #787878;
    padding-top: 3px;
    background-clip: content-box;
}
footer ul{
    list-style: none;
    padding: 0 0 0 0;
}
footer ul li{
    line-height: 16px;
}
footer div.links a{
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    font-size: 14px;
    line-height: initial;
}
footer div.links{
    text-align: left;
}
footer div.social{
    padding-top: 5px;
    text-align: right;
}
footer div.social i{
    font-size: 35px;
    float: right;
    margin-left: 14px;
}
footer div.social ul{
    margin-top:10px;
}
footer div#copyright{
    font-weight: normal;
    text-align: center;
    font-size: 11px;
    margin-top: 20px;
}
footer div#copyright ul li{
    display:inline-block;
    margin-left:7px;
    margin-right:7px;
}

/* LIGHTBOX FANCYBOX PRZYKŁADY W PRECHECKU */
.fancybox-slide.fancybox-slide--current.fancybox-slide--ajax.fancybox-slide--complete > div{
    width: 80%;
    max-width: 1170px;
}

#section-info {
    display: none;
    background-color: #fff;
    border:1px solid #ccc;
    display: none;
    min-height: 200px;
    z-index: 10000;
    width:980px;
    box-shadow: 0 0 5px #666;
}

#section-info .close, .fancybox-close-small {
    background: url(/img/close.png);
    background-repeat: no-repeat;
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
    border:none;
    outline: none;
}
.fancybox-slide .section-box {
    padding: 20px;
    border: 0;
    border-radius: 0;
    overflow: unset !important;
}
.fancybox-slide .section-desc {
    padding-right: 5px;
    width: 50%;
}
.section-box {
    /*background-image: url('/img/sections/pol/watermark-pl.png');*/
    background-image: url(/img/box-bg.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color:  transparent;
    background-attachment: scroll;
    background-size: contain;
}
.section-box .thumb {
    float: right;
    text-align: center;
    color: #00709E;
    width:40%
}
.section-box .thumb img {
    cursor: pointer;
    border: 1px solid #ccc;
    width: 100%;
}
.fancybox-slide .thumb p, .fancybox-slide .thumb a {
    background-color: #0294C9;
    border: 1px solid #17A1D3;
    padding: 3px 0;
    color: #fff !important;
    font-weight: bold;
    cursor: pointer;
    display: block;
}

.fancybox-close-small::-moz-focus-inner {
    border: 0;
}
.fancybox-slide .section-desc p, .fancybox-slide .section-desc a {
    margin-bottom: 20px;
    line-height: 20px;
}
.section-desc h1 {
    margin-top: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #00709e;
    margin-bottom: 10px;
}
@media (min-width: 1200px) {
    /* PRECHECK */
    .precheck .width_pay .pay_method{
        width: 379px;
        height: 75px;
    }
    .condition .buy{
        height:62px;
    }
}
@media (min-width: 768px){
    .pay_method .btn-group {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 2px;
    }
    .precheck .pay_method p{
        font-size: 10px;
        margin: 0 0 0 0;
    }
    .pay_method .btn-group label span{
        position: absolute;
        left: 5px;
        top: 5px;
    }
    .pay_method .btn-group label.active{
        opacity: 1;
        background: none !important;
        border: solid 1px #0cbf1b !important;

    }
    .pay_method .btn-group label{
        opacity: 0;
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 1200px) {
    .precheck .width_pay .pay_method{
        width: 312px;
    }
}
@media (max-width: 991px) {
    /* HEADER */
    button.navbar-toggle{
        margin-left: 20px;
        margin-top: 18px;
    }
    .navbar{
        margin-bottom: 10px;
    }
    ul.nav{
        background: none;
    }
    div.blue_bar h1{
        text-align: center;
        width: 100%;
    }
    div.blue_bar form label{
        /*width: 100%;*/
        text-align: center;
        padding-right:10px;
    }
    div.blue_bar div{
        /*width: 100%;*/
    }
    div.blue_bar button{
        float: none !important;
        margin-top: 15px;
        width: 200px;
        margin-bottom: 15px;
    }
    div.blue_bar form input[type="text"]{
        margin-left: 0px !important;
    }
    div.blue_bar form{
        text-align: center;
        width: 100%;
    }

    /* LANG */
    div.report-lang div.btn-group.bootstrap-select{
        width: 60px !important;
    }
    div.report-lang span.filter-option{
        padding-top: 0px !important;
    }
    button.dropdown-toggle{
        height: 33px;
        margin-top: 8px;
    }
    div.report-lang button{
        border-radius: 4px;
    }
    div.report-lang{
        margin-top: 11px;
    }
    div.report-lang span.filter-option{
        text-align: center;
        padding-top: 5px;
        padding-right: 14px;
    }
    div.report-lang span.glyphicon-ok{
        margin-top: 0px !important;
    }

    .precheck div.report{
        justify-content: flex-start;
    }

    .precheck div.report.unavailable p{
        padding: 0px 12px;
    }
    .precheck .width_pay .pay_method{
        width: 239px;
    }
    .precheck div#price_bar > div#price, .precheck div#price_bar > div#discount{
        background: none;
    }
    div.report p{
        margin-bottom: 0px;
    }
    div.report h2{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px;
    }
    .precheck div.report{
        padding-top: 9px;
        padding-bottom: 9px;

    }
    .report h2{
        font-size: 14px !important;
    }
}
@media (max-width: 768px) {
    /* BASE */
    .xs-no-padding{
        padding:0 0 0 0;
    }

    /* HEADER */
    div.blue_bar h1{
        margin-top: 10px;
    }

    /* FANCYBOX PRZYKŁĄDY LIGHTBOX Z PRECHECKA */
    .fancybox-slide .section-desc {
        width: 100%;
    }
    .section-box .thumb {
        display:none;
    }
    .section-box{
        background-color: #fff !important;
    }
    .condition .buy{
        width: 100% !important;
        margin-top: 10px;
        margin-bottom: 20px;
        max-width: unset !important
    }

    /* PRECHECK */
    .precheck div.report .disable_check{
        width: 65px;
    }
    .precheck div.report.unavailable > div{
        padding:0 0 0 0;
    }
    .precheck div#email_bar{
        background: none;
        height: auto;
    }
    .precheck div#email_bar p{
        text-align: left;
    }
    .precheck.decoder table tr td{
        width: 50%;
    }
    .report.available h2{
        margin-bottom: 3px;
        margin-top: 0px;
    }
    .payment_body .has-error {
        border: solid 1px #f00 !important;
    }

    .col-xs-1.col-lg-1.col-md-1.col-sm-1 {
        min-width: 50px;
        padding: 0 0 0 0;
        text-align: left !important;
    }
    .precheck div.report{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .precheck div.payment_body{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .precheck div.payment_body {
        border: solid 1px #cfcfcf;
        border-radius: 8px;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding: 10px 10px 0px 10px;
        margin: auto;
    }

    div.pay_method {
        border: solid 1px #cfcfcf;
        border-radius: 8px;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding: 5px 5px 0px 5px;
        margin: auto;
    }

    /* VINCHECKER */
    .progresscontainer{
        padding-top: 15px;
        padding-bottom: 25px;
    }
    .progressbox{
        padding-top: 10px;
    }
    .vinchecker-info h3 span{
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    div.vinchecker-info div.info div:nth-child(1){
        text-align: left;
    }

    /* FOOTER */
    footer div.social{
        text-align:center;
    }
    footer div.social ul{
        text-align:center;
    }
    footer div.social ul li{
        display: inline-block;
    }
}
@media(max-width: 365px){
    #service-logo{display: inline-block; position:relative;width: 50%;margin-top: 6px;}
}
@media(max-width: 330px){
    #service-logo{margin-top: 11px;}
}
@media (min-width:768px) and (max-width: 991px){
    .condition .buy{
        margin-top: 0px;
    }
}
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

.error-message {
    color: #ad0e00;
    margin-top:-10px;
    margin-bottom:25px;
}

table#legend td {
    padding:5px;
}

table#legend .zebra td {
    background:#f0eded;
}

.report-row {
    border-bottom: 1px solid #dddddd;
    display: flex;
    align-items: center;
    align-content: center;
}
.report-row i {
    padding:10px;
}
.report-row i.xs-show-details {
    padding:0;
}
.report-row .btn {
    margin-left:0px !important;
}


.registrationProof1 {
    float:left;
    background-color: #fbf7eb;
}

.registrationProof1 {
    float:left;
}

.orderLicense:hover {
    cursor: pointer;
}

@media (max-width: 670px) and (min-width: 550px) {
    #vehicle-producer {
        height: 150px;
    }
}

@media (max-width: 549px) {
    #vehicle-producer {
        height: 220px;
    }
}


.termsCheckboxPrecheck {
    margin-top: 35px;
}

@media (max-width: 1090px) {
    .termsCheckboxPrecheck {
        margin-top: 10px;
    }
}

@media (min-width: 600px) {
    .attributes {
        width: 50%;
        float: left;
    }
}

.attributes span{
    padding: 0px 3px;
}

#vehicle-producer {
    height: 80px;
}

#vehicle-producer {
    height: 80px;
}

.registrationProof1 {
    float:left;
    background-color: #fbf7eb;
}

.registrationProof1 {
    float:left;
}

.axH4 {
    color: #fabb00;
    font-weight: 700;
}

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

#axVehicleInfoRight p {
    font-size: 20px;
}

#axVehicleInfoRight i {
    padding-right: 20px;
    color: #044478;
}

.extraInfoAx {
    margin-top: 50px;
}

.axFooter {
    width: 100%;
    height: 175px;
    border: 3px solid #fabb00;
}

@media (max-width: 1100px) {
    #leftAxFooter {
        width: 100%;
        margin-bottom: 20px;
    }
    #rightAxFooter {
        width: 100% !important;
    }
}



#leftAxFooter {
    float: left;
    width: 40%;
    min-width: 300px;
    height: 169px;
}

#rightAxFooter {
    float: left;
    width: 60%;
    height: 169px;
    background-color: #fabb00;
}

#leftAxFooter > img{
    margin-left: 25%;
    margin-top: 2%;
}

#leftAxFooter > p{
    display: block;
    text-align: center;
    color: gray;
}

#divAxFooterMenu {
    margin-top: 3%;
    color: white;
    float: left;
    font-size: 16px;
}

#divAxFooterMenu > ul {
    list-style: none;
    color: white;
    text-decoration: none;
}

#divAxFooterMenu a {
    color: white;
    text-decoration: none;
    float: left;
}

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

#divAxFooterMenu a:hover {
    color: #999933;
    text-decoration: none;
}


#rodoAx {
    clear: both;
    position: fixed;
    bottom: 0;
    height:80px;
    width: 100%;
    background-color: #ffb921;
    border-top: #2a2c2f 2px solid;
    z-index: 100;
}




.orderLicense {
    text-align: center;
    transform: scale(2);
    margin-top: 35px;
    padding: 14px 20px 23px 20px;
    float:left;
    margin-left: 140px;
    background: #fabb00; /* Old browsers */
    background: -moz-linear-gradient(top, #fabb00 0%, #fabb00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fabb00 0%,#fabb00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fabb00 0%,#fabb00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ac308', endColorstr='#0b7803',GradientType=0 ); /* IE6-9 */
    border: none;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 2px 2px #0b0b0b4d;
    text-transform: uppercase;
    font-size: 16px;
}

.axCode {
    margin-left: 35px;
    width: 50px;
}

@media (max-width: 1080px) {
    .orderLicense {
        clear: both !important;
        margin-bottom: 30px;
        margin-top: 30px;
        text-align: center;
        align-content: center;
    }

    .axCode {
        padding-top: 0;
        margin-left: 10px;
    }

    #okAxSubmit {
        margin-left: -10px !important;
    }

    #axLink a {
        margin-left: 50px;
    }

    .licenseInputAx > p {
        margin-left: 0 !important;
    }
    .orderAxReport{
        clear: both;
        margin-left: 85px;
        margin-bottom: 50px;
    }
    .termsAx {
        clear: both !important;
        float: left;
        margin-bottom: 50px;
    }
}

.termsAx {
    margin-left: 363px;
    margin-top: 10px;
    width: 700px;
}

#okAxSubmit {
    margin-top: 5px;
    border-radius: 3px;
    background-color: #fabb00;
    color: white;
    margin-left: 50px;
    font-weight: bolder;
    padding-right: 60px;
    transform: scale(2);
    margin-top: 10px;
    border: none;
}

#hiddenPriceAxText {
    margin-top: 5px;
    border-radius: 3px;
    background-color: #fabb00;
    color: white;
    margin-left: 50px;
    font-weight: bolder;
    padding-right: 50px;
    transform: scale(2);
    margin-top: 10px;
    border: none;
}

.borderRadiusAx {
    border-radius: 5px;
}

.axSpanPrice {
    position: absolute;
    color: white;
    font-size: 20px;
    font-weight: 700;
    right: -130px;
    bottom: 17px;
}

.axSpanCurrency {
    position: absolute;
    bottom: 17px;
    color: white;
    font-size: 20px;
    font-weight: 700;
    right: -170px;
}

@media (max-width: 690px) {
    .orderAxReport{
        margin-top: 0 !important;
        width: 200px !important;
        transform: scale(0.5) !important;
        margin-left: 0;
        margin-bottom: 40px;
    }
    #okAxSubmit {
        margin-top: 50px;
        margin-left: -75px !important;
        right: 50px;
        float: left;
    }
    .licenseInputAx {
        clear: both !important;
        width: 150px !important;
        float:left;
    }
    #axLink a {
        margin-left: 100px;
    }
    .orderLicense {
        clear: both !important;
        transform: scale(0.9) !important;
        margin-top: 80px !important;
        margin-left: 50%;
        position: absolute;
        left: -110px;
    }

    .axCode {
        padding-top: 10px;
        margin-left: 0;
    }

    #axVehicleInfoRight p {
        font-size: 12px;
    }

    .axSpanPrice {
        position: absolute;
        color: white;
        font-size: 20px;
        font-weight: 700;
        right: -70px;
        bottom: 9px;
    }

    .axSpanCurrency {
        bottom: 9px;
        right: -110px;
    }
}



.termsAx a {
    color: #044478;
    font-size: 20px;
    margin-right: 240px;
}

.orderLicense:hover {
    cursor: pointer;
}

#vehicle-producer {
    height: 80px;
}

@media (max-width: 670px) and (min-width: 550px) {
    #vehicle-producer {
        height: 150px;
    }
}

@media (max-width: 549px) {
    #vehicle-producer {
        height: 220px;
    }
}

.rodoDivClause {
    font-size: 10px;
    color: #8a8a8a;
    text-align: justify;
}

.termsCheckboxPrecheck {
    margin-top :35px;
}

@media (max-width: 1090px) {
    .termsCheckboxPrecheck {
        margin-top: 10px;
    }
}

@media (min-width: 600px){
    .attributes{
        width: 50%;
        float: left;
    }
}
.attributes span{
    padding: 0px 3px;
}

.axpUp {
    font-size: 18px !important;
    padding-top: 20px !important;
    margin-bottom: -10px;
}

.titleAxCard p {
    color: white;
    font-size: 30px;
    text-align: center;
    padding-top: 0;
}

.axpDown {
    padding-top: -50px;
}

.axPriceLicense {
    font-size: 56px;
    text-align: center;
    color: black;
    margin-bottom: -15px;
}

.licenseAxCard {
    width: 24%;
    float: left;
    padding-left: 20px;
}

.pricesAxCard {
    margin-left: 15px;
    width: 100%;
}

.axTaxCard {
    text-align: center;
}

.axBonusCard {
    text-align: center;
    font-size: 24px;
    color: black;
}

.axTermsCard {
    background-color: #f4f4f5;
    margin-left: 15px;
    width: 100%;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.axTermsCard > p {
    font-size: 16px;
    color: black;
}

.axTermsCard i {
    color: #044478;
}

.axOrderLicenseCard > button{
    width: 100%;
    background-color: #fabb00;
    color: white;
    font-size: 24px;
    border: none;
    margin-left: 15px;
    height: 80px;
}

.orderLicenseSite {
    margin-top: 50px;
    width: 100%;
    background-color: #fabb00;
    text-align: center;
}

.orderLicenseSite > p {
    color: white;
    font-size: 24px;
    padding: 10px;
}

.axStepsLicense > p {
    width: 33%;
    float: left;
    text-align: center;
    padding-top: 20px;
    font-size: 24px;
}

.axArrowDivsLicense > div {
    float: left;
    text-align: center;
    height: 90px;
}

.axArrowDivsLicense > div > p {
    color: white;
    font-size: 16px;
    padding-top: 15px;
}

.firstAxLicenseForm {
    width: 100%;
    background-color: #f4f4f5;
    margin-top: 50px;
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

#titleAxLicenseOrder {
    color: #044478;
    font-size: 26px;
    padding-top: 30px;
    padding-bottom: 30px;
}

#axInstructionToOrderLicense {
    color: black;
    font-size: 20px;
}

.firstFormAxLicense {
    padding: 20px;
}

.firstAxLicenseForm:last-child > button {
    color: white;
    background-color: #0b7803;
}

#submitButtonFirstAxLicense {
    background-color: #38a161;
    border: none;
    color: white;
    font-weight: 700;
    font-size: 20px;
    width: 300px;
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
}

.sliderAx {
    height: 450px;
}

.firstAxArrow {
    width: 32%;
    -webkit-clip-path: polygon(86% 0, 95% 49%, 86% 100%, 0% 100%, 0 51%, 0% 0%);
    clip-path: polygon(86% 0, 95% 49%, 86% 100%, 0% 100%, 0 51%, 0% 0%);
    text-align: left !important;
    padding-left: 10px;
}

.secondAxArrow {
    width: 34%;
    -webkit-clip-path: polygon(88% 0, 97% 50%, 88% 100%, 0% 100%, 9% 50%, 0% 0%);
    clip-path: polygon(88% 0, 97% 50%, 88% 100%, 0% 100%, 9% 50%, 0% 0%);
    padding-right: 10px;
    margin-left: 1%;
}

.blueAxColor {
    background-color: #174082;
}

.grayAxColor {
    background-color: #c9c9c9;
}

.doneAxColor {
    background-color: #697c9a;
}

.thirdAxArrow {
    width: 29.5%;
    -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 4% 100%, 14% 50%, 4% 0);
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 4% 100%, 14% 50%, 4% 0);
    padding-left: 80px;
    margin-left: 10px;
    text-align: left !important;
}

.firstAxArrow > p {
    font-size: 20px !important;
    width: 250px;
}

.secondAxArrow > p {
    font-size: 20px !important;
    width: 250px;
    margin-left: 50px;
}

.thirdAxArrow > p {
    font-size: 20px !important;
    width: 250px;
}

#firstStepAxLicense {
    color: #044478;
}

#axNip {
    margin-left: -55px;
    margin-right: 58px;
    width: 300px;
}

#axMail {
    width: 500px;
}

.firstAxLicenseLabel {
    padding-right: 85px;
}

.secondAxLicenseLabel {
    padding-right: 30px;
}

.firstAxLabelInputForm {
    margin-right: 15%;
}

.secondAxLabelInputForm {
    padding-bottom: 50px;
}

#axEmailInfo {
    color: grey;
    margin-top: -60px;
    padding-left: 110px;
    margin-bottom: 50px;
}

.axLicenseBackground {
    background-color: #f4f4f5;
    width:100%;
    margin-top: 50px;
}

.secondFormAxLicense {
    margin-top: 50px;
    margin-left: 20%;
}

.secondFormAxLicense > div {
    float:left;
    margin-right: 20%;
}

.licenseAxPersonInput {
    text-align: left;
}

.licenseAxStreetInput {
    text-align: left;
}

.axHrLine {
    background-color: black;
    height: 2px;
    margin-right: 3%;
    margin-left: 3%;
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: lightgrey;
}

.licenseAxHorizontal {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    border: 2px #044478 solid;
    background-color: white;
    margin-top: 20px;
}

.firstLicenseAxDiv {
    height: 80px;
    width: 10%;
    float: left;
}

.firstLicenseAxDiv > div {
    padding-top: 25px;
}

.secondLicenseAxDiv {
    background-color: #044478;
    height: 80px;
    width: 20%;
    float: left;
}

.verticalAxCardUp {
    color: white;
    font-size: 18px;
    margin-top: 7px;
    margin-bottom: -10px;
}

.verticalAxCardDown {
    color: white;
    font-size: 40px;
}

.thirdLicenseAxDiv {
    width: 50%;
    float: left;
    height: 80px;
}

.thirdLicenseAxDiv > p {
    color: black;
    font-size: 16px;
    margin-bottom: -6px;
    width: 100%;
    text-align: left;
    margin-left: 20px;
}

.thirdLicenseAxDiv i {
    color: #044478;
    margin-right: 10px;
}

.fourthLicenseAxDiv {
    width: 20%;
    background-color: #fabb00;
    height: 80px;
    float: left;
}

.fourthLicenseAxDiv > p {
    color: white;
}

#fourthLicenseFirstP {
    font-size: 36px;
    margin-bottom: -10px;
}

#fourthLicenseSecondP {
    margin-bottom: -4px;
}

#fourthLicenseThirdP {
    font-size: 18px;
}

.axLicenseOpacity {
    opacity: 0.5;
}

.axBorderNone {
    border: 2px lightgrey solid;
}

#submitButtonSecondAxLicense {
    background-color: grey;
    border: none;
    color: white;
    font-weight: 700;
    font-size: 20px;
    width: 300px;
    text-align: center;
    padding-top: 10px;
    margin-top: 20px;
    padding-bottom: 10px;
    margin-left: -90px;
}

.nipAxInput {
    margin-right: 170px;
    margin-left: 20px ;
    padding-left: 10px;
    background: #E9E9E9;
    border: 1px darkgrey solid;
    border-radius: 3px;
    height: 30px;
    width:250px;
    color: darkgrey;
}

.nameAxInput {
    margin-left: 20px;
    margin-right: -20px;
    padding-left: 10px;
    border: 1px lightgrey solid;
    border-radius: 3px;
    height: 30px;
    width: 500px;
    color: darkgrey;
}

.contactPersonAxInput {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 10px;
    border: 1px lightgrey solid;
    border-radius: 3px;
    height: 30px;
    width: 500px;
    color: darkgrey;
}

.streetAxInput {
    margin-left: 20px;
    margin-right: -66px;
    padding-left: 10px;
    border: 1px lightgrey solid;
    border-radius: 3px;
    height: 30px;
    width: 500px;
    color: darkgrey;
}

.homeNumberAxInput {
    margin-left: 20px;
    margin-right: 402px;
    padding-left: 10px;
    border: 1px lightgrey solid;
    border-radius: 3px;
    height: 30px;
    width: 100px;
    color: darkgrey;
}

.apartmentNumberAxInput {
    margin-left: 20px;
    margin-right: 376px;
    padding-left: 10px;
    border: 1px lightgrey solid;
    border-radius: 3px;
    height: 30px;
    width: 100px;
    color: darkgrey;
}

.postalCodeAxInput {
    margin-left: 20px;
    margin-right: 390px;
    padding-left: 10px;
    border: 1px lightgrey solid;
    border-radius: 3px;
    height: 30px;
    width: 100px;
    color: darkgrey;
}

.cityAxInput {
    margin-left: 20px;
    margin-right: 383px;
    padding-left: 10px;
    border: 1px lightgrey solid;
    border-radius: 3px;
    height: 30px;
    width: 100px;
    color: darkgrey;
}

.emailAxInput {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 10px;
    border: 1px lightgrey solid;
    border-radius: 3px;
    height: 30px;
    width: 500px;
    color: darkgrey;
}

.passwordAxInput {
    margin-left: 20px;
    margin-right: -12px;
    padding-left: 10px;
    border: 1px lightgrey solid;
    border-radius: 3px;
    height: 30px;
    width: 500px;
    color: darkgrey;
}

.axCaruseleIndicator {
    margin-right: 47% !important;
}

.repeatedPasswordAxInput {
    margin-left: 20px;
    margin-right: 40px;
    padding-left: 10px;
    border: 1px lightgrey solid;
    border-radius: 3px;
    height: 30px;
    width: 500px;
    color: darkgrey;
}

#passAxInfo {
    font-size: 11px;
    color: grey;
    margin-top: -10px;
    margin-left: 10px;
}

#axLink {
    float:left;
    width:250px;
    margin-right: -10px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #174082;
}

@media (max-width: 1080px) {
    .licenseAxCard {
        clear: both;
        width: 100%;
        padding-left: 0;
        padding-right: 30px;
    }

    #axVehicleInfoRight {
        width: 100% !important;
        padding-right: 40px;
        padding-left: 40px;
        padding-top: 20px;
    }
}

@media (max-width: 560px) {
    #axVehicleInfo {
        height: 700px;
    }
    .axH2 {
        font-size: 24px;
        padding-top: 25px;
    }

    .axCaruseleIndicator {
        margin-right: 35% !important;
    }

    .logoAxScale {
        transform: scale(0.8);
        margin-left: 20px;
    }

    #leftAxFooter p {
        margin-left: 30px;
    }
}

@media (max-width: 890px) {
    .axH2 {
        padding-top: 25px;
    }

    #divAxFooterMenu {
        margin-top: 10%;
    }
}

@media (min-width: 1081px) {

    #axVehicleInfoRight {
        margin-left: 60px;
        float: left;
    }
}

.simpleCardVin {
    margin-bottom: 100px;
}

.affiliateH2 {
    margin-top: 20px;
}

ul.availability_report li {
    height: 50px;
}

.blackFont {
    color: black;
}

.marginBottom50 {
    margin-bottom: 50px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.borderUsPrecheck {
    border: 2px solid gray;
    z-index: 10;
    height: 30px;
}

.usMarginTop {
    margin-top: 10px;
}

.usButton {
    border: none;
    width: 40px;
    border-radius: 0;
    right: 0;
    background-color: lightgrey;
    position: absolute;
    border-bottom: 2px solid gray;
}

.borderNone {
    border:none;
    opacity: 100%;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.checkboxUsMargin {
    margin: 25px -10px 0 0;
}

.MarginTop35 {
    margin-top: 35px;
}

.MarginTop30 {
    margin-top: 30px;
}
checkboxUsMargin
.MarginTop10 {
    margin-top: 18px;
}

@media (max-width: 1200px) AND (min-width:990px) {
    .textCenter {
        text-align: center !important;
        margin-top: 20px;
        padding-top: 10px;
    }
    .paddingTopUs {
        padding-top: 5px !important;
    }
    .paddingBottomUs {
        padding-bottom: 10px;
    }
    .marginLeft20 {
        margin-left: 20%;
    }
    .marginTopMinus {
        margin-top:-40px;
    }
    .marginLeftUs {
        padding-left: 70px !important;
    }
    .marginLeftUs30 {
        padding-left: 30px;
    }
    .marginRightUs30 {
        margin-left: -50px;
    }
    .usPrecheckInput {
        width: 420px !important;
    }
    }

@media (max-width: 990px) AND (min-width: 770px) {
    .usPrecheckInput {
        width: 245px !important;
    }
}


@media (max-width: 770px){
    .usPrecheckInput {
        width: 270px !important;
    }
    .marginUpUs {
        margin-top: -30px;
    }
}

.minusMarginPrecheck {
    margin-top: -10px !important;
}

.loginForm {
    transform: scale(0.7);
}

.listOfPassword {
    border: 1px grey solid; padding-bottom: 10px; padding-top: 10px;
}

.roVinInput {
    font-size: 18px !important;
}

.newAbVinHeader {
    font-size: 24px;
    margin-top: 10px;
    font-weight: 700;
}

.accountVinLogo {
    height: 60px;
}

.AbaccountVinLogo {
    max-height: 16px;
    max-width: 16px;
}

.abAccountButton {
    width: 100% !important;
}

.rightVinAb {
    float: right !important;
    text-align: right !important;
}

.abRedBtn {
    color: #C00000 !important;
}

.abOrangeBtn {
    color: #c06812 !important;
}

.abMarginTopAccountReport {
    margin-top: 20px !important;
}

.float-left {
    float: left !important;
}

.precheckAbIcon {
    transform: scale(5);
    opacity: 0.7;
    margin-top: 60px;
}

.PaddingTop70 {
    padding-top: 70px;
    height: 50px;
}

.precheckAbClaimFont {
    font-size: 24px;
    color: grey;
}

.error404DivAb {
    border:1px solid #FFB201;
    overflow: auto;
    border-radius: 5px;
    padding:5px;
    background:#FEFCE2;
    padding-bottom:20px;
}

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

@media (min-width: 769px){
    .partner-box{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .partner-box *{
        max-width: 100%;
    }
}

div#content h4 {
    line-height:35px;
    font-size:13px;
    margin-top:15px;
    font-weight:bold;
}
div#content h2 {
    margin-bottom:0px;
}
table#invoices-issued-table td,
table#invoices-in-preparation-table td{
    padding:0px 3px 5px 15px;
}
table#invoices-issued-table td:first-child,
table#invoices-in-preparation-table td:first-child {
    width:30px;
}
table#invoices-issued-table td:nth-child(2),
table#invoices-in-preparation-table td:nth-child(2){
    width:240px;
    max-width:240px;
}
table#invoices-issued-table td:nth-child(3),
table#invoices-in-preparation-table td:nth-child(3) {
    width:240px;
    max-width:240px;
}
table#invoices-in-preparation-table {

}
table#invoices-issued-table tr:hover,
table#invoices-in-preparation-table tr:hover {
    background-color: #f5f5f5;
}

div#content h4 {
    line-height:35px;
    font-size:13px;
    margin-top:15px;
    font-weight:bold;
}
table#transactions-list-table td{
    padding:2px 7px 2px 15px;
}
table#transactions-list-table td.vin-number{
    font-family: 'Lucida Console', Monaco, monospace !important;
}
table#transactions-list-table td:first-child {
    width:30px;
}
a.btn-cancel,
a.btn-submit,
a.btn-fake {
    margin-top:15px;
}
a.btn-cancel {
    margin-right:5px;
}
.no-arrow span {
    background-image:url("/img/buttons/normal/small/right_no_arrow.png") !important;
    padding-right:10px !important;

}
div.vi-col {
    float:left;
}
div.vi-col-4 {
    width:33.33%
}
div.vi-col-8 {
    width:66.66%
}
input#InvoiceRequestDataConfirmation {
    border: 1px solid #a9a9a9;
    margin-bottom:5px;
    padding:3px 10px 3px 0px;
    margin:3px 10px 3px 0px;
    float:left;
}
label[for="InvoiceRequestDataConfirmation"] {
    line-height:24px;
}

h2.legend-position:before {
    top: 5px;
    left: 0;
    font-family: FontAwesome;
    font-size:22px;
    content: "\f058";
    color: #044478;
    padding-right:5px;
}

h2.legend-position {
    /*padding-left:10px;*/
    padding-top:5px;
    line-height:22px;
}

.brand {
    font-weight: bolder;
}

div.nap-info{
    clear:both;
    line-height: 20px;
    border:1px solid #ccc;
    padding:10px 10px;
    background: #FDFBDA;
}

.about-us-area-title h4,
.about-us-area-title h5,
.about-us-area-title h6 {
    color: #333;
    font-family: "Raleway" !important;
    margin-bottom: 10px;
    margin-top: 10px;
}

.wide-holder-dark-bg {
    background:url(/img/autobazaevent_img/images/countdown-bg-dark.jpg) no-repeat center/cover;
}

div.cont_o_nas{
    /*width: 980px;*/
    clear: both;
    margin: 0 auto;
    overflow: auto;
    padding-top: 15px;
    text-align: justify;
}

div.o-nas .ab {
    padding-top: 50px;
    padding-bottom: 25px;
}
div.o-nas #left-col{width:100%}

div.o-nas div.ab div.o-nas h4, div.o-nas h5, div.o-nas h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Raleway';
    color: #333;
}

html {
    height: 100%;
}

html body div.o-nas div.wide-holder.ab div.container div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6 div.about-us-area.about-us-area-1 div.about-us-area-title h5 {
    text-transform: uppercase;
    font-size:24px;
}
html body div.o-nas div.wide-holder.ab div.container div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6 div.about-us-area.about-us-area-1 div.about-us-area-title h6 {
    text-transform: uppercase;
    font-size:18px;
}

body {
    min-height: 100%;
    position: relative;
}

@media (max-width: 480px){
    div.o-nas div.ab{
        padding-top: 0px;
    }
}

@media (min-width: 768px){
    div.o-nas div.ab div.container{
        /*width:980px*/
    }
}
@media (max-width: 768px){
    div.o-nas div.ab .subscription-page-1-main{
        padding: 0px 0px 40px !important;
    }
}

div.o-nas div.ab h3 {color:#333;font-size: 24px;text-transform: uppercase;}
div.o-nas div.ab {font-family: "Lato", Helvetica, Arial, sans-serif;}

div.o-nas div.ab img{width:100%;}
div.o-nas div.ab #left-col{float:none;}
div.o-nas #content {width:auto;}

div.o-nas div.ab {color: #585858 !important;}
div.o-nas div.ab p{font-size: 14px; margin:0 !important;}

div.o-nas div.ab .feature-disc-1 {text-align: justify;}
div.o-nas div.ab .feature-disc-1 p {line-height: 1.4 !important;}

div.o-nas div.ab .margin-top-20 {margin-top: 20px;}
div.o-nas div.ab .margin-bottom-30 {margin-bottom: 30px;}
div.o-nas div.ab .margin-bottom-50 {margin-bottom: 50px;}

div.o-nas div.ab .tx-left {
    text-align: left;
}
div.o-nas div.ab .tx-right {
    text-align: right;
}

div.o-nas div.ab .content-video-1 {position: relative;}
div.o-nas div.ab .content-video-1 img {vertical-align: middle;}
div.o-nas div.ab .content-video-btn-1{
    background: rgba(255,255,255,0.7);
    border-radius: 50%;
    height: 80px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    text-align: center;
}

div.o-nas div.ab .content-video-btn-1 a {
    border-radius: 50%;
}
.fa-play-circle::before {
    font-size: 50px;
    line-height: 1.6;
}

div.o-nas div.ab .content-vbtn-color-blue {
    color: #00b4e9;
}
div.o-nas div.ab .content-video-btn-1 i {line-height: 1.6;}

.content-video-1{position:relative;}
.content-video-btn-1{
    background:rgba(255,255,255,0.7);
    border-radius: 50%;
    height: 80px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    text-align:center;
}
.content-video-btn-1 i{line-height:1.6;}
.content-video-btn-1 a{border-radius:50%;font-size:50px;line-height:1.6;}


div.o-nas div.ab #content-area-6{background:url(/img/autobazaevent_img/images/countdown-bg-dark.jpg) no-repeat center/cover;}
div.o-nas div.ab #content-area-6 div.row{margin:0 0 0 0}
div.o-nas div.ab .content-area-5{}

div.o-nas div.ab .padding-top-60 {padding-top: 60px;}
div.o-nas div.ab .padding-bottom-50 {padding-bottom: 50px;}
div.o-nas div.ab .padding-top-150 {padding-top: 150px;}

div.o-nas div.ab .tx-center {
    text-align: center;
}

div.o-nas div.ab .section-title-1 h5 {
    text-transform: uppercase;
}
div.o-nas div.ab .color-white {
    color: #fff;
}
div.o-nas div.ab h5 {
    font-size: 24px;
    font-weight: 700;
}

div.o-nas div.wide-holder.ab div.about-us-area.about-us-area-2 h5{
    color: #ffffff;
}

div.o-nas div.ab .sec-title-div-1 {
    width: 100px;
    height: 2px;
    background: #00b4e9;
    margin: 15px auto 10px;
}

div.o-nas div.ab .sec-title-div-2 {
    width: 100px;
    height: 2px;
    background: #fff;
    margin: 15px auto 10px;
}

div.o-nas div.ab p {
    font-size: 14px;
    color: #A2A2A2;
    margin: 0;
}
div.o-nas div.ab .team-disc-1 ul{
    padding-left: 40px;
}
div.o-nas div.ab .team-disc-1 ul li{
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    line-height: 24px;
}
div.o-nas div.ab .team-disc-1 ul, div.o-nas .team-disc-1 ul li {
    list-style-type: square !important;
    color: #A2A2A2;
    font-size:14px;
}
div.o-nas div.ab .team-6-wrap p {
    color: #A2A2A2;
    line-height: 1.6 !important;
    margin-top: 10px !important;
}
div.o-nas div.ab {
    text-decoration: none;
    list-style: none;
}
div.o-nas div.ab img.RaportVin{
    max-width:435px;
}
div.o-nas div.ab .subscription-page-1-main{
    background: #fff;
    padding: 72px 50px 100px;
    box-shadow: 0 3px 5px 0 #ccc;
    text-align: center;
}
div.o-nas div.ab .subscription-page-1-main.col-md-8 {
    float: none;
    margin: 0 auto;
}
div.o-nas div.ab .subscription-form-4 {
    float: none;
    margin: 20px auto 0;
}
div.o-nas div.ab *[placeholder] {
    padding: 13px 20px;
    color: #adadad;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: #f9f9f9;
}
div.o-nas div.ab {
    display: inline-block;
    margin-right: 10px;
    border-radius: 6px;
}
div.o-nas div.ab .subscription-form-4 .subs-form-btn {
    padding: 13px 0;
    box-shadow: none;
    border: none;
    background: #dd0000;
    color: #fff;
    text-transform: uppercase;
    border-radius: 6px;
}
div.o-nas div.ab .subscription-page-1-main {
    background: #fff;
    padding: 72px 50px 100px;
    box-shadow: 0 3px 5px 0 #ccc;
    text-align: center;
}
div.o-nas div.ab .subscription-page-1-main h3 {
    font-family: 'Lato';
    font-weight: 900;
    letter-spacing: 2px;
}

div.vw-info{
    clear:both;
    line-height: 20px;
    border:1px solid #ccc;
    padding:10px 10px;
    background: #FDFBDA;
}

.panel-heading.clickable {
    cursor: pointer;
}

.sideBarMarginBottom5 {
    margin-bottom: 5px;
}

.liAbBorder0 {
    border: 0;
}

div.be-info {
    background: #fdfbda none repeat scroll 0 0;
    border: 1px solid #ccc;
    clear: both;
    line-height: 20px;
    overflow: auto;
    padding: 15px;
}

div.vwe-info{
    background: #fdfbda none repeat scroll 0 0;
    border: 1px solid #ccc;
    clear: both;
    line-height: 20px;
    overflow: auto;
    padding: 15px;
}

.redText {
    color: red;
}

#checkbox_required_text {
    display: none;
}

#legend {
    width: 100%;
    padding:0;
    border-bottom:0;
}

#legend .title {
    height:30px;
    line-height:30px;
    cursor: pointer;
    font-size:14px;
    background:url(/img/banner-short-bg.png) 0 80% repeat-x;
    color:#fff;
}

#legend .title b {
    float:right;
    font-size: 12px;
    padding-right:10px;
}


#legend  td {
    border-bottom:1px solid #ccc;
}

#legend .icon {
    width:1px;
    padding-right:5px;
    border-right:1px solid #ccc;
    background: #fff;
}

#legend .icon img {
    width:24px;
}

#legend .name {
    width:1px;
    font-weight:bold;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    white-space: nowrap;
    background: #fff;
    padding:5px 10px;
}

.panel-heading.clickable .expand-icon {
    position:absolute;
    top:10px;
    right:30px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginLeft20 {
    margin-left: 20px;
}

.abRules *{
    color: black;
}

.marginLeft40 {
    margin-left: 40px;
}

.ulLowerAlpha {
    list-style-type: lower-alpha;
}

.wide-holder,
.wide-holder h3,
.wide-holder p,
.wide-holder span,
.wide-holder a{
    font-family: 'Open Sans', sans-serif !important;
}

.wide-holder{
    padding: 20px 10px;
}

.guide-holder-txt h3{
    border-bottom: none;
    color:#054b7c;
    font-size:24px;
    text-align:justify;
    padding-left:40px;
    padding-right:40px;
}

.guide-holder-txt p{
    color:#333333;
    font-size:16px;
    line-height: 24px;
    text-align:justify;
    padding-left:40px;
}

.wide-holder a.btn-red{
    display:block;
    padding:15px 30px;
    background-color: #dd0101;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-family: 'Open Sans ', sans-serif;
    font-size:14px;
    font-weight:600;
    color:#ffffff;
    text-decoration:none;
    float: none !important;
    width:140px;
    text-align:center;
    margin: auto;
}

.wide-holder input#vin-input{
    display:block;
    width:80%;
    margin:45px auto;
    padding:15px 5px;
    text-align:center;
    font-size:22px;
    font-weight: 600;
    background-color: #F9F9F9;
    border:1px solid #a9a9a9;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-transform: uppercase;
}

.guidesAb {
    line-height:50px;
    font-size:36px;
    text-align: center;
}

.guidesAbBolder {
    line-height:50px;
    font-size:42px;
    text-align: center;
    font-weight:700;
}

.guidesBannerAb {
    margin-top: -10px;
    width: 100%;
    text-align:center;
}

.guidesAbcBackground {
    background-color:#ECECEC;
}

.fontWeight800 {
    font-weight: 800;
}

.width155AbGuides {
    width: 155px;
}

div#modalAlertScheme,
div#modalAlert {
    display:none;
}
div#modalAlert {
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color: rgba(4,70,121,0.8);
    z-index:20000;
}

div#modal-outer-holder {
    width:30vw;
    margin: 20vh auto 0;
}
div#modal-inner-holder {
    position:relative;
    padding:15px;
    width:430px;
    margin: 1vh 1vw;
    background-color: white;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border:2px solid #777777;
}
table.modalAlertSceleton {
    width:100%;
}
table.modalAlertSceleton td {
    text-align: center;
    vertical-align: middle;
}
table.modalAlertSceleton td:first-child {
    min-width:64px;
}
table.modalAlertSceleton td:nth-child(2) {
    padding:10px;
}
table.modalAlertSceleton td:last-child {
    min-width:20px;
}
div.modal-ico-info {
    cursor:pointer;
    width:64px;
    height:100px;
    background-image:url("/img/Symbol-Information.png") !important;
    background-position: center center;
    background-repeat: no-repeat;
}
div#modalAlert div.modal-close {
    cursor:pointer;
    width:16px;
    height:16px;
    background-image:url("/img/cross.png") !important;
    background-position: center center;
    background-repeat: no-repeat;
    float:right;
}

div.login-fields {
    text-align:center;
}
div.password-recovery-holder {
    max-width:430px;
    margin: 0 auto;
}
div.password-recovery-holder div.login-img {
    width:100%;
    height:130px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image:url('/img/lock_open.png');
    margin-top:40px;
    margin-bottom:40px;
}
div.password-recovery-holder label {
    display:block;
    margin-bottom:3px;
    color:#555555;
    line-height: 26px;
}
div.password-recovery-holder label[for="UserEmail"] {
    text-align:center;
}
div.password-recovery-holder input {
    border: 1px solid #a9a9a9;
    color:#555555;
    float:left;
    margin-bottom:10px;
    padding:4px 5px;
    text-align:center;
}
div.password-recovery-holder button.btn-cancel {
    margin-right:5px;
}
div.password-recovery-holder button.btn-cancel,
div.password-recovery-holder button.btn-submit {
    margin-top:15px;
}
div.password-recovery-holder .no-arrow span {
    background-image:url("/img/buttons/normal/small/right_no_arrow.png") !important;
    padding-right:10px !important;
}

.bannerFont {
    font-size: 28px;
    background: -webkit-linear-gradient(#dbdddd, #afb4b3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.usTopMargin {
    margin-top: 3px;
}

.discountInput {
    margin-top: -3px;
}

.marginUsPrecheck7 {
    margin-top: 7px;
}

.margin-top-5 {
    margin-top: 5px;
}

.paddingTopUs > * {
    margin-top: 10px;
}

.marginTop {
    padding-top:50px !important;
}

.marginBtm {
    padding-bottom: 50px !important;
}

.h3Frontpage {
    font-size: 16px !important;
}

.faqsFrontpage {
    font-size: 16px !important;
    line-height: 20px !important;
}

.otherPaymentsMethod {
    z-index: 1;
    margin-top: -30px;
    margin-bottom: 40px;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 900;
    background-color: lightgray;
    color: grey;
    position: absolute;
    -webkit-box-shadow: 0px -30px 35px 2px rgba(230,230,230,1);
    -moz-box-shadow: 0px -30px 35px 2px rgba(230,230,230,1);
    box-shadow: 0px -30px 35px 2px rgba(230,230,230,1);
}

.otherPaymentsMethod:hover {
    cursor: pointer;
}

.abPrimaryPayments {
    position: relative;
    z-index: 0;
}

.precheckArrow {
    font-size: 18px !important;
}
.xsPay.disable {
    display:none;
}
.xsPay {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.payMobile {
    margin-top: 0 !important;
}

.payFont {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.marginForCheckedVin {
    padding-top: 6px;
}
.paddingTopUs6 {
    padding-top: 6px;
}

#polish-product {
    position: absolute;
    top: 15px;
    left: 20%;
}

#polish-product-sm {
    display: none;
}
.checkVin .row {
    margin-top: 20px;
    margin-bottom: 20px;
}
.checkVin h1 {
    font-size: 26px;
    color: #2774a0;
    font-family: monospace;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.checkVin .vinBtn h1 {
    font-size: 20px;
    color: white;
    margin-top: 0;
    margin-bottom: 0;
}
.checkVin .alternatives h1 {
    font-size: 16px;
}

.checkVin h2 {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    color: black;
    font-weight: normal;
    font-family: 'Open Sans'
}

.checkVin h3 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    color: black;
    font-weight: normal;
    font-family: 'Open Sans'
}

.checkVin .vinBtn h3 {
    font-size: 16px;
    color: white;
}

.checkVin .btnAsLink {
    border: none;
    text-decoration: none;
    text-align: center;
    margin: 10px;
}

.checkVin .vinBtn {
    width: 350px;
    border: none;
    min-height: 55px;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}
.checkVin .rowTxt {
    height: 55px;
    line-height: 55px;
}

.checkVin .vinBtnGreen {
    background: #40b76f;
}

.checkVin .vinBtnOrange {
    background: #d75411;
}
@media (max-width: 991px) {
    .checkVin .text-right { 
        text-align: center;
    }
    .checkVin .text-left { 
        text-align: center;
    }
}
@media (max-width: 768px) {
    .checkVin h2 {
        font-size: 20px;
    }
    .checkVin .enteredVin h1 {
        font-size: 24px;
    }
    .checkVin .alternatives h1 {
        font-size: 16px;
    }
    .checkVin .enteredVin h2 {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .terminatedReportDiv {
        height: 500px;
    }
}

@media (min-width: 992px) and (max-width: 1199px)  {
    .terminatedReportDiv {
        height: 450px;
    }

    #polish-product {
        left: 24%;
    }
}

@media (min-width: 768px) and (max-width: 991px)  {
    .terminatedReportDiv {
        height: 450px;
    }
}

@media (min-width: 576px) and (max-width: 767px)  {
    .terminatedReportDiv {
        height: 250px;
    }
}

@media (max-width: 576px)  {
    .terminatedReportDiv {
        height: 250px;
    }
}

@media (min-width: 320px) and (max-width: 991px)  {
    #polish-product {
        display: none;
    }

    #polish-product-sm {
        display: block;
        position: absolute;
        top: 7px;
        left: 34%;
    }
}

 #hist_rep .row {
     max-width:100%;
     margin-left:0px;
     padding-left:0px
 }

#hist_rep .row >div {
    padding-left:5px;
    line-height: 30px;
    border-top: 1px solid #dddddd;
}

#hist_rep .row >div a {
    text-decoration: none;
}

#hist_rep .row:nth-child(even) {
    background-color: #F9F9F9;
}

#hist_rep .row:nth-child(odd) {
    background-color: #FEFEFE;
}
.g-recaptcha{
    display: flex;
    justify-content: center !important;
}
.g-recaptcha, #submit-btn{
    float:none !important;
    margin: auto !important;
}

.rodoDivClause ul {
    list-style-type: square;
}
.vehicleHistoryAbJpg {
    width: 100%;
    float: right;
}

.iframeVehicleHistoryAb {
    padding: 40px;
}

.vehicleHistoryIframe {
    width: 70%;
    height: 400px;
}

@media (max-width: 1200px)  {
    .vehicleHistoryIframe {
        width: 80%;
    }
}

@media (max-width: 990px)  {
    .vehicleHistoryIframe {
        height: 340px;
        width: 100%;
    }
}

@media (max-width: 600px)  {
    .vehicleHistoryIframe {
        height: 250px;
    }
}

@media (max-width: 692px)  {
    #polish-product-sm {
        left: 38%;
    }
}

@media (max-width: 590px)  {
    #polish-product-sm {
        left: 45%;
    }
}

@media (max-width: 520px)  {
    #polish-product-sm {
        left: 50%;
    }
}

@media (max-width: 455px)  {
    #polish-product-sm {
        left: 54%;
    }
}

@media (max-width: 420px)  {
    #polish-product-sm {
        left: 60.5%;
    }
}

.searchBtnAb {
    height: 25px !important;
}

@media only screen and (max-width: 767px) {
    .summary-text {
        text-align: left;
    }
}

@media (max-width: 1200px)  {
    #abRules {
        margin-left: 50px;
        margin-right: 50px;
    }
}