@charset "utf-8";
/* CSS Document */
/*#################################################################################################### 
/ Includes
/###################################################################################################*/
@import url('css/960.css');
@import url('css/reset.css');
/*#################################################################################################### 
/ General Styles
/###################################################################################################*/
body {
	width:100%;
	font-family: 'Roboto', sans-serif;
    color: #000;
	overflow-x: hidden !important;
}
article, aside, figure, footer, header, hgroup, nav, section { 
	display:block; 
}
a:link, a:active, a:visited {
	text-decoration: none;
}
.alignleft {
	float:left;
	margin: 0 20px 10px 0;
	display: block;
}
.alignright {
	float:right;
	margin: 0 0 10px 20px;
	display: block;
}
.aligncenter {
	margin-left:auto;
	margin-right: auto;
	display: block;
}
:focus {
	outline: 0;
}
a {
	border: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transition: background 0.3s ease-out;
}
div.wpcf7-response-output {
	clear: both;
}
@media all and (max-width: 991px) {
	#nav-trigger {
		display: block !important; 
	}
	nav#menu {
		display: none !important;
	}
	nav#nav-mobile {
		display: block !important;
	}
}
/* nav-mobile
-------------------------------------------------------------- */
nav .nav_mobile {
	display:none;
}
#nav-trigger {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 25px;
	right: 3%;
}
#nav-trigger span {
	display: inline-block;
    background: url(images/bg-nav-mobile.png) no-repeat;
    cursor: pointer;
	transform: translateZ(200px);
	-webkit-transform: translateZ(200px);
	-webkit-transform: translate3d(0,0,200px); 
}
#nav-trigger span:after {
	display: inline-block;
	width: 45px;
	height: 45px;
	content: ""; 
}
#nav-trigger span:hover {
}
#nav-trigger span.open {
    background: none;
}
#nav-trigger span.open:after {
	width: 16px;
	height: 45px;
    background: url(images/bg-nav-close-mobile.png) no-repeat;
}
nav#nav-mobile {
	position: absolute;
	z-index: 100;
	display: none; 
	width: 100%;
	transform: translateZ(200px);
	-webkit-transform: translateZ(200px);
	-webkit-transform: translate3d(0,0,200px);
}
nav#nav-mobile ul {
	display: none;
	list-style-type: none;
	position: relative;
	left: 0;
	top: 0px;
	width: 100%;
	height: auto;
	background: #2b6628; 
	margin: 0;
	padding: 60px 40px 160px;
}
nav#nav-mobile li {
	width: 100%;
	display: block;
	list-style: none;
	text-align:left;
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}
nav#nav-mobile a {
	width: 100%;
	display: block;
	color: #fff;
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	text-transform: initial;
	cursor: pointer;
	padding: 10px 0;
	border: none;
	border-bottom: thin solid #77b634;
	font-family: 'Montserrat', sans-serif;
	-webkit-transition: 0.0s ease-out;
}

