@charset "utf-8";
/* CSS Document*/
/****
* bullet: 2a4302
****/
:root{
	--ftitle: "Playfair Display", serif;
	--color-main: #63bc4c;
	--color-hover: #0d6c49;
}
body{
	margin: 0; padding: 0;
	position:relative;
	font: 400 14px/24px 'Roboto', sans-serif; color: RGB(59, 71, 87);
	overflow-x:hidden; width:100%;
  transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	width: 100%; height: 100vh; overflow: hidden;
}
/**************************
**************************/
#btn-scrolltop{
  display: none;
}
.img-responsive{
	max-width: 100%; height: auto;
}
/**************************
**
**************************/
.camera_wrap a, .camera_wrap img,
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img,
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
	background: none;
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none
}
.camera_wrap {
	direction: ltr;
	display: none;
	float: left;
	position: relative;
	z-index: 0;
}
.camera_wrap img {
	max-width: none!important;
	margin: 0 !important;
	width: 100vw; height: 100vh;
	object-fit: cover; object-position: center;
}
.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.camera_wrap {
	width: 100%;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.camera_target_content .camera_link {
    background: url(../images/blank.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}
.camera_loader {
    background: #fff url(../images/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}
.camera_bar {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
	height: 100%;
	position: absolute;
	width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
	height: auto;
	position: absolute;
	width: 100%;
}
.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}
.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}
/**************************
**************************/
.camera_commands{
	display: none !important;
}
/****************
*********************
*************/
#header{
	position: fixed; left: 0; top: 0; z-index: 999;
	width:100%;	display:block; float:left; clear:both;
	font-size:12px;	padding:15px 0px 0px; margin:0; color: #000;
	transition:all 0.3s ease-out 0s;	-moz-transition:all 0.3s ease-out 0s;	-webkit-transition:all 0.3s ease-out 0s;
}
/*********************/
/*********/
.header__logo{
	z-index: 9;
	display: none;
}
.header__logo img{
		height: 38px; display: inline-block;
		transition:all 0.2s ease-out 0s;	-moz-transition:all 0.2s ease-out 0s;	-webkit-transition:all 0.2s ease-out 0s;
}
/****************/
/***********************************/
.burger-btn{
  background-color:transparent;
  border: none;  border-radius:0;
  color:#fff;
  cursor:pointer;
  letter-spacing:.1em;
  padding:0;
  position:relative;
  outline-width:0;
  display:-webkit-box;  display:flex;
  width:60px; min-height:24px;
  -webkit-box-align:center;  align-items:center;
  -webkit-box-pack:justify;  justify-content:space-between;
  font-size: 13px; font-weight: 700;
	text-transform: uppercase;
}
.burger-btn:hover,
.burger-btn:focus{
  outline: none;
}
.burger-btn:after,.burger-btn:before{
    content:'';
    display:inline-block;
    width:100%; height:1px;
    background-color:currentColor;
    position:absolute;  top:0;  left:0;
    -webkit-transition:-webkit-transform .25s linear;
    transition:-webkit-transform .25s linear;
    transition:transform .25s linear;
    transition:transform .25s linear,-webkit-transform .25s linear;
    -webkit-transform-origin:left;
    transform-origin:left;
  }
