nav {

    position: relative;

}



.choxeoto68-title {

    margin-top: 0.4em;

}



.choxeoto68-wrapper {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-bottom: 4rem;

    

}



.choxeoto68-wrapper .choxeoto68-col-l {

    flex-basis: 70%;

   

}



.choxeoto68-wrapper .choxeoto68-col-r {

    flex-basis: 28%;

    margin-top: 0.7em;

}



.choxeoto68-wrapper .choxeoto68-col-l .choxeoto68-title-car {

    

    margin-top: 1.5rem;

    font-weight: bold;

    margin-bottom: 1rem;

}



.w3-bar .w3-button

{

    font-weight: bold;

}



.gia-ban-2

{

    background: var(--red-color);

    padding: 0.5em;

    margin-top: 1em;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    border-radius: 5px 5px 0 0;

}

.gia-ban-2 span

{

    flex-basis: 49%;

}

.tra-truoc2

{

    text-align: right;

    color: #fff;

}

.gia2a

{

    font-size: 1.3em;

    color: #fff;

    font-weight: bold;

}



/*danh sách ảnh xe*/

.choxeoto68-box-img {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

}



#choxeoto68-main-photo {

    flex-basis: 70%;

}



#choxeoto68-main-photo img {

    height: 420px;

    border-radius: 4px;

}



.choxeoto68-box-img .choxeoto68-list-img {

    flex-basis: 29%;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

    

}



.choxeoto68-box-img .choxeoto68-list-img:after {

    content: '';

    flex-basis: 24%;

}



.choxeoto68-list-img .choxeoto68-item {

    flex-basis: 49%;

    margin-bottom: 0.5rem;

}



.choxeoto68-list-img .choxeoto68-item:last-child {

    margin-bottom: 0;

}





.choxeoto68-list-img .choxeoto68-item .choxeoto68-photo-list img {

    height: 80px;

    border-radius: 4px;

}



.choxeoto68-box-info-salon

{

    padding: 1em;

   background: fixed;

    padding-left: 0;

}

.tt-vt

{  

    padding-top: 2em;

}

.tt-vt h3

{

    font-weight: bold;

}



.active-btn

{

    background:var(--vtcolorlink);

}

.w3-black

{

    

    background-color: #c2c2be!important;

    color: #000 !important;

}

.w3-hover-black:hover

{

    background: var(--vtcolorlink) !important;

}



.w3-bar:hover .w3-button:hover

{

    background: var(--kccolorlink) !important;

}



.choxeoto68-car

{

    display: inline-block;

    width: 100%;

    color: var(--vtcolorlink);

    

}

.choxeoto68-car b {

    color: var(--vtbgmenu);

        

}

.choxeoto68-item .choxeoto68-car b:hover

{

    color: var(--vtcolorlink) !important;

}

.price-ok

{

    background: var(--vtcolorlink);

    text-align: center;

    padding-top: 0.6em;

    padding-bottom: 0.6em;

    border-radius: 0 0 4px 4px;

    font-size: 1.2em;

    font-weight: 700;

    color: var(--vtWhite);

}

/*begin lớp background trên ảnh sản phẩm*/

.anh-sp

{

    position: relative;

}

.anh-sp:hover .overlay {

    width: 100%;

  }

.overlay {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    cursor: pointer;

    background: var(--vtcolorlink);

    overflow: hidden;

    width: 0;

    height: 100%;

    transition: .5s ease;

    opacity: 0.6;

}

.text {

    

    font-size: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    opacity: 0;

  }

  .image {

    display: block;

    width: 100%;

    height: auto;

  }

/*end lớp background trên ảnh sản phẩm*/



/*thông tin xe*/



.choxeoto68-box-info {

    padding: 0.6em;

    color: #000;

    background: #e9e9e9;

    border-radius: 0 0 4px 4px;

}



.choxeoto68-box-info .choxeoto68-price-car {

    padding: 2rem 0;

    background: var(--vtbgmenu);

    font-size: 2.6rem;

    font-weight: bold;

    color: var(--vtyellow);

    text-align: center;

    border-radius: 0 0 4px 4px;

}



.choxeoto68-box-info .choxeoto68-info-car {

    

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

    padding: 1.5rem;

    padding-left: 0;

}



.choxeoto68-box-info .choxeoto68-info-car .choxeoto68-item {

    flex-basis: 49%;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    margin-bottom: 1.5rem;

}



.choxeoto68-box-info .choxeoto68-info-car .choxeoto68-item label {

    flex-basis: 35%;

}



.gia-ban

{

    font-size: 1.3em;

    

}



ul.choxeoto68-box

