HTML,BODY{cursor: url("cur.cur"), url("cur.cur"), auto;}
body {
    font-family: 'Lato', 'Tahoma', sans-serif;
}

::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #004c38; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #004c38; 
}

/*------------------------------------------------------*/


table.tg-table {
    width: 100%;
    font-weight: 500;
    font-size: 19pt !important;
    border: 1px dotted #c0c0c0 !important;
}

table.tg-table td {
    border: 1px dotted #c0c0c0 !important;
    vertical-align: middle;
}
td.tbl-02 {
    width: 40%;
}

.btn_blue {
    background-color: #ca212a;
    margin-left: 0;
    color: #fff;
    display: inline;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 8px 10px 8px 10px;
    vertical-align: middle;
}

.btn_blue:hover {
    background: #006faf;
}

.btn_bluez { background-color: #006faf;}
.btn_bluez:hover {
    background: #ca212a;
}

.btn_blue a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none !important;
    font-family: 'Saira Condensed', sans-serif;
    font-weight: 600;
    font-size: 19px;
}


.span-inline {
    display: flex;
    justify-content: center;
    margin-top: 32px;
    margin-bottom: 32px;
}

#logo img {filter: drop-shadow(1px 1px 1px #000); max-width: 90%}
    .header-main {
             border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
#top-bar .flex-row.container {padding-left: 0; padding-right: 0}

.muc-3 .small-12 {
         flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
	text-align: center;
}

.muc-3 {text-align: center}
.muc-3 h3 {
	
	    font-size: 13pt;
    font-weight: 700;
    color: white;
	    background: #e12778;
	padding-top: 7px; padding-bottom: 3px;
}

.muc-3 img {max-width: 200px}
	
@media only screen and (max-width: 768px) { 
	.no-show-mobile { text-align: center;    font-size: 10pt; margin-bottom: 0	}
    .grid-for-home h2.h2-price {font-size: 40pt;}
	.muc-3 h3 {font-size: 10pt}
	.muc-3 .col-inner {padding: 0px 8px 0px 8px !important}
	.grid-for-home h2 {    font-size: 2em !important;}
	   .grid-for-home h2.h2-price {font-size: 30pt !important;}
	.banner h3 {font-size: 1.6em;  background: rgba(0, 0, 0, 0.6);   padding: 10px; line-height: 150%}
}

@media only screen and (max-width: 379px) { 
	.no-show-mobile, .muc-3 h3 {font-size: 9pt}
}

@media only screen and (max-width: 400px) { 
	.grid-for-home h2 {    font-size: 1.8em !important; }
}

@media only screen and (max-width: 500px) { 
.row.row-phone .col-inner, .row.row-phone .col-inner .button {display: inline-flex; margin: 0 auto;}
	.banner .button {padding-top: 10px !important}
}

.row.row-phone .col-inner .button:not(.icon)>i {top: -1px}

h1,h2,h3,h4,h5,h6 {    font-family: "Reem Kufi", sans-serif !important;  font-optical-sizing: auto;  font-weight: 400;  font-style: normal;}
h2.h2-nguyenhome  {
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
	 padding-top: 15px;
}
.img-slider-home {max-width: 350px}

.grid-for-home h2 {
    font-size: 2.5em;
	
}

.grid-for-home h2.h2-price {font-size: 40pt;  font-family: "Reem Kufi", sans-serif !important; }
.banner h3 {font-size: 1.6em;  background: rgba(0, 0, 0, 0.6);   padding: 10px; line-height: 150%}
.banner h2.h2-price {
	/* background: rgba(255,255, 255, 0.7); color: red; */
	text-shadow: 2px 2px 1px #fff;
	filter: drop-shadow(1px 3px 1px #000);
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    margin: 0 auto;
	font-weight: 700;
	color: red;
}

.banner .button {font-size: 13pt;  font-family: "Reem Kufi", sans-serif !important;}
.html.custom.html_topbar_left {font-family: "Reem Kufi", sans-serif !important;}


@media only screen and (min-width: 849px) {
.dpl-none, .alo-xinh, .custom-price-ha span {display: none !important}
	.grid-for-home h2.dpl-untill {
    font-size: 1.9em !important;
    line-height: 150%;
}
	}

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

	.blog-nguyen-post .is-small, .is-small.button {font-size: 1em}
			.box-text p {font-size: 1.3em}
}

.box-image .image-cover {    position: initial;}
.box-text .box-text-inner.blog-post-inner {padding: 15px}
.box-text .box-text-inner.blog-post-inner .is-xxsmall {font-size: 0.8em; padding: 7px}
.box-image .image-cover img {padding: 5px}
.from_the_blog_excerpt {text-align: justify}
.box-text-inner.blog-post-inner .is-large {    font-size: 1.2em; margin-top: .3em; color: #004a36;  text-transform: uppercase;}
.tag-label {
	background-color: rgba(19, 98, 1, .9); }

@media only screen and (max-width: 549px) { 
	.box-image .image-cover {height: 200px}
	.box-text-inner.blog-post-inner .is-large {font-size: 1.4em}
	.box-text p {font-size: 1.3em}
	#logo img {        max-height: 50px;    }
	    .header-main,  .stuck .header-main {        height: 67px !important;    }
	.stuck .header-main {border-top: 0 !important}
	
}
.alo-xinh {
	float: right;
	background: #007784;
	margin-right: 0;
}
.custom-price-ha  {
    position: absolute;
    z-index: 999;
    background: rgba(255, 255, 255, 0.7);
    border: 2px solid #007784;
    bottom: 15px;
    padding: 2px 10px 2px 10px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	text-align: center;
	font-family: "Reem Kufi", sans-serif !important; 
	/* font-family: "Bebas Neue", sans-serif !important; */
	color: red;
    font-size: 16pt;
    font-weight: 500;
}

.custom-price-ha span {
	
	
    font-size: 12pt !important;
    text-decoration: underline;
      padding-right: 5px;
		color: #777 !important;

	
}

.entry-header-text.entry-header-text-top.text-center {text-align: left; padding: 0}
.single.single-post .entry-category.is-xsmall a {
    background: #007784;
    padding: 5px;
    color: #fff;
}

.single.single-post .entry-header-text h1.entry-title {color: #004c38; text-transform: uppercase; font-weight: 500;
    padding-top: 15px; font-size: 17pt}
 /* .single.single-post .entry-header-text .entry-divider.is-divider {display: none} */

.display-none-all {display: none}
.dong-chu-thich-johnny {margin-bottom: 1.5em; text-align: justify; font-family: "Marmelad", sans-serif;}

.single.single-post .entry-category.is-xsmall a:hover {
    background: #e12778;

}
.entry-content.single-page {text-align: justify}

.all-3-div {display: inline-flex; position: fixed;    z-index: 9999;    bottom: 0; width: 100%; text-align: center; color: #fff; box-shadow: 1px 1px 8px 1px #fff;    border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 10.5pt; font-family: "Reem Kufi", sans-serif !important; }
.div-1, .div-2, .div-3 {width: 33.3333333%}

.nguyen-div-1, .nguyen-div-2, .nguyen-div-3 {background: #004c38; min-height: 39px; padding-top: 9px}
.nguyen-div-1, .nguyen-div-2 {border-right: 1px solid #fff}
.nguyen-div-2, .nguyen-div-3 {border-left: 1px solid #fff}

.absolute-footer {
    background-color: #004c38;
}

@media only screen and (min-width: 768px) {
	
	.all-3-div  {display: none}
}

@media only screen and (max-width: 768px) {
	.absolute-footer {margin-bottom: 40px}
}

/* call */
/* for call trap */

#calltrap-btn {
    background-color: #e12778;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 40px;
    line-height: 100px;
    opacity: 0.7;
    position: fixed;
    bottom: 170px;
    right: 23px;
    text-align: center;
    width: 40px;
    z-index: 9999;
    -webkit-animation: calltrap_opacity 3s infinite linear;
    -moz-animation: calltrap_opacity 3s infinite linear;
    -o-animation: calltrap_opacity 3s infinite linear;
    animation: calltrap_opacity 3s infinite linear;
}


 
#calltrap-btn.calltrap_offline {
    background-color: #e12778
}
 
#calltrap-ico {
    width: 20px;
    height: 20px;
    position: absolute;
    margin: auto;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 0;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-animation: uptocallmini 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini 1.5s 0s ease-out infinite;
    animation: uptocallmini 1.5s 0s ease-out infinite
}
 
#calltrap-ico:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    top: 0;
    left: 0;
    background-image: url("https://traditionalspahoian.com/wp-content/uploads/2023/03/phone-call.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: calltrap_spin 3s infinite linear;
    -moz-animation: calltrap_spin 3s infinite linear;
    -o-animation: calltrap_spin 3s infinite linear;
    animation: calltrap_spin 3s infinite linear
}
 




.calltrap_offline #calltrap-ico {
    -webkit-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    animation: uptocallmini_offline 1.5s 0s ease-out infinite
}
 
#calltrap-overlay {
    background-color: #191919;
    background-color: rgba(25, 25, 25, 0.9);
    position: fixed;
    z-index: 9998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    display: none
}
 
#calltrap-overlay .b-calltrap-overlay {
    display: table;
    width: 100%;
    height: 100%
}
 
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__body, #calltrap-overlay .b-calltrap-overlay__footer {
    display: table-row;
    padding: 0;
    margin: 0
}
 
