/*header*/
header{
	position: fixed;
	top: 0;
	left: 0;
	padding: .85em;
	justify-content: space-between;
	align-items: center;	
	width: 100%;
	z-index: 22;
}
.hg-header-item{
	justify-content: space-between;
	align-items: center;	
	width: 100%;
	display: flex;	
}
#mob-nav{
	display: flex;
	position: relative;
	align-items: center;
}
#mob-nav span{
	line-height: 1;
	color: #fff;
}
#mob-nav.active span{
	opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
#mob-nav.active span.c-name{
	opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.c-name{
	position: absolute;
	left: 0;
	opacity: 0;
}
.i-grid{
	width: 2em;
	position: relative;
	display: flex;
	flex-direction:column;
	height: 5px;
	justify-content: center;
	align-items: center;
	margin-left: 1em;
}
.i-grid div{
	position: absolute;
	border-bottom: 1px solid #fff;
	width: 100%;
	left: 0;
	top: 0;

}
.active .i-grid div,
.active .i-grid div:last-child{
	top: 50%;
	bottom: auto;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
.active .i-grid div:last-child{
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}
.i-grid div:last-child{

	width: 100%;
	left: 0;
	top: auto;
	bottom: 0;

}
header{
	background: #000000;
    mix-blend-mode: exclusion;
}
#logo svg path{
	fill: #fff;
	stroke-width: 0;
}
#logo svg{
	height: 2.85em;
	width: auto;
}
#hg-menu{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #fff;
	padding-top: 5.9em;
	padding-bottom: 2.42em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    z-index: 2;
}
.sl-links-h {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 1.42em 0;
}
#h_m_menu .menu-item a{
	font-family: 'hg-tit';
	font-size: 1.14em;
	padding: .625em 0;
	position: relative;
	display: block;
}
.nav-i.clm{
	flex-direction: column;
	align-items: center;
	list-style: none;
	display: flex;
}
.f-item-n.f-rights{
	justify-content: space-between;
	align-items: center;
	opacity: .5;
	display: flex;
	width: 100%;
}
.f-item-n.f-rights b{
	font-family: 'hg-des-r';
}
/*header*/
/*footer*/
footer{
	flex-direction: column;
	align-items: center;
}
.f-item-n{
	position: relative;
	margin-bottom: 2.14em;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.f-item-n *{
	text-align: center;
}
/*footer*/
/*preload*/
.p-ready main,
.p-ready footer{
	opacity: 1;
}

main,
footer{
	opacity: 0;
}
/*preload*/
/*all*/
html, body {
  scroll-behavior: smooth;
}
.hg-video {
	position: absolute;
    top: 0;
    left: 0;
    object-fit: fill;
    width: 100%;
    height: 100%;
    background-position: center center;
    object-fit: cover;
    object-position: center center;
}
.sl-nav{
	display: flex;
	align-items: center;
	position: relative;
}
.sl-nav > div svg{
	padding: 1.16em 0;
	width: 1.5em;
	height: auto;
}
.sl-nav > div.prev-i{
	margin-right: 1.5em;
}
.sl-nav > div.prev-i svg{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);	
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}


.fs_s{
	font-size: .85em;
}
.th-mess b,
.th-mess strong,
.fs_m{
	font-size: 1.16em
}
.fs_m *,
.fs_s *{
	font-size: 1em;
}
/*pop*/
.th-mess.active{
	opacity: 1;
	pointer-events: all;
}
.th-mess{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
}
.th-mess b,
.th-mess strong{
	font-family: 'hg-tit';
	margin: 0 auto;
	text-align: center;
	margin-bottom: 1em;
	display: block;
	position: relative;
	width: 60%;
}
.f-open .hg-pop{
	-webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.iti{
	width: 100%;
	margin-bottom: 1em;
}
.hg-pop form input.not-valid{
	border-color: #7e0000;
}
.hg-pop form input,
.hg-pop form textarea{
	margin-bottom: 1em !important;
	position: relative;
	width: 100%;
	display: block;
}
.hg-pop form textarea{
	height: 8em;
}
.hg-pop form br{
	display: none;
}
.hg-pop {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.hg-pop h3{
	margin-bottom: 1em;
}
.hg-pop h3,
.hg-pop p{text-align: center;}

.hg-pop .close-btn{
	padding: 1.43em 0;
	position: absolute;
	top: 0;
	right: .85em;
	z-index: 3;
}
.hg-pop{
	-webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    height: 100vh;
    width: 100vw;
    z-index: 222;
}
.mm-open #hg-menu{
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.iti-mobile .iti--container{

}
/*pop*/
.h-page main{
	padding-top: 0;
}
main{
	padding-top: 4.55em;
}
.hg-pad{
	padding-left: .85em;
	padding-right: .85em;
}
#preferences-modal{
	display: none;
}

#c_mess button.accept{
	margin-right: 0;
}
#modal-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#modal-content h2{
	width: 100%;
}
#modal-content > div.category{
	position: relative;
	width: 45%;
	display: block;
}
#modal-content input{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 22;
	pointer-events: all;
	border-width: 0px;

}
#modal-content > div.category span{
	padding-left: 2em;
	position: relative;
}
#modal-content > div.category input[type="checkbox"]:checked + span::before{
	background: #000;
}
#modal-content > div.category.main span::before{
	opacity: .5;
}
#modal-content > div.category span::before{
	content: '';
	position: absolute;
	width: .5em;
	height: .5em;
	border: 1px solid #000;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    background: transparent;

}
#modal-content > div.category p{
	margin: 1em 0 ;
	opacity: 1;
	font-size: .85em;
}
#modal-content h2{
	margin: 1em 0 ;
	opacity: 1;
	font-size: .85em;
}
#c_mess .def_des{
	padding: 0;
	margin-bottom: 1em;
}
#preferences-modal{
	padding: 1em 0 ;
}

