@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap");

/* Geral */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}

.material-symbols-outlined {
    font-variation-settings:
    'FILL' var(--_icon-fill, 0),
    'wght' var(--_icon-wght, 400),
    'GRAD' var(--_icon-GRAD, 0),
    'opsz' var(--_icon-opsz, 24);
}

.entry-obras-text ul li {
    list-style: initial;
}

.entry-obras-text ul {
    padding-left: 36px;
}
.btn-ver-mais:hover {
    opacity: 0.80 !important;
	background-color: unset !important;
    border-color: #FFF !important;
	color: #FFF !important;
}
.midia-ver-mais {
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
	font-size:12px !important;
    border: 2px solid #276298 !important;
    color: #276298 !important;
}

.midia-ver-mais:hover {
    opacity: 0.80;
    color: #276298;
    border-color: #276298;
}
.btn-ver-mais:focus {
	box-shadow:none !important;
}
img {
  max-width: 100%;
}
/* Generated by Glyphter (http://www.glyphter.com) on  Tue Mar 02 2021*/
@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/Glyphter.eot');
    src: url('../fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Glyphter.woff') format('woff'),
         url('../fonts/Glyphter.ttf') format('truetype'),
         url('../fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-Ativo one:before{content:'\0041';}
.icon-Ativo two:before{content:'\0042';}
.icon-Ativo three:before{content:'\0043';}
.icon-Ativo five:before{content:'\0044';}
.icon-Ativo sic:before{content:'\0045';}
.icon-Ativo seven:before{content:'\0046';}
.icon-Ativo eight:before{content:'\0047';}
.values-icons svg {
    font-size: 2px;
    width: 20px;
    margin-right: 8px;
    fill: #00D8FF !important;
}
a{
    -webkit-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear;		
}

.subtitle {
  text-align: center;
  font-size: 34px;
  line-height:30px;
  font-weight: 600;
  color: #00376a;
  letter-spacing: 6px;
  padding: 24px 0 70px;
  margin-bottom:0;
  text-transform: uppercase;
}

.subtitle span{
  font-weight: 100;
}

.text-primary {
  color: #004686 !important;
}

.subtitle-white {
  color: #fff;
}

.footer {
  background: #00376a url(../img/bg-footer.png) no-repeat center top;
  background-size: cover; 
}

/* Footer */
.footer-text{
	font-size:12px;
	color:#8c8c8c;
	margin:0;
}

.footer-white {
  background: #fff;
  color: #000;
}

.btn-primary {
  font-size:12px;
  font-weight:600;
  background-color: #004686;
  border-radius: 30px;
  padding: 12px 30px;
  text-transform: uppercase;
  border: none;
  letter-spacing:1px;
  box-shadow: 15px 0 34px rgba(0,0,0,.18);
}
.btn-ver-mais {
    font-size: 14px;
    /* padding: 17px 30px 17px 39px; */
    border: 1px solid #fff;
    color: #fff;
    border-radius: 10px;
}
/*.btn-ver-mais{
  font-size:14px;	
  padding: 17px 30px 17px 39px;		
}*/
.values-icons {
    max-width: 462px;
    margin: 0 auto;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #00376A;
    -webkit-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;		
}

.font-weight-bold {
  font-weight: bold !important;
}


.font-weight-semibold {
  font-weight: 600 !important;
}
.i4ewOd-pzNkMb-haAclf {
    display: none;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
#menu-item-402-en {
    /*display: none;*/
}
.executives p { 
    font-size: 14px !important; 
    line-height: 20px !important;
}
body {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px;
	line-height: 26px;
	color: #474747; 
}

/* Header */


/*.header {
	position: absolute;
    top: 0;
	left:0;	
  height: 100vh;
  width: 100%;
  background: transparent;
  display: flex;
  z-index: 999;
}


.header::before {
  content: '';
  min-width: 160px;
  min-height: 100vh;
  background: #004686;
  z-index: -10;
}


.phone-number {
  font-weight: bold;
  font-size: 24px;
  color: white;
  padding-left: 130px;
}


.shape-white {
  position: absolute;
  top: -50px;
  left: 15px;
  width: 720px;
  height: 300px;
  z-index: -10;
}


.shape-blue {
  position: absolute;
  top: -120px;
  left: 50px;
  width: 550px;
  height: 720px;
  z-index: -15;
  transform: rotatex(28deg);
}


.logo {
  position: absolute;
  top: 60px;
  left: 110px;
}*/

#wrapper-navbar{
    position: absolute;
    z-index: 9;
    width: 100%;
}

#wrapper-navbar .navbar{
	padding: 0 0;
}

#wrapper-navbar .navbar-brand{
	padding:0;
}

#wrapper-navbar .container-fluid{
	padding: 0 10% 0 5%;
	padding: 0 10% 0 0;	
	padding-right:12%;
	align-items: flex-start;
	justify-content: flex-end;
}

.col-sidebar{
	padding-left:20px;
	padding-bottom: 30px;
	background: url(../img/bg-sidebar.png) no-repeat right top;
	background-size: cover;	
    width: 35%;
	max-width: 535px;	
	height:100vh;
    position: absolute;
	top:0;
    left: 0;	
}

.col-sidebar-int {
    background: transparent;
    height: auto;
    position: static;
}

.col-logo{
	display:flex;
	flex-wrap:nowrap;
}

.logo-item{
    position: relative;
	max-width: 280px;
}

.col-sidebar-int .logo-item {
    z-index: 3;
}

.logo-item .navbar-brand {
    position: absolute;
    left: 16%;
    top: 45px;
	margin:0;
	max-width:130px;
}

.col-sidebar-int .logo-item .navbar-brand {
    top: 40px;
}

.phone-item .phone-number {
	font-weight: 600;
	font-size: 20px;
	color: white;
	padding-right: 30px;
	padding-top: 45px;
	display: inline-block;	
}

.col-sidebar-int .phone-item {
    position: relative;	
	margin-left: -35px;
    z-index: 2;	
}

.col-sidebar-int .phone-item .phone-number {
    position: absolute;
    left: 16%;
    top: 36px;
    margin: 0;
    padding: 0;

}

.phone-item .phone-number small {
	margin-right:5px;
}

.col-menu{
	width:65%;
	padding-top: 45px;
	display: flex;
    align-items: center;	
}

.col-menu #navbarNavDropdown{
    justify-content: flex-end;
}

.lang-item-pt a{
	width:23px;
	height:23px;
	display:block;
	background: url(../img/icon-pt.png) no-repeat center center;
	background-size: contain;
}

.lang-item-en{
	margin-left:1px;
}

.lang-item-en a{
	width:23px;
	height:23px;
	display:block;
	background: url(../img/icon-en.png) no-repeat center center;
	background-size: contain;
}

.idiomas{
	margin-left:4%;
}

.col-sidebar-int .idiomas{
	margin-left:10%;
}

.idiomas a:hover{
	opacity:.85;
}

.col-slide-nav{
    padding-top: 140px;
    max-width: 58%;
    text-align: right;
}

.col-slide-nav button{
    background: transparent;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0 10px;
	outline:0;
}

