/*****************************************************************
******************************************************************
*******************                         **********************
*******************   STYLE THEME            **********************
*******************                         **********************
******************************************************************
******************************************************************/ 

/************
    align
*/
.home__atuacao-item .vc_column-inner,
.home__presenca,
.footer__box .textwidget{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

/************************************************************************************

1 TOP BAR

*************************************************************************************/
#top_bg {
    position: relative;
}

.top-bar{
    font-size: 15px;
}

.top-bar .container{
    z-index: 1000;
}

.top_phone{
    float: left;
    padding: 10px 15px 12px 0;
    margin: 0px 0 0px 0;
    width: auto;
    line-height: 29px;
}
    .top_phone:before {
        padding: 0px 14px 0px 0px;
        font-family: 'FontAwesome';
        font-size: 19px;
        content: '\f095';
        color: #e6781e;
    }

.top_email{
    float: left;
    padding: 10px 15px 12px 15px;
    width: auto;
    line-height: 29px;
}
    .top_email a{
        color: #000000;
    }
    .top_email:before {
        padding: 0px 14px 0px 0px;
        font-family: 'FontAwesome';
        font-size: 13px;
        content: '\f0e0';
        color: #e6781e;
    }

.top_text{
    float: left;
    padding: 10px 20px 12px 16px;
    width: auto;
    line-height: 29px;
}

.top_socials {
    float: right;
    padding: 10px 20px 12px 16px;
    margin: 0 0px 0 0;
    width: auto;  
    text-align: center; 
}
    .top_socials div,
    .social_widget_icons div{
        position: relative;
        display: inline-block;
        zoom: 1;
        margin: 0;
        width: 30px;
        height: 30px;
        text-align: center;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
        .top_socials a,
        .social_widget_icons a{
            display: block;
            font-size: 20px;
            line-height: 29px;      
        }
 
.top_email, 
.top_phone,
.top_socials{
    position: absolute;
    top: 8px;
    right: 26.9%;
    color: #000000;
}  

.top_phone{
    right: 9.9%;
}

.top_socials{
    right: 0;
}

@media only screen and (max-width: 1210px) and (min-width: 1035px){
    .top_email{
        right: 37.9%;
    }
    .top_phone{
        right: 16.9%;
    }
}

/*
Search
*/
.top-bar #searchtop {
	position:relative;
	text-align:center;
	display:inline-block;
 *display:inline;
    margin:0;
	zoom:1;
	height:29px;
	width:29px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#searchtop_img {
	display:block;
	background-position:0px 0px;
	background-size: 27px;
	min-height:29px;
	min-width:27px;
	cursor:pointer;
}

.top-bar #search-form {
	padding:10px;
    right:0;
    top:0px;
	position:absolute;
	min-width:250px;
	z-index:1000;
	visibility:hidden;
	opacity:0;
	transform:         scale(0.8); /* CSS3 */
        -moz-transform:    scale(0.8); /* Firefox */
        -webkit-transform: scale(0.8); /* Webkit */
        -o-transform:      scale(0.8); /* Opera */
        -ms-transform:     scale(0.8); /* IE 9 */
	transition: all ease-in-out .3s;
        -webkit-transition: all ease-in-out .3s;
        -moz-transition: all ease-in-out .3s;
        -o-transition: all ease-in-out .3s;
	-moz-box-shadow: 0 0px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.1);
    box-shadow: 0 0px 6px rgba(0,0,0,0.1);
    background-color:#fff;
}

#searchtop {
    position: relative;
    top: 18px;
    float: right;
}

#ssform {
	box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
        -moz-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
        -o-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
}

.pop_search_form {
	opacity:1!important;
	visibility:visible !important;
	transform:         scale(1) !important; /* CSS3 */
	-moz-transform:    scale(1) !important; /* Firefox */
	-webkit-transform: scale(1) !important; /* Webkit */
	-o-transform:      scale(1) !important; /* Opera */
	-ms-transform:     scale(1) !important; /* IE 9 */
}

#search-form input[type=submit] {
    position: absolute;
	right: 10px;
    margin: 0px;
    height: 40px;
    min-height:29px;
	min-width:40px;
	z-index:1000;
	background:none;
	background-position:1px 1px;
	background-size: 27px;
	border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;		
}