nav#nav-mobile ul li:hover ul,
nav#nav-mobile ul a:hover ul{
	visibility:visible;
	-webkit-transition: 0.0s ease-out;
}
nav#nav-mobile ul :hover ul{
	visibility:hidden;
	-webkit-transition: 0.0s ease-out;
}
nav#nav-mobile  ul :hover ul :hover ul{ 
	visibility:visible;
	-webkit-transition: 0.0s ease-out;
}
nav#nav-mobile ul ul {
	visibility: visible;
	width: auto;
	background: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
    z-index: 100 !important;
    -webkit-transition: 0.0s ease-out;
}
nav#nav-mobile ul li li a {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	padding: 6px 0 0 15px;
	margin: 0;
	border: none;
	-webkit-transition: 0.0s ease-out;
}
nav#nav-mobile ul li li a:hover {
	color: #FFF;
	-webkit-transition: 0.0s ease-out;
}
/*#################################################################################################### 
/ Header
/###################################################################################################*/
header {
	position: absolute;
	z-index: 98;
	float:left;
	width: 100%;
	height: auto;
	border-top: 7px solid #77b634;
	background: url(images/bg-header.png) top center no-repeat;
}
header#menuhome {
	position: absolute;
	z-index: 98;
	float:left;
	width: 100%;
	height: auto;
	border-top: 7px solid #77b634;
	background: url(images/bg-header--old.png) top center no-repeat;
}
header .logo{
    width: 100%;
    text-align: center;
}
header .phone{
	float: right;
}
header .phone h2 {
    color: #77b634;
    font-size: 23px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    padding: 27px 0 0 0;
    margin: 0;
}
header .phone h2 span {
    font-size: 30px;
}
/*#################################################################################################### 
/ Nav
/###################################################################################################*/
nav.cl-effect-17 {
	float: left;
    margin: 7px 0 0 20px;
}
nav.cl-effect-17 ul {
	position:relative;
	width: 550px;
	text-align: left;
	margin: 0;
}
nav.cl-effect-17 ul li {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	list-style: none;
}
/*#################################################################################################### 
/ Floater
/###################################################################################################*/
#floater{
	position: fixed;
	z-index: 10000;
	right: 0;
	bottom: 175px;
	text-align: end;
	height: 43px;
}
#floater a.bt {
    -webkit-transition: 0.3s ease-out;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 5px;
    display: block;
    margin-bottom: 1px;
    border-radius: 5px;
    border: 2px solid #2b6528;
    background: #2b6528;
}
#floater a.bt:hover{
	border: 2px solid #2b6528;
	background: #77b634;
	-webkit-transition: 0.3s ease-out;
}
#floater img{
	width: 120px;
}
/*#################################################################################################### 
/ Slideshow
/###################################################################################################*/
#slider {
	z-index: 99;
	float: left;
	width: 100%;
    height: auto;
	background: url(images/bg-header.png) repeat-x;
	padding-top: 70px;
	border-bottom: 35px solid #77b634;
}
.mobile {
	display: none !important;
}
.text_animate1 { 
	width: 420px;
	margin: 150px 0 10px -20px;
	display:none; 
	position:absolute;
	top: 0px;
	left: 50% !important; 
}
.text_animate1 h1,
.text_animate1 span {
	display: table;
	color: #fff;
	font-size: 43px;
	line-height: 52px;
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
	padding: 10px;
	margin: 0;
	background: #77b634;
}
.text_animate1 span {
    color: #faca00;
	line-height: 40px;
	padding: 0 10px 10px 10px;
}
#slider p {
	display: table;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 3px 30px;
	margin-top: 20px;
	border: 2px solid #2b6628;
	background: #2b6528;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#slider p:hover {
	border: 2px solid #2b6628;
	background: #77b635;	
	-webkit-transition: background 0.3s ease-out;
}
/*#################################################################################################### 
/ About
/###################################################################################################*/
#about {
	position:relative;
	width: 100%;
    height: auto;
	float: left;
	z-index: 99;
	padding: 70px 0;
}
#about p {
	color: #666666;
	font-size: 18px;
	font-weight: 400;
    line-height: 20px;
	margin: 0;
	padding: 0 0 10px 0;
}
#about p a {
	color: #666666;
}
#about .alignleft {
	margin: 0 20px 0 0;
}
#about a.bt,
#page a.bt {
	display: table;
	color: #77b634;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	border: 2px solid #77b634;
	letter-spacing: 5px;
	margin: 20px 0 0 0;
	padding: 5px 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#page a.bt {
	margin: 20px auto 0 auto;
}
#about a.bt:hover ,
#page a.bt:hover{
	color: #fff;
	background: #fe8800;
}
/*#################################################################################################### 
/ Featured
/###################################################################################################*/
#featured {
	width: 100%;
	float: left;
    height: auto;
	position:relative;
	padding: 40px 0;
	background: url(images/bg-featured.png) top center no-repeat;
}
#featured .card{
	border-radius: 0px;
    overflow: hidden;
    border: 0;
    background-color: transparent;
}
#featured .title,
#services .title {
	background: url(images/bg-title.png) no-repeat;
	display: table;
	margin: 0 auto;
}
#featured .title h2,
#services .title h2 {
	font-family: 'Montserrat', sans-serif;
	color: #77b634;
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-weight: 700;
	padding: 0 0 20px 45px;
	margin: 0;
}
#featured .featured {
	margin:0 auto;
	width: 480px;
	height: 527px;
	background:url(images/bg-boxes.png) bottom center no-repeat;
}
#featured .feat .front h1,
#featured .feat2 .front h1 {
	font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 45px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 52px;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
	padding: 130px 0 0 20px;
}
#featured .feat .front h2,
#featured .feat2 .front h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 140px;
    text-align: center;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
	padding: 0 20px 20px 20px;
	height: 100px;
}
#featured .feat span,
#featured .feat2 span {
	display: block;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	margin: 0 20px 0 20px;
	padding: 10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 2px solid #2b6628;
	background: #2b6628;
	-webkit-transition: background 0.3s ease-out;
}
#featured .feat a:hover span,
#featured .feat2 a:hover span {
	color: #fff;
	border: 2px solid #2b6628;
	background: #77b635;
	-webkit-transition: background 0.3s ease-out;
	border-radius: 8px;
}
#featured .feat,
#featured .feat2 {
	float:left;
	width: 240px;
	height: 480px;
	background: #48a842;
}
#featured .feat .back h1,
#featured .feat2 .back h1 {
	font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
	text-align: center;
    text-transform: uppercase;
    line-height: 52px;
	padding: 50px 0 0 0;
	margin: 0 15px;
	border-bottom: thin solid #7ce173;
}
#featured .feat .back h2,
#featured .feat2 .back h2 {
	height: 75px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 15px;
}
#featured .feat ul,
#featured .feat2 ul {
	margin-left: 30px;	
	height: 230px;
	padding: 0 15px;
}
#featured .feat ul li,
#featured .feat2 ul li{
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	padding: 0 0 10px 0;
	list-style-position: inside;
	list-style: url(images/icon-list.png);
}
#featured .feat {
	background: #76c371;
}
/*#################################################################################################### 
/ services
/###################################################################################################*/
#services {
	width: 100%;
	float: left;
    height: auto;
	position:relative;
	z-index: 99;
	padding: 50px 0;
}
#services .title {
	width: 650px;
}
#services .title h3 {
	color: #666;
	font-size: 15px;
	font-weight: 600;
	line-height: 17px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 20px 60px;
}
#services .service1,
#services .service2,
#services .service3,
#services .service4 {
	position:absolute;
	width: 539px;
	height: 238px;
	padding: 165px 0 0 0;
	margin-bottom: 20px;
}
#services h1 {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	text-transform: uppercase;
	padding: 38px 0 15px 70px;
}
#services a {
	-webkit-transition: background 0.3s ease-out;
}
#services .service1 h1 {
	background: url(images/bg-service1.png);
}
#services a:hover .service1 h1 {
	background: url(images/bg-service1-hover.png);
	-webkit-transition: background 0.3s ease-out;
}
#services .service2 h1 {
	background: url(images/bg-service2.png);
}
#services a:hover .service2 h1 {
	background: url(images/bg-service2-hover.png);
	-webkit-transition: background 0.3s ease-out;
}
#services .service3 h1 {
	background: url(images/bg-service3.png);
}
#services a:hover .service3 h1 {
	background: url(images/bg-service3-hover.png);
	-webkit-transition: background 0.3s ease-out;
}
#services .service4 h1 {
	background: url(images/bg-service4.png);
}
#services a:hover .service4 h1 {
	background: url(images/bg-service4-hover.png);
	-webkit-transition: background 0.3s ease-out;
}
#services .service2 {
	width: 375px;
}
#services .service3 {
	width: 458px;
}
#services .service4 {
	width: 458px;
}
/*#################################################################################################### 
/ Depoimentos
/###################################################################################################*/
#main {
	width: 100%;
	float: left;
    height: auto;
	position:relative;
	z-index: 99;
	padding: 50px 0 60px 0;
	background: url(images/bg-dep.jpg) top center no-repeat;
}
#main h2 {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	line-height: 17px;
	text-align: center;
	text-transform: uppercase;
	padding: 0 0 30px 0;
}
#main p {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 22px;
	text-align: center;
	margin: 0;
	padding-bottom: 20px;
}
#main h3 {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	text-align: center;
	padding: 0 0 30px 0;
	margin: 0;
}
/*#################################################################################################### 
/ Footer
/###################################################################################################*/
footer {
	width: 100%;
	float: left;
    height: auto;
	position:relative;
	z-index: 99;
	border-bottom: 10px solid #48a842;
	padding: 40px 0 10px 0;
	background: #77b635;
}
footer .nav ul {
	margin: 0;
	padding-top: 10px;
}
footer .nav ul li {
    color: #fff;
    font-size: 13px;
	font-weight: 600;
	line-height: 20px;
    text-align: left;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
footer .nav ul li a {
    color: #fff;
}
footer .nav ul li a:hover {
    color: #fe8800;
}
footer .contact {
	margin-left: 20px;
	padding-left: 30px;
	border-left: thin solid #fff;
}
footer .contact h2 {
    color: #fff;
    font-size: 14px;
	font-weight: 600;
	line-height: 20px;
    text-align: left;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
footer table tr td {
	padding-right: 10px;
	vertical-align: top;
}
footer form input,
footer form select {
	width: 100%;
	height: 23px;
	outline: 0 none;
	font-family: 'Roboto', sans-serif;
    font-size: 14px;
	font-weight: 600;
	color: #77b635;
	text-transform: uppercase;
	border: none;
	background: #fff;
	margin: 0 0 5px 0;
	padding:  0 10px;
	-webkit-appearance: none;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
footer form select {
	margin: 0;
	background: url(images/bg-select.png) center right no-repeat #fff;
}
footer form textarea {
	width: 100%;
	height: 81px;
	background: #fff;
	border: none;
	outline: 0 none;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: auto;
	text-transform: uppercase;
	border-radius: 8px;
	padding: 5px 10px;
}
footer form input[type="submit"]  {
	float:left;
	width: 66px;
	height: 83px;
	display: table;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	border: none;
	margin: 0 auto;
	text-decoration: none;
	background: #2b6628;
	border-radius: 8px;
	-webkit-transition: background 0.3s ease-out;
}
footer form input[type="submit"]:hover {
	color: #2b6628;
 	background: #fff;
}
footer ::-webkit-input-placeholder {
	color: #77b635;
}
footer :-moz-placeholder {
	color: #77b635;
}
footer ::-moz-placeholder {
	color: #77b635;
}
footer :-ms-input-placeholder {  
	color: #77b635;
}
footer .phone {
	padding-left: 30px;
	border-left: thin solid #fff;
}
footer .phone h2 {
    color: #fff;
    font-size: 23px;
	font-weight: 600;
	line-height: 20px;
    text-align: left;
	padding: 38px 0 0 0;
	margin: 0;
}
footer .phone h2 span {
    font-size: 30px;
}
footer .phone a {
	display:block;
    color: #fff;
    font-size: 15px;
	font-weight: 600;
	line-height: 20px;
    text-align: left;
	padding: 0 0 38px 0;
}
footer .by {
	display: block;
	float:left;
	width: 100%;
	margin-top: 30px;	
}
footer .by h2 strong {
	text-transform: uppercase;
}
footer .by h2 { 
	float: left;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	line-height: 18px;
	text-align: left;
	padding: 5px 0 0 0;
	margin:0;
}
footer .by p { 
	float: right;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	line-height: 18px;
	text-transform: uppercase;
	text-align: left;
	padding: 5px 0 0 0;
	margin:0;
}
footer .by p a {
	color: #fff;
}
/*#################################################################################################### 
/ Header contact
/###################################################################################################*/
#header_contact {
    width: 100%;
    float: left;
    margin-top: 73px;
    height: 96px;
    position: relative;
    z-index: 98;
}
#header_contact .contact {
    /*width: 790px;*/
    float: right;
}
#header_contact .contact h3 {
	color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    float: left;
    padding: 40px 0 0 40px;
}
#header_contact .contact ul {
    float: left;
    margin: 18px 0 0 67px;
}
#header_contact .contact ul li.phone {
	float:left;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 20px;
	background: url(images/icons_contact.png) 20px 0 no-repeat;
	padding: 11px 25px 15px 95px;
	margin-right: 30px;
	border-left: thin solid #ffcb05;
	border-right: thin solid #ffcb05;
}
#header_contact .contact ul li.mail {
	float:left;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 20px;
	background: url(images/icons_contact.png) -436px 0  no-repeat;
	padding: 11px 40px 35px 75px;
	border-right: thin solid #ffcb05;
}
a.bt_contact {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 20px;
    color: #2b6628;
    border-bottom: thin solid #2b6628;
    margin: 0 0px 0 16px;
}
#header_contact .contact ul li.icon1 {
	float:left;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 2px;
	background: url(images/icons_contact.png) 20px -134px no-repeat;
	padding: 11px 25px 15px 95px;
	margin-right: 30px;
	border-left: thin solid #ffcb05;
	border-right: thin solid #ffcb05;
}
#header_contact .contact ul li.icon2 {
	float:left;
	color: #fff;
	font-size: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 20px;
	background: url(images/icons_contact.png) -436px -134px no-repeat;
	padding: 21px 40px 35px 75px;
	border-right: thin solid #ffcb05;
}
/*#################################################################################################### 
/ Title
/###################################################################################################*/
#title {
	width: 100%;
	float: left;
    height: 64px;
	position:relative;
	z-index: 99;
	background: #2b6628;
}
#title .title {
	background: url(images/bg-title.png) 0 0 no-repeat;
	display: table;
	margin: 12px auto 0 auto;
}
#title .title h2 {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-weight: 700;
	padding: 3px 0 20px 45px;
	margin: 0;
}
/*#################################################################################################### 
/ Banner
/###################################################################################################*/
#banner {
	width: 100%;
	float: left;
    height: 377px;
	position:relative;
	z-index: 99;
	background: url(images/bg-varejo.jpg) top center;
}
#banner .title h2 {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	text-align: center;
	font-size: 55px;
	text-transform: uppercase;
	text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
	font-weight: 900;
	padding: 140px 0 0 0;
	margin: 0;
}
/*#################################################################################################### 
/ Banners
/###################################################################################################*/
#banner3 {
	width: 100%;
	float: left;
    height: 227px;
	position:relative;
	z-index: 99;
	background: url(images/bg-atuacao.jpg) top center;
}
#banner4 {
	width: 100%;
	float: left;
    height: 227px;
	position:relative;
	z-index: 99;
	background: url(images/bg-ramos-atuacao-panificadoras.jpg) top center;
}
/*#################################################################################################### 
/ Page
/###################################################################################################*/
#page {
	width: 100%;
	float: left;
    height: auto;
	position:relative;
	z-index: 99;
	padding: 45px 0;
}
#page .large-12 section.content {
	margin: 0 160px;
}
#page section.content p,
#page section.content ul li  {
    color: #666666;
    font-size: 16px;
	text-align: center;
	font-weight: 400;
	line-height: 22px;
	margin: 0;
	padding: 0 0 15px 0;
}
#page section.content p a {
    color: #666666;
}
#page section.content ul {
	margin-left: 20px;
}
#page section.content h2 {
	color: #666;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	padding: 20px 0;
}
#page section.content ul.services {
	display: block;
	overflow:hidden;
	margin: 30px 0 30px 0;
}
#page section.content ul.services li {
	float: left;
	list-style: none;
	width: 50%;
	height: 170px;
	overflow:hidden;
}
#page section.content ul.services li img {
	float: left;
	margin-right: 20px;
}
#page section.content ul.services li h1 {
	display: table;
	font-family: 'Montserrat', sans-serif;
	color: #666;
	font-size: 13px;
	font-weight: 600;
	text-align: left;
	line-height: 17px;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding: 60px 10px 0 0;
	margin: 0;
}
#page section.content ul.services li h1.icon1 {
	background: url(images/icons-services.png) no-repeat;
}
#page section.content ul.services li h1.icon2 {
	background: url(images/icons-services.png) -320px 0 no-repeat;
}
#page section.content ul.services li h1.icon3 {
	background: url(images/icons-services.png) 0 -167px no-repeat;
}
#page section.content ul.services li h1.icon4 {
	background: url(images/icons-services.png) -320px 0 no-repeat;
}
/*#################################################################################################### 
/ Contact
/###################################################################################################*/
#page img.sidebar_image {
	width: 100%;
}
#page .sidebar {
	display: block;
	width: 100%;
	padding: 45px;
	background: #77b635;
}
#page .sidebar p {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
}
#page .sidebar p a {
	color: #fff;
}
#page .sidebar p strong {
	font-size: 22px;
	text-transform: uppercase;
}
#page .sidebar_txt {
	display: block;
	width: 100%;
	padding: 30px 45px;
	background: #ededed;
}
#page .sidebar_txt p {
	color: #666666;
	font-size: 28px;
	font-weight: 400;
	line-height: 35px;
	text-transform: uppercase;
	margin: 0;
}
#page form input,
#page form select {
	width: 100%;
	height: 44px;
	background: #fff;
	outline: 0 none;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
	padding:  0 15px;
	border: 1px solid #77b635;
	-webkit-appearance: none;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