.col-slide-nav button:hover{
    opacity:.85;
}


.col-social .nome-logo {
    max-height: 70%;
}

.col-social{
    width: 27%;
	height:80%;
    text-align: center;
    padding-bottom: 20px;
	position:absolute;
	left:0;
	bottom:0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
}	

.col-social:after{
    content:"";
	display:block;
	width: 100%;
	height:80%;
	position:absolute;
	left:0;
	bottom:0;
    background: #004686;
    z-index: -1;	
}

.col-social .social-list{
    flex-direction: column;
}

.col-social .social-list li{
    margin-top:10px;
	margin-right:0 !important;
}

.col-social .social-list a{
    color:#4074a4;
}

.col-social .social-list a:hover{
    color:#fff;
}


/* Menu */

#main-menu li{
    margin: 0 20px;
}

#main-menu a{
    font-size: 13px;
    font-weight: 600;
    color:#fff;
    position: relative;
    padding: 0;
	text-transform:uppercase;
}

#main-menu a:hover, #main-menu .current-menu-item a{
    color: #fff;
	font-weight: 600;
}

#main-menu a:hover:after, #main-menu .current-menu-item a:after{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #004686;
    bottom: -8px;
    left: 0;
    position: absolute;
}

/* Slide Home */
.slide-banner{
	width:100%;
	height: 100vh;
	position:relative;
	margin-top:0px;
	margin-bottom:0 !important;
}

.slide-banner h2{
    font-size: 40px;
	line-height:52px;
    font-weight: 600;
    color:#fff;
	text-transform:uppercase;
	letter-spacing: 8px;
	margin-bottom:15px;
}

.slide-banner p{
    font-size: 16px;
	line-height:32px;
    font-weight: 400;
    color:#fff;
	margin-bottom:25px;	
}


.slide-banner .banner-item {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
}

.slide-banner .banner-item a.banner-link{
    width:100%;
	height:100%;
	position:absolute;
}

.slide-banner .banner-box{
    padding-right: 15%;
	max-width: 65%;
}

.slide-banner .slick-dots {
    bottom: 65px;
}

.slide-banner .slick-dots li {
    width: 10px;
    height: 10px;
}

.slide-banner .slick-dots li:only-child {
    display:none;
}

.slide-banner .slick-dots li button{
	width:10px;
	height:10px;
}

.slide-banner .slick-dots li button::before {
    font-size: 10px;
    width: 10px;
    height: 10px;
    content: "";
    background: rgba(255,255,255,0.5);
    box-sizing: content-box;
    border-radius: 50%;
    opacity: 1;	
}

.slide-banner .slick-dots li.slick-active button:before{
    background: rgba(255,255,255,1);
    opacity: 1;		
}

.slide-banner .slick-prev:before {
	content: "\f0a8";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 300;
    font-size: 32px;
	color:#fff;
	opacity:1;
}

.slide-banner .slick-next:before {
	content: "\f0a9";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 300;
    font-size: 32px;
	color:#fff;
	opacity:1;	
}

.slide-banner .slick-prev:hover:before {
	opacity:.8;
}

.slide-banner .slick-next:hover:before {
	opacity:.8;	
}

.slide-banner .slick-prev {
    left: 10%;
    z-index: 999;
	width:32px;
	height:32px;
}

.slide-banner .slick-next {
    right: 10%;
    z-index: 999;
	width:32px;
	height:32px;	
}

/* Banner */
#wrapper-banner {
    height: 440px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

#wrapper-banner h1{
    margin-bottom: -40px;
    color: rgba(254,254,254,.21);
	color: rgb(59 151 232 / 21%);
	color:transparent;
    font-size: 170px;
    font-weight: 700;
    text-transform: lowercase;
}

/* Area */
.area .row {
    margin: 0;
}

.area .container-fluid{
	padding:0;
	position: relative;
}

.area .col-md-3{
	padding:0;
}

.row-atuacao-title{
	position:relative;
}
.galeria-legends {
    font-style: italic;
    font-size: 15px;
    padding-top: 3px;
}
.modal-areas .entry-obras-galeria .slick-dots {
    bottom: 48px !important;
}
.atuacao-title {
}
.atuacao-title {
    margin-top: 150px;
}
.atuacao-title h2 {
    color: #FFF !important;
    border-top: 1px solid hsl(0deg 0% 100% / 53%);
    max-width: 800px;
    margin: 0 auto;
    padding-top: 100px;
}
.card-area-item{
	width:100%;
	height:700px;
	position:relative;
}

.card-area-item:after{
	/*content:"";*/
	/*position:absolute;*/
	/*z-index:8;*/
	/*top:0;*/
	/*left:0;*/
	/*width:100%;*/
	/*height:100%;*/
	
}

.card-area-item a {
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
}
.card-area-item:hover a {
    background: rgba(0,55,106,.7);
    transition: background 0.25 linear;
}
.entry-obras {
    width: 100%;
}

.col-modal-text {
    width: 100%;
}
.col-atuacao-nav button {
    background: rgb(0 55 106 / 59%) !important;
    padding: 10px 20px 10px 20px;
    border-radius: 48px;
}

.card-area-title {
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
    max-width: 80%;
    visibility: visible;
    opacity: 1;
    background: rgb(0 55 107 / 72%);
    top: 170px;
    /* height: 83px; */
    display: flex;
    align-items: center;
    border-radius: 53px;
    /* padding-left: 24px; */
    /* padding-right: 24px; */
    font-size: 14px;
    margin-left: 26px;
    padding: 10px 20px;
}

.card-area-item:hover:after{
	/*visibility: hidden;*/
	/*opacity: 0;*/
	/*background:rgba(0,55,106,.7);*/
	/*transition: visibility 0c.25s, opacity 0.25s linear;	*/
}

.card-area-item:hover .card-area-title{
	display:none;
}
.macroindicators .subtitle {
    padding: 24px 0 40px;
    letter-spacing: -1px;
}
.card-area-item .card-area-icon{
	font-size:40px;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	width:150px;
	height:150px;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:rgba(0,70,134,.84);	
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.25s, opacity 0.25s linear;		
}

.card-area-item:hover .card-area-icon{
	visibility: visible;
	opacity: 1;		
}

/*.col-atuacao-nav{
    padding-top: 140px;
    max-width: 58%;
    text-align: right;
}*/

.col-atuacao-nav button{
    background: transparent;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
	outline:0;
	text-shadow:0px 0px 4px black;
}

.col-atuacao-nav button:hover{
    opacity:.85;
}

.atuacao-nav-left{
	position:absolute;
	top:50%;
	left:55px;
}

.atuacao-nav-right{
	position:absolute;
	top:50%;
	right:55px;
}


/* Modal */
.modal .modal-dialog{
    max-width: 800px;
}

.modal .close{
	background: #ccc;
    padding: 4px 9px 5px;
    font-size: 24px;
    line-height: 23px;
    border-radius: 50%;
    text-shadow: none;
    font-weight: 500;
    position: absolute;
    z-index: 99;
    top: -15px;
    right: -15px;
    opacity: 1;
}