#search-form input[type=text] {
	border: 1px solid rgba(102, 102, 102, 0.1);
	float: left;
	margin: 0;
	width: 100%;
	padding: 9px 5px 9px 20px!important;
	border-radius: 5px;
}
span.search_button_icon:after {
	content: "\f002";
	font-family: "fontawesome";
	position: absolute;
	right: 25px;
	top: 18px;
	font-size: 16px;
}

/************************************************************************************

2 HEADER

*************************************************************************************/
.opaque_header{
    opacity: 1;
    transition: all 1s;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
    z-index: 555;    
}

    .sticky_header.opaque_header .header-nav {
        background: #ffffff;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }
    .opaque_header nav:before {
        opacity: 0;
    }
    .opaque_header nav {
        top: 0;
    }
    .opaque_header nav > ul > li {
        padding: 20px;
    }   
   /* .opaque_header .header-nav{
        padding: 10px 50px;
    }
    .opaque_header .logo{
        line-height: 30px;
    }
    .opaque_header .logo img{
        max-height: 70px;
    }*/

.sticky_header{
    z-index: 555;
    transition: all 1s;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
}

.header-nav{
    float: left;
    display: flex;
        display: -webkit-flex;
     align-items: center;
        -webkit-align-items: center;
    justify-content: space-between;
        -webkit-justify-content: space-between;
    padding: 15px 50px;
    width: 100%;
    background: rgba(255, 255, 255, 0.86);
}     

.logo{
    float: left;
    position: relative;
    margin: 0px 0 0 0px;
    padding: 0px;
    width: auto;
    z-index: 5000;
    text-align: center;
    line-height: 100px;
}

    .logo img{
        display: inline-block;
        vertical-align: middle;
        max-height: 100px;
    }

nav{
    position: relative;
    display: block;
    float: right;
    top: 20px;
    margin: 0px 0 0px 0;
    width: auto;
    height: auto;
    width: auto;
    z-index: 5000; 
}
    nav:before{
        content: "";
        position: absolute;
        top: 0;
        width: 109%;
        height: 2px;
        z-index: 5555;
        border-top: 2px solid #e6781e;
    }
    nav li{
        float: left;
        position: relative;
        padding: 20px 23px;
        z-index: 5000;
        list-style: none;
    }
        nav li a{
            float: left;
            position: relative;
            display: block;
            padding: 0;
            font-size: 17px;
            text-transform: uppercase;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.2s linear;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear; 
            text-align: center;
            z-index: 2000; 
            color: #000000;
        }
            nav li a:hover{
                color: #e6781e;
            }
            nav li a:after{
                position: absolute;
                bottom: -9px;
                left: 0;
                margin: auto;
                width: 4px;
                height: 2px;
                opacity: 0;
                z-index: 9;
                content: "";
                line-height: 0;
                transition: width 0.5s ease 0s, height 0.5s ease 0s;
                    -webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s;
                    -o-transition: width 0.5s ease 0s, height 0.5s ease 0s;
                background: #e6781e;
                
            }
            nav .block-sub-menu a:after,
            nav .sub-menu li a:after{
                display: none;
            }
        nav li a:hover:after{
            opacity: 1;
            filter: alpha(opacity=100);
            width: 100%;
        }
        nav li.menu-item-has-children:after{
            position: relative;
            float: right;  
            padding-left: 10px;
            font-family: "FontAwesome";
            content: "\f107";
            line-height: normal;
            font-weight: bold;
            color: #e6781e;
        }
/****
    SUBBMENU
***/	
nav ul.sub-menu{
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0 5px;
    overflow: hidden;
    transition: all 150ms ease-in-out;
    width: 350px;
    height: 0;
    text-align: left;
    z-index: 10;
    box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.4);
    background: #fff
}

nav ul li ul li ul.sub-menu{
    left: 250px;
}

nav li:hover > ul.sub-menu{
    display: block;
    overflow: visible;
    visibility: visible;
    padding: 20px 10px;
    height: auto;
}

nav ul li ul li:hover ul{
    top: 0;
    z-index: 55555;
}

.sub-menu li {
    padding: 5px;
    width: 50%;
    float: left;
}

.sub-menu li a{
    display: block;
    width: 100%;
    font-size: 13px;
    text-align: left;
    line-height: 1.5;
    font-weight: 400;
}

