@font-face {
font-family:"UTM_Impact";
src: url(../fonts/UTM_Impact.ttf);
}

@font-face {
font-family:"UTM_BryantLG";
src: url(../fonts/UTM_BryantLG.ttf);
}

@font-face {
font-family:"UTM_Soraya";
src: url(../fonts/UTM_Soraya.ttf);
}

@font-face {
font-family:"UTM_Helve";
src: url(../fonts/UTM_Helve.ttf);
}


@font-face {
font-family:"UTM_HelvetIns";
src: url(../fonts/UTM_HelvetIns.ttf);
}

.wrap_all{
	width:100%;
	position:absolute;
	z-index:1000;	
}

.wrap_content{
	max-width:1000px;
	margin:0 auto;	
	font-size:14px;
}

.wrap_logo{
	padding-top:45px;	
}

.wrap_lang_hotline_menutop{
	height:220px;	
	background:url(../img/bg_mn_center-line.png) no-repeat center top;
}

.wrap_lang_hotline{
	height:98px;	
}

.wrap_lang_hotline p:nth-child(1){
	text-align:right;
	padding:25px 130px 0px 0px;	
}

.wrap_lang_hotline p:nth-child(1) img{
	width:25px;
}

.wrap_lang_hotline p:nth-child(2){
	text-align:right;
	padding:5px 130px 0px 0px;	
}

