@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans/OpenSans-Regular.ttf');
    src: url('../fonts/OpenSans/OpenSans-Regular.ttf') format('embedded-opentype'),
         url('../fonts/OpenSans/OpenSans-Regular.ttf') format('woff'),
         url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'),
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans/OpenSans-Light.ttf');
    src: url('../fonts/OpenSans/OpenSans-Light.ttf') format('embedded-opentype'),
         url('../fonts/OpenSans/OpenSans-Light.ttf') format('woff'),
         url('../fonts/OpenSans/OpenSans-Light.ttf') format('truetype'),
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans/OpenSans-Semibold.ttf');
    src: url('../fonts/OpenSans/OpenSans-Semibold.ttf') format('embedded-opentype'),
         url('../fonts/OpenSans/OpenSans-Semibold.ttf') format('woff'),
         url('../fonts/OpenSans/OpenSans-Semibold.ttf') format('truetype'),
}
@font-face {
    font-family: 'r0c0i-Linotte-Bold';
    src: url('fonts/OpenSans/r0c0i-Linotte-Bold.ttf');
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.ttf');
    src: url('../fonts/Roboto-Light.ttf') format('embedded-opentype'),
         url('../fonts/Roboto-Light.ttf') format('woff'),
         url('../fonts/Roboto-Light.ttf') format('truetype'),
}

a:hover,a:focus{
	text-decoration:none
}
.p0{
	padding-left:0px !important;
	padding-right:0px !important;
}
.pl0{
	padding-left:0px !important;
}
.pr0{
	padding-right:0px !important;
}
.animate1{
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;	
}
.hiden
{
	visibility:hidden;
}
.lang_nav{
	position: absolute;
    right: -10px;
    top: 62px;
    z-index: 99;
	}
	.lang_nav a
	{
		padding-right:10px;
	}
	.lang_nav a img
	{
		width:24px;
		height:17px;
	}
@media(min-width:1034px) {
	.destop-row{
		margin-left:-15px;
		margin-right:-15px;
	}
	
	
}

@media(min-width:990px) {
	.destop-ml0{
		margin-left:0px !important;
	}
	.destop-p0{
		padding:0px !important;
	}
	.destop-pl0{
		padding-left:0px !important; 
	}
	.destop-pr0{
		padding-right:0px !important;
	}

}
@media(max-width:990px) and (min-width:768px) {
	.tablet-p0{
		padding:0px !important;
	}
	.tablet-pl0{
		padding-left:0px !important; 
	}
	.tablet-pr0{
		padding-right:0px !important;
	}
}

@media(max-width:490px) {
	.hide-mobile{
		display:none;
	}
}




a{
	cursor:pointer;
}

body{
	font-family:'Roboto' !important;
	overflow-x:hidden;
}

header .phone{
	font-size:13px;
	color:#065BB1;
	margin:5px 0px;
}
header .logo{
	padding: 1px 24px;
    margin-top: 26px;
    z-index: 1;
}

@media(max-width:767px) {
	header .phone,
	header .logo{
		text-align:center;
	}
}


header .link{
	text-align:right;
	margin-bottom:20px;
	display:inline-block;
	width:100%;
}
header .link ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
header .link ul:not(.sub) > li{
	display:inline-block;
	position:relative;
	z-index:20;
}

header .link ul:not(.sub) > li >  a{
	margin-top:5px;
	display:inline-block;
	padding:2px 10px;
	border-right:solid 1px #ddd;
	color:#929292;
	font-size:13px;
	font-family:'Roboto';
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
	position:relative;
}
@media(max-width:767px) {
	header .link ul:not(.sub) > li >  a{
		padding:2px 5px;
	}
}
header .link ul:not(.sub) > li  a:hover{
	color:#01a310
}
header .link ul:not(.sub) > li:last-child  a{
	border-right:none;
}

header .link ul.sub {
	position:absolute;
	top:100%;
	right:0px;
	z-index:10;
	width:112px;
	text-align:left;
	background:#FFF;
	border:solid 1px #ddd;
	box-shadow:1px 1px 1px rgba(0,0,0,0.3);
	display:none;
}
header .link ul.sub a{
	padding:3px 10px;
	display:block;
	width:100%;
}
header .link ul li.lang:hover ul.sub {
	display:block
}






