body{
	font-family: 'Open Sans', sans-serif;
}

.za_noti_cab_voltar,
.za_menu_cont,
.za_cortina,
.za_menu_botao,
.za_bloco_icons a span,
.za_procurar input,
.za_acc_cont a,
ul.za_acc li,
.za_acc_menu,
.za_acc_menu span,
.za_acc_menu i,
.za_fx{
	-webkit-transition: all 450ms cubic-bezier(.29,.52,.22,1);
	-moz-transition: all 450ms cubic-bezier(.29,.52,.22,1);
	-o-transition: all 450ms cubic-bezier(.29,.52,.22,1);
	transition: all 450ms cubic-bezier(.29,.52,.22,1);
}

.fake{
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-image: url('/lixo/fake.png');
	background-position: left top;
	background-repeat: no-repeat;
}

.za_menu{
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	font-size: 0px;
}

.za_menu img{
	max-width: 100%;
}

.za_menu a{
	text-decoration: none;
	color: #fff;
	font-weight: 300;
}

.za_menu ul{
	list-style: none;
	padding: 0;
}

.za_menu ul li{
	position: relative;
	display: block;
}

.za_menu em,
.za_menu span{
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
}

.za_menu_cont{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #444e56;
	width: auto;
	color: #fff;
	font-size: 0px;
	box-sizing: border-box;
	z-index: 2;
}

.za_cortina{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
}

.za_menu_e,
.za_menu_c,
.za_menu_d{
	display: inline-block;
	font-size: 15px;
	vertical-align: top;
	box-sizing: border-box;
	position: relative;
	height: 100vh;
}
.za_menu_in{
	position: relative;
	padding: 30px 20px 0px 20px;
}

.za_menu_e{
	width: 300px;
}

.za_menu_c{
	width: 300px;
	background: rgba(0,0,0,0.07);
}

.za_menu_d{
	width: 500px;
}

.za_logo img{
	width: 100%;
	height: auto;
}

.za_logo{
	display: inline-block;
	vertical-align: middle;
	width: 110px;
}

.za_perfil{
	margin: 20px 0px 40px 0px;
}

.za_perfil span{
	width: 40px;
	position: relative;
	overflow: hidden;
	border-radius: 100%;
	font-size: 0px;
}

.za_perfil em{
	width: calc( 100% - 80px);
	padding-left: 15px;
	font-weight: 300;
}


.za_perfil a{
	display: block;
}

.za_mini_menu{
	position: relative;
	padding: 0px;
	display: inline-block;
	vertical-align: top;
	width: calc( 100% - 130px );
	margin-left: 15px;
	text-align: right;
}

.za_mini_menu a{
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
	position: relative;
}

.za_mini_menu a span{
	position: absolute;
	right: 5px;
	transform: translateX(50%);
	top: -25px;
	font-size: 11px;
	opacity: 0;
	pointer-events: none;
	white-space: nowrap;
}

.za_mini_menu a:hover > span{
	opacity: 1;
}

.za_main_menu ul li{
	position: relative;
	margin-bottom: 15px;
}

.za_main_menu ul li a{
	display: block;
}

.za_main_menu ul li a:hover > span{
	transform: scale(1.1,1.1);
}

.za_main_menu ul li span{
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 10px;
	font-size: 0px;
	position: relative;
	background: #ff084f;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
}
.za_main_menu ul li span i{
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	line-height: 38px;
	font-size: 24px;
}

.za_main_menu ul li em{
	width: calc( 100% - 55px);
	margin-left: 10px;
}

.za_main_menu ul li em small{
	display: inline;
	background: #ff084f;
	border-radius: 4px;
	padding: 3px;
	font-size: 11px;
	font-weight: 700;
}

ul.za_acc {
	list-style: none;
	padding: 0;
	height: calc( 100vh - 70px);
	position: relative;
	z-index: 2;
}

.sem_resultados{
	position: absolute;
	top: 90px;
	width: 100%;
	left: 0;
	text-align: center;
	display: none;
	opacity: 0.3;
	font-style: italic;
	font-size: 12px;
}

ul.za_acc .za_acc_cont {
	overflow: hidden;
	display: none;
	padding: 7px 0px;
}

ul.za_acc li {
	margin: 0;
	background: rgba(0,0,0,0.0);
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 2px;
}
ul.za_acc li:last-child{
	margin-bottom: 20px;
}

ul.za_acc li.aberto {
	background: #fff;
}

a.za_acc_menu {
	width: 100%;
	display: block;
	transition: background 0.3s ease;
	position: relative;
	padding: 11px 5px 11px 35px;
	box-sizing: border-box;
	font-size: 15px;
}

a.za_acc_menu:after{
	font-family: 'simple-line-icons';
	content: "\e604";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 8px;
	opacity: 0.2;
}

ul.za_acc li.aberto a.za_acc_menu{
	box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}

a.za_acc_menu i{
	position: absolute;
	left: 7px;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	font-size: 17px;
	opacity: 0.5;
}

