@charset "utf-8" !important;
/* CSS Document */

body { overflow-x:hidden;}

nav { width: 100%  !important; }

.nav_wrapper {
	z-index: 1 !important;
  /*position: fixed  !important;*/
  left: 0  !important;
  top: 0  !important;
  width: 100%  !important;
  transition: top .5s ease-out  !important;
  background: white  !important;
  
  box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.42);
}

.scroll { top: -90px  !important; }

.no-scroll {
  top: 0  !important;
  z-index: 9999  !important;
}

.btn {
  padding: 10px 1%  !important;
  margin: 5px  !important;
  color: black  !important;
  text-decoration: none  !important;
  font-family: sans-serif  !important;
  transition: all 0.1s ease  !important;
}

.btn:hover { transition: all 0.1s ease  !important; }

main {
	width: 80% !important;
    margin-top: 15px !important;
   text-align: center;
   
    box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.42);
    padding: 5%;
    border-radius: 8px;
	background: white;
}

main p {  1.2em  !important;}

#search {
  float: right  !important;
  font-size: 30px  !important;
  /*padding: 2px 15px  !important;*/
  line-height: 40px  !important;
  color: black  !important;
  margin: 0  !important;
  font-weight: 700  !important;
  -webkit-transform: rotate(181deg)  !important;
  -moz-transform: rotate(181deg)  !important;
  -ms-transform: rotate(181deg)  !important;
  -o-transform: rotate(181deg)  !important;
  transform: rotate(181deg)  !important;
}

#search:hover { color: #8c949d  !important; }

.search_box {
  clear: both  !important;
  width: 100%  !important;
  background: #e8ebf0  !important;
  padding: 0  !important;
  margin: 0  !important;
  height: 0  !important;
  overflow: hidden  !important;
  transition: all 0.1s ease-in-out  !important;
}

.search_box.active {
  height: auto  !important;
  padding: 15px 0  !important;
  text-align: center;
  box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.42);
}

.search_box input {
  width: 80%  !important;
  font-size: 13px  !important;
  padding: 10px !important;
  border: none !important;
  background: white !important;
}

.search_box input:focus { outline: none !important; }

.search_box input.search_icon {
  clear: both !important;
  width: 10% !important;
  height: auto !important;
  padding: 10px !important;
  margin: 0 !important;
  margin-left: -5px !important;
  border: none !important;
  color: white !important;
  cursor: pointer !important;
  background: black !important;
  opacity: 1 !important;
  transition: all 0.1s ease !important;
}

.search_box input.search_icon:hover { background: #8c949d !important; }

.menu-link { display: none !important; }

.spinner-master input[type=checkbox] { display: none !important; }

.menu {
  width: 100% !important;
  height: auto !important;
  background: white !important;
  transition: all 0.3s ease !important;
}

.menu ul {
  padding: 0px !important;
  margin: 0px !important;
  list-style: none !important;
  position: relative !important;
  display: inline-block !important;
}

.menu > li > ul.sub_menu {
  min-width: 10em !important;
  padding: 4px 0 !important;
  background-color: #f4f4f4 !important;
  border: 1px solid black !important;
}

.menu ul li { padding: 0px !important; }

.menu > ul > li { display: inline-block !important; }

.menu ul li a {
  display: block !important;
  text-decoration: none !important;
  color: black !important;
  font-size: 14px !important;
}

.menu ul li a:hover {
  background: #e8ebf0 !important;
  color: black !important;
}

.menu ul li.hover > a {
  background: #e8ebf0 !important;
  color: black !important;
}

.menu ul li > a { padding: 15px !important; }

.menu ul ul {
  display: none !important;
  z-index: 3 !important;
  position: absolute !important;
  top: 100% !important;
  min-width: 160px !important;
  background: #e8ebf0 !important;;
}

.menu ul li:hover > ul { display: block !important; }

.menu ul ul > li { position: relative !important; }

.menu ul ul > li a {
  padding: 10px 15px !important;
  height: auto !important;
  background: white !important;
  color:black;
}

.menu ul ul > li a:hover {
  background: black !important;
  color: white !important;
}

.menu ul ul ul {
  position: absolute !important;
  left: 100% !important;
  top: 0 !important;
}

#hero {
  width: 100% !important;
  height: auto !important;
  background: #e8ebf0 !important;
  margin: 70px 0 20px 0 !important;
}

