@charset "utf-8";
body, * {margin:0px; padding:0px;}
* {box-sizing:border-box;}
a,a:hover,a:focus,a:active { text-decoration:none;outline:none;}
ol li, ul li { list-style-type:none;}
ol, ul {padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{margin:0;}
p{margin:0;}
body{font-family: 'Arial', sans-serif; font-weight: normal;font-style: normal; color: #000000;font-size: 14px; }

@media(min-width:1200px){.container{width:1170px; margin:auto;}}
section,footer{width: 100%;float: left;}
/* header */
header.header {width: 100%;float: left;background-color: #ffff;}
header.header nav.navbar.navbar-light.bg-light {background-color: transparent !important;padding: 35px 0;}
/* banner */
.banner {width: 100%;float: left;}
.xs-slider{display:none !important;}
/* offer list */
.offer-main, .offer-title, .offer-list{width: 100%;float: left;}
.offer-main {padding: 35px 0;}
.offer-list .row {padding-bottom: 30px;}
.selection-title {display: block;padding: 13px 20px 13px 30px;background-color: #0069b4;color: #fff;position: relative;}
.selection-title h1 {font-size: 33px;text-transform: uppercase;font-family: 'DIN';line-height: 100%;}
.selection-text {display: block;text-align: left;font-size: 18px;}
.selection-title:after {content: '';position: absolute; bottom: -19px; left: 25px; width: 0;  height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 20px solid #0069b4;}
.offer-title {padding-bottom: 55px;}
.requset-button {margin-top: 10px;}
.model-list-main {border: 2px solid #d2dce2;padding: 10px;display: block;width: 100%;}
.car-name {color: #0069b4;display: block;padding: 0 10px 10px 20px;border: 2px solid #80b4da;border-top: none;border-right: none;position: relative;}
.car-name h2 {font-size: 22px;line-height: 100%;font-family: 'DIN';}
.model-name {width: 100%;display: block;padding-bottom: 20px;}
.car-name h2:before, .car-name h2:after {content: '';position: absolute;    right: 25px;width: 0;height: 0;}
.car-name h2:before{border-left: 40px solid transparent;border-right: 40px solid transparent;border-top: 21px solid #80b4da; bottom: -21px;       }
.car-name h2:after{border-left: 40px solid transparent;border-right: 40px solid transparent;border-top: 20px solid #fff; bottom: -18px;}
.model-details {width: 100%;display: flex;-webkit-display: flex;flex-direction: row;align-items: center;}
.model-images {flex: 0 0 45%;-webkit-flex: 0 0 45%;}
.model-info {display: block;padding-left: 10px;width: 100%;}
.model-info ul, .requset-button {display: block;width: 100%;float:left;}
.model-info ul li {width: 50%;display: inline-block;float: left;padding-right: 5px;padding-bottom: 15px;}
.model-info ul li:nth-child(even) {padding-right: 0;padding-left: 5px;}
.info-lists {width: 100%;display: flex; -webkit-display: flex; flex-direction: row;justify-content: start;}
.info-icon {padding-right: 5px;color: #0069b4;font-size: 18px;}
.requset-button button {width: 100%; background-color: #0069b4; border-color: #0069b4;text-transform: uppercase; font-family: 'DIN'; font-size: 18px; text-align: left;padding: .375rem 1.45rem;}
.requset-button button i {float: right;font-size: 27px;}
.modal-header button.close {position: absolute;right: 16px;top: 16px;outline: none;z-index: 100000;}
.modal-info-txt {display: block;width: 100%;}
.modal-info-txt p {font-size: 16px;text-transform: uppercase;padding-top: 15px;}
.modal-car-name {background-color: #0069b4;color: #fff;text-transform: uppercase;margin-top: 5px;padding: 10px;width: 100%;display: block;}
.modal-car-name h2 {font-size: 18px;font-family: 'DIN';}
div#exampleModalCenter .modal-header {padding: 40px 20px 30px 20px;border-bottom: none;}
.valider { text-align: center;float: right;position:relative;background-color: #0069b4;border-color: #0069b4;font-size: 17px;font-family: 'DIN';text-transform: uppercase;border-radius: 0;width: 145px;vertical-align: middle;}
.valider i {font-size: 21px;padding-left: 5px;}
.col-form-label {  font-weight: bold;text-align: right;}
div#exampleModalCenter .modal-body {padding-bottom: 30px;}
.footer-main {width: 100%;float: left;padding-bottom: 20px;}
ul.footer-link li {display: inline-block;padding: 0 10px;}
ul.footer-link li a {font-weight: bold;color: #000;display: block;}
ul.footer-link {width: 100%;text-align: center;}
.form-control {border-color: #0069b4 !important;color: #0069b4 !important;}
span.submit-valider.valider.submit input {background-color: transparent;border: none;width: 100%;text-align: left;text-transform: uppercase;font-size: 17px;}
span.submit-valider.valider.submit i {position: absolute;right: 13px;top: 7px;font-size: 25px;color: #ffffff;}
/* back to top button */
a#back-to-top {background-color: #0069b4;border: none;}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display: none;}
.input-error {border-color: rgb(255, 0, 0) !important;}
.xs-show{display: none;}
.modal-content.modal-thankyou {display: none;}
.thankyou-text p {font-size: 21px;padding: 20px 0;}
p.thanks {padding: 10px 0;}
.more-offer-btn {text-align: center;display: block;width: 100%;padding: 5px 0;}
.more-offer {background-color: #0069b4;border-color: #0069b4;text-transform: uppercase;font-family: 'DIN';font-size: 18px;text-align: left;padding: .475rem 1.45rem;line-height: 100%;}
.more-offer i {padding-left: 15px;font-size: 21px;}