#calltrap-overlay .b-calltrap-overlay__header-block, #calltrap-overlay .b-calltrap-overlay__body-block, #calltrap-overlay .b-calltrap-overlay__footer-block {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
 
#calltrap-overlay .b-calltrap-overlay__body-block {
    padding: 0 7px
}
 
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__footer {
    height: 1px
}
 
#calltrap-overlay .b-calltrap__container {
    background-color: white;
    border: 5px solid #e12778;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 0;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.3;
    position: relative;
    font-family: Tahoma, Arial, self-serif !important
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-overlay .b-calltrap__container {
        width: 290px
    }
}
 
#calltrap-overlay .b-calltrap__close {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
#calltrap-overlay .b-calltrap__close:hover {
    opacity: 1
}
 
#calltrap-success, #calltrap-form {
    display: block
}
 
#calltrap-success .b-calltrap_form__fields, #calltrap-form .b-calltrap_form__fields {
    margin: 20px 25px 35px
}
 
#calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
    font-size: 20px;
    margin: 0 0 17px;
    text-align: left
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
        padding-right: 20px
    }
}
 
#calltrap-success .b-calltrap_form__text, #calltrap-form .b-calltrap_form__text {
    text-align: left
}
 
#calltrap-success .b-calltrap_form__text p, #calltrap-form .b-calltrap_form__text p {
    margin: 0 0 0.55em
}
 
#calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 15px 0;
    height: 44px;
    line-height: 40px;
    background-color: white;
    border: 2px solid #ccc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: 100%;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
        margin-bottom: 13px
    }
}
 
#calltrap-success .b-calltrap_form__input.error, #calltrap-form .b-calltrap_form__input.error {
    background-color: #ffc0c0;
    color: red;
    border-color: red
}
 
#calltrap-success .b-calltrap_form__input:disabled, #calltrap-form .b-calltrap_form__input:disabled {
    background-color: #eee;
    border-color: #bdbdbd;
    cursor: default
}
 
#calltrap-success .b-calltrap_form__input:focus, #calltrap-form .b-calltrap_form__input:focus {
    border: 2px solid #e12778
}
 
#calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e12778;
    border: 2px solid #e12778;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 0;
    height: 44px;
    line-height: 40px;
    outline: medium none;
    display: inline-block;
    width: 180px;
    text-align: center;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
        width: 100%
    }
}
 
#calltrap-success .b-calltrap_form__submit:hover, #calltrap-form .b-calltrap_form__submit:hover {
    background-color: #1c658c
}
 
#calltrap-success .b-calltrap_form__submit:disabled, #calltrap-form .b-calltrap_form__submit:disabled {
    background-color: #bdbdbd !important;
    cursor: default
}
 
#calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
    margin: 20px 0 0;
    padding: 0;
    padding: 0 200px 0 0
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
        padding: 0
    }
}
 
#calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
    position: relative;
    float: right
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
        float: none
    }
}
 
#calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
    margin-left: -100%;
    width: 100%
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
        margin-left: 0
    }
}
 
#calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
    margin-right: -200px;
    overflow: visible;
    width: 200px;
    text-align: right
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
        margin-right: 0;
        width: auto;
        text-align: left
    }
}
 
#calltrap-success .b-calltrap_form__controls-clear, #calltrap-form .b-calltrap_form__controls-clear {
    clear: both
}
 
#calltrap-success {
    display: none
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit {
    background-color: #e12778
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit:hover {
    background-color: #2e8c1c
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__input:focus {
    border-color: #e12778
}
 
#calltrap-overlay.calltrap_offline .b-calltrap__container {
    border-color: #e12778
}
 
@-webkit-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-moz-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-o-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-webkit-keyframes calltrap_spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-moz-keyframes calltrap_spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-o-keyframes calltrap_spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@keyframes calltrap_spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-webkit-keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #e12778, 0 0 12px 10px transparent, 0 0 12px 14px #e12778;
        box-shadow: 0 0 8px 6px #e12778, 0 0 12px 10px transparent, 0 0 12px 14px #e12778
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-moz-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #e12778, 0 0 12px 10px transparent, 0 0 12px 14px #e12778
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-o-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #e12778, 0 0 12px 10px transparent, 0 0 12px 14px #e12778
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #e12778, 0 0 12px 10px transparent, 0 0 12px 14px #e12778;
        box-shadow: 0 0 8px 6px #e12778, 0 0 12px 10px transparent, 0 0 12px 14px #e12778
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-webkit-keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120;
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@-moz-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@-o-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #e12778, 0 0 12px 10px transparent, 0 0 12px 14px #e12778;
        box-shadow: 0 0 8px 6px #e12778, 0 0 12px 10px transparent, 0 0 12px 14px #e12778
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}




/* end call trap */

.tbl-02, .tbl-03 {
	
	    font-family: 'Saira Condensed', sans-serif;
    font-weight: 400;
	padding-left: 10px !important;
   font-size: .9em;
}