.modal .close:hover{
	background: #bbb;
}

.modal-areas .modal-body{
    padding: 30px 30px 15px 30px;
}

.modal-areas .modal-body h3{
  text-transform: uppercase;
  font-size: 26px;
  line-height:32px;
  font-weight:600;
  margin: 15px 0;
  letter-spacing:1px;
}

.modal-areas .modal-img img{
	width:100%;
}
section.responsive-timeline .timeline-info {
    max-width: 100%;
    font-size: 16px;
}
section.responsive-timeline  .timeline-image {
    min-width: 161px;
}
section.responsive-timeline .slick-dots li button::before {
    border: 2px solid #02376b;
}

.area-page-title h2.subtitle{
    padding: 55px 0;
    font-size: 50px;
}

.area-page {
	padding-top:165px;
	padding-bottom:250px;
}

.area-page .container-fluid{
	padding:0;
}

.area-page .row-area-section {
	padding:35px 0;
	align-items:center;
	position:relative;
}

.area-page .row-area-section-1{
    padding: 35px 10% 35px 7%;
}

.area-page .row-area-section-2{
    padding: 35px 7% 35px 10%;
}


.area-page .row-area-section .col-area-title{
    display: flex;
    justify-content: flex-end;
}

.area-page .row-area-section-2 .col-area-title{
	order:1;
    justify-content: flex-start;	
}

.area-page .row-area-section-2 .col-area-img{
	order:2;
}

.area-page .row-area-section h2{
  text-transform: uppercase;
  font-size: 36px;
  line-height:40px;
  font-weight:600;
  margin:0;
  padding:0;
  letter-spacing:0px;
  text-align:center;
}

.area-page .row-area-section h2 a{
  color:#ffffff;
}

.area-page .row-area-section h2 a:hover{
  color:#ddd;
  text-decoration:none;
}

.area-page .row-area-section::after {
    position: absolute;
    bottom: 35px;
    right: 0;
    content: '';
    display: block;
    width: 28%;
    height: 5px;
    background-color: #fff;
}

.area-page .row-area-section-2::after {
    left: 0;
	right:inherit;
}

.card-area-item-center {
	position:relative;
}

.card-area-item-center .card-area-icon{
	font-size:30px;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100px;
	height:100px;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:rgba(0,70,134,.84);	
}

.card-area-item-center img{
	width:100%;
}

.card-area-item-center .card-area-link{
	display:block;
	width:100%;
	height:100%;
}

.card-area-item-center .card-area-link:hover{
	opacity:.85;
    transition: opacity 0.25s linear;	 	
}

/* Projects */
.projects{
  padding-top: 52px;
  padding-bottom: 60px;
}
 
 .projects img{
	width:100%;
 }
 
/* Works */

.works {
  padding-top: 52px;
  padding-bottom: 60px;
  background: url(../img/works-bg.jpg) no-repeat left top;
  background-size: cover;
}

.works img{
	width:100%;
}

.works .works-inicio, .works .works-final {
    font-size: 14px;
    color: rgba(255,255,255,.53);
    position: relative;
    z-index: 1;
}

.works .works-number {
    font-size: 18px;
    width: 40px;
    height: 40px;
	right: -20px;
}

.works .works-progress {
    padding: 0px 10px;
}

.card-container {
  display: flex;
  flex-direction: column;
}

.card-container a{
  color:#474747;
  text-decoration:none !important;
}

.card-container a:hover{
  opacity:.85;
  transition: opacity 0.25s linear;	 
}

.card-container .card-title {
    background-color: rgb(17 70 117 / 40%);
    text-align: center;
    padding: 22px;
    margin: 0;
    border-radius: 20px 20px 0 0;
    border: 1px solid #FFF;
    border-bottom: 0;
}

.card-container .card-title h3{
  text-transform: uppercase;
  font-size: 20px;
  line-height:26px;
  font-weight:600;
  color: white;
  margin: 0;
  letter-spacing:1px;
}

.card-container .card-content {
    padding: 40px 50px 35px;
    background-color: #dadada;
    border-radius: 0 0 20px 20px;
}


.work-page .container-fluid{
	padding:0;
}

.work-page .row{
	margin:0;
}

.work-page .col-md-12{
	padding:0;
}

.works-container {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  padding-bottom: 60px;
}


.works-container .works-title h3{
  text-transform: uppercase;
    background-color: transparent;
    font-size: 40px;
    line-height: 50px;
    padding: 4% 5%;
    margin: 0;
    border: 1px solid #FFF;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    margin-left: 9px;
    margin-right: 9px;
    color: #FFF !important;
    border-bottom: 0;
}

.works-container .works-title h3 a {
    color: #FFF;
    text-decoration: none;
}
.works-container .works-title h3 a:hover, .works-image a:hover{
  opacity:.85;
  transition: opacity 0.25s linear;	   
}

.works-image a img{
  width: 100%;
  height: 600px;
  object-fit: cover;
  object-position: center center;
}

.works-container .works-image {
  position: relative;
}

.works-container .works-content {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 400px;
  color: #fff;
  background: rgb(0,70,134);
  background: linear-gradient(90deg, rgba(0,70,134,0.9) 0%, rgba(0,70,134,0.7917542016806722) 65%, rgba(255,255,255,0) 100%);
}

.works-container .works-content .content-container {
  position: absolute;
  bottom: 5px;
  padding: 0 110px 0 30px;
}

.works-container .works-content .content-container .title {
  font-size: 20px !important;
  font-weight: bold;
  margin-bottom: 15px;
}

.works-container .works-content .content-container .title a {
  color: #fff;
}

.works-container .owl-carousel .item:hover {
  cursor: pointer;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  object-fit: cover;
}

.owl-theme .owl-dot,
.owl-theme .owl-dot.active {
  outline: none !important;
}

.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  width: 20px !important;
  height: 20px !important;
}