/************************************************************************************

3 - FOOTER

*************************************************************************************/
.footer_content{
    position: relative;
    width: 1210px;
    overflow: hidden;
}
    @media only screen and (max-width: 1214px) and (min-width: 1034px){
        .footer_content{
            width: 990px;
        }
    }
    @media only screen and (max-width: 1035px) and (min-width: 768px){
        .footer_content{
            width: 738px;
        }
        footer .container{
            width: 708px;
        }
    }
    @media (max-width: 767px){
        .footer_content{
            width: 100%;
        }
    }
footer .widget_wrap{
    float: left;
    margin: 10px 30px 20px 0;
}
.footer_1_col .widget_wrap {
	width:545px;
	float:none!important;
	margin-left:auto!important;
	margin-right:auto!important;
	padding-right:30px!important;
}
/*.footer_2_col .widget_wrap {
	width:570px;
}*/
.footer_3_col .widget_wrap {
	width: 880px;
}
/*.footer_4_col .widget_wrap {
    width: 270px;
}*/
.footer_3_col .widget_wrap:first-child{
    margin: 0 30px 20px 0;
    width: 100% !important;
}

.footer_3_col .widget_wrap:nth-child(2){
    width: 270px;
    border-right: 2px solid #f58220;
}

footer h2{
    margin-bottom: 10px;
    font-size: 24px;
    text-transform: uppercase;
    color: #e6781e;
}

.footer__box{
    float: left;
    width: 33%;
}
.footer__box .textwidget{
    justify-content: center;
    -webkit-justify-content: center;
    min-height: 120px;
}
.footer__endereco{
    background-color: #f58220;
}
.footer__fale-conosco{
    background-color: #e5781a;
}
.footer__acao{
    background-color: #d16719;
}
.footer__box img{
    margin-right: 20px;
}
.footer__box p{
    margin-bottom: 0;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
}
.footer__acao div p:last-child{
    font-size: 21px;
    text-transform: uppercase;
    font-weight: bold;
}

.footer_logo-mbr{
    text-align: center;
}

.social_widget{
    margin: 20px auto;
    text-align: center;
}

.footer__nav {
    position: relative;
    display: inline-block;
    max-width: calc(100% / 3);
    min-width: calc(100% / 3);
}
    @media only screen and (max-width: 1210px) and (min-width: 1035px){
        .footer_3_col .widget_wrap:nth-child(2){
            width: 255px;
        }
        .footer_3_col .widget_wrap{
            width: 674px;
        }
        .footer__nav{
            max-width: calc(100% / 2);
            min-width: calc(100% / 2);
        }
    }

.footer__nav-contato{
    margin-top: 20px;
    clear: both;
}

footer li a{
    line-height: 1.3;
    font-size: 14px;
    color: #ffffff;
}

footer li{
    float: left;
    padding: 4px 0;
    margin: 0 5px;
    width: 45%;
    list-style: none; 
}


/****
    footer copyright 
****/
.footer_coms{
    padding: 10px 0;
    font-size: 10px;
    letter-spacing: 3px;
    color: #777777;
}
.f_message_left{
    float: left;
    line-height: 32px;
    text-align: left;
}
.f_message_right{
    float: right;
    line-height: 32px;
    text-align: right;
}
.f_si_right{
    float: right;
}
.f_si_left{
    float: left;
}
.f_social_icons div {
    float: left;
    position: relative;
    display: inline-block;
    zoom: 1;
    margin: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
    .f_social_icons a {
        display: block;
        font-size: 16px;
        line-height: 29px;
    }

/************************************************************************************

4 - MOBILE MENU

*************************************************************************************/
.mt_menu {
    display: none;
}

#mobile-menu {
	display: block;
	position: fixed;
	top: 0;
	right:0;
	width: 270px;
	height: 100%;
	z-index: 60000;
	overflow-y: auto;
    overflow-x: hidden;
    transition: transform .5s;
        -webkit-transition: -webkit-transform .5s;
        -moz-transition: -moz-transform .5s;
        -ms-transition: -ms-transform .5s;
        -o-transition: -o-transform .5s;
    transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
    background: #444;
}

.menu_slide.mt_menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    transition: transform .5s;
        -webkit-transition: -webkit-transform .5s;
        -moz-transition: -moz-transform .5s;
        -ms-transition: -ms-transform .5s;
        -o-transition: -o-transform .5s;
        -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.05);
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    background-color: #fff;
}

