header {height:12.0rem;position:relative;}
.header-fd {background:#f6f6f6;width:100%;height:12.0rem;position:fixed;z-index:10;transition:1.5s all ease;}

/*-----------------------------------------------------------------------------------*/
/*	LOGO
/*-----------------------------------------------------------------------------------*/
#logo img {width:20.0rem;margin:3.5rem calc(5% + 1.5rem);top:0;position:fixed;transition:1.5s all ease;}
  
/*-----------------------------------------------------------------------------------*/
/*	TOOGLER
/*-----------------------------------------------------------------------------------*/
.menu-tx {
	letter-spacing:0.1rem;
	right:calc(5% + 5.0rem);
	top:5.0rem;
	text-transform:uppercase;
	position:fixed;
	z-index:10;
	font-weight:600;
	transition:1.5s all ease;}
body.modal-open .menu-tx {transform:scale(0, 1);}
.menu-toogler {
	border-radius:50%;
	width:8.0rem;
	height:3.0rem;
	right:calc(5% + 1.5rem);
	top:4.5rem;
	text-transform:uppercase;
	cursor:pointer;
	position:fixed;
	transition:1.5s all ease;
	text-align:right;
	z-index:100;}
.menu-toogler .icon {font-size:3.0rem;line-height:3.0rem;z-index:-1;}
body.modal-open .menu-toogler {transform:scale(0, 0);}

/*-----------------------------------------------------------------------------------*/
/*	MODAL
/*-----------------------------------------------------------------------------------*/
body.modal-open {overflow:hidden;}
[data-modal]:focus, textarea {outline:0;box-shadow:none;}
[data-modal-open]:focus, textarea {outline:0;box-shadow:none;background:transparent;}
.js [data-modal], .a11y-modal {
	background:#f6f6f6;
	top:0;
	left:0;
	right:0;  
	height:100vh;
	opacity:1;
	overflow:auto;
	position:fixed;
	visibility:visible;
	z-index:1000;}
.js [data-modal][hidden],
.a11y-modal[hidden] {display:block;opacity:0;visibility:hidden;}

.menu-br-50 {border-left:0.15rem solid #999;height:0;left:calc(50% - 0.075rem);top:0;position:absolute;z-index:1;transition:1.5s all ease;}
body.modal-open .menu-br-50 {height:100%;}

.btn-fd {background:#077754;width:12.0rem;height:12.0rem;top:0;right:0;position:absolute;transition:1s all ease;transform:scale(1, 0);}
body.modal-open .btn-fd {transform:scale(1, 1);}
.is-icon-btn {
	background:transparent;
	font-size:2.5rem;
	font-weight:100;
	text-align:center;
	position: fixed;
	top:0;
	right:0;
	width:12.0rem;
	height:13.0rem;
	cursor:pointer;
	transition:2s all ease;
	transform:scale(0, 0);}
body.modal-open .is-icon-btn {transform:scale(1, 1);}
.is-icon-btn .icon {color:#f6f6f6;}

.menu-modal-img {
	background-image:url("../images/menu.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:0%;
	height:calc(100% - 3.0rem);
	top:1.5rem;
	left:1.5rem;
	position:absolute;
	transition:1.5s all ease;}
body.modal-open .menu-modal-img {width:calc(50% - 3.0rem);}

.menu-modal-tl h1 {margin-top:-30.0rem;margin-left:calc(55% + 1.5rem);line-height:12.0rem;transition:1s all ease;transform:scale(1, 0);color:#aaa;}
body.modal-open .menu-modal-tl h1 {transform:scale(1, 1);margin-top:0;}

.menu-modal-tx {width:calc(40% - 3.0rem);top:calc(20vh + 3.0rem);left:70%;position:fixed;transition:1.5s all ease;transform:scale(0, 1);}
body.modal-open .menu-modal-tx {left:calc(55% + 1.5rem);transform:scale(1, 1);}
.menu-modal-tx a {display:block;text-transform:uppercase;font-weight:600;font-size:2.5rem;line-height:12vh;}

.menu-modal-ct {width:calc(40% - 3.0rem);bottom:-10.5rem;left:calc(55% + 1.5rem);position:fixed;transition:1.5s all ease;}
body.modal-open .menu-modal-ct {bottom:1.5rem;}
.menu-modal-ct h6 {margin-top:0.75rem;font-weight:600;}

/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media (min-width: 1020px) and (max-width: 1270px) {
header {height:12.0rem;}
.header-fd {height:12.0rem;}
#logo img {margin:3.5rem calc(5% + 1.5rem);}
.menu-tx {top:5.0rem;}
.menu-toogler {top:4.5rem;}}

@media (min-width: 620px) and (max-width: 1020px) {
header {height:12.0rem;}
.header-fd {height:12.0rem;}
#logo img {margin:3.5rem calc(5% + 1.5rem);}
.menu-tx {display:none;}
.menu-toogler {top:4.5rem;width:3.0rem;}
.menu-br-50 {display:none;}
.menu-modal-img {opacity:0;}
.menu-modal-tl h1 {margin-left:calc(5% + 1.5rem);}
.menu-modal-tx {width:calc(90% - 3.0rem);}
body.modal-open .menu-modal-tx {left:calc(5% + 1.5rem);}
.menu-modal-ct {display:none;}}

@media (min-width: 0px) and (max-width: 620px) {
header {height:10.5rem;}
.header-fd {height:10.5rem;}
.alt.active .header-fd {height:10.5rem;}
#logo img {margin:2.75rem calc(2% + 1.5rem);}
.alt.active #logo img {margin:2.75rem calc(2% + 1.5rem);}
.menu-tx {display:none;}
.menu-toogler {top:3.75rem;width:3.0rem;right:calc(2% + 1.5rem);}
.alt.active .menu-toogler {top:3.75rem;width:3.0rem;right:calc(2% + 1.5rem);}
.btn-fd {width:10.5rem;height:10.5rem;}
.is-icon-btn {width:10.5rem;height:11.5rem;}
.menu-br-50 {display:none;}
.menu-modal-img {opacity:0;}
.menu-modal-tl h1 {margin-left:calc(2% + 1.5rem);line-height:10.5rem;}
.menu-modal-tx {width:calc(96% - 3.0rem);}
body.modal-open .menu-modal-tx {left:calc(2% + 1.5rem);}
.menu-modal-tx a {font-size:2.0rem;}
.menu-modal-ct {display:none;}}