/*
Theme Name: jetaime
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}

:root {
	--red : #EE0033;
}



#header .hotline {float: right;clear: both;padding: 0 20px 0 40px;text-decoration: none; color: var(--red);background-color: #fff; width:100%; transition:width 0.3s ease; line-height: 40px; font-size: 18px;border-radius: 20px;position: relative}
#header .hotline:before {opacity:1!important; content:"";display: block;width: 34px;height: 34px;border-radius: 50%;background: url(/wp-content/uploads/2023/10/hotline.png) no-repeat center;position: absolute;top: 3px;left: 3px;}
#header .hotline:hover {width:103%}

#header input[type=search] {height: 40px; background: #fff; border-color: #fff}
#header .icon-search {color: vaR(--red)}
#logo img {filter: brightness(10)}

.title-on-image h1 {color: #fff; position: relative;    top: -60px; font-size:35px}
.single .title-on-image h1 {top:-30px!important}

.jet-breadcums {background: #f0f0f0; padding:0; margin-bottom:10px}
.jet-breadcums .col {padding-bottom: 0; height:50px ; line-height: 50px}

#form-tgvc .col {padding-bottom:0}
#form-tgvc .col select, #form-tgvc .col input[type=number] {height: 45px; border-radius: 5px}
#form-tgvc div strong {font-size: 25px;}
span#thanhtien {font-size: 25px; color : var(--red); font-weight: 600}
button#tinhkg {margin-top: 10px; border-radius: 5px}

.tab-home li {margin: 0 20px;padding: 0 10px;}
.tab-home li.active {background: var(--red); padding: 0 10px; border-radius: 5px}
.tab-home li.active a {color: #fff}

#btn-tracking {color: white; border-radius: 5px}
input#tracking {height:45px; border-radius: 5px}
.step-tracking li {padding-bottom: 1.5rem; border-left: 1px solid #ccc; position: relative;padding-left: 20px; font-size:15px;    margin-left: 0px!important;	list-style: none; margin-bottom: 0}
.step-tracking li:before { content: "";    width: 10px;    height: 10px;    background: #ccc;
    border: 1px solid #ccc;     border-radius: 50%;    position: absolute;    left: -5px;    top: 0px;}
.step-tracking li span {position:relative; top:-8px}
.step-tracking li:first-child:before {border-color: var(--red); background: var(--red) }
.step-tracking li:last-child{ border-left:0}

.section-tracking .row > .row > .col{padding-bottom: 0}

.home-blog-right .from_the_blog_excerpt {overflow: hidden;   text-overflow: ellipsis;
    display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; padding: 0;}
.home-blog-right .image-cover {   padding-top: 58%!important;}
.box h5.post-title {font-size: 16px; color: var(--red); overflow: hidden;   text-overflow: ellipsis;
    display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1; padding: 0;}
.box .post-meta {font-size: 13px}
.blog-cus .col-inner,  .hot_news .col-inner, .hot_news .box {border-radius: 10px }
.blog-cus .box {border-radius: 10px  }
.blog-cus .box-image, .hot_news .box-image {border-radius: 10px 10px 0 0 }

.tesimonial .col-inner {border-radius:10px ; padding: 0 20px; background : url('/wp-content/themes/jetaime/image/icon_quote.png');background-repeat: no-repeat;
    background-position: 95% 10%;background-size: 30px;}
.tesimonial .large-4{min-height: 100%; display:flex}
.tesimonial p {font-size:15px}

.archive-cus h5.post-title {font-size:18px}
.archive-cus {grid-template-columns:50% 50% ; display: grid; grid-template-areas: 'left right-one' 'left right-two' 'left right-three' 'full full' 'full full'}
.archive-cus .post-1 {grid-area: left;} 
.archive-cus .post-1 .box-vertical { display: grid }
.archive-cus .post-1 .box-vertical .box-image {width: 100% !important}
.archive-cus .post-1 .box-image .image-cover {padding-top:60% !important}
.archive-cus .post-2 {grid-area: right-one;} 
.archive-cus .post-3{grid-area: right-two;} 
.archive-cus .post-4{grid-area: right-three;} 
.archive-cus .post-2 .box-image .image-cover, .archive-cus .post-3 .box-image .image-cover, .archive-cus .post-4 .box-image .image-cover {padding-top: 80% !important; }
.archive-cus .post-2 .box-image, .archive-cus .post-3 .box-image, .archive-cus .post-4 .box-image {width: 40%!important}
.archive-cus .post-5, .archive .post-6, .archive .post-7 ,.archive .post-8, .archive .post-9, .archive .post-10 {grid-area: full; grid-row: auto;}
.archive-cus .post-2 .from_the_blog_excerpt , .archive-cus .post-3 .from_the_blog_excerpt , .archive-cus .post-4 .from_the_blog_excerpt {overflow: hidden;   text-overflow: ellipsis;
	display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; padding: 0; }
.archive-cus .post-5 .col-inner, .archive-cus .post-6 .col-inner, .archive-cus .post-7 .col-inner, .archive-cus .post-8 .col-inner, .archive-cus .post-9 .col-inner {box-shadow: none; border-bottom: 1px solid #f9f9f9; padding-bottom:20px}
.archive-cus .box-text a.xemthem {display:block; text-align: right; margin-top: 10px; font-size: 16px; color: var(--red); margin-right:10px; transition: margin-right 0.5s ease}
.archive-cus .col-inner:hover a.xemthem{margin-right: 0px}

.lienhe-map .tabbed-content .nav li {margin: 0 15px}
.form-lh .col{padding-bottom: 5px}
.form-lh input {height:45px}
.lienhe-text p {margin-bottom: 5px; font-size: 16px}

.tracuu-dichvu {align-items: center;   display: flex;    justify-content: center;}
.tracuu-dichvu span.tcdv-active {text-transform: capitalize; border-radius:5px; font-size: 20px; color : white; background: var(--red); padding: 10px 45px; box-shadow: 0 0 3px 2px #d7d6d6}
.tracuu-dichvu span {text-transform: capitalize;border-radius:5px; font-size: 20px; color : black; background: #fff; padding: 10px 45px; box-shadow: 0 0 3px 2px #d7d6d6; margin : 0 1px}
.tracuu-dichvu span:hover {cursor: pointer}

.row-cauhoi .accordion-title {border-top:0; padding: 0.6em 0}
.row-cauhoi .accordion-title.active {background-color: #fff}
.row-cauhoi .accordion-title .toggle {display: none}
.row-cauhoi .accordion-inner {padding: 0}

#footer {border-top: 5px solid vaR(--red);}
#footer .copyright-footer {color: #fff}
#footer .section-footer .ux-menu a, #footer .section-footer a {color: #fff; font-size: 15px}
#footer .section-footer .ux-menu-link__link:hover{color: var(--red); padding-left: 5px}
#footer .section-footer a:hover {color: var(--red);}
#footer .section-footer .ux-menu-link__link {min-height: 2em}
#footer .section-footer p{margin-bottom: 5px; font-size: 15px}
#footer a {color: #fff}
/*Flicky Button*/
.jet-slide .flickity-prev-next-button {opacity: 1!important;}
.jet-slide.slider-nav-circle .previous,
.jet-slide.slider-nav-circle .next
 {transform: translateX(0%)!important }
