/* Let's get this party started */
::-webkit-scrollbar {
    width: 7px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.6); 

}
 
/* Handle */
::-webkit-scrollbar-thumb {

    background: rgba(50,127,173,1); 
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.6); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(50,127,173,1); 
}

html, body, p, ul, ol, blockquote, span {font-family: 'Mulish', sans-serif !important; text-align: justify;}
.text-white {padding: 20px}

.border1px {border: 10px solid #cce0e3}

h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 500; font-family: 'Fira Sans Condensed', sans-serif !important; text-align: justify;    line-height: 150%;
}
h1 {font-size: 15pt !important}
.text-white p, .text-white span, .text-white ul, .text-white ol, .text-white h1, .text-white h2, .text-white h3 {color: white}
.text-white ol, .text-white ul {list-style: none;}

.text-white ol li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.text-white ol li {margin-left: 1.1em}
.text-white hr {border-top: 1px solid #f2f2f2;     opacity: 0.5;}

.thong-tin {
    font-size: 18px !important;
    color: #e33a77;
    font-weight: 500;
    text-align: justify;
}

@media screen  and (max-width: 549px) {
	.thong-tin {
		font-size: 20px !important; }
	
}

li.header-social-icons .social-icons.follow-icons {margin-right: 10px}
ul.top-bar-nav.nav-right.nav-small.nav-divided {line-height: 170%}

ul.top-bar-nav.nav-right.nav-small.nav-divided .paddingr {padding-right: 4px}
ul.header-nav.header-nav-main.nav-left.nav-uppercase .paddingr {padding-right: 3px; font-size: .9em;}

.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
    color: rgba(0,140,160,1);
}


.fa, .fas {
    font-weight: 600;
}

.nav > li > a {
    font-family: "Fira Sans Condensed", sans-serif;
}

ul.header-nav.header-nav-main.nav-left.nav-uppercase.nav > li > a {
    font-weight: 400; font-size: 1em;
}


ul.nav-sidebar.nav-vertical.nav-uppercase > li > a {
    font-weight: 500; font-size: 1em;  font-family: "Fira Sans Condensed", sans-serif;
}


ul.nav-sidebar.nav-vertical.nav-uppercase .paddingr {padding-right: 3px; font-size: .9em;}



ul.nav-sidebar.nav-vertical.nav-uppercase li {    border-bottom: 1px solid #f5f7f7;      width: 93%;}

li.account-item.has-icon.menu-item, li.header-newsletter-item.has-icon {display: none}
ul.nav-sidebar.nav-vertical.nav-uppercase li.header-search-form.search-form.has-icon {display: none !important}

/* logo menu mobile */
li.menu-item-475 {border-top: 0 !important; border-bottom: 0 !important; margin-right: 20px !important;   background: transparent;    width: 100% !important;}
/* end logo */
.off-canvas .sidebar-menu {
    padding: 7px 0;
}


.nav:not(.nav-slide) .active>.children {
 
    left: 10px;
	padding-bottom: 20px;
	font-size: .94em;
}

.off-canvas-left .mfp-content {
	width: 305px;
	background-color: rgba(255,255,255,0.95);
	background-image:  url(/wp-content/uploads/2021/06/mobile-background_optimized.png);
	background-size: 100% auto;
	background-position: bottom center;
	background-repeat: no-repeat;
}


.nav-dropdown-has-border .nav-dropdown {
     font-size: .84em;
}

.nav-dropdown {min-width: 290px}


.section-title-main {
    font-family: 'Fira Sans Condensed', sans-serif !important;
    font-size: 17pt;
    font-weight: 500;
    color: #0180c7;
}

@media screen and (min-width: 845px) {
	
#menu-item-475 /* logo */, #menu-item-477 /* Cam Nang */, #menu-item-476 /* Kinh nghiem */, #menu-item-469 /* Gioi thieu */, #menu-item-470 /* Lien he */ {display: none}
	
	}

.back-to-top.button {font-size: .90em}
@media screen and (max-width: 849px) {
.footer-primary .menu-second-container ul#menu-second-1 {text-align: center; padding-top: 10px;
    padding-bottom: 10px; font-weight: 700}
	
	.back-to-top.button {font-size: .90em}
	
}

@media screen and (min-width: 850px) {
.footer-primary .menu-second-container ul#menu-second-1 {padding-top: 10px;    padding-bottom: 10px;}
	.footer-secondary {padding-top: 10px}
}

