/* 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 {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;
}


.page-id-813 .title-content.flex-col, .page-id-813 .title-breadcrumbs.pb-half.pt-half, .page-id-813 .title-breadcrumbs.pb-half.pt-half {display: none !important}

.page-id-813 .page-title-inner.container h1, .page-id-813 .page-title-inner.container p {text-align: center !important}

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;
}


/* 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: 225px;
    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 */

*booking */

#responsive-form{
	max-width:600px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}

#responsive-form .form-row .column-full .fas {position: absolute;    z-index: 100;    font-size: 20px;    top: 19%;    left: 2.8%;    color: green; opacity: 0.7;}
#responsive-form .form-row .column-full.text-full2 .fas {position: absolute;    z-index: 100;    font-size: 20px;    top: 5%;    left: 2.8%;    color: green; opacity: 0.7;}
#responsive-form .form-row .column-full .jos.far {position: absolute;    z-index: 100;    font-size: 20px;    top: 19%;    left: 51.5%;    color: green; opacity: 0.7;}
#responsive-form .form-row .column-full.text-full2  textarea.input-bd  {padding-left: 32px !important;    padding-right: 8px !important;    text-align: justify !important;}

textarea, select {font-size: 13px; font-weight: 500}

.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	/* padding: 0.65rem; */
padding-left: 5px; padding-right: 5px; padding-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}

.form-row input[type="tel"], .form-row input[type="text"], .form-row input[type="date"] {font-size: 13px !important;    width: 100%;
    max-width: 100%;    height: 34px;    padding: 3px 9px 3px 9px; padding-left: 32px}
.form-row input[type="radio"] {font-size: 11pt !important}
.form-row input[type=submit] {background: green}
.form-row input[type=email] {font-size: 13px !important; padding-left: 32px}

.form-row select {height: 32px; width: 49.179999%; border: 1px solid #1c5d00 !important; background: #fff !important; padding-left: 28px;}
.input-bd {border: 1px solid #1c5d00 !important; background: #fff !important; font-family: 'Roboto', sans-serif !important; font-style: normal !important; font-weight: 500 !important}
#commentform input[type=submit] {background: green}

.resform-ecd {text-align: justify; padding-top: 0px !important; padding-bottom: 0px !important; font-size: 12px; font-family: Muli; margin-top: -20px;}

.wpcf7 {padding: 0 0 0 0 !important}

.wpb_text_column.form-dat-xe-online {margin: 0}
/* end booking */