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: #d37700; 
}

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

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


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; 
	    color: red;
    font-size: 16pt;
    font-weight: 700;
}

.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;}
.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://vn.hoiantouristcar.com/wp-content/uploads/2026/01/Head-Background-2.jpg);
    background-position: right center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.all-3-div {
	background: url(https://vn.hoiantouristcar.com/wp-content/uploads/2026/01/Footer.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;
}
.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;
}
/* End Tet Holiday */