.jet-slide .flickity-prev-next-button:hover svg
 { background-color: var(--primary-color) !important; border-color : var(--primary-color)!important}
.jet-slide .flickity-page-dots .dot{ width: 6px; height: 6px}
.jet-slide .flickity-prev-next-button{opacity: 1 }
.flickity-prev-next-button {opacity: 1!important; top:unset }
.flickity-prev-next-button svg{border-color: var(--primary-color)!important; background: var(--primary-color); color: #fff }

/***CSS Star ***/
.star-rating {margin:0}
.star-rating span:before {color : var(--red)}

/**CSS HOME**/

ul.tracuu {	display: flex;}
ul.tracuu li {width: 33.3% ; margin-left:1px!important; background: #EEEEEE; list-style: none; padding: 10px 30px 10px 120px;font-size: 20px; font-weight: 600; color: #8b8b8b; position:relative }
ul.tracuu .tracuu-ct1::before, ul.tracuu .tracuu-ct2::before , ul.tracuu .tracuu-ct3::before  {content:""; width: 35px; height: 35px;  position:absolute ; left: 40px}
ul.tracuu .tracuu-ct1::before {background: url(../jetaime/image/ic1.png) no-repeat left;}
ul.tracuu .tracuu-ct2::before {background: url(../jetaime/image/ic2.png) no-repeat left;}
ul.tracuu .tracuu-ct3::before {background: url(../jetaime/image/ic3.png) no-repeat left;}

ul.tracuu li:hover {cursor: pointer}
ul.tracuu li.tc-active {box-shadow: 0px 5px 20px rgb(229 229 229); background: #fff}
ul.tracuu .tracuu-ct1.tc-active::before {background: url(../jetaime/image/ic1-1.png) no-repeat left;}
ul.tracuu .tracuu-ct2.tc-active::before {background: url(../jetaime/image/ic2-1.png) no-repeat left;}
ul.tracuu .tracuu-ct3.tc-active::before {background: url(../jetaime/image/ic3-1.png) no-repeat left;}

.column-tintuc .col-inner, ul.list-tin{display: flex; align-items: baseline; margin-left: auto}
ul.list-tin li {list-style: none; text-align: center; font-weight: 600; font-size: 18px; margin: 0 20px; text-transform: uppercase}
.column-tintuc h2 {width: 100%;}
.column-tintuc a.button {margin-left: auto}
ul.list-tin li:hover {cursor: pointer}
ul.list-tin li.tin-active, ul.list-tin li:hover {color: vaR(--red); border-bottom: 3px solid var(--red)}


.title-dv {background: var(--red); border-radius: 5px; text-align:center; color: #fff; display: block;    height: 50px;    line-height: 45px;    font-size: 17px;}
.menu-dichvu-home a.ux-menu-link__link {height:60px; line-height: 60px; font-weight: 600; border-bottom: 1px solid #8e8e8e; color: #8e8e8e}
.menu-dichvu-home a.ux-menu-link__link i {color: var(--red)}

.jet-count p {color: #fff; margin-bottom:0; text-align: center}
.jet-count p:first-child{font-size: 50px}
.jet-count p:last-child {font-size: 20px}

.section-dichvu .col .col-inner:hover .icon-box-left:before {
	background-color: var(--red);
}
.section-dichvu .col .col-inner:hover .icon-box-img img {filter: brightness(10)}
.section-dichvu .col .icon-box-left:before{
	content: '' !important;
    display: block !important;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 25%;
    background-color: #eee;
    -webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);
    transition: all .3s;
	z-index: -1;
}

.section-dichvu .col .icon-box-img {left:2%}
.section-dichvu .col .col-inner {border:1px solid #ccc}
.section-dichvu .col .col-inner .icon-box-left {align-items: center}

.section-dichvu .icon-box-text {padding: 0.5em 1em 0.5em 5em!important}