header .search{
	margin-top:10px;
	display:inline-block;
	width:100%;
}
header .search select,
header .search input{
	border-color:#e4e4e4;
	height:40px;
}
header .search .input{
	position:relative;
}
header .search .input input{
	padding-right:40px;
}

header .search .input button{
    position: absolute;
    top: 7px;
    right: 10px;
    cursor: pointer;
    font-size: 17px;
	background:none;
	border:none;
}
@media(max-width:990px) {
	header .search .input button{
		 right: 25px;
	}
}


/* css nav start*/

nav {
/*	background:#212121*/
}

	
@media (min-width: 991px) {
	/*	namduong*/
header.mobile{
    position: relative;
    width: 100%;
    display: block;
	
}
header.mobile .logo {
	display:block;
	width:100%;
	text-align:center;
}
header.mobile .logo img{
	height:65px;
	margin-top:10px;	
}
header.mobile .logo div{
	padding:10px 0px;
}
	header.mobile .logo div span{
		font-size:11px;
	}
	
	
/*	namduong*/

	nav .custom-caret {
		display:none;
	}
	.navbar-default{
		border:none; 
		box-shadow:none; 
		margin-bottom:0px;
		background:none;
	}
	.header .navbar-header{}
	.navbar-brand { height:auto; padding:0px;}
	/*Navbar Collapse*/
	.header .navbar-collapse {
		padding: 0;
	}

	/*Navbar*/
	.header .navbar-nav {
		float:none;
		position: relative;
		height:auto;
		text-align:center;
	}
	.header .navbar-default .navbar-nav > li{
		margin-left:15px;
		margin-right:15px;
		display:inline-block;
		float:none
	}
	
	
	.header .navbar-default .navbar-nav > li > a {
		padding: 20px 15px;
		font-size:13px;
		text-transform:uppercase;
		color:#FFF;
		position:relative;
		transition:all 0.5s ease;
		-webkit-transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
	}
	/* tieng anh */
	#lang25 .header .navbar-default .navbar-nav > li > a {
		padding: 20px 10px;
	}

	.header .navbar-default .navbar-nav > li:hover > a{
		background:#065BB1;
		color:#FFF;
	} 

	.header .navbar-default .navbar-nav > li > a:focus,	
	.header .navbar-default .navbar-nav > .active > a, 
	.header .navbar-default .navbar-nav > .active > a:hover, 
	.header .navbar-default .navbar-nav > .active > a:focus {
		background:#00a306;
		color:#FFF;
		box-shadow:none
	}

	.header .navbar-default .navbar-nav > .open > a,
	.header .navbar-default .navbar-nav > .open > a:hover,
	.header .navbar-default .navbar-nav > .open > a:focus {
		background:#00a306;
		color:#FFF;
	}

	/*Dropdown Menu*/
	.dropdown > a:after{
		display:none !important;
	}
	.dropdown-submenu > a:after { top:11px !important}
	.header .dropdown-menu { 
		padding: 0;
		border: none;
		min-width: 200px;
		border-radius: 0; 
		z-index: 9999 !important;
		margin-top: 0px !important; 
		border-top: solid 1px #FFF; 
		background:#00a306 ;
	}

	.header .dropdown-menu li a { 
		color: #FFF; 
		font-size: 13px; 
		font-weight: 400; 
		padding: 10px 15px; 
		border-bottom: solid 1px #eee;
	}

	.header .dropdown-menu .active > a,
	.header .dropdown-menu li > a:hover {
		color: #fff !important;
		filter: none !important;
		background: #212121  !important;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

	.header .dropdown-menu li > a:focus {
		background: none;
		filter: none !important;
	}

	.header .navbar-nav > li.dropdown:hover > .dropdown-menu {
		display: block;
	}	

	.header .open > .dropdown-menu,
	.header-v1 .open > .dropdown-menu {
		display: none;
	}


}


@media(max-width:1200px) and (min-width:785px){
	/*.header .navbar-default .navbar-nav > li{
		margin-left:5px;
		margin-right:5px;
	}
	.header .navbar-default .navbar-nav > li > a{		    
		padding: 20px 10px;
	}*/
	header.mobile .logo div{
		font-size:20px;
		
	}
	header.mobile .logo div span{
		font-size:16px;
	}	
}