.tbl-03 {font-size: 25px; font-weight: 500}
.single.single-post .article-inner h2 {font-size: 1.2em; text-transform: uppercase; color: #00525b; padding-top: 5px}

.wp-caption .wp-caption-text {
    background: rgba(0, 76, 56, 1);
    font-size: .9em;
    font-style: normal;
    padding: .4em;
    color: #fff;
	padding-top: 0;
}

img.hinh-anh-baiviet {    border: 8px solid #004c38;}
.wp-caption {margin-bottom: 1em}

/* Tet Holiday */

.header-main, .stuck .header-main {
	background: url(https://xedananghoian.com/wp-content/uploads/2026/04/Head-Background-21.jpg);
    background-position: right center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.all-3-div {
	background: url(https://xedananghoian.com/wp-content/uploads/2026/04/Head-Background-21.jpg);
    background-position: right center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.nguyen-div-1, .nguyen-div-2, .nguyen-div-3 {background: transparent !important}
.all-3-div {color: #000; font-weight: 700}

.mobile-nav .header-button {filter: drop-shadow(1px 1px 5px #fff);}

.row-dashed .col:before, .row-solid .col:before {
	border-left: 1px dashed #e12778; }

.nguyen-div-1 .fas, .nguyen-div-2 .fas, .nguyen-div-3 .fab {font-size: 15pt; color: #fff}

.nav>li>a, a.plain {color: #fff}
.nav>li>a:hover, a.plain:hover {color: #e0dd00}

.secondary {
    background-color: #e12778;
}

.tag-label {
  	background-color: #d78a19; }


.has-hover:hover .tag-label {
	background-color: #00a2bb !important; }

.post-title a {color: #000;}
.post-title a:hover {color: #dd3333}

.is-divider {
	background-color: #e12778; }

.cap-nhat-time {
    font-family: "Marmelad", sans-serif;
    font-size: 10pt;
    margin-bottom: .9em;
}

.single.single-post .entry-content.single-page p, p.from_the_blog_excerpt, p.author-desc.small, .single.single-post .entry-content.single-page ul li, .single.single-post .entry-content.single-page ol li, .tbl-02, .tbl-03 {    font-family: "Marmelad", sans-serif;}
.tbl-02 {font-size:.8em}
p.author-desc.small {    font-size: 10pt;
    text-align: justify;}
.flex-row.align-top .mr {margin-right: 15px}
.entry-author.author-box { 
    border: 1px solid #d78a19;
    padding: 10px;
	margin-top: 20px;
}
.author-desc.small {margin-bottom: 0}
.tbl-03 {font-weight: 700}
.chen-trang-johnny {background: #eaeaea;
    padding: 10px;
	padding-top: 3px;
}
.single.single-post .post {margin-bottom: 0}
.chen-trang-johnny p {font-size: 11pt; margin-bottom: 0}

.wp-caption .wp-caption-text {
	background: #e28d0e; }
img.hinh-anh-baiviet {
    border: 8px solid #e28d0e;
}

.single.single-post .button.icon {
       margin-left: .25em;
	margin-right: .22em; }
.single.single-post .entry-content {padding-bottom: .5em}
footer.entry-meta.text-center a {background: #cecece; padding: 5px;     line-height: 240%;}
footer.entry-meta.text-center a:hover {background: #e28d0e; color: #fff}
.page-wrapper {padding-bottom: 0}
.entry-content.single-page h2.ong-noi {margin-bottom: 0}
.chen-trang-johnny p {color: green}
span.widget-title {
    font-family: "Reem Kufi", sans-serif !important;
}

@media screen and (min-width: 850px) {
    .row-large>.col, .row-large>.flickity-viewport>.flickity-slider>.col {
      
        padding: 0 11px 11px;
		margin-bottom: 10px;
    }
}
/* End Tet Holiday */

/* Follow */

    .jeg_socialcounter {
    flex-wrap: wrap;
    display: flex;
    align-items: flex-start;
}
    .jeg_socialcounter .fa {
    display: block;
    font-size: 28px;
    height: 32px;
    line-height: 32px;
    margin: 6px auto 3px;
}
    .jeg_socialcounter.col3 li {
    width: 33.333333333%;
}
.jeg_socialcounter li {
    float: left;
    text-align: center;
    margin: 0;
}

    .jeg_socialcounter li:hover a {
    background: #f7f7f7;
}
.jeg_socialcounter a {
    display: block;
    color: #53585c;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 6px 0;
    margin: 0 -1px -1px 0;
    transition: all .2s ease;
}


    .jeg_socialcounter li span {
        font-size: 16px;    }

.jeg_socialcounter li span {
    display: block;
     font-weight: 700;
    line-height: 1;
}
.jeg_socialcounter li small {
    color: #a0a0a0;
    font-size: 11px;
    line-height: 1;
}

small {
    font-size: 80%;
}

.jeg_socialcounter .jeg_facebook .fa {
    color: #45629f;
}
.jeg_socialcounter .jeg_twitter .fa {
    color: #5eb2ef;
}
.jeg_socialcounter .jeg_instagram .fa {
    color: #e4405f;
}
.jeg_socialcounter .jeg_vk .fa {
    color: #3e5c82;
}
.fa.fa-pagelines, .fa.fa-renren, .fa.fa-stack-exchange, .fa.fa-vk, .fa.fa-weibo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

.jeg_socialcounter .jeg_behance .fa {
    color: #1e72ff;
}

.fa.fa-behance, .fa.fa-behance-square, .fa.fa-delicious, .fa.fa-digg, .fa.fa-drupal, .fa.fa-joomla, .fa.fa-pied-piper-alt, .fa.fa-pied-piper-pp, .fa.fa-stumbleupon, .fa.fa-stumbleupon-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}
.jeg_socialcounter .jeg_youtube .fa {
    color: #c61d23;
}

.fa.fa-xing, .fa.fa-xing-square, .fa.fa-youtube {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}
.jeg_socialcounter .jeg_flickr .fa {
    color: #f07;
}

.jeg_socialcounter .jeg_soundcloud .fa {
    color: #ffae00;
}

.fa.fa-deviantart, .fa.fa-soundcloud, .fa.fa-spotify {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}
.jeg_socialcounter .jeg_rss .fa
 {
    color: #ff6f00;
}
[class*=jeg_] .fa {
    font-family: FontAwesome;
}

.fa.fa-adn, .fa.fa-bitbucket, .fa.fa-bitbucket-square, .fa.fa-dropbox, .fa.fa-flickr, .fa.fa-instagram, .fa.fa-stack-overflow {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}
.fa.fa-facebook, .fa.fa-twitter {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}
@media only screen and (max-width: 849px) {
    .jeg_socialcounter .fa {
        font-size: 30px;
    }
}

.widget-title {color: rgb(225, 39, 120);}
.wp-about-johnny {
    border: 1px solid #c0c0c0;
    padding: 10px;
    font-family: "Marmelad", sans-serif;
}

.wp-about-johnny ul li {    border-bottom: 1px dotted;}
@media screen and (min-width: 850px) {
	.wp-about-johnny ul li {font-size: 12pt}
}
.wp-about-johnny ul li {margin-bottom: 1em}
.wp-about-johnny ul li:last-child {margin-bottom: .5em}
.wp-about-johnny ul li {text-decoration: none;}
.wp-about-johnny ul li a {text-decoration: none;}

/* End Follow */

@media screen and (max-width: 849px) {
    .col {
        padding-bottom: 10px;
    }
}

.wp-about-johnny img {
    max-width: 80%;
    margin: auto;
    display: block;
     margin-bottom: 15px;
	margin-top: 10px;
}

h2.relpost_card_title { 
    font-family: "Marmelad", sans-serif !important;
    text-transform: uppercase !important;
	color: #fff !important;
	margin-bottom: 13px;
	font-weight: normal !important;
}

.nav-next, .nav-previous   {font-family: "Marmelad", sans-serif !important;
	text-transform: uppercase !important;}

.blog-share.text-center .is-outline { border-color: #dd3333;     color: #dd3333;}

@media screen and (max-width: 849px) {
	.nav-next, .nav-previous {font-size: 9.5pt}
	.back-to-top {display: block !important; bottom: 50px !important}
	
	.back-to-top.is-outline {
    border-color: #dd3333 !important;
    color: #dd3333 !important;
}
	
	.back-to-top.is-outline:hover {
      color: #fff !important;
}
		
}

.relpost-block-single {margin-bottom: 0 !important; padding-bottom: 0 !important;  background-color: #e79317 !important;}
.relpost-block-container {margin-top: 15px}
.relpost-block-single-text {height: auto !important}
.relpost-block-single:hover {background: #008c84 !important}
.footer.entry-meta {padding-top: 13px; padding-bottom: 13px}
.cac-tuyen-xe-kac .widget-title i {opacity: 1}

#footer #block_widget-2 ul li {font-size: 11pt; padding-top: 8px; list-style-type: circle;}
#footer #block_widget-2 ul li:first-child {padding-top: 0}
#footer #block_widget-2 ul li:last-child {margin-bottom: 20px}
ul.cac-dich-vu li {margin-left: 13px; font-family: "Marmelad", sans-serif !important;}

.absolute-footer {
    background-color: #ef9d24;
}

.footer-2 {

    background: #00264f url(https://vn.hoiantouristcar.com/wp-content/uploads/2026/01/Da-Nang-Airport-Background.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.footer-2 .single.single-post .button.icon {margin-right: .52em}
.footer-2 span.widget-title {
      color: #e28d0e;
	    background: rgba(255, 255, 255, .7);
	padding: 5px;
}

.all-3-div a {color: #fff}
.all-3-div a:hover {color: yellow}
.footer-2 .widget .is-divider { background: #e28d0e !important}

.footer-2 .recent-blog-posts a, .post_comments.op-7.block.is-xsmall {font-family: "Marmelad", sans-serif !important;}
.footer-2 .recent-blog-posts a:hover { color: #e28d0e;}
.post_comments.op-7.block.is-xsmall {font-size: 10.5pt}
.footer-2 .social-icons.follow-icons .button.icon {margin-right:.62em !important}

.footer-primary .menu-secondary-container ul.links li a {color: #000; font-weight: bolder;}
.footer-primary .menu-secondary-container ul.links li a:hover {color: #fff}
@media screen and (max-width: 849px) {
	.footer-2 .recent-blog-posts a {font-size: 13pt}
	
	.home.page .col.post-item {margin-bottom: 20px}
	.home.page .col.post-item:last-child {margin-bottom: 0}
	
}

@media screen and (max-width: 549px) {
	.johnny-top-mobile {margin-top: 10px}
	.banner .text-box.banner-layer h2 {font-size: 3.6em; line-height: 130%}
	.banner .text-box.banner-layer h4 {line-height: 130%}
}

@media only screen and (max-width: 549px) {
    .banner .text-box.banner-layer .button {
        padding-top: 4px !important;
    }
}

.section-title b {
    background-color: rgb(170, 12, 12);
    display: block;
    flex: 1;
    height: 2px;
    opacity: .5;
}

.section-title-container {
    margin-bottom: 0;
}

.home-johnny-row ul li {font-family: "Marmelad", sans-serif !important;}

@media screen and (min-width: 849px) {
	.home.page .blog-nguyen-post .col.post-item:last-child {padding-bottom: 0}
	}
.thong-tin-luu-tru {font-family: "Marmelad", sans-serif !important; font-size: 10pt}
.home.page form.wpcf7-form {margin-bottom: 0 !important}
.home.page .box-text-inner.blog-post-inner .is-large {margin-top: 0.5em}

.archive.category .taxonomy-description {font-family: "Marmelad", sans-serif !important; text-align: justify}
.archive.category .taxonomy-description ul, .archive.category .taxonomy-description ol {columns: 2; text-align: justify}
.archive.category .taxonomy-description ul li, .archive.category .taxonomy-description ol li {margin-left: 30px}

.archive.category .archive-page-header h1.page-title span::before {
  content: '\A'; /* Hexadecimal for a newline character */
  white-space: pre; /* Renders the newline character as a break */
}

.archive.category .archive-page-header h1.page-title span
{
    font-size: 20px;
    font-weight: 600;
      line-height: 150%;
}

.archive.category  .blog-wrapper.blog-archive {padding-top: 10px}
@media screen and (max-width: 849px) {
	.archive.category .taxonomy-description ul, .archive.category .taxonomy-description ol {columns: 1}
}

@media screen and (min-width: 1365px) {
	#main #content.blog-single .row.row-large, #footer .footer-widgets .row {    max-width: 1190px;}
	#main #content.blog-single .row-large>.col, #main #content.blog-single .row-large>.flickity-viewport>.flickity-slider>.col {padding: 0 15px 15px;}
}

/* Mobile Menu */
.mfp-content #main-menu.mobile-sidebar .nav.nav-sidebar.nav-vertical>li>a {    color: #ac6700;}
.mfp-content #main-menu.mobile-sidebar .nav.nav-sidebar.nav-vertical>li>a:hover {color: #d73009}

.nav>ul.sidebar-menu-tabs>li.active>a {color: #d73009}

.alone-p p {font-family: "Marmelad", sans-serif !important;
    text-align: justify;
	margin-bottom: .7em;
font-size: 11pt}

@media only screen and (max-width: 549px) {
    .banner .text-box.banner-layer .button {
        padding-top: 10px !important;
    }
}

.box-text .box-text-inner.blog-post-inner .is-xxsmall, #header #wide-nav .flex-row ul.header-nav li.menu-item a

 {
 
    font-family: "Libre Franklin", sans-serif;
	 font-weight: 500;
}
#header #wide-nav .flex-row ul.header-nav li.menu-item a:hover, #header #wide-nav .flex-row .nav-box > li.active > a {font-weight: 600 !important;}
#header #wide-nav .flex-row .nav>li>a>i {font-size: 17px; margin-top: -4px}
#header #wide-nav .flex-row .nav li.has-icon-left>a>i.icon-angle-down {margin-right: 0}

#header #wide-nav .flex-row .sub-menu.nav-dropdown a[href="https://vn.hoiantouristcar.com/danh-muc/thue-xe-tai-hoi-an/"], #header #wide-nav .flex-row .sub-menu.nav-dropdown a[href="https://vn.hoiantouristcar.com/danh-muc/thue-xe-tai-da-nang/"] {
    border-bottom: dotted #dd3333 1px;
    color: #dd3333;
	padding-bottom: 8px;
}

#header #wide-nav .flex-row .sub-menu.nav-dropdown a[href="https://vn.hoiantouristcar.com/danh-muc/thue-xe-tai-hoi-an/"]:hover, #header #wide-nav .flex-row .sub-menu.nav-dropdown a[href="https://vn.hoiantouristcar.com/danh-muc/thue-xe-tai-da-nang/"]:hover {
    border-bottom: dotted #dd3333 1px;
    background: #dd3333;
	color: #fff;
}

#header #wide-nav .flex-row .sub-menu.nav-dropdown a[href="https://vn.hoiantouristcar.com/danh-muc/thue-xe-tai-hoi-an/"] , #header #wide-nav .flex-row .sub-menu.nav-dropdown a[href="https://vn.hoiantouristcar.com/danh-muc/thue-xe-tai-da-nang/"]{margin-right: 10px; margin-left: 10px; text-align: center; font-family: "Libre Franklin", sans-serif;}

#header #wide-nav .flex-row .sub-menu.nav-dropdown .sub-menu.nav-dropdown-simple li a {font-family: "Libre Franklin", sans-serif; font-size: 11pt}

.nav-dropdown {padding-top: 6px; padding-bottom: 6px}

.nav-dropdown-simple .nav-column li>a:hover, .nav-dropdown.nav-dropdown-simple>li>a:hover {
    background-color: rgba(0, 0, 0, .07);
}

.sidebar-menu-tabs__tab.active .nav>li>a:hover, .nav.nav-sidebar .social-icons.follow-icons a, .sidebar-menu-tabs__tab.active a {color: #dd3333 !important;}

.nav.nav-sidebar .toggle {color: #ac6700 !important}
.sidebar-menu-tabs__tab.active {
    background-color: rgba(0, 0, 0, .12) !important;
}

ul.sidebar-menu-tabs li.sidebar-menu-tabs__tab a {
    color: #000;
}

.nav.nav-sidebar .header-search-form.search-form {
    padding: 10px !important;
    padding-bottom: 20px !important;
}

.nav.nav-sidebar .form-flat input:not([type=submit]) {    border-color: #dd3333;}

.nav.nav-sidebar .autocomplete-suggestion .search-name {font-family: "Marmelad", sans-serif !important; font-size: 11pt}

.mfp-content #main-menu.mobile-sidebar .nav.nav-sidebar.nav-vertical>li>a {font-size: 11pt !important;     font-family: "Libre Franklin", sans-serif !important;     font-weight: 500 !important;}

.flex-col.hide-for-medium .nav.header-nav ul.sub-menu.nav-dropdown {
	background: #fff url(https://vn.hoiantouristcar.com/wp-content/uploads/2026/01/background3_optimized1.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
background-position: right center; 
padding-right: 100px}


.mfp-content #main-menu.mobile-sidebar .nav.nav-sidebar.nav-vertical>li>a {padding-top: 10px; padding-bottom: 10px; font-weight: 600}

.nav-dropdown-simple .nav-column li>a:hover {
    background-color: rgba(221, 51, 51, .9);
	color: #fff;
}


.blog .article-inner .entry-header-text h2.entry-title, .archive.category .article-inner .entry-header-text h2.entry-title, .archive.tag .article-inner .entry-header-text h2.entry-title {text-align: center}


.blog .article-inner .entry-header-text h6.entry-category a, 
.archive.category .article-inner .entry-header-text h6.entry-category a, .archive.tag .article-inner .entry-header-text h6.entry-category a {
    padding: 10px;
    background: #dd3333;
    color: #fff;
}


.blog .article-inner .entry-header-text h6.entry-category a:hover, .archive.category .article-inner .entry-header-text h6.entry-category a:hover, .archive.tag .article-inner .entry-header-text h6.entry-category a:hover {
    padding: 10px;
    background: #ddaa00;
    color: #fff;
}

.blog .article-inner .entry-header-text h2.entry-title a, .archive.category .article-inner .entry-header-text h2.entry-title a, .archive.tag .article-inner .entry-header-text h2.entry-title a {color: #000; text-transform: uppercase}

.blog .article-inner .entry-header-text h2.entry-title a:hover, .archive.category .article-inner .entry-header-text h2.entry-title a:hover, .archive.tag .article-inner .entry-header-text h2.entry-title a:hover {color: #dd0000}

 .blog .article-inner .entry-header-text h2.entry-title, .archive.category .article-inner .entry-header-text h2.entry-title, .archive.tag .article-inner .entry-header-text h2.entry-title {
    margin-top: 1.1em;
    font-size: 16pt;
}

.blog .article-inner .entry-summary .text-center a.button, .archive.category .article-inner .entry-summary .text-center a.button, .archive.tag .article-inner .entry-summary .text-center a.button {font-family: "Libre Franklin", sans-serif; font-weight: 600}


.archive.category footer.entry-meta a, .blog footer.entry-meta a, .archive.tag footer.entry-meta a {background: #cecece; padding: 5px;     line-height: 240%;}
.archive.category footer.entry-meta a:hover, .blog footer.entry-meta a:hover, .archive.tag footer.entry-meta a:hover {background: #e28d0e; color: #fff}

@media screen and (max-width: 849px) { 
.blog .article-inner .entry-header-text h6.entry-category, 
	.archive.category .article-inner .entry-header-text h6.entry-category, .archive.tag .article-inner .entry-header-text h6.entry-category {text-align: center}
}

.blog .article-inner .dong-chu-thich-johnny, .blog .article-inner .entry-content .entry-summary p, .archive.category .article-inner .dong-chu-thich-johnny, .archive.category .article-inner .entry-content .entry-summary p, .archive.tag .article-inner .dong-chu-thich-johnny, .archive.tag .article-inner .entry-content .entry-summary p {text-align: justify !important}

.mfp-content .mobile-sidebar .sidebar-menu ul.nav-sidebar {
    background: #fff url(https://vn.hoiantouristcar.com/wp-content/uploads/2026/01/Khanh-11.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.sub-menu.nav-sidebar-ul.children {
    background: #fff url(https://vn.hoiantouristcar.com/wp-content/uploads/2026/01/Khanh-22.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.nav.nav-sidebar .toggle {font-family: "Libre Franklin", sans-serif; }
.sub-menu.nav-sidebar-ul.children .menu-item.menu-item-type-post_type a
{font-family: "Libre Franklin", sans-serif;
    text-transform: uppercase;    padding-left: 0;
    margin-left: 20px;
    margin-right: 30px;
border-bottom: 1px dotted;
    margin-bottom: 10px;
font-size: 11pt}

.nav.nav-sidebar .ttlienhe.wp-about-johnny ul li {margin-bottom: 1em}
.nav.nav-sidebar .ttlienhe.wp-about-johnny img {max-width: 65%}
.nav.nav-sidebar .ttlienhe.wp-about-johnny {border: 0}



@media only screen and (max-width: 549px) {
  .banner .text-box.banner-layer .button.khanhddc {
        padding-top: 2px !important;
    }
}

@media screen and (min-width: 850px) {
    .blog .large-9, .archive.tag .large-9, .archive.category .large-9, .single.single-post .large-9 {
        flex-basis: 70%;
        max-width: 70%;
    }
}

@media screen and (min-width: 850px) {
    .blog .large-3, .archive.tag .large-3, .archive.category .large-3, .single.single-post .large-3 {
        flex-basis: 30%;
        max-width: 30%;
    }
}
/* dat xe truc tuyen */
.page-id-758 h1.entry-title {text-transform: uppercase}
.page-id-758 .wp-about-johnny ul li {list-style: none; margin-left: 0}
.page-id-758 .wp-about-johnny ul {margin-bottom: 0}
.page-id-758 .is-divider.medium {margin-bottom: 0; margin-top: 0}
.page-id-758 .is-divider.small {    margin-bottom: 15px;    margin-top: 5px;}
p.pp-html-pp {margin-bottom: 0}
.pp-html-cc {margin-bottom: 0; padding-top: 20px}
.page-id-758 .page-wrapper {padding-top: 20px; padding-bottom: 0}
.page-id-758 .entry-content {padding-bottom: 0}
.page-id-758 #content.large-12.col {padding-bottom: 0}
.img-pccc img {margin-bottom: 10px}

@media screen and (max-width: 849px) {
	.page-id-758 #content.large-12.col {padding-bottom: 15px}
}
/* end dat xe truc tuyen */

/* Lien he */
.page-id-763 h1.entry-title {text-transform: uppercase}
.page-id-763 .wp-about-johnny ul li {list-style: none; margin-left: 0}
.page-id-763 .wp-about-johnny ul {margin-bottom: 0}
.page-id-763 .is-divider.medium {margin-bottom: 0; margin-top: 0}
.page-id-763 .is-divider.small {    margin-bottom: 15px;    margin-top: 5px;}
p.pp-html-pp {margin-bottom: 0}
.pp-html-cc {margin-bottom: 0; padding-top: 20px}
.page-id-763 .page-wrapper {padding-top: 20px; padding-bottom: 0}
.page-id-763 .entry-content {padding-bottom: 0}
.page-id-763 #content.large-12.col {padding-bottom: 0}
.img-pccc img {margin-bottom: 10px}
.page-id-763 .wp-about-johnny img {max-width: 40%}

@media screen and (max-width: 549px) { 
.page-id-763 .wp-about-johnny img {max-width: 60%}
	.page-id-763 .img-pccc img {margin-top: 20px}
}

/* End Lien He */

/* Gioi thieu, chinh sach */
.page-id-3 p, .page-id-761 p, .page-id-761 ol li {font-family: "Marmelad", sans-serif; text-align: justify}
.page-id-3 h2.wp-block-heading, .page-id-761 h2.wp-block-heading {
    font-size: 12pt;
    text-transform: uppercase;
    color: #ff6500;
}
/* End Gioi thieu, chinh sach */
.nav.top-bar-nav>li.active>a {color: yellow}
.footer-primary .menu-menu-tren-duoi-container ul.links li a {color: #000}
.footer-primary .menu-menu-tren-duoi-container ul.links li a:hover {color: #fff}


/* language */

.nav-wrapper {
  width: 100%;
   text-align: left;
	color: #fff;
	max-height: 21px;
}

  .sl-nav {
  display: inline;
}
.sl-nav ul {
  margin:0;
  padding:0;
  list-style: none;
  position: relative;
  display: inline-block;
}
.sl-nav li {
  cursor: pointer;
  padding-bottom:10px;
}
.sl-nav li ul {
  display: none;
}
.sl-nav li:hover ul {
  position: absolute;
  top:29px;
  right:-15px;
  display: block;
  background: #fff;
  width: 128px;
  padding-top: 0px;
  z-index: 1;
  border-radius:5px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li:hover .triangle {
  position: absolute;
  top: 15px;
  right: -10px;
  z-index:10;
  height: 14px;
  overflow:hidden;
  width: 30px;
  background: transparent;
}
.sl-nav li:hover .triangle:after {
  content: '';
  display: block;
  z-index: 20;
  width: 18px;
  transform: rotate(45deg) translateY(0px) translatex(10px);
  height: 18px;
  background: #fff;
  border-radius:2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li ul li {
  position: relative;
  text-align: left;
  background: transparent;
  padding: 10px 10px;
	padding-left: 15px;
	padding-top: 7px;
  padding-bottom:0;
  z-index: 2;
  font-size: 13px;
  color: #3c3c3c;
	font-family: "Marmelad", sans-serif;
}
.sl-nav li ul li:first-child {padding-top: 10px}

.sl-nav li ul li:last-of-type {
  padding-bottom: 5px;
}
.sl-nav li ul li span {
  padding-left: 5px;
}
.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
  color: #146c78;
}
.sl-flag {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  width: 15px;
  height: 15px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}
.flag-kr {
background: url('https://vn.hoiantouristcar.com/wp-content/uploads/2026/02/kr1.png');
  background-size: cover !important;
  background-position: center center;
}
.flag-usa {
  background-size: cover !important;
  background-position: center center;
  background: url('https://vn.hoiantouristcar.com/wp-content/uploads/2026/02/en1.png');
}
.flag-jp {
  background-size: cover !important;
  background-position: center center;
  background: url('https://vn.hoiantouristcar.com/wp-content/uploads/2026/02/jp1.png');
}
.flag-th {
  background-size: cover !important;
  background-position: center center;
  background: url('https://vn.hoiantouristcar.com/wp-content/uploads/2026/02/th1.png');
}
.flag-es {
  background-size: cover !important;
  background-position: center center;
  background: url('https://vn.hoiantouristcar.com/wp-content/uploads/2026/02/sp1.png');
}
.flag-cn {
  background-size: cover !important;
  background-position: center center;
  background: url('https://vn.hoiantouristcar.com/wp-content/uploads/2026/02/cn1.png');
}
.flag-vn {
  background-size: cover !important;
  background-position: center center;
  background: url('https://vn.hoiantouristcar.com/wp-content/uploads/2026/02/vn1.png');
}

.nav-small.nav>li.html>.sl-nav {
    font-size: .85em;
}
/* end language */

.mobile-sidebar .sidebar-menu .ttlienhe.wp-about-johnny ul li {width: 90%; margin-left: 10px}
.mobile-sidebar .sidebar-menu .ttlienhe.wp-about-johnny ul li:first-child {margin-left: 10px !important}

.grecaptcha-badge {visibility: hidden}
.wpcf7 form .wpcf7-response-output {
    text-align: justify;
    font-family: "Marmelad", sans-serif;
    line-height: 140%;
    margin-top: 10px;
    font-size: 11pt;
    padding-top: 10px;
    padding-bottom: 10px;
}

.johnny-mobile-home
{
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 6px;
    background: rgba(0, 0, 0, .7);
     max-width: 140px;
    padding-top: 4px;
    padding-bottom: 23px;
    padding-left: 8px;
    width: auto;
    padding-right: 8px;
}

.blog .article-inner .entry-content .entry-summary p { font-family: "Marmelad", sans-serif;}

p.zzz-chu-thich {margin-bottom: .5em}
p.zzz-chu-thich:last-child {margin-bottom: 0}

.header-bottom, .absolute-footer {
    background-color: #004c38 !important;
}