.wrap_lang_hotline p:nth-child(2) a{
	font-size:22px;
	color:#FF0000;
	padding:3px 15px;
	border-radius:5px;
	background:url(../img/bg_hl.png) repeat;
	font-family:"UTM_Impact";
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.wrap_lang_hotline p:nth-child(2) a:hover{
	text-decoration:none;
}

.wrap_lang_hotline_menutop_mobile{
	text-align:center;	
}

.wrap_lang_hotline_menutop_mobile p:nth-child(2) a{
	font-size:22px;
	color:#FF0000;
	padding:3px 15px;
	border-radius:5px;
	background:url(../img/bg_hl.png) repeat;
	font-family:"UTM_Impact";
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.wrap_menutopmobile .navbar-default{
	background:#00a3e4;	
	border-bottom:5px solid #f58634;	
}

.wrap_menutopmobile a{
	padding-left:20px!important;
	padding-right:20px!important;	
}

.nav{
	text-align:left;	
}

.navbar-nav a {
	color:#fff!important;	
	font-size:12px;
}

.navbar-nav > .active > a {
	color:#fff!important;
	font-size:11px;
	font-family:"UTM_HelvetIns";
	background:	#f58634!important;
}

.open > a{
	color:#fff!important;
	background:	#f58634!important;	
}

.navbar-toggle {
	background:#f58634!important;		
}

.icon-bar{
	background:#fff!important;	
}

.dropdown-menu{
	background:#f58634;	
}

.dropdown-menu a:hover{
	background:#00A3E4!important;	
}

.wrap_menutop{
	margin-top:1px;
	height:75px;
	position:relative;
	z-index:100;	
	background:url(../img/bg_mn_center.png) no-repeat center top;
}

.bg_mn_left{
	position:absolute;	
	z-index:200;
	width:50px;
	height:78px;
	background:url(../img/bg_mn_left.png) no-repeat top left;
	top:-3px;
	left:-50px;
}

.bg_mn_center{
	width:100%;
	height:71px;
	position:absolute;
	z-index:200;
	line-height:71px;	
}

.bg_mn_right{
	position:absolute;	
	z-index:200;
	width:93px;
	height:78px;
	background:url(../img/bg_mn_right.png) no-repeat top right;
	top:-3px;
	right:-93px;
}

.wrap_middle_content{
	clear:both;
	padding-top:25px;	
}

.wrap_bg_intro{
	width:350px;
	height:450px;
	border-radius:5px;
	background:url(../img/bg_content.png) repeat;
	margin-left:34px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 1);	
	position:relative;
	z-index:0;
}

.wrap_intro_left{
	width:315px;
	height:370px;
	position:absolute;
	z-index:200;	
	top:20px;
	left:17px;
}

.wrap_intro_left h1{
	text-align:center;
	font-family:"UTM_Soraya";
	color:#0076bc;	
	margin:0px;
	font-size:30px;
	font-weight:100!important;
}

.wrap_intro_left h1 span{
	color:#f58634;	
}

.wrap_img_intro{
	width:314px;
	height:156px;
	border:1px solid #00a3e4;
	border-radius:5px;
	background:#fff;
	margin-top:15px;
	padding:4px;	
}

.intro_content{
	width:311px;
	text-align:justify;
	padding-top:10px;	
	font-size:14px;
	font-family:"UTM_Helve";
	color:#000;
}

.wrap_intro_right{
	width:86px;
	height:33px;
	background:#faab73;
	position:absolute;
	z-index:200;	
	bottom:45px;
	right:-59px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
	text-align:center;
	line-height:30px;
}

.wrap_intro_right a{
	color:#fff;
	font-size:18px;
	font-family:"UTM_BryantLG";
	font-weight:bold;
}

.wrap_intro_right a:hover{
	text-decoration:none;
}

.wrap_menuhome{
	text-align:right;
	padding-top:50px;	
}

.wrap_menuhome h2{
	margin:0px;
	margin-bottom:30px;	
}

.wrap_menuhome h2 a{
	font-weight:100;
	font-size:24px;
	color:#fff;	
	font-family:"UTM_HelvetIns";	
	-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

.wrap_menuhome h2 a:hover{
	text-decoration:none;
}

.wrap_menuhome h2:nth-child(1) a{
	background:#f58634;
	padding:5px 45px;	
}

.wrap_menuhome h2:nth-child(2) a{
	background:#0075c4;
	padding:5px 45px 5px 75px;	
}


.wrap_bg_bottom{
	background:url(../img/bg_f.png) repeat;
	min-height:55px;
}

.content_bottom{
	max-width:1000px;
	margin:0 auto;
	padding:5px 0px;	
}

.content_bottom_left p{
	font-size:14px;
	margin-bottom:3px;
	color:#fff;
	font-family:"UTM_Helve";
}

.content_bottom_right{
	text-align:right;
	padding-top:25px;
}

.kmt_wrap_content{
	padding:15px 0px 10px 20px;
	min-height:580px;
	margin-bottom:20px;
	border-radius:5px;
	background:url(../img/bg_content.png) repeat;
	margin-left:34px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 1);	
	position:relative;
	z-index:0;	
}

.kmt_wrap_content h1{
	text-align:left;
	font-family:"UTM_Soraya";
	color:#0076bc;	
	margin:0px;
	margin-bottom:20px;
	font-size:30px;
	font-weight:100!important;
}

.kmt_wrap_content h1 span{
	color:#f58634;	
}

.pagination > li > a{
	color:#fff;
	background:#00a3e4;	
}

.pagination > li > a:hover{
	color:#fff;
	background:#F58634;	
}

.pagination .active a{
	color:#fff;
	background:#F58634;	
	border:1px solid #ddd;	
}

.pagination .active a:hover{
	color:#fff;
	background:#F58634;	
	border:1px solid #ddd;	
}


.block_news{
	margin-bottom:10px;	
	padding-right:20px;
}

.block_news .thumbnail{
	border:1px solid #00a3e4;	
}

.block_news h2{
	margin:0px!important;
	padding-bottom:5px;
	font-weight:100;
}

.block_news h2 a{
	color:#0076bc;
	font-size:14px;
	font-family:"UTM_Helve";	
}

.block_news h2 a:hover{
	color:#F58634;
	text-decoration:none;	
}

.wrap_map{
	padding:10px;
	border:1px solid #00a3e4;
	background:#fff;
	border-radius:10px;
	width:97%;	
	margin-bottom:15px;
}

.wrap_add{
	width:97%;
	margin-bottom:15px;	
}

.wrap_add p{
	margin-bottom:3px;
	font-size:14px;	
}

.wrap_form{
	font-size:12px;	
}

.form-control{
	height:28px;	
}

.form-group{
	margin-bottom:5px;	
}


.wrap_menu{
	width:99%;	
	text-align:center;
	font-size:14px;
}

.kmt_block_p{
    min-height: 220px;
}

.wrap_menu div{
	margin-bottom:10px;	
}

.wrap_menu h2{
	font-size:14px;
	color:#000;
	margin:0px;
	margin-bottom:10px;
	font-family:"UTM_Helve";	
}

.wrap_menu h2 a{
	font-size:15px;
	color:#000;
	margin:0px;
	margin-bottom:10px;
	font-family:"UTM_Helve";	
	font-weight:bold;
}

.wrap_menu h2 a:hover{
	text-decoration:none;
	color:#f58634;
}

.wrap_menu p{
	text-align:center!important;	
}

.wrap_menu p a{
	color:#f58634;
	font-weight:bold;
	font-style:italic;
	font-family:"UTM_Helve";		
}

.wrap_img_menu{
	
}

.wrap_img_menu a{
	display:inline-block;
	padding:5px;
	background:#fff;
	border:1px solid #00a3e4;
	text-align:center;
	border-radius:5px;	
}

.modal-lg{
	width:95%;	
	z-index:3000;
	
}

.modal-header{
	min-height:500px;	
}

.modal-header .close{
	margin:0px;	
}

.kmt_modal{
    display: none;
}

a.zalo-fix {
    position: fixed;
    right: 20px;
    z-index: 9999;
    bottom: 65px;
    border-radius: 50%;
    box-shadow: 0 0 10px #000000;
}

.hotlineSupport {
	width: 60px;
	height: 60px;
	position: fixed;
	background: #ed3237;
	right: 20px;
 	left: inherit;
 	bottom: 150px;
	border-radius: 100%;
	text-align: Center;
	color: #ffffff;
	padding-top: 10px;
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;

	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-o-transform: translateX(0%);
	opacity: 1;
	visibility: initial;
	z-index: 9999;
}
.hotlineSupport.show{
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-o-transform: translateX(0%);
	opacity: 1;
	visibility: initial;
}
.hotlineSupport i.fa-phone {
	font-size: 21px;
	line-height: 17px;
	-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.hotlineSupport:before {
	width: 100%;
	height: 100%;
	position: absolute;
	box-shadow: 0px 0px 20px #ed3237;
	content: "";
	left: 0;
	top: 0;
	border-radius: 100%;
	animation: shadow 1s infinite ease;
	-webkit-animation: shadow 1s infinite ease;
	-moz-animation: shadow 1s infinite ease;
	-o-animation: shadow 1s infinite ease;

	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.hotlineSupport:after {
	width: 100%;
	height: 100%;
	position: absolute;
	box-shadow: 0px 0px 20px #ed3237;
	content: "";
	left: 0;
	top: 0;
	border-radius: 100%;
	animation: shadow 1.4s 1000ms infinite;
	-webkit-animation: shadow 1.4s 1000ms infinite;
	-moz-animation: shadow 1.4s 1000ms infinite;
	-o-animation: shadow 1.4s 1000ms infinite;

	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

	@-webkit-keyframes shadow{
	    0% {
	        transform: rotate(0deg) scale(1) skew(1deg);
	        opacity: .1
	    }
	    20%{
	        transform: rotate(0deg) scale(1.2) skew(1deg);
	        opacity: .2
	    }
	    40% {
	        transform: rotate(0deg) scale(1.3) skew(1deg);
	        opacity: .4
	    }
	    60%{
	        transform: rotate(0deg) scale(1.4) skew(1deg);
	        opacity: .6
	    }
	    80%{
	        transform: rotate(0deg) scale(1.5) skew(1deg);
	        opacity: .4
	    }
	    100% {
	        transform: rotate(0deg) scale(1.6) skew(1deg);
	        opacity: .1
	    }
	}
	@-moz-keyframes shadow{
	    0% {
	        transform: rotate(0deg) scale(1) skew(1deg);
	        opacity: .1
	    }
	    20%{
	        transform: rotate(0deg) scale(1.2) skew(1deg);
	        opacity: .2
	    }
	    40% {
	        transform: rotate(0deg) scale(1.3) skew(1deg);
	        opacity: .4
	    }
	    60%{
	        transform: rotate(0deg) scale(1.4) skew(1deg);
	        opacity: .6
	    }
	    80%{
	        transform: rotate(0deg) scale(1.5) skew(1deg);
	        opacity: .4
	    }
	    100% {
	        transform: rotate(0deg) scale(1.6) skew(1deg);
	        opacity: .1
	    }
	}
	@-o-keyframes shadow{
	    0% {
	        transform: rotate(0deg) scale(1) skew(1deg);
	        opacity: .1
	    }
	    20%{
	        transform: rotate(0deg) scale(1.2) skew(1deg);
	        opacity: .2
	    }
	    40% {
	        transform: rotate(0deg) scale(1.3) skew(1deg);
	        opacity: .4
	    }
	    60%{
	        transform: rotate(0deg) scale(1.4) skew(1deg);
	        opacity: .6
	    }

	    80%{
	        transform: rotate(0deg) scale(1.5) skew(1deg);
	        opacity: .4
	    }
	    100% {
	        transform: rotate(0deg) scale(1.6) skew(1deg);
	        opacity: .1
	    }
	}
	@keyframes shadow{
	    0% {
	        transform: rotate(0deg) scale(1) skew(1deg);
	        opacity: .1
	    }
	    20%{
	        transform: rotate(0deg) scale(1.2) skew(1deg);
	        opacity: .2
	    }
	    40% {
	        transform: rotate(0deg) scale(1.3) skew(1deg);
	        opacity: .4
	    }
	    60%{
	        transform: rotate(0deg) scale(1.4) skew(1deg);
	        opacity: .6
	    }
	    80%{
	        transform: rotate(0deg) scale(1.5) skew(1deg);
	        opacity: .4
	    }
	    100% {
	        transform: rotate(0deg) scale(1.6) skew(1deg);
	        opacity: .1
	    }
	}
	@-moz-keyframes quick-alo-circle-img-anim {
	    0% {
	        transform: rotate(0deg) scale(1) skew(1deg)
	    }
	    10% {
	        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
	    }
	    20% {
	        -moz-transform: rotate(25deg) scale(1) skew(1deg)
	    }
	    30% {
	        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
	    }
	    40% {
	        -moz-transform: rotate(25deg) scale(1) skew(1deg)
	    }
	    50% {
	        -moz-transform: rotate(0deg) scale(1) skew(1deg)
	    }
	    100% {
	        -moz-transform: rotate(0deg) scale(1) skew(1deg)
	    }
	}

	@-webkit-keyframes quick-alo-circle-img-anim {
	    0% {
	        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
	    }
	    10% {
	        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	    }
	    20% {
	        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
	    }
	    30% {
	        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	    }
	    40% {
	        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
	    }
	    50% {
	        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
	    }
	    100% {
	        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
	    }
	}

	@-o-keyframes quick-alo-circle-img-anim {
	    0% {
	        -o-transform: rotate(0deg) scale(1) skew(1deg)
	    }
	    10% {
	        -o-transform: rotate(-25deg) scale(1) skew(1deg)
	    }
	    20% {
	        -o-transform: rotate(25deg) scale(1) skew(1deg)
	    }
	    30% {
	        -o-transform: rotate(-25deg) scale(1) skew(1deg)
	    }
	    40% {
	        -o-transform: rotate(25deg) scale(1) skew(1deg)
	    }
	    50% {
	        -o-transform: rotate(0deg) scale(1) skew(1deg)
	    }
	    100% {
	        -o-transform: rotate(0deg) scale(1) skew(1deg)
	    }
	}
	@keyframes quick-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)
	    }
	}