/*Dropdown Submenu for BS3
------------------------------------*/
.dropdown-submenu { 
   position: relative; 
}

.dropdown > a:after,
.dropdown-submenu > a:after {
    top: 8px;

    right: 9px;
    font-size: 11px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}

@media (max-width: 990px) {
  .dropdown-submenu > a:after {
      content: " ";
  }
}

.dropdown > a:after {
    top: 18px;
    right: 7px;
    content: "\f107";
}

.dropdown-submenu > .dropdown-menu { 
   top: 0; 
   left: 100%; 
   margin-top: -5px; 
   margin-left: 0px; 
}

/*Submenu comes from LEFT side*/
.dropdown-submenu > .dropdown-menu.submenu-left {
	left: -100%;
}

.dropdown-submenu:hover > .dropdown-menu {  
   display: block;
}

@media (max-width: 990px) {
  .dropdown-submenu > .dropdown-menu {  
     display: block;
     margin-left: 15px;
  }
}

.dropdown-submenu.pull-left {
   float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
   left: -100%;
   margin-left: 10px;
}

.dropdown-menu li [class^="fa-"],
.dropdown-menu li [class*=" fa-"] {
  left: -3px;
  width: 1.25em;
  margin-right: 1px;
  position: relative;
  text-align: center;
  display: inline-block;
}
.dropdown-menu li [class^="fa-"].fa-lg,
.dropdown-menu li [class*=" fa-"].fa-lg {
  /* increased font size for fa-lg */
  width: 1.5625em;
}

/*Menu Icons*/
.menu-icon {
   margin-right: 10px;
   font-weight: 200;
}
.menu li:hover .dropdow-menu {
	display: block;
}
/*Dropdown Show*/
.dropdown-show {
  position: relative;
  display: inline-block;
  box-shadow: 0 0 4px #eee;
}