.menu_slide {
    transition: transform .5s;
        -webkit-transition: -webkit-transform .5s;
        -moz-transition: -moz-transform .5s;
        -ms-transition: -ms-transform .5s;
        -o-transition: -o-transform .5s;      
        -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.05);
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.mt_menu .logo img{
    max-height: 50px;
}

.menu_slide #nav_button_alt {
    float: left;
    display: block;
    float: right;
    margin: 0px 0px 0px 10px;
    width: auto;
    height: 50px;
    line-height: 50px;
    
}
    #nav_button_alt:before {
        display: block;
        padding: 0px 0 0 0px;
        margin-left: -1px;
        font-family: "FontAwesome";
        content: "\f0c9";
        text-align: center;
        font-size: 18px;
    }

.slided_body {
    transform: translateX(-269px);
        -webkit-transform: translateX(-269px);
        -moz-transform: translateX(-269px);
        -ms-transform: translateX(-269px);
        -o-transform: translateX(-269px);
}    

.mm_open {
    transform: translateX(0)!important;
	    -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0)!important;
        -ms-transform: translateX(0)!important;
        -o-transform: translateX(0)!important;
}

#mobile-menu ul li a {
    position:relative;
	display:inline-block;
	padding:10px 20px 13px 20px;
	width:calc(100% - 40px);
	border-bottom:none !important;
    text-transform:uppercase;	
    color: #fff;
}
#mobile-menu ul li {
	color:#fff;
	border-top:1px solid rgba(255,255,255,0.05);
	border-bottom:1px solid rgba(0,0,0,0.35);
}
#mobile-menu ul ul {
	border-top:1px solid rgba(0,0,0,0.35);
	display:none;
}
#mobile-menu ul ul ul {
	border-top: 1px solid rgba(0, 0, 0, 0.22);
	display:none;
}
#mobile-menu ul ul li:last-child {
	border-bottom:none;
}
#mobile-menu ul ul li {
	border-top: 1px solid rgba(255, 255, 255, 0);
	border-bottom: 1px solid rgba(0, 0, 0, 0.22);
}
#mobile-menu ul ul ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#mobile-menu ul ul li a {
	padding:10px 20px 13px 20px;
}
#mobile-menu ul ul ul li a {
	padding:10px 20px 13px 20px;
}

/************************************************************************************

5 - PAGE

*************************************************************************************/
.page{
    float: left;
    display: block;
    width: 100%;
}

.content{
    display: block;
    float: left;
    margin: 0;
    width: 100%;
}

.banner-interno > div{
    margin-top: -135px;
    width: 100%;
    height: 512px;
    background-size: cover!important;
}

.single .page-title,
.search .page-title{
    display: block;
    position: relative;
    float: left;
    padding: 40px 0;
    width: 100%;
    background: #f58220;
}
    .single .page-title h1,
    .search .page-title h1{
        float: left;
        margin-bottom: 0;
        width: auto;
        max-width: 420px;
        font-size: 24px;
        line-height: 34px;
        font-weight: 400; 
        color: #ffffff;
    }

.interna .page-title,
.single-obra .page-title,
.category-obra .page-title{
    display: block;
    position: relative;
    float: left;
    margin-top: -35px;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
    z-index: 2;
    background: transparent;
}
    .interna .page-title h1,
    .single-obra .page-title h1,
    .category-obra .page-title h1{
        float: none;
        padding: 20px;
        margin: 0 auto;
        width: 40%;
        max-width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        background: #f58220;
        color: #ffffff;
    }
   

.home .page-title{
    display: none;
}

.crumbs_delimiter {
    padding: 0 5px;
    font-size: 16px;
}
#breadcrumbs{
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -13px;
    font-size: 14px;
    color: #ffffff;
}
    #breadcrumbs a{
        color: #ffffff;
    }

/*
share
*/
.share_icons_container{
    margin-top: 20px;
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px
}
    .share-box li {
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
        margin-right: 0;
        width: 34px;
        height: 34px;
        border-left: none;  
        list-style: none;
    }
    .shareicons_icon {
        float: left;
        width: 50px;
        height: 50px;
        background: #444444;
        text-align: center;
        font-size: 16px;
    }
        .shareicons_icon:before {
            display: block;
            margin-top: 1px;
            content: "\f1e0";
            font-family: "FontAwesome";
            text-align: center; 
            color: #fff;    
        }
    .single_post_share_icon {
        padding-left: 60px;
        height: 100%;
        border: 1px solid #ebebeb;
        line-height: 48px;
        font-size: 14px;
    }
    .single_post_share_icon a{
        color: #000000
    }