#hero img {
  width: 100% !important;
  height: auto !important;
}

footer {
	position: absolute;
    width: 100% !important;
    background: white !important;
    padding: 10px 0px 10px;
    color: black !important;
    margin-top: 40px !important;
    left: 0;
}

footer a {
  color: black !important;
  text-decoration: none !important;
}

.logo_menu_mobile{
    vertical-align: middle;
    max-width: 80px;
	display:none;
}
 @media all and (max-width: 1475px) {
	 
	.logo_menu_mobile{
		display: block !important;
	     position: relative !important;
	    margin: -12px !important;
	    margin-left: 50px !important;
    	float: left !important;
	}
	
	.logo_menu{
		display: none !important;
	}

.example-header .container { width: 100% !important; }

#search { padding: 10px !important; }

.spinner-master * {
  transition: all 0.3s !important;
  box-sizing: border-box !important;
}

.spinner-master {
  position: relative !important;
  margin: 15px !important;
  height: 30px !important;
  width: 30px !important;
  float: left !important;
}

.spinner-master label {
  cursor: pointer !important;
  position: absolute !important;
  z-index: 99 !important;
  height: 100% !important;
  width: 100% !important;
  top: 5px !important;
  left: 0 !important;
}

.spinner-master .spinner {
  position: absolute !important;
  height: 4px !important;
  width: 100% !important;
  padding: 0 !important;
  background-color: black !important;
}

.spinner-master .diagonal.part-1 {
  position: relative !important;
  float: left !important;
}

.spinner-master .horizontal {
  position: relative !important;
  float: left !important;
  margin-top: 4px !important;
}

.spinner-master .diagonal.part-2 {
  position: relative !important;
  float: left !important;
  margin-top: 4px !important;
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0 !important; }

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
  transform: rotate(135deg) !important;
  -webkit-transform: rotate(135deg) !important;
  margin-top: 10px !important;
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
  transform: rotate(-135deg) !important;
  -webkit-transform: rotate(-135deg) !important;
  margin-top: -12px !important;
}

a.menu-link {
  display: block !important;
  color: black !important;
  float: left !important;
  text-decoration: none !important;
  padding: 10px 16px !important;
  font-size: 1.5em !important;
}

a.menu-link:hover { color: #e8ebf0 !important; }

a.menu-link:after {
  content: "\2630" !important;
  font-weight: normal !important;
}

a.menu-link.active:after { content: "\2715" !important; }

.menu {
  clear: both !important;
  min-width: inherit !important;
  float: none !important;
}

.menu,
.menu > ul ul {
  overflow: hidden !important;
  max-height: 0 !important;
  background-color: #e8ebf0 !important;;
}

.menu > li > ul.sub-menu {
  padding: 0px !important;
  border: none !important;
}

.menu.active,
.menu > ul ul.active { max-height: 130em !important;  } /* QUANDO AUMENTAR O MENU COM OPÇÕES, TEM QUE AUMENTAR PARA APARECER TUDO NO MOBILE*/

.menu ul { display: inline !important; }

.menu li,
.menu > ul > li { display: block !important; }

.menu > ul > li:last-of-type a { border: none !important; }

.menu li a {
  color: black !important;
  display: block !important;
  padding: 0.8em !important;
  position: relative !important;
}

.menu li.has-submenu > a:after {
  content: '+' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: block !important;
  font-size: 1.5em !important;
  padding: 0.55em 0.5em !important;
}

.menu li.has-submenu > a.active:after { content: "-" !important; }

.menu ul ul > li a {
  background-color: white !important;
  color: black;
  padding: 10px 18px 10px 30px !important;
}

.menu ul li a:hover {
  background: #e8ebf0 !important;
  color: black !important;
}

.menu ul li.hover > a {
  background: #e8ebf0 !important;
  color: black !important;
}

.menu ul ul,
.menu ul ul ul {
  display: inherit !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  border: none !important;
}

.search_box {
  position: absolute !important;
  top: 60px !important;
  left: 0 !important;
  z-index: 10 !important;
}

.search_box input { width: 70% !important; }

.search_box input.search_icon { width: 17% !important; }

#hero { height: 200px !important; }