/*-----------------------------------------------------------------------------------*/
/*	LOGO
/*-----------------------------------------------------------------------------------*/
#logo img {width:18.0rem;margin:4.5rem;top:0;position:fixed;z-index:10;}
  
/*-----------------------------------------------------------------------------------*/
/*	TOOGLER
/*-----------------------------------------------------------------------------------*/
.menu-tx {
	letter-spacing:0.1rem;
	right:9.75rem;
	top:5.75rem;
	text-transform:uppercase;
	position:fixed;
	z-index:10;
	color:#bbb;
	font-weight:700;
	transition:1s all ease;
    -webkit-touch-callout: none;  /* iPhone OS, Safari */
    -webkit-user-select: none;    /* Chrome, Safari 3 */
    -khtml-user-select: none;     /* Safari 2 */
    -moz-user-select: none;       /* Firefox */
    -ms-user-select: none;        /* IE10+ */
    user-select: none;            /* Possível implementação no futuro */
    /* cursor: default; */}
body.modal-open .menu-tx {transform:scale(0, 0);}
.alt.active .menu-tx {transform:scale(0, 0);}
.menu-toogler {
	background:#333;
	border-radius:50%;
	width:4.5rem;
	height:4.5rem;
	right:4.5rem;
	top:4.5rem;
	text-transform:uppercase;
	cursor:pointer;
	position:fixed;
	transition:1s all ease;
	text-align:center;
	z-index:10;}
.menu-toogler .icon {color:#fff;font-size:1.3rem;line-height:4.5rem;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:#ddd;
	top:0;
	left:0;
	right:0;  
	height:100vh;
	opacity:1;
	overflow:auto;
	position:fixed;
	visibility:visible;
	z-index:100;}
.js [data-modal][hidden],
.a11y-modal[hidden] {display:block;opacity:0;visibility:hidden;}
.btn-fd {
	background:#2c89a0ff;
	width:15.0rem;
	height:15.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:3.0rem;
	font-weight:100;
	text-align:center;
	position: fixed;
	top:0;
	right:0;
	width:15.0rem;
	height:16.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:#ddd;}
.menu-modal-tl h1 {
	margin-top:-30.0rem;
	margin-left:calc(40% + 7.5rem);
	line-height:15.0rem;
	text-transform:uppercase;
	letter-spacing:0.2rem;
	transition:1s all ease;
	transform:scale(1, 0);
	font-weight:500;
	color:#d35f5f;}
body.modal-open .menu-modal-tl h1 {transform:scale(1, 1);margin-top:0;}
.menu-modal-img {
	background-image: url("../images/menu.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width:0%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	transition:1.5s all ease;}
body.modal-open .menu-modal-img {width:40%;}
.menu-modal-tx {
	width:calc(60% - 15.0rem);
	top:15.0rem;
	left:70%;
	position:fixed;
	transition:1.5s all ease;
	transform:scale(0, 1);}
body.modal-open .menu-modal-tx {left:calc(40% + 7.5rem);transform:scale(1, 1);}
.menu-modal-tx a {display:block;color:#333;font-size:3.0rem;line-height:calc(20vh - 6.0rem);font-weight:900;}
.menu-modal-tx a:hover {color:#2c89a0ff;}
.menu-modal-ct {
	width:calc(60% - 15.0rem);
	bottom:1.5rem;
	left:calc(40% + 7.5rem);
	position:fixed;
	transition:1.5s all ease;
	transform:scale(1, 0);}
body.modal-open .menu-modal-ct {transform:scale(1, 1);}
.menu-modal-ct h6 {margin-top:0.75rem;}

/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media (min-width: 970px) and (max-width: 1270px) {
#logo img {margin:3.0rem;}
.menu-tx {right:8.25rem;top:4.25rem;}
.menu-toogler {right:3.0rem;top:3.0rem;}
.menu-modal-tl h1 {line-height:12.0rem;margin-left:calc(40% + 3.0rem);}
.btn-fd {width:12.0rem;height:12.0rem;}
.is-icon-btn {width:12.0rem;height:13.0rem;}
.menu-modal-tx {width:calc(60% - 6.0rem);top:12.0rem;left:70%;}
body.modal-open .menu-modal-tx {left:calc(40% + 3.0rem);}
.menu-modal-tx a {line-height:calc(20vh - 5.25rem);}
.menu-modal-ct {width:calc(60% - 6.0rem);left:calc(40% + 3.0rem);}}

@media (min-width: 420px) and (max-width: 970px) {
#logo img {margin:1.5rem;}
.menu-tx {right:6.75rem;top:2.75rem;}
.menu-toogler {right:1.5rem;top:1.5rem;}
.menu-modal-tl h1 {line-height:9.0rem;margin-left:1.5rem;}
.btn-fd {width:9.0rem;height:9.0rem;}
.is-icon-btn {width:9.0rem;height:10.0rem;}
.menu-modal-img {margin-left:-100%;}
.menu-modal-tx {width:calc(100% - 3.0rem);top:9.0rem;left:1.5rem;}
body.modal-open .menu-modal-tx {left:1.5rem;}
.menu-modal-tx a {line-height:calc(20vh - 4.5rem);}
.menu-modal-ct {display:none;}}

@media (min-width: 0px) and (max-width: 420px) {
#logo img {margin:1.5rem;}
.menu-tx {right:6.75rem;top:2.75rem;}
.menu-toogler {right:1.5rem;top:1.5rem;}
.menu-modal-tl h1 {line-height:9.0rem;margin-left:1.5rem;}
.btn-fd {width:9.0rem;height:9.0rem;}
.is-icon-btn {width:9.0rem;height:10.0rem;}
.menu-modal-img {margin-left:-100%;}
.menu-modal-tx {width:calc(100% - 3.0rem);top:9.0rem;left:1.5rem;}
body.modal-open .menu-modal-tx {left:1.5rem;}
.menu-modal-tx a {line-height:calc(20vh - 4.5rem);}
.menu-modal-ct {display:none;}}