#page form select {
	color: #77b635;
	background: url(images/bg-select.png) center right no-repeat;
}
#page form textarea {
	width: 100%;
	height: 200px;
	background: #fff;
	border: none;
	outline: 0 none;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 5px  15px;
	margin-bottom: 10px;
	border: 1px solid #77b635;
	border-radius: 8px;
}
#page form input:focus,
#page form textarea:focus {
}
#page form input[type="submit"] {
	float:right;
	width: 150px;
	height: 45px;
	display:table;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	margin: 0 auto;
	text-decoration: none;
	border: 2px solid #2b6628;
	background: #2b6628;
	-webkit-transition: background 0.3s ease-out;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#page .content form input[type="submit"]:hover,
#page .form2 input[type="submit"]:hover {
	color: #fff;
 	background: #77b635;
	border: 2px solid #2b6628;
}
#page ::-webkit-input-placeholder {
	color: #77b635;
}
#page :-moz-placeholder {
	color: #77b635;
}
#page ::-moz-placeholder {
	color: #77b635;
}
#page :-ms-input-placeholder {  
	color: #77b635;
}
span.wpcf7-not-valid-tip {
	color: #f58320 !important;	
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ng {
	border: 2px solid #f58320 !important;	
}
/* Single
----------------------------------------------------------------------------------------------------*/
.single {
	position:relative;
	width: 87%;
    margin: 0 auto;
}
.single p{
	color: #666666;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    line-height: 22px;
    padding: 0 0 15px 0;
    margin: 0;
}
.single ul.posts_left,
.single-detalhes ul.posts_left {
	float:left;
	margin: 0;
}
.single ul.posts_right,
.single-detalhes ul.posts_right {
	float:right;
	margin: 0 25px 0 0;
}
.single ul li,
.single-detalhes ul li {
	width: 140px;
	height: 140px;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	text-align:center;
	text-transform: uppercase;
	text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
	margin-bottom: 12px;
}
.single ul li a {
	display: block;
	color: #fff;
	padding: 63px 0;
}
.single ul li a:hover {
	/*color: #2b6628;
	background: #fff;*/
}
/* Single detalhes
----------------------------------------------------------------------------------------------------*/
#page .single-header {
	display: block;
	overflow: hidden;
	border-bottom: thin solid #77b635;
	margin-bottom: 25px;
}
#page .subtitle,
#page .select_atuacao {
	width: 50%;
	float:left;
}
#page .subtitle h2 {
	font-family: 'Montserrat', sans-serif;
	color: #77b635;
	font-size: 32px;
	font-weight: 600;
	line-height: 32px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
