:root{
	--color1:var(--primary-color);
	--color2:var(--fs-color-secondary);
	--cl-text:#502300;
	--fsz48: 48px;
	--fsz20: 20px;
}
.cta-box{
    #supportButton {
	    position: fixed;
	    bottom: 80px;
	    right: 5px;
	    color: var(--color1);
	    border: none;
	    cursor: pointer;
	    z-index: 100;
	    width: 64px;
	    height: 64px;
	    border-radius: 99px;
	    background: var(--color1);
	    box-shadow: 0 0 20px var(--color1);
	    svg{
	        margin-top: 13px;
		    margin-left: -2px;
	    }
    }
    #supportOptions {
	    display: none;
	    position: fixed;
	    bottom:170px;
	    right: 20px;
	    background-color: #fff;
	    border: 1px solid #ccc;
	    border-radius: 10px;
	    padding: 10px;
	    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	    z-index: 9999;
	    max-width: 230px;
	    strong	{
	    	color: var(--color1);;
	    }
	    .btn_tuvan{
	    	border: 10px;
	    	margin-top: 10px;
	    	a{
	    		color:var(--color1);;
	    		font-size: 16px;
    			font-weight: bold;
	    		>div{
	    			padding: 10px 10px 10px 40px;
	    			margin-bottom: 1px;
	    			background: #eee;
	    			position: relative;
	    			
	    			svg{
	    				position: absolute;
	    				top: 12px;
	    				left: 10px;
	    			}
		    		&:hover{
		    			background: #dcdcdc;
		    		}
		    	}
		    	&:first-child{
		    		border-radius: 10px 10px 0 0;
		    		div{
		    			border-radius: 10px 10px 0 0;
		    		}
		    	}
		    	&:last-child{
		    		border-radius:  0 0 10px 10px;
		    		div{
		    			border-radius:  0 0 10px 10px;
		    		}
		    	}
	    	}
	    }
	    #closeButton {
		    position: absolute;
		    top: -15px;
		    right: -15px;
		    cursor: pointer;
		    width: 30px;
		    height: 30px;
		    background: white;
		    border-radius: 99px;
		    text-align: center;
		    padding-top: 4px;
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	    }
    }
    .supportOption {
        margin-bottom: 10px;
    }  
}
header#header {
	div#masthead {
		padding: 5px 0;
		#logo{
			img{
			    max-height: 75px;
			}
		}
		.flex-col.hide-for-medium.flex-left.flex-grow {
			text-align: center;
			ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
		        margin: auto;
			    text-align: center;
			    width: fit-content;
			    background-color: var(--color1);
			    border-radius: 30px;
			    flex: none;
			    padding: 0px 20px;
			    display: flex;
			    >li{
			    	margin: 0;
			    	>a{
			    		color: #fff;
		    		    letter-spacing: .3px;
					    text-transform: uppercase;
					    font-size: 14px;
					    line-height: 1;
					    padding:20px 10px;
			    	}
			    	&:hover{
			    		background: var(--color2);
			    	}
			    }
			}
		}
		.logins {
			display: flex;
			.nav-item-button-login {
				margin: 0 15px;
				a{
					background: #fff;
					border-radius: 99px;
					border: 1px solid var(--color1);
					color: var(--color1);
					font-size: 14px;
					margin: 0;
					&:hover{
						background: var(--color1);
						color: #fff;
					}
				}
			}
			.nav-item-button.nav-item-button-register {
				margin-left: 0;
				a{
					border-radius: 99px;
					border: 1px solid var(--color1);
					font-size: 14px;
					margin: 0;	
				}
			}
		}
	}
}
.stuck {
	div#masthead {
		#logo img {
			max-height: 75px !important;
		}
	}
}
.title_bjola {
	margin-bottom: 0 !important;
	&.title_line{
		h2.section-title.section-title-center {
			margin-top: 0;
			&:before{
				display: none;
			}
		}
	}
	.section-title b{
		opacity: 0 !important;
	}
	h2.section-title.section-title-center {
		margin-top: 100px;
		&:before{
			content: "";
			background: url(assets/img/linetitle.png) center center no-repeat;
			background-size: contain;
			text-align: center;
			width: 100px;
			height: 100px;
			position: absolute;
			left: 50%;
			top: -100px;
			transform: translateX(-50%);
		}
		span.section-title-main {
			font-family: SVN-Bjola;
			font-size: 58px;
			color: #00887D;
		}
	}
	h3.section-title.section-title-center {
		span.section-title-main {
			font-family: SVN-Bjola;
			font-size: 30px;
			color: #00887D;
		}
	}
}
.sec_giatri {
	.desc_secgiatri {
		font-size: var(--fsz20);
		p{
			margin-bottom: 15px;
		}
	}
}
.sec_capdo {
	.bjola_title {
		h2,p{
			font-size: var(--fsz48);
			font-family: SVN-Bjola;
			margin-bottom:10px;
		}
		h3{
			font-size: 30px;
		}
	}
	.descripts {
		font-size: 18px;
	}
	a.button.primary {
		border: 2px solid var(--color1);
		background-color:var(--color1);
	    font-size: 20px;
   		font-weight: 700;
   		box-shadow: unset;
   		padding: 0 35px;
   		min-width: 200px;
   		letter-spacing: 1px;
   		&:hover{
   			background-color: #fff;
   			color: var(--color1);
   		}
	}
}
.sec_giaiphap {
	.giaiphap_sc {
		font-size: 18px;
	}
	.icon-box{
		.icon-box-text.last-reset {
			p{
				font-size: 18px;
				font-weight: bold;
				text-transform: uppercase;
			}
		}
	}
}
.secvissao {
	.clog_icon .col-inner{
		height: 100%;
		padding:40px 20px 20px;
		border-radius: 20px;
		background: var(--color1);
		.icon-box{
			img{
				height: 140px;
				object-fit: scale-down;
			}
		}
		.icon-box-text{
			.title_bjo{
				h3,p{
					font-size: 20px;
					font-family: SVN-Bjola;
					color: #fff;
				}
			}
		}
		.desc {
			p{
				font-size: 16px;
				color: #fff;
				text-align: justify;
			}
		}
	}
}
.secdoitac {
	.section-bg.fill {
	    background-image: linear-gradient(#fff, #e8f9f8 , #a8fff8 , #00887D);
	}
	.clog_img  {
		.col-inner{
			padding: 20px;
			background: #fff;
			border-radius: 20px;
			img{
				height: 220px;
				object-fit: scale-down;
			}
		}
	}
	.flickity-prev-next-button{
		opacity: 1;
	}
	ol.flickity-page-dots {
		display: none;
	}
}
.sec_doingu {
	.wsu-row-slider {
		.col .col-inner{
			background: #fff;
			border-radius: 20px;
			border: 1px solid #efefef;
			&:hover{
				box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
			}
			img{
				border-radius: 20px 20px 0 0;
			}
			.box-text{
				.name {
					p{
						font-size: 22px;
						font-weight: 600;
					}
				}
				.des p{
					font-size: 14px;
				}
			}
		}
		ol.flickity-page-dots{
			bottom: 0;
			li{
				border: 1px solid #999;
				background: #999;
			}
		}
	}
}
.sec_camnhan {
	.wsu-row-slider {
		ol.flickity-page-dots{
			bottom: 0;
			li{
				border: 1px solid #999;
				background: #999;
			}
		}
		.col .col-inner{
			border-radius: 20px;
			border: 1px solid var(--color1);
			padding: 30px;
			height: 100%;
			background: #fff;
			img{
				height: 45px;
				object-fit: scale-down;
			}
			.comment {
				font-size: 20px;
				font-weight: bold;
				min-height: 120px;
				text-align: center;
				line-height: 1.4;
			}
			.names{
				text-align: center;
				p{
					font-size: 16px;
					margin-bottom: 0;
				}
			}
		}
	}
}
footer#footer{
	.absolute-footer {
	     display: block !important; 
	}
	.absolute-footer.dark.medium-text-center.small-text-center {
	   background: #000;
	    padding: 36px 0 24px;
	}
	.row_form{
		background: var(--color1);
		padding: 40px 5px 5px;
		border-radius: 20px 20px 0 0;
		.col{
			padding-bottom: 10px !important;
		}
		.title_bjola span{
			color: #fff;
		}
	}
	
	.row_infoform {
		form.wpcf7-form.init{
			margin-bottom: 0 !important;
		}
		.col{
			padding-bottom: 10px;
			::placeholder{
				font-size: 14px;
				color: #999;
			}
			label{
				font-size: 20px;
				color: #fff;
				font-size: 14px;
				span{
					font-weight: 500;
					color: #fff;
					font-size: 14px;
				}
			}
			input:not(.wpcf7-submit){
				margin-bottom: 0;
				padding: 10px;
				border-radius: 5px;
				border: 1px solid #eee;
				box-shadow: unset;
			}
			input.wpcf7-form-control.has-spinner{
				margin: 10px auto 15px;
				border-radius: 99px;
				min-width: 150px;
				max-width: 200px;
				display: block;
				background: #fff;
				color: var(--color1);
			}
			span.wpcf7-spinner{
				display: none;
			}
		}
	}
	.border_top  {
		.imgs_sale  img{
			height: 250px;
			object-fit: scale-down;
		}
		.txt_countdown{
			display: flex;
		    flex-direction: row;
		    justify-content: center;
		    align-items: center;
		    p,span{
		    	margin-bottom: 0;
		    	font-size: 20px;
		    	color: #fff;
		    	font-style: italic;
		    	margin-top: 0;
		    }
		}
	}
	.txt_subkm {
		margin-top: 20px;
		p{
			font-weight: bold;
			font-size: 35px;
			color: #fff;
			margin-bottom: 0;
		}
	}
	div#vn-countdown {
	    justify-content: space-between;
	    align-items: center;
	    flex-wrap: nowrap;
	    gap: 15px;
	    div{
	    	background: #fff;
	    	padding:10px 20px;
	    	width: 60px;
	    	text-align: center;
	    	margin: 0 15px;
	    	border-radius: 7px;
	    	strong{
				display: block;
				font-size: 40px;
				margin-bottom: 0;
				line-height: 35px;
	    	}
	    }
	}
	.sec_menu {
		width: 110%;
	    margin-top: -15px;
	    margin-bottom: -25px;
	    margin-left: -5%;
    	transform: rotate(1.28deg);
    	.icons_ft {
    		.col-inner{
    			display: flex;
    			img{
    				padding: 5px;
    				
    			}
    		}
    	}
	    .section-content.relative {
		    background-color: #000;
		    width: 100%;
		    margin-left: auto;
		    margin-right: auto;
		    padding-top: 44px;
		    transform: rotate(-1.28deg);
		    .row{
		    	border-top: 1px solid var(--color1);
		    	padding-top: 30px;
		    	.col{
		    		padding-bottom:10px ;
		    		.title_ft {
		    			p{
		    				letter-spacing: .75px;
						    text-transform: uppercase;
						    border: 0 #0000;
						    margin-bottom: 5px;
						    font-size: 14px;
						    font-weight: 700;
    						line-height: 32px;
    						color: var(--color1);
		    			}
		    		}
		    		a.ux-menu-link__link.flex{
		    			min-height: 30px;
		    			padding-top: 5px;
		    			padding-bottom: 5px;
		    			border-bottom: 1px solid transparent;
		    			span{
	    				    margin-top: 5px;
						    font-size: 13px;
						    line-height: 16px;
						    text-decoration: none;
		    			}
		    		}
		    		.info_tt {
		    			margin-top: 15px;
		    			i{
		    				margin-right: 5px;
		    				max-width: 20px;
		    			}
		    			p{
		    				font-size: 13px;
						    line-height: 16px;
						    margin-bottom: 5px;
		    			}
		    		}
		    		.icon-box{
		    			align-items: center;
		    			.icon-inner img{
		    				background: var(--color1);
		    				
		    			}
		    			p{
		    				font-size: 13px;
						    line-height: 16px;

		    			}
		    		}
		    	}
		    	@media only screen  and (min-width: 850px){
		    		.col{
			    		padding-bottom:10px ;
			            flex-basis:20%;
	        			max-width:20%;
			    	}
		    	}
		    }
		}
	}
}
.sec_about  {
	.col_imgs{
		img{
			border-radius: 20px;
		}
	}
	.title_bjoja {
		h2, p{
		    margin-bottom: 10px;
		    font-size: 48px;
		    line-height: 1.2;
		    font-family: SVN-Bjola;
		}
	}
	&.sec_nangluc {
		
		.dessc {
			margin: 25px 0;
			p{
				font-size: 20px;
			}
		}
		.btn_nangluc {
			clear: none;
		    color: #fff;
		    text-align: center;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		    white-space: nowrap;
		    object-fit: fill;
		    border-radius: 30px;
		    flex: none;
		    order: 0;
		    align-self: auto;
		    margin-bottom: auto;
		    padding: 11px 40px;
		    font-size: 18px;
		    font-weight: 700;
		    line-height: 18.5px;
		    transition: all .2s;
		    display: inline-block;
		    position: static;
		}
		
	}
	&.sec_tamnhin {
		.desc {
			margin: 25px 0;
			p{
				font-size: 20px;
			}
		}
	}
	&.sec_sumenh {
		.section-content.relative {
			&:before{
			    content: "";
			    position: absolute;
			    min-height: 90px;
			    height: 90px;
			    width: 1220px;
			    background-image: url(assets/img/CustomTop2.svg);
			    background-repeat: no-repeat;
			    background-color: #fff;
			    background-position: 50% 50%;
			    background-size: 100% 100%;
			    margin: auto;
			    left: 0;
			    right: 0;
			    top: -89px;
			}
			&:after{
			    content: "";
			    position: absolute;
			    min-height: 90px;
			    height: 90px;
			    width: 1220px;
			    background-image: url(assets/img/CustomTop2.svg);
			    background-repeat: no-repeat;
			    background-color: #fff;
			    background-position: 50% 50%;
			    background-size: 100% 100%;
			    margin: auto;
			    left: 0;
			    right: 0;
			    transform: rotate(-180deg);
			}
		}
		.row_sumenh {
			background-color: var(--color1);
		    width: 100%;
		    margin-left: auto;
		    margin-right: auto;
		    padding: 30px 75px 10px;
		    max-width: 1220px;
		    color: #fff;
		    .title_bjoja h2{
		    	color: #fff;
		    }
			.dessc {
				margin: 25px 0;
				p{
					font-size: 20px;
					color: #fff;
				}
			}
			.col_imgs {
				
				.img{
					width: 125% !important;
					margin-left: 60px;
				}
			}
			.icon-box{
				.icon-box-text {
					p{
					    margin-top: 0;
				   	 	margin-bottom: 0;
				    	font-family: SVN-Bjola;
				   	 	font-size: 22px;
    					line-height: 1.3;
					}
				}
			}
		}
	}
	&.sec_hesinhthai{
	  	.section-bg.fill {
	  		background-image: linear-gradient(rgba(255, 255, 255, 0) 5%, #00887D 35%, #a5fbf4 65%, rgba(255, 255, 255, 0) 95%);

	  	}
	  	.row{
	  		max-width: 1220px;
	  		background: #fff;
	  		border-radius: 20px;
	  		padding:50px 30px 30px;
	  		.desc p{
	  			text-align: center;
	  			font-size: 20px;
	  		}
	  		.col_hst .col-inner{
	  			img{
	  				border-radius: 20px;
	  			}
	  			.title {
	  				h3,p{
		  				text-align: center;
		  				font-size: 30px;
		  				color: #000;
		  				font-family: SVN-Bjola;
		  				margin-bottom:10px;
		  			}
	  			}
	  			.title_desc p{
	  				font-size: 16px;
	  			}
	  		}
	  	}
	}
}

.sec_kh {

    background-image: url(assets/img/sclouds.svg), linear-gradient(rgba(223, 223, 223, 0%) 0, #e8f9f8 9%, #a8fff8 77%, #00887D, rgba(223, 223, 223, 0%) 100%);
    background-position: 0 -210px, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 100%, auto;
    .title_bjola {
    	h2{
   		    margin-top: 60px;
		    margin-bottom: 20px;
		    font-family: SVN-Bjola;
		    font-size: 52px;
		    font-weight: 400;
		    line-height: 1.25;

    	}
    }
    .desc {
    	p{
    		font-size: 20px;
    	}
    }
    .btn_Scrolldown{
	    margin: auto;
	    text-align: center;
	    width: fit-content;
	    border: 1px solid;
	    padding: 10px 50px 10px 25px;
	    border-radius: 99px;
	    border: 1px solid var(--color1);
	    background: var(--color1);
	    p{
	    	font-size: 20px;
	    	text-transform: uppercase;
	    	color: #fff;
	    	margin-bottom: 0;
	    	font-weight: 600;
	    	position: relative;
	    	&:after{
	    		content: "";
			    border-top: 10px solid #fff;
			    border-right: 8px solid transparent;
			    border-left: 8px solid transparent;
			    position: absolute;
			    right: -25px;
			    top: 12px;
	    	}
	    }
	    &:hover{
	    	background: #fff;
	    	p{
	    		color: var(--color1);
	    	}
	    }
    }
    .row_content {
    	.clog_img{
    		img{
    			border-radius: 20px;
    		}
    	}
    	.clog_txt .col-inner{
    		background: var(--color1);
    		padding: 30px;
    		height: 100%;
    		border-radius: 20px;
    		.title_bjola {
		    	h2{
		   		    margin-top: -5px;
				    margin-bottom:0px;
				    font-family: SVN-Bjola;
				    font-size: 52px;
				    font-weight: 400;
				    line-height: 1.25;
				    color: #fff;
		    	}
		    }
		    .desc p{
		    	font-size: 24px;
		    	font-weight: 600;
		    	margin-bottom: 10px;
		    	color: #fff;
		    }
		    .txt_level {
		    	font-size: 20px;
		    	color: #fff;
		    	p{
		    		font-size: 20px;
		    		color: #fff;
		    		margin-bottom: 10px;
		    	}
		    	strong{
		    		padding: 2px 15px;
		    		background: #fff;
		    		border-radius: 50px;
		    		color: var(--color1);
		    		min-width: 65px;
		    		display: inline-block;
    				text-align: center;
    				margin-right: 5px;
		    	}
		    }
		    a.button.primary.is-outline.lowercase{
		    	border:1px solid #fff;
		    	margin-top: 10px;
		    	margin-bottom: 0;
		    	span{
		    		color: #fff;
		    	}
		    	&:hover{
		    		background: #fff;
		    		span{
		    			color: var(--color1);
		    		}
		    	}
		    }
		    .sub_lv {
		    	p{
		    		font-size: 16px;
		    		color: #fff;
		    		margin-bottom: 5px;
		    	}
		    }
		    .boldtext {
		    	p{
		    		margin-bottom: 5px;
		    		font-weight: 600;
		    		color: #fff;
		    		font-size: 18px;
		    	}
		    }
    	}
    }
}
.cat_news  {
	.col.post-item {
		.box {
			.box-image{
				img{
					border-radius: 20px;
				}
			}
			.box-text{
				.box-text-inner.blog-post-inner {
				    display: flex;
				    flex-direction: column;
				    .post-meta.is-small.op-8{
				    	order: 1;
					    text-align: left;
					    margin: 0;
					    font-size: 16px;
					    color: #333;
				    }
				    .post-title {
						order:2;
						a{
							font-size: 18px;
							font-family: SVN-Bjola;
							color: var(--color1);
						}
					}
				}		
				p.from_the_blog_excerpt{
					order: 3;
					overflow: hidden;
					text-overflow: ellipsis;
					line-height: 20px;
					-webkit-line-clamp: 3;
					height: 60px;
					display: -webkit-box;
					-webkit-box-orient: vertical;
				}
			}
		}
	}
}
@media only screen and (max-width: 850px ) and (min-width: 550px){
    #logo img {
        max-height: 55px !important;
    }
    .slide_banner{
    	ol.flickity-page-dots {
    		li{
    			height: 2px !important;
    			border: 2px solid #111;
    		}
    	}
    }
    .title_bjola {
    	h2.section-title.section-title-center span.section-title-main {
    		font-size: 40px;
    	}
    }
    .sec_giatri .desc_secgiatri p{
    	font-size: 16px;
    }
    .sec_capdo  {
    	
    	.bjola_title h2, .bjola_title p{
    		font-size: 38px;
    	}
    	.descripts{
	    	font-size: 16px;
	    }
    	a.button.primary{
    		font-size: 15px;
    		padding: 5px 20px;
    		min-width: 150px;
    		span{
    			font-size: 15px;
    		}
    	}
    }
    footer#footer .sec_menu .section-content.relative .row .col {
    	padding-left: 45px;
    }
    .sec_about {
    	.title_bjoja h2, .title_bjoja p {
    		font-size: 40px;
    	}
    	.btn_nangluc{
    		font-size: 16px;
    		padding: 5px 20px;
    		min-width: 150px;
    		span{
    			font-size: 16px;
    		}
    	}
    }
    .sec_about.sec_sumenh {
    	.section-content.relative{
    		&:before{
	    		width: calc(100vw - 15px);
		        top: -89px;
		        z-index: -1;
    		}
    		&:after{
		        width: calc(100vw - 15px);
				bottom: -89px;
		        z-index: -1;

    		}
    	}
    	.row_sumenh{
    		padding: 40px 10px;
    		.dessc p{
    			font-size: 16px;
    		}
    		.col_imgs .img{
    			width: 100% !important;
    			margin-left: 0 !important;
    		}
    	}
    }
    .sec_capdo .bjola_title h2, .sec_capdo .bjola_title p {
    	font-size: 27px;
    }
    .sec_kh .title_bjola h2{
    	font-size: 42px;
    }
    .sec_kh .btn_Scrolldown {
    	padding: 5px 20px;
    	p:after {
    		display: none;
    	}
    }
    .sec_kh .row_content .clog_txt .col-inner .title_bjola h2 {
    	font-size: 32px;
    }
    .sec_kh .btn_Scrolldown p {
    	font-size: 16px;
    }
    .row_form  {
    	.border_top {
    		
    		padding-top: 25px;
    	}
    }
    .local-map-results.row {
    	flex-direction: column-reverse;
    	div#map {
		    height: 350px !important;
		    width: calc(100vw - 30px) !important;
		}
    }
    .local-map-filters {
    	margin-bottom: 0 !important;
    }
    .local-map-filters{
    	margin-bottom: 0;
    	select,input#keyword-search{
    		margin-bottom: 0;
    	}
    	button#reset-filters{
    		margin-right: 0;
    	}
    }
    .leaflet-popup-content-wrapper, .leaflet-popup-tip {
    	width: 310px;
    }
}
.article-inner{
	.entry-header-text.entry-header-text-top.text-center {
		margin-bottom: 0;
		padding-bottom: 0;
		h1.entry-title {
			font-size: 36px;
			font-family: SVN-Bjola;
			margin-bottom: 0;
		}
	}
}
@media only screen and (max-width: 550px ){
    #logo img {
        max-height: 55px !important;
    }
    .slide_banner{
    	ol.flickity-page-dots {
    		li{
    			height: 2px !important;
    			border: 2px solid #111;
    		}
    	}
    }
    .title_bjola {
    	h2.section-title.section-title-center span.section-title-main {
    		font-size: 40px;
    	}
    }
    .sec_giatri .desc_secgiatri p{
    	font-size: 16px;
    }
    .sec_capdo  {
    	
    	.bjola_title h2, .bjola_title p{
    		font-size: 38px;
    	}
    	.descripts{
	    	font-size: 16px;
	    }
    	a.button.primary{
    		font-size: 15px;
    		padding: 5px 20px;
    		min-width: 150px;
    		span{
    			font-size: 15px;
    		}
    	}
    }
    footer#footer .sec_menu .section-content.relative .row .col {
    	padding-left: 45px;
    }
    .sec_about {
    	.title_bjoja h2, .title_bjoja p {
    		font-size: 40px;
    	}
    	.btn_nangluc{
    		font-size: 16px;
    		padding: 5px 20px;
    		min-width: 150px;
    		span{
    			font-size: 16px;
    		}
    	}
    }
    .sec_about.sec_sumenh {
    	.section-content.relative{
    		&:before{
	    		width: 100vw;
	    		top: -40px;
	    		z-index: -1;
	    		 min-height: 20px;
	    		 height: 40px;
    		}
    		&:after{
		        width: 100vw;	       
		        min-height: 20px;
		        z-index: -1;
		        height: 40px;

    		}
    	}
    	.row_sumenh{
    		padding: 40px 10px;
    		.dessc p{
    			font-size: 16px;
    		}
    		.col_imgs .img{
    			width: 100% !important;
    			margin-left: 0 !important;
    		}
    	}
    }
    .sec_capdo .bjola_title h2, .sec_capdo .bjola_title p {
    	font-size: 27px;
    }
    .sec_kh .title_bjola h2{
    	font-size: 42px;
    }
    .sec_kh .btn_Scrolldown {
    	padding: 5px 20px;
    	p:after {
    		display: none;
    	}
    }
    .sec_kh .row_content .clog_txt .col-inner .title_bjola h2 {
    	font-size: 32px;
    }
    .sec_kh .btn_Scrolldown p {
    	font-size: 16px;
    }
    .row_form  {
    	.border_top {
    		border-top: 1px solid #00675e;
    		padding-top: 25px;
    	}
    }
    .local-map-results.row {
    	flex-direction: column-reverse;
    	div#map {
		    height: 350px !important;
		    width: calc(100vw - 30px) !important;
		}
    }
    .local-map-filters {
    	margin-bottom: 0 !important;
    }
    .local-map-filters{
    	margin-bottom: 0;
    	select,input#keyword-search{
    		margin-bottom: 0;
    	}
    	button#reset-filters{
    		margin-right: 0;
    	}
    }
    .leaflet-popup-content-wrapper, .leaflet-popup-tip {
    	width: 310px;
    }
}
.tab_pill {
	position: relative;
	h4.uppercase.text-left {
		width: fit-content;
		float: left;
		margin: 0;
		padding: 0;
		text-transform: capitalize;
		color: #fff;
		font-weight: 500;
	}

	ul.nav.nav-pills.nav-uppercase.nav-size-normal.nav-left {
	    float: left;
	    width: fit-content;
	    margin-top: -5px;
	    margin-left: 10px;
	    li {
	    	a{
	    	    padding: 2px 15px;
			    background: #fff;
			    border-radius: 50px;
			    
			    min-width: 65px;
			    display: inline-block;
			    text-align: center;
			    margin-right: 5px;
			    span{
			    	background: transparent;
			    	color: #000;
			    	font-size: 18px;
			    }
		    }
		    &.active,&:hover{
		    	a span{
					color: var(--color1);
		    	}
		    }
	    }
	}
}
#vn-countdown strong {
    animation: colorChange 3.5s ease-in-out infinite;
}