@media all and (max-width: 540px) {
  .works-image a img{
    height: 350px;
  }

  .works-container .works-content {
    left: 0;
    width: 100%;
    background: rgb(0, 70, 134);
    background: linear-gradient(0deg, rgba(0, 70, 134, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .works-container .works-content .content-container .title {
    font-size: 26px;
    margin-bottom: 25px;
  }
}

.works-wrapper {
  background-color: #003264;
}

.works-progress{
    position: relative;
    background: #727b83;
    padding: 3px 10px;	
	display: flex;
    justify-content: space-between;	
}

.works-inicio, .works-final{
    font-size: 17px;
    color: rgba(255,255,255,.53);
    position: relative;
    z-index: 1;
}

.works-bar{
	background: #00376a;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index:0;
}

.works-number{
    font-size: 25px;
    color: #fff;
    border-radius: 50%;
    background: #00376a;
    box-shadow: 10px 9px 21px rgba(0,0,0,.34);
    position: absolute;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    right: -32px;
    transform: translateY(-50%);
}

.works-number span{
    font-size: 10px;
	padding-top: 12px;
    margin-left: -1px;	
}

.single-obras{
	padding-top:60px;
	padding-bottom:100px;
}

.single-obras .container-fluid{
	padding:0 10%;
}
.modal-body {
    width: 100% !important;
}
.single-obras .entry-obras h1{
  text-transform: uppercase;
  font-size: 40px;
  line-height: 50px;
  font-weight:700;
  color: #003264;
  margin-bottom: 50px;
}

.entry-obras-galeria{
	margin-bottom:50px;
}

.entry-obras-galeria img {
    width: 100%;
}

.entry-obras-destaque{
	margin-bottom:50px;
}

.entry-obras-destaque img{
    width: 100%;
}

.entry-obras-galeria .slick-dots {
    bottom: 25px;
}

.entry-obras-galeria .slick-dots li {
    width: 20px;
    height: 20px;
    margin: 0 7px;
}

.entry-obras-galeria .slick-dots li:only-child {
    display:none;
}

.entry-obras-galeria .slick-dots li button{
	width:20px;
	height:20px;
}
section.responsive-timeline .galeria-item {
}
.responsive-timeline-main {
    background: #ececec;
    padding: 8px;
    border-radius: 9px;
        width: 100%;
        min-height: 195px;
}
section.responsive-timeline .timeline-info time {
    font-weight: bold;
    display: block;
}
section.responsive-timeline .entry-obras-galeria .slick-dots li button::before {
    width: 7px !important;
    height: 7px !important;
}

section.responsive-timeline .entry-obras-galeria .slick-dots li {
    margin: 2px;
}
.entry-obras-galeria .slick-dots li button::before {
    font-size: 20px;
    width: 20px;
    height: 20px;
    content: "";
    background: #fff;
    box-sizing: content-box;
    border-radius: 50%;
    opacity: 1;	
}

.entry-obras-galeria .slick-dots li.slick-active button:before{
    background: #00376a;
} 
	
.single-obras .entry-obras-text{
	margin-bottom:50px;
}

.single-obras .works-progress-item{
  margin-bottom: 45px;
}

.single-obras .entry-obras h3{
  font-size: 35px;
  line-height: 45px;
  font-weight:700;
  color: #003264;
  margin-bottom: 25px;
}

.main-gallery img {
  border: 1px solid #fff !important;
  opacity: .5;
  transition: all .6s ease;
}

.main-gallery img:hover {
  opacity: 1;
}

.main-gallery-btn {
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .main-gallery-btn {
    background: none;
    display: block;
  }
}

/* Projetos */
.projeto-page {
  background: url(../img/bg-projetos-page.jpg) no-repeat center top;
  background-size: cover;
  padding-top:70px;
  padding-bottom:300px;
}

.projeto-page .container-fluid{
	padding:0 6%;
}

.projeto-page-text{
	font-size:24px;
	line-height:33px;
	color:#474747;
	margin-bottom:65px;
	max-width:75%;
}

.col-projeto{
    padding: 0;
	position:relative;
	height:500px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;	
}

.card-projeto-box{
	z-index:3;
	position:relative;
    display: block;
    height: 100%;
    width: 100%;	
}

.card-projeto-box:after {
    position: absolute;
    top: 20px;
    left: 20px;
    content: '';
    display: block;
    width: 65%;
    height: 5px;
    background-color: #fff;
}

.col-projeto:after{
	content:"";
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,55,106,.5);
}

.col-projeto:hover:after{
	background:rgba(0,55,106,.7);
    -webkit-transition: background-color 0.25s linear;
    -ms-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear;	
}

.card-projeto-link{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
}

.card-projeto-title{
	position:absolute;
	left:35px;
	top:45px;
	max-width:40%;
}

.col-projeto-2 .card-projeto-title{
	top:initial;
	bottom:35px;
	height: 63px;
    display: flex;
    align-items: center;
}

.card-projeto-title h2{
    font-size: 30px;
    line-height: 38px;
    padding: 0;
    margin: 0;
	letter-spacing:0;
}

.card-projeto-title h2 a{
    color:#fff;
}

.card-projeto-title h2 a:hover{
    color:#eee;
	text-decoration:none;
}

.card-projeto-btn{
	position:absolute;
	right:35px;
	bottom:35px;	
}

/* Mapa */

.map {
  background: #00376a url(../img/bg-map.jpg) no-repeat left top;
  background-size: cover;
  padding-top:84px;
  padding-bottom:90px;
}


/*.about .about-title {
  font-size:30px;
  font-weight:600;
  line-height:32px;
  margin-bottom:20px;
  padding-right:70px;
  text-transform: uppercase;
}
*/
.values {
  background: #474747 url(../img/bg-valores.png) no-repeat left top;
  background-size: cover;
  padding-top:160px;  
  padding-bottom:100px;
  color: #fff;
}

.values h3{
  text-transform: uppercase;
  font-size: 35px;
  line-height:38px;
  font-weight:600;
  margin-bottom:40px;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.values p{
    font-size: 16px;
    line-height: 28px;
}


section.work-page {
    background: #004686 url(../img/bg-executivos.png) no-repeat 21% 101%;
}
/* Clientes */

.clients {
  color: #fff;
  background: #fff url(../img/bg-clientes.png) no-repeat left top;
  background-size: cover;
  padding-top:86px;  
  padding-bottom:40px;
}

.clients .row{
	align-items:center; 
}

.clients h2.subtitle{
	padding-bottom:50px;
}

.client-item{
	padding-left:15px;
	padding-right:15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;	
	margin:40px 0;
}

.client-img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  transition: filter .3s ease-in;
}

.client-img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}


/* Executives */

.executives {
  color: #fff;
  background: #004686 url(../img/bg-executivos.png) no-repeat center top;
  background-size: cover;
  padding-top:50px;  
  padding:0;
}

.executive-img-1{
  background: url(../img/bg-executivo-1.png) no-repeat left bottom;	
  background-size:cover;
  min-height: 350px;
  position: relative; 
}

.executive-img-1 img{
  position: absolute;
  left: 30px;
  bottom: 30px;
}

.executive-img-2{
  background: url(../img/bg-executivo-2.png) no-repeat right top;	
  background-size:cover; 
  position: relative;   
}

.executive-img-2 img{
  position: absolute;
  top: 30px;
  right: 30px;
}

.executive-text-2{
  padding-bottom:50px;
}

.executives h3{
  text-transform: uppercase;
  font-size: 40px;
  line-height:30px;
  font-weight:600;
  margin-bottom:25px;
  padding-top:62px;  
}

.executive-text-2 h3{
	padding-top:50px;
}

.executives p{
    font-size: 16px;
    line-height: 30px;
}
/* About */

.about {
  background: url(../img/about-bg.jpg) no-repeat left top;
  background-size: cover;
  color: white;
  padding-top:126px;
}


.about .about-title {
  font-size:30px;
  font-weight:600;
  line-height:32px;
  margin-bottom:20px;
  padding-right:70px;
  text-transform: uppercase;
}


.about .about-txt {
  padding-right:70px;
  margin-bottom:25px;
}


.about-video {
  width:100%;
  padding-bottom:70px;
  position: relative;
}


.about-video .about-video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
}

.video-btn{
	display:block;
	width:100%;
	height:100%;
	display:block;
}