{

    flex-basis: 100%;

}

/*vay trả góp*/

.box-installment {

    margin-top: 20px;

    

    

}



.installment {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

    

}



.installment .item {

    flex-basis: 49%;

    margin-bottom: 10px;

}



.installment .item:last-child {

    margin-bottom: 0;

}



.installment .item label {

    margin-bottom: 5px;

    display: inline-block;

}



.installment .item  input,  .installment .item  select {

    width: 100%;

    height: 35px;

    border: 1px solid #bcb8b8;

    outline: none;

    padding-left: 10px;

    background: #fff;

    border-radius: 4px;

}



.installment .item .icon {

    color: var(--red-color);

    font-weight: bold;

}



.installment .item .car-price {

    cursor: no-drop;

}



.installment .btn-send {

    text-align: left;

    flex-basis: auto;

    margin-top: 5px;

}



.installment input[type="text"][disabled] {

    font-weight: bold;

}



.installment .btn-send a {

    display: inline-block;

    text-transform: uppercase;

    color: var(--white);

    background: var(--red);

    font-weight: bold;

    padding: 6px 30px;

}



.installment .btn-send a:hover {

    background: var(--redHover);

}



.rs-installment {

    background: var(--vtWhite);

    padding: 5px 15px;

    margin: 15px 0 0;

    border: 1px solid #ccc;

    background: #ededed;

    border-radius: 4px;

    

}



.rs-installment .item {

    padding: 10px 0;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    border-bottom: 1px dotted var(--gray);

    color: #000;

}



.rs-installment .item:last-child {

    border-bottom: none;

}



.rs-installment .item label {

    margin-bottom: 5px;

   

}



.rs-installment .item span {

    font-weight: bold;

    color: var(--red-color);

}



.btn-grad {

    margin: 0 auto;

    text-align: center;

    text-transform: uppercase;

    transition: 0.5s;

    background-size: 200% auto;

    color: white;

    display: block;

    cursor: pointer;

}



.btn-grad a

{

    padding: 6px 25px;

    display: block;

}





.btn-grad:hover {

    background: var(--vtyellow);

    color: #000000 !important;

    text-decoration: none;

}

/*thông tin salon*/

.choxeoto68-box-info-salon ul {

    padding: 0 1.5rem;

}



.choxeoto68-box-info-salon p {

    margin-top: 1rem;

}



.choxeoto68-box-info-salon .choxeoto68-info-hotline {

    background: var(--alRed);

    color: var(--alWhite);

    padding: 1.5rem 0;

    font-size: 2.1rem;

    text-align: center;

}



.choxeoto68-info-hotline b {

    color: var(--alWhite);

    -webkit-text-fill-color: var(--alWhite);

    font-size: 2.6rem;

}



/*nội dung tin xe*/

.choxeoto68-car-description {

    padding: 1.5rem;

    padding-left: 0;

}



.choxeoto68-car-description h3

{

    font-weight: bold;

}

.choxeoto68-car-description p {

    display: block;

    margin-top: 1rem;

    width: 100%;

}



/*tính phí sang tên*/

.choxeoto68-box-name-transfer-fee {

    margin-top: 1rem;

}



.choxeoto68-name-transfer-fee {

    

    padding: 1.5rem;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    border: 1px solid #ccc;

    background: #fff;

    border-radius: 5px;

    

}





.choxeoto68-name-transfer-fee .choxeoto68-box {

    flex-basis: 100%;

}



.choxeoto68-name-transfer-fee .choxeoto68-box-img {

    flex-basis: 49%;

}



.choxeoto68-name-transfer-fee .choxeoto68-item {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-bottom: 2rem;

}



.choxeoto68-name-transfer-fee .choxeoto68-item:last-child {

    margin-bottom: 0;

}



.choxeoto68-name-transfer-fee .choxeoto68-row {

    flex-basis: 58%;

}

.choxeoto68-row span, .choxeoto68-row label, .font-fix

{

    font-size: 0.9em !important;

}

.choxeoto68-name-transfer-fee .choxeoto68-pdb .choxeoto68-row {

    display: flex;

    align-items: flex-start;

    flex-direction: column;

}



.choxeoto68-name-transfer-fee .choxeoto68-row input {

    margin-right: 0.5rem;

    position: relative;

    top: 1px;

}



