*, *::before, *::after { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } body { margin: 0; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #001737; text-align: left; background-color: #fff } blockquote { margin:0; margin-bottom:10px; } article, figcaption, footer, header, hgroup, main, nav, section { display: block } [tabindex="-1"]:focus { outline: 0 !important } hr { box-sizing: content-box; height: 0; overflow: visible } p { margin-top: 0; margin-bottom: 1rem } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; line-height: 1.25; color: #000000; } h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom: 0.5rem; } .box-content h1,.box-content h2,.box-content h3,.box-content h4,.box-content h5,.box-content h6 { margin-top:30px; margin-bottom: 0.5rem; } b, strong { font-weight: bolder } small { font-size: 80% } a { color: #0168fa; text-decoration: none; background-color: transparent } a:hover { color: #0148ae; text-decoration: none } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } pre, code, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto } img { vertical-align: middle; border-style: none } svg { overflow: hidden; vertical-align: middle } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #7987a1; text-align: left; caption-side: bottom } th { text-align: inherit } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0 } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } select { word-wrap: normal } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0 } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox } textarea { overflow: auto; resize: vertical } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto } [type="search"] { outline-offset: -2px; -webkit-appearance: none } [type="search"]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } [hidden] { display: none !important } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .1) } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .blockquote { margin-bottom: 1rem; font-size: 1.09375rem } pre { display: block; font-size: 87.5%; color: #1c273c } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container { max-width: 540px } } @media (min-width:768px) { .container { max-width: 800px } } @media (min-width:992px) { .container { max-width: 1015px } } @media (min-width:1200px) { .container { max-width: 1140px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } @media (min-width:576px) { .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-3 { flex: 0 0 25%; max-width: 25% } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-6 { flex: 0 0 50%; max-width: 50% } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-12 { flex: 0 0 100%; max-width: 100% } } @media (min-width:768px) { .w-65{width:65%;} .box-header { position: absolute; top: -25px; left: 0; right: 0; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-3 { flex: 0 0 25%; max-width: 25% } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-6 { flex: 0 0 50%; max-width: 50% } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-md-12 { flex: 0 0 100%; max-width: 100% } } @media (min-width:992px) { .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-9 { flex: 0 0 75%; max-width: 75% } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } } @media (min-width:1200px) { .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-3 { flex: 0 0 25%; max-width: 25% } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-6 { flex: 0 0 50%; max-width: 50% } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-xl-12 { flex: 0 0 100%; max-width: 100% } } .table { width: 100%; margin-bottom: 1rem; color: #001737 } .table th, .table td { padding: .75rem; vertical-align: top; border-top: 1px solid rgba(72, 94, 144, .16) } .table thead th { vertical-align: bottom; border-bottom: 2px solid rgba(72, 94, 144, .16) } .table tbody+tbody { border-top: 2px solid rgba(72, 94, 144, .16) } .table-bordered { border: 1px solid rgba(72, 94, 144, .16) } .table-bordered th, .table-bordered td { border: 1px solid rgba(72, 94, 144, .16) } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05) } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive>.table-bordered { border: 0 } .form-control { display: block; width: 100%; height: calc(1.5em + 0.9375rem + 2px); padding: .46875rem .625rem; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #596882; background-color: #fff; background-clip: padding-box; border: 1px solid #c0ccda; border-radius: .25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:focus { color: #596882; background-color: #fff; border-color: #7cb2fe; outline: 0; box-shadow: 0 0 0 .2rem rgba(1, 104, 250, .25) } .form-control::placeholder { color: #7987a1; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e3e7ed; opacity: 1 } select.form-control:focus::-ms-value { color: #596882; background-color: #fff } select.form-control[size], select.form-control[multiple] { height: auto } textarea.form-control { height: auto } .form-group { margin-bottom: 1rem } a.btn.disabled { pointer-events: none } .btn-success { color: #fff; background-color: #10b759; border-color: #10b759 } .btn-success:hover { color: #fff; background-color: #0d9448; border-color: #0c8842 } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 .2rem rgba(52, 194, 114, .5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #10b759; border-color: #10b759 } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active { color: #fff; background-color: #0c8842; border-color: #0b7c3c } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus { box-shadow: 0 0 0 .2rem rgba(52, 194, 114, .5) } .btn-warning { color: #1c273c; background-color: #ffc107 !important; border-color: #ffc107 !important } .btn-warning:hover { color: #1c273c; background-color: #e0a800; border-color: #d39e00 } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 .2rem rgba(221, 170, 15, .5) } .btn-warning.disabled, .btn-warning:disabled { color: #1c273c; background-color: #ffc107; border-color: #ffc107 } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active { color: #1c273c; background-color: #d39e00; border-color: #c69500 } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus { box-shadow: 0 0 0 .2rem rgba(221, 170, 15, .5) } .btn-danger { color: #fff; background-color: #dc3545 !important; border-color: #dc3545 !important } .btn-danger:hover { color: #fff; background-color: #c82333 !important; border-color: #bd2130 !important } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active { color: #fff; background-color: #bd2130; border-color: #b21f2d } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus { box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5) } .btn-sm, .btn-group-sm>.btn { padding: .391rem .5rem; font-size: .8125rem; line-height: 1.5; border-radius: .2rem } .btn-sm, .btn-group-sm>.btn { font-size: 13px; padding-left: 15px; padding-right: 15px } .btn-uppercase.btn-sm, .btn-group-sm>.btn-uppercase.btn { font-size: 11px; line-height: 1.773 } .fade { transition: opacity 0.15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem } .nav-link:hover, .nav-link:focus { text-decoration: none } .nav-link.disabled { color: #7987a1; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #cdd4e0 } .nav-tabs .nav-item { margin-bottom: -1px } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e3e7ed #e3e7ed #cdd4e0 } .nav-tabs .nav-link.disabled { color: #7987a1; background-color: transparent; border-color: transparent } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #596882; background-color: #fff; border-color: #cdd4e0 #cdd4e0 #fff } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: .5rem 1rem } .navbar>.container, .navbar>.container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between } .navbar-brand { display: inline-block; padding-top: .33594rem; padding-bottom: .33594rem; margin-right: 1rem; font-size: 1.09375rem; line-height: inherit; white-space: nowrap } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0 } .close { float: right; font-size: 1.3125rem; font-weight: 700; line-height: 1; color: #1b2e4b; text-shadow: 0 1px 0 #fff; opacity: .5 } .close:hover { color: #1b2e4b; text-decoration: none } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75 } button.close { padding: 0; background-color: transparent; border: 0; appearance: none } a.close.disabled { pointer-events: none } hr { border-color: rgba(72, 94, 144, .16) } strong { font-weight: 600 } .form-control { color: #1b2e4b; font-size: inherit } .form-control::placeholder { color: #c0ccda } .form-control:disabled, .form-control[readonly] { background-color: #f5f6fa } textarea.form-control { min-height: 38px } .form-group { margin-bottom: 20px } .nav-link { color: #596882 } .nav-link.active { color: #0168fa } .table th, .table td { padding: 8px 10px; line-height: 1.2; } .table thead th, .table tbody th { font-weight: 500 } .table thead th { border-bottom-width: 0 } /*.table-striped tbody tr:nth-of-type(2n+1) { background-color: #f3f4f7 }*/ .table-hover tbody tr:hover { background-color: #e9ecf1 } .accordion { border-radius: .25rem } .overlay { position: relative } .overlay-body { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .nav-tabs { border-color: rgba(72, 94, 144, .16) } .nav-tabs .nav-item { margin-bottom: 0 } .nav-tabs .nav-item+.nav-item { margin-left: 5px } .nav-tabs .nav-link { background-color: rgba(72, 94, 144, .16); border-color: rgba(72, 94, 144, .16); color: #596882; border-bottom-width: 0; position: relative; margin-bottom: -1px; padding: 0 20px; display: flex; align-items: center; justify-content: center; height: 38px; transition: background-color 0.2s } @media (prefers-reduced-motion:reduce) { .nav-tabs .nav-link { transition: none } } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { background-color: rgba(81, 105, 161, .16); color: #1c273c } .nav-tabs .nav-link.active { background-color: #fff; z-index: 5; color: #0168fa } .nav-tabs .nav-link.disabled { background-color: transparent; color: #b4bdce } .backdrop { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(15, 21, 32, .7); z-index: 40; transition: all 0.4s } @media (prefers-reduced-motion:reduce) { .backdrop { transition: none; } } .backdrop.show { visibility: visible; opacity: 1 } @media (max-width:991.98px) { .navbar-nav-show { overflow: hidden; } .navbar-nav-show .navbar-menu-wrapper { transform: translateX(0); overflow: scroll; } .navbar-nav-show .backdrop { opacity: 1; visibility: visible; } #navbarMenu { /*display:none;*/ } } .navbar-header { align-items: stretch; height: 55px; padding: 0; justify-content: flex-start; background-color: #fff; border-bottom: 1px solid rgba(72, 94, 144, .16) } @media (min-width:992px) { .navbar-header { height: 60px } .navbar-menu .nav-item:not(:last-child) { border-right: 0px solid; padding-right: 50px; } } .navbar-header>.container { padding: 0 } @media (max-width:1139px) { .navbar-header>.container { max-width: none } } @media (min-width:1140px) { .navbar-header>.container .navbar-brand { padding-left: 0 } .navbar-header>.container .navbar-right { padding-right: 0 } } .navbar-header .navbar-brand { display: flex; align-items: center; padding-left: 15px; margin-right: 0; order: 1 } @media (min-width:992px) { .navbar-header .navbar-brand { width: 240px; padding: 0 0 0 20px } } .navbar-header .burger-menu { margin-left: 18px; color: #8392a5; display: flex; align-items: center } @media (min-width:576px) { .navbar-header .burger-menu { margin-left: 20px } } @media (min-width:992px) { .navbar-header .burger-menu { display: none; } } .navbar-header .burger-menu:hover { color: #0168fa; } .navbar-header .navbar-right { padding: 0 15px; margin-left: auto; display: flex; align-items: center; justify-content: flex-end; order: 2; } @media (min-width:576px) { .navbar-header .navbar-right { padding-right: 20px; } } @media (min-width:992px) { .navbar-header .navbar-right { order: 3; padding: 0 20px 0 0; } } @media (min-width:1200px) { .navbar-header .navbar-right { width: 240px; } } @media (min-width:768px) { .navbar-header-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } } .navbar-menu-wrapper { order: 3; width: 100%; position: fixed; top: 0; bottom: 0; right: 0; background-color: #fff; overflow: hidden; z-index: 1060; transform: translateX(-1000px); transition: all 0.4s; } @media (prefers-reduced-motion:reduce) { .navbar-menu-wrapper { transition: none; } } @media (min-width:992px) { .navbar-menu-wrapper { width: auto; padding: 0 25px; position: relative; top: auto; left: auto; bottom: auto; background-color: transparent; overflow: visible; display: flex; justify-content: center; order: 2; transform: none; z-index: auto; flex: 1; } } @media (min-width:1200px) { .navbar-menu-wrapper { padding: 0 30px; } } .navbar-menu-header { height: 55px; padding: 0 15px 0 20px; display: flex; align-items: center; justify-content: end; border-bottom: 1px solid rgba(72, 94, 144, .16); } @media (min-width:992px) { .navbar-menu-header { display: none; } } .navbar-menu-header .feather-x { width: 20px; height: 20px; stroke-width: 2.5px; } .navbar-menu-header a:last-child { color: #7987a1; } .navbar-menu-header a:last-child:hover, .navbar-menu-header a:last-child:focus { color: #ffffff; } .navbar-menu { flex-direction: column; } @media (min-width:992px) { .navbar-menu { align-items: center; flex-direction: row; width: 100%; max-width: 100%; justify-content: center; padding: 0px; margin:0; } } .navbar-menu .nav-item+.nav-item { margin-top: 10px } @media (min-width:992px) { .navbar-menu .nav-item+.nav-item { margin-top: 0; margin-left: 25px } } @media (min-width:1200px) { .navbar-menu .nav-item+.nav-item { margin-left: 30px } } .navbar-menu .nav-item.active .nav-link { position: relative; color: #0168fa } .navbar-menu .nav-item.active .nav-link::before { content: ""; position: absolute; top: calc(50% - 1px); left: 0; width: 10px; height: 2px; background-color: #0168fa } @media (min-width:992px) { .navbar-menu .nav-item.active .nav-link::before { display: none; } } .navbar-menu .nav-item.active.with-sub .nav-link::after { border-color: #0168fa } .navbar-menu .nav-item.with-sub { position: relative } .navbar-menu .nav-item.with-sub.show .nav-link:focus::after { transform: rotate(45deg); } @media (prefers-reduced-motion:reduce) { .navbar-menu .nav-item.with-sub .nav-link::after { transition: none } } @media (min-width:992px) { .navbar-menu .nav-item.with-sub .nav-link::after { margin-left: 6px } } .navbar-menu .nav-item.show .navbar-menu-sub { display: block } .navbar-menu .nav-link { display: flex; align-items: center; justify-content: flex-start; font-size: 14px; font-weight: 500; padding: 0 20px; color: #000000; transition: all 0.2s ease-in-out } @media (prefers-reduced-motion:reduce) { .navbar-menu .nav-link { transition: none } } @media (min-width:992px) { .navbar-menu .nav-link { font-weight: 500; padding: 0 } } .navbar-menu .nav-link:hover { color: #000000 } .navbar-menu-sub { position: relative; min-width: 200px; list-style: none; padding: 0 15px 3px 24px; border-left: 1px solid rgba(72, 94, 144, .16); margin-top: 10px; margin-left: 28px; z-index: 1000; display: none } @media (min-width:992px) { .navbar-menu-sub { position: absolute; top: 41.5px; left: 50%; transform: translate(-50%, 0%); background-color: #000; padding: 20px 0px; border: none; margin-top: 0; margin-left: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } } .navbar-menu-sub ul { padding: 0; margin: 0; list-style: none; position: relative; min-width: 150px } .navbar-menu-sub ul+ul { margin-top: 25px } @media (min-width:992px) { .navbar-menu-sub ul+ul { margin-top: 0; margin-left: 25px; padding-left: 25px; border-left: 1px solid rgba(72, 94, 144, .16) } } .navbar-menu-sub .nav-sub-item+.nav-sub-item { margin-top: 5px } .navbar-menu-sub .nav-sub-link { white-space: nowrap; font-size: 13px; display: flex; align-items: center; transition: all 0.2s ease-in-out } @media (prefers-reduced-motion:reduce) { .navbar-menu-sub .nav-sub-link { transition: none } } .navbar-menu-sub .nav-sub-link .feather-bar-chart-2 { margin-left: -4px } .navbar-search { position: absolute; top: 0; left: 0; right: 0; z-index: 100; visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out } @media (prefers-reduced-motion:reduce) { .navbar-search { transition: none } } .navbar-search.visible { visibility: visible; opacity: 1 } .navbar-search-header { height: 55px; background-color: #fff; padding: 0 15px; display: flex; align-items: center; border-bottom: 1px solid rgba(72, 94, 144, .16) } @media (min-width:576px) { .navbar-search-header { padding: 0 20px; height: 60px } } .navbar-search-header .form-control { padding: 0; font-weight: 500; color: #001737; border-width: 0; background-color: transparent } .navbar-search-header .form-control:focus, .navbar-search-header .form-control:active { box-shadow: none !important } .navbar-search-header .btn { padding: 0; } .navbar-search-body { padding: 15px 15px 20px; background-color: #fff; font-size: 13px; } @media (min-width:992px) { .navbar-search-body { padding: 25px 25px 30px; } } .navbar-search-body ul { display: flex; flex-direction: column; margin-bottom: 0 } .navbar-search-body li+li { margin-top: 2px } @media (min-width:992px) { .navbar-search-body li+li { margin-top: 0; margin-left: 5px } } .navbar-search-body a { padding: 5px 10px; display: block; color: #1b2e4b; border-radius: .25rem } @media (min-width:992px) { .navbar-search-body a { border: 1px solid rgba(72, 94, 144, .16) } } .align-items-center { align-items: center !important } .d-flex { display: flex !important } .align-self-stretch { align-self: stretch !important } .mg-l-auto { margin-left: auto } .lh-1 { line-height: 1.1 } .content-body { position: relative; padding: 15px; height: calc(100% - 54px); overflow-y: auto } .relete .content_kicker a{ color:#C40C1F ; padding: 0; } .content-body .content_kicker,.feed .content_kicker a { background:#C40C1F; } .feed .content_kicker { background:transparent; } @media (min-width:576px) { .content-body { padding: 20px } } @media (min-width:992px) { .content-body { padding: 25px; height: calc(100% - 60px) } } .content-body .container { margin-bottom: 25px } @media (max-width:1199.98px) { .content-body .container { max-width: none } } .btn { display: inline-block; font-weight: 400; color: #001737; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .46875rem .9375rem; font-size: .875rem; line-height: 1.5; border-radius: .25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #001737; text-decoration: none } .btn:focus, .btn.focus { outline: 0; box-shadow: none } .btn-sm, .btn-group-sm>.btn { padding: .391rem .5rem; font-size: .8125rem; line-height: 1.5; border-radius: .2rem } .text-right { text-align: right !important } .text-left { text-align: left !important } .text-start { text-align: left !important } .text-end { text-align: right !important } .text-center { text-align: center !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .justify-content-left { justify-content:left; } .card-todo .card-progress { padding-top: 15px; padding-bottom: 15px; display: flex; align-items: center; } .pd-0 {padding:0 !important;}.pd-5 {padding:5px !important;}.pd-9 {padding:9px !important;}.pd-10 {padding:10px !important;}.pd-15 { padding-left:15px !important;padding-right:15px !important;} .pd-20 { padding:20px !important;} .pd-30 { padding:30px !important;} .pd-40 { padding:40px !important;} .pl-0 { padding-left:0px !important; }.pl-10 { padding-left:10px !important; }.pl-15 { padding-left:15px !important; }.pl-20 { padding-left:20px !important; }.pl-30 { padding-left:30px !important; }.pl-35 { padding-left:35px !important; }.pl-25 { padding-left:25px !important; }.pl-50 { padding-left:50px !important; } .pr-0 { padding-right:0px !important; }.pr-10 { padding-right:10px !important; }.pr-15 { padding-right:15px !important; }.pr-20 { padding-right:20px !important; }.pr-35 { padding-right:35px !important; }.pr-25 { padding-right:25px !important; }.pr-50 { padding-right:50px !important; } .mg-0 {margin:0 !important;}.mg-15 { margin-left:15px !important;margin-right:15px !important;} .mg-30 { margin:30px !important;} .pt-0 { padding-top:0px !important;}.pt-3 { padding-top:3px !important;}.pt-5 { padding-top:5px !important;}.pt-10 { padding-top:10px !important;}.pt-15 { padding-top:15px !important;}.pt-20 { padding-top:20px !important;}.pt-25{ padding-top: 25px;}.pt-30 { padding-top:30px !important;}.pt-40 { padding-top:40px !important;}.pt-50 { padding-top:50px !important;}.pt-60 { padding-top:60px !important;}.pt-110 { padding-top:110px !important;}.pt-150 { padding-top:150px !important;} .pt-24 { padding-top:24px !important;} .pt-14 { padding-top:14px !important;} .pb-5 { padding-bottom:5px !important;}.pb-10 { padding-bottom:10px !important;}.pb-20 { padding-bottom:20px !important;}.pb-30 { padding-bottom:30px !important;}.pb-40 { padding-bottom:40px !important;}.pb-50 { padding-bottom:50px !important;}.pb-60 { padding-bottom:60px !important;} .pb-25 { padding-bottom:25px !important;} .pb-14 { padding-bottom:14px !important;} .pb-110 { padding-bottom:110px !important;} .mt-0 { margin:0px !important;}.mt-5 { margin-top:5px !important;}.mt-10 { margin-top:10px !important;}.mt-15 { margin-top:15px !important;}.mt-20 { margin-top:20px !important;}.mt-30 { margin-top:30px !important;}.mt-40 { margin-top:40px !important;}.mt-50 { margin-top:50px !important;}.mt-60 { margin-top:60px !important;} .mb-0 { margin-bottom:0px !important;}.mb-5 { margin-bottom:5px !important;}.mb-10 { margin-bottom:10px !important;}.mb-15 { margin-bottom:15px !important;}.mb-20 { margin-bottom:20px !important;}.mb-30 { margin-bottom:30px !important;}.mb-40 { margin-bottom:40px !important;}.mb-50 { margin-bottom:50px !important;}.mb-60 { margin-bottom:60px !important;} .mr-0 { margin-right:0px !important;}.mr-5 { margin-right:5px !important;}.mr-10 { margin-right:10px !important;}.mr-20 { margin-right:20px !important;}.mr-30 { margin-right:30px !important;} .ml-0 { margin-right:0px !important;}.ml-2 { margin-left: 2px;}.ml-9 { margin-left: 9px;}.ml-10 { margin-left: 10px !important;}.ml-15 { margin-left: 15px;} .mt-d-5 { margin-top:-5px !important; } body { font-weight:400 !important; background: #ffffff; color: #000; } a { color:#000; } a:hover { color:#000; } .position-relative { position:relative; } .hide { display:none; } .h-1 { height:1px !important; } .h-2 { height:2px !important; } .box-content img { width: 100%; height: 100%; margin-bottom:20px; margin-top:20px; } .box-content h1 { font-size: clamp(30px, 2.5vw, 40px); } .box-content h2 { font-size: clamp(22px, 2.5vw, 30px); } .box-content h3 { font-size: clamp(18px, 2.5vw, 20px); } .box-content h4 { font-size: clamp(16px, 2.5vw, 16px); } .txt-underline { text-decoration: underline; } .img { max-width:100%; border-radius:5px; } .img-responsive { width:100%; } .pull-right { float:right; } .img-center { display: block; margin:auto; } .div-center { display: block; margin:auto; } .hide { display: none !important; } .show { display: block !important; } .flex { display:flex; } .flex-center { display: flex; justify-content:center; } .flex-between { display: flex; justify-content:space-between; } .flex-end { display: flex; justify-content:end; } .flex-start { display: flex; justify-content:start; } .text-center-column { display: flex !important; flex-direction: column; justify-content: center; } .item-center { display: flex; justify-content: center; align-items: center; } .space-around-center { display: flex; justify-content: space-around; align-items: center; } .space-evenly { display: flex; justify-content: space-evenly; } .item-end { display: flex; align-items: end; } .grid { display:grid; } .grid-row { grid-auto-flow: row; } .grid-column { grid-auto-flow: column; } .spacer-0{ height:0px; clear:both; width:100%; } .spacer-20{ height:20px; clear:both; width:100%; } .spacer-30{ height:30px; clear:both; width:100%; } .spacer-60{ height:60px; clear:both; width:100%; } .spacer-80{ height:80px; clear:both; width:100%; } .w-30 { width:30% !important; } .w-40 { width:40% !important; } .w-100 { width:100% !important; } .w-75 { width:75%; } .color-black { color:#000 !important; } .color-gray { color:#B4B4B4 !important; } .color-gray-subtitle { color:#333333 !important; } .color-pricelist { color:#A7A7A7 !important; } .color-white { color:#fff !important; } .color-ping { color:#B09E77 !important; } .color-blue { color: #4267B2 !important; } .color-red,.color-formula { color:#C40C1F !important; } .sibling-blue { color:#1C37E6 !important; } .all-around-blue { color:#1C37E6 !important; } .bg-red { background-color:#C40C1F !important; } .bg-gray { background-color:#F5F5F5; } .bg-gray2 { background-color:#D9D9D9; } .bg-all-around { background-color:#F4F4F6; } .bg-siblingonwheels { background-color:#F4F4F6; } .bg-formula { background-color:#211F20; } .bg-datron { background-color:#211F20; } .bg-kicker { background-color:#C40C1F; } .bg-white { background-color:#ffffff !important; } .bg-black { background-color:#000000 !important; } .bg-ping { background-color:#B09E77 !important; } .cursor { cursor:pointer; } .visible-xs { display:none; } ul { list-style-type: none; } @media (min-width: 1024px){ .mt-150 { margin-top:150px !important; } .mt-90 { margin-top: 90px !important; } .visible-lg { display:block; } .navbar-header .navbar-brand { width: 240px; padding: 0 0 0 0px; } .whatnew .main { width:50%; } .whatnew .secright, .whatnew .secleft { width:25%; } .whatnew .secleft { order:-1; } } @media (min-width:768px) { #photo_title { overflow: hidden; min-height: 50px; max-height: 50px; } .navbar-menu .nav-item.with-sub .nav-link::after { content: "+"; position: relative; font-family: var(--icon-font); margin-left: 4px; font-weight: 500; left: 0px; top: -1px; font-size: 28px; transform: scaleX(1); transition: all 0.4s ease-in-out 0s; } .avatar img { width: 100%; height: 100%; object-fit: cover; } .border-b-red { border-bottom: 1px solid #C40C1F; } .mySwiper-advert .swiper-slide { width: 60%; } .mySwiper-advert .swiper-slide:nth-child(2n) { width: 60%; } .mySwiper-advert .swiper-slide:nth-child(3n) { width: 60%; } .h-magazine { overflow: hidden; min-height: 40px; max-height: 58px; } .whatnew .secleft, .whatnew .secright { width:100%; } .what-r { overflow:hidden; min-height:40px; max-height:55px; } .what-l { overflow:hidden; min-height:45px; max-height:73px; } .h-title { overflow:hidden; min-height:30px; max-height:60px; } .h-title2 { overflow:hidden; min-height:45px; max-height:75px; } .what-b { overflow:hidden; min-height:45px; max-height:75px; } .h-newcar { overflow:hidden; min-height:40px; max-height:70px; } .h-last-test { overflow:hidden; min-height:40px; max-height:65px; } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block !important } } @media screen and (max-width: 1023px) and (min-width: 768px){ .visible-sm { display:block; } .hidden-sm { display:none; } .navbar-header .burger-menu { margin-top: 18px; } .navbar-header .navbar-brand { position: relative; padding: 0px; } .navbar-header .navbar-search.visible { position: fixed; right: 0px; top: 0px; z-index: 9999; } .navbar-header .navbar-brand { position: fixed; padding: 0px; top: 0; z-index: 9999; left: 0; } .navbar-header .burger-menu { margin-left: auto; order: 2; } } @media (min-width:1000px) { .hidden-lg { display: none !important } } @media (min-width:1200px) { .container { max-width: 1590px; } .navbar-menu-wrapper { padding: 0px 30px; } .nav-sub-item:hover { padding: 6px; background: #C40C1F ; padding-left: 20px; } } .navbar { border-top: 8px solid #9A1914 ; } .navbar-right.t { transform: translateY(20px); z-index: 9; } .navbar-search-header { padding: 0 20px; height: 56px; } .search-link { cursor: pointer; } .navbar-menu-sub .nav-sub-item { padding: 6px; padding-left: 24px; } .navbar-menu a.nav-link:hover { color:#C40C1F; } .autoinfo-logo { font-weight: 700; font-size: 22px; letter-spacing: -1px; color: inherit; display: flex; align-items: center; position: relative; color: #031a61; margin-top: 0px; } .autoinfo-logo img { height:56px !important; } .navbar-header { border-bottom:solid 0px; background: #ffffff; } .navbar-header .navbar-brand { max-width:65px; } .navbar-header { height:70px; } .navbar-header .navbar-right { width: 0px; } .navbar-header .navbar-right .search-link { margin-right: 15px !important; color:#000 !important; } .container-follow img { margin:10px 5px; max-width: 48px; display: inline; } footer ul { padding: 0; } #totop.show { opacity: 1; visibility: visible; } #totop { display: inline-block; background-color: #9f9e9e; width: 42px; height: 42px; text-align: center; border-radius: 4px; position: fixed; bottom: 80px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; padding-top: 10px; } .fa-arrow-up { color: #000; font-size: 20px; } .navbar-search-body { padding: 25px 70px 30px; } .navbar-search-body .list-inline a ,.navbar-search-body .list-inline .list-inline-item a:hover{ border-radius: 30px; background-color: #E5E5E5; color: #000000; padding: 5px 10px; border: none; } .navbar-search-body .list-inline a.active,.navbar-search-body .list-inline .list-inline-item a:hover { border-radius: 30px; background-color: #000000; color: #ffffff; padding: 5px 10px; border: none; } .navbar-search-body li+li { margin-left: 0px; } .navbar-search-body .list-inline-item{ width: max-content; } .col-side .list-inline-item a:hover { background-color: #000000; border: none; padding: 5px 10px; color: #ffffff; } .navbar-search-body li+li { margin-left: 0px; } .hashtag { position:absolute; right: 30px; z-index: 99; top: 6px; } .hashtag-text { position: absolute; z-index: 99; top: 50%; left: 50%; transform: translate(-50%, -50%); } .navbar-search-body a { border:none; } .navbar-search-body a:hover, .navbar-search-body a:focus { background-color: #000000; color:#ffffff; border-radius: 10px; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .list-inline-skills .list-inline-item { margin-right: 5px; margin-bottom: 10px; } .list-inline-item { display: inline-block; } .list-inline-skills { font-size: 12px; display: flex; flex-wrap: wrap; } .list-inline { padding-left: 0; list-style: none; } .list-inline-skills .list-inline-item a { display: block; background-color: #E5E5E5; border: none; padding: 5px 10px; color: #000000; border-radius: 10rem; } .content_date { font-family: 'Kanit', sans-serif !important; font-size:14px !important; font-weight:400 !important; color:#A7A7A7; } .widget_nav_menu ul li { padding: 0; } a:link { text-decoration: none; } .widget_nav_menu ul li a { color: #ffffff; text-transform: capitalize; font-family: 'Kanit', sans-serif !important; font-size: 16px; } .category-input-sfp { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; } .category-input { position: relative; top: -60px; left: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; } ul.bodystyle li.top, ul.home-bodystyle li.top { border-top: solid 0; } ul.home-bodystyle li { float: left; padding: 0 10px 8px 10px; margin: 2px; cursor: pointer; letter-spacing: 1px; border-radius: 3px; } ul.home-bodystyle li { list-style: none; float: left; font-size: 8px; text-align: center; color: #e0e0e0; height: 65px; cursor: pointer; } .img-bodystyle { width: 50px; } ul.bodystyle, ul.home-bodystyle { padding: 0; margin: 0; list-style: none; font-size: 16px; line-height: 1; text-align: center; } .cursor-point { cursor: pointer; } .navbar > .container, .navbar > .container-fluid { align-items: start !important; } .progress-content { position: relative; height: 2px; background-color: #C40C1F; width: 100%; } .feed .content_kicker a { font-size: 17px; color: #fff; padding: 3px 7px; } .feed .content_title { font-family: 'kanit'; font-size: 18px; line-height: 1.3; font-weight: 200; } .content_kicker a { font-family: 'Kanit', sans-serif !important; font-size: 14px; color: #ffffff; padding: 3px 7px; font-weight: 200; } #menu-toggle { display: none; } @media only screen and (max-width: 992px) { .navbar-menu .nav-item.with-sub .nav-link::after { margin-left: auto !important; } .navbar-menu-wrapper { background: #000000; padding: 0; } .navbar-header .burger-menu { margin-left: auto !important; order: 2; position:absolute; right:0; z-index:99; } .dtdata_logo img { width: 100% !important; } .hidden-md { display:none; } .navbar-menu-header { padding: 0 15px 0 15px; background: #000000 ; height: 66px; } #menu-toggle { display: block !important; } .navbar-menu a.nav-link:hover { color:#ffffff !important; } .navbar-menu .nav-link { font-size: 20px; color: #ffffff; padding: 0px 10px 10px 5px !important; font-family: "Kanit"; border-bottom:1px solid #ffffff; } .navbar-menu .nav-item.with-sub .nav-link::after { content: "+"; font-family: var(--icon-font); display: inline-block; transform: rotate(0deg); margin-left: 6px; top: 0; transition: all 0.2s ease-in-out; } .navbar-menu .nav-item.with-sub.show .nav-link:focus::after { transform: rotate(45deg); } } .main-navigation { display: block; } .main-navigation > ul { margin: 0; list-style-type: none; } .main-navigation > ul > li { font-weight: 400; font-size: 15px; position: relative; display: inline-block; margin-right: 35px; } .main-navigation > ul > li > a { display: block; color: #666; line-height: 52px; } .main-navigation > ul > li:last-child { margin-right: 0; } .main-navigation > ul > li > a > i { color: #999; } .sticky-header .main-navigation > ul > li > a > i { color: #999; } .main-navigation > ul > li > a:hover { text-decoration: none; } .make-widget li { width: 100%; min-height: 55px; margin-bottom: 10px; } @media (min-width: 992px) and (max-width: 1199px) { .main-navigation > ul > li { margin-right: 25px; } } @media only screen and (max-width: 992px) { .mt-150 { margin-top:100px !important; } .mt-90 { margin-top: 30px !important; } .navbar-menu-sub .nav-sub-item { padding: 6px; padding-left: 5px; } .toggle-menu { display: none; background: #fff; width: 100%; position: absolute; height: auto; border-top: 1px solid #eee; } .toggle-menu > ul > li { display: block; width: 100%; border-bottom: 1px solid #eee; } .toggle-menu > ul > li > a { display: block; padding: 15px 0 15px 20px; line-height: normal; color: #222; } .toggle-menu > ul > li ul { position: static; top: 0; left: 0 !important; margin: 0; -webkit-border-radius: 0; border-radius: 0; box-shadow: none; } .toggle-menu > ul > li > ul li ul { position: static; margin: 0; left: 0 !important; width: 100%; -webkit-box-shadow: none; box-shadow: none; } .toggle-menu > ul > li.megamenu > ul { width: 100%; } .toggle-menu > ul > li.megamenu > ul .megamenu-container > div.row > div { margin-top: 20px; } } .card-todo .progress { flex: 1; height: 1px; margin: 0 10px; background: #C40C1F; } .card-todo .card-progress { align-items: end; } .card-progress h3 { margin-block-end: -7px; } .buyer-table-hd { position: absolute; right: 0; bottom: 20px; } hr { border-color: #C40C1F; } .show-content .navbar-menu-sub { width: 1050px; } .absolute-bottom { position: absolute; left: 0; right: 0; bottom: 0; } .h-62 { height: 25rem; } .w-170 { width: 170px; } .sibling-box { background-image: url('images/sibling_bg.png'); background-repeat: no-repeat; background-size: 100%; background-color: #000; margin-right: 0px !important; margin-left: 0px !important; } .sibling-box .post-box .post-title { margin-bottom: 25px; min-height: 50px; margin-top: 10px; } .sibling-content { font-family: 'kanit'; color: #fff; } .post-box p.post-box-fixed { max-height: 95px; height: 96px; overflow: hidden; } .sibling_logo { text-align: right; padding: 30px 10px; } .sibling_subscribe { text-align: right; padding: 0 10px; } .box-video { padding-right: 15px !important; padding-left: 15px !important; } .sibling-logo { position: absolute; top: 20px; z-index: 999; left: 0; transform: translate(95%, 20%); } .sibling-subscribe { position: absolute; z-index: 999; right: 0; transform: translate(-120%, 5%); bottom: 0; } .img-two-left { margin-left: 20px; } .img-one-left { margin-left: 20px; } .nav_bar { font-family: 'kanit' !important; font-size: 28px !important; color: #fff; padding: 5px 10px; text-align: right; background: linear-gradient(270deg, rgba(153, 24, 19, 1) 0%, rgba(153, 19, 19, 0) 100%); } .btn-watch-more { background-color: #991813; color: #ffffff; padding: 6px 15px; } .btn-watch-more span { position: relative; } .btn-watch-more:hover { color: #ffffff; } .sibling-box a:hover { color: #ffffff; } .pricelist .col-md-6, .pricelist .col-xs-12, .pricelist .col-xs-3, .pricelist .col-md-2, .pricelist .col-md-5, .pricelist .col-md-10, .pricelist .col-md-7, .pricelist.col-md-8 { padding-left: 8px; padding-right: 8px; } .home-box .row.pricelist { margin-right: 0px; margin-left: 0px; } .pricelist .col-md-1 { padding-left: 3px; padding-right: 6px; } /*.child:nth-child(odd) {*/ /*เธเธตเน*/ .child:nth-child(even) { /*เธเธนเน*/ background: #F4F4F6; } /*.pricelist .pd-15 { padding-left: 15px !important; padding-right: 5px !important; padding: 10px !important; }*/ .w-86 { width: 86%; } .subbyg-height { min-height: 20px; max-height: 45px; overflow: hidden; } .pricelist-border { border-right: 1px solid #C40C1F; } .img-cover-pticelist { height: 77px; object-fit: contain; } .txt-pricelist { padding-left: 5px; display: flex; justify-content: space-between; align-items: center; } .fa-arrow-up { content: url("/images/icons/arrow.svg"); width:13px; } .ic-menu { content: url("/images/icons/menu.svg"); filter: invert(0); padding-top: 4px; padding-right: 10px; } .ic-search { content:url("/images/icons/ic-search.svg"); filter: invert(0); width: 20px; } .navbar-search-header .ic-search { content:url("/images/icons/ic-search.svg"); filter: none; width: 20px; margin-top: 5px; margin-right: 10px; font-size:15px; } .footer-phone,.footer-phone:hover { color:#ffffff; } @media (max-width: 767px) { .hidden-md { display:block; } .w-65{ width:100%; } .top-img { width: 108%; margin-left: -13px; } .btn-with-us { width: 300px; } .writer-box .pd-0 { padding-left:15px !important; padding-right:15px !important; } .writer-box { padding:0; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, auto); width: 100%; } .data_unit{ padding-left: 0px !important; } #photo_title { overflow: hidden; min-height: 50px; max-height: 52px; } .whatnew .mt-10 { margin-top:0px !important; } .navbar-menu .nav-item.with-sub .nav-link::after { content: "+"; position: relative; font-family: var(--icon-font); margin-left: 4px; font-weight: 500; left: 0px; top: 0px; font-size: 32px; transform: scaleX(1); transition: all 0.4s ease-in-out 0s; } .box-content img { width:109%; margin-left:-15px; } .content-body { overflow:hidden; } .avatar img { width: 100%; height: auto; object-fit: cover; } .box-content .gallery-icon,.content-cover .box-title{ padding-left:15px; padding-right:15px; } .secleft a.bg-kicker { color:#C40C1F !important; padding: 0 !important; background: transparent; } .border-b-red { border-bottom: 2px solid #C40C1F; } .item-a .bg-all-around,.item-m .bg-all-around{ margin-left: 10px !important; } .item-a .post-img,.item-m .post-img { margin-bottom:10px; } .box-formula, .relete-box-img, .feed-box-img,.formulaforum-box, .ads-other, .main, .secleft, .box-photo, .box-tv, .box-lhung, .box-news:first-child, .box-mototrcycle:first-child, .latest-test:first-child, .box-new-world:first-child, .box-newcar-in:first-child, .box-newcar-foreign:first-child { padding:0; } .relate-box-title, .box-photo-title, .secleft .content_kicker , .secleft .post-title, .box-tv-title, .box-lhung-title, .main .post-title, .latest-test:first-child .post-title, .box-mototrcycle:first-child .post-title, .box-new-world:first-child .post-title, .box-newcar-in:first-child .post-title, .box-newcar-foreign:first-child .post-title { padding-left:15px; padding-right:15px; } .box-header { position: relative; } .mySwiper-advert .swiper-slide { width: 100%; } .mySwiper-advert .swiper-slide:nth-child(2n) { width: 100%; } .mySwiper-advert .swiper-slide:nth-child(3n) { width: 100%; } .h-magazine { overflow: hidden; min-height: 45px; max-height: 45px; } .h-title-tv { overflow: hidden; min-height: 45px; max-height: 65px; } .widget-share { display: flex; flex-direction: column; } .align-self-stretch { text-align:center; } .h-around { overflow:hidden; min-height:60px; max-height:60px; } .card-events .media-body { height: 70px !important; } .sibling-blue { color:#C40C1F !important; } .dtdata_logo img { width: 100% !important; } .h-62 { height:unset; } .bg-all-around.pd-10 { padding:0px !important; } .bg-all-around { background-color: transparent; } body { overflow: hide; padding: 0; margin: 0; } .container { max-width: 100%; } .hidden-xs { display: none !important; } .visible-xs { display: block } .content-fixed { margin-top: 10px; } .navbar-header .navbar-right .search-link { margin-right: 0px !important; color: #000 !important; } .navbar-right.t { transform: translateY(-10px); right: 55px; } .navbar-search.visible { width: 100%; } .navbar-search { margin-left: 0; } .navbar-search-header { height: 67px; width: 100%; } .navbar-menu .nav-link:hover { color: #000000; } .navbar-menu-sub .nav-sub-link { color: #000000; white-space: nowrap; display: flex; align-items: center; transition: all 0.2s ease-in-out; } .cookie { display: list-item; margin-top: 10px; } .navbar-menu-sub .nav-sub-link:hover { color: #000000; text-decoration: underline; } .navbar-menu-header a:last-child { color: #ffffffba; } .navbar-header .navbar-brand { position: fixed; padding: 0px; top: 0; z-index: 999; left: 0; } .navbar-header .burger-menu { margin: 15px 10px; padding: 5px 0 5px 10px; color: #000; } .navbar-header .burger-menu { margin-left: auto; order: 2; } .navbar-header .burger-menu img { max-height: 65px; margin: 0; padding: 0; } .navbar-menu .nav-link { margin: 5px 10px 0px 15px !important; } .navbar-menu .nav-item { margin-left: 0 !important; padding: 0; margin-top: 10px; margin: 0; } .navbar-menu .nav-item + .nav-item { margin-left: 0 !important; padding: 0 !important; } .navbar-header .navbar-right { padding: 0; margin-left: 10px; bottom: 10px; position: absolute; } .navbar-menu-sub { position: relative; top: 0; left: 0; background-color: #000000; padding: 10px 30px; border: solid 0; margin-top: 5px; margin-left: 0px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; min-width: 160px; } .container-follow img { margin: 10px 7px; max-width: 50px; display: inline; } .col-xs-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xs-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xs-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xs-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xs-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xs-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xs-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xs-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xs-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xs-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xs-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } ol, ul, dl { margin-bottom: 0rem; } p { margin-bottom: 10px; margin-top: 15px; } .content-cover { padding: 0; margin-right: 0 !important; margin-left: 0 !important; } .content-cover .row { padding-right: 0; padding-left: 0; } .content-cover .col-xs-12 { padding-right: 0; padding-left: 0; } .content-body,.content-list { padding: 0; margin-right: 0 !important; margin-left: 0 !important; } .content { padding: 0px; } .social-icons li { float: left; } .box-header { margin-top: -35px; } .box-header .related-box { font-size: 22px; display: block; } .box-header .related-box-sidebar { font-size: 22px; display: block; } .content-box.home-box { margin-top: -10px; } #totop { margin: 10px; right: 10px; } .widget-ads { margin-top: 15px; margin-bottom: 15px; } .pd-t-120 { padding-top: 10px; } .pd-t-95 { padding-top: 10px; } .carstuff-content { padding-right: 15px !important; padding-left: 15px !important; } .ml-15 { margin-left: 0px !important; } .mg-b-70 { margin-bottom: 25px; } .content_header { font-weight: normal !important; line-height: 1.2 !important; } .byg-responsive, .byg-responsive.mg-r-5 { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-right: 0; } .img-bodystyle { width: 50px; } ul.home-bodystyle li { height: 70px; } .navbar .container { background: #fff; height: 67px; position: fixed; right: 0; top: 0; z-index: 9999; } .content_title { font-family: "kanit"; font-size: 22px; line-height: 1.2; } .autoinfo-logo img { height: 67px !important; } footer hr { background: #C40C1F ; height: 1px; width: 100%; } .widget-ads img { width: 85% !important; display: block; margin: auto; } .feed .col-xs-5 { padding-right: 5px; } .content_caption { display: none; } .navbar-header .navbar-search.visible { position: fixed; right: 0px; top: 0px; z-index: 9999; } .hig-boxbyg { overflow: hidden; max-height: 100px; } .hig-boxbygl { overflow: hidden; max-height: 105px; } .tag { width: 100%; } .navbar-search-body ul { flex-direction: initial; } .navbar-search-body { margin-left: 0; } .navbar-search-body { padding: 15px 15px 20px; } .card-todo .card-progress .list-group-header { margin-left: 0px; margin-top: 10px; } .card-todo .card-progress { display: block; } .bg-siblingonwheels,.siblingonwheels { background-color: #000000; } .siblingonwheels .color-gray-subtitle, .siblingonwheels .color-black{ color:#ffffff !important; } .img-two-left { margin-left: 0 !important; } .sibling-box .post-box .post-title { margin-bottom: 0; } .sibling-logo { position: absolute; top: 20px; z-index: 999; } .post-title a h3 { font-size: 22px; } .ads-other { /*padding:0;*/ } .flex-start .bg-gray { background:#ffffff; } .min-max .col-xs-6:nth-child(odd) { padding-right:10px; } .min-max, .row.bg-title-jaidee{ margin-right: 0px; margin-left: 0px; } .bg-formula .container, .container-fluid.bg-all-around, .bg-all-around .col-md-4.col-xs-12, .siblingonwheels .col-md-5.col-xs-12, .jaidee-box .col-md-12.col-xs-12.col-lg-12, .jaidee-box .col-lg-6.col-md-12.col-xs-12, .bg-formula .col-md-10.col-xs-12, .tv-programs .col-md-10.col-xs-12, .tv-programs .col-md-12.col-xs-12{ padding:0px; } .container-fluid.bg-all-around { padding-top:0 !important; } .bg-all-around .post-title{ padding-left:15px; padding-right:15px; } .pricelist-border { border-right: none; } .txt-pricelist { display: block; margin: auto; } .post-box .post-title { margin-bottom: 20px; min-height: 0px; margin-top: 10px; } .border-b-gray:not(:last-child) { border-bottom: none !important; } .content_kicker.mt-20 { margin-top: 10px !important; } .bg-all-around .content_kicker.mt-20 { margin-top: 10px !important; padding-left: 15px; padding-right: 15px; } .content_kicker a { font-family: 'Kanit', sans-serif !important; font-size: 14px; color: #ffffff; padding: 3px 5px; } .swiper-button-prev:after, .swiper-button-next:after { margin-top: 0px; outline: 0 !important; } .automotive-news { margin-top:10px; } .content_title .box-heig { overflow: hidden; max-height: 40px; min-height: 40px; } .abox-heig { max-height: 339px; min-height: 10px; } .jaidee-box { z-index: 9; background-image: linear-gradient(to left bottom, #000106, #0e1528, #0f2248, #0d2f6a, #0d3c8d, #0d3c8d, #0d3c8d, #0d3c8d, #0d2f6a, #0f2248, #0e1528, #000106); } .jaidee-box .post-title a h3 { font-size: 22px; } .jaidee-box .post-box .post-title { margin-bottom: 0 !important; } .jaidee-box .post-box .post-title a h3 { line-height: 0.8 !important; font-weight: normal !important; } .what-r { overflow:hidden; min-height:70px; max-height:80px; } .what-l { overflow:hidden; min-height:50px; max-height:75px; } .h-title:first-child { overflow:hidden; min-height:30px; max-height:75px; } .h-title { overflow:hidden; min-height:40px; max-height:65px; } .h-title2 { overflow:hidden; min-height:66px; max-height:80px; } .what-b { overflow:hidden; min-height:66px; max-height:80px; } .h-last-test { overflow:hidden; min-height:40px; max-height:80px; } .h-newcar { overflow:hidden; min-height:40px; max-height:65px; } .h-magazine-txt { overflow: hidden; min-height: 70px; max-height: 70px; } } .fa-play-circle { color:#ffffffd6; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:50px; } .abox-heig { max-height: 334px; min-height: 334px; } .content_title .box-heig { overflow: hidden; max-height: 43px; min-height: 38px; } .p-relative { position: relative; } .p-absolute { position: absolute; } .border-b-gray:not(:last-child) { border-bottom: 1px solid #D9D9D9; } .w-40-px { width:40px; } .min-height-0 { min-height: 0px !important; } .datronSwiper .swiper-button-prev, .swiper-rtl .swiper-button-next { right: var(--swiper-navigation-sides-offset, 40px) !important; left: auto; } .datronSwiper .swiper-button-next, .datronSwiper .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 5px); left: auto; } .datronSwiper .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { font-size: 22px !important; background-color: #D9D9D9; width: 30px; height: 30px; padding-left: 8px; padding-top: 5px; color: #000000; border-radius: 15%; } .datronSwiper .swiper-button-next:after, .swiper-button-prev:after { font-size: 22px !important; background-color: #D9D9D9; width: 30px; height: 30px; padding-left: 8px; padding-top: 5px; color: #000000; border-radius: 15%; } .photoSwiper .swiper-button-prev, .swiper-rtl .swiper-button-next { right: var(--swiper-navigation-sides-offset, 40px) !important; left: auto; } .photoSwiper .swiper-button-next, .photoSwiper .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 0px); left: auto; } .photoSwiper .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { font-size: 22px !important; background-color: #D9D9D9; width: 30px; height: 30px; padding-left: 8px; padding-top: 5px; color: #000000; border-radius: 15%; } .photoSwiper .swiper-button-next:after, .swiper-button-prev:after ,.swiper-button-next:after{ font-size: 22px !important; background-color: #D9D9D9; width: 30px; height: 30px; padding-left: 8px; padding-top: 5px; color: #000000; border-radius: 15%; } .card-todo .list-group-header { display: flex; flex-direction: column; align-items: flex-start; } .card-todo .list-group-header span + span { margin-left:0; } .card-todo .list-group-header span:nth-of-type(odd) { width: 80px; height: 5px; } .card-todo .list-group-header span:nth-of-type(even) { height: 1px; } .card-todo .list-group-header { margin-left: 20px; flex: 1; } .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-pagination-bullets { bottom: 5px; left: 0; width: 100%; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: #C40C1F; } .gradient-siblingonwheels { position: absolute; width: 100%; height: 99%; z-index: 40; background: radial-gradient(circle, rgba(0,0,0,0.05646008403361347) 0%, rgba(0,0,0,1) 34.5%); } .bg-v { width: 100% !important; height: auto !important; } .jaidee-box a:hover { color: #ffffff; } .jaidee-color-blue { color: #68BAE9; } .rounded-circle { border-radius: 50% !important; } .border-radius-10 { border-radius: 10px; } .writer-box .rounded-circle { width:100px; } .h-around { overflow:hidden; min-height:20px; max-height:65px; } .bg-title-jaidee { background: #ffffff14 0% 0% no-repeat padding-box; } .carstuff_subscribe { position: absolute; right: 15px; top: 50px; } .carstuff_subscribe img { width: 120px; } .border-box-title { border-bottom: 1px solid #A0B0D8; } .video-popup { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .box-title h4 span { background: #8d8d8d; color: #fff; padding: 3px 7px; } .widget-share ul { list-style: none; padding: 0; margin-bottom: 30px; } .widget-share ul li { float: left; text-align: center; margin-left: 20px; } .widget-share { display:flex; align-items: center; } .related-box { padding: 5px 10px; background-color: #C40C1F; color: #fff; } .related-box-sidebar { display:block; width:100%; padding: 5px 10px; background-color: #C40C1F ; color: #fff; } .data_key ,.data_value{ padding-left: 15px; } .data_unit{ padding-left: 32px; } .lh-0-8 { line-height: 0.9; } .card-events .media-body.event-panel-green { border-left-color: #C40C1F ; position: absolute; } .card-events .media-body { padding: 0 5px; border-left: 2px solid transparent; height: 60px; } .avatar { position: relative; width: 100px; height: 100px; } .avatar-text { position: relative; width: 90px; height: 90px; background: #016DDA; color:#ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .avatar-text-list { position: relative; width: 30px; height: 30px; background: #016DDA; color:#ffffff; border-radius: 50%; margin-right:10px; display: inline-flex; justify-content: center; align-items: center; } .h-relate { overflow: hidden; min-height: 60px; max-height: 60px; } .relete .swiper-button-next,.relete .swiper-button-prev { top: var(--swiper-navigation-top-offset, 36%) !important; } .relete .swiper-button-next:after, .relete .swiper-rtl .swiper-button-prev:after { box-shadow: 0px 0px 3px 1px #000000; } .relete .swiper-button-prev:after,.relete .swiper-rtl .swiper-button-next:after { box-shadow: 0px 0px 3px 1px #000000; } .feed .content_date { display:inline-block; } .feed div.content_date { color:#C40C1F ; } .relete .content_title { overflow:hidden; min-height:30px; max-height:65px; font-size: clamp(18px, 2.5vw, 18px) !important; } .relete .content_date.pl-10 { padding-left:0px !important; } .mg-auto { margin: auto; } .navbar-menu-wrapper > ul > li.show-content { position: inherit !important; } .navbar-menu-wrapper > ul > li ul > li { position:relative; } .img-creator { width:30px; margin-right:20px; object-fit: contain; } #totop { cursor:pointer; } .nav-item a.nav-sub-link,.nav-item a.nav-sub-link:hover { color:#ffffff; } .content-body a { color:#C40C1F; } .follow-img-sibling { z-index: 99; position: absolute; left: 0; transform: translate(70%, 20%); top: 125px; } .follow-txt-sibling { z-index: 99; position: absolute; right :0; transform: translate(-80%, 20%); bottom: 80px; } .btn-more,.btn-more-price-list { color:#ffffff; background:#9A1914; } .h-nav { overflow: hidden; min-height: 40px; max-height: 70px; line-height: 1.4; } .btn-loadmore, .btn-loadmore:hover { color: #fff; margin-right: 4px; padding: 5px 20px; background-color: #000000; border: none; z-index: 9; } .mySwipercontent .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .title-nav-search { top: 50%; transform: translateY(-50%); right:0; left:0; } .opacity-overflow { position: absolute; background: #00000063; overflow: hidden; width: 100%; bottom: 0; height: 100%; border-radius: 10px; } .opacity-overflow-m{ position: absolute; background: #00000063; overflow: hidden; width: 99.4%; bottom: 0; height: 100%; border-radius: 10px; } .box-img-social { text-align: center; border: 1px solid #A7A7A7; border-radius: 10px; } .txt-name-website { position: absolute; left: 0; right: 0; top: 10px; z-index: -1; } .border-b-1{ border-bottom: 1px solid #000000; } .img-logo-footer { border-radius: 5px; width: 50px; margin-right: 20px; } .w-60 { width: 60px; } .btn-with-us, .btn-with-us:hover { background: #000000; color: #ffffff; text-align: center; width: 330px; padding: 10px 20px; } .about .bi-facebook { color: #ffffff; } .img-ic-social { height: 40px; object-fit: cover; } .img-about { position: absolute; top: -15px; right: 0;width: 471px; } .lg-outer * { border:none; } .jaidee-box { z-index: 9; background-image: linear-gradient(to left bottom, #000106, #0e1528, #0f2248, #0d2f6a, #0d3c8d, #0d3c8d, #0d3c8d, #0d3c8d, #0d2f6a, #0f2248, #0e1528, #000106); } .btn-more { background-color: #5A9FFC; color: #ffffff; padding: 6px 15px; } .btn-more span { position: relative; } .btn-more:hover { color: #ffffff; } .img-lhung-jaidee { width:180px; } .h-around-kicker { overflow: hidden; min-height: 25px; max-height: 40px; } .navbar-search-body ul { flex-direction: row } .videoWrapper { position: relative; padding-bottom: 56.25%; height: 0 } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .fb-video { width: 100% } .truehits img { width: 10px; height: 13px; } .box-content table { width:100%; } .box-content table td { text-align:center; } /*.overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); // เธชเธตเธ”เธณเนเธเธเนเธเธฃเนเธเนเธช display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s; }*/