/* ============================================ */
/* CSS By NerdWeb - http://nerdweb.com.br */
/* ============================================ */
/*== logo header ==*/
.logo {width: auto;position: absolute;top: 20px;left: 20px;}
.logo img {width: 100%;float: left;}
/*== logo header ==*/
.social {width: 35px;/*antes 75px*/position: absolute;top: 20px;right: 20px;}
.social ul {width: 100%;float: right;}
.social ul li {width: 50%;float: left;display: inline-block;}
.social ul li a {width: 35px;height: 35px;float: left;background-color: #000000;border-radius: 100%;border: 1px solid #000000; margin-right: 10px;text-align: center;}
.social ul li a:hover {background-color: #FFFFFF;}
.social ul li:nth-child(2n) a {margin-right: 0;}
.social ul li a i {font-size: 22px;color: #ffffff;line-height: 35px;}
.social ul li a:hover i {color: #000000;}
/*== logo header ==*/
.others {width: auto;position: absolute;top: 75px;right: 20px;}
.others ul {width: 100%;float: right; display: flex; align-items: center;}
.others ul li {display: inline-block;padding: 0 10px;}
.others ul li:last-child {padding-right: 0;}
.others ul li:hover a{color: #438301;}
.others ul li a {line-height: 1;color: #000000; font-size: 14px;text-align: center;font-weight: bold;}
.others ul li .btn-others {width: 170px;}
.others ul li .btn-others a {width: 100%;float: left;border: 1px #000000 solid;line-height: 30px;}
.others ul li .btn-others a:hover {background-color: #000000; color: #FFFFFF;}

/*== menu  header ==*/
.menu {width: auto;position: absolute;top: 120px;right: 20px;}
.menu * {box-sizing: border-box;}
.menu .ativ {border-bottom: 3px #438301 solid;color: #438301;}
.menu ul {width: 100%;margin: 0;padding: 0;float: left;}
.menu ul:after {content: "";display: table;clear: both;}
.menu ul li {position: relative;float: left;display: inline-block!important;margin-left: 30px;padding-bottom: 20px;}
.menu ul li:last-child {margin-right: 0!important;}
.menu ul li:hover > ul {opacity: 1;visibility: visible;margin: 0;}
.menu ul li a {width: 100%;color: #000000;font-size: 14px;float: left;cursor: pointer;font-weight: 400;}
.menu ul li a:hover {border-bottom: 3px #438301 solid;color: #438301;}
.menu ul li a span {font-size: 11px!important;position: relative;top: -1px;left: 2px}
.menu input[type=checkbox]{position: absolute;top: -9999px;left: -9999px;}
.menu label {display: none;user-select: none;}

.header-style.header-blog {background: url(../img/blog/header-blog.jpg) no-repeat top center;}
.header-style.header-blog .header-box {border-bottom: none; height: 120px;}
.header-style.header-blog .logo {width: auto; top: 35px; left: 30px; z-index: 9999;}
.header-style.header-blog .logo img {float: none;}
.header-style.header-blog .social {width: 30px; top: 57px; right: 25px;}
.header-style.header-blog .social ul li a {width: 30px; height: 30px; background-color: #FFFFFF; border: none;}
.header-style.header-blog .social ul li a i {color: #529200; font-size: 18px; line-height: 30px;}
.header-style.header-blog .social ul li a:hover {background-color: #007437;}

.header-style.header-blog .menu {top:65px; right: 80px;}
.header-style.header-blog .menu ul li a {color: #FFFFFF;}
.header-style.header-blog .menu ul li a:hover {border-bottom: 3px #FFFFFF solid;}

/*== Mobile ==*/
@media screen and (max-width: 1320px){
	.menu ul li {margin-left: 10px;}
}

@media screen and (max-width: 1100px){
	.logo {width: 80px;}
}

@media screen and (max-width: 960px){
	.logo {width: 80px;left: 20px;}
	.others {position: relative;top: 110px;right: 10px;}
	.others ul {justify-content: center;}
	.others ul li .btn-others {display: none;}
	.social {position: absolute;top: 40px;right: 40px;}

	.header-style:not(.header-blog) .menu {width: 100%;max-width: 100%;position: absolute;top: 143px;left: 0;z-index: 98;font-family:"Arial", Helvetica, sans-serif!important;}
	.header-style:not(.header-blog) .menu .ativ {color: #2f4d07;border-bottom: none;}
	.header-style:not(.header-blog) .menu label {width: 100%;height: auto;margin: 0;padding: 0;color: #ffffff!important;text-transform: uppercase;position: relative;display: block;line-height: 36px;background-color: #2f4d07;}
	.header-style:not(.header-blog) .menu label:before {width: auto;height: 40px;margin: 0 5px 0 30px;padding: 0;content: "\2261";font-size:22px;position: relative;top: 1px;line-height: 35px;font-weight: 300;}
	.header-style:not(.header-blog) .menu ul {width: 100%;position: relative;margin: 0;padding: 0;background-color: #ffffff;border: 1px #2f4d07 solid;visibility: visible;opacity: 1;display: none;}
	.header-style:not(.header-blog) .menu ul li {width: 100%;display: block;margin: 0;padding: 0!important;float: left;border-bottom: 1px #2f4d07 solid;}
	.header-style:not(.header-blog) .menu ul li:last-child {border-bottom: none;}
	.header-style:not(.header-blog) .menu ul li span {display: none;}
	.header-style:not(.header-blog) .menu ul li a {width: 100%;float: none;display: block;padding: 10px 0;margin: 0;padding-left: 18px;border-left: 5px #ffffff solid;border-bottom: none;}
	.header-style:not(.header-blog) .menu ul li a:hover {border-left: 5px #2f4d07 solid;border-bottom: none;}
	.header-style:not(.header-blog) .menu ul ul {width: 100%;margin: 0;padding: 0;position: static;background-color: transparent;border: none;}
	.header-style:not(.header-blog) .menu ul ul li {border: none;border-bottom: 1px #2f4d07 solid;padding: 0!important;}
	.header-style:not(.header-blog) .menu ul ul li a {width: 100%;margin: 0;text-align: left;display: block;padding: 7px 0;padding-left: 40px;color: #666666;font-size: 12px;}
	.header-style:not(.header-blog) .menu ul ul li a::first-letter {text-transform: uppercase;}
	.header-style:not(.header-blog) .menu ul ul li a:hover {background-color: #ffffff;color: #000000;}
	.header-style:not(.header-blog) .menu ul, .menu ul ul {visibility: visible;opacity: 1;display: none;}
	.header-style:not(.header-blog) .menu ul ul li:first-child a:after {content: none;}
	.header-style:not(.header-blog) .menu input[type=checkbox] ~ ul {display: none;}
	.header-style:not(.header-blog) .menu input[type=checkbox] ~ ul ul {display: none;}
	.header-style:not(.header-blog) .menu input[type=checkbox]:checked ~ ul {display: block;}
	.header-style:not(.header-blog) .menu input[type=checkbox]:checked ~ ul ul {display: block;}
	.header-style:not(.header-blog) .menu ul ul li:first-child {border-top: 1px #2b2d48 solid;margin-top: 0;}
	.header-style:not(.header-blog) .menu ul ul li:first-child a {margin-top: 0;}
	.header-style:not(.header-blog) .menu ul ul li:last-child a {margin-bottom: 0;}
}

@media screen and (max-width: 640px){
	.header-style.header-blog .logo {top: 20px; left: 20px; width: 200px;}
	.header-style.header-blog .menu {width: 100%; right: 0; top: 75px;}
	.header-style.header-blog .menu label {height: auto; color: #ffffff !important; text-transform: uppercase; display: block; float: right; margin-right: 30px;}
	.header-style.header-blog .menu label:before {width: auto;height: 40px;margin: 0 5px 0 30px;padding: 0;content: "\2261";font-size:22px;position: relative;top: 1px;line-height: 35px;font-weight: 300;}

	.header-style.header-blog .social {top: 40px;}

	.header-style.header-blog .menu ul {width: 100%;position: relative;margin: 0;padding: 0;background-color: #ffffff;border: 1px #2f4d07 solid;visibility: visible;opacity: 1;display: none; z-index: 99999;}
	.header-style.header-blog .menu ul li {width: 100%;display: block;margin: 0;padding: 0!important;float: left;border-bottom: 1px #2f4d07 solid;}
	.header-style.header-blog .menu ul li:last-child {border-bottom: none;}
	.header-style.header-blog .menu ul li span {display: none;}
	.header-style.header-blog .menu ul li a {width: 100%;float: none;display: block;padding: 10px 0;margin: 0;padding-left: 18px;border-left: 5px #ffffff solid;border-bottom: none; color: #2f4d07;}
	.header-style.header-blog .menu ul li a:hover {border-left: 5px #2f4d07 solid;border-bottom: none;}
	.header-style.header-blog .menu ul {visibility: visible;opacity: 1;display: none;}
	.header-style.header-blog .menu input[type=checkbox] ~ ul {display: none;}
	.header-style.header-blog .menu input[type=checkbox]:checked ~ ul {display: block;}
}

@media screen and (max-width: 360px){
	.login {margin-left: 5px;}
}
/* ============================================ */
/* CSS By NerdWeb - http://nerdweb.com.br */
/* ============================================ */