.video-btn:hover{
	opacity:.85;
}

@media (max-width: 575.98px) {
  /* line 152, ../../Desktop/Sian/assets/scss/_home.scss */
  .about-video .about-video-play {
    width: 80px;
    height: 80px;
    padding-bottom: 32px;
  }
}

/* Area */

.area-page {
  width: 100%;
  background: url(../img/bg-areas-page.jpg) no-repeat center top;
  background-size: cover;
  overflow: hidden;
}

/*
.area-name {
  text-transform: uppercase;
  color: #fff;
  font-size: 40px;
  text-align: center;
}


.area-section-one, .area-section-three, .area-section-five {
  position: relative;
}


.area-section-one::after, .area-section-three::after, .area-section-five::after {
  position: absolute;
  bottom: 0px;
  right: -150px;
  content: '';
  display: block;
  width: 40%;
  height: 5px;
  background-color: #fff;
}


.area-section-two, .area-section-for {
  position: relative;
}


.area-section-two::after, .area-section-for::after {
  position: absolute;
  bottom: 0px;
  left: -95px;
  content: '';
  display: block;
  width: 40%;
  height: 5px;
  background-color: #fff;
}

@media (max-width: 767.98px) {
  .area-section-one::after, .area-section-two::after,
  .area-section-three::after, .area-section-for::after, .area-section-five::after {
    display: none;
  }
  .area-name {
    text-align: start;
    font-size: 24px;
  }
}
*/

/* About us Page */
.about-us-page{
	padding-top:76px;
}

.about-us-page h1, .about-us-timeline h2{
	color:#004686;
	font-size:40px;
	font-weight:600;
	line-height:48px;
	margin-bottom:40px;
	max-width:600px;
	text-transform: uppercase;
}

.about-us-timeline{
	padding-top:45px;
	padding-bottom:60px;
}

.about-us-timeline h2{
	width:100%;
}

.macroindicators {
    background-color: #00376A;
    background:  url(https://sianengenharia.com.br/wp-content/uploads/2021/03/bgIndicadores.png) no-repeat left top;
    background-size: cover;
}
.macroindicators-info p {
    font-size: 16px !important;
}

.macroindicators-info strong {
    font-size: 25px;
    font-weight: 300;
}
/* Contact */
.address-end {
    position: absolute;
    z-index: 99;
    background: rgb(255 255 255 / 70%);
    bottom: 0;
    right: 0;
    max-width: 500px;
    margin-right: 48px;
    margin-bottom: 48px;
    border-radius: 18px;
}

.address-end .contact-tel {
    font-size: 16px;
    color: #00376a;
}

.address-end .contact-email {
    color: #00376a;
}

.address-end .contact-page-flex {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.contact-bandeira {
    height: 3rem;
    width: 3rem;
    overflow: hidden;
    border-radius: 50%;
    flex: 0 0 auto;
} 
.contact-page-list {
    flex: 1 1 0;
}
.contact-page-list > * ~ * {
    margin-top: 0.5rem;
}
.contact-data {
    padding-left: 0.5rem;
    border-left: 1px solid currentColor;
    line-height: 1.15;
}

.with-icon {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    --_icon-fill: 1;
}
.with-icon .material-symbols-outlined {
    color: #00376a;
    font-size: 1.25rem;
}

.contact {
  width: 100%;
  height: 600px;
  position: relative;
  padding-top:36px;
  /*background: url(../img/map.png) no-repeat center center;
  background-size: cover;*/
}

.contact h2 {
	position:relative;
	z-index:9;
}

.contact .google-map{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:3;	
	overflow:hidden;
}

.subtitle{
	position:relative;
	/*z-index:9;*/
}

.contact-page {
  background: url(../img/bg-contato-page.jpg) no-repeat center bottom;
  background-size: cover;
  padding-top:100px;
  padding-bottom:100px;
  min-height: 1000px;  
}

.contact-page-info {
  border-radius: 30px;
  max-width: 680px;
  background: #004584;
  opacity: .9;
  color: white;
}


.contact-page-info ul {
  padding: 0;
  padding-bottom: 30px; 
  margin-bottom: 30px;
  border-bottom: 3px solid white;
  text-transform:uppercase;
}


.contact-page-info ul:last-child {
  border-bottom: 0;
  margin-bottom:0;
  padding-bottom:0;
}

.contact-tel{
	font-size:24px;
	line-height:28px;
	font-weight:600;
}

.contact-email{
	font-weight:600;
}

.contact-page-icons {
  width: 300px;
}

@media (max-width: 575.98px) {
  .contact-page-icons {
    width: 200px;
  }
  .contact-page {
    height: 80vh;
  }
  .contact-page-info {
    max-width: 300px;
    padding: 10px !important;
    font-size: 13px;
  }
}

/* Midia */

.midia {
  padding-top:56px;
  padding-bottom:100px;
  background: #dbdbdb url(../img/midia-bg.jpg) no-repeat center top;
  color: #474747;
}

.midia img{
	width:100%;
}

.midia-page{
	padding-top:160px;
	padding-bottom:300px;
	background: #fff url(../img/bg-midia-page.png) no-repeat center bottom;
}

.midia-subtitle {
  font-size: 30px;
  font-weight: 600;
  color: #00376a;
  margin-bottom: 0;
  text-transform: uppercase;
}

.row-midia-title{
  margin-bottom: 35px;	
  align-items:center;
}

/*.midia-container {
  flex: 0 1 400px;
}*/

.midia-container .post-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 20px;
  text-transform: uppercase;
}


.midia-container .post-info {
  font-size: 16px;
  padding: 8px 0;
  border-bottom: 2px solid #474747;
}


.midia-container .post-content {
  max-width: 400px;
}

.midia-container .post-title a, .midia-container .post-info a{
	color:#474747;
	text-decoration:none;
}

.midia-container .post-title a:hover, .midia-container .post-info a:hover{
	color:#222;
}

.midia-container .post-thumb a:hover{
	opacity:.85;
    transition: opacity 0.25s linear;		
}

.midia #searchform {
    max-width: 360px;
	position:relative;
}

.midia #searchform input.form-control{
	color:#fff;
	font-size:16px;
	padding: 10px 20px 10px 45px;
	border-radius:50px;
    background-color:#6a6a6a;	
	height:42px;
}

.midia-home #searchform input.form-control{
	color:#333;
    background-color:#fff;	
}

.midia #searchform input.form-control:focus{
    border: 1px solid #555;
    background-color:#555;
	box-shadow:none;
}

.midia-home #searchform input.form-control:focus{
    border: 1px solid #eee;
    background-color:#eee;	
}

.midia #searchform .input-group-append{
	position: absolute;
    left: 16px;
    top: 11px;
    font-size: 20px;
    font-weight: 300;
    color: #fcfcfc;
	z-index:99;
}

.midia-home #searchform .input-group-append{
    color: #474747;	
}

.midia #searchform input.form-control::placeholder{
	color:#fff;
}


.midia-home #searchform input.form-control::placeholder{
    color: #333;	
}

.wp-pagenavi{
    margin-top: 100px;
}