@media (max-width: 990px) {
	.navbar-default{
		box-shadow:none;		
	}
	.header .navbar-collapse{
		border:none;
	}
	.navbar{
		margin-bottom:0px;
		border:none;
	} 
	nav .custom-caret {
	  width: 50px;
	  position: absolute;
	  top: 0px;
	  right: 0px;
	  height: 39px;
	  line-height:39px;
	  cursor: pointer;
	  display: block;
	  color:#FFF;
	  text-align:center;
	}
	.navbar-brand { height:auto;color:#FFF !important;
		padding:5px;
	}
	.navbar-brand  img{
		height:40px;
	}
	.navbar-nav .open .dropdown-menu {
		border: 0;
		float: none;
		width: auto;
		margin-top: 0;
		position: static;
		box-shadow: none;
		background-color: transparent;
	}
	.dropdown > a:after {
		top: 11px;
		display:none;
	}

	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	}
	
	.navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-nav .open .dropdown-menu > li > a:focus {
		background-image: none;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #FFF !important;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #FFF !important;
		background-color: #00a306;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #FFF;
		background-color: #00a306;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #FFF;
		background-color: #ff8838;
	}

	/*Responsive code for max-width: 1000px*/
    .header .navbar-header {
        float: none;
		background: #212121;
    }
    
    .header .navbar-toggle {
        display: block;
		padding: 10px 10px;
    }
	.header .navbar-toggle:hover,.header .navbar-toggle:focus{background:#00a306;}
	.header .navbar-toggle  span.icon-bar{ color:#FFF; background:#FFF;}
    
    .header .navbar-collapse.collapse {
        display: none !important;
    }
    
    .header .navbar-collapse.collapse.in {
        display: block !important;
  		overflow-y: auto !important;
    }
    .header .navbar-collapse { background:#212121}
	.header .navbar-nav {
        margin: 0px 0px 7px 0px;
        float: none !important;
    }

    .header .navbar-nav > li {
        float: none;
    }
    
    .header .navbar-nav > li > a {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    /*Design for max-width: 1200px*/
    .header .navbar-collapse,
	.header .navbar-collapse .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.header .navbar-default .navbar-nav > li > a {
		font-size: 14px;
		padding: 9px 10px;
	}

	.header .navbar-default .navbar-nav > li a {
		/*margin-bottom: 1px;*/
		border-bottom: solid 1px #00A306;
		color:#FFF !important
	}	

	.header .navbar-default .navbar-nav > li > a:focus {
		background: none;
	}

	.header .navbar-default .navbar-nav > li > a:hover {
		color: #FFF !important;
		 background:#00a306;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	  color: #FFF !important;
	  background:#00a306;
	}
	

	.header .navbar-default .navbar-nav > .active > a,
	.header .navbar-default .navbar-nav > .active > a:hover,
	.header .navbar-default .navbar-nav > .active > a:focus {
		color: #FFF !important;
		background: #00a306;
	}

	.header .dropdown-submenu li a { 
		font-size: 12px;
	}
	
	.dropdown-submenu > .dropdown-menu {
	  display: block;
	  margin-left: 15px;
	}

}










/* css nav end*/


#services .container{
	position:relative;
}

/*#services h3{
	text-align:left;
}
#services h3 a{
color: #faac1c;

}

#services h3.title{
	text-align:center;
	margin-bottom:40px;

}

#services h3 span{
	display:inline-block;
	padding:10px 90px;
	position:relative;
	font-size:30px;
	color:#086ed5;
	text-transform:uppercase;
	border-bottom:solid 1px #086ed5; 
}*/

@media(max-width:767px){
	#services h3 span{
		font-size:25px;
		padding:10px 15px;
	}
}

/*#services h3 span:before{
	content:'';
	position:absolute;
	bottom:0px;
	width:90px;
	margin-left:-45px;
	left:50%;
	height:1px;
	background:#086ed5;
}*/
.box-services .img {
	/* resize height js*/
	float:left;
	width:100%;
	overflow:hidden;
}
.box-services .img  img{
	/* resize min height js*/
	width:100%;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}

/*hover khung chay vong quanh */
.box-services .img a{
	display:block;
	position:relative;
}
.box-services .img a:before,
.box-services .img a:after {
	content: "";
	opacity: 0;
	pointer-events: none;
	z-index: 3;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.box-services .img a:before {
	top: 0px;
	left: 0px;
	right: 100%;
	bottom: 100%;
	border-top: 7px solid rgba(255, 255, 255, 0.5);
	border-left: 7px solid rgba(255, 255, 255, 0.5);
	border-bottom: 7px solid transparent;
	border-right: 7px solid transparent;
}
.box-services .img a:after {
	left: 100%;
	top: 100%;
	bottom: 0px;
	right: 0px;
	border-bottom: 7px solid rgba(255, 255, 255, 0.5);
	border-right: 7px solid rgba(255, 255, 255, 0.5);
	border-top: 7px solid transparent;
	border-left: 7px solid transparent;
}
.box-services .img a:hover:before{
	opacity: 1;
	bottom: 0px;
	right: 0px;
	-webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.15);
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.15);
}
.box-services .img  a:hover:after {
	opacity: 1;
	top: 0px;
	left: 0px;
	box-shadow: inset -2px -2px 2px rgba(0, 0, 0, 0.15);
}


.box-services:hover img {
	-webkit-transform: scale(1.2) ;
	-moz-transform: scale(1.2) ;
	-ms-transform: scale(1.2)  ;
	-o-transform: scale(1.2);
	transform: scale(1.2) ;	
}
.box-services .boxfix{
	float:left;
	width:100%;
	margin-top:-50px;
	min-height:100px;
	margin-bottom:25px;
}
.box-services .info {
	float:left;
	width:90%;
	margin-left:5%;
	background:#FFF;
	box-shadow:0px 3px 3px #ddd;
	padding:7px;
	min-height:100px;
	border-radius:5px 5px 0px 0px;
	position:relative;
	z-index:99;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}
.box-services .info:after{
	content: '';
    position: absolute;
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.box-services:hover .info{
	margin-top:-15px;
}
.box-services:hover .info:after {	
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}



.box-services .info  a span{
	display:inline-block;
	color:#444444;
	font-size:16px;
	padding-bottom:2px;
	padding-right:10px;
	border-bottom:solid 1px #00a306;
	position:relative;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
	
}

.box-services .info  a span:before{
	content:'';
	position:absolute;
	bottom:0px;
	left:0px;
	height:1px;
	background:#00a306;
	width:50%;
	z-index:10
}
.box-services .info  a span:after{
	content:'';
	position:absolute;
	bottom:0px;
	left:0px;
	height:1px;
	background:#F00;
	width:0%;
	z-index:20;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}
.box-services .info p {
	margin-top:10px;
	font-family:'OpenSansLight';
}
.box-services:hover .info  a span:after{
	width:50%;
}
.box-services:hover .info  a span{
	border-color:#F00;
}


.service-thumb img {
    /*width: 100%;
    height: 260px;*/
	    transition: inherit;
}


#homepro .container{
	padding-bottom:80px !important;
	background:url(../images/bg_services.png) no-repeat center bottom;
	position:relative;
}
#homepro .container:before{
	content:'';
	position:absolute;
	width:100%;
	left:0px;
	height:1px;
	background:#e5e4e4;
	bottom:20px;
}

