@charset "UTF-8";

body {
	overflow-y: hidden; }
.scroll-top {
	display: none; }

/* Override */
.inner {
  width: calc( 100% - 6rem ); }
  @media all and (min-width:768px) and (max-width:1023px) {
	.inner {
    width: calc( 100% - 6rem ); }}
  @media all and (min-width:480px) and (max-width:767px) { 
	.inner {
    width: calc( 100% - 4rem ); }}
  @media all and (max-width:479px) {
	.inner {
    width: calc( 100% - 3rem ); }}

header .header-wrap {
	height: 0; }
header .header-wrap .first-header-wrap {
	visibility: hidden;
	opacity: 0; }
header .header-wrap .second-header-wrap .second-header-sticky {
	background: none;
	box-shadow: none; }
header .header-wrap .second-header-wrap .site-logo, header .header-wrap .second-header-wrap .menus {
  visibility: hidden; }
header.header-wrap .second-header-wrap .btn-menu {
	margin: 1.8rem 0 0 0;
	background: var(--color-bg-dark);
  color: var(--color-text-light); }

/* Background */
.container-wrap {
  height: 100%;
  width: 100%;
  position: relative; }
  
.container-wrap .background {
  position:absolute;
  height: 100%;
  width: 100%; }
/* .container-wrap .background .overlay {
    position: absolute; 
    width: 100%;
    height: 100%;
    background-color: rgba(250, 250, 250, 15%);
    z-index: 1; } */
.container-wrap .background .hh-cover {
    overflow: hidden;
    position: fixed;
    width: 100%; 
    height: 100%; }

.container-wrap .container {
  position: absolute;
  z-index: 3;
	height: 100%;
	width: 100%;
	max-width: 100%;
	padding: 0; }
.container-wrap .container .inner.home {
  max-width: 1440px;
  align-items: center;
  margin: 0 auto;
  height: 100%;
  overflow-y: hidden;}
.container-wrap .container .inner .home-wrapper {
	position: relative; }
		
.container-wrap .container .hh-hr-black {
  width: 5.5rem;
  border: 4px solid var(--color-bg-light);
  margin: 0 0 1.5rem 0; }
  @media all and (min-width:768px) and (max-width:1023px) {
  .container-wrap .container .hh-hr-black {
    width: 3.5rem;
    border: 3px solid var(--color-main-color);
    margin: 0 0 0.5rem 0;  }}
  @media all and (min-width:480px) and (max-width:767px) { 
  .container-wrap .container .hh-hr-black {
    width: 3.3rem;
    border: 3px solid var(--color-main-color);
    margin: 0 0 0.3rem 0;  }}
  @media all and (max-width:479px) {
  .container-wrap .container .hh-hr-black {
    width: 3.3rem;
    border: 3px solid var(--color-main-color);
    margin: 0 0 0.3rem 0;  }}
    
.container-wrap .container .logo-img {
  display: block;
  width: 28rem;
  height: 13rem;
  background: url('/images/common/constuling-logo-left-wht.png') no-repeat;
  background-size:28rem;
  background-position-y: 1rem; }
  @media all and (min-width:768px) and (max-width:1023px) {
  .container-wrap .container .logo-img {
    background-size: 22rem;
    height: 13rem; }}
  @media all and (min-width:480px) and (max-width:767px) { 
  .container-wrap .container .logo-img {
    background-size: 18rem;
    height: 11rem; }}
  @media all and (max-width:479px) {
  .container-wrap .container .logo-img {
    background-size: 15rem;
    height: 9rem; }}

.container-wrap .container .lang-menu-wrap {
	margin: 2rem 0;}
  @media all and (min-width:768px) and (max-width:1023px) {
	.container-wrap .container .lang-menu-wrap {
    margin: 1rem 0; }}
  @media all and (min-width:480px) and (max-width:767px) { 
	.container-wrap .container .lang-menu-wrap {
    margin: 1rem 0; }}
  @media all and (max-width:479px) {
	.container-wrap .container .lang-menu-wrap {
    margin: 1rem 0; }}
	
.container-wrap .container .lang-menu-wrap ul {
	list-style: none;
  display: flex;
  width: fit-content;
  padding: 0; }
.container-wrap .container .lang-menu-wrap .language-item {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
	color: var(--color-text-light);
	border-right: 1px solid var(--color-bg-light);
	height: 1rem;
	line-height: 1rem;
	padding: 0 1rem; }
.container-wrap .container .lang-menu-wrap .language-item:hover {
  color: var(--color-text-cyan) }
.container-wrap .container .lang-menu-wrap li:first-child a {
	padding-left: 0.3rem; }
.container-wrap .container .lang-menu-wrap li:last-child a {
  border-right: none; }

 
.main-footer {
  position: absolute;
  z-index: 3;
  display: flex;
  justify-content: center;
  bottom: 0;
  width: 100%;
  margin-bottom: 3rem; }	
.main-footer .inner {
  flex-direction: column;  
}
.main-footer .inner {
  flex-direction: column;
  text-align: right;  
}
.main-footer .footer-text {
  display: flex;
	justify-content: right;
	color: var(--color-text-light);
	font-size: 0.9rem; 
	padding: 0;
	margin: 0; }
  @media all and (min-width:768px) and (max-width:1023px) {
	.main-footer .footer-text {
    font-size: 0.9rem; }}
  @media all and (min-width:480px) and (max-width:767px) { 
	.main-footer .footer-text {
    font-size: 0.8rem; }}
  @media all and (max-width:479px) {
	.main-footer .footer-text {
    font-size: 0.8rem;  }}