.wp-pagenavi a, .wp-pagenavi span{
    border: 0;
    color: #00376a;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
	text-decoration:none !important;
}

.wp-pagenavi a:hover{
    opacity:.85;
}

.nextpostslink{
	float:right;
}

.link-next {
  color: #004686 !important;
}


.link-next:hover {
  opacity: .6;
}

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline ol li .timeline-div-main {
    background: #f5f5f5 !important;
    border-radius: 10px;
}
.timeline {
  white-space: nowrap;
  overflow-x: hidden;
}

.timeline ol {
  font-size: 0;
  width: 100vw;
  padding: 297px 0;
  transition: all 1s;
  margin-bottom: 3rem;
}

.timeline ol li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  width: 220px;
  height: 3px;
  background: #ccc;
}

.timeline ol li:last-child {
  width: 280px;
}
.timeline-image img {
    border-radius: 60%;
}
.timeline-image {
    width: 161px;
    height: 161px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
}
.timeline ol li:not(:first-child) {
  margin-left: 14px;
}

.timeline ol li::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(100% + 1px);
  bottom: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #004686;
}
.timeline-info {
    max-width: 224px;
    margin-left: 17px;
}
.timeline ol li .timeline-div-main.full {
    width:432px !important;
}
.timeline ol li .timeline-div-main {
  position: absolute;
  left: 29%;
  width: 350px;
  padding: 15px;
  font-size: 1rem;
  white-space: normal;
  color: black;
  background: white;
}
.timeline ol li .timeline-div-main::before {
  content: '';
    position: absolute;
    top: 100%;
    /* left: 0; */
    /* width: 0; */
    /* height: 0; */
    /* border-style: solid;*/
}

.timeline ol li:nth-child(odd) .timeline-div-main {
  top: -16px;
  transform: translateY(-110%);
}

.timeline ol li:nth-child(odd) .timeline-div-main::before {
      /* top: 100%; */
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
        border-top: 14px solid #f5f5f5;
    left: 35.5%;
}


.timeline ol li:nth-child(even) .timeline-div-main {
  top: calc(100% + 40px);
}

.timeline ol li:nth-child(even) .timeline-div-main::before {
  top: -14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid whitesmoke;
    left: 35.5%;
}

.timeline ol li:last-child .timeline-div-main::before {
    left: 50%;
	transform: translateX(-50%);
}

.timeline time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}


/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline .arrows {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.timeline .arrows button {
    background: transparent;
    border: 0;
    outline: 0;
	color: #004686;
    font-size: 25px;	
}

.timeline .arrows button:hover {
    opacity:.85;	
}

.timeline .arrows .arrow__prev {
  margin-right: 20px;
}

.timeline .disabled {
  opacity: .5;
}

.timeline .arrows img {
  width: 45px;
  height: 45px;
}


/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 599px) {
  .timeline ol,
  .timeline ol li {
    width: auto; 
  }
  
  .timeline ol {
    padding: 0;
    transform: none !important;
  }
  
  .timeline ol li {
    display: block;
    height: auto;
    background: transparent;
  }
  
  .timeline ol li:first-child {
    margin-top: 25px;
  }
  
  .timeline ol li:not(:first-child) {
    margin-left: auto;
  }
  
  .timeline ol li div {
    width: 94%;
    height: auto !important;
    margin: 0 auto 25px;
  }
  
  .timeline ol li div {
    position: static;
  }
  
  .timeline ol li:nth-child(odd) div {
    transform: none;
  }
  
  .timeline ol li:nth-child(odd) div::before,
  .timeline ol li:nth-child(even) div::before {
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border: none;
    border-left: 1px solid white;
    height: 25px;
  }
  
  .timeline ol li:last-child,
  .timeline ol li:nth-last-child(2) div::before,
  .timeline ol li:not(:last-child)::after,
  .timeline .arrows {
    display: none;
  }
}


@media (min-width: 1366px){
	#wrapper-navbar .container-fluid {
		padding-right: 5%;
	}	
	.idiomas {
		margin-left: 10px;
	}
	#main-menu li {
		margin: 0 15px;
	}	
}

@media (min-width: 1520px){
	#wrapper-navbar .container-fluid {
		padding-right: 6%;
	}	
	.idiomas {
		margin-left: 4%;
	}
	#main-menu li {
		margin: 0 15px;
	}		
	.logo-item {
		max-width: 350px;
	}		
	.logo-item .navbar-brand {
		max-width: 150px;
	}	
}

@media (min-width: 1700px){
	#wrapper-navbar .container-fluid {
		padding-right: 12%;
	}	
	.idiomas {
		margin-left: 4%;
	}
	#main-menu li {
		margin: 0 20px;
	}		

}

@media (max-width: 1520px){
	.phone-item .phone-number {
		font-size: 19px;
	}	
}

@media (max-width: 1366px){
	#wrapper-navbar .container-fluid {
		padding-right: 20px;
	}	
	#wrapper-navbar .navbar-brand {
		max-width: 45%;
	}		
	.idiomas {
		margin-left: 10px;
	}	
	#main-menu li {
		margin: 0 10px;
	}
	.phone-item .phone-number {
		font-size: 18px;
		padding-right: 20px;
		margin-left: -10px;
		min-width:138px;
	}	
	.col-sidebar-int .phone-item .phone-number {
		font-size: 17px;
		margin-left: -10px;
	}	
	.card-area-title {
		line-height: 18px;
	}	
	.atuacao-nav-left {
		left: 45px;
	}
	.atuacao-nav-right {
		right: 45px;
	}		
	.card-area-item .card-area-icon {
		font-size: 27px;
		width: 120px;
		height: 120px;
	}		
	.card-area-item {
		height: 600px;
	}		
	.single-obras .entry-obras h3 {
		font-size: 30px;
		line-height: 40px;
	}	
	#wrapper-banner {
		height: 400px;
	}
	.area-page .row-area-section h2 {
		font-size: 30px;
		line-height: 36px;
	}
}