#page .select_atuacao h3 {
	width: 180px;
	float:right;
	font-family: 'Montserrat', sans-serif;
	color: #2b6628;
	font-size: 16px;
	font-weight: 600;
	line-height: 17px;
	padding: 30px 0 10px 0;
	margin-right: 10px;
	text-transform: uppercase;
}
#page .select_atuacao select {
	float:right;
	width: 200px;
	height: 44px;
	background: #fff;
	outline: 0 none;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	text-align: center;
	text-transform: lowercase;
	font-weight: 600;
	margin: 24px 0 0 0;
	padding:  0 15px;
	border: 1px solid #77b635;
	-webkit-appearance: none;
    -webkit-border-radius: 0px;
}
#page .select_atuacao select {
	color: #77b635;
	background: url(images/bg-select2.png) center right no-repeat;
}
#page .single-atuacao h2 {
	color: #666;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	padding: 0 0 20px 0;
}
.single-atuacao {
	position: relative;	
}
.single-detalhes {
	position:absolute;
	z-index: 1000;
	width: 87%;
	height: 527px;
	background: url(images/bg-itens-ramos-atuacao.jpg) no-repeat;
}
.img-sistema{
	position:absolute;
	z-index: 100;
	width: 100%;
	height: 524px;
}
.img-sistema img{
	margin: 66px 0 0 218px; 
	object-fit: cover;
}
.bg-single-detalhes {
	position:relative;
	z-index: 10;
	width: 100%;
	height: 524px;
	background: url(images/bg-single-detalhes.png) no-repeat;
}
#page .single-detalhes ul li p {
	text-shadow: none;
	display: table-cell; 	
	vertical-align:middle;
	width: 100%;
	height: 140px;
	color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-align: center;
	padding: 0 13px;
    text-transform: uppercase;
}
#page .content_single {
	width: 100%;
	overflow:hidden;
}
#page .content_single ul {
	width: 45%;
	float:left;
	margin-left: 25px;
	margin-right: 20px;
}
#page .content_single ul li {
	color: #666;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    text-align: left;
	list-style: url(images/list-style.png);
	margin-bottom: 10px;
}
section.single ul.posts_left li.item1 {
	background: url(images/itens-atuacao.png) 0 -4px no-repeat;
}
section.single ul.posts_left li.item2 {
	background: url(images/itens-atuacao.png) 0 -157px no-repeat;
}
section.single ul.posts_left li.item3 {
	background: url(images/itens-atuacao.png) 0 -308px no-repeat;
}
section.single ul.posts_left li.item4 {
	background: url(images/itens-atuacao.png) 0 -460px no-repeat;
}
section.single ul.posts_right li.item5 {
	background: url(images/itens-atuacao.png) -800px -4px no-repeat;
}
section.single ul.posts_right li.item6 {
	background: url(images/itens-atuacao.png) -800px -157px no-repeat;
}

