* { margin: 0px; padding: 0px; }
body { background-color: #ebebeb !important; }
#BackgroundStyle { background-color: #ebebeb !important; }
#ElementStyle { background-color: #ebebeb !important; }
.ElementStyle { background-color: #ebebeb !important; }
.BackgroundStyle { background-color: #ebebeb !important; }
.ForceInline { display: inline !important; }
.ForceUnset { all: unset !important; }
.DivMargin { margin: 18px 0; }
.EjToolTip { text-align: justify; font-size: 12pt; font-weight: bold; background-color: aliceblue; }
.EjToolTip2 { text-align: justify; font-size: 12pt; font-weight: bold; padding: 5px; }
.ToolTipImg { width: 30px; height: 30px; border-width: 0px; vertical-align: middle; }
ul.main-nav { padding: 14px 12px }
ul.main-nav li { margin: 0px 2px; display: inline; }
ul.main-nav li a { font-size: 14px; font-weight: normal; margin: 0 8px; text-decoration: none; }
ul.main-nav li a:link { color: #fff; }
ul.main-nav li a:hover { color: #fff; }
textarea { min-height: 120px; }
input, select, label, p, a { font-size: 13pt !important; }
input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):not([type="file"]), textarea, select { width: 100%; }
h3.main-title { text-align: center; font-weight: bold; font-size: 28px; line-height: 35px; text-shadow: 10px 10px 68px rgba(0, 0, 0, 0.48); }
a { text-decoration: none !important; }
a.more { font-weight: normal; font-size: 18px; letter-spacing: -0.04em; text-align: left; color: #666; }
footer { margin-top: 80px; margin-bottom: 40px; }
p { font-weight: normal; line-height: 23px; text-align: justify; color: #000; }
footer p { font-size: 14px; margin-top: 14px; line-height: 20px; color: #888; }
header.home { margin-bottom: 180px; padding: 20px 0; height: 602px; background: linear-gradient(#25e96e 0%, #0fba68 100%); }
header a { color: #000 !important; }
header .tabberactive a { color: #25e96e !important; }
header + div { min-height: calc(100vh - 350px); }
header { width: 100%; height: 91px; padding: 15px; background: #fff; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.04); margin-bottom: 38px; }
.header-logo { margin-left: 24px; }
.header-part { margin-bottom: 24px; }
.header-cars { text-align: center; }
.modal-box { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); background-color: black; cursor: pointer; }
.postfix { font-size: 14px; font-weight: normal; line-height: 48px; color: #aaa; }
.main-box { display: block; position: relative; margin-bottom: 18px; }
.main-box .title { width: 100%; font-weight: bold; font-size: 14pt; color: navy; text-align: center; position: absolute; top: -7px; right: 0; padding: 0 20px; justify-content: center; }
.main-box > div { margin: 18px 0; display: flex; flex-wrap: wrap; }
.main-box li { margin-left: 18px; margin-right: 18px; }
.main-box label { font-size: 14px; margin-bottom: 0; }
.main-box textarea,
.main-box select,
.main-box input:not([type="checkbox"]):not([type="radio"]):not([type="image"]) { margin-top: 8px; }
.main-box.transparent-bg select { background: url(../../images/br_down.png) no-repeat 14px #fafafa; background-size: 11px; }
.main-box.transparent-bg input:not([type="checkbox"]):not([type="radio"]):not([type="image"]) { background: #fafafa; }
.main-box.transparent-bg { background: transparent; box-shadow: none; padding: 8px; }
.main-box input:not([type="checkbox"]):not([type="radio"]):not([type="image"]) { width: 70% !important; }
.main-box button { width: 100%; }
.main-box { z-index: 90; width: 100% !important; padding: 24px; height: auto !important; }
.main-box-bg { width: 100%; height: auto; border-radius: 8px; background: #fff; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.04); }
.main-box.fullwidth textarea,
.main-box.fullwidth select,
.main-box.fullwidth input:not([type="checkbox"]):not([type="radio"]):not([type="image"]) { width: 100% !important; }
.row .DataListTableStyle { border-radius: 8px; overflow: hidden; width: 100%; }
.row .DataListTableStyle tr td:last-child { }
.row .DataListTableStyle tr { font-size: 12pt; color: #5c626d; }
.row .DataListTableStyle tr td:first-child { text-align: center; }
.row .DataListTableStyle tr td { padding: 10px 8px; }
.row .DataListTableStyle tr:nth-child(even) { background: #f8f8f8; }
.row .DataListTableStyle tr:nth-child(odd) { background: #fff; }
.row .DataListTableStyle .DataListTDStyle { border-bottom:0px; }
.row .DataListTableStyle .DataListHeaderStyle { height: 44px; border-radius: 6px 6px 0px 0px; background: #0fba68 !important; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.02); color: #fff; font-weight: bold; font-size: 11pt; }
.row p { font-size: 12pt !important; padding: 0px 20px 0px 20px; }
.buy-data p { font-weight: 300; }
.buy-data div, .buy-data p { line-height: 24px; font-size: 15px; height: 40px; }
.buy-data { margin: 28px 0; }
.login-menu { margin-right: auto; }
.login-menu a { color: #000 !important; font-size: 14px; }
.search-box { justify-content: center; text-align: center; margin-top: 60px; color: #fff; }
.search-box h4 { font-weight: 300; font-size: 20px; line-height: 30px; opacity: 0.7; text-align: center; }
.search-box h2 { font-weight: bold; font-size: 28px; line-height: 35px; text-shadow: 10px 10px 68px rgba(0, 0, 0, 0.48); text-align: center; }
.search-car-form { margin: 28px 0 14px; display: flex; border-radius: 8px; background: #fff; color: #000; text-align: right; padding: 18px 10px; font-weight: bold; font-size: 14px; letter-spacing: 0.02em; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.04); }
.search-car-form p { margin-bottom: 10px; }
.btn-main { border-radius: 8px !important; background: linear-gradient(to left,#25e96e 0%, #0fba68 100%) !important; color: #fff; border: none; font-weight: bold; font-size: 14px; height: 42px !important; letter-spacing: 0.02em; }
.icon-box { width: 100%; border-radius: 12px; background: #fff; box-shadow: 0px 16px 40px rgba(50, 60, 90, 0.08); padding: 20px 28px; }
.icons-box { margin: 32px 0 240px; }
.brands { margin-bottom: 240px; }
.about-us-box { text-align: justify; }
.icon-box .icon { width: 30%; text-align: center; overflow: hidden; }
.icon-box div:last-child { width: 70%; height: 50px; }
.icon-box p { margin: 0; line-height: 28px; padding: 0 20px; text-align: center; }
.brands .owl-item { transition: all .4s; }
.brands .owl-item:not(.center) { transform: scale(.7); filter: grayscale(1); opacity: .5; }
.brands.owl-carousel { margin-top: 40px; }
.about-box { margin-bottom: 240px; }
.about-box .main-title { z-index: 20; position: relative; }
.about-us-box img { margin-top: -94px; }
.about-us-box p { font-weight: normal; font-size: 15px; line-height: 26px; text-align: justify; margin-top: 32px; color: #666; }
.product-card { width: calc(33% - 30px); margin: 15px; border-radius: 12px; background: #fff; transition: all .4s; box-shadow: 0px 0px 36px rgba(50, 60, 90, 0.08); }
.product-card:hover { transform: scale(1.05); box-shadow: 0px 0px 120px rgba(50, 60, 90, 0.28); z-index: 20; }
.product-card .product-img { padding: 40px 0; }
.product-grid-box h3 { font-weight: bold; font-size: 28px; letter-spacing: -0.04em; text-align: right; color: #000; }
.product-detail { padding: 5px 15px; font-size: 16px; line-height: 18px; color: #888; }
.product-detail span { text-align: right; padding: 0; }
.product-detail p { font-weight: bold; font-size: 16px; line-height: 18px; text-align: left; padding: 0; }
.product-detail h4 { font-weight: 600; font-size: 25px; margin: 14px 0 24px; line-height: 18px; text-align: right; color: #000; }
.product-detail h5 { font-weight: normal; font-size: 14px; line-height: 18px; text-align: right; color: #888; }
.page-title { font-size: 18px; margin-bottom: 36px; }
.car-data { margin-top: 60px; }
.car-data p { font-size: 12px; text-align: justify; line-height: 24px; }
.car-data h4 { font-weight: bold; font-size: 18px; color: #25e96e; margin-bottom: 18px; }
.content { padding: 24px; width: 100%; height: auto; border-radius: 0px 0px 6px 6px; background: #f8f8f8; font-weight: normal; font-size: 12px; line-height: 23px; text-align: justify; color: #000; opacity: 0.7; }
.content p { font-size: 16px; line-height: 28px; text-align: justify; }
@media screen and (max-width: 680px) {
    .content p { font-size: 14px; line-height: 26px; }
}
@media only screen and (max-width:680px) {
    img, video { max-width: 100%; }
    .product-card { width: 100%; }
    header { height: auto; }
    header.home { height: 800px; }
    .navigation { justify-content: center; }
    ul.main-nav { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 0; }
    .login-menu { margin-right: 0; }
    .search-box { margin-top: 0; }
    .search-car-form > div { margin: 6px 0; }
    .icon-box { margin: 6px 0; }
    .about-box,
    .icons-box { margin-bottom: 40px; }
    .brands.owl-carousel { margin-bottom: 80px; }
    footer * { text-align: center !important; }
}