#homepro h3{
	text-align:center;
	margin-top:40px;
	margin-bottom:10px;
}

#homepro h3 span{
	display:inline-block;
	padding:10px 90px;
	position:relative;
	font-size:30px;
	color:#535353;
	text-transform:uppercase;
	border-bottom:solid 1px #17ae00; 
}
@media(max-width:767px){
	#homepro h3 span{
		font-size:25px;
		padding:10px 15px;
	}
}

#homepro h3 span:before{
	content:'';
	position:absolute;
	bottom:0px;
	width:90px;
	margin-left:-45px;
	left:50%;
	height:1px;
	background:#17ae00;
}

#homepro .navh{
	padding:0px;
	list-style:none;
	text-align:center;
	margin-bottom:40px;
}

#homepro .navh li{
	display:inline-block;
	margin:0px 20px;

}
#homepro .navh li a{
	font-size:11px;
	color:#757575;
	text-transform:upper-roman;
	padding:5px 0px;
	border-bottom:solid 1px #FFF;
} 
#homepro .navh li a:hover{
	color:#17ae00
}








#album-home{
	margin-bottom: 40px;
}
#album-home .item{
	float:left;
	margin-bottom:13px;
	padding:0px 7px; 
	width:25%;
	height:300px;
	overflow:hidden;
	position:relative;
}
header.mobile .nav-click {
	display: none;
    background: url(../images/nav-click.png) no-repeat center top;
    width: 52px;
    border-radius: 5px;
    height: 48px;
    right: 10px;
    top: 10px;
    position: fixed;
    cursor: pointer;
    z-index: 200;
    -webkit-transition: right 300ms ease 0s;
    -moz-transition: right 300ms ease 0s;
    -o-transition: right 300ms ease 0s;
    -ms-transition: right 300ms ease 0s;
	
}
header.mobile .nav-click.active {
	right:270px;
	background-position:center bottom;
}

nav.mobile {
	position:fixed;
	top:0;
    width: 260px;
	right:-260px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;	
	background:#245178;
	z-index:200;
	display:none;
}
nav.mobile.active {
	display:block;
}
nav.mobile .search{
	background:#4C5156;
	padding:10px 0px;
	float:left;
	width:100%;
}
nav.mobile .search i{
	cursor:pointer;
	float:left;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#FFF;
	font-size:18px;
}
nav.mobile .search input{
	float:left;
	width:calc( 100% - 40px );
	height:40px;
	background-color: rgba(0,0,0,0.3);
	border:none;
	border-radius:5px;
	color:#FFF;
	padding:0px 10px;
}
nav.mobile .lang{
	float:left;
	width:100%;
	background:rgba(255,255,255,0.7);
	text-align:center;
	padding:10px 0px;
}
nav.mobile .lang a{
	display:inline-block;
	margin:0px 3px;
	opacity:1;
}
nav.mobile .lang a.active{
	opacity:1;
}
nav.mobile .lang a img{
    border: 1px solid #fff;
    box-shadow: 1px 1px 0 rgba(0,0,0,0.1);
}
nav.mobile .menu{
	float:left;
	width:100%;
	background:#245178;
}
nav.mobile .menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
nav.mobile .menu ul li {
	position:relative;
}
nav.mobile .menu ul li.active a{
	background:#245178;
} 
nav.mobile .menu ul li a{
	display:block;
	width:100%;
	text-align:center;
	border-bottom:solid 1px #CCC;
	color:#FFF;
	font-family:'Roboto';
	font-size:18px;
	padding:10px;
	position:relative;
}
nav.mobile .menu ul li span.dropdown{
	background:url(../images/arrow_down.png) no-repeat center center;
	position:absolute;
	left:0;
	top:0;
	width:45px;
	height:45px;
	z-index:10;
	cursor:pointer;
}
nav.mobile .menu ul li span.dropdown.up{
	background:url(../images/arrow_up.png) no-repeat center center;
}
nav.mobile .menu ul li a:hover{
	text-decoration:none;
}
nav.mobile .menu ul.sub {
	display:none;
}
nav.mobile .menu ul.sub li a{
	text-align:left;
	padding-left:30px;
	padding-right:15px;	
	background:#61676d;
	border-bottom:solid 1px #949aa1;
	font-size:15px;
}
nav.mobile .menu ul.sub li a:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:9px;
	height:100%;
	background:#4C5156;

}