.burger-btn:after{
  top:auto; bottom:0;
  -webkit-transform-origin:right;
  transform-origin:right
}
.burger-btn .burger-x{
  display:inline-block;
  position:relative;
  width:10px;
  -webkit-transition:-webkit-transform .25s linear;
  transition:-webkit-transform .25s linear;
  transition:transform .25s linear;
  transition:transform .25s linear,-webkit-transform .25s linear;
  -webkit-transform-origin:right;transform-origin:right
}
.burger-btn .burger-x:after,
.burger-btn .burger-x:before{
  content:'';
  display:inline-block;
  width:100%;height:1px;
  background-color:currentColor;
  position:absolute;  top:50%;  left:0;
  -webkit-transition:-webkit-transform .25s linear;
  transition:-webkit-transform .25s linear;
  transition:transform .25s linear;
  transition:transform .25s linear,-webkit-transform .25s linear
}
.burger-btn .burger-label{
  display:none;
  vertical-align:middle;
  margin-top: .6rem;  margin-bottom:.6rem;
  line-height:1.35;  text-align:right;
  -webkit-box-flex:1; flex-grow:1
}
.menu-open .burger-btn .label-close,
.burger-btn .label-open{
  display:inline-block
}
.menu-open .burger-btn .label-open{
  display:none;
}
.menu-open .burger-btn:hover .burger-x::before {
    -webkit-transform: rotate(45deg) scaleX(.8);
    transform: rotate(45deg) scaleX(.8);
}
.menu-open .burger-btn:hover .burger-x::after {
    -webkit-transform: rotate(-45deg) scaleX(.8);
    transform: rotate(-45deg) scaleX(.8);
}
body:not(.menu-open) .burger-btn:hover::after,
body:not(.menu-open) .burger-btn:hover::before {
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8);
}
/***************/
.home__about{
}
.home__about__container{
		position: absolute; left: 0; top: 0; z-index: 9;
		width: 43%; height: 100vh;
		overflow: hidden;
		padding: 30px 35px 30px;
		font-size: 13px; font-weight: 300;
		line-height: 24px;
		background: rgba(99, 188, 76, 0.85);
		color:rgb( 255, 255, 255);
}
.home__about__img img{
	display: inline-block;
	height: 55px;
}
.home__about__text{
		padding-bottom: 20px;
}
.home__about__text > p:last-child{
	margin-bottom: 0;
}
/**************/
.homeabout__list::before{
	position: absolute; left: 20px; top: 0; z-index: 1;
	content: ""; display: block;
	width: 42%; height: .15rem;
	background: rgb( 255, 255, 255, .8);
}
.home__about__text .readmore{
	background: rgb(255, 255, 255, .8); border: 1px solid var( --color-main);
	font-size: 12px; font-weight: bold;
	line-height: 20px; text-transform: capitalize;
	padding: 7px 15px; color: #000;
	border-radius: 4px;
}
.home__about__text .readmore:hover{
	color: var( --color-hover); text-decoration: none;
	background: #fff;
}
.home__about__text{
		margin-bottom: 10px;
}
/**************/
.homeabout__list{
	margin-left: -20px; margin-right: -20px;
	padding-top: 30px;
}
.homeabout__item{
	margin-bottom: 17px;
	padding-left: 20px; padding-right: 20px;
}
.homeabout__item a{
	color: #fff; display: block; text-align: center;
}
.homeabout__item a:hover{
	text-decoration: none;
}
.homeabout__item:hover . img{
	border-color: var( --color-hover);
}
.homeabout__title{
	position: relative;
	margin: 6px 0 0px; padding: 0;
	font-size: 13px; font-weight: 500; text-transform: capitalize;
	line-height: 18px;
}
.homeabout__img{
	margin: 0;
}
.homeabout__img img{
	display: inline-block;
	height: 82px; width: 82px;
	object-fit: cover; object-position: center;
	overflow: hidden;
	border-radius: 50%;
	border: 3px solid rgb( 255, 255, 255, .7);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.homeabout__des a{
	font-style: italic; font-weight: 500;
}
.homeabout__des a:hover{
	text-decoration: underline;
	border-color: #FFF;
}
.homeabout__img:hover img{
	border-color: #FFF;
}

/*********************************************/
#btn-scrolltop{
	position:fixed; right:15px; bottom:50px; z-index:9999;
	 display:none;
}
.act-scrolltop{
	width:36px; height:36px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none; background:none;
}
/*********************************************/
.hnav_collapse__container{
	background: rgba(99, 188, 76, 0.95);
  position: fixed;  left: 0; top: 0; z-index: 900;
  width: 100%; min-height: 100vh; overflow: hidden; overflow-y: auto;
  padding-top: 75px; padding-bottom: 60px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-150px);
  transform: translateY(-150px);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  transition: opacity .1s cubic-bezier(.47,0,.745,.715) .3s,transform .3s cubic-bezier(.47,0,.745,.715) .2s,visibility 0s 1s,-webkit-transform .3s cubic-bezier(.47,0,.745,.715) .2s;
}
.hnav_collapse__container.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: opacity .3s cubic-bezier(.39,.575,.565,1),transform .4s cubic-bezier(.39,.575,.565,1) .07s,visibility 0s,-webkit-transform .4s cubic-bezier(.39,.575,.565,1) .1s;
}
.hnav_collapse__container .imglogo__bg{
	height: 85px; display: inline-block;
}
.hnav_collapse__lang{
	padding: 20px 0 0; color: rgb( 255, 255, 255, .9)
}
.hnav_collapse__lang > a{
	display: inline-block;
	padding: 3px 15px; margin: 0 20px;
	min-width: 120px; line-height: 22px;
	font-size: 13px; font-weight: 500;
	text-transform: capitalize; color: #FFF;
	background: var( --color-hover);
	border-radius: 4px;
}
.hnav_collapse__lang > a:hover{
	text-decoration: none; color: #000;
}
.hnav_collapse__lang > a.selected{
	background: rgb( 255, 255, 255, 1);
	color: var( --color-main); font-weight: 500;
}
.hnav_collapse__navigation{
	margin: 0; padding: 0; list-style-type: none;
	font-size: 23px; line-height: 1.6;
	text-transform: capitalize;
	font-family: var( --ftitle);
}
.hnav_collapse__navigation > li{
	margin-bottom: 15px;
	position: relative;
}
.hnav_collapse__navigation button,
.hnav_collapse__navigation a{
	color: #fff;
	display: inline-block; position: relative;
	background: none; border: none;
	padding: 0px; margin: 0;
	outline: none;
	text-transform: capitalize;	font-family: var( --ftitle);
	font-weight: 500;
}
.hnav_collapse__navigation button{
	position: relative; display: block;
	width: 100%;
	text-align: left;
}
.hnav_collapse__navigation button::after{
	position:absolute; right:0; top:17px;
	width:40px; height:20px;
	padding-left: 10px; text-align: left;

	content: "\f0d7"; color: #FFF;
	font-size: 19px;
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.hnav_collapse__navigation button.active::after{
		content: "\f0d8";
}
.hnav_collapse__navigation a:hover{
	text-decoration: none;
}
.hnav_collapse__navigation .navitem-sub{
	position: relative;
	text-transform: capitalize;
	padding-left: 25px; font-weight: 300;
	font-size: 17px; font-family: 'Roboto', sans-serif;
	list-style-type: disc;
	margin: 7px 0;
	color: #fff;
}
.hnav_collapse__navigation .navitem-sub::before{
	position:absolute; left:0; top:9px;
	width:40px; height:20px;
	padding-left: 5px; text-align: left;

	content: "\f111"; color: #FFF;
	font-size: 8px;
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.hnav_collapse__navigation li a::before{
  position: absolute; left: 50%; bottom: 0;
  content: ""; display: block;
  width: 0; height: 2px;
  background: #FFF;
  transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.hnav_collapse__navigation .navitem-sub a::before{
	height: 1px;
}
.hnav_collapse__navigation a:hover::before{
  width: 100%; left: 0;
  transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
/*******************************/
.header__collapse__logo{
		margin-bottom: 2.5rem;
}
/**********************
**********************/
.floating_fixright{
	position: fixed; left: 0; bottom: 0; z-index: 999;
	width: 100%;
	margin: 0; padding: 7px 0;
	background: var( --color-main); color: #FFF;
}
.floating_fixright > div{
	border-left: 1px solid #FFF;
}
.floating_fixright > div:first-child{
	border-left: none
}
.floating_fixright a{
	display: block;
	font-size: 13px; font-weight: bold;
	line-height: 20px;
	border-radius: 4px; padding: 0px 10px;
	background: #FFF; text-align: center;
	min-width: 50px;
	min-height: 36px;
	line-height: 36px;
}
.floating_fixright .fa{
	font-size: 31px; transform: translateY( 5px);
	line-height: 1;
	color: var( --color-main);
}
.fixrgt_tuyensinh{
	background: #FFF; color: var( --color-main);
	width: 100%;
}
.fixrgt_tuyensinh .fa{
	font-size: 23px; transform: translateY( 3px);
	margin-right: 5px;
	animation: myanimation_iconts 1.35s infinite;
}
@keyframes myanimation_iconts {
  0% {
	  color: #F00;
  }
  25%{
	  color: #FFF;
  }
  50%{
	  color: #F00;
  }
  75%{
	  color: #FFF;
  }
  100% {
	  color: #F00;
  }
}

/*****************************/
@media screen and (max-width: 991px) {
	html{
		overflow-x: hidden;
	}
	body{
		height: auto; padding-bottom: 45px;
	}
	.header__logo__container{
		 	background-color: var( --color-main)
	}
	.header__logo{
		display: block;
	}
	.header__collapse__logo_img{
		display: none;
	}
	#header{
		padding: 10px 0;
		background-color: var( --color-main);
		border-bottom: 1px solid var( --color-hover);
	}
	.header__collapse__logo{
			margin-bottom: 1.75rem;
	}
	.burger-btn{
		font-size: 13px;
	}
	/*******************/
	#intro_jqcamera{
		overflow: hidden; z-index: 1;
	}
	#intro_jqcamera,
	.camera_wrap img{
		height: 62vh !important;
		object-fit: cover; object-position: center;
	}
	.home__about__container{
		position: relative;
		width: auto; height: auto;
		margin-left: -15px; margin-right: -15px;padding: 25px 15px;
	}
	.home__about__img {
		display: none;
	}
	.homeabout__img{
	}
	.homeabout__title{
		font-size: 15px;
		font-weight: normal;
		margin-top: 6px;
	}
	.hnav_collapse__container{
			 padding-top: 62px;
	}
	.hnav_collapse__container .imglogo__bg{
		height: 55px;
	}
	.hnav_collapse__navigation{
		font-size: 17px;
	}
	.hnav_collapse__navigation > li{
		margin-bottom: 12px;
	}
	.hnav_collapse__navigation .navitem-sub{
		font-size: 15px; margin-bottom: 10px;
	}
	.hnav_collapse__navigation .navitem-sub a{
		font-family: 'Roboto', sans-serif;
		font-weight: normal;
	}
	.home__about > .container{
		width: 100%; max-width: 100%;
	}
	.homeabout__list{
		font-size: 14px;
	}
	.hnav_collapse__navigation button::after{
		top: 5px; font-size: 15px; text-align: right;
	}
	.homeabout__list{
		margin-left: -15px; margin-right: -15px;
		padding-top: 30px;
	}
	.homeabout__item{
		margin-bottom: 22px;
		padding-left: 15px; padding-right: 15px;
	}
	.homeabout__list::before{
		right: 15px;
		width: auto; height: 1px;
		background: #fff;
	}

}
@media screen and ( min-width: 767px) and (max-width: 992px) {
	.homeabout__list{
		font-size: 15px;
	}
	.homeabout__title{
		font-size: 17px;
	}
}

@media screen and (min-width: 992px){
	#intro_jqcamera{
		z-index: 1;
		width: 100vw !important; height: 100vh !important;
	}
	/***************/
	.camera_wrap img {
		max-width: none!important;
		margin: 0 !important;
		width: 100vw !important; height: 100vh !important;
		object-fit: cover; object-position: center;
	}
	.floating_fixright{
		right: 0; bottom: 50%; left: auto;
		transform: translateY( 50px);
		width: 46px;
		background: none;
	}
	.floating_fixright > div{
		border: none;
		padding: 5px 0;
	}
	.floating_fixright > div.xs-hide{
		display: none;
	}
	.fixrgt_tuyensinh{
		writing-mode: vertical-rl;
		text-orientation: mixed;
	}
	.floating_fixright a{
		min-width: 0; width: 46px;
		height: auto; min-height: 0;
		line-height: 32px;
	}
	.floating_fixright .fixrgt_tuyensinh{
		padding: 15px 5px;
		background: var( --color-main); color: #FFF;
		font-weight: bold; text-transform: uppercase;
		border-radius: 6px 0 0 6px;
		box-shadow: 0 .25rem .5rem rgba(0,0,0,.075);
	}
	.floating_fixright .fixrgt_tuyensinh:hover{
		background: var( --color-hover);
	}
	.floating_fixright .fa{
		color: #FFF; margin: 0 0 8px 3px;
	}
}
@media screen and (min-width: 992px) and ( max-width: 1200px) {
	.home__about__container{
		width: 60%;
	}
}
.header__nav__container > span{
	display: inline-block; vertical-align: middle;
}
.header__nav__lang{
	margin-left: 17px;
}
.header__nav__lang img{
	display: inline-block;
	height: 24px; width: auto;
	opacity: .95;
}
.header__nav__lang:hover img{
	opacity: 1;
}