/* Verde base - #8AA592 */

.jumbo{
    background-image: url(../img/01_bg.jpg);
	  background-color:#FFFFFF;
    background-size: 100%;
    background-attachment: fixed;
    padding: 75px 0 75px 0;
    margin-bottom: 30px;
    background-repeat: no-repeat;
}

.about{
	background-color:white;
}

.jumbo h1{
    color: #FFFFFF;
    text-align: center;
	margin-bottom: -15px;
    font-size: 4em;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.jumbo h2{
    color: #FFFFFF;
    text-align: center;	
    margin-bottom: 10px;
    font-size: 1em;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.contain-to-grid{
    background: rgba(234, 234, 234, 0.9);
}
.top-bar{
    background: none;
}
.top-bar .name h1 a {
    color: #8AA592;
}

.top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button){
    background: none;

}

.top-bar-section li:not(.has-form) a:hover:not(.button){
    background: none;
    text-decoration: underline;
    color: #1a1a1a;

}

.top-bar-section ul li > a{
    color: #8AA592;
    font-weight: bold;
}

.active{
    text-decoration: underline;
    font-weight: bold !important;
}

.row:before {
  display: block;
  content: " ";
  margin-top: -80px;
  height: 90px;
  visibility: hidden;

}

section{
    padding-bottom: 100px;
}

#imagem_redes{
 display: block;
   content: " ";

  height: 0px;
  visibility: hidden;
}

#contact{
    background: #FFFFFF;
    padding-bottom: 30px;
}

#contact h3{
    text-align:left;
}

#contact li{
    padding: 0px 0;
	color: #fff;

}

#contact li>ul>li{
    padding: 0px 0;
}
#about .row:before{
height: 5px
}
#portfolio .row:before{
height: 40px
}
#contact .row:before{
height: 20px;
}


.copy{
    background: #333333;
    padding: 10px 0;
}

.copy p{
    color: #858585;
    margin-bottom: 0;
}

.copy a{
    color: #858585;
}
.copy a:hover{
    color: #AAAAAA;
}

ul, ol, dl {
    list-style: none;
}

.th{
    border: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
    border-radius: 150px;
}
#portfolio{
    background-color: #8AA592;
}
#portfolio h2,h3, h4{
    color: #fff;
    text-align: center;
}

#portfolio h4{
    margin-bottom: 30px;
}

#portfolio img, #about img{
    display: block;
    margin: 0 auto;
}



#pub_init{
    background-color: #FFFFFF;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#contadores{
    background-color: #FFFFFF;
}
#contadores h2,h3{
    color: #8AA592;
    text-align: center;
}

#contadores h3{
    margin-bottom: 0px;
	padding-bottom: 0px;
}

#contadores img, #about img{
    display: block;
    margin: 0 auto;
}

#contadores section{
    padding-bottom: 0px;
}

#contadores .row:before {
  display: block;
  content: " ";
  margin-top: -35px;
  height: 35px;
  visibility: hidden;
}

#face{
    background-color: #FFFFFF;
	 padding-bottom: 0px;
}

#face section{
    padding-bottom: 0px;
}

#face .row:before {
  content: " ";
  margin-top: -0px;
  height: 0px;
  visibility: hidden;
}


.f-topbar-fixed{
    padding-top: 0 !important;
}
.social a{
    padding: 0 5px !important;
    font-size: 1.5em !important;
}

button, .button{
    background-color: #8AA592;
    border-color: #8AA592;
}
button:hover, .button:hover{
    background-color: rgba(138, 165, 146, 0.8);
    border-color: #8AA592;
}
h1, h2, h3, h5, h6, a {
    color: #8AA592;
}
h7 {
    color: #FFFFFF;
}
a:hover{
    color: #4F6656;
}

.top-bar .toggle-topbar.menu-icon a span:after {
    box-shadow: 0 0 0 1px #8AA592, 0 7px 0 1px #8AA592, 0 14px 0 1px #8AA592;
}

.top-bar .toggle-topbar.menu-icon a {
    padding: 0 30px 0 15px;

}
.top-bar .toggle-topbar.menu-icon {
    background: #FFFFFF;
    margin-right: 5px;
    border-radius: 5px;
}