@keyframes colorChange {
    0%   { color: #b12127; }
    50%  { color: #dc0000; }
    100% { color: #b12127; }
}

@media only screen and (max-width: 550px){
	body .stuck div#masthead #logo img{
		    max-height: 60px !important;
	}
}
@media only screen and (max-width:1250px) and (min-width:1054px){
	#logo {
		width: 135px !important;
	}
	header#header div#masthead .logins .nav-item-button-login{
		margin: 0 5px;
		a{
			font-size:12px;
		}
	}
	header#header div#masthead .logins .nav-item-button.nav-item-button-register a{
		font-size:12px;
	}
	header#header div#masthead .flex-col.hide-for-medium.flex-left.flex-grow ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
		padding:0 10px;
		li{
			a {
				padding: 20px 10px;
				font-size: 13px;
			}
		}
	}
}
@media only screen and (max-width:1050px) and (min-width:850px){
	#logo {
		width: 125px !important;
	}
	header#header div#masthead .logins .nav-item-button-login{
		margin: 0 5px;
		a{
			font-size:10px;
		}
	}
	header#header div#masthead .logins .nav-item-button.nav-item-button-register a{
		font-size:10px;
	}
	header#header div#masthead .flex-col.hide-for-medium.flex-left.flex-grow ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
		padding:0 10px;
		li{
			a {
				padding: 20px 5px;
				font-size: 11px;
			}
		}
	}
	.title_bjola h2.section-title.section-title-center span.section-title-main{
		font-size:40px;
	}
	:root {
		--fsz48: 38px;
		--fsz20: 20px;
	}
}