@media(min-width:768px) and (max-width:1200px) {
	#album-home .item{
		height:200px;
	}
}
@media(max-width:767px) {
	#album-home .item{
		width:50%;
		height:200px;
	}
}

#album-home .item a{
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
}
#album-home .item img{
	height:100%;
	width:auto;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	position:relative;
}
#album-home .item:hover img{
	-webkit-transform: scale(1.1) ;
	-moz-transform: scale(1.1) ;
	-ms-transform: scale(1.1)  ;
	-o-transform: scale(1.1);
	transform: scale(1.1) ;	
}
#album-home .video{
	width:50%;
}

#album-home .video iframe{
	width:100%;
	height:300px;
}
@media(min-width:768px) and (max-width:1200px) {
	#album-home .video iframe{
		height:200px;
	}
}
@media(max-width:767px) {
	#album-home .video iframe{
		height:200px;
	}
}
#album-home .last{
	margin-right:0px;
}

#album-home .item  a:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    width: 0;
    height: 0;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
	z-index:10;
}

#album-home .item a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    width: 0;
    height: 0;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
	z-index:10;
}
#album-home .item a:hover:before, #album-home .item a:hover:after {
    width: 100%;
    height: 100%;
}



#about-home{
	background:url(../images/bg_about.png) no-repeat top center;
	background-size:100% auto;
	margin-top:40px;
	color:#FFF;
	text-align:center;
	padding-bottom:40px;
}
@media(max-width:1200px){
	#about-home{
		background-size:auto 100%;
	}
}
#about-home h3{
	text-align:center;
	margin-top:40px;
	margin-bottom:30px;
}

#about-home h3 span{
	display:inline-block;
	padding:10px 90px;
	position:relative;
	font-size:30px;
	color:#FFF;
	text-transform:uppercase;
	border-bottom:solid 1px #17ae00; 
}
@media (max-width: 767px) {
	#about-home h3 span{
		font-size: 25px;
		padding: 10px 15px;
	}
}
#about-home h3 span:before{
	content:'';
	position:absolute;
	bottom:0px;
	width:90px;
	margin-left:-45px;
	left:50%;
	height:1px;
	background:#17ae00;
}
#about-home p.des{
	line-height:25px;
}
#about-home p.des a{
	color:#2fdc15
}

#owl-aboutH{
	margin-top:50px;
}
#owl-aboutH figure{
	padding:0px 15px;
}
#owl-aboutH figure .img{
	/* resize height js */
	width:100%;
	float:left;
	overflow:hidden;
	margin-bottom:40px;
}
#owl-aboutH figure .img img{
	*width:100%;
}
#owl-aboutH figure .info{
	line-height:25px;
}
#owl-aboutH .owl-prev,
#owl-aboutH .owl-next{
	position:absolute;
	top:50%;
	margin-top:-23.5px;
	width:30px;
	height:57px;
}
#owl-aboutH .owl-prev{
	left:-50px;
}
#owl-aboutH .owl-next{
	right:-50px;
}
@media(max-width:990px) {
	#owl-aboutH .owl-prev{
		left:0px;
	}
	#owl-aboutH .owl-next{
		right:0px;
	}	
}


.navleft .titlenav{
    background: #ffa500;
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 10px 10px 70px;
    margin: 0px;
	    font-family: 'Roboto';
}

@media(max-width:767px) {
	.navleft{
		display:none;
	}
}