.choxeoto68-name-transfer-fee .choxeoto68-choose {

    flex-basis: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.choxeoto68-name-transfer-fee .choxeoto68-choose select {

    height: 30px;

    width: 100px;

    

    font-size: 0.9em;

}



.choxeoto68-name-transfer-fee .choxeoto68-cacu {

    border-top: 1px solid #fff;

    padding-top: 1.5rem;

}



.choxeoto68-name-transfer-fee .choxeoto68-cacu label {

    font-weight: bold;

}



.choxeoto68-name-transfer-fee .choxeoto68-cacu span {

    font-weight: bold;

    

    font-size: 0.9em;

}

h1, h2, h3, h4, h5, h6

{

    margin: 0;

}



.btn-grad:hover {

    background: #ff9900;

}



/*xe cùng khoảng giá*/

.choxeoto68-box-other-car {

    margin-top: 2rem;

    flex-basis: 100%;

}



.choxeoto68-other-car {

    --spaceing: 10px;

    display: flex;

    align-items:stretch;

    justify-content:flex-start;

    flex-wrap: wrap;

    margin: 0 calc(var(--spaceing) * (-1));

}



.choxeoto68-other-car .choxeoto68-item {

    margin: 0 var(--spaceing);

    width: calc(33.33% - var(--spaceing) * 2);

    background: var(--white);

   

}



.choxeoto68-other-car .choxeoto68-item a {

    display: inline-block;

    width: 100%;

}



.choxeoto68-other-car .choxeoto68-item a .choxeoto68-img-car {

    height: 260px;

    transform: scale(1);

    transition: .3s ease;

    border-radius: 5px 5px 0 0;

}



.choxeoto68-other-car .choxeoto68-item a .choxeoto68-img-car:hover

{

    transform: scale(1.1);

}

.choxeoto68-other-car .choxeoto68-car {

    font-weight: 800;

   padding-top: 0;

   padding-left: .8em;

}



.choxeoto68-other-car .choxeoto68-box-price {

    

    margin: 1rem;

}



.choxeoto68-other-car .choxeoto68-price {

    display: inline-block;

    clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);

    background: #1f1f1f;

    background-image: linear-gradient(to right, black , #1f1f1f);

    padding: 0.4rem 1.6rem;

    color: var(--vtyellow);

}



.choxeoto68-other-car .choxeoto68-info-car {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    padding: 0.5rem 1rem 0;

    border-top: 1px solid #e8e6e6;

    

}



.choxeoto68-other-car .choxeoto68-info-car .choxeoto68-item-info {

    flex-basis: 24%;

    color: var(--alGrayInfoCars);

    margin-bottom: 1rem;

    font-size: 0.9em;

    display: flex;

    align-items: center;



}



.choxeoto68-other-car .choxeoto68-info-car .choxeoto68-item-info span {

    margin-right: 0.2rem;

    color: var(--red-color);

    font-size: 1em;

}



.choxeoto68-item-info img {

   margin-right: .3em;

}



/*chỉ cần trả trước*/

.choxeoto68-box-price

{

    text-align: center;

    padding-bottom: 1em;

}



/*tin tức*/

.choxeoto68-wrapper .choxeoto68-col-r .choxeoto68-box-news {

    margin-bottom: 1rem;

}



.choxeoto68-col-r .choxeoto68-news {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

}



.choxeoto68-news .choxeoto68-item {

    flex-basis: 100%;

    border-bottom: 1px solid var(--alGray);

    padding: 1.5rem 0;

    color: var(--alBlack);

}



.choxeoto68-news .choxeoto68-item:last-child {

    border-bottom: none;

}



.choxeoto68-box-news .choxeoto68-item a {

    color: var(--alBlack);

    font-weight: 600;

}



@media only screen and (max-width: 1230px) {

    .choxeoto68-wrapper {

        padding: 0 1.5rem 1.5rem;

        margin-bottom: 0;

    }



    /*thông tin xe*/

    .choxeoto68-box-info .choxeoto68-price-car {

        font-size: 2.1rem;

        padding: 1.5rem 0;

    }



    .choxeoto68-box-info .choxeoto68-info-car .choxeoto68-item label {

        flex-basis: 40%;

    }



    /*thông tin salon*/

    .choxeoto68-box-info-salon .choxeoto68-info-hotline {

        font-size: 1.8rem;

    }



    .choxeoto68-info-hotline b {

        font-size: 2.1rem;

    }



    /*phí sang tên*/

    



    .choxeoto68-name-transfer-fee .choxeoto68-choose {

        flex-basis: 85%;

    }



    .choxeoto68-name-transfer-fee .choxeoto68-item {

        justify-content: space-between;

    }



    .choxeoto68-name-transfer-fee .choxeoto68-choose {

        flex-basis: 100%;

    }

}



@media only screen and (max-width: 1080px)

{

    .choxeoto68-other-car .choxeoto68-info-car .choxeoto68-item-info

    {

        flex-basis: 50%;

    }

}

@media only screen and (max-width: 1024px) {

    .choxeoto68-wrapper .choxeoto68-col-l {

        flex-basis: 100%;

    }



    .choxeoto68-wrapper .choxeoto68-col-r {

        margin-top: 1rem;

        flex-basis: 100%;

        

        align-items: flex-start;

        justify-content: space-between;

        flex-wrap: wrap;

    }



    .choxeoto68-wrapper .choxeoto68-col-r .choxeoto68-box-news {

        flex-basis: 48%;

    }



    .choxeoto68-wrapper .choxeoto68-col-r .choxeoto68-qc {

        flex-basis: 100%;

    }



    /*xe cùng khoảng giá*/

    .choxeoto68-other-car .choxeoto68-item a .choxeoto68-img-car {

        height: 212px;

    }

}

@media only screen and (max-width: 850px)

{

    .choxeoto68-other-car .choxeoto68-item a {

        /* display: inline-block; */

        width: 100%;

        display: table;

        height: 54px;

    }

}



@media only screen and (max-width: 768px) {

    .choxeoto68-wrapper {

        padding: 0 1rem 1.5rem;

    }



    /*danh sách ảnh xe*/

    #choxeoto68-main-photo img {

        height: 348px;

    }



    .choxeoto68-list-img .choxeoto68-item .choxeoto68-photo-list img {

        height: 66px;

    }



    /*thông tin xe*/

    .choxeoto68-box-info .choxeoto68-info-car .choxeoto68-item label {

        flex-basis: 50%;

    }



    /*phí sang tên*/

    .choxeoto68-box-name-transfer-fee {

        margin-top: 0;

    }



    .choxeoto68-name-transfer-fee .choxeoto68-box-img {

        display: none;

    }



    .choxeoto68-name-transfer-fee .choxeoto68-box {

        flex-basis: 100%;

    }



    /*xe cùng khoảng giá*/

    .choxeoto68-box-other-car {

        margin-top: 0;

    }



    .choxeoto68-other-car .choxeoto68-item a .choxeoto68-img-car {

        height: 158px;

    }



    /*tin tức*/

    .choxeoto68-news .choxeoto68-item {

        padding: 1rem 0;

    }

    .choxeoto68-other-car .choxeoto68-info-car .choxeoto68-item-info

    {

        font-size: 0.9em;

    }

    .choxeoto68-title

    {

        padding-bottom: 0 !important;

    }

    .year span

    {

        flex-basis: 100% !important;

    }

    .tratruoc

    {

        text-align: left !important;

    }

}