a.za_acc_menu span{
	display: block;
}

ul.za_acc li.aberto a i,
a.za_acc_menu:hover > i {
	opacity: 1;
}

ul.za_acc li.aberto a span,
a.za_acc_menu:hover > span {
	transform: translateX(5px);
}


.za_acc_cont a,
ul.za_acc li.aberto a i,
ul.za_acc li.aberto a span{
	color: #444e56;
}

.za_acc_cont a{
	padding: 7px 11px;
	display: block;
}

.za_acc_cont a:hover{
	color: #ff084f;
}

.za_procurar{
	margin: 0px 10px 10px 10px;
	font-size: 0px;
	position: relative;
}

.za_procurar input{
	border: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	text-align: center;
	background: rgba(0,0,0,0.15);
	font-family: 'Open Sans';
	outline: none;
	font-size: 13px;
	color: #fff;
}

.za_procurar input:focus,
.za_procurar input:hover{
	background: rgba(0,0,0,0.3);
	color: #fff;
}

.za_procurar_input_x{
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0;
	top: 0;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
	display: none;
}

.za_procurar_input_x:hover{
	color: #ff084f;
}


.za_e_topo{
	position: relative;
	margin-top: 5px;
}

.za_bloco{
	margin-bottom: 30px;
}

.za_bloco_titulo{
	font-size: 18px;
	font-weight: 300;
	opacity: 0.4;
	padding-left: 13px;
	padding-bottom: 13px;
}

.za_bloco_icons{
	font-size: 0px;
}

.za_bloco_icons a{
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	text-align: center;
	width: 80px;
	padding-bottom: 5px;
}

.za_bloco_icons a span{
	width: 60px;
	height: 60px;
	display: inline-block;
	border-radius: 10px;
	background: #ff084f;
	color: #fff;
}

.za_bloco_icons.za_icons_brancos a span{
	color: #ff084f;
	background: #fff;
}

.za_bloco_icons a:hover > span{
	opacity: 0.6;
}

.za_bloco_icons a span i{
	font-size: 32px;
	display: block;
	width: 60px;
	height: 60px;
	line-height: 58px;
}


.za_bloco_icons a em{
	font-size: 12px;
	display: block;
	line-height: 15px;
	height: 30px;
	overflow: hidden;
	margin-top: 2px;
}

.em_procura .za_acc_menu{
	pointer-events: none;
}

.za_menu_botao{
	position: absolute;
	left: 0;
	top: 0;
	width: 45px;
	height: 45px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	background: #ff084f;
	color: #fff;
	cursor: pointer;
}

.za_menu_botao:hover{
	background: #444e56;
}

.za_bt_x{
	position: absolute;
	right: -50px;
	top: 10px;
	width: 40px;
	height: 40px;
	font-size: 30px;
	line-height: 44px;
	text-align: center;
	cursor: pointer;
	opacity: 0.5;
	color: #000;
	background: #fff;
	border-radius: 40px;
}

.za_bt_x:hover{
	transform: scale(1.1);
	opacity: 1;
}

.za_noti{
	position: absolute;
	height: 100vh;
	width: calc(100% - 300px);
	z-index: 2;
	left: 300px;
	top: 0;
	height: 100%;
}

.za_noti_cont{
	background: #3d454c;
	position: absolute;
	left: 0px;
	top: 50px;
	height: calc(100vh - 50px);
	width: 100%;
}
.za_noti_cab{
	background: #343b42;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 50px;
	width: 100%;
	text-align: right;
}

.za_noti_cont{
	position: relative;
}

.za_noti_cont a{
	display: block;
	padding: 15px 5px 15px 15px;
	font-size: 0px;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}
.za_noti_cont a span{
	font-size: 14px;
	font-weight: 300;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 130px);
	display: inline-block;
	vertical-align: middle;
}
.za_noti_cont a em{
	font-size: 12px;
	font-weight: 300;
	width: 90px;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.5;
}

.za_noti_check{
	font-size: 12px;
	font-weight: 300;
	width: 30px;
	height: 30px;
	margin: -10px 0px;
	line-height: 30px;
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.3;
	text-align: right;
	cursor: pointer;
}

.za_noti_check:hover{
	opacity: 1;
}

.za_noti_header_bt{
	display: inline-block;
	vertical-align: middle;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	padding: 0px 15px;
	opacity: 0.3;
	cursor: pointer;
}

.za_noti_header_bt:hover{
	opacity: 1;
}

.za_noti_header_bt i{
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
}

.za_noti_cab_voltar{
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	cursor: pointer;
}

.za_noti_cab_voltar:hover{
	transform: scale(1.1);
}











.za_noti{
	display: none;
}

.za_menu{
	display: none;
}

.za_menu_cont{
	transform: translateX(-100vw);
}
.za_menu.aberto .za_menu_cont{
	transform: translateX(0vw);
}

.za_cortina{
	opacity: 0;
}
.za_menu.aberto .za_cortina{
	opacity: 1;
}