@font-face {
    font-family: 'RSU-Regular';
    src: url('fonts/RSU-Regular.eot');
    src: url('fonts/RSU-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/RSU-Regular.woff') format('woff'),
         url('fonts/RSU-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RSU-Bold';
    src: url('fonts/RSU-Bold.eot');
    src: url('fonts/RSU-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/RSU-Bold.woff') format('woff'),
         url('fonts/RSU-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'RSU-Regular';
	cursor: default;
	position: relative;
	line-height:normal;
    color: #000000;
	font-size: 16px;
}

img{ border:0; margin:auto;}
a{ text-decoration:none;}
a:hover{ text-decoration: none;}
.h70{clear:both; width:100%; height:70px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}

a{text-decoration:none;color:inherit;}
a:hover{color:inherit;}
ul{
	padding-left: 0;
	margin-bottom: 0;
}
#back-to-top {
    width: 29px;
    height: 100px;
    position: fixed;
    z-index: 9999;
    bottom: 4rem;
    left: 0rem;
    text-align: center;
    display: none;
    background-color: #e4e4e4;
    opacity: .8;
    padding-top: 0.4rem;
    border: 1px solid #C7C7C7;
}
#back-to-top:hover{
    opacity: 1;
	border-color: #C7C7C7;
}
#back-to-top a {
    color: #a0a0a0;
    width: 93px;
    left: -2.1rem;
    top: 2.3rem;
    font-size: 18px;
    position: absolute;
    text-transform: uppercase;
    transform: rotate(90deg);
}
button:focus {
    outline: none;
}

/*-----Header-----//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.headbar-top {
    width: 100%;
    transition: all 0.5s;
    padding: .5rem 0;
	background-color: #FFF;
}
.slim.headbar-top{
	background-color: #FFF;
    box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}
.hamburgers-box{
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.navbar-brand {
    width: 100%;
    margin: auto;
	padding: 0 0;
	text-align: center;
}
.navbar-brand img{
	width: 200px;
	transition: all 0.5s;
}
.social-head{
	text-align: center;
	margin: .5rem auto .5rem;
}
.social-head img{
	width: 2em;
	transition: all 0.5s;
}
.social-head img:hover{
	transform: translateY(-5px);
}
/*------slide---main-------
//////////////////////////////////////////////////////////////////////////////////////////*/
#slide-zone .banner-slide{
    width: 100%;
}
#slide-zone .banner-slide img {
    width: 100%;
}
#slide-zone .owl-dots{
	display: block !important;
	position: absolute;
    bottom: .5rem;
    left: 50%;
	transform: translate(-50%,0);
}
#slide-zone .owl-carousel button.owl-dot{
	width: 33px;
    height: 4px;
	margin: 0 4px;
    background: rgba(0, 174, 239, 0.5);
}
#slide-zone .owl-carousel button.owl-dot.active{
    background: rgba(0, 174, 239, 1);
}
/*------slide---main-------
//////////////////////////////////////////////////////////////////////////////////////////*/
.text-bold{font-family: 'RSU-Bold';}
.sky-color{color: #2686de;}
.gray-color{color: #bdbdbd;}
.contact-box1{
	padding-bottom: 2rem;
}
.contact-box1 .border-right{
	border-right: 1px solid #acacac !important;
}
.title-contact{
	margin: 2rem auto;
	font-size: 1.4rem;
}
.line-box, .tel-box{
	font-size: 1.2rem;
}
.tel-box a:hover{color: #2686de;}
.line-box a:hover{color: #31ae37;}
.line-box img, .tel-box img{
	width: 2em;
}
.img-qrcode{width: 6em; margin: 2rem auto 0;}
.title-box {
	margin: 2rem auto 1rem;
}
.title-box p{
	margin-bottom: 0;
	font-size: 1.6rem;
}
.title-box a{
	font-size: 1.2rem;
}
.img-gally{
	width: 90%;
	margin:0 auto .6rem;
	background: #2686de;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.img-gally img{
	width: 100%;
	transition: all 0.5s;
	opacity: 1;
}
.img-gally h1{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 55;
	opacity: 0;
	font-size: 17px;
	width: 100%;
	text-align: center;
	transform: translate(-50%,-50%);
}
.img-gally:hover h1{opacity: 1;}
.img-gally:hover img{
	transform: scale(1.03);
	opacity: 0.2;
}
.service-box ul{
	list-style: none;
}
.service-box ul li{
	padding: 7px 0;
	font-size: 1.1rem;
}
.service-box h1{
	margin-bottom: 0;
	font-size: 1.4rem;
}
.service-box .fa-circle{
	font-size: 12px;
}
.content-box1{
	background: url(../images/bg-blue.png) top center no-repeat;
	padding: 0 0 7%;
	background-size: cover !important;
}
.line-color{
	margin: 1rem auto;
	border-bottom: 1px solid #FFF;
	border-top: 0;
}
.img-box{
	width: 95%;
	margin: 1rem auto 0;
	overflow: hidden;
}
.content-box2 .img-box .line-color{
	border-color: #a1a1a1;
}
.content-box1 .img-gally{
	background: #FFF;
}
.img-box h1{
	margin-bottom: 0;
	font-size: 1rem;
}
.detail-service{
	margin: 2rem auto 0;
}
.detail-service p{
	margin: 1rem auto;
}
/*------footer------
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{
	color: #000;
	padding: 8% 0 5%;
	font-size: 17px;
	background: #FFF; 
}
.footer a{
    transition: all .5s;
}
.footer a:hover{
	color: #2686de;
}
.footer h1{
    font-size: 1.4rem;
	margin-bottom: 0rem;
}
.copyright-box{
	padding: 1% 5%;
	color: #FFF;
	font-size: 18px;
	background: #2686de;
}
.contact-footer{
	margin-bottom: 1rem;
}
.contact-footer img{
	transition: all 0.5s;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.contact-footer:hover img{
	transform: translateY(-5px);
}
.chat-box {
	position: fixed;
	right: 0;
	bottom: 100px;
	padding: 20px;
    z-index: 9999;
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {   
}
@media (max-width: 767px ) {
	body{
		max-width: 100% !important;
	}
	.navbar-collapse{
		position: fixed;
		width: 250px;
		background: #FFF;
		height: 100% !important;
		max-height: none !important;
		top: 0;
		display: block;
		left: -250px;
		margin: 0 !important;
		z-index: 9999;
	}
	.navbar-collapse.in{
		left: 0 !important;
	}
	.navbar-collapse.show{
		display:block;
		left: 0 !important;
	}
	.all-container{
		width: 100%;
	}
	.all-container.-collapse{
		margin-left: 250px;
	}
	.headbar-top, .navbar-collapse, .navbar-collapse.collapsing, .all-container.all-container.all-container {
		transition: all 0.5s !important;
	}
	.headbar-top.-collapse {
		margin-left: 250px;
		width:100%;
	}
}
/*///////////////////////////////////////////////////////////////////////////media///////////////////////////////////////////////////////////////////////////*/