/************************************************************************************

6 - SINGLE POST

*************************************************************************************/
.def_section{
    position: relative;
    width: 100%;
    min-height: 100%;
    overflow: auto;
    line-height: 19px;
    overflow: visible;
    z-index: 1;
    clear: both;
}

.post{
    padding: 40px 0 0 0;
}

.content-left{
    float: left;
    max-width: 850px;
}

.post-attachement{
    overflow: hidden;
    position: relative;
    margin: 0 0 30px 0;
    width: 100%;
}
    .post-attachement img{
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
    }
  
.single_post_navigation{
    float: left;
    clear: both;
    margin: 40px 0;
    width: 100%;
}   
    .single_post_navigation a{
        padding: 15px;
        min-width: 130px;
        border-radius: 3px;
        font-weight: 900;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
    }
    .next_post{
        float: right;
    }
        .next_post:after{
            padding-left: 10px;
            font-family: 'FontAwesome';
            content: '\f054';    
        }

    .previous_post{
        float: left;
    }
        .previous_post:before{
            padding-right: 10px;
            font-family: 'FontAwesome';
            content: '\f053';
        }

/*
sidebar
*/
#sidebar{
    float: right;
    padding-bottom: 20px;
    width: 270px;
}
    #sidebar .widget {
        margin: 10px 0;
        padding: 10px 0;
    }
    #sidebar .widget:first-child{
        margin-top: 0;
        padding-top: 0;
    }
    #sidebar h3{
        padding-bottom: 10px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
    }
    #sidebar li{
        padding: 5px 0;
        list-style: none;
        font-size: 15px;
        border-bottom: 1px solid #dcdcdc;

    }
    #recentcomments li:before {
        float: left;
        padding-right: 15px;
        margin-right: 10px;
        width: 10px; 
        font-family: 'FontAwesome';
        content: '\f0e6';
    }

/*
search
*/
#searchform .form-control{
    padding: 20px;
}

    .input-group{
        width: 100%;
    }
    .searchinput{
        padding: 15px;
        width: 100%;
        border: 1px solid #ebebeb;
    }
    #searchsubmit{
        position: absolute;
        right: 16px;
        top: 8px;
        font-family: "FontAwesome";
        color: #444444;
        font-weight: normal;
        background: rgba(0, 0, 0, 0)!important;
        border: none;
    }

/************************************************************************************

7 - PAGE SEARCH

*************************************************************************************/
.search .page-content h2{
    float: left;
    padding-bottom: 10px;
    padding-top: 40px;
    width: 100%;
    font-weight: normal;
    font-size: 18px;
}

.result-search{
    float: left;
    padding: 10px;
    margin: 40px 0;
    width: 33.3345%;
    font-size: 15px;
    line-height: 1.3;
    border: 1px solid #ebebeb;
   
}
    .result-search span {
        display: block;
        padding: 10px 0;
        clear: both;
        width: 100%;   
    }

.result-none{
    float: left;
    padding: 0;
    margin: 40px 0;
}    
    .result-none p{
        margin-bottom: 10px;
    }

/************************************************************************************

8 - PAGE 404

*************************************************************************************/    
.error-content{
    padding: 60px 0;
    text-align: center;
}
    .error-content p{
        padding: 20px;
    }


/************************************************************************************

PAGES - HOME

*************************************************************************************/    
.title{
    margin: 40px 0;
    text-transform: uppercase;
}
.banner{
    margin-top: -135px;
}