@media only screen and (max-width: 640px) {

    /*danh sách ảnh xe*/

    #choxeoto68-main-photo img {

        height: 289px;

    }



    .choxeoto68-list-img .choxeoto68-item .choxeoto68-photo-list img {

        height: 54px;

    }



    /*xe cùng khoảng giá*/

    .choxeoto68-other-car .choxeoto68-item a .choxeoto68-img-car {

        height: 190px;

    }

    .choxeoto68-other-car .choxeoto68-item

    {

        width: calc(49% - var(--spaceing) * 2);

        margin-bottom: 1em;

    }

    /*ẩn xe thứ 3*/
    .choxeoto68-other-car .choxeoto68-item:last-child
    {
        display: none;
    }

}





@media only screen and (max-width: 576px) {

    /*danh sách ảnh xe*/

    .choxeoto68-box-img {

        display: flex;

        align-items: flex-start;

        justify-content: space-between;

        flex-wrap: wrap;

    }



    #choxeoto68-main-photo {

        flex-basis: 100%;

        margin-bottom: 1rem;

    }



    #choxeoto68-main-photo img {

        height: 370px;

        border-top-left-radius: 0;

    }



    .choxeoto68-list-img .choxeoto68-item .choxeoto68-photo-list img {

        height: 89px;

    }



    .choxeoto68-list-img .choxeoto68-item:nth-child(2) img {

        border-top-right-radius: 0;

    }



    .choxeoto68-box-img .choxeoto68-list-img {

        flex-basis: 100%;

    }



    .choxeoto68-list-img .choxeoto68-item {

        flex-basis: 24%;

    }



    /*thông tin xe*/

    .choxeoto68-box-info {

        margin-top: 0;

    }



    .choxeoto68-box-info .choxeoto68-info-car .choxeoto68-item {

        flex-basis: 100%;

    }



    /*xe cùng khoảng giá*/

    .choxeoto68-other-car .choxeoto68-item:last-child {

        margin-bottom: 0;

    }



    .choxeoto68-other-car .choxeoto68-item a .choxeoto68-img-car {

        height: 181px;

    }

    .choxeoto68-other-car .choxeoto68-info-car .choxeoto68-item-info

    {

        flex-basis: 49%;

    }

    .choxeoto68-box-price

    {

        height: 56px;

    }

}



