﻿@font-face{font-family:'DaimlerCAPro';src:url("../fonts/DaimlerCAPro-Regular.woff") format("woff");font-weight:normal}@font-face{font-family:'DaimlerCSPro';src:url("../fonts/DaimlerCSPro-Regular.woff") format("woff");font-weight:normal}button,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}body{position:relative;top:0;left:0;padding:0;margin:0;font-family:'DaimlerCSPro';font-weight:normal;color:#000000;min-height:100vH;background:#7a7d84 url("../assets/bg4.jpg") 50% top no-repeat;background-attachment:fixed}.header{display:block}.header .black-line{background-color:#000}.header .black-line .logo{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1234px;padding:18px 0px 18px 46px}.header .gray-line{height:64px;background-color:#3c3c3c}.header .gray-line .constainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:inherit;margin:0 auto;max-width:1234px;padding:0 0 0 46px}.header .gray-line .constainer .title{font-size:24px;color:#fff;font-family:'DaimlerCAPro'}.header .gray-line .constainer .save-configuration{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:inherit;width:250px;background-color:#01adef;font-size:20px;color:white;line-height:1.2;text-align:center;cursor:pointer}.header .gray-line .constainer .save-configuration img{margin-left:37px}.header .gray-line .constainer .save-configuration .btn-label{width:100%}.main{display:block;margin:0 auto;max-width:1280px;background-color:white}.main .car-image{width:100%;visibility:hidden}.main .car-image.show{visibility:visible}.main .footer{position:relative;padding-bottom:4px}.main .footer.fixed{position:fixed;bottom:0;margin:0 auto;width:100%;max-width:1280px;background-color:white}.main .footer .navi{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:14px 0;list-style:none}.main .footer .navi li{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.main .footer .navi a{display:block;padding:0.25em 1em;font-size:22px;color:#333;cursor:pointer;text-decoration:none;text-align:center;border:0;border-right:1px solid #ccc;background-color:transparent;outline:none}.main .footer .navi a .text-underline{pointer-events:none;padding-bottom:4px}.main .footer .navi a.active{color:#01adef}.main .footer .navi a.active .text-underline{padding-bottom:4px;border-bottom:solid 2px #01adef}.main .footer .navi a:hover{color:#01adef}.main .footer .navi a:hover .text-underline{padding-bottom:4px;border-bottom:solid 2px #01adef}.main .footer .navi li:last-child a{border-right:0px solid #ccc}.main .footer .option-wrapper{position:absolute;top:-110px;left:0;right:0;height:0;overflow:hidden}.main .footer .option-wrapper .burger-menu-btn{margin-left:40px;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:transparent;outline:none;opacity:0}.main .footer .option-wrapper .burger-menu-btn img{pointer-events:none}.main .footer .option-wrapper .option-head{display:none}.main .footer .option-wrapper.show{height:auto}.main .footer .option-wrapper.show .burger-menu-btn{-webkit-transition:0.3s 0.2s;transition:0.3s 0.2s;opacity:1}.main .footer .option-wrapper.show .option{-webkit-transition:opacity 0.5s, -webkit-transform 0.3s;transition:opacity 0.5s, -webkit-transform 0.3s;transition:opacity 0.5s, transform 0.3s;transition:opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.main .footer .option{position:relative;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;padding:8px 0;padding-left:46px;margin-top:-10px;background-color:white}.main .footer .option .option-conteiner{display:-webkit-box;display:-ms-flexbox;display:flex}.main .footer .option .option-conteiner .img-border{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:4px}.main .footer .option .option-conteiner .active-item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0 4px 0;width:305px;margin-right:18px;border-right:solid 1px #ccc}.main .footer .option .option-conteiner .active-item .img-border{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:solid 2px #01adef;margin-right:15px}.main .footer .option .option-conteiner .active-item .describe{font-size:15px}.main .footer .option .option-conteiner .item-title{font-size:19px}.main .footer .option .option-conteiner .items{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;height:100%;list-style:none}.main .footer .option .option-conteiner .items li{padding:10px 0 4px 0;margin-right:9px;cursor:pointer}.main .footer .option .option-conteiner .items li.selected .img-border{border-bottom:solid 2px #01adef}.main .footer .option .option-conteiner .col:nth-child(2) li:last-child{padding-right:18px;margin-right:0;border-right:solid 1px #ccc}.main .footer .option .option-conteiner .col:nth-child(3){margin-left:18px}.main .option-rims .option{padding-bottom:10px}.main .option-rims .option .option-conteiner .active-item{padding:0px 0}.main .option-rims .option .option-conteiner .active-item .describe{margin-top:6px}.main .option-rims .option .option-conteiner .items li{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0px 0;margin-right:9px}.main .option-rims .option .option-conteiner .items li .img-border{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:solid 2px rgba(1,173,239,0)}.main .option-rims .option .option-conteiner .items li.selected .img-border{border-bottom:solid 2px #01adef}.main .option-rims .option .option-conteiner .col:nth-child(2) li:last-child{border-right:solid 0px #ccc}.main form{position:fixed;left:0;right:0;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,0.9);opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.main form .close-form{position:absolute;left:0;right:0;top:0;bottom:0}.main form.show{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.main form .containerElements{position:relative;z-index:10;margin:0;padding:22px 42px 30px 42px;width:380px;background-color:white}.main form h2{font-family:'DaimlerCAPro';font-size:38px;font-weight:normal;padding:0;margin:0 0 6px 0}.main form p{padding:0;margin:0}.main form .email,.main form .firstName,.main form .lastName{margin:0px;padding:0px;font-weight:normal;font-size:15px;line-height:1;outline:none;border:1px solid #bababa;width:calc(100% - 20px);padding:16px 10px;margin:0;margin-bottom:12px;text-align:left}.main form .email::-webkit-input-placeholder,.main form .firstName::-webkit-input-placeholder,.main form .lastName::-webkit-input-placeholder{color:#d2d2d2;font-weight:normal;line-height:normal}.main form .email:-ms-input-placeholder,.main form .firstName:-ms-input-placeholder,.main form .lastName:-ms-input-placeholder{color:#d2d2d2;font-weight:normal;line-height:normal}.main form .email::placeholder,.main form .firstName::placeholder,.main form .lastName::placeholder{color:#d2d2d2;font-weight:normal;line-height:normal}.main form .email.error,.main form .firstName.error,.main form .lastName.error{outline:1px solid #cc0202;color:#000000}.main form .lastName{margin-bottom:25px}.main form .error{font-weight:normal;font-size:15px;line-height:1.25;margin:0px;color:#cc0202}.main form p.error{display:none}.main form .submit{margin:0px;padding:0px;font-weight:normal;font-size:15px;line-height:1.2;outline:none;border:1px solid #3c3c3c;width:200px;height:49px;padding-left:26px;margin:0;text-align:left;color:#ffffff;background:#3c3c3c url("../assets/arrow-white.svg") 12px 16px no-repeat;background-size:9px;cursor:pointer;outline:none}.popup-success{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.7);font-weight:normal;font-size:19px;line-height:1.2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#000}.popup-success.show-popup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation-name:animShow;animation-name:animShow;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.popup-success .success-rect{z-index:1;width:300px;padding:20px 0;border:solid 2px #71757e;background-color:#ffffff;-webkit-box-shadow:0 0 12px rgba(0,0,0,0.4);box-shadow:0 0 12px rgba(0,0,0,0.4);border-radius:10px;text-align:center;opacity:0}.popup-success .success-rect.show-rect{-webkit-animation-name:animShow;animation-name:animShow;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.popup-success .success-rect .success-text{margin:0px 0 20px 0;text-align:center;padding:0 10px}.popup-success .success-rect .success-btn{width:40%;height:30px;background-color:#71757e;color:#fff;border-radius:5px;text-align:center;outline:none;border:0;cursor:pointer}.spiner{visibility:visible;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:0;opacity:1}.spiner .wrap-spiner{position:relative}@-webkit-keyframes animShow{0%{display:none;opacity:0}1%{display:-webkit-box;display:flex;opacity:0}100%{display:-webkit-box;display:flex;opacity:1}}@keyframes animShow{0%{display:none;opacity:0}1%{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0}100%{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1}}@media only screen and (max-width: 1024px){.main .car-image{max-height:575px}}@media only screen and (max-width: 1024px) and (max-height: 768px){.main .footer .option-wrapper{top:auto;bottom:0}}@media only screen and (max-width: 960px){.main .footer .navi a{font-size:18px;padding:0.25em 0.85em}}@media only screen and (max-width: 800px){.main .footer .navi a{font-size:16px;padding:0.25em 0.85em}}@media only screen and (max-width: 812px) and (max-height: 375px){.main .footer .navi a{font-size:16px}}@media only screen and (max-width: 667px){.main .footer .option-wrapper .burger-menu-btn{margin-left:34px}.main .footer .option-wrapper .burger-menu-btn img{height:50px}.main .footer .navi a{font-size:15px}.main .footer .option .option-conteiner .active-item{width:245px}.main .footer .option .option-conteiner .img-border img{height:55px}}@media only screen and (max-width: 600px){.header .black-line .logo{padding:12px 0px 12px 16px}.header .black-line .logo img{height:40px}.header .gray-line{height:56px}.header .gray-line .constainer{padding-left:16px}.header .gray-line .constainer .title{font-size:21px}.header .gray-line .constainer .save-configuration{width:70px}.header .gray-line .constainer .save-configuration img{margin-left:15px}.header .gray-line .constainer .save-configuration .btn-label{display:none}.main .footer .navi{display:none}.main .footer .option-wrapper{position:relative;top:0px;left:0;right:0;height:auto;overflow:hidden}.main .footer .option-wrapper .burger-menu-btn{display:none}.main .footer .option-wrapper .option-head{display:block;padding:8px 8px;margin:0 8px;font-size:18px;border-bottom:solid 1px #ccc}.main .footer .option-wrapper .option{position:relative;-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1;padding:8px 0;padding-left:16px;margin-top:0px}.main .footer .option-wrapper .option .item-title{font-size:14px}.main .footer .option-wrapper .option .option-conteiner .active-item{width:140px;margin-right:6px}.main .footer .option-wrapper .option .option-conteiner .active-item .img-border{margin-right:0}.main .footer .option-wrapper .option .option-conteiner .active-item .active-item-img{height:42px;width:0;opacity:0}.main .footer .option-wrapper .option .option-conteiner .active-item .describe{font-size:12px;margin-right:4px}.main .footer .option-wrapper .option .option-conteiner .items{height:auto;margin-right:6px}.main .footer .option-wrapper .option .option-conteiner .items li{padding:10px 0 4px 0;margin-right:4px}.main .footer .option-wrapper .option .option-conteiner .items li img{height:42px}.main .footer .option-wrapper .option .option-conteiner .col:nth-child(2) li:last-child{padding-right:6px}.main .footer .option-wrapper .option .option-conteiner .col:nth-child(3){margin-left:0}.main .footer .option-rims .option .option-conteiner .active-item .active-item-img{margin-bottom:12px}.main form .containerElements{margin:0;padding:22px 16px 30px 16px;width:calc(100% - 32px)}.main form .containerElements h2{font-size:32px}.main form .containerElements .email,.main form .containerElements .firstName,.main form .containerElements .lastName{font-size:14px;padding:10px 10px}.main form .containerElements .submit{font-size:14px;height:43px;width:100%;background-position:12px 14px;background-size:8px}}

/*# sourceMappingURL=style.css.map */