img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}


/*--------------------------------------------------------------
# Geral
--------------------------------------------------------------*/

.site-main{
    padding:20px 0 40px;
    clear: both;
    width:100%;
    background:#312783;
}

/*--------------------------------------------------------------
##  Header
--------------------------------------------------------------*/

            .site-header{
                    padding:10px 0;
                    width: 100%;
                    background: #167b37;
				
			}

           .site-header img{
                   display: block;
                   margin:10px auto 10px;
             }
      
			
            .slide{
                background: #167b37;
                background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
                padding: 40px 0 0 0
             }
				
			.slide span{			
				font-size:42px;
				margin: 0 0 25px 0;
                line-height:48px;
                display: block;
                color: #fff;
			}
 

          .slide span strong{
            font-weight: bold;
           }



          .slide img{
              display: block;
              margin: 0 auto;
          }
          
			.slide p{			
				font-weight:bold;
                font-size:21px;
                color: #fff
			}

    	
      
/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: 'Open Sans', sans-serif;
    color:#333;
    font-size:17px;
    font-weight:300;
}

.main{
	padding:0 0 60px;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

button,
input,
select,
textarea {
	font-size: 16px;
	font-weight:300;
	line-height: 1.65;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.4;
	margin: 0 0 0.75em;
	padding:0;     
    color:#167B37
   
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 24px;
	font-size: 1.5rem;
}

h2 {
	font-size:26px;

}

h3 {
	font-size:26px;
}

h4 {
	font-size:26px;

}

h5 {
	font-size:26px;
}

h6 {
	font-size:26px;
}

p {
	margin: 0 0 15px 0;
	padding: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	font-size:27px;	
	line-height: 1.1;
	margin: 0;
	overflow: hidden;
	padding: 0;
    font-family: 'Montserrat', sans-serif; 
    color: #FF9966;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0;
}

pre {
	background: #eee;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #444;
	border:2px solid #0F404D;
	padding:5px 10px;
	width: 100%;
    background:#fafafa;
    margin:0 0 3px 0;
    border-radius:4px;
}

select {
	border: 1px solid #d4d4d4;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color:#0F404D;
	border:none;
	color: #fff;
	cursor: pointer;
	padding:7px 10px;
    width:100%;
    border-radius:4px;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}



/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	 color:#747474;    	
}

:-moz-placeholder {
    color:#747474;   
    	
}
::-moz-placeholder {
	color:#747474;
	opacity: 1;
    
}
:-ms-input-placeholder {
	  color:#747474;
	  
    
}

select {
	  border:1px solid #e1e2e1;
    width: 100%;
    padding-top:11px;
    padding-bottom:11px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom:5px;
    height:40px;
    border-radius:0px !important;
    background:#e1e2e1;

}


/*--------------------------------------------------------------
# Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em 20px;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	counter-reset: item;
}

ol li {
	display: block;
	position: relative;
    font-size: 14px;

}

ol li:before {
	content: counter(item) ".";
	counter-increment: item;
	font-weight: 600;
	left: -1.5em;
	position: absolute;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}



/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

a {
	color: #000;
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #333;
	outline: 0;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}


embed,
iframe,
object {
	margin:0;
	padding:0;
	max-width: 100%;
}



/*--------------------------------------------------------------
#  Sessões
--------------------------------------------------------------*/

.apresentacao{
   padding:110px 0; 
   
}
.apresentacao h1{   
	color: #0F404D;
    font-size:42px;	
    margin: 0 0 25px 0;    
   
}
.apresentacao img{   	
	  display: block;
      margin: 25px  auto 25px
}

.apresentacao strong{
    font-weight: 900;
    color: #0F404D;
}

.curriculo{
    padding: 110px 0;
    background:#0F404D;
    background-image: linear-gradient(to left, #051937, #004d7a, #008793, #00bf72, #a8eb12);
    
}
.curriculo span{
    color: #fff;
    display: block;
    font-size: 42px;
    margin: 0 0 25px 0;
    text-align: center
    
}

.curriculo span strong{
    font-weight: 900;
}

.curriculo p{
    font-weight: 500;
    color: #fff;
}

.curriculo ul li{
    color: #fff;
    padding: 5px 0;
    
}

.servicos{
    padding:110px 0;    
}

.servicos img{
  display: block;
    margin: 0 auto 25px;
}

.servicos span{
    font-size:42px;
    text-align: center;
    color:#0F404D;
    display: block;
    margin: 0 0 40px 0;
}

.servicos span strong{
    font-weight: 900;
}

.servicos p{    
    text-align: center;
    color:#0F404D;
    text-transform: uppercase;
   
}

.bloco-destaque{
    padding:70px 0;
    background: #0F404D;

}

.call-action{
    padding: 110px 0;
   background-image: linear-gradient(to right top, #fafdf4, #e0eed2, #c2dfb2, #a0d196, #79c37d, #66c37f, #4ec482, #28c487, #2bd2a3, #36e0be, #48eed8, #5ffbf1);
}

.call-action img{
    display: block;
    margin: 25px auto 25px;
}

.call-action span{
     font-size:42px;
    text-align: center;
    color:#fff;
    display: block;
    margin: 0 0 40px 0;
}
.call-action span strong{
    font-weight: 900;
}
.call-action  p{
    text-align: center;
    color: #fff;  
    font-size: 21px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer{	
	background: #167b37;
	padding:70px 0;
}
.site-footer h4{
    font-size:16px;
    text-align: center;
	color:#fff;
	font-weight: 300;   
   
}

.site-footer h4{
    font-size:52px;   
	color:#fff;
    margin: 0 0 3px 0;	
   
}

.site-footer a{
   color:#fff;
   text-decoration: none;
}
.site-footer a:hover{
   text-decoration:underline;
}
.site-footer p, .site-footer address{
    color:#e8d92e;
    text-align: center;
    margin:0 0 20px 0;
    text-transform: uppercase
    
}
.site-footer img{
      display: block;;
      margin:0 auto 20px;
}

.box-end p, .box-end h5, .box-end address{
    text-align: center;
    margin: 0 0 5px 0    
    
}
.box-end h5{
   font-size: 14px;
    
}



/* = Ação
-------------------------------------------------------------- */

a.btn{
	padding:9px 40px;
    text-decoration:none;    
	text-align: center;
	border-radius:52px; 
    display: table;
}

a.btn-acao{ background:#E66510; color: #fff;  }
a:hover.btn-acao{ opacity: 0.9; color:#fff; }

a.btn-whats{ background:#19AD9D; color:#fff  }
a:hover.btn-whats{ background:#1F8076;  }




@media only screen and (max-width: 720px) {



	

}


