* {padding: 0; margin: 0; }

h1 {padding: 0; margin: 0; }
h2 {padding: 0; margin: 0; }
h3 {padding: 0; margin: 0; }
h4 {padding: 0; margin: 0; }
p {padding: 0; margin: 0; }


 @font-face {
font-family: 'Gotham Black';
font-style: normal;
font-weight: normal;
src: local('Gotham Black'), url('../Gotham Black Regular.woff') format('woff');

}

 @font-face {
font-family: 'Gotham Book';
font-style: normal;
font-weight: normal;
src: local('Gotham Book'), url('../GOTHAMBOOK.woff') format('woff');
}

 
header {background-color: #003d22; height: 80px; }
header h1 {color: #fff; font-size: 21px; margin-top: 20px; }
header h2 {color: #dee357; font-size: 19px; }

header img {	box-shadow: 0px 0px 7px }

.tel a {color: #dee357; font-size: 15px; font-family: arial; font-weight: none; float: right; position: 
relative; bottom: 40px; text-decoration: none; }

.conteudo {  background-image: url(../images/bg-carr-1.png); background-repeat: no-repeat;
background-size: cover; height: 459px; width: 100%; }


.color {background: #e2e6da;}

.box1 {padding-top: 70px; }
.box1 h2 {font-size: 20px; color: #003d22; font-weight: bold; padding-bottom: 15px; }
.box1 p {font-size: 16px; color: #71961f; font-weight: bold; }
.box1 span {margin-left: 20px;}

.box1 p:before {content: "\f00c"; font-family: FontAwesome; padding-right: 5px; color: #038800;}

.top {padding-top: 15px; padding-bottom: 15px; }

.text {background-color: #e7e7e7; padding: 15px 30px; border-radius: 1px; }
.text h2 {font-size: 13px; color: #1e1e1e; font-weight: bold; }
.text span {color: #677a3f; }
.formulario {padding: 1px 30px; border-radius: 4px; padding-bottom: 10px; padding-top: 10px; }
.formulario h3 {color: #5b970e; font-size: 16px; font-weight: bold; }
form {margin-top: 20px; color: #000; }
label {font-size: 13px; font-weight: normal; color: #000;}
form input {text-align:left; padding-left:15px; width:95%; height: 35px; font-size:13px; color: #000; }
form input[type="submit"] {color: #fff; text-align: center; padding-right: 15px; margin-top: 10px; }
form label[for="nome"] {margin-top: 10px;  }
form label[for="email"] {margin-top: 10px; }
form label[for="numero"] {margin-top: 10px; }
.submit {background-color: #038800; border-color: #038800; font-weight: bold; border-right: none; border-bottom: none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linearborder-radius: 0 !important;}
.submit:hover {background-color: #dee357;; border-color: #dee357; font-weight: bold; border-right: none; border-bottom: none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linearborder-radius: 0 !important;}

.etapas {padding-bottom: 30px; padding-top: 30px; }
.etapas h3 {color: #003d22; font-size: 16px; margin-top: 20px; font-weight: bold; }
  
.lista {padding-bottom: 40px; padding-top: 40px; }
.um {background-color: #e8e8e8;  padding-bottom: 36px; padding-top: 36px;    }
.um h1 {font-size: 50px; font-weight: bold; color: #575757; }
.um p {padding-top: 10px; padding-left: 30px; }
.um p:before {content: "\f00c"; font-family: FontAwesome; padding-right: 5px; color: #038800;}
.dois {background-color: #cecece; padding: 44px 100px 45px 20px;  }
.dois p {width: 85%; margin-left: 40px; position: relative; left: 30px; font-weight: bold; font-size: 15px; }
.dois h1 {float: right; font-weight: bold; color: #575757; font-size: 50px; position: relative; bottom: 30px; left: 30px;}
 .tres {background-color: #909090; padding: 45px 20px 55px 180px;  }
.tres p {font-size: 15px; width: 80%; font-weight: bold; color: #fff; margin-left: 50px; position: relative; left: 40px;}
.tres h1 {float: left; font-weight: bold; color: #575757; font-size: 50px; padding-left: 20px; position: relative; bottom: 30px;}

footer {text-align: center; background-color: #002708; padding-bottom: 40px; padding-top: 40px; }
footer p {color: #fff; text-align: left; margin-left: 100px; font-family: 'Ubuntu', sans-serif; font-size: 17px;}
footer h3 {color: #fff; padding-bottom: 10px; font-size: 18px; font-family: 'Ubuntu', sans-serif; }
i {margin-right: 5px; }
footer a {text-decoration: none; color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linearborder-radius: 0 !important;}
footer a:hover {color: #f4b351; text-decoration: none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linearborder-radius: 0 !important;}
.end {padding-bottom: 10px; padding-top: 15px; text-align: center; color: #fff; background-color: #648467;}
.end a {text-decoration: none; color: #fff;}
footer h4 {padding-top: 10px; t}
.politica {padding:30px 0;}
.politica p {padding:14px 0; font-size: 16px; font-family: 'Ubuntu', sans-serif; }
.border_2 {position: relative; top: 4px; height: 1px; width: 780px; margin: 0 auto; background-color: #FFF; border: 0; opacity: 0.1; }

.border_3 { height: 2px; width: 475px; margin: 0 auto; background-color: #74af45; border: 0; margin-left: -1px; }
.rights { text-align: center; color: #fff; position: relative; top: 20px; }
.imagem { margin-bottom: 10px; margin-top: 25px; }
 .contac {padding-bottom: 20px; padding-top: 40px; }

.direito {text-align: center;}
.container2 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}



.sidebar {
    width: 310px;
    position: fixed;
    top: 80px;
    right: 0;
     z-index: 999;
    background-color: #d9d9d9;
    transition: all 0.3s;
    background-repeat: no-repeat;
}

.sidebar.active {
    margin-left: -250px;
}

.sidebar .sidebar-header {
    padding: 20px;
    background: #f47c2b;
    text-align: center;
    margin-top: 50px;
}

#content {
    width: calc(100% - 100px);
    min-height: 100vh;
    transition: all 0.3s;
    position: relative;
    top: 0;
    left: 0;
}
#content.active {
    width: 100%;
}





@media ( max-width : 768px ) {
footer {text-align: center;}
header h2 { padding-top: 5px; padding-bottom: 5px; }
.tel a {float: none; position: relative; bottom: 0; padding-top: 5px;}
footer h4 {text-align: center;}
   footer p {margin-left: 40px;}

.border_2 { height: 1px; width: 100%; margin: 0 auto; background-color: #FFF; border: 0; opacity: 0.1; }
.border_3 { height: 2px; width: 100%; margin: 0 auto; background-color: #74af45; border: 0; margin-left: -1px; }
 .box {position: relative; right: 0;  padding-right: 0; width: 100%; }
.etapas {text-align: center;}
.dois p {width: 100%; margin-left: 0; position: relative; left: 0; font-weight: bold; font-size: 15px; }
.tres p {font-size: 15px; width: 90%; font-weight: bold; color: #fff; margin-left: 0; position: relative; left: 30px;}
.tres h1 {font-weight: bold; color: #575757; font-size: 50px; padding-left: 20px; position: relative; bottom: 30px;}
 .tres {background-color: #909090; padding: 45px 20px 55px 0px;  }
 .lista {padding-bottom: 0; padding-top: 10px; background: #e8e8e8; }
 .um {background-color: #e8e8e8;  padding-bottom: 5px; padding-top: 5px; text-align: center;    }
 .um p {padding-top: 10px; padding-left: 0; }
.conteudo  {height: auto; margin-top: 20px; padding-top: 0;}
header {height: auto; padding-bottom: 20px;}
.box1 {padding-top: 0; padding-bottom: 20px; }
form input {width: }
.top2 {padding-top: 20px; padding-bottom: 20px; }
header {text-align: center; }
.box {position: normal; right: normal;  padding-right: normal; width: 100%; }
#content {width: 100%; }
.sidebar {
    
    top: 0;
     
}
 

}




@media (min-width: 992px) {
  .container2 {
    width: 970px;
  }

@media (min-width: 1200px) {
  .container2 {
    width: 780px;
  }