*{margin:0px; padding:0px;}
html,body{margin:0px; padding:0px;}
@import url('https://fonts.googleapis.com/css?family=Roboto');
/* @font-face{
    font-family:'Helvetica';
    src:url('fonts/HelveticaNeueLTStd-Roman.otf') format('opentype');
} */
.roboto{font-family: 'Roboto', sans-serif;}
.background-container{background:url("images/Ford-SUVs.jpg"); background-repeat: no-repeat; background-size: 100%; background-position:top; height: 100vh; background-size: cover;}
.padding-tb{padding:15px 0px !important;}
.padding{padding:15px;}
.top-bg{background: url('images/top-bg.jpg'); background-size: cover; }
.navbar-logo{height:160px;}
.fixSize-logo{height:130px; margin-bottom: 15px;}
.shadow-bottom{box-shadow:-10px -24px 34px 3px #232117;}
.bottom-text-container{position: relative;font-weight: 900;}
.bottom-text-container>.inner-text{color:yellow; position:absolute; bottom:0px;width: 100%;}
.logo-over-strip{background: rgba(239, 239, 239, 0.57); padding:27px 27px 0px 27px; margin:0px -15px; position: relative;top: -18px;}
/*Grade Your Trade Style*/
.box-badge{text-align: center;background: goldenrod;border-radius: 50%;font-weight: 900;display: inline-block;margin-left: 5px;}
.box-badge.big{height: 36px;width: 36px;line-height: 36px;}
.box-badge.small{height: 20px;width: 20px;line-height: 20px; font-size:14px;}
.box-badge-container{display: inline-block;}
.big-text-span{font-size: 26px;font-weight: 600;}
.type-check input[type="radio"]{width:15px; height:15px; -webkit-appearance: checkbox;-moz-appearance: checkbox;-ms-appearance: checkbox;}
.border-form-control label{display: block;}
.border-form-control input{border:0px; outline: none; border-bottom: 1px solid; text-align:right;}
.form-control{border:1px solid;}
p.label,label{font-weight: 700; text-transform: uppercase; font-size: 13px; margin-bottom:10px;}
label>span{top:-2px; position: relative; margin-right: 8px;text-transform: capitalize; font-weight: 500;}
.form-control label{margin-bottom: 0px;}
.logo-ms{width:210px;}
.inline-block{display: inline-block !important; padding:0 10px;}
.nav-text{padding: 15px 0; text-align: center}
.cs-btn{display:inline-block; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.cs-btn.xs-btn{padding:4px 7px; font-size: 12px;font-weight: 600;}
.info{background:teal;color:white !important;}
.success{background:green; color:white !important;}
.primary{background: #03479f; color:white !important;}
.warning{background: #f3b912; color:black !important;}
.danger{background: #da2424; color:white !important;}
.slash{height:60px;}
.bg-darkgray{background: #737b84 !important;}
.bg-gray{background: #e9ecef !important;}
/* /Grade Your Trade Style */
/*.logo-btn{background:#84383e; width:100%; text-align: center; padding:15px; position: relative; text-decoration: none; top:-18px; color:white; margin:0px -15px;}*/
.logo-btn{background:#92a3b3; width:100%; text-align: center; padding:15px; position: absolute; text-decoration: none; bottom:-50px; color:white; margin:0px -27px;}
.logo-btn:focus,.logo-btn:hover,.logo-btn:active,.logo-btn:visited{color:white; text-decoration: none;}
.margin-free{margin:0px;}
.padding-free{padding:0px;}
.color-strip{height:90px;background: url("images/strip.png"); background-repeat: repeat;}
.color-strip-text{height:90px;background: url("images/strip-text.png"); background-repeat:no-repeat; background-size:100%;background-position: center; background-color:#737b84;}
/*Page 2*/
ul#li-12sa li{font-size:24px; font-weight: bold;margin-bottom: 10px; margin-left:35px;font-family:sans-serif;}
ul#li-12sa li:before{position: absolute;content: '';margin-left:-30px;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #30a1e2;}
.list-container-opac{margin-left: 8.33333333%;padding:70px 10px; width:400px; background:rgba(255,255,255,0.50);}
.banner-page2{background: url('images/banner-page2.png');/*height: 70vh;*/ background-position:center right; background-size:cover; background-repeat: no-repeat; }
/*.banner-page2-logo{padding-top:12%;}*/
.logo-container-opac{padding:10px; background:rgba(244,244,244,0.50);}
.blue-strip{background: #746548;}
.blue-strip img{background:rgba(244, 244, 244, 0.87); padding:12px;}
.color-upgrade{color:#1985c5;}
.btn-upgrade{ border:0;border-radius:0px;background-color:#51a4ff; padding:6px 46px; font-size:18px; text-transform:uppercase;}
.btn-upgrade:hover { border:0;background-color: #1e89ff;}
.btn-inventory{background:#f6f6f6; border-radius:0px; text-transform: uppercase; font-size:16px; color:black;}
.banner2-page-2{background:url("images/Ford-SUVs.jpg"); background-repeat: no-repeat; background-size: cover; max-height: 450px; background-position: top; min-height:400px;}
/*page-3*/
.inventory-bg{background:url('images/new-banner-ford.jpeg'); background-repeat: no-repeat; background-position:center; background-size: cover; padding:20px;box-shadow:0px 0px 0px 1000px rgba(0, 0, 0, 0.45) inset;}
.inventory-box{border:1px solid white; text-align:center; padding:12px; color:white; background: #66432f5e;}
.inventory-box-container{padding:80px; margin-top:25px;}
.shadow-image-footer{width:100%;}
/* .shadow-image-footer>img{margin:auto; position: relative; bottom:80px;} */
.img-container{position:absolute; width:100%;}
.img-container img{margin:auto; bottom:50px;position:relative;}
.img-container p{position:absolute; bottom:0; width:100%;}
.md-view-down,.xs-view{display:none;}
/*tradeHolder modal*/
#tradeForm-btn {
    display: inline-block;
    position: fixed;
    line-height: 1;
    padding: 15px 20px;
    letter-spacing: 1px;
    width: auto;
    margin-bottom: 0;
    top: 50%;
    /*color: #fff;
    font-size: 14px;
    background-color: #000;*/
    margin-top: -75px;
    border-radius: 0 0 0 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    left: 0;
    right: auto !important;
}
body.modal-open {
    overflow: hidden;
}
/*#modalClose-btn{position:fixed; right:30px; top:30px; background:red;border-radius:4px; padding:8px; font-size:30px; color:#fff;opacity:1;}
#modalClose-btn:after{position:absolute;content:'';margin-bottom:10px;}*/
#modalClose-btn {
  position: absolute;
  right: 32px;
  top: 10px;
  width: 32px;
  height: 32px;
  opacity: 0.67;
  padding:8px;
  background:#bbb;
}
#modalClose-btn:hover {
  opacity: 1;
  background:#aaa;
  color:#fff;
}
#modalClose-btn:before, #modalClose-btn:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 18px;
  width: 2px;
  background-color: #333;
}
#modalClose-btn:before {
  transform: rotate(45deg);
}
#modalClose-btn:after {
  transform: rotate(-45deg);
}
#tradeHolderModal .modal-body{padding:0px; -webkit-overflow-scrolling: auto !important; overflow-y: auto !important;}
#tradeHolderModal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#tradeHolderModal .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}
@media screen and (max-width:1200px){
    /*page-1*/
    .background-container{background-size:auto;background-position:center top;}
    /*page-2*/
    .banner-page2{ height:auto; padding-bottom:20%; background-position:center center; background-size:cover; background-repeat: no-repeat; }
    .banner2-page-2{background-size:cover; max-height: 450px; min-height:350px; background-position: center bottom;}
    .inventory-box-container{padding:30px 0px;}
    .inventory-box{margin-bottom:15px;}
    .inventory-bg{background-attachment:fixed;}
    .shadow-image-footer img{margin:auto; position: relative; bottom:50px; margin-top:20px; margin-bottom:20px;}
    .list-container-opac{margin-left: none; padding:20px;}
    .banner-page2{padding-bottom:0px;}
}
@media screen and (max-width:900px){
    .img-container p{position:absolute; bottom:-20px;}
}
@media screen and (max-width:767px){
  .xs-teszx{display: none !important;}
  .banner2-page-2{ background-size: 100%; max-height: 450px; min-height:230px; background-position:center bottom;  /*padding-bottom:10%;*/}
  .img-container p{position:absolute; bottom:-50px;}
  .logo-over-strip img{margin:auto;}
  .logo-over-strip{padding:10px;}
  .logo-btn{margin: 0px -10px;}
  .md-view-down{display: block;}
  .md-view-up{display: none;}
  ul#li-12sa li{font-size:18px;color:#000;}
  ul#li-12sa li:before{border-left: 20px solid #e4e4e4;}
  .list-container-opac{background:transparent;}
  .banner-page2{margin-top:121px; padding-bottom:60%; background-position: center right;}
  .banner-page2-logo{margin-top:-121px;}
  .logo-container-opac{background:none;}
  .logo-center-fixed{margin:auto; width:290px; margin-bottom: 10px;}
  .list-container-opac{width:auto; margin: auto;}
}
@media screen and (max-height:500px){
  .background-container{height: 600px;}
  .shadow-image-footer img{bottom:30px;}
  .img-container p{position:absolute; bottom:-120px;}
}
@media screen and (max-width:450px){
    .shadow-image-footer img{bottom:30px;}
    .img-container p{position:absolute; bottom:-120px !important;}
    .xs-view{display:block;}
    .xs-view img{width:100%;padding:0px;margin:0px;}
    .background-container{background-size:100% 800px; height: auto; background-position: top center;}
    .bottom-text-container>.inner-text{bottom: unset;background: rgba(244,244,244,0.25);}
}
body.homePageBody{background: url("images/bg-repeat.png");background-size:100% 100%;}
@media screen and (max-width:375px){
	.shadow-image-footer img{bottom:30px;}
	.img-container p{position:absolute; bottom:-150px;}
}
@media screen and (min-width:1990px){
    .banner2-page-2{background:url("images/5_Car_Pack_end_frame-optimized.jpg"); background-repeat: no-repeat; background-size: 100%; max-height: 900px; background-position: center 70%; min-height:900px;}
}
.disap{background:transparent; border:none; font-weight:800; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; text-transform:uppercase;}
.inp{position: absolute; bottom: 118px; width:150px; right:85px; height: 40px; font-size: 28px; font-weight:800; font-style: normal; border-color: transparent; background-color:transparent;color:#1a61b6; font-family: Verdana, Geneva, Tahoma, sans-serif}
.inp:focus{outline: none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* webkit specific CSS */
    .inp { height:45px; }
}
.printLinkBTN{position:relative;bottom:90px; width:150px; height:40px;}
#am{ position: absolute; bottom: 141px; font-family:Arial; right: 178px; font-size: 15px; font-weight:bold; border-color: transparent; background-color:transparent;}
.chq{ margin:auto; width:810px; position:relative;}
.center-img-container img{margin:10px auto;}
@media print {
    a[href]:after {
        content: none !important;
    }
}
@media screen and (max-width: 500px ){
  .xs-teszx{display: none !important;}
  .logo-ms{width:47%;}
}
@media (max-width: 575.98px) {
  .col-xs-50{width:50% !important;}
  .col-xs-25{width:25% !important;}
  .big-text-span{font-size:16px;}
  .react-block{width:150px; float:none; display:inline-block;}
}
@media screen and (max-width: 320px){
    .banner-page2-logo{margin-top:-100px;}
    .banner-page2{margin-top:100px;}
}
.label-set {
    margin-top:10px;
}
.dd-selected-image,.dd-option-image { width:26px;margin-right:15px !important;}
label.dd-option-text,label.dd-selected-text{margin-bottom:2px;}
.dd-option,.dd-selected{padding:3px 6px !important;}
#pop.modal-dialog{margin-top: 100px;}
.nameInp {
    position: absolute;
    top: 140px;
    font-size: 13px;
    left: 125px;
}
.amountInp {
    position: absolute;
    bottom: 96px;
    font-size: 13px;
    text-align: left;
    left: 125px;
    width: 325px;
}
.modal-body-advance {
    background: #17a2b8;
    color: white;
    font-weight: 500;
}
.modal-img-container {
    width: 110px;
    background: white;
    margin: auto;
    border-radius: 50%;
    padding: 20px 13px;
    margin-bottom: 12px;
}