/* for header mobile */

@media (max-width: 549px) {
#masthead.header-main {
    height: 60px !important;
}

#masthead.header-main #logo img {
    max-height: 60px !important;
}

}

/* end header mobile */


.psub {text-align: justify; line-height: 140% !important; font-size: 11pt !important}
.psub2 {text-align: justify; line-height: 170% !important; font-size: 10pt !important;    color: rgba(255,255,255,0.5) !important;    margin-top: 10px !important; margin-bottom: 2px !important}
.psub3 {text-align: justify; line-height: 170% !important; font-size: 10pt !important;    color: rgba(255,255,255,1) !important;    padding: 10px !important; background: green}
.psub3 a {color: #fff; font-weight: 500}
.psub3 a:hover {color: yellow}

.tour-meta {
    background: #f0f0f0;
    border: solid 1px #ccc;
    border-left: solid 3px #14a6bc;
    padding: 15px 20px;
    border-radius: 10px;
    text-align: justify; line-height: 170% !important; font-size: .93em !important; color: rgba(40,170,0,1);
	margin-top: 20px;
}

.cac-tuyen-xe-khac {
    background: #f0f0f0;
    border: solid 1px #ccc;
    border-left: solid 3px #14a6bc;
    padding: 15px 20px;
    border-radius: 10px;
	font-weight: 600;
    text-align: justify; line-height: 230% !important; font-size: .92em !important;
	margin-top: 10px;
}

.cac-tuyen-xe-khac a {color: #4da5e4}
.cac-tuyen-xe-khac a:hover {color: #ff0000}

.col-bottom-2 .col.small-12.large-12 {padding-bottom: 0px;}
ul.nav-sidebar.nav-vertical.nav-uppercase li.menu-item-534 {border-bottom: 0}

.tour-meta ul {margin-bottom: 0; color: #000}

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


.btn {
    background-color: #14a6bc;
    margin-left: 0;
    color: #fff;
    display: inline;
    border-radius: 3px;
    font-family: 'Mulish', arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 8px 10px 8px 10px;
    vertical-align: middle;
}
.btn:hover {
	background-color: #ca212a; }

.btn a:hover {
    text-decoration: none !important;
	
}

.btn a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none !important;
    font-family: 'Fira Sans Condensed';
    font-weight: 400;
	font-size: 17px;
}


.backymt .col-inner {
	background: url(/wp-content/uploads/2021/06/yikrkbymt2_optimized.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

table td span, table td p {font-family: 'Roboto Condensed', sans-serif !important;}

table td {
    border: 1px solid #c0c0c0;
    padding: 5px 5px 5px 5px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table {
    width: 100%;
}

td.tbl-02 {
    width: 38%;
    font-size: 14pt;
    font-weight: 500;
	padding-left: 7px;
}

td.tbl-03 {
    font-size: 15pt;
    font-weight: 500;
	padding-left: 10px;
}



img.first-johnny-image {width: 80%; height: auto; padding: 8px}
.maxw464 img {max-width: 464px}
.maxw356 img {max-width: 356px}

#top-bar {
	
	background: url(/wp-content/uploads/2021/06/head-background_optimized.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


@media screen and (min-width: 850px) and (max-width: 1024px)
{
	img.first-johnny-image {padding-left: 0}
}

@media screen  and (min-width: 580px) and (max-width: 849px) 
{
	img.first-johnny-image {width: 100% !important; height: auto; padding: 0 !important; }
	.header-top {    width: 105%;    left: -15px;    border-bottom: 1px solid #ffb400;}
}

@media screen and (max-width: 579px) 
{
	img.first-johnny-image {width: 100% !important; height: auto; padding: 0 !important; }
	.header-top {    width: 108%; left: -15px;    border-bottom: 1px solid #ffb400; }
}


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


}



/* Code cho do phan giai khac */

@media screen and (min-width: 550px) and (max-width: 649px) {

	.medium-4, .medium-6 {
    max-width: 100%;
   flex-basis: 100%;
}
	
	
}


@media screen and (min-width: 650px) and (max-width: 949px) {

	.backymt.large-4     {max-width: 49.99999%;    -ms-flex-preferred-size: 49.99999%;    flex-basis: 49.99999%; }
	
	.backymt.forrow-block-last.large-4     {max-width: 99.99999%;    -ms-flex-preferred-size: 99.99999%;    flex-basis: 99.99999%; }
	
	.off-canvas-left .mfp-content {width: 365px}
	
}

@media screen and (min-width: 749px) and (max-width: 949px) { 

	.for-scrolly.cac-tuyen-xe-khac {line-height: 245% !important}
}


/* End code cho do phan giai khac */

/* for menu desktop UX Block */

ul.johnny-blocker li:first-child { margin-left: 1.3em !important;  margin-top: 1.5em; }
ul.johnny-blocker li {border-bottom: 1px solid #cecece; border-bottom-width: thin; margin-bottom: .6em; padding-bottom: 5px}

ul.johnny-blocker>li>a:hover {color: rgba(0,140,160,1);}
.johnny-ux { padding: 0 9.8px 12.6px !important; }

@media screen and (min-width: 850px) and (max-width: 900px) { 
	
	.nav-dropdown {min-width: 510px}
	.johnny-dp-none {display: none}
	.johnny-ux {max-width: 48%;    -ms-flex-preferred-size: 48%;    flex-basis: 48%;}
}



@media screen and (min-width: 901px) and (max-width: 1023px) { 
	
	.nav-dropdown {min-width: 555px}
	.johnny-dp-none {display: none}
	.johnny-ux {max-width: 48%;    -ms-flex-preferred-size: 48%;    flex-basis: 48%;}
	/* li#menu-item-457 .sub-menu.nav-dropdown {margin-left: -108px !important;} */
}


@media screen and (min-width: 1024px) {
	
	article.post {margin-bottom: 0px}
	
	.single-post .widget-area {
position:sticky;
position:-webkit-sticky;
top:15%;
		margin-top: 10px;
}
	
	ul.johnny-blocker .menu-item-name-462 a:after, ul.johnny-blocker .menu-item-name-458 a:after {    content: "Đặt nhiều";     background-color: #7a9c59;}
ul.johnny-blocker .menu-item-name-462 a:after, ul.johnny-blocker .menu-item-name-458 a:after {
display: inline-block;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
    letter-spacing: -.1px;
    margin-left: 4px;
    font-weight: normal;
    border-radius: 2px;
    color: #fff;
    padding: 6px 5px 5px 5px;
    position: relative;
	top: -2px; }

	
	
	.nav-dropdown {min-width: 685px}
	.johnny-dp-none {display: block; max-width: 21.33333%;    -ms-flex-preferred-size: 21.33333%;    flex-basis: 21.33333%;}
	.johnny-ux {max-width: 39.33333%;    -ms-flex-preferred-size: 39.33333%;    flex-basis: 39.33333%;}
	
	li#menu-item-457 .sub-menu.nav-dropdown {background: #fff url(/wp-content/uploads/2021/06/background3_optimized.jpg);
	background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: center right;
	}
	
	
}


/* end for menu desktop UX Block */

@media screen and (min-width: 850px) and (max-width: 1023px)
{
	
	.single-post .large-9, 	.single-post .large-3   { max-width: 85%;    -ms-flex-preferred-size: 85%;    flex-basis: 85%; margin: auto;}
	
	.single-post .post-sidebar.large-3.col {border-left: 0}
}



.single-post .widget-area .flex-col.flex-grow {font-size: .83em; text-align: justify}

.entry-header-text {
    padding: 5px 0 5px;
}


span.widget-title {
    font-size: .75em;
    font-weight: 600;
    background: green;
    padding: 10px;
    color: white;
}

.entry-header-text.text-center {
    padding-left: 0;
    padding-right: 0;
    text-align: justify;
}


.single-post .entry-divider.is-divider.small, .single-post .entry-category.is-xsmall, .single-post .entry-meta.is-xsmall, .single-post .post-date.badge-outline, .single-post .flex-col.mr-half, .single-post .entry-author.author-box, .single-post .widget-area .is-divider.small, .single-post .post_comments.op-7.block.is-xsmall {display: none; }

.single-post footer.entry-meta.text-center {line-height: 190%; text-align: justify !important}
.single-post .recent-blog-posts a {margin-bottom: 0}
.single-post .widget-area ul {margin-top: 20px}

 .single-post .recent-blog-posts a::before {
	 content: "\f14a"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
margin-right: 4px; }


.single-post h1.entry-title {text-transform: uppercase; color: green}

.single-post .blog-wrapper.blog-single.page-wrapper {padding-top: 10px;}


@media screen and (max-width: 1023px) {
.single-post .large-9 {padding: 0 30px 5px;}
	.single-post .widget-area .flex-col.flex-grow {font-size: 1em; }
	span.widget-title {font-size: .95em}
		.single-post .post-sidebar.large-3.col {padding-bottom: 0}
	.single-post .widget {margin-bottom: 0}
	.single-post .widget-area ul {background: #f9f9f9;        padding: 15px;    padding-top: 10px;    padding-bottom: 10px;}
}


/* for icon right */

#icon-fixed ul li {padding-bottom: 5px}

#icon-fixed {
    position: fixed;
    right: 20px;
    bottom: 67px;
    z-index: 10000;
}

#icon-fixed ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#icon-fixed ul li {
    margin-bottom: 4px;
}

#icon-fixed ul li a img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
	border: 4px solid #0180c7;
    background: #0180c7;
}

#icon-fixed ul li.whatapp-new a img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 4px solid #65bc54;
    background: #65bc54;
}

#icon-fixed ul li.line139 a img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 4px solid #06c755;
    background: #06c755;
}

#icon-fixed ul li.whatapp-ka a img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 4px solid #fbe300;
    background: #fbe300;
}
/* end for icon right */

/* for call trap */

#calltrap-btn {
    background-color: #2074a1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 40px;
    line-height: 100px;
    opacity: 0.7;
    position: fixed;
    bottom: 335px;
    right: 20px;
    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: #1CB2ED
}
 
#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("/wp-content/uploads/2021/06/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 #2074a1;
    -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 #2074a1
}
 
#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: #2074a1;
    border: 2px solid #2074a1;
    -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: #1CB2ED
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit:hover {
    background-color: #2e8c1c
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__input:focus {
    border-color: #1CB2ED
}
 
#calltrap-overlay.calltrap_offline .b-calltrap__container {
    border-color: #1CB2ED
}
 
@-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 #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    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 #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    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 #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    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 #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    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 #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED;
        box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED
    }
    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 */

/* language */

.nav-wrapper {
  width: 100%;
  padding-top: 6px;
	padding-left: 15px;
	background: #097200 url(https://traditionalspahoian.com/wp-content/uploads/2023/03/topbackground.jpg);
	background-repeat: no repeat;
	background-size: cover;
	background-position: center right;
    text-align: left;
	color: #fff;
	max-height: 35px;
}

  .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: 15px 15px;
  padding-bottom:0;
  z-index: 2;
  font-size: 15px;
  color: #3c3c3c;
}
.sl-nav li ul li:last-of-type {
  padding-bottom: 15px;
}
.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://traditionalspahoian.com/wp-content/uploads/flag/kr.png');
  background-size: cover !important;
  background-position: center center;
}
.flag-usa {
  background-size: cover !important;
  background-position: center center;
  background: url('https://traditionalspahoian.com/wp-content/uploads/flag/en.png');
}
.flag-jp {
  background-size: cover !important;
  background-position: center center;
  background: url('https://traditionalspahoian.com/wp-content/uploads/flag/jp.png');
}
.flag-th {
  background-size: cover !important;
  background-position: center center;
  background: url('https://traditionalspahoian.com/wp-content/uploads/flag/th.png');
}
.flag-es {
  background-size: cover !important;
  background-position: center center;
  background: url('https://traditionalspahoian.com/wp-content/uploads/flag/sp.png');
}
.flag-cn {
  background-size: cover !important;
  background-position: center center;
  background: url('https://traditionalspahoian.com/wp-content/uploads/flag/cn.png');
}
.flag-vn {
  background-size: cover !important;
  background-position: center center;
  background: url('https://traditionalspahoian.com/wp-content/uploads/flag/vn.png');
}
/* end language */

ul.mobile-nav li.html_nav_position_text:first-child {width: 100%; background:#0b71bf; padding: 7px; margin-right: 0; border-bottom: 1px solid #fff; text-align: center}

ul.mobile-nav li.html_topbar_left:last-child {margin-left: 0}
.languagetop a {color: #fff}

.onlyrights {
    position: fixed;
    z-index: 8;
    bottom: 50%;
    left: 0;
    opacity: 0.8;
}

.page-id-827 ul.mobile-nav li.html_topbar_left:last-child  {display: none}
.page-id-871 ul.mobile-nav li.html_topbar_left:last-child  {display: none}