.home__atuacao,
.obras__atuacao{
    overflow: visible !important;
}
    .home__atuacao h2{
        position: absolute;
        left: 0;
        right: 0;
        top: -20px;
        margin: 0 auto;
        padding: 20px;
        width: 20%;
        text-transform: uppercase;
        z-index: 55;
        background: #fe7d05;
        color: #017081;
    }

    .obra__category-item {
        position: relative;
        float: left;
        max-width: calc(100% / 3);
        min-width: calc(100% / 3);
    }
    .obra__category-img:after {
        content: "";
        position: absolute;
        opacity: 1;
        bottom: 0;
        content: "";
        height: 0;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.22);
    }
    .obra__category-item:hover .obra__category-img:after{
        height: 100%;
        z-index: 1;
        -webkit-transition: all .35s ease-in-out 0s;
        -o-transition: all .35s ease-in-out 0s;
        transition: all .35s ease-in-out 0s;
    }
        .obra__category-photo{
            position: relative;
            overflow: hidden;
        }
            .obra__category-img{
                overflow: hidden;
                max-height: 520px;
                height: 20vw;
            }
                .obra__category-img img {
                    display: inline-block;
                    position: relative;
                    left: 50%;
                    min-height: 100%;
                    max-height: 100%;
                    width: auto;
                    min-width: 100%;
                    max-width: none;
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                }
        .obra__category-title{
            position: absolute;
            top: calc(100% / 2);
            left: 0;
            right: 0;
            line-height: 0;
            text-align: center;
        }
            .obra__category-title h3{
                font-size: 25px;
                text-transform: uppercase;
                color: #ffffff;
            }

.home__institucional{
    margin-bottom: 20px;
}        
    .home__institucional .text{
        margin-bottom: 20px;
    }     
    
.home__video{
    margin-top: 20px;
}

.home__blog{
    padding-bottom: 20px;
    background-color: #f7f6f6;
}
    .home__blog h2{
        font-size: 40px;
        font-weight: bold;
        color: #e6781e;
    }
    .blog__photo{
        height: 310px;
    }
    .home__blog h3{
        padding-top: 20px;
        font-size: 17px;
        font-weight: 600;
    }
    .blog__button a{
        background: #fe7d05;
        color: #fff;
    }
        .blog__button a:hover{
            background: #ff8b1f;
            color: #fff;
        }

.home__presenca{
    height: 550px;
    background: url(../images/background_presenca.jpg) top center no-repeat;
}
.home__presenca h2,
.home__clientes h2,
.contato h2{
    font-size: 35px;
    font-weight: 400;
    text-transform: uppercase;
}        
    .home__presenca h2 > b,
    .home__clientes h2 > b,
    .contato h2 > b{
        font-size: 50px;
        font-weight: bold;
    }        

.home__clientes{
    margin-bottom: 20px;
}    
    .home__clientes h2{
        color: #f58220;
    }    

/*****
    internas */

/***ouvidoria*/
.ouvidoria__form .wpcf7,
.trabalhe-conosco .wpcf7{  
    margin:  0 auto;
    text-align:  center;
}

.ouvidoria__form .wpcf7-form-control-wrap,
.trabalhe-conosco .wpcf7-form-control-wrap{
    display: block;
    margin: 10px auto;
    width: 100%;
}
.ouvidoria__form input:not([type="submit"]),
.ouvidoria__form textarea,
.trabalhe-conosco input:not([type="submit"]),
.trabalhe-conosco textarea{
    padding: 20px;
    width: 100%;
    border: none;
    background: #f0efef;
}

input[type="submit"]{
    float: left;
    margin-bottom: 20px;
}

.contato{
    padding-bottom: 20px;
    background: url(../images/background_contato.jpg);
}
.contato h2{
    margin: 40px 0;
    color: #ffffff;
}

.contato__map{
    display: block;
    height: 425px;
}
    .contato__map iframe{
        position: absolute;
        width: 50% !important;
        height: 100%;
    }
.contato__box-text {
    margin-bottom: 20px;
    width: 100%;
}
    .contato__box-text:before {
        float: left;
        margin-right: 15px;
        min-height: 50px;
        font-size: 24px;
        color: #ffffff;
    }
.contato__box-text p{
    font-size: 18px;
    font-family: "Lato", sans-serif;
    color: #fff;
}

/***TRABALHE CONOSCO*/
.trabalhe-conosco .title{
    margin: 20px 0 40px 0;
    font-size: 16px;
    line-height: 22px;
}
.trabalhe-conosco label{
    width: 100%;
    text-align: left;
    font-size: 15px;
}

