/* ========== MENU CHINH ========== */
.menu{display:inline-block;vertical-align:top;margin:0 auto;}
.menu ul, .menu ol{margin:0;padding:0;list-style:none;}
.menu ul{/*position:relative;*/}
.menu ul li{float:left;position:relative;text-align:left;padding:0 20px;
    display:flex;
    align-items:center;
    gap:4px;}
.menu ul li.tmnu{display:none;}
.menu > ul > li a{position:relative;display:flex;margin:0;padding:0;font:600 20px/50px Inter, sans-serif;color:#044480;text-decoration:none;}
.menu ul > li i{font-size:17px;font-weight:700;display: flex;color:#044480;}
.menu ul > li i.mmn{}
.menu ul li:hover > a{color:#e27d23;}
.menu ul li:hover > i{color:#e27d23;}
.menu ul li a:active, .menu ul li.active a:active{color:#e27d23;}
.menu ul li:last-child ul{right:0;}
.menu ul ul, .menu .mega_menu{
	position:absolute;
	top:60px;
	visibility:hidden;
	opacity:0;
	z-index:997;
	background:#fff;
    border-left: solid 0px #232323;
    border-right: solid 0px #232323;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 3px 3px rgba(45,45,45,.3);
    -moz-box-shadow: 0 3px 3px rgba(45,45,45,.3);
    box-shadow: 0 3px 3px rgba(45,45,45,.3);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	border-radius:10px;
	overflow:hidden;
	padding:10px 0;
	}
/* ========== MEGA MENU ========== */		
.menu .mega_menu{
	padding:9px 0 9px;
	border:none;
	border-top:solid 0 #004b09;
	border-bottom:solid 0 #004b09;
	}
/* ========== CLASSIC/MEGA MENU ON MOUSEOVER ========== */
.menu ul li:hover > ul{top:50px;visibility:visible;opacity:1;}
.menu ul li:hover .mega_menu{top:50px;visibility:visible;opacity:1;}
/* ========== LINKS IN CLASSIC MENU ========== */	
.menu ul ul li{float:none;position:relative;padding:0 10px}
.menu ul ul li a{
	position:relative;
	background:rgba(255,255,255,1);
	min-width:220px;
	height:auto;
	margin:0;
	padding:8px 15px;
	font:400 16px/20px Inter, sans-serif;
	color:#6f7378;
	text-transform:none;
	border-bottom:#ccc 0px dotted;
	border-right:none;
	white-space:nowrap;
	border-radius:10px;
	overflow:hidden;
	}
.menu ul ul li:last-child a{border-bottom:dotted 0px #d2d2d2;}	
.menu ul ul li a i{position:absolute;right:12px;}
/* ========== LINKS ON MOUSEOVER IN CLASSIC MENU ========== */
.menu ul ul li:hover > a{background:#e8f2fb;}
	
/* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */
.menu ul ul li a:active{background:#e8f2fb;}
/* ========== CLASSIC MENU LVL 2,3,4,... ========== */	
.menu ul ul ul li:first-child a{}
.menu ul ul ul{left:100%;top:20px;
	-webkit-box-shadow: 1px 0px 1px rgba(50, 50, 50, 0);
	-moz-box-shadow:    1px 0px 1px rgba(50, 50, 50, 0);
	box-shadow:         1px 0px 1px rgba(50, 50, 50, 0);
	border:solid 1px #e0e0e0;
	border-top:solid 0px #e0e0e0;
	border-left:solid 0px #e0e0e0;
	}
.menu ul ul li:hover ul{left:100%;top:0px;}
.menu ul ul ul li a{border-left:solid 1px #e0e0e0;border-bottom:solid 1px #e0e0e0 !important;}
.menu ul ul ul li:first-child a{border-left:solid 0px #e0e0e0 !important;}
.menu ul ul ul li:last-child a{border-bottom:solid 0px #e0e0e0 !important;}

/* ========== DIFFERENT SIZE OF MEGA MENU ========== */
.menu .full_width{width:100%;left:0;padding:25px;}
.menu .full_width .mnbox{display:block;}
.menu .full_width .mnbox .mntab{padding:0;text-align:center;}
.menu .full_width .mnbox .mntab div{display:inline-block;vertical-align:top;margin:0;padding:5px 15px;}
.menu .full_width .mnbox .mntab div span{display:block;position:relative;overflow:hidden;padding:0;font:600 20px/30px 'Inter', sans-serif;color:#e27d23;cursor:pointer;text-transform:uppercase;
	border-bottom:#e27d23 3px solid;
	}
.menu .full_width .mnbox .mntab div span img{display:inline-block;vertical-align:top;padding-right:10px;}
.menu .full_width .mnbox .mntab div span:hover{color:#e27d23;}

.menu .full_width .mnbox .ibox{display:block;}
.menu .full_width .mnbox .ibox .pro{width:50%;display:inline-block;vertical-align:top;margin:0;padding:15px 25px;}
.menu .full_width .mnbox .ibox .pro a{width:100%;position:relative;display:block;}
.menu .full_width .mnbox .ibox .pro a .thumb{width:100%;position:relative;display:block;background-size:cover !important; background-position:50% 50% !important;}
.menu .full_width .mnbox .ibox .pro a .thumb img{display:block;width:100%;border:none;}
.menu .full_width .mnbox .ibox .pro a h2{display:block;position:relative;padding:15px 0 0;font:600 15px/25px 'Inter', sans-serif;color:#444;text-transform:uppercase;text-align:center;}
.menu .full_width .mnbox .ibox .pro a:hover h2{color:#e27d23;}

/* ========== CLASSIC LINKS IN MEGA MENU ========== */
.menu .mega_menu a{}
.menu .mega_menu a:hover{}	
/* Animated CSS3 Mega Menu - Responsive */
	.menu input#dropdown, .menu label{
		display:none;
		position:absolute;
		top:0;
		right:0;
		width:60px;
		height:72px;
		background:#044480;
  		-webkit-transition: all ease .3s;
		transition: all ease .5s;
		}
	.menu input#dropdown{opacity:0;}
	.menu label{z-index:999;}
	.menu label i{
		position:absolute;
		display:block;
		height:3px;
		background:#fff;
		width:30px;
		left:15px;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	.menu label  i:nth-child(1){top:27px;}
	.menu label  i:nth-child(2){top:35px;}
	.menu label  i:nth-child(3){top:43px;}

	.menu label:hover{cursor:pointer;}
	.menu input#dropdown:checked ~ label i{background:#fff;}
	.menu input#dropdown:checked ~ label i:nth-child(1){top:36px;
		-webkit-transform: rotateZ(45deg);
				transform: rotateZ(45deg);
		}
	.menu input#dropdown:checked ~ label i:nth-child(2){background:transparent;}
	.menu input#dropdown:checked ~ label i:nth-child(3){top:36px;
		-webkit-transform: rotateZ(-45deg);
				transform: rotateZ(-45deg);
	}
	
	.menu input#dropdown:checked ~ ul{display:block;height:auto;background:#fff;overflow:hidden;}
	.menu input#dropdown:checked ~ ul::-webkit-scrollbar{display:none}
	.menu input#dropdown:checked ~ ul::-webkit-scrollbar-thumb{display:none}
	.menu input#dropdown:checked ~ ul::-webkit-scrollbar-track{display:none}

	.menu input#dropdown:checked ~ ul:before {
		background-image:radial-gradient(farthest-corner at -231px 176px,#f5f5f5 0,transparent 100%);
		transform:translateX(15%) skew(-30deg);
		position:absolute;
		opacity:1;
		display:block;
		height:100%;
		width:100%;
		top:0;
		left:0;
		content:'';
		padding:90px 0 0;
		}
	.menu div.dropdown{display:none;position:absolute;top:0;left:0;right:0;margin:0;}
	
@media only screen and (max-width: 1280px){
	.menu{
		}
	.menu ul ul{
		margin:0;
		}
	.menu .mega_menu{
		width:100%;
		margin:0;
		}
	}
@media only screen and (max-width: 1024px){

	.menu input, .menu label, .menu div.dropdown{display:block;}
	.menu div.flag{display:block;}
	.menu{
		width:100%;
		/*min-height:40px;
		height:100%;
		overflow:hidden;*/
		position:relative;
		}
	.menu ul{
		display:none;
		position: absolute;
		width:100%;
		top:72px;
		margin:0;
		padding:0;
		float:none;
		background:#f6f6f6;
		z-index:997;
		}
	.menu ul > li{
		float:none;position:relative;
		}
	.pinherit{position: relative !important;}
	.menu ul li.active a{background:rgba(0,0,0,0);color:#7d7d7d;}
	.menu ul li.active:hover a{background:rgba(0,0,0,0);color:#00a2e9;}
	.menu > ul > li:first-child a span{display:block}
	.menu > ul > li:first-child a i{display:none}
	.menu > ul > li:first-child a{
		width:100%;
		background: rgba(0,0,0,0);
		min-width:auto;
		height: auto;
		}
	.menu > ul > li:first-child a span{display:block}
	.menu ul li a{
		width:100%;
		background: rgba(0,0,0,0);
		min-width:auto;
		height: auto;
		padding:10px 15px !important;
		font:400 20px/30px Inter, sans-serif;
		text-transform:uppercase;
		color: #7d7d7d;
		border-bottom:solid 1px #ccc;
		border-right: none;
		}
	.menu ul > li > a:before {display:none;}
	.menu ul > li > a:hover:before {display:none;}
	
	.menu ul > li i.mmn{display:block;position:absolute;right:0;top:0;color:#f00;width:50px;height:50px;cursor:pointer;text-align:center;}
	.menu ul > li i.mmn:hover{color:#f00;}
	.menu ul > li i.mmn:before{width:50px;height:50px;line-height:50px;}
	
	.menu .mega_menu .portfolio li p {padding-bottom:0}
	.menu .mega_menu p,.menu .mega_menu .portfolio li p a {color: #000;border-bottom:none}
	.menu .mega_menu .portfolio li a {border-bottom:none}
	.menu ul > li > a div {display:inline-block;padding:0 0 0 5px;font:400 14px/14px 'Roboto', sans-serif;text-transform:uppercase;color:#fff;}
	.menu ul li:hover > a, .menu ul li.active:hover > a{
		color:#000;
		transform: scale(1) !important;
		}
	.menu ul li:first-child:hover > a{
		color:#000;
		transform: scale(1) !important;
		}
	.menu ul ul, .menu .mega_menu{
		display:none;
		position:static;
	    visibility:visible;
		opacity:1;
		margin:0;padding:0;
		font-size:0;
		overflow:hidden;
		border:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		/*background:#684a2b;*/
		background:none;
		}
	.smnac{display:block !important;visibility:visible !important;}
	
	.menu ul ul li{
		width:100%;
		float:left;
		}
	.menu ul ul li a{
		width:100%;
		min-width:auto;
		height: auto;
		padding: 10px 20px !important;
		font:400 20px/30px Inter, sans-serif !important;
		text-transform:none;
		color: #666;
		background:none;
		border-bottom:#ccc 1px dotted;
		border-right: none;
		}
	.menu ul ul li:last-child a {
		border-bottom:#ccc 1px dotted;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	.menu ul ul li:hover a{color:#ff891e;}
	.menu ul ul li:first-child:hover a{color:#ff891e;}
	.menu ul ul ul, .menu ul ul li a i{
		display:none;
		}
	.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
		display:inline-block;
		vertical-align:top;
		padding:0 0 12px;
		float:none;
		}	
	.menu .mega_menu{
		width:auto !important;}	
	.menu .mega_menu .portfolio li, .menu .mega_menu .list{
		margin:0;
		width:48%;
		margin:0 1% 2%;
		}
	}
@media only screen and (max-width: 750px) {
	.menu{width:100%}
	}
/* ========== END MENU CHINH ========== */

#top {
    position: fixed;
    bottom:20px;
    right:10px;
    background:rgba(255,0,0,0.8);
    font:400 14px/40px Averta-Regular;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	text-decoration: none;
    padding:0;
	width:40px;
	height:40px;
    display: none;
    z-index: 9999;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	overflow:hidden;
}
#top img{display:block;width:32px;border:none;}
#top:hover{background:rgba(255,0,0,1);color:#fff;}

.overlay {
    background-color: rgba(0,0,0, 0.35);
	display:flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    align-items:center;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.overlay:hover {opacity: 1;}
.overlay div{display:block;width:100%;}
.overlay div p{display:block;width:100%;margin:0;padding:0 0 5px;font:400 20px/30px 'Averta-Regular', sans-serif;color:#fff;text-transform:uppercase}
.overlay div span{display:block;width:100%;text-align:center;}
.overlay div span span{background:#ee1c25;display:inline-block;width:auto;padding:5px 15px;font:400 13px/20px 'Averta-Regular', sans-serif;color:#fff;}
.overlay:before, .overlay:after {
    z-index: 3;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}
.overlay:before {
    z-index: 3;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}
.overlay:after {
    z-index: 3;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}
.overlay:hover::before, .overlay:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#mainlink{text-align:center;}
#mainlink a{display:inline-block;background:rgba(0,0,0,0);margin:0px 5px;padding:3px 0;cursor:pointer;
	font:400 18px/30px Averta-Regular, sans-serif;color:#222;
	min-width:36px;
    text-align:center;
	text-decoration:none;
	}
#mainlink a:hover{background:#3585a9;color:#fff;}
#mainlink a.active{display:inline-block;background:#3585a9;margin:0 5px;padding:3px 0;cursor:pointer;
	font:400 18px/30px Averta-Regular, sans-serif;color:#fff;
	min-width:36px;
    text-align:center;
	text-decoration:none;
	}
#mainlink a.active:hover{text-decoration:none;}

/* START MANG XH */
a.vs-social-link {
	width:32px;
	display: inline-block;
	vertical-align:top;
	text-align: center;
	margin:0 4px 0 0;
	border:rgba(255,255,255,.65) 2px solid;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a.vs-social-link i {
	font-size:18px !important;
	color:rgba(255,255,255,.65);
	margin:0;
	padding:5px 0 !important;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a.vs-social-link:last-child{margin:0;}
a.vs-social-link:hover{border:rgba(255,255,255,1) 2px solid;}
a.vs-social-link:hover i{color:rgba(255,255,255,1);}
/* END MANG XH */

.popup {
	display:none;
	position:fixed;
	top:0px;bottom:0;
	left:0px;right:0;
	background:rgba(0,0,0,0.85);
	z-index:9999;
}
.popup-inner {background:#fff;
	max-width:550px;
	width:90%;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.popup-inner .title{background:#f4524d;padding:10px 25px;font:400 20px/30px 'Averta-Semibold', sans-serif;color:#fff;text-transform:uppercase;text-align:center;}
.popup-inner .popin{padding:15px 35px;}
.popup-inner .popin ul{width:100%;margin:0 auto;padding:0;list-style:none;}
.popup-inner .popin ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:5px 0;list-style:none;}
.popup-inner .popin ul li:first-child{padding:0 0 10px;}
.popup-inner .popin ul li:last-child{text-align:center;}
.popup-inner .popin ul li.li1{width:48%;margin-right:2%;}
.popup-inner .popin ul li.li2{width:48%;margin-left:2%;}
.popup-inner .popin ul li span{display:block;padding:5px 0 0 5px;font:400 14px Averta-Regular, sans-serif;color:#f00;}
.popup-inner .popin ul li a{font:400 15px/22px Averta-Regular, sans-serif;text-decoration:none}
.popup-inner .popin ul li a:hover{color:#f00;}

.popup-inner .popin ul li input[type="text"],
.popup-inner .popin ul li textarea {
	display:inline-block;
	vertical-align:middle;
	width:100%;
    -webkit-appearance: none;
    background:#fff;
    border:#ced4da 1px solid;
    outline: 0;
    margin: 0;
    padding:6px 15px;
	font:400 16px/20px 'Averta-Regular', sans-serif;
	color:#222;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.popup-inner .popin ul li select {
    background:#fff url('/images/global/down-green.png') no-repeat right;
    display: inline-block;
    width:100%;
    -webkit-appearance: none;
    border:#ced4da 1px solid;
    outline:0;
    margin:0;
    padding:6px 25px 6px 15px;
	font:400 16px/20px 'Averta-Regular', sans-serif;
    color:#222;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.popup-inner .popin ul li input[type="text"]::-moz-placeholder,
.popup-inner .popin ul li textarea::-moz-placeholder{font-size:16px;color:#888;opacity: 1;}
.popup-inner .popin ul li input[type="text"]::-webkit-input-placeholder,
.popup-inner .popin ul li textarea::-webkit-input-placeholder{font-size:16px;color:#888;}
.popup-inner .popin ul li input[type="text"]:-ms-input-placeholder,
.popup-inner .popin ul li textarea:-ms-input-placeholder{font-size:16px;color:#888;}
.popup-inner .popin ul li input[type="text"]:-moz-placeholder,
.popup-inner .popin ul li textarea:-moz-placeholder{font-size:16px;color:#888;}
.popup-inner .popin ul li input[type="button"] {
	display:inline-block;
	width:auto;
	background:#f00;
	border:#f00 1px solid;
	margin:0;
	padding:6px 25px;
	font:400 17px/20px 'Averta-Regular', sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	cursor:pointer;
	outline:none;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}

.popup-inner .popin ul li select:hover,
.popup-inner .popin ul li input[type="text"]:hover,
.popup-inner .popin ul li textarea:hover,
.popup-inner .popin ul li input[type="radio"]:hover {
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}
.popup-inner .popin ul li input[type="button"]:hover {background:#c69e5e;border:#c69e5e 1px solid;}

/* Close Button */
.popup-close {
	width:40px;
	height:40px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background:#f00;
	font:400 30px/34px Arial;
	text-align:center;
	color:#fff;
}

.popup-close:hover {
	-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);
	background:rgba(0,0,0,1);
	text-decoration:none;
}

.fone {
    color: #ff0;
    font:400 18px/30px Averta-Semibold, sans-serif;
    padding:0 15px 0 50px;
    margin:2px 0 4px;
}
.fone:hover{color:#fff;}
.fix_tel {position:fixed;bottom:10px;left:10px;z-index:999;}
.fix_tel a {text-decoration: none; display:block;}
.tel{background:#f00;width:auto;position:relative;overflow:hidden;border-radius:40px;border:solid 1px #f00;}
.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
}
.ring-alo-phone.ring-alo-show {
    visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
    opacity: 1;
}
.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: 0.1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 0.1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 0px solid transparent;
    border-radius: 100%;
    height: 40px;
    left: 25px;
    opacity: 1;
    position: absolute;
    top: 25px;
    transform-origin: 50% 50% 0;
    width: 40px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: #f00;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #f68121;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #f00;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
}
@keyframes ring-alo-circle-anim {
	0% {
	    opacity: 0.1;
	    transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
	    opacity: 0.5;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
	    opacity: 0.6;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes ring-alo-circle-img-anim {
	0% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-fill-anim {
	0% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
	.ring-alo-ph-img-circle a img {
	    padding: 2px 0 0 2px;
	    width: 38px;
	    position: relative;
	    top: -1px;
	}
		
@media (max-width:1280px){

	
}

@media (max-width:1024px){	
	
}

@media (max-width:900px){


}

@media (max-width:768px){
	
	#top{bottom:60px;}

	#button-contact-vr{bottom:0;z-index:9998;left:0;right:0;background:#d6d6d6;text-align:right;}
	#button-contact-vr .button-contact{display:inline-block;vertical-align:top;}
	#button-contact-vr .button-contact .phone-vr{width:60px;height:50px;}
	.phone-vr-img-circle{top:5px;left:10px;}
	
	#contact-vr{border-left:#dedede 1px solid;border-right:#c9c9c9 1px solid;}
	#contact-vr::before{position:absolute;top:0;bottom:0;left:-2px;width:1px;background:#c9c9c9;content:'';}
	#zalo-vr{border-left:#dedede 1px solid;}
	
	#contact-vr .phone-vr-circle-fill,
	#zalo-vr .phone-vr-circle-fill,
	.ring-alo-phone.ring-alo-show{display:none;}
	
	.fix_tel{bottom:6px;left:10px;z-index:9999;}
	.fone{color: #ff0;font: 400 18px / 30px Averta-Semibold, sans-serif;padding:0 15px;margin:2px 0 4px;}
	
}

@media (max-width:640px){

	
}

@media (max-width:580px){

				
}

@media (max-width:480px){

			
}

@media (max-width:420px){


}

@media (max-width:400px){

	
}