/*-----------------------------------------------------------------------------------*/
/*	NAVBAR
/*-----------------------------------------------------------------------------------*/
.navbar {
	background:#f2ece5;
	border-bottom:0.15rem solid #ccc;
	width:100%;
	height:7.5rem;
	top:0;
	left:0;
	z-index:98;
	position:fixed;}

/*-----------------------------------------------------------------------------------*/
/*	LOGO
/*-----------------------------------------------------------------------------------*/
#logo {
	position:absolute;
	top:1.25rem;
	left:3rem;
	width:18rem;
	z-index:100;}

/*-----------------------------------------------------------------------------------*/
/*	MENU-LOGIN
/*-----------------------------------------------------------------------------------*/
#menu-login {
	border-left:0.15rem solid #ccc;
	border-right:0.15rem solid #ccc;
	position:fixed;
	top:0;
	right:calc(25% - 7.65rem);
	width:7.5rem;
	line-height:7.5rem;
	text-align:center;
	z-index:0;}
#menu-login i {font-size:1.5rem;}

.checkbox-container {position:fixed;top:0;right:calc(25% - 7.65rem);width:7.5rem;height:7.5rem;z-index:1;}
.checkbox-container:hover {color:#d35f5f;}
.checkbox-container form {padding:1.5rem;color:#493736;}
.checkbox-container button, .checkbox-container input[type="button"], .checkbox-container input[type="submit"] {margin-top:-3rem;}
.checkbox-container .col-50-a {width:calc(50% - 0.75rem);margin-right:0.75rem;float:left;}
.checkbox-container .col-50-b {width:calc(50% - 0.75rem);margin-left:0.75rem;float:left;}

.checkbox-trigger {opacity:0;position:absolute;width:7.5rem;height:7.5rem;left:0px;cursor:pointer;z-index:5;}
.checkbox-trigger:checked {left:0;}
.checkbox-trigger:checked + .menu-content {
	background:#f2ece5;
	border:0.15rem solid #ccc;
	width:36rem;
	height:18rem;
	margin-top:7.5rem;
	margin-left:-28.65rem;
	transition:width 0.7s ease 0.3s, height 0.3s ease;}

.menu-content {
	background:#f2ece5;
	border:0 solid #ccc;
	display: block;
	margin-top:7.5rem;
	margin-left:-28.65rem;
	width:36rem;
	height: 0px;
	overflow: hidden;
	transition: height 0s ease 0s, width 0 ease;}

/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/
 #menu {
	top:1.5rem;
	left:0;
	right:0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align:center;
	position:absolute;}
.tm-nav .show #menu {right:0;}

.nav-link {
    font-size:1.2rem;
	line-height:4.5rem;
	text-transform:uppercase;
	font-weight:900;
	margin:0 3rem;
	color:#493736;}
.nav-link:hover {color:#d35f5f;}
.nav-link.current {color:#d35f5f;}

.menu-home {
	border-left:0.15rem solid #ccc;
	border-right:0.15rem solid #ccc;
	position:absolute;
	padding:0;
	margin:0;
	top:-1.5rem;
	left:calc(25% - 7.65rem);
	width:7.5rem;
	line-height:7.5rem;
	text-align:center;
	z-index:100;}
.menu-home:hover {color:#d35f5f;}
.nav-link.current.menu-home {color:#d35f5f;}
.menu-home i {font-size:1.6rem;}

.menu-cto {
	background:#493736;
	border-radius:0.75rem;
	color:#f2ece5;
	width:18rem;
	top:0;
	right:0;
	text-align:center;
	position:absolute;
	z-index:1;}
.menu-cto:hover {color:#f2ece5;}
.nav-link.current.menu-cto {background:#d35f5f;color:#f2ece5;}
.menu-cto i {border-left:0.15rem solid #f2ece5;margin-left:2.25rem;padding-left:2.25rem;}
.menu-cto::before {
	background:#d35f5f;
	border-radius:0.75rem;
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	height:100%;
	width:0;
	transition:width 0.3s ease;
	z-index:-1;}
.menu-cto:hover::before {width:100%;}

/*-----------------------------------------------------------------------------------*/
/*	NAV-TOGGLE
/*-----------------------------------------------------------------------------------*/
.navbar-toggler {
	background:#493736;
	border-radius:0.75rem;
	color:#f2ece5;
	font-weight:900;
	width:12rem;
	line-height:4.5rem;
    font-size:1.2rem;
	position:absolute;
	top:1.5rem;
	right:3rem;
	text-align:center;
	cursor:pointer;
	opacity:1;
	z-index:100000;
	display:none;}
.navbar-toggler i {border-left:0.15rem solid #f2ece5;margin-left:1.5rem;padding-left:1.5rem;}
.navbar-toggler::before {
	background:#d35f5f;
	border-radius:0.75rem;
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	height:100%;
	width:0;
	transition:width 0.3s ease;
	z-index:-1;}
.navbar-toggler:hover::before {width:100%;}

/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media (min-width: 1025px) and (max-width: 1265px) {
.navbar-toggler {display:inline;}
#menu {background:#e4d7ca;width:100%;height:calc(100vh - 7.5rem);top:7.5rem;left:100%;display:inherit;text-align:left;}
.tm-nav .show #menu {left:0;}
.nav-link {
	border-top:0.15rem solid #bbb;
	line-height:calc(16.6666666667vh - 1.35rem);
	margin:0;
	padding:0 3rem;
	width:calc(100% - 6rem);
	display:block;}
.menu-home {
	border-left:0 solid #bbb;
	border-right:0 solid #bbb;
	position:relative;
	top:0;
	left:0;
	width:auto;
	line-height:auto;
	text-align:left;}
.menu-cto {background:transparent;border-radius:0;color:#493736;width:auto;text-align:left;position:relative;}
.menu-cto:hover {color:#d35f5f;}
.nav-link.current.menu-cto {background:transparent;color:#d35f5f;}
.menu-cto i {display:none;}
.menu-cto::before {display:none;}
.menu-cto:hover::before {display:none;}}

@media (min-width: 0px) and (max-width: 1025px) {
#logo {left:1.5rem;}
#menu-login {display:none;}
.checkbox-container {display:none;}
.navbar-toggler {display:inline;right:1.5rem;}
#menu {background:#e4d7ca;width:100%;height:calc(100vh - 7.5rem);top:7.5rem;left:100%;display:inherit;text-align:left;}
.tm-nav .show #menu {left:0;}
.nav-link {
	border-top:0.15rem solid #bbb;
	line-height:calc(16.6666666667vh - 1.35rem);
	margin:0;
	padding:0 1.5rem;
	width:calc(100% - 3rem);
	display:block;}
.menu-home {
	border-left:0 solid #bbb;
	border-right:0 solid #bbb;
	position:relative;
	top:0;
	left:0;
	width:auto;
	line-height:auto;
	text-align:left;}
.menu-cto {background:transparent;border-radius:0;color:#493736;width:auto;text-align:left;position:relative;}
.menu-cto:hover {color:#d35f5f;}
.nav-link.current.menu-cto {background:transparent;	color:#d35f5f;}
.menu-cto i {display:none;}
.menu-cto::before {display:none;}
.menu-cto:hover::before {display:none;}}