/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    font-family: Helvetica, sans-serif;
    font-weight: lighter;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.4;
    background: #e2e4e7;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img{
    border: none; 
    max-width: 100%; 
    vertical-align: middle;
}
a{
    color: #b7c72c;
}


/* http://vrd.ppg.br/bootgreen.css 
   Verde Theme
   License: none (public domain)
*/

/*Boxes*/
html, body{height: 100%;}
.height-100{min-height: 100vh;}
.height-80{min-height: 80vh;}

.all-center-align { 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; 
}

/*HelpMe*/
.textshadow{text-shadow: 1px 1px 0 #ccc;}
.boxshadow{-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);}
.radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.round{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.last{margin-right: 0 !important;}
.clearfix{clear: both;}

/*Containers*/
.container{float: left; width: 100%;}
.content{width: 80%; margin: 0 10%; padding: 40px 0;}
.content-page{padding: 60px 0;}
.content-no-padding{padding: 0;}

/*Fontes*/
.fontzero{font-size: 0em;}
h1{font-size: 2em; font-weight: 300;}
h2{font-size: 1.8em; font-weight: 400;}
h1{font-size: 1.5em; font-weight: 500;}
p{margin-bottom: 15px;}
p:last-child{margin-bottom: 0;}
b, strong{font-weight: bold;}
mark{padding: 5px 10px; background-color: #eee;}
small{font-size: 0.75em; color: #555;}
a{text-decoration: none;}
a img{border: 0;}

/*Textos Seções*/
.section-title{font-size: 3em; font-weight: lighter; text-transform: uppercase; margin-top: 90px; line-height: 1; margin-bottom: 20px;}
.section-text{font-size: 0.9em; line-height: 1.4;}

.tagline{text-transform: uppercase; line-height: 1.4; margin: 0 0 20px 0;}

/*Text aligns*/
.al-left{text-align: left;}
.al-right{text-align: right;}
.al-center{text-align: center;}

/*Backgrounds*/
.bg-elephant{
    background-image: url(../img/background-verde-elephant-1920x1080px.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.bg-sobre{
    background-color: #b7c72c;
    background-image: url(../img/background-verde-sobre-591x850px.png);
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: bottom right;
    background-attachment: fixed;
}

.bg-contact{
    background-image: url(../img/background-verde-contact-1920x1080px.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.bg-lightgray{background-color: #e2e4e7;}
.bg-gray{background-color: #87868a;}
.bg-darkgray{background-color: #3e3e3d;}
.bg-green{background-color: #005f5c;}
.bg-lightgreen{background-color: #b7c72c;}

.lightgray{color: #e2e4e7;}
.gray{color: #87868a;}
.darkgray{color: #3e3e3d;}
.green{color: #005f5c;}
.lightgreen{color: #b7c72c;}

/*Floats*/
.fl-left{float: left !important;}
.fl-right{float: right !important;}
.fl-none{float: none !important;}

/*Displays*/
.ds-block{display: block;}
.ds-inblock{display: inline-block;}
.ds-inline{display: inline;}
.ds-none{display: none;}

/*Boxes*/
.box{width: auto; float: left;}
.box-line{float: left; width: 100%;}

.box-small{width: 22.75%; margin-right: 3%;}
.box-medium{width: 30%; margin-right: 5%;}
.box-large{width: 46.5%; margin-right: 7%;}
.box-full{width: 100%; margin: 0;}
.box-7col{width: 55%; margin-right: 10%;}
.box-7726{width: 75%;}
.box-forthree{width: 64%;}
.box-forthreesmall{width: 30%;}

/*Formulários*/
.contato label{display: block; width: 100%; margin-top: 5px;}
.contato input, .contato textarea{width: 100%; padding: 15px 15px; font-size: 0.9em; border: none; resize: none; outline: none;}

input:valid, textarea:valid{border: 1px solid #b7c72c !important;}


/*Botões*/
.btn{
    display: inline-block; 
    padding: 10px 20px; 
    cursor: pointer; 
    font-size: 1em; 
    font-weight: lighter; 
    max-width: 40%;
}

.btn-green{background-color: #b7c72c; color: #005f5c; border: none;}
.btn-green:hover{background-color: #cfe137;}

/*Customized Font Awsome Icons in Contato*/
.fa{color: #b7c72c; margin-right: 2px;}
.fa-mobile-phone {font-size: 1.8em;}
.fa-arrow-left, .fa-arrow-right{color: #fff;}

/*Sharebox*/
.sharebox{float: left; width: 100%; padding: 35px 0; text-align: center; font-size: 0.9em;}
.sharebox li{display: inline-block; background: #ccc; margin: 0 15px; background-position: left 10px center; background-repeat: no-repeat; background-size: auto 60%;}
.sharebox a{float: left; padding: 10px 20px 10px 40px; color: #fff !important;}
.sharebox a:hover{text-decoration: none !important;}
.sharebox .count{float: right; background: rgba(0,0,0,0.5); padding: 10px 15px; color: #fff;}

.sharebox .facebook{background-image: url(social/facebook_pix.png); background-color: #45619D;}
.sharebox .facebook:hover{background-color: #778FC4;}
.sharebox .google{background-image: url(social/google_pix.png); background-color: #DD4B39;}
.sharebox .google:hover{background-color: #E77D72;}
.sharebox .twitter{background-image: url(social/twitter_pix.png); background-color: #55ACEE;}
.sharebox .twitter:hover{background-color: #9ED0F5;}

/*MEDIA QUERIES*/
/*BGs*/

@media only screen and (max-width: 768px){
    .bg-elephant{
        
        background-size: auto 100%;
        background-position: right;
    }
    .bg-sobre{
        
        background-size: cover;
        background-position: right;
    }
}