#c_mess button {
	display: inline-flex;
	flex-grow: 1;
	width: auto;
    font-size: 1em;
    
    margin-right: .5em;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: .5em;
    font-family: 'hg-des';
     	border-radius: 2px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid var(--bgb);

}
#c_mess .hg-fl{
	justify-content: space-between;
	align-items: center;
}
#c_mess .hg-cl-btn{
	margin-left: 3em;
}
#c_mess *{
	text-align: left;
}
#c_mess *{
	font-family: 'hg-des';
}
#c_mess{
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 2;
    background: rgba(255, 255, 255, .5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	padding: 2em 1em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.form-btn {
	position: relative;
	display: flex;
	width: fit-content;
	padding: 2em;
	justify-content: center;
	margin: 0 auto;
    margin-bottom: 4.27em;
}
.form-btn svg{
	position: absolute;
	height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);


}
body input{
	width: 100%;
	position: relative;
	display: table;
  	border-radius: 2px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.iti,
.iti *,
body input,
body input *{
	font-family: 'hg-des';
}
button,
body input.hg-btn *,
body .hg-btn *{
	color: #fff;
}
body #c_mess button,
body .hg-btn.trans{
	background: transparent;
	color: var(--bgb);
}
button,
body input.hg-btn,
body .hg-btn{
	background: var(--bgb);
	border:1px solid var(--bgb);
	color: #fff;
  	border-radius: 2px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
/*all*/
body,html{
	width: 100%;
	display: block;
	overflow-x: hidden;
}
/*page*/
.not-f-page .hg-item >div.des_grid{
	justify-content: center;
}
.page-tpl h1{
	text-transform: capitalize;
	text-align: center;
	position: relative;
	width: 100%;
	margin-bottom: 1em;
}
.def_des blockquote{
	width: 100%;
	padding: 1em;
	background-color: rgba(0, 0, 0, .05);
	color: #fff;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	 -ms-border-radius: 4px;
    border-radius: 4px;
	margin-bottom: 2em;
}
.def_des br{
	position: relative;
	display: block;
	margin-bottom: .5em;
}
.def_des p{
	padding-bottom: 1em;
	line-height: 1.5;
	position: relative;
	display: block;
}
.def_des ul,
.def_des ol{
	margin-bottom: 1em;
	padding-left: 0;
	list-style-position: outside;
	margin-top: 1em;
	padding-left: 1em;
}
.def_des ul li,	
.def_des ol li{
	position: relative;
	width: 100%;
	display: list-item;
	padding-bottom: .5em;

}
.def_des ul{
	list-style-type: disc;
	list-style-position: outside;
}
.def_des ol{
	list-style-type: decimal;
	list-style-position: outside;
}
.def_des a:hover::before{
	opacity: 0;
	width: 0;;
}
.hg-item.text .def_des a::before{
	border-color: #fff;
}
.hg-item.text .def_des a::before{
	opacity: 0;
}
.hg-item.text .def_des a{
	text-decoration: underline;
}
.def_des a::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid var(--bgb);
	
}
.def_des a{
	position: relative;
	display: initial;
	width: auto;
}
b,
strong,
.def_des b,
.def_des strong{
	font-family: hg-tit;
}
.page-tpl .def_des b,
.page-tpl .def_des strong{
	font-family: 'hg-des-r';
}
/*page*/
/*items*/
.sm-media{
	width: 53vw;
	margin: 1.28em auto;
	position: relative;
	height: -webkit-calc(53vw * 1.33);
    height: -moz-calc(53vw * 1.33);
    height: calc(53vw * 1.33);
    position: relative;
  	border-radius: 2px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	overflow: hidden;
}
.hg-item{
	position: relative;
	width: 100%;
	flex-direction: column;
}
.hg-item >div.des_grid.sm-media{
	min-height: auto;
	height: auto;
	padding: 6.25em .85em;
}
.hg-item >div.des_grid{
	justify-content: flex-end;
	padding-bottom: .85em;
}
.sm-media .bgcov,
.hg-item .bgcov{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hg-item >div *{
	text-align: center;
}
.hg-item >div.media-grid{
	order: 1;
	height: -webkit-calc(100vw * 1.33);
    height: -moz-calc(100vw * 1.33);
    height: calc(100vw * 1.33);
}
.hg-item >div{
	width: 100%;
	position: relative;
	min-height: 50vh;
	flex-direction: column;
	display: flex;flex: ;
}
.hg-item.text *{
	color: #fff;
}
.hg-item.text >div.des_grid{
	justify-content:space-between;
}
.hg-item.text h2{
	margin-bottom: 1.25em;
	margin-top: 4.31em;
}
.hg-item.text{
	background: var(--bgb);
	justify-content: center;
}
.hg-item.text .des-items{
	margin-top: 10.7em;
}
.hg-item.clm-sl h2{
	padding: 5.78em 0;
}
.hg-item.clm-sl > div.des-grid{
	padding-left: 0;
	padding-right: 0;
}
.hg-item.clm-sl .media-grid{
	order: 0;
}
.hg-item.text .des-items .des-i {
	margin-bottom: 2.14em;
}
.hg-item >div .sl-item .hg-fl *{
	text-align: left;
}
.hg-item.clm-sl .hg-sl{
	padding-left: .85em;
}
.sl-item .fs_m{
	color: #DEDEDE;
}
.sl-item .hg-fl{
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}
.sl-item {
	width: 75%;
	border: 1px solid #DEDEDE;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 80vw;
    padding: .85em;
    margin-right: .28em;
}
.has-sl {
	margin-bottom: 2.14em;
}


/*items*/