/*
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 {
	--black : #000;
	--blue : #238ae6;
	--xam : #2b2b2b;
	--xanh : #0ec9c9;
}

.datroi, .datroi a {color: #2936bf!important}
.do, .do a {color: red!important}
.vang , .vang a{color: yellow!important}
.cam , .cam a{ color: #FF7600!important}
.tim , .tim a{color: #8500FF!important}
.xanh, .xanh a {color: #0ec9c9!important}
.xam, .xam a {color: #0ec9c9!important}
.trang, .trang a {color: #fff!important}

.bg-gradient {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab)!important;
	animation: gradient 5s ease infinite;
}

.text-gradient {
	margin-bottom: 25px
}

.text-gradient a{
  background: #fff;
	border-radius: 5px;
		display: inline-block; 
	color: #000;
	padding: 5px 10px;
	position: relative
}

.text-gradient a:hover {
	color: #000;
}
.text-gradient a:before , .text-gradient a:after{
	content: "";
    width: 100%;
    border-bottom: 2px solid #13b313;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.jet-girls-new h5 {
	overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.text-gradient a:before {
	left: 30%;
}

.text-gradient a:after {
	right: 30%;
}

.stuck .header-main ul li a {
	line-height: 0!important;
}


.header-nav-main input[type=search]{
	border: 1px solid #000;
	color: #333;
	height:42px;
	background: #fff;
	border-radius: 10px 0 0 10px
}

.header-nav-main button[type=submit] {
	padding: 3px 20px;
	background: #000;
	border-radius: 0 10px 10px 0px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff; 
	border-bottom: 1px solid #fff;
}

.icon-search {
	color: #fff
}



.icon-tele {
	border:1px solid #fff;
	padding: 5px 20px!important;
	border-radius: 10px;	
}

a.icon-tele {
	color: #fff!important;
}

.icon-tele img {
	width: 30px;
	height: 30px;
	margin-right: 10px;

}

.img-title {
	display: flex;
	align-items: flex-start;
}

.img-title img {
	width: 25px;
	height: 25px;
}

.row-info .col{
	padding-top: 5px
}

.info {
	border : 1px solid var(--blue);
	border-radius: 10px;
	font-weight: 600;
	display: flex;
	height: 70px;
}


.trang .mega-sub-menu li a{
	color: #000!important
}

.info a {
	color: red;
}

.info div {
	line-height: 35px;
}

.info i {
	border-radius:9px 0 0 9px;
	background: var(--blue);
    padding: 10px;
    color: #fff;
    font-size: 20px;
	margin-right: 5px;
	  height: 69px;
    line-height: 45px;
	display: block;
	font-style: normal;
}

.tax-girls .post-item .col-inner{
	display: flex;
	align-items: baseline;
}

.tax-girls .post-item .col-inner div[class^="jet-gia-"] , .tax-girls .post-item .col-inner div[class^="jet-kv-"],
.single-title div[class^="jet-gia-"] , .single-title div[class^="jet-kv-"],
.jet-girls-new div[class^="jet-gia-"] , .jet-girls-new div[class^="jet-kv-"]{
	font-size: 13px;
	color: #fff!important;
	margin: 0 5px;
	padding: 0 5px; border-radius: 5px;
}

.tax-girls .post-item .col-inner .jet-gia-do, .tax-girls .post-item .col-inner .jet-kv-do,
.box-info .jet-gia-do, .box-info .jet-kv-do, .bg-do, .single-title .jet-kv-do, .single-title .jet-gia-do, .jet-girls-new .jet-kv-do, .jet-girls-new .jet-gia-do
{background-color: red!important}
.tax-girls .post-item .col-inner .jet-gia-vang , .tax-girls .post-item .col-inner .jet-kv-vang,
.box-info .jet-gia-vang , .box-info .jet-kv-vang, .bg-vang, .single-title .jet-kv-vang, .single-title .jet-gia-vang, .jet-girls-new .jet-kv-vang, .jet-girls-new .jet-gia-vang
{background-color: #cfcf32!important}
.tax-girls .post-item .col-inner .jet-gia-cam, .tax-girls .post-item .col-inner .jet-kv-cam,
.box-info  .jet-gia-cam, .box-info  .jet-kv-cam, .bg-cam, .single-title .jet-kv-cam, .single-title .jet-gia-cam, .jet-girls-new .jet-kv-cam, .jet-girls-new .jet-gia-cam
{ background-color: #FF7600!important}
.tax-girls .post-item .col-inner .jet-gia-tim, .tax-girls .post-item .col-inner .jet-kv-tim,
.box-info .jet-gia-tim, .box-info .jet-kv-tim, .bg-tim, .single-title .jet-kv-tim, .single-title .jet-gia-tim, .jet-girls-new .jet-kv-tim, .jet-girls-new .jet-gia-tim
{background-color: #8500FF!important}
.tax-girls .post-item .col-inner .jet-gia-xanh, .tax-girls .post-item .col-inner .jet-kv-xanh,
.box-info .jet-gia-xanh, .box-info .jet-kv-xanh, .bg-xanh, .single-title .jet-kv-xanh, .single-title .jet-gia-xanh, .jet-girls-new .jet-kv-xanh, .jet-girls-new .jet-gia-xanh
{background-color: #12a9ed!important}
.tax-girls .post-item .col-inner .jet-gia-xam, .tax-girls .post-item .col-inner .jet-kv-xam,
.box-info .jet-gia-xam, .box-info .jet-kv-xam, .bg-xam, .single-title .jet-kv-xam, .single-title .jet-gia-xam, .jet-girls-new .jet-kv-xam, .jet-girls-new .jet-gia-xam
{background-color: #c1bdbdb3!important}
.tax-girls .post-item .col-inner .jet-gia-datroi, .tax-girls .post-item .col-inner .jet-kv-datroi,
.box-info .jet-gia-datroi, .box-info .jet-kv-datroi, .bg-datroi, .single-title .jet-kv-datroi, .single-title .jet-gia-datroi, .jet-girls-new .jet-kv-datroi, .jet-girls-new .jet-gia-datroi
{background-color: #2936bf!important}


.col-xemnhieu > .col-inner, .col-moinhat > .col-inner{
	border: 1px solid #ccc;
}

.col-xemnhieu > .col-inner .tax-girls, .col-moinhat > .col-inner .tax-girls{
	padding: 5px;
}
	

.col-xemnhieu > .col-inner a, .col-moinhat > .col-inner a {
	font-size: 14px;
}


.col-xemnhieu > .col-inner h3, .col-moinhat > .col-inner h3 {
	padding: 10px 0
}

.col-xemnhieu .col , .col-moinhat .col {
	padding-bottom: 0;
}

.col-xemnhieu .col .col-inner , .col-moinhat .col .col-inner{
	border-bottom: 1px dashed #ccc;
	padding-top: 10px;
}

.taxonomy-girls .box, .taxonomy-girls .col-inner,  .taxonomy-girls img{
	border-radius: 10px;
}



.taxonomy-girls .col-inner .image-jet > a, .taxonomy-girls .col-inner {
	background-color: #000!important;
}

.taxonomy-girls img {
	height: 50vh
}

.taxonomy-girls .box-text{
	padding: 10px 0 0 0 ;
	background: #000;
}


.taxonomy-girls .box-text h5:hover a{
	color: red
}



.box-info div[class^="jet-gia-"], .box-info div[class^="jet-kv-"]{
	display: inline-block;
    padding: 0 5px;
    border-radius: 5px;
}

.kv-khac {
	border: 1px solid var(--blue);
	display: flex;
	align-items: center; 
	
	border-radius: 10px;
}

.kv-khac span{
	font-size: 25px;
	font-weight: 600;
	padding-left: 20px;
}

.kv-khac a {
	font-size: 13px;
	border-radius: 5px;
	padding: 0 8px;
	margin: 0 8px;
}

.single-kv-khac span {
	font-size: 25px;
	font-weight: 600;
}

.single-kv-khac a {
	font-size: 13px;
	border-radius: 5px;
	padding: 5px;
	display: inline-block;
	margin-bottom: 5px;
}

.section.jet-breadcums {
	padding: 0
}
.jet-breadcums .col {padding-bottom: 0; height:50px ; line-height: 50px}


.single-title {
	display: flex;
	align-items: center;
}

.single-title h5 {
	display: contents;
}

.single-info {
	border: 1px dashed #ccc;
	padding: 5px;
	font-size: 14px;
}

.single-info div, .single-info p{
	color: #9b9b9b;
	margin-bottom: 5px;
}

.single-info div span p{
	color: yellow
}

.callme img {
    opacity: 1;
    width: 20px;
    margin-right: 10px;
    animation: 1s ease-in-out 0s infinite normal none running callme;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 100%;
    background: rgb(255, 0, 0);
}

.callme strong {
	font-size: 22px;
}

.luuy {
	font-weight: 600;
}

.luuy p:before {
	content: "Lưu ý : ";
}

.luuy p {
	color : red;
}

.single .jet-sidebar h3 {
	text-align: center;
	border-bottom:1px solid #4a4a4a;
}

.single .jet-sidebar {
	background: #141414;
	border-radius: 10px;
	margin-top: 20px;
}

.single .jet-sidebar img {
	border-radius: 10px;
	border: 3px solid #fff
}

.jet-girls-new .col {
	padding-bottom: 0;
	
}

.jet-girls-new .col-inner {
	border-bottom: 1px solid #4a4a4a
}

.jet-girls-new .box-text-inner {
	display: flex;
	flex-flow: wrap;
	
}

.single-gallery {
	padding: 10px;
}

.jet-order-top {
	order: 1;
}

.jet-order-bot {
	order: 2
}

.gallery img {
	width: 100%;
}

.jet-girls-new .box-text-inner a {
	display: block;
	width: 100%;
}

#footer p {
	font-weight: 600;
	font-size: 15px;
}

#footer .ux-menu-link__link {
	padding-left: 0;
	transition: padding .3s ease-in-out;
	font-size: 14px;
} 

#footer .ux-menu-link__link:hover {
	padding-left: 10px;
}

.copyright-footer {
	color: #fff;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes callme {
	0% {
    transform: rotate(0deg) scale(1) skew(1deg);
    box-shadow: 1px 0px 12px 1px;
}

10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
    box-shadow: 1px 0px 12px 5px;
}

20% {
    transform: rotate(25deg) scale(1) skew(1deg);
    box-shadow: 1px 0px 12px 11px;
}

30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
    box-shadow: 1px 0px 12px 5px;
}

40% {
    transform: rotate(25deg) scale(1) skew(1deg);
    box-shadow: 1px 0px 12px 11px;

50% {
    transform: rotate(0deg) scale(1) skew(1deg);
    box-shadow: 1px 0px 12px 1px;
}

100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
}