/*

	Style.css

	01. Basics
	02. Top bar
	03. Home
	04. Intro / Services
	05. Work
	06. Unique selling points
	07. Process
	08. Pricing
	09. Quote
	10. About
	11. Call to action
	12. Blog section
	13. Contact
	14. Footer
	15. 404 Page

	Extra files:
	- projects.css
	- blog.css

*/

/* ==================== 01. Basics ==================== */
 ::selection {
    color: #ffffff;
    background: #008942;
}
::-moz-selection {
    color: #ffffff;
    background: #008942;
}
body {
    font-family:'Raleway', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    color: #444444;
}
/* Minified css in demo only */
 p {
    margin-bottom:25px
}
p.introtext {
    font-size:16px;
    line-height:30px;
	text-align:left;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family:'Raleway', Helvetica, Arial, sans-serif;
    font-style:normal;
    font-weight:600;
    color:#333
}
.h1, h1 {
    font-size:30px;
    line-height:1.5em;
    margin-bottom:25px
}
.h2, h2 {
    font-size:24px;
    line-height:1.5em;
    margin-bottom:25px
}
.h3, h3 {
    font-size:16px;
    line-height:25px;
    margin-bottom:0
}
.h4, h4 {
    font-size:14px;
    line-height:25px;
    margin-bottom:0
}
.h5, h5 {
    font-size:13px;
    line-height:25px;
    margin-bottom:0
}
.h6, h6 {
    font-size:13px;
    line-height:20px;
    margin-bottom:0
}
.rtext h1, .rtext h2, .rtext h3, .rtext h4, .rtext h5, .rtext h6, h1.rtext, h2.rtext, h3.rtext, h4.rtext, h5.rtext, h6.rtext {
    margin-bottom:10px
}
.rtext h1, h1.rtext {
    font-size:90px;
    line-height:1em
}
.rtext h2, h2.rtext {
    font-size:75px;
    line-height:1em
}
.rtext h3, h3.rtext {
    font-size:60px;
    line-height:1em
}
.rtext h4, h4.rtext {
    font-size:48px;
    line-height:1.25em
}
.rtext h5, h5.rtext {
    font-size:36px;
    line-height:1.25em
}
.rtext h6, h6.rtext {
    font-size:24px;
    line-height:1.5em
}
@media only screen and (max-width:768px) {
    .rtext h1, h1.rtext {
        font-size:60px
    }
    .rtext h2, h2.rtext {
        font-size:48px
    }
    .rtext h3, h3.rtext {
        font-size:36px
    }
    .rtext h4, h4.rtext {
        font-size:30px
    }
    .rtext h5, h5.rtext {
        font-size:24px
    }
    .rtext h6, h6.rtext {
        font-size:18px
    }
}
@media only screen and (max-width:480px) {
    .rtext h1, h1.rtext {
        font-size:36px
    }
    .rtext h2, h2.rtext {
        font-size:30px
    }
    .rtext h3, h3.rtext {
        font-size:24px
    }
    .rtext h4, h4.rtext {
        font-size:18px
    }
    .rtext h5, h5.rtext {
        font-size:16px
    }
    .rtext h6, h6.rtext {
        font-size:14px
    }
}
.text-light {
    font-weight:300
}
.text-regular {
    font-weight:400
}
.text-medium {
    font-weight:500
}
.text-bold {
    font-weight:600
}
a {
    color:inherit;
    text-decoration:none
}
a:hover {
    color:#111
}
.touch a:hover {
    color:inherit
}
.gallery-link a {
    cursor:pointer
}
a.read-more {
    padding-bottom:2px;
    color:#aaa;
    border-bottom:1px dotted #eee
}
.no-touch a.read-more:hover {
    color:#008942;
    border-bottom:1px dotted #008942
}
a.read-more:after {
    font-family:FontAwesome;
    font-size:14px;
    content:'\f105';
    margin-left:7px;
    border-bottom:1px solid #fff
}
a.underline {
    padding-bottom:1px;
    border-bottom:1px dotted #ccc
}
.no-touch a.underline:hover {
    border-bottom:1px dotted #111
}
a.inverted:hover {
    color:#fff
}
a.inverted.underline {
    padding-bottom:1px;
    border-bottom:1px dotted #555
}
.no-touch a.inverted.underline:hover {
    border-bottom:1px dotted #fff
}
.no-touch a i:hover, .no-touch a:hover, .no-touch button:hover, .no-touch input[type=submit]:hover, a, a i, button, input[type=submit] {
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
i {
    cursor:default
}
a i {
    cursor:pointer
}
.ol {
    list-style-type:decimal-leading-zero;
    list-style-position:outside;
    margin-left:2em;
    margin-bottom:25px
}
.ol ol, .ul ol {
    list-style-type:decimal-leading-zero;
    list-style-position:outside
}
.ul {
    list-style-type:disc;
    list-style-position:outside;
    margin-left:1em;
    margin-bottom:25px
}
.ol ul, .ul ul {
    list-style-type:disc;
    list-style-position:outside
}
.ol ol, .ol ul, .ul ol, .ul ul {
    margin-left:2em
}
.italic, em {
    font-style:italic
}
.bold, b, strong {
    font-weight:600
}
.thin {
    font-weight:300
}
.x-thin {
    font-weight:100
}
.serif {
    font-family:Georgia, serif;
    font-style:italic;
    font-weight:400;
    letter-spacing:0;
    text-transform:none
}
.uber {
    font-family:'Raleway', Helvetica, Arial, sans-serif;
    font-style:normal;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase
}
.text-color {
    color:#008942
}
.text-light {
    color:#bbb
}
.text-dark {
    color:#111
}
.text-white {
    color:#fff
}
.dropcap {
    float:left;
    color:#333;
    font-size:50px;
    line-height:50px;
    padding-right:8px;
    padding-left:3px
}
blockquote {
    font-family:Georgia, Times, serif;
    font-style:italic;
    font-weight:400;
    font-size:1.25em;
    padding:25px;
    background:#f7f7f7;
    border-left:5px solid #eee;
    margin-bottom:25px
}
blockquote small {
    display:block;
    font-family:'Raleway', Helvetica, Arial, sans-serif;
    font-size:.75em;
    font-weight:400;
    font-style:normal
}
blockquote small:before {
    content:'\2014 \00A0'
}
q {
    quotes:"\"" "\""""" """
}
q:before {
    content:'\201C'
}
q:after {
    content:'\201D'
}
.btn, button, input[type=submit] {
    -webkit-appearance:none;
    cursor:pointer;
    display:inline-block;
    font-family:'Raleway', Helvetica, Arial, sans-serif;
    font-size:13px;
    font-weight:600;
    letter-spacing:.05em;
    line-height:25px;
    padding:12px 20px;
    color:#fff;
    background:#008942;
    text-decoration:none;
    -webkit-border-radius:3px;
    border-radius:3px
}
.no-touch a .icon:hover, .no-touch a.btn:hover, .no-touch button:hover, .no-touch input[type=submit]:hover {
    color:#fff;
    background:#111;
    text-decoration:none
}
.no-touch a i:hover, .no-touch button:hover, .no-touch input[type=submit]:hover {
    cursor:pointer
}
.btn>i {
    font-size:14px;
    margin-right:.5em
}
.btn.outline {
    color:#008942;
    background:0 0;
    border:2px solid #008942;
    padding:10px 18px
}
.no-touch a.btn.outline:hover, .no-touch button.outline:hover, .no-touch input[type=submit].outline:hover {
    color:#fff;
    background:#111;
    border-color:#111
}
.btn.light {
    color:#fff;
    background:#ccc;
    background:rgba(255, 255, 255, .3)
}
.btn.outline.light {
    color:#fff;
    background:0 0;
    border-color:#ccc;
    border-color:rgba(255, 255, 255, .3)
}
.btn.dark {
    color:#111;
    background:#aaa;
    background:rgba(17, 17, 17, .3)
}
.btn.outline.dark {
    color:#111;
    background:0 0;
    border-color:#aaa;
    border-color:rgba(17, 17, 17, .3)
}
.btn.white {
    color:#111;
    background:#fff
}
.btn.outline.white {
    color:#fff;
    background:0 0;
    border-color:#fff
}
.btn.black {
    color:#fff;
    background:#111
}
.btn.outline.black {
    color:#111;
    background:0 0;
    border-color:#111
}
button, input[type=submit] {
    -webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding:0
}
input[type=submit] {
    border:0;
    width:auto
}
input::-moz-focus-inner {
    border:0;
    padding:0;
    margin-top:5px;
    margin-bottom:5px
}
@-moz-document url-prefix() {
    input[type=submit] {
        line-height:15px
    }
}
.header {
    position:relative;
    display:block;
    width:100%;
    height:100%
}
.header-inner {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:100%;
    max-width:740px;
    min-width:300px;
    padding:20px;
    text-align:center;
    z-index:60
}
.header-small {
    position:relative;
    padding-top:75px;
    padding-bottom:85px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.header-title {
    text-align:center
}
.header-title h1, .header-title h2 {
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    font-size:44px;
    font-weight:400;
    line-height:50px;
    margin-bottom:0
}
.header-title h3 {
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    line-height:30px;
    margin-top:10px;
    margin-left:15px;
    padding-left:15px;
    border-left:2px solid #008942
}
@media only screen and (max-width:768px) {
    .header-title h1, .header-title h2 {
        font-size:30px;
        line-height:40px
    }
    .header-title h3 {
        margin-top:5px
    }
}
@media only screen and (max-width:480px) {
    .header-title h1, .header-title h2 {
        display:block
    }
    .header-title h3 {
        display:block;
        margin-left:0;
        padding-left:0;
        border-left:0
    }
}
.bg-img {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg-img.fixed {
    background-attachment:scroll
}
.no-touch .bg-img.fixed {
    background-attachment:fixed
}
.bg-one {
    background-image:url(../img/bg-1.jpg);
}
.bg-two {
    background-image:url(../img/bg-2.jpg)
}
.bg-two2 {
    background-image:url(../img/bg-22.jpg)
}
.bg-three {
    background-image:url(../img/bg-3.jpg)
}
.bg-four {
    background-image:url(../img/bg-4.jpg)
}
.bg-five {
    background-image:url(../img/bg-5.jpg)
}
@media only screen and (min-width:1025px) and (-webkit-min-device-pixel-ratio:2), only screen and (min-width:1025px) and (min--moz-device-pixel-ratio:2), only screen and (min-width:1025px) and (-o-min-device-pixel-ratio:2/1), only screen and (min-width:1025px) and (min-device-pixel-ratio:2), only screen and (min-width:1025px) and (min-resolution:192dpi), only screen and (min-width:1025px) and (min-resolution:2dppx) {
    .bg-one {
        background-image:url(../img/bg-1.jpg)
    }
    .bg-two {
        background-image:url(../img/bg-2.jpg)
    }
    .bg-three {
        background-image:url(../img/bg-3.jpg)
    }
    .bg-four {
        background-image:url(../img/bg-4.jpg)
    }
    .bg-five {
        background-image:url(../img/bg-5.jpg)
    }
}
.overlay-raster {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(../images/pattern.png) repeat
}
.overlay {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    filter:alpha(opacity=50);
    opacity:.5
}


hr.section-divider {
    display:block;
    width:100%;
    height:1px;
    background:#eee
}
hr.small-hr {
    display:block;
    width:30px;
    height:1px;
    background:#ddd;
    margin-top:25px;
    margin-bottom:25px
}
.title {
    text-align:center
}
.title h1, .title h2 {
    font-size:35px;
    font-weight:400;
    line-height:50px;
    margin-bottom:0;
}

.title h1{
	text-align:center;
	color:#008942;
}

.title hr {
    position:relative;
    display:inline-block;
    width:360px;
    height:1px;
    background:#eee;
    margin-top:40px;
    margin-bottom:40px
}
.title hr:after {
    position:relative;
    top:-16px;
    content:"";
    display:inline-block;
    width:70px;
    height:2px;
    background:#008942
}
.title.title-light h1, .title.title-light h2 {
    color:#fff
}
.title.title-light hr {
    background:#555
}
@media only screen and (max-width:480px) {
    .title h1, .title h2 {
        font-size:30px;
        line-height:40px
    }
    .title hr {
        width:260px
    }
    .title hr:after {
        width:60px
    }
}
.top-bar {
    z-index:99;
    position:fixed;
	z-index:99999999;
    top:0;
    display:block;
    width:100%;
    height:80px;
    background:#fff;
    -webkit-box-shadow:0 1px 0 0 rgba(0, 0, 0, .12);
    box-shadow:0 1px 0 0 rgba(0, 0, 0, .12);

}
.alreadyfixed {
    position:fixed
}

.tb-logo h1 {
    float:left;
    text-align:left;
    font-size:16px;
    font-weight:600;
    color:#111;
    line-height:118px;
    margin-bottom:0
}
.tb-logo h1 a {
    text-decoration:none;
    color:#111;
	
}
.no-touch .tb-logo h1 a:hover {
    color:#008942
}
.tb-logo img {
    float:left;
    text-align:left;
    width:auto;
    max-height:40px;
    margin:20px 0 0 0
}
#toggle, .menu ul ul, .toggle {
    display:none
}
.menu ul li:hover>ul {
    display:block
}
.menu {
    float:right;
    text-align:left;
    font-size:11px;
    font-weight:500;
    letter-spacing:.05em;
    text-transform:uppercase;
    line-height:78px
}
.menu ul {
    position:relative;
    display:table-cell;
    list-style:none
}
.menu ul:after {
    content:"";
    clear:both;
    display:block
}
.menu ul li {
    position:relative;
    float:left;
    margin-left:0px;
}
.menu ul li:hover a {
    color:#008942;
    border-bottom:2px solid #008942
}
.menu ul li a {
    display:block;
    padding:0px 15px 0px;
    color:#777;
    text-decoration:none;
    border-bottom:2px solid transparent
}
@media only screen and (max-width:900px){
.menu ul li a {
    padding:50px 5px 49px;
}
}

@media only screen and (max-width:1024px) {
    .menu ul li {
        margin-left:0
    }
}
.menu ul ul {
    position:absolute;
    top:100%;
    left:-10px;
    background:#008942;
    padding:10px 0;
    min-width:200px;
    text-align:left;
    margin-top:-2px
}
.menu ul ul li {
    float:none;
    position:relative;
    margin-left:10px;
    margin-right:10px
}
.menu ul ul li a {
    padding:10px 20px;
    color:#fff!important
}
.menu ul ul li a:hover {
    color:#fff!important;
    background:rgba(0, 0, 0, .1)
}
.menu ul ul ul {
    position:absolute;
    top:-6px;
    left:100%
}
.is-sticky .top-bar {
    height:70px
}
.is-sticky .tb-logo h1 {
    line-height:68px
}
.is-sticky .tb-logo img {
    max-height:50px;
    margin:10px 10px 0 0
}

.is-sticky .menu ul ul li a {
    padding:5px 20px
}
@media only screen and (max-width:860px) {
    .is-sticky .top-bar, .top-bar, .top-bar .alreadyfixed {
        padding-top:0;
        height:50px
    }
    .is-sticky .tb-logo, .tb-logo {
        margin-left:5px
    }
    .is-sticky .tb-logo h1, .tb-logo h1 {
        line-height:48px
    }
    .tb-logo img {
        max-height:40px;
        margin:5px 10px 0 0
    }
    .toggle {
        display:block;
        position:relative;
        cursor:pointer;
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        user-select:none;
        color:#777;
        float:right;
        margin-right:-10px;
        font-family:FontAwesome;
        text-align:center;
        font-size:14px;
        width:50px;
        height:50px;
        line-height:50px;
        -webkit-transition:all .2s;
        -moz-transition:all .2s;
        -ms-transition:all .2s;
        -o-transition:all .2s;
        transition:all .2s
    }
    .no-touch .toggle:hover {
        color:#008942;
        -webkit-transition:all .2s;
        -moz-transition:all .2s;
        -ms-transition:all .2s;
        -o-transition:all .2s;
        transition:all .2s
    }
    .toggle:after {
        content:'\f0c9'
    }
    #toggle:checked~.menu {
        display:block;
        filter:alpha(opacity=100);
        opacity:1
    }
    #toggle:checked+.toggle:after {
        content:'\f077'
    }
    .is-sticky .menu, .menu {
        display:none;
        filter:alpha(opacity=0);
        opacity:0;
        margin-top:50px;
        width:100%;
        position:absolute;
        right:0;
        height:auto;
        text-align:left;
        background:#eee;
        padding-bottom:10px;
        padding-left:20px
    }
    .is-sticky .menu ul li, .menu ul li {
        display:block;
        width:100%;
        line-height:30px;
        margin:0;
        border-bottom:0
    }
    .is-sticky .menu ul li a, .menu ul li a {
        display:block;
        width:100%;
        padding:2px 0
    }
    .is-sticky .menu ul li a, .is-sticky .menu ul li:hover a, .menu ul li a, .menu ul li:hover a {
        border-bottom:0
    }
    .is-sticky .menu ul ul, .menu ul ul {
        display:block;
        position:relative;
        top:100%;
        left:0;
        background:#eee;
        padding:0;
        min-width:auto;
        text-align:left;
        margin-top:0
    }
    .is-sticky .menu ul ul li, .menu ul ul li {
        float:none;
        position:relative;
        margin-left:0;
        margin-right:0
    }
    .is-sticky .menu ul ul li a, .menu ul ul li a {
        padding:2px 25px;
        color:#777!important
    }
    .is-sticky .menu ul ul li a:hover, .menu ul ul li a:hover {
        color:#008942!important;
        background:0 0
    }
    .is-sticky .menu ul ul ul, .menu ul ul ul {
        position:relative;
        top:0;
        left:10px
    }
}
@media only screen and (max-width:480px) {
    .is-sticky .menu ul ul ul, .menu {
        padding-left:15px
    }
}
.home {
    position:relative;
    width:100%;
    height:100%
}
.fullwidth, .home.fullwidth, .home.fullwidth>.header {
    height:540px
}
@media only screen and (max-width:480px) {
    .fullwidth, .home.fullwidth, .home.fullwidth>.header {
        height:400px
    }
}
.home-one .overlay {
    filter:alpha(opacity=30);
    opacity:.3
}
.home-one .header-inner {
    max-width:580px
}
.bigtext>div {
    font-weight:600;
    line-height:1.1em
}
.bigtext>div b {
    text-transform:uppercase;
    line-height:1.125em;
    font-family:Oswald, sans-serif
}
.bigtext>div em {
    text-transform:uppercase;
    line-height:.95em;
    font-style:normal;
    font-weight:300;
    letter-spacing:.2em
}
.since {
    margin-top:25px;
    margin-bottom:0;
    font-family:Oswald, sans-serif;
    text-transform:uppercase;
    color:#fff;
    color:rgba(255, 255, 255, .5)
}
.since:before {
    content:'';
    display:block;
    margin:15px auto 25px;
    width:30px;
    height:1px;
    background:#008942
}
a.mouse {
    display:block;
    position:absolute;
    bottom:25px;
    left:50%;
    margin-left:-14px;
    width:27px;
    height:42px;
    z-index:50;
    border:2px solid #fff;
    -webkit-border-radius:14px;
    border-radius:14px
}
a.mouse:before {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:11px;
    width:1px;
    height:16px;
    background:#fff
}
a.mouse:after {
    content:'';
    display:block;
    position:absolute;
    top:16px;
    left:0;
    width:25px;
    height:1px;
    background:#fff
}
a.mouse span {
    display:block;
    position:absolute;
    bottom:26px;
    left:9px;
    width:5px;
    height:8px;
    z-index:50;
    background:#008942;
    border:1px solid #fff;
    -webkit-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
a.mouse:hover span {
    background:#333;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
@media only screen and (max-width:480px) {
    .since:before {
        margin:10px auto 15px
    }
}
.intro {
    padding-top:50px;
    padding-bottom:10px
}
.intro-block {
    display:block;
    padding:20px;
    text-align:center
}

.verde h3{
	color:#669769;
}

.rosa h3{
	color:#905d91;
}

.azul h3{
	color:#487fa4;
}

.verde i{
	color:#669769!important;
}

.rosa i{
	color:#905d91!important;
}

.azul i{
	color:#487fa4!important;
}

.divisao img{
	display:block;
	margin:auto;
	padding:3em 0;
}

.text-center{
	text-align:center !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
	max-width:85%;
	margin: auto;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-boxes{
	margin-top:60px;
}

.section-boxes p{
	margin-bottom:0px!important;
	padding-bottom:0px!important;
}

.section-boxes h3{
	color:#a8caaa;
	padding:1em 0;
}

.section-boxes img{
	width:100%;
	height:auto;
}

.intro .divider {
    border-right:1px solid #eee
}
.intro-block i {
    display:block;
    margin:auto auto 25px;
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    font-size:28px;
    color:#333;
    border:1px solid #fff;
    -webkit-border-radius:50px;
    border-radius:50px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.no-touch .intro-block:hover i {
    color:#008942;
    border:1px solid #eee;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
@media only screen and (max-width:768px) {
    .intro {
        padding-top:100px;
        padding-bottom:100px
    }
    .intro .divider {
        border-right:none
    }
}
@media only screen and (max-width:480px) {
    .intro {
        padding-top:80px;
        padding-bottom:80px
    }
}
.services {
    background:#fafafa;
    padding-top:120px;
    padding-bottom:100px
}
.service-item {
    display:block
}
.service-item i {
    font-size:28px;
    color:#ccc;
    margin-bottom:15px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.no-touch .service-item:hover>i {
    color:#333;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.service-item hr {
    display:block;
    width:30px;
    height:1px;
    background:#ddd;
    margin-top:25px;
    margin-bottom:25px
}
@media only screen and (max-width:768px) {
    .services {
        padding-top:100px;
        padding-bottom:80px
    }
}
@media only screen and (max-width:480px) {
    .services {
        padding-top:80px;
        padding-bottom:60px
    }
}
.work {
    position:relative;
    background:#fff;
    padding-top:120px;
    padding-bottom:0
}
.work-grid:after {
    content:"";
    display:table;
    clear:both;
    zoom:1
}
.work-item {
    overflow:hidden;
    position:relative;
    float:left;
    width:25%;
    height:auto;
    background:#333;
    -webkit-backface-visibility:hidden;
    -khtml-backface-visibility:hidden;
    -apple-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translateZ(0) scale(1, 1);
    -khtml-transform:translateZ(0) scale(1, 1);
    -apple-transform:translateZ(0) scale(1, 1);
    -moz-transform:translateZ(0) scale(1, 1);
    -ms-transform:translateZ(0) scale(1, 1);
    -o-transform:translateZ(0) scale(1, 1);
    transform:translateZ(0) scale(1, 1)
}
.work-item img {
    vertical-align:bottom;
    -webkit-backface-visibility:hidden;
    -khtml-backface-visibility:hidden;
    -apple-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translateZ(0) scale(1, 1);
    -khtml-transform:translateZ(0) scale(1, 1);
    -apple-transform:translateZ(0) scale(1, 1);
    -moz-transform:translateZ(0) scale(1, 1);
    -ms-transform:translateZ(0) scale(1, 1);
    -o-transform:translateZ(0) scale(1, 1);
    transform:translateZ(0) scale(1, 1);
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.work-item i {
    filter:alpha(opacity=0);
    opacity:0;
    z-index:40;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-65px;
    margin-left:-25px;
    width:50px;
    height:50px;
    line-height:48px;
    font-size:14px;
    text-align:center;
    color:#fff;
    border:2px solid #fff;
    -webkit-border-radius:25px;
    border-radius:25px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.no-touch .wi-info {
    filter:alpha(opacity=100);
    opacity:1;
    position:absolute;
    bottom:-100px;
    padding:20px;
    width:100%;
    background:#fff;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.wi-info h3, .wi-info p {
    color:#333;
    line-height:20px;
    margin-bottom:0
}
.no-touch .work-item a:hover>.wi-info {
    bottom:0;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.no-touch .work-item a:hover>img {
    filter:alpha(opacity=50);
    opacity:.5;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.no-touch .work-item a:hover>i {
    filter:alpha(opacity=100);
    opacity:1;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.wi-info {
    filter:alpha(opacity=75);
    opacity:.75;
    position:absolute;
    bottom:0;
    padding:20px;
    width:100%;
    background:#fff
}
@media only screen and (max-width:1024px) {
    .work-item {
        width:50%
    }
}
@media only screen and (max-width:768px) {
    .work {
        padding-top:100px;
        padding-bottom:0
    }
}
@media only screen and (max-width:480px) {
    .work {
        padding-top:80px;
        padding-bottom:0
    }
    .work-item {
        width:100%
    }
}
.usp {
    padding-top:70px;
}
.usp-intro {
    margin-bottom:50px
}
.icon-list {
    display:block;
    margin-bottom:50px
}
.il-icon i {
    float:left;
    display:block;
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    font-size:28px;
    color:#ccc;
    border:1px solid #eee;
    -webkit-border-radius:35px;
    border-radius:35px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.no-touch .icon-list:hover>.il-icon i {
    color:#fff;
    border:1px solid #008942;
    background:#008942;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.il-text {
    margin-left:90px
}
@media only screen and (max-width:768px) {
    .usp {
        padding-top:100px;
        padding-bottom:75px
    }
}
@media only screen and (max-width:480px) {
    .usp {
        padding-top:80px;
        padding-bottom:50px
    }
}
.process {
    padding-top:120px;
    padding-bottom:120px;
    background:#fafafa
}
.process-item {
    display:block
}
.process-item i {
    font-size:28px;
    color:#ccc;
    margin-bottom:15px
}
.process-item hr {
    display:block;
    width:30px;
    height:1px;
    background:#ddd;
    margin-top:25px;
    margin-bottom:25px
}
@media only screen and (max-width:768px) {
    .process {
        padding-top:100px;
        padding-bottom:100px
    }
}
@media only screen and (max-width:480px) {
    .process {
        padding-top:80px;
        padding-bottom:80px
    }
}
.pricing {
    padding-top:120px;
    padding-bottom:40px
}
.pricing-block {
    position:relative;
    display:block;
    background:#fff;
    border:1px solid #eee;
    text-align:center;
    margin-top:40px;
    margin-bottom:80px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
	max-width:20%;
}
.pb-title {
    position:relative;
    top:-25px;
    margin:auto 20px;
    display:block;
    text-align:center;
    color:#fff;
    font-size:16px;
    line-height:50px;
    background:#333
}
.pb-price {
    display:block;
    text-align:center;
    font-size:70px;
    line-height:70px;
    margin:10px auto 20px;
    color:#444
}
.pb-price sub {
    vertical-align:text-middle;
    font-size:25%;
    font-weight:500;
    margin-left:5px
}
.pb-price sup {
    vertical-align:super;
    font-size:25%;
    font-weight:500;
    top:10%;
    margin-left:5px
}
.pb-features {
    display:block;
    text-align:center;
    padding-top:30px;
    padding-bottom:5px;
    border-top:1px solid #eee;
    margin:auto 20px 5px
}
.pb-features ul li {
    padding:7px 15px
}
.pb-features:after, .pb-price:after {
    clear:both;
    content:"";
    display:table
}
.pb-btn {
    position:relative;
    top:25px;
    text-align:center
}
.pb-btn .btn {
    color:#111;
    background:#fff;
    border:2px solid #111;
    padding:10px 18px
}
.no-touch .pricing-block:hover {
    background:#fafafa;
    border-color:#ededed;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.no-touch .pricing-block:hover .pb-features {
    border-color:#ededed
}
.no-touch .pricing-block:hover .pb-btn .btn {
    color:#fff;
    background:#111
}
.attention .pb-title {
    color:#fff;
    background:#008942
}
.attention .pb-btn .btn {
    color:#008942;
    border:2px solid #008942
}
.no-touch .pricing-block.attention:hover .pb-btn .btn {
    color:#fff;
    background:#008942
}
@media only screen and (max-width:1024px) {
    .pb-price {
        font-size:60px;
        line-height:60px
    }
}
@media only screen and (max-width:768px) {
    .pricing {
        padding-top:100px;
        padding-bottom:60px
    }
    .pricing-block {
        margin-top:40px;
        margin-bottom:60px
    }
}
@media only screen and (max-width:480px) {
    .pricing {
        padding-top:80px;
        padding-bottom:50px
    }
    .pricing-block {
        margin-top:30px;
        margin-bottom:50px
    }
}
.quote {
    position:relative;
    padding-top:70px;
	padding-bottom:40px;
    text-align:center
}
.quote-icon {
    display:block;
    margin:auto auto 50px;
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    font-size:28px;
    color:#fff;
    border:1px solid #fff;
    -webkit-border-radius:35px;
    border-radius:35px
}
.quote p {
    color:#fff
}
p.quotetext {
    color:#fff;
    font-size:16px;
    line-height:30px
}
.q-rating {
    margin-bottom:25px
}
.q-rating i {
    display:inline-block;
    margin:auto 2px;
    font-size:18px;
    color:#008942
}
.q-control {
    text-align:center
}
.q-control p {
    font-size:28px
}
.q-control span a {
    color:#fff;
    filter:alpha(opacity=50);
    opacity:.5;
    padding:10px 15px
}
.no-touch .q-control span a:hover {
    color:#fff;
    filter:alpha(opacity=100);
    opacity:1
}
@media only screen and (max-width:1024px) {
    .quote {
        padding-top:80px;
        padding-bottom:80px
    }
}
@media only screen and (max-width:480px) {
    p.quotetext {
        font-size:13px;
        line-height:25px
    }
}
.about {
    padding-top:120px;
    padding-bottom:120px
}
.personal-avatar {
    display:block;
    margin:0 auto 25px;
    border:1px solid #eee;
    -webkit-border-radius:50%;
    border-radius:50%
}
.no-touch .personal-avatar {
    padding:10px;
    background:#fff
}
.about-block {
    display:block;
    padding:10px;
    text-align:center;
    background:#fff;
    border:1px solid #eee
}
.about-block img, .about-block p {
    margin-bottom:15px
}
.ab-social i {
    display:inline-block;
    font-size:18px;
    margin:0 5px 10px;
    color:#ccc
}
.no-touch .ab-social i:hover {
    color:#111
}
@media only screen and (max-width:768px) {
    .about {
        padding-top:100px;
        padding-bottom:100px
    }
}
@media only screen and (max-width:480px) {
    .about {
        padding-top:80px;
        padding-bottom:80px
    }
}
.cta {
    position:relative;
    padding-top:80px;
    padding-bottom:80px
}
.grey-cta {
    position:relative;
    border-top:1px solid #fff;
    background:#f7f7f7;
    padding-top:80px;
    padding-bottom:80px;
    text-align:center
}
@media only screen and (max-width:480px) {
    .grey-cta {
        padding-top:50px;
        padding-bottom:50px
    }
}
.blog-section {
    padding-top:120px;
    padding-bottom:120px
}
.blog-block {
    display:block
}
.bb-wrap {
    padding:20px 20px 30px;
    border:1px solid #eee;
    border-top:1px solid #fff
}
.bb-circle {
    z-index:70;
    position:relative;
    display:block;
    margin:-55px auto 10px;
    width:80px;
    height:80px;
    background:#fff;
    -webkit-border-radius:40px;
    border-radius:40px;
    border-top-left-radius:40px;
    border-top-right-radius:40px;
    border-bottom-left-radius:40px;
    border-bottom-right-radius:40px
}
.bb-circle i {
    margin:5px;
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    font-size:28px;
    color:#bbb;
    background:#fff;
    border:1px solid #eee;
    -webkit-border-radius:35px;
    border-radius:35px;
    border-top-left-radius:35px;
    border-top-right-radius:35px;
    border-bottom-left-radius:35px;
    border-bottom-right-radius:35px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.no-touch .blog-block:hover .bb-circle i {
    color:#fff;
    background:#008942;
    border:1px solid #008942;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.bb-meta {
    margin-top:15px;
    margin-bottom:15px
}
.bb-meta a {
    color:#aaa;
    margin-right:20px
}
.no-touch .bb-meta a:hover {
    color:#008942
}
.bb-meta i {
    margin-right:5px
}
.blog-block .bx-wrapper .bx-pager {
    display:none
}
@media only screen and (max-width:768px) {
    .blog-section {
        padding-top:100px;
        padding-bottom:100px
    }
}
@media only screen and (max-width:480px) {
    .blog-section {
        padding-top:80px;
        padding-bottom:80px
    }
}
.contact {
    position:relative;
    padding-top:120px;
    padding-bottom:100px
}
.contact .overlay {
    filter:alpha(opacity=75);
    opacity:.75
}
.contact-circle {
    display:block;
    text-align:center
}
.contact-circle h4 {
    color:#fff
}
.contact-circle hr {
    display:inline-block;
    width:50px;
    height:1px;
    background:#008942;
    margin:20px auto 10px
}
.contact-circle p {
    color:#fff;
    margin-bottom:0
}
.contact-circle a {
    color:#fff
}
.contact-circle i {
    display:block;
    margin:auto auto 25px;
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    font-size:28px;
    color:#fff;
    border:1px solid #666;
    border:1px solid rgba(255, 255, 255, .4);
    -webkit-border-radius:50px;
    border-radius:50px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.no-touch .contact-circle:hover i {
    border:1px solid #fff;
    border:1px solid rgba(255, 255, 255, 1);
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.contact-social {
    text-align:center;
    margin-top:50px
}
.contact-social a i {
    vertical-align:middle;
    display:inline-block;
    margin:auto 15px 0;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:28px;
    color:#fff;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.no-touch .contact-social a:hover i {
    font-size:42px;
    line-height:50px;
    color:#008942;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.form-container {
    background:#fff;
    padding-top:80px;
    padding-bottom:80px
}
.c-form input[type=text] {
    color:#333;
    border:none;
    border-bottom:1px solid #ccc
}
.c-form input[type=text]:focus {
    color:#333;
    border:none;
    border-bottom:1px solid #333
}
.c-form textarea {
    margin-top:15px;
    margin-bottom:15px;
    color:#333;
    border:none;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc
}
.c-form textarea:focus {
    color:#333;
    border:none;
    border-left:1px solid #333;
    border-bottom:1px solid #333
}
.c-message {
    text-align:center
}
.c-message h3, .c-message p {
    color:#222
}
.error_message {
    color:red
}
.loader {
    display:block;
    margin:15px auto 0
}
@media only screen and (max-width:768px) {
    .contact {
        padding-top:100px;
        padding-bottom:80px
    }
    .contact-social a i {
        margin:auto 0
    }
    .form-container {
        padding-top:100px;
        padding-bottom:100px
    }
}
@media only screen and (max-width:480px) {
    .contact {
        padding-top:80px;
        padding-bottom:60px
    }
    .contact-circle {
        margin-bottom:50px
    }
    .form-container {
        padding-top:80px;
        padding-bottom:80px
    }
}
.footer {
    background:#006c39;
    padding-top:60px;
    padding-bottom:60px;
    margin-top:-1px
}
.footer .row {
    margin-top:20px
}
.footer .divider {
    border-right:1px solid #5fa383
}
.footer p {
    margin-bottom:0;
	color:#5fa383;
}
.no-touch .footer a:hover {
    color:#fff
}
.footer i {
    vertical-align:middle;
    display:inline-block;
    margin:10px auto;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:14px;
    color:#5fa383
}
.no-touch .footer i:hover {
    color:#fff
}
.back-top-wrap {
    text-align:center;
    height:0
}
a.back-top {
    display:inline-block;
    position:relative;
    top:-25px;
    width:50px;
    height:50px;
    line-height:48px;
    text-align:center;
    font-size:20px;
    color:#fff;
    background:#009545;
    border:1px solid #666;
    border:1px solid rgba(255, 255, 255, .4);
    z-index:20;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg)
}
.no-touch a.back-top:hover {
    color:#fff;
    background:#008942;
    border:1px solid #008942
}
a.back-top i {
	position:absolute;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
	left:15px;
}
a.back-top.subpage {
    border-top:1px solid #242424;
    border-left:1px solid #242424;
    border-right:1px solid #666;
    border-bottom:1px solid #666
}
.no-touch a.back-top.subpage:hover {
    border:1px solid #008942
}
@media only screen and (max-width:768px) {
    .footer .text-left, .footer .text-right {
        text-align:center
    }
}
@media only screen and (max-width:480px) {
    .footer {
        padding-top:40px;
        padding-bottom:40px
    }
}
.fourofour {
    height:100%
}
.fourofour .overlay {
    filter:alpha(opacity=60);
    opacity:.6
}
.fourofour h1 {
    font-size:220px;
    font-weight:100;
    line-height:1em;
    color:#fff;
    margin-bottom:25px
}
.fourofour h2 {
    font-size:60px;
    font-weight:100;
    line-height:1em;
    color:#fff;
    margin-bottom:-25px
}
.fourofour p {
    font-size:16px;
    font-weight:400;
    line-height:30px;
    color:#fff;
    margin-bottom:0
}
.fourofour p a {
    font-weight:600;
    color:#fff;
    padding-bottom:1px;
    border-bottom:1px dotted #fff
}
.no-touch .fourofour p a:hover {
    color:#fff;
    border-bottom:1px solid #fff
}
@media only screen and (max-width:480px) {
    .fourofour h1 {
        font-size:140px
    }
    .fourofour h2 {
        font-size:40px;
        margin-bottom:-10px
    }
}


.listas{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:2em;
	list-style:none;
}

.listas li{
	width:33%;
	display:block;
	float:left;
	height:auto;
	overflow:hidden;
	padding: 0 2em .5em 2em;
}

@media only screen and (max-width:900px){
.listas li{
	width:100%;
}
}

@media only screen and (max-width:480px){
.listas li{
	width:100%;
	float:none;
}
}

.listas li span{
	display:block;
	width:120px;
	height:120px;
	margin:.5em auto;
	border-radius:50%;
	border:1px solid #008942;
}

.listas li i {
	line-height:120px;
}

.listas li p {
	color:#444444;
	line-height:18px
}

.btn-green{
	padding: .8em 2em;
	color:#fff;
	font-weight:700;
	font-size:18px;
	background-color:#5fa94e;
	border-radius:6px;
}

.btn-green:hover{
	background-color:#508e41;
	color:#fff;
}

.titulo-contato{
	color:#508e41;
	font-size:20px;
	padding-bottom:20px;
}

.processo{
	width:100%;
}

.processo li{
	display:block;
	float:left;
	width:11.11111111111111%;
	height:auto;
}

.processo li img{
	width:100%;
	height:auto;
}

.processo li p{
	width:100%;
	height:auto;
	padding-top:1em;
	color:#508e41;
	text-align:center;
	font-weight:bold;
}

@media only screen and (max-width:950px){
.processo{
	width:95%;
	margin:auto;
}

.processo li{
	display:block;
	float:left;
	width:25%;
	height:auto;
}

.processo li img{
	width:100%;
	height:auto;
}

.processo li p{
	width:100%;
	height:auto;
	padding-top:1em;
	color:#508e41;
	text-align:center;
	font-weight:bold;
}

}

@media only screen and (max-width:480px){
.processo{
	width:50%;
	margin:auto;
}

.processo li{
	display:block;
	float:none;
	width:100%;
	height:auto;
}

.processo li img{
	width:100%;
	height:auto;
}

.processo li p{
	width:100%;
	height:auto;
	padding-top:1em;
	color:#508e41;
	text-align:center;
	font-weight:bold;
}

}

.assinatura{
	width:220px;
	height:15px;
	display:block;
	margin:auto;
	margin-top:50px;
	color:white;
	line-height:5px;
}

.assinatura p{
	line-height:15px;
	float:left;
}

.assinatura img{
	float:left;
	margin-left:5px;
}

.undefined-sticky-wrapper{
	display:none;
}

.il-text {
	margin-top:20px;
    font-size:14px;
	line-height:25px;
}

.boxpreco{
	width:15%;
	height:auto;
	float:left;
	border:1px solid #dfdfdf;
	padding-top:4em;
	text-align:center;
	position:relative;
}

.boxpreco li{
	border-bottom:1px solid #dfdfdf;
}

.boxfeture{
	width:25%;
	float:left;
	padding-top:5em;
	border:1px solid #dfdfdf;
}

.boxfeture li{
	border-bottom:1px solid #dfdfdf;
	padding-left:10px;
}

.boxfeture h2{
	padding-left:10px;
	padding-bottom:6px;
}

.sim{
	color:#38b976;
	font-weight:bold;
}

.nao{
	color:red;
}

.boxpreco h3{
	background-color:#008942;
	position:absolute;
	width:80%;
	top:-20px;
	left:10%;
	padding:.5em;
	color:#ffffff;
	margin-bottom:1em;
}

.boxpreco p{
	font-size:2em;
	font-weight:bold;
}

.boxpreco p span{
	font-size:12px;
	font-weight:normal;
}

.boxpreco sup{
	margin-top:5px;
	font-size:.5em;
}

.pb-btn{
	margin-bottom:1em;
	padding:1em;
}

.il-text{
	font-family:Raleway;
}

.btn-site{
	padding:20px;
	line-height:100px;
	border:2px solid #00b356;
	background:transparent;
	border-radius:5px;
	color:#00b356;
	width:auto;
}

.btn-site:hover{
	padding:20px;
	line-height:100px;
	background:#00b356;
	border-radius:5px;
	color:#ffffff;
	width:auto;
}

.trescolunas{
	width:33.3333%;
	height:auto;
	overflow:hidden;
	padding:0em 2em 3em 0;
	float:left;
}

@media(max-width:980px){
	.trescolunas{
		width:100%;
		padding:2em;
	}
}

.coluna1{
	display:block;
	width:70%;
	float:left;
	border:1px solid #cfcfcf;
}

.coluna1 li{
	display:block;
	padding:0.2em 1em;
	border-bottom:1px solid #cfcfcf;
}

.topico{
	background:#00b356;
	font-weight:bold;
	color:#ffffff;
}

.coluna2{
	display:block;
	width:30%;
	float:left;
	border:1px solid #cfcfcf;
}

.no-padding-right{
	padding-right:0;
}

.coluna2 li{
	display:block;
	padding:0.2em 1em;
	border-bottom:1px solid #cfcfcf;
}

.icone-lista{
	width:17%;
	height:auto;
	overflow:hidden;
	float:left;
}

.conteudo-lista{
	width:80%;
	height:auto;
	overflow:hidden;
	float:left;
}

.conteudo-lista h3{
	font-size:18px;
	font-family:'raleway';
}

.conteudo-lista p{
	font-size:14px;
	line-height:25px;
	font-family:'Raleway';
}