@media only screen and (max-width: 480px) {

    .choxeoto68-wrapper .choxeoto68-col-r {

        margin-top: 0;

    }



    /*danh sách ảnh xe*/

    #choxeoto68-main-photo img {

        height: 306px;

    }



    .choxeoto68-list-img .choxeoto68-item .choxeoto68-photo-list img {

        height: 74px;

    }



    /*xe cùng khoảng giá*/

    .choxeoto68-other-car .choxeoto68-item a .choxeoto68-img-car {

        height: 150px;

    }



    /*tin tức*/

    .choxeoto68-wrapper .choxeoto68-col-r .choxeoto68-box-news {

        flex-basis: 100%;

        margin-bottom: 0;

    }

}



@media only screen and (max-width: 420px) {

    /*danh sách ảnh xe*/

    #choxeoto68-main-photo img {

        height: 266px;

    }



    .choxeoto68-list-img .choxeoto68-item .choxeoto68-photo-list img {

        height: 64px;

    }



    /*thông tin salon*/

    .choxeoto68-box-info-salon .choxeoto68-info-hotline {

        font-size: 1.6rem;

    }



    .choxeoto68-info-hotline b {

        font-size: 1.8rem;

    }



    /*xe cùng khoảng giá*/

    .choxeoto68-other-car .choxeoto68-item a .choxeoto68-img-car {

        height: 240px;

    }



    .choxeoto68-other-car .choxeoto68-car {

        padding: 0 0.5rem 1.5rem 1.1rem;

    }



    .choxeoto68-other-car .choxeoto68-box-price {

        margin: 0.5rem;

    }



    .choxeoto68-other-car .choxeoto68-info-car {

        padding: 0.5rem 0.5rem 0;

    }



    .choxeoto68-other-car .choxeoto68-info-car .choxeoto68-item-info {

        line-height: 2.0rem;

        font-size: 1.3rem;

    }



    .choxeoto68-other-car .choxeoto68-info-car .choxeoto68-item-info i {

        line-height: 2.0rem;

        font-size: 1.3rem;

        margin-right: 0.1rem;

    }

    .tinh

    {

        width: 100%;

    }

    .choxeoto68-other-car .choxeoto68-item

    {

        flex-basis: 100%;

    }

    .choxeoto68-other-car .choxeoto68-info-car .choxeoto68-item-info

    {

        flex-basis: 24%;

    }

    .choxeoto68-other-car .choxeoto68-item a, .choxeoto68-box-price

    {

        height: auto;

        min-height: auto;

    }

    /*tab mô tả chi tiết*/

    .w3-container, .w3-panel

    {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .year span

    {

        flex-basis: 49% !important;

    }

    .tratruoc

    {

        text-align: right !important;

    }

   

    /*hiện xe thứ 3*/

    .choxeoto68-other-car .choxeoto68-item:last-child
    {
        display: block;
    }

}





@media only screen and (max-width: 400px)

{

    .choxeoto68-other-car .choxeoto68-item

    {

        flex-basis: 100%;

    }

    .choxeoto68-other-car .choxeoto68-item a .choxeoto68-img-car

    {

        height: 200px;

    }

}



@media only screen and (max-width: 375px) {

    /*danh sách ảnh xe*/

    #choxeoto68-main-photo img {

        height: 237px;

    }



    .choxeoto68-list-img .choxeoto68-item .choxeoto68-photo-list img {

        height: 57px;

    }



    /*xe cùng khoảng giá*/

    

}



@media only screen and (max-width: 360px) {

    /*thông tin xe*/

    .choxeoto68-info-hotline b {

        font-size: 1.6rem;

    }



    /*phí trước bạ*/

    .choxeoto68-name-transfer-fee {

        padding: 1.5rem 0.5rem;

    }



    /*danh sách xe đang bán*/

    .choxeoto68-other-car .choxeoto68-info-car .choxeoto68-item-info i {

        line-height: 1.8rem;

        font-size: 1.2rem;

        margin-right: 0.1rem;

    }



    .choxeoto68-other-car .choxeoto68-info-car .choxeoto68-item-info {

        line-height: 1.8rem;

        font-size: 1.2rem;

    }

}

@media only screen and (max-width: 340px)

{

    .choxeoto68-other-car .choxeoto68-info-car .choxeoto68-item-info

    {

        flex-basis: 50%;

    }

}