@font-face {
    font-family: 'NexaBlack';
    src: url('../fontes/NexaBlack.eot');
    src: url('../fontes/NexaBlack.eot?#iefix')    format('embedded-opentype'),
         url('../fontes/NexaBlack.woff2')         format('woff2'),
         url('../fontes/NexaBlack.woff')          format('woff'),
         url('../fontes/NexaBlack.ttf')           format('truetype'),
         url('../fontes/NexaBlack.svg#NexaBlack') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NexaBook';
    src: url('../fontes/Nexa-Book.eot');
    src: url('../fontes/Nexa-Book.eot?#iefix')    format('embedded-opentype'),
         url('../fontes/Nexa-Book.woff2')         format('woff2'),
         url('../fontes/Nexa-Book.woff')          format('woff'),
         url('../fontes/Nexa-Book.ttf')           format('truetype'),
         url('../fontes/Nexa-Book.svg#Nexa-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.ttk{display: none}

.btn-primary{display: block; width: 100%; background-color: #63BFAC; border-color:#63BFAC; color: #fff; }
.btn-primary:hover{background-color: #4b9d8c;border-color:#63BFAC;}

.zoomGrow {display: inline-block}
.zoomGrow{transition: all 300ms;}
.zoomGrow:hover{  transform: translateY(-20%) scale(1.1); }


.pagination{}
.pagination .page-link{color: #333; background-color: #fff; border: 1px solid #333}
.page-item.active .page-link {background-color: #6a1f13; color: #fff; border: 1px solid #6a1f13}


body{font-family: 'NexaBook', sans-serif;}
body{background-color: #fff; color:#fff}


.section{ padding-left: 8rem; padding-right: 8rem}


.section-pagina a{color: #333333; text-decoration: none;}
.section-pagina .badge a{color: #FFF}

.section-pagina .titulo{margin-bottom: 10px}

@media screen and (max-width: 1366px) {
    .section {padding-left: 3rem; padding-right: 3rem}
}

@media screen and (max-width: 767px) {
    .section {padding-left: 1rem; padding-right: 1rem}
}



.section-banner{ padding: 0px; position: relative}
.section-banner img{ width: 100%}

.section-banner .maozinha{width: 45px; display: block; padding: 10px; position: absolute; bottom: 10px; left: 50%; transform: translate(-50%, -50%); cursor: pointer; background-color: rgba(0,0,0,0.10)}

.wrapper{ width: 100%;  max-width: 1920px; margin: 0 auto; position: relative}

@media (min-width: 1921px){
    
    .wrapper:first-of-type { }
    .wraper-main{border-right: 70px solid #81017C;}
    
}


        
        /* Style page content - pushes the page content to the right when the sidebar is opened */
#main {transition: margin-left 0.5s; padding: 0px; margin-left: 70px; margin-right: 0px;}
        
@media screen and (max-width: 768px) {
            
    #main {margin-right: 0px;}
            
}
        
.img-fluid-full{width: 100%; min-width: 100%}
        
.section-topo{position: fixed; z-index: 1;}
.section-topo img{ width: 100%}        
        
        /* The sidebar menu */
.sidebar {
			height: 100%; width: 70px; display: flex;
			position: fixed;
			z-index: 2;
			top: 0; 
			background-color: #63C0AD;
			overflow-x: hidden;
			padding-top: 60px;
			transition: 0.5s;
}
		
        /* The sidebar links */

.sidebar .social{position: absolute; bottom: 10px; text-align: center; width: 100%}
.sidebar .social a {padding: 2px; display: block; margin: 0 auto}

.sidebar .menulist{ display: none}
        
.sidebar a { padding: 8px 8px 8px 8px;text-decoration: none; font-size: 20px; color: #fff; display: block; transition: 0.3s; }
        
.sidebar a.closebtn{ display: none;}
        
/* Mouse over the navigation
links, to change their color */
.sidebar a:hover { color: #63BFAC; }
		/* Position and style the close
		button at top right corner */
		.sidebar .closebtn { position: absolute; top: 0; right: 15px; font-size: 36px; margin-left: 50px; }
        .sidebar .openbtn  { position: absolute; top: 0; right: 15px; font-size: 36px; margin-left: 50px; }
		
		/* On smaller screens, where height is less than 450px, change the style of	the side-nav (less padding and a smaller font size) */
		@media screen and (max-height: 450px) {
			.sidebar { padding-top: 15px; }
			.sidebar a { font-size: 18px; }
		}



/* ----------------------------------------------------------------------------------- */
.section-sobre{padding-top: 30px; padding-bottom: 30px; background-size: cover; background-image: url('../imagens/bg-sobre.png'); background-repeat: repeat-x;}
.section-sobre .wrapper{margin-top: 100px}

.section-sobre h2{font-family: NexaBlack; color: #fff}

.section-sobre .titulo{font-family: NexaBlack; color: #63BFAC; font-size: 2.5rem}
.section-sobre .titulo span{font-size: 3.125rem; color: #63BFAC}

.section-sobre .titulo2{font-family: NexaBlack; color: #FE7316; font-size: 1.875rem; margin-bottom: 15px}
.section-sobre .titulo2 span{color: #63BFAC}

.section-sobre .texto{ font-family: NexaBook; font-size: 1.25rem;}

.section-sobre .equipe{}
.section-sobre .equipe .membro{padding: 10px}
.section-sobre .equipe .membro p{margin-bottom: 0px; text-align: center}
.section-sobre .equipe .membro img{filter: grayscale(1); transition: all 300ms}
.section-sobre .equipe .membro img:hover{filter: grayscale(0);}

@media (max-width: 767px){
}

@media screen and (max-width: 480px) {
    .section-sobre .titulo{font-size: 1.8rem}
    .section-sobre .titulo span{font-size: 2.3rem;}

    .section-sobre .titulo2{font-size: 1.500rem; margin-bottom: 15px}
    .section-sobre .titulo2 span{color: #63BFAC}
    
}


/* ----------------------------------------------------------------------------------- */

.section-expertise{background-image: url(../imagens/bg-expertise.jpg); color: #2B2927; padding-top: 100px; padding-bottom: 30px; text-align: center; background-size: cover; background-position: center top}
.section-expertise .wrapper{ max-width: 900px; margin: 0 auto}

.section-expertise .wrapper a {display: inline-block}
.section-expertise .wrapper a img{transition: all 300ms;}
.section-expertise .wrapper a img:hover{  transform: translateY(-20%) scale(1.1); }

.section-expertise .wrapper-portfolio a {width: 100% !important; max-width: 100% !important;}
.section-expertise .wrapper-portfolio img{width: 100%; max-width: 100%;}

@media (max-width: 767px){
    /*.section-expertise .wrapper a{display: inline-block; max-width: 49%}*/
    .section-expertise .wrapper a img{ width: 100%}
}

.section-expertise h2{font-family: NexaBlack; font-size: 2rem; margin-bottom: 15px;}
.section-expertise h2 span{font-size: 2.8rem; color:#63BFAC;}
.section-expertise .texto{font-family: NexaBook; font-size: 1.25rem; margin-bottom: 50px;}

/* ----------------------------------------------------------------------------------- */

.section-parceiros{ padding-top: 150px; padding-bottom: 75px; background-image: url(../imagens/bg-parceiros.jpg); background-size: cover; background-position: center top}
.section-parceiros h2{font-family: NexaBlack; font-size: 2rem; margin-bottom: 30px; text-align: center}
.section-parceiros h2 span{font-size: 2.5rem; color:#63BFAC;}
.section-parceiros .wrapper{ border-bottom: 5px solid #6a1f13; padding-bottom: 75px; text-align: center}

/* ----------------------------------------------------------------------------------- */

.section-misc{ padding-top: 50px; padding-bottom: 50px; background-image: url(../imagens/bg-misc1.jpg); background-size: cover; background-position: center top}
.section-misc h2{font-family: NexaBlack; font-size: 2rem; margin-top: 100px; margin-bottom: 15px; text-align: left; color: #FFF}
.section-misc h3{font-family: NexaBlack; font-size: 2.3rem; margin-bottom: 30px; text-align: left; color: #63BFAC}
.section-misc .texto{color: #FFF; font-family: NexaBook;}
.section-misc .texto img{max-width: 100%}
.section-misc .imagem1{ margin-top: 30px}


.section-form-map{ padding-top: 20px; padding-bottom: 20px; background-image: url(../imagens/bg-misc2.jpg); background-size: cover; background-position: center top}

.section-form-map .col-input{margin-top: 10px;}
.section-form-map .col-input .form-control{border:2px solid; border-color: #FE7316}
.section-form-map .col-input .form-control::placeholder{color: #000}

.section-form-map .col-form{padding-top: 50px}
.section-form-map input[name="resultado"] {border: 1px solid #8a291a}


.section-form-map .col-text p {margin-bottom: 0.7rem}
.section-form-map .col-text .titulo span{font-family: NexaBlack; display: block; font-size: 28px}
.section-form-map .col-text .titulo span:nth-of-type(1){color: #545454}
.section-form-map .col-text .titulo span:nth-of-type(2){color: #63BFAC}
.section-form-map .col-text .titulo span:nth-of-type(3){color: #FE7316}

.section-form-map .col-text .telefones{font-weight: bold}

.section-form-map .col-text .texto{font-weight: bold}


@media (max-width: 767px){
     .section-form-map .col-text .titulo span{font-size: 26px}
}

/* ----------------------------------------------------------------------------------- */

.section-rodape{background-color: #393939; color: #FFF; padding-top: 15px; padding-bottom: 15px;}