@media only screen and (max-width: 800px) {
    .jumbo{
    margin-bottom: 0;
    padding: 50px 0 10px;

}
    .jumbo h1{
    color: #FFFFFF;
    text-align: center;
	margin-bottom: -10px;
    font-size: 2em;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}    
	.jumbo h2{
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 5px;
    font-size: 1em;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
}

input[type="text"],
textarea {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color:  #8AA592;
  display: block;
  font-size: 1rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  border-radius: 4px 0 0 4px !important;
  border-color: #8AA592;
  border-width: 2px;
  }


  .postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
border: 2px solid #8AA592;
  border-radius: 0 4px 4px 0 !important;  }

  #contact h2{
    color: #8AA592;
	margin-top: 50px;
    text-align: center;
}

table {
  background: white;
  margin-bottom: 1.25rem;
  border: solid 1px #8AA592; }
  table caption {
    background: transparent;
    color: #8AA592;
    font-size: 1rem;
    font-weight: bold; }
  table thead {
    background: #8AA592; }
    table thead tr th,
    table thead tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #ffffff; }
  table tfoot {
    background: #8AA592; }
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222222; }
  table tr th,
  table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #222222;
    text-align: left; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #DEE3E0; }
  table thead tr th,
  table tfoot tr th,
  table tfoot tr td,
  table tbody tr th,
  table tbody tr td,
  table tr td {
    display: table-cell;
    line-height: 1.125rem; }

	#portfolio  table thead {
    background: #487556;
	color: #DEE3E0;
	}

	#portfolio table thead tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #8AA592; }


.after_header_icon {
  display: block;
  width: 7em;
  height: 7em;
  line-height: 5em;
  padding: 0.5em;
  background-color: #FFFFFF;
  border: 0.5em solid #E9E9E9;
  border-radius: 50%;
  margin: 0 auto 1.25rem;
  color: #777777;
}

/*  Icon animation */
.html5_ef{
  animation: html 2s ease  0.5s  infinite alternate none;
  -webkit-animation: html 5s ease  0.5s  infinite alternate none;
  -moz-animation: html 2s ease  0.5s  infinite alternate none;
}
.css3_ef{
  animation: css 1s ease  1s  infinite alternate none;
  -webkit-animation: css 10s ease  1s  infinite alternate none;
  -moz-animation: css 1s ease  1s  infinite alternate none;
}
.eye_ef{
  animation: eye 5s ease  1.5s  infinite alternate none;
  -webkit-animation: eye 5s ease  1.5s  infinite alternate none;
  -moz-animation: eye 5s ease  1.5s  infinite alternate none;
}


/* html5_ef */
@-webkit-keyframes html{50%{background-color: #8AA592;border: 0.5em solid #768E7E;color: #FFF;}}
@-moz-keyframes html{50%{background-color: #8AA592;border: 0.5em solid #768E7E;color: #FFF;}}
@keyframes html{50%{background-color: #8AA592;border: 0.5em solid #768E7E;color: #FFF;}}

/* css3_ef */
@-webkit-keyframes css{50%{background-color: #F1995D;border: 0.5em solid #F07F09;color: #FFF;}}
@-moz-keyframes css{50%{background-color: #F1995D c;border: 0.5em solid #F07F09;color: #FFF;}}
@keyframes css{50%{background-color: #F1995D;border: 0.5em solid #F07F09;color: #FFF;}}

/* eye_ef */
@-webkit-keyframes eye{50%{background-color: #8AA592;border: 0.5em solid #8AA592;color: #FFF;}}
@-moz-keyframes eye{50%{background-color: #8AA592;border: 0.5em solid #8AA592;color: #FFF;}}
@keyframes eye{50%{background-color: #8AA592;border: 0.5em solid #8AA592;color: #FFF;}}


@-webkit-keyframes greenPulse {
  from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
  to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
}

a.green.button {
  -webkit-animation-name: greenPulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}

[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  margin-top: -17px;
 }

 .pricing-table {
  border: solid 2px #8AA592;
  margin:0.25rem;
  max-width:500px; }

  .pricing-table .title {
    background-color: #8AA592;
}