.navleft .titlenav span{
	display:block;
}
.navleft ul{
	list-style:none;
	padding:0px;
	margin:0px;
	
}
.navleft ul.main{
	border-top:none;
	margin-top:10px;
	margin-bottom:25px;
}
.navleft ul.main li{
	position:relative;
	border-bottom:solid 1px #e2e2e2;
}
.navleft ul.main li:last-child{
	border-bottom:none;
}

.navleft ul.main > li > a{
	color: #000;
    display: block;
    font-size: 14px;
    font-weight: normal;
	text-transform:uppercase;
    padding: 11px 20px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	    font-family: 'Roboto';
}
.navleft ul.main li.sub a{
	padding-left:30px;
}
.navleft ul.main > li > a:hover,
.navleft ul.main li:hover > a,
.navleft ul.main li.active > a{
	background:#ffa500;
	color:#000;
}
.navleft ul.main li.sub.active > a{
	background:#FFF;
	color:#00a306;
}



.navleft .title{
	text-transform:uppercase;
	color:#065BB1;
	font-size:20px;
	font-weight:normal;
    margin: 0px;
	margin-bottom:25px;
}
.navleft .title span{
	display:block;
}

.box-left {
	float:left;
	width:100%;
	margin-bottom:15px;
	background:#f1f1f1;
}
.box-left .img{
	float:left;
	width:80px;
	height:60px;
	border:solid 1px #ddd;
	margin-right:10px;
	overflow:hidden;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}
.box-left .img:hover{
	border-color:#00a306;
}

.box-left .img img{
	width:80px;
	height:80px;
	position:relative;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;		
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);	
}

.box-left .img:hover img{
	-webkit-transform: scale(1.2) ;
	-moz-transform: scale(1.2) ;
	-ms-transform: scale(1.2)  ;
	-o-transform: scale(1.2);
	transform: scale(1.2) ;	
}

.box-left a{
    color: #666666;
	*text-transform:uppercase;
}
.box-left a.name{
	display:block;
	padding:10px 5px;
}
.box-left a:hover{
	color:#00a306;
}
.box-left p{
	color: #212121;
	font-size: 15px;
	margin-top:10px;
}

.left-adv {
	width:100%;
	margin-bottom:10px;
}
.left-adv:hover {
	opacity:0.8
}


.content-right .title{
	margin-top:0px;
	margin-bottom:30px;
	background:url(../images/icon_title.png) no-repeat left center #f1f1f1;
	padding-left:60px;
}
.content-right .title.b2{
	background:url(../images/icon_title2.png) no-repeat left center #f1f1f1;
}

.content-right .title span{
	display:inline-block;
	*text-transform:uppercase;
	padding:16px 0px;
	font-size:20px;
	color:#212121
}
@media(max-width:785px) {
	.content-right .title span{
		font-size:16px;
	}
}

.box-out {
	float:left;
	width:25%;
	padding:0px 15px;	
}

.box-pro{
	float:left;
	width:100%;
	margin-bottom:10px;
	border:solid 1px #FFF;
}
.box-pro:hover {	
	border:solid 1px #FFF;
}
.box-pro .img {
	/* resize width height js */
	float:left;
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
	padding-top: 100%;
	border: solid 2px #f2f2f2;
}
.box-pro .img .mask {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7);
	text-align:center;
	z-index:10;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	opacity:0;	
}

