/*MENU VERTICAL*/
#vmenu { width: 17%; background-color: #07a2dd !important; border-radius: 20px 0 0 20px; padding-left: 0 !important }
li#vmenu:hover { background-color: #07a2dd !important }
#vmenu > div { display: flex !important; align-items: center; background: #0474b5; border-radius: 25px; padding: 0 5px !important }
#mtnav li#vmenu:hover > div, #mtnav li#vmenu div.hovered { background-color: #0474b5 !important; border-radius: 20px 20px 0 0 }
#vmenu .fa-bars { position: absolute; background: #07a2dd; color: #fff; border-radius: 100%; width: 30px; height: 30px; text-align: center; line-height: 30px }
#vmenu a.menu-title { color: #fff !important; margin-left: 30px }
#vmenu:hover #menu, #vmenu.hovered #menu { display: block; }
#menu { left: 0 !important; z-index: 99; background: #FFF; box-shadow: 0px 3px 5px rgba(0, 0, 0, .1); border-radius: 0 0 20px 20px; }
#menu ul.vmenu { display: grid }
ul.vmenu { max-width: 250px; background: #f9f9f9; border-radius: 0 0 0 20px; }
#menu ul li.active { padding: 0 10px }
.vmenu li.level0 { display: flex !important; flex-direction: row-reverse; background-image: none !important; }
.vmenu li.level0 i:before { content: '\f105' !important; font-weight: 300 }
#mtnav li.level0 ul li a:hover,
.vmenu li.level0 ul li.parent:hover { background-color: transparent !important }
.vmenu li.level0:last-child { border-radius: 0 0 0 20px  }
#menu li div.shown-sub { margin-left: 250px; padding-right: 250px; top: 0;  }
#menu .vmenu li.parent-sub.hovered { background-color: #fff; }
#menu .vmenu .sub-wrapper .mm-item-base { padding: 0; border-top: 0; box-shadow: none }
#menu .vmenu .mtmenu-block-center { margin: 0; padding-top: 0 }

li.level0.attribute { display: flex !important }
.level0.attribute { width: 83%; padding-left: 0 !important }
.level0.attribute > a { background: #07a2dd; color: #fff !important; font-weight: 500; border-radius: 0 20px 20px 0; padding: 0 15px 0 0 !important; }
.scroll-left, .scroll-right { border: none; cursor: pointer; margin: 0 0 0 5px; background: none }
.scroll-left i, .scroll-right i { background-color: #00a3dd; color: white; width: 20px; height: 20px; text-align: center; vertical-align: middle; line-height: 20px; border-radius: 100%; }
.scroll-left:hover i, .scroll-right:hover i { background-color: #0076b5; }
.sub-wrapper-attribute { overflow-x: scroll; }
.sub-wrapper-attribute::-webkit-scrollbar { display: none }
/*.sub-wrapper-attribute::-webkit-scrollbar-thumb { background-color: darkgray; border-radius: 4px; }*/
.sub-wrapper-attribute ul { display: -webkit-box; }
.sub-wrapper-attribute ul li a { padding: 0 10px !important; line-height: 40px !important }

@media(max-width: 1024px) {
	#vmenu { width: 23%; }
	.level0.attribute { width: 77%; }
}


/*#mtnav li[class*="nav-"] div.shown-sub { display: none !important }*/
/*#mtnav li.m-dropdown .dropdown.sub-wrapper { background: #fff; max-height: 60vh; overflow: scroll; box-shadow: 0px 3px 5px rgba(0, 0, 0, .1); border-radius: 0 0 20px 20px }
#mtnav li.m-dropdown .dropdown.sub-wrapper li.level1 { padding: 0 12px }
#mtnav li.level0 ul li.groups .level2 a { padding: 5px 10px }
#mtnav li.level0 ul li a span.title_group { font-weight: 500 }*/

/*.v-menu { display: flow-root !important; }

.mt-main-menu { height: auto; z-index: 999; }
.mt-main-menu:hover { cursor: pointer; }
.mt-main-menu .menu-title { background: #0474b5; height: 40px; padding: 0 15px; display: flex; flex-direction: column; justify-content: center; border-radius: 25px; }
.mt-main-menu .menu-title .title { font-size: 16px; position: absolute; left: 45px; font-weight: 600; color:#fff; }
.mt-main-menu .menu-title:after { content: "\f107"; font-family: 'Font Awesome 7 Pro'; position: absolute; right: 10%; font-size: 16px; color: #fff; }
.mt-main-menu .menu-title .icon-bar { width: 20px; height: 2px; display: block; background: #fff; margin: 2px; }

#mtnav { width:100%; display: none !important; position: absolute; height: auto; background:#fff; border: 1px solid #eee !important; padding: 0; box-shadow: 1px 6px 7px 0 rgba(0, 0, 0, 0.15); }

#mtnav.active { display: block !important; }
.header-layout-2 #mtnav.active { width: 1360px; }
.header-layout-3 #mtnav.active { left: -100%; width: 510%;}
#mtnav.active:before { display: block; position: fixed; content: ''; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); z-index: -1; }

#mtnav li .ico-menu img { filter: brightness(0); transition: all .2s ease-in-out }
#mtnav li:hover .ico-menu img { filter: none; }
#mtnav li .ico-menu { float: left; width: 24px; margin-top: -6px; margin-right: 6px }
#mtnav li .ico-menu img {  text-align: center; }
#mtnav li span.dep { padding-left: 40px ; }

#mtnav li.level0 { float: none; display: flex; height: auto; }

#mtnav .fa-angle-right { float: none !important; position: absolute; left: auto; right: 0; font-size: 18px; }
#mtnav .fa-light,
#mtnav .fa-regular,
#mtnav .fa-solid  { float: left; margin-right: 10px; font-size: 16px; width: 20px; text-align: center; line-height: inherit; }
#mtnav li { border-top: 1px solid #dedede; }
#mtnav li:first-child { border: 0 }
#mtnav li a { width: 100%; padding: 12px 0px; z-index: 9; font-size: 16px ; }

#mtnav span { white-space: normal; line-height: 16px; }
#mtnav li.level0:hover > .sub-wrapper,
#mtnav li.level0 ul li.parent:hover .sub-wrapper { display: block !important; }

#mtnav .sub-wrapper { top: 0; left: 100% !important; }

#mtnav ul.level0 li { padding-bottom: 0 }
#mtnav li.level0 ul li.parent:hover,
.mt-navigation #mtnav li.level0 ul li a:hover { background-color: transparent; color: #3a6ec1 }
#mtnav li.m-dropdown .dropdown.sub-wrapper div.mm-item-base div ul li div div.mm-item-base { margin: 0}


#mtnav li.level0 ul li.groups,
#mtnav li.level0 ul li.groups a { border: 0 !important; font-size: 14px; }

.mtmenu-block-left, .mtmenu-block-center { padding: 0; margin: 0 }
#mtnav .dropdown ul.level0 li.level1:last-child,
#mtnav li.level0 ul li ul li:last-child a { border-bottom: 0}
#mtnav li.level0 ul li a { padding: 12px 10px; }
#mtnav li.level0 ul li.parent { background: none }

.menu-static-blocks img { max-height: 300px; float: right; border-radius: 12px }

ul.custom-menu { height: 50px; margin: 0;}
ul.custom-menu li { display: inline-block; line-height: 50px; padding: 0 15px; } 
ul.custom-menu li a { font-size: 16px !important; font-weight: 500; }


ul.custom-menu li a:before { font-family: 'Font Awesome 6 Pro'; font-weight: 400; position: absolute; font-size: 16px; text-align: center; width: 30px; }
ul.custom-menu li a[href*='sobre-nos']:before { content: '\e61c'; }
ul.custom-menu li a[href*='produtos']:before { content: '\f468'; }
ul.custom-menu li a[href*='servicos']:before { content: '\f5aa'; }
ul.custom-menu li a[href*='dicas']:before { content: '\f5c3'; }
ul.custom-menu li a[href*='cursos']:before { content: '\f19d'; }
ul.custom-menu li a[href*='contacts']:before { content: '\f658'; }

ul.custom-menu li a span { padding-left: 30px; }

ul.custom-menu li .sub-wrapper { display: none; } 

ul.custom-menu .whatsapp-menu i { 
	position: absolute; left: -20px; line-height: 50px; color: #25D366; 
	text-stroke-width: .6px; text-stroke-color: #fff; -webkit-text-stroke-width: .6px; -webkit-text-stroke-color: #fff;
}
ul.custom-menu .whatsapp-menu .desp { padding: 5px 0 5px 10px; }
ul.custom-menu .whatsapp-menu .desp p { margin: 0; line-height: 20px; font-weight: 300; font-size: 16px; }
ul.custom-menu .whatsapp-menu .desp p.tel { font-size: 18px; font-weight: 600; }

@media(min-width: 767px) and (max-width: 979px){
	#mtnav .level0 a { padding: 3px 0  }
}*/