section.single ul.posts_right li.item7 {
	background: url(images/itens-atuacao.png) -800px -308px no-repeat;
}
section.single ul.posts_right li.item8 {
	background: url(images/itens-atuacao.png) -800px -460px no-repeat;
}
section.single .bolinhas {
    position: absolute;
    z-index: 1000;
    width: 654px;
    margin-left: 144px;
    height: 607px;
    background: url(images/bg-bolinhas.png) -142px 0 no-repeat;
}
.bg_atuacao {
	position: absolute;
	z-index: -2;
	width: 100%;
	height: 600px;
	float:left;
	background: url(images/bg-pc.png) no-repeat;
}
/* Paginavi
----------------------------------------------------------------------------------------------------*/
.wp-pagenavi {
    clear: both;
}
.wp-pagenavi, .wp_pagination {
    padding-bottom: 20px;
    text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    padding: 3px 5px;
    margin: 2px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.wp-pagenavi span.current {
    font-weight: bold;
    text-align: center;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #fff;
    text-align: center;
    background: #641934;
}
.wp-pagenavi a, .wp-pagenavi span {
    color: #641934;
    text-decoration: none;
    padding: 5px 10px;
    margin: 2px;
    text-align: center;
    display: inline-block;
    background: #dcdcdc;
}
.wp-pagenavi a.previouspostslink {
	float: left;
}
.wp-pagenavi a.nextpostslink {
	float: right;
}
.wp-pagenavi a, .wp-pagenavi span, .wp_pagination .page-numbers {
    color: #641934;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    margin: 2px;
    padding: 5px 10px;
    text-decoration: none;
}
/* Comercio
----------------------------------------------------------------------------------------------------*/
.iten-comercio{
	text-align: center;
	margin-top: 30px;
}
.iten-comercio img{
	width: 50%;
	margin: 0 0 20px 0;
}
.iten-comercio h3{
	font-family: 'Montserrat', sans-serif;
    color: #2b6628;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 700;
    margin: 0 0 0px 0;
    transition: ease .8s all;
    min-height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.iten-comercio:hover h3{
    color: #77b635;
    font-size: 22px;
    letter-spacing: 1px;
}
.iten-comercio p{
	color: #666666;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    padding: 0 0 15px 0;
}