@media (max-width: 1199px){
    .macroindicators-info p {
    font-size: 15px !important;
}

.macroindicators-info strong {
    font-size: 20px;
}
	.col-menu{
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
		padding-top: 19px;
	}	
	.col-menu #navbarNavDropdown{
		order:2;
	}
	.col-menu .idiomas{
		margin-left: 0;
		order: 1;
	}		
	#main-menu{
		margin-top:5px;
	}
	#main-menu li {
		margin: 0;
		margin-left: 13px;
	}	
	#main-menu a {
		font-size: 12px;
	}	
	#wrapper-navbar .navbar-brand {
		max-width: 45%;
		top: 35px;
	}
	.col-sidebar-int .phone-item .phone-number {
		font-size: 15px;
		margin-left: -5px;
	}		
	.col-slide-nav {
    	max-width: 50%;
    }
	.col-slide-nav button {
		font-size: 16px;
	}
	.col-slide-nav button span{
		display:none;
	}
	body, .executives p {
    	font-size: 14px;
		line-height: 24px;
    }
	.subtitle {
		font-size: 30px;
		line-height: 34px;
	}
	.card-area-title {
		font-size: 13px;
		line-height: 24px;
	}	
	.atuacao-nav-left {
		left: 40px;
	}
	.atuacao-nav-right {
		right: 40px;
	}	
	.card-area-item {
		height: 500px;
	}	
	.card-container .card-title h3 {
    	font-size: 18px;
		line-height: 24px;
	}
	.card-container .card-content {
		padding: 40px 40px 35px;
	}
	.midia-container .post-title {
    	font-size: 24px;
		line-height: 30px;
	}	
	.midia-container .post-info {
		font-size: 14px;
	}
	.footer img{
		max-width: 150px;
	}	
	#wrapper-banner {
		height: 350px;
	}	
	.about-us-page h1, .about-us-timeline h2, .executives h3, .works-container .works-title h3, .single-obras .entry-obras h1 {
		font-size: 35px;
		line-height: 40px;
	}	
	.timeline ol li div {
		font-size: .9rem;
		line-height: 22px;
	}	
	.area-page-title h2.subtitle {
		padding: 40px 0;
		font-size: 35px;
	}	
	.area-page .row-area-section h2 {
		font-size: 27px;
		line-height: 34px;
	}	
	.area-page {
		padding-top: 125px;
		padding-bottom: 200px;
	}
	.projeto-page-text {
		font-size: 20px;
		line-height: 28px;
		max-width: 80%;
	}	
	.card-projeto-title h2, .midia-subtitle {
		font-size: 24px;
		line-height: 32px;
	}	
	.col-projeto-2 .card-projeto-title {
		height: 61px;
	}	
	.entry-obras-galeria .slick-dots li {
		width: 15px;
		height: 15px;
	}
	.entry-obras-galeria .slick-dots li button{
		width:15px;
		height:15px;
	}

	.entry-obras-galeria .slick-dots li button::before {
		font-size: 15px;
		width: 15px;
		height: 15px;
	}	
	.entry-obras h3 {
		font-size: 25px;
		line-height: 30px;
	}	
	.works .works-inicio, .works .works-final {
		font-size: 12px;
	}	
	.works .works-number {
		font-size: 16px;
		width: 35px;
		height: 35px;
		right: -15px;
	}	
	.executive-img-1 {
		min-height: 310px;
	}	
	.executive-img-1 img {
		left: 25px;
		bottom: 25px;
		width: 230px;
	}	
	.executive-text-2 {
		padding-bottom: 40px;
	}	
	.executive-img-2 img {
		top: 25px;
		right: 25px;
		width: 230px;
	}	
	.contact-page {
        min-height: 800px;  
	}	
	.values h3 {
		font-size: 30px;
		line-height: 36px;
	}	
}

@media (max-width: 992px){
	body, .executives p {
		font-size: 13px;
		line-height: 23px;
	}	
	#wrapper-navbar .container-fluid {
		padding-right: 15px;
	}
	.col-logo{
		flex-direction: column;
	}	
	.col-sidebar-int .col-logo {
		flex-direction: row;
	}
	#main-menu li {
		margin-left: 8px;
	}	
	#main-menu a {
		font-size: 10px;
	}	
	#wrapper-banner {
		height: 300px;
	}		
	.phone-item .phone-number{
		min-width: 75%;
		padding: 0;
		text-align: center;
		margin: 0;
		margin-top: 15px;
	}
	.col-sidebar-int .phone-item .phone-number{
		min-width: auto;
		font-size: 12px;
		margin: 0;
		top: 20px;
	}
	.col-sidebar-int .logo-item{
		min-width: 175px;
	}	
	.slide-banner h2{
		font-size: 35px;
		line-height: 40px;
		margin-bottom:10px;
	}
	.phone-item{
		min-width: 144px;
	}
	.col-slide-nav{
		padding: 0;
	}	
	.card-container .card-title {
		padding: 15px;
	}	
	.card-container .card-content {
		padding: 30px 25px 20px;
	}	
	.card-container .card-title h3 {
		font-size: 16px;
		line-height: 20px;
	}	
	.midia-container .post-title {
		font-size: 20px;
		line-height: 26px;
	}	
	.midia-container .post-info {
		font-size: 13px;
	}	
	.about-video {
		padding-bottom: 40px;
	}
	.about-us-page h1, .about-us-timeline h2, .executives h3, .works-container .works-title h3, .single-obras .entry-obras h1 {
		font-size: 30px;
		line-height: 35px;
	}	
	.about-us-timeline h2{
		margin-bottom:0;
	}	
	.executives h3 {
		padding-top: 50px;
	}	
	.values {
		padding-top: 120px;
		padding-bottom: 100px;
	}	
	.btn-ver-mais {
		font-size: 14px;
		padding: 14px 25px 14px 34px;
	}	
	.executive-img-1{
		background: transparent;
		padding-top: 40px;
		min-height: auto;
	}
	.executive-img-1 img{
		background: #00376a;
		border-radius: 50%;
		padding: 15px;
		position: static;
	}
	.executive-img-2{
		background: transparent;
		padding-top: 45px;
	}		
	.executive-img-2 img{
		background: #00376a;
		border-radius: 50%;
		padding: 15px;
		position: static;
	}
	.card-area-item-center .card-area-icon {
		font-size: 20px;
		width: 70px;
		height: 70px;
	}	
	.area-page .row-area-section-1 {
		padding: 25px 10% 25px 7%;
	}	
	.area-page .row-area-section-2 {
		padding: 25px 7% 25px 10%;
	}
	.area-page .row-area-section h2 {
		font-size: 25px;
		line-height: 32px;
	}		
	.values h3 {
		font-size: 25px;
		line-height: 30px;
	}		
	.values p {
		font-size: 14px;
		line-height: 26px;
	}	
}