.box-pro .img .mask  a{
	position:absolute;
	font-size:18px;
	font-family:'OpenSansLight';
	background:#212121;
	width:130px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#FFF;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}

.box-pro .img .mask  a.buy{
	/* set top js*/
	left:100%;
	margin-left:-65px;
}

.box-pro .img .mask  a.detail{
	/* set bottom js*/
	left:0%;
	margin-left:-65px;	
}

.mpro .box-pro .img .mask  a.buy{
	top:25%;
}
.mpro .box-pro .img .mask  a.detail{
	top:50%;
}






.box-pro:hover .mask  a{
	left:50% !important;
}
.box-pro:hover .mask  a:hover{
	background:#ffa500
}

.box-pro .img .ImgC{
	/* resize width height js */
    overflow: hidden;
    display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.box-pro .img img{
	max-width:100%;
	position:absolute;
	top: 50%;
    left: 50%;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}

.box-pro:hover .mask{
	opacity:1;
}
.box-pro:hover .img img{
	-webkit-transform: scale(.95) ;
	-moz-transform: scale(.95) ;
	-ms-transform: scale(.95)  ;
	-o-transform: scale(.95);
	transform: scale(1.1) translate(-50%,-50%);
}

.box-pro .info{
	padding:0px 10px;
	display:block;
	width:100%;
	overflow:hidden;
	min-height:60px;
	text-align:center;	
	font-family:'Roboto'
}
.box-pro .info a{
    color: #000;
    font-size: 16px;
    display: block;
    text-transform: uppercase;
	    font-family: 'Roboto';
		    height: 40px;
}
.box-pro .info a:hover{
    color: #F00;
}
.box-pro .info p{
    color: #faac1c;
    font-size: 18px;
	margin-top:5px;
	margin-bottom:15px;
	    font-family: 'Roboto';
}
.content-right .owl-item{
	padding:0px 15px;
}
.content-right .owl-prev{
	position:absolute;
	right:55px;
	top:-68px;
	background:none !important;
	width:19px;
	height:20px;
	padding:0px !important;
	margin:0px !important;
	opacity:1 !important;
}
.content-right .owl-next{
	position:absolute;
	right:30px;
	top:-68px;
	background:none !important;
	width:19px;
	height:20px;
	padding:0px !important;
	margin:0px !important;
	opacity:1 !important;
}








#partners{
	margin-top:40px;
}

#partners .title{
	margin-top:0px;
	margin-bottom:30px;
	background:url(../images/icon_title3.png) no-repeat left center #f1f1f1;
	padding-left:60px;
}

#partners .title span{
	display:inline-block;
	text-transform:uppercase;
	padding:16px 0px;
	font-size:20px;
	color:#212121
}

#partners .owl-item{
	text-align:center;
}
#partners .owl-item img{
	height:75px;
}
#partners .owl-prev{
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-10px;
	background:none !important;
	width:19px;
	height:20px;
	display:none;
}
#partners .owl-next{
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-10px;
	background:none !important;
	width:19px;
	height:20px;
	display:none;
}
.partner-item img {
	/*width: 100%;
	    height: 100px;*/
}



footer{
    background: #245178;
    color: #fff;
    padding-bottom: 30px;
    padding-top: 30px;
}

footer .colleft{
	border-right: solid 1px #d7d7d7
}


footer h3{
	margin-top:0px;
}
footer h3 span{
	font-size:16px;
	text-transform:uppercase;
	display:inline-block;
	padding:5px 0px;
	font-family:'OpenSansSemibold';
}
footer .textfooter{
	font-size:13px;
	line-height:25px;

}

.receive{
	clear:both;
	overflow:hidden;
}
.receive input{
	float:left;
	width:75%;
	height:45px;
	border:solid 1px #d7d7d7;
	padding:0px 10px;
}
.receive button{
	float:left;
	width:24%;
	height:45px;
	border:none;
	background:#2c2c2c;
	color:#FFF;
	font-size:18px;
	font-family:'OpenSansSemibold';
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}
.receive button:hover{
	background:#00a306
}
footer .link {
	text-align:center;
	padding:7px 0px;
}

footer .link i {
	width:30px;
	height:30px;
	background:#d4d4d4;
	border-radius:50%;
	text-align:center;
	line-height:30px;
	color:#FFF;
	font-size:16px;
	margin:0px 2px;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}
footer .link i:hover{
	background:#000;
}

footer .facebook{
	float:left;
	width:330px;
	height:225px;
	overflow:hidden;
}


footer .map{
	float:right;
	width:340px;
	height:225px;
	overflow:hidden;
}

@media(max-width:767px) {
	footer .map,
	footer .facebook{
		width:100%;
	}
}


#copyright{
	text-align:center;
	color:#ffffff;
	background:#474747;
	padding:15px 0px;
	font-family:'OpenSansLight';
	font-size:14px;
}
#copyright a{
	color:#ffffff;
}





.product-wrapper  .box-out{
	width:33.33%;
}

@media (max-width: 768px) {
	.product-wrapper  .box-out{
		width: 50%;
		padding: 0px 7.5px;
	}
}
.top-site{max-height: 500px}

@media (max-width: 768px) {
	.parallax-window .row > div{
		margin-bottom: 2em;
	}
}

.parallax-window .row > div .item-statis{
	margin: 0 auto;
}

/* css edit */