/****SOBRE*/
.mbr__text{
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
    .mbr__text h2,
    .mbr__text h3{
        margin: 20px 0;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 20px;
        color: #e87c1f;
    }
    .mbr__text a{
        font-style: italic;
    }
    .mbr__text img{
        margin: 5px 0;
    }
.mbr__photo{
    margin: 10px 0;
}

/***VALORES*/
.valores .wpb_column,
.gestao .wpb_column{
    margin-bottom: 20px;
}
.mbr__valores,
.mbr__gestao{
    margin: 10px  0;
    line-height: 1.2;
    font-size: 16px;
    font-weight: bold;
    color: #f58220;
}
    .mbr__valores > b,
    .mbr__gestao > b{
        padding: 10px;
        min-height: 128px;
        line-height: 0.7;
        float: left;
        font-size: 120px;
        font-weight: bold;
        color: #6c6d71;
    }
    .mbr__gestao > b{
        min-height: 195px;
    }

/**PREMIACOES*/
.premiacoes .title{
    margin-top: 25px;
    font-size: 16px;
}

/***SUSTENTABILIDE*/
.sustentabilidade__projetos{
    float: left;
    width: 100%;
}
    .sustentabilidade__projetos p{
        margin-bottom: 20px;
    }
    .sustentabilidade__projetos .mbr__text h2, 
    .sustentabilidade__projetos .mbr__text h3{
        margin-top: 0;
    }
    .sustentabilidade__projetos .vc_tta-tab a{
        border-radius: 0 !important;
    }

/****HISTORIA*/
.historia__box-little p:nth-child(2){
    min-height: 150px;
}
.historia__box-medium p:nth-child(2){
    min-height: 220px;
}
.historia__box-big p:nth-child(2){
    min-height: 255px;
}

/***OBRAS*/
.link-prev{
    float: left;
    position: relative;
    top: -45px;
    z-index: 555;
}
    .link-prev a{
        text-transform: uppercase;
    }
        .link-prev a:before{
            position: relative;
            margin-right: 10px;
            content: "\f104";
            font-family: FontAwesome;
            font-style: normal;
            color: #f58220;
            font-size: 17px;
        }

.obras__atuacao{
    margin-top: -65px;
    z-index: 1;
}

.single-obra .content{
    padding: 40px 0;
}

/***galeria*/
.slick-slide > div{
    display: block;
    margin: 0 auto;
    width: 100%;
    line-height: 0;
}

.slick-prev:before, 
.slick-next:before{
    opacity: 1!important;
}

.slick-prev.slick-disabled:before, 
.slick-next.slick-disabled:before{
    opacity: .25!important;
}

.single-obra .obra__dados{
    float: left;
    width: 40%;
}

.single-obra .gallery{
    float: right;
    width: 50%;
}

.obra__dados h3 {
    float: left;
    padding-right: 15px;
    font-weight: bold;
    font-size: 20px;
    color: #f58220;
}

.obras__dados .obra{
    margin-bottom: 20px;
}

/****
    CATEGORIAS OBRAS*/
.category-obra{
    margin-bottom: 40px;
}    
.obra__item {
    position: relative;
    float: left;
    padding: 0 10px;
    margin: 10px 0;
    max-width: calc(100% / 3);
    min-width: calc(100% / 3);
}
    .obra__item-photo{
        position: relative;
        overflow: hidden;
    }
    .obra__item-img{
        overflow: hidden;
        max-height: 220px;
        height: 12vw;
    }
        .obra__item-img img{
            display: inline-block;
            position: relative;
            left: 50%;
            min-height: 100%;
            max-height: 100%;
            width: auto;
            min-width: 100%;
            max-width: none;
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
    .obra__item-title{
        position: absolute;
        top: calc(80% / 2);
        left: 0;
        right: 0;
        padding: 25px 0;
        line-height: 0;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.2);  
    }
        .obra__item-title:after{
            content: "Saiba mais";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 32%;
            font-size: 15px;
            text-align: center;
            color: #ffffff;   
            z-index: 1;

            opacity: 0;
        }
        .obra__item-title a{
            position: relative;
            display: block;
            margin: 0 auto;
            height: 100%;
            width: 88%;
            font-size: 19px;
            text-transform: uppercase;
            line-height: 1;
            color: #ffffff;
            z-index: 555;
            overflow: hidden;
            /* white-space: nowrap; */
            text-align: center;   
        }

    .obra__item:hover h2{
        padding-top: calc(55% / 2);
        top: 0;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.51);
    }   
        .obra__item:hover h2:after{
           opacity: 1;
        }