@media (max-width: 768px){
    .macroindicators .subtitle {
            font-size: 4vw;
            margin-bottom: 10px;
            line-height: 20px;
        }
        .macroindicators .subtitle {
            padding: 0;
            letter-spacing: -1px;
        }
    .contact-email {
        font-size: 16px !important;
    }
    section.area .slick-arrow {
        margin-top: 155px;
    }
    .macroindicators .subtitle {
    font-size: 4vw;
}
	.col-slide-nav, .col-social, .phone-item {
		display: none;
	}	
	#wrapper-navbar .navbar-brand {
		max-width: 45%;
		top: 15px;
	}	
	.col-sidebar{
		position: static;
		background: transparent;
		width: 40%;		
		height: auto;
		padding-bottom: 0;
		padding-left: 15px;
	}	
	.col-menu{
		width: 60%;
		flex-direction: row;
		align-items: center;
	}	
	.col-menu .idiomas {
		margin-left: 0;
		margin-right:10px;
		order: 1;
	}
	.navbar-toggler{
		order: 2;
	}
	.col-menu #navbarNavDropdown {
		order: 3;
		display:none;
	}	
	#main-idiomas{
		flex-direction: row;
	}	
	.menu-mobile{
		overflow: hidden;
	}
	.menu-mobile #navbarNavDropdown {
		background: rgba(0,0,0,.8);
		padding: 20px;
		margin: 15px 15px 0;
		border-radius: 10px;
	}
	#main-menu a {
		font-size: 12px;
	}	
	#main-menu a:hover:after, #main-menu .current-menu-item a:after {
		bottom: 0px;
	}	
	#main-menu li {
		margin: 0;
		margin-bottom: 13px;
	}	
	.logo-item, .col-sidebar-int .logo-item {
		min-width: inherit;
	    width: 100px;
	}	
	#wrapper-navbar .navbar-brand{
		position: static;
		padding: 5px;
		background: #fff;
		margin-top: 15px;
		display: block;
		max-width: 100%;
		border-radius: 5px;
	}	
	.bg-logo{
		display:none;
	}
	.slide-banner .banner-box{
		padding: 0 15px;
		max-width: 100%;
	}	
	.slide-banner .banner-item {
		text-align: center;
	}	
	.slide-banner h2 {
		font-size: 30px;
		line-height: 35px;
	}
	.slide-banner p {
		font-size: 15px;
		line-height: 24px;
	}	
	.midia-subtitle {
		text-align:center;
		margin-bottom:20px;
	}	
	.midia #searchform {
		max-width: 100%;
	}	
	.midia-container .post-content {
		max-width: 100%;
	}
	.midia-container{
		margin-bottom:30px;
	}
	.footer .row{
		flex-direction: column;
		text-align: center;
	}	
	#wrapper-banner {
		height: 250px;
	}
	.about-us-page {
		padding-top: 56px;
	}
	.executives{
		text-align:center;
	}	
	.executives .row{
		justify-content: center;
	}	
	.executives .executive-img{
		margin-bottom: 25px !important;
	}
	.executives h3 {
    	padding-top: 0;
	}
	.values {
		padding-top: 60px;
		padding-bottom: 10px;
	}
	.values h3 {
		margin-bottom:20px;
		height: auto;
	}	
	.values .col-md-6{
		margin-bottom:30px;
	}
	.clients {
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.client-item {
		padding-left: 15px;
		padding-right: 15px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-moz-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		margin: 30px 0;
	}	
	.card-area-item-center {
		margin-bottom: 20px;
	}
	.area-page {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.area-page .row-area-section .col-area-title {
    	justify-content: center;
	}
	.area-page .row-area-section h2 {
		font-size: 22px;
		line-height: 28px;
	}
	.area-page .row-area-section::after {
		right: inherit;
		left: 50%;
		transform: translateX(-50%);
		bottom: 10px;
	}	
	.area-page .row-area-section {
		padding: 30px 15px 30px;
		margin-bottom:20px;
	}
	.area-page .col-area-title{
		order:2 !important;
	}
	.area-page .col-area-img{
		order:1 !important;
	}
	.about-us-page h1, .about-us-timeline h2, .executives h3, .works-container .works-title h3, .single-obras .entry-obras h1 {
		font-size: 26px;
		line-height: 30px;
	}	
	.works-inicio, .works-final {
		font-size: 14px;
	}
	.works-number {
		font-size: 20px;
		width: 50px;
		height: 50px;
	}	
	.single-obras .entry-obras h3 {
		font-size: 20px;
		line-height: 25px;
	}	
	.projeto-page {
		padding-top: 50px;
		padding-bottom:100px;
	}	
	.projeto-page-text {
		font-size: 16px;
		line-height: 24px;
		max-width: 100%;
		margin-bottom: 40px;
	}	
	.col-projeto-2 .card-projeto-title {
		height: auto;
		left: 35px;
		bottom: inherit;
		top: 45px;
	}	
	.col-projeto {
        height: 300px;
	}
	.midia-page {
		padding-top: 60px;
		padding-bottom: 100px;
	}	
	.contact-page {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-page-info {
		max-width: 100%;
		margin: 0 25px;
		padding: 20px !important;
		border-radius: 20px;
	}	
	.card-area-title {
		font-size: 16px;
		line-height: 26px;
		max-width: 80%;
		border-radius: 12px;
		font-size: 12px;
		padding: 9px 9px;
    line-height: 17px;
	}	
	.card-area-item {
		height: 500px;
	}	
	.atuacao-nav-left{
		left:20px;
	}
	.atuacao-nav-right {
		right: 20px;
	}	
	.card-area-item .card-area-icon {
		font-size: 25px;
		width: 100px;
		height: 100px;
	}	
	.contact-page {
		min-height: auto;
		height: auto;
		animation: 0;
		padding: 0;
	}	
	.modal-dialog {
		margin: 20px;	
	}
	.modal-areas .modal-body {
		padding: 20px 20px 5px 20px;
	}	
	.about {
		padding-top: 40px;
		padding-bottom: 10px !important;
	}
	.about-video{
		padding: 0 15px 20px 15px;
	}
	.about-img{
		padding: 0px 11px;
	}	
	.about-img img {
    	margin-bottom: 20px;
	}
	.about .about-txt {
		padding-right: 0;
	}
	.subtitle {
		padding: 24px 0 40px;	
	}
	.projects, .works, .midia {
		padding-top: 30px;
    }
	.midia {
		padding-bottom: 30px;
    }
	.works-container .works-title h3 {
		padding: 8% 5%;
	}	
	.single-obras {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.single-obras .container-fluid {
		padding: 0 25px;
	}	
	.single-obras .entry-obras h1 {
		margin-bottom: 30px;
	}
	.card-projeto-title, .col-projeto-2 .card-projeto-title{
		max-width: 45%;
		left: 20px;
	}	
	.card-projeto-title h2 {
		font-size: 20px;
		line-height: 28px;
	}	
	.card-projeto-btn {
		right: 20px;
		bottom: 25px;
	}
	.projeto-page {
		padding-top: 40px;
		padding-bottom: 60px;
	}	
	.entry-obras-destaque, .single-obras .entry-obras-galeria {
		margin-bottom: 30px;
	}
	.contact-tel {
		font-size: 22px;
		line-height: 26px;
	}	
	.contact-email {
		/*font-size: 12px;*/
	}		
}

@media (max-width: 580px){
    section.timeline {
    display: none;
}
.about-us-timeline {
    padding-bottom:0 !important;
}

section.responsive-timeline {
    display: block !important;
}
}

@media (max-width: 400px){
    section.responsive-timeline .timeline-image {
        min-width: 100px;
        height: 100px;
    }
    section.responsive-timeline .timeline-info {
        font-size: 12px;
    }
    section.responsive-timeline .galeria-item {
    margin-top: -50px;
}
}
@media (max-width: 468px){
    .address-end {
            max-width: 100% !important;
            width: 90%;
            left: 5%;
        }
	#wrapper-banner {
		height: 125px;
	}	
	.about-us-page {
		padding-top: 40px;
	}
	.about-us-page h1 {
		margin-bottom: 30px;
	}
	.about-us-timeline h2 {
		margin-bottom: 10px;
	}
	.about-us-timeline {
		padding-top: 15px;
		padding-bottom: 40px;
	}	
	.timeline ol li div {
		border: 1px solid #ccc;
		margin: 0 0 20px 0;
		width: 100%;
	}
	.map {
		padding-top: 50px;
		padding-bottom: 25px;
	}
	
}
