/*
==========================================
GLOBAL
========================================== 
*/

html,
body{
    height: 100%;
}

body {
    /*padding-top: 125px;  Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-family: 'Open Sans', sans-serif;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

a{outline: none !important;}
a:hover{text-decoration: none;}

.sep{clear: both; height: 10px;}
.sep2{clear: both; height: 20px;}
.sep3{clear: both; height: 30px;}
.sep4{clear: both; height: 40px;}
.sep5{clear: both; height: 50px;}

.resp_img{height:auto; max-width:100%; display: block; width:100%; margin-bottom: 10px;}

iframe, object, embed, video{height:auto; max-width:100%; display: block; width:100%}
.frame{float:right; width:100%; margin:0 0 20px 20px;}
.frame iframe{height:315px;}

@media only screen and (min-width: 768px) {
    .frame{float:right; width:45%; margin:0 0 20px 20px;}
    .frame iframe{height:315px;}
}


.frame2{width:100%;}
.frame2 iframe{height:715px;}

.frame3{}
.frame3 iframe{height:300px;}

.bnt{
    display: table;
    border: 2px solid #FFF;
    padding: 10px 20px;
    width: 200px;
}
.bnt p, .bnt div{
    text-align: center;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px;
}

.bnt a{
    color: #FFF !important;
    text-decoration: none;
}

.bnt a:hover{
    color: #CCC !important;
}

.bnt2{
    display: table;
    padding: 5px 7px;
    background: #575756;
}
.bnt2 p, .bnt2 div{
    text-align: center;
    color: #FFF;
    font-size: 12px;
    margin: 0px;
    font-style: italic;
}

.bnt2 a{
    color: #FFF !important;
    text-decoration: none;
}

.bnt2 a:hover{
    color: #CCC !important;
}

.bnt3{
    display: table;
    border: 2px solid #006a53;
    padding: 10px 20px;

}
.bnt3 p, .bnt3 div{
    text-align: center;
    color: #006a53;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px;
    font-weight: bold
}

.bnt3 a{
    color: #006a53 !important;
    text-decoration: none;
}

.bnt3 a:hover{
    color: #006a53 !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    margin-bottom: 0px;
    margin-top: 0px;
}

.text, text2{
    line-height: 180%;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}


/*
==========================================
CAROUSEL-CAPTION
========================================== 
*/

.carousel-caption {
    /*
    background-color: rgba(88,148,186,.8);
    width: 380px;
    */
    position: absolute;
    bottom: 12%;
    left: 10%;
    z-index: 10;
    color: #fff;
    text-align: left;
}

.carousel-caption p{
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 120%;
    color: #fff;
}


.carousel-caption .bnts {
    color: #fff;
    border: 2px solid #FFF;
    background: none !important;
    display: table;
    padding: 10px 20px;
    text-align: center;
}

.carousel-caption .bnts p, .carousel-caption .bnts div {
    font-size: 16px;
    color: #fff;
    margin: 0 !important
}

.carousel-caption a{
    color: #FFF !important;
    text-decoration: none;
    font-weight: bold;
}

.carousel-caption a:hover{
    text-shadow: none !important;
    color: #FFF !important;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .carousel-caption {
        right: 160px;
    }

}
@media screen and (max-width: 767px) {
    .carousel-caption p{
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 120%;
    }

    .carousel-caption .bnts p, .carousel-caption .bnts div {
        font-size: 18px;
    }
}


.carousel-indicators {
    bottom: -40px;
    left: 50%;
    list-style: outside none none;
    margin-left: -30%;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 15;
}

.carousel-indicators .active {
    background-color: #006a53;
    border: 1px solid #006a53;
    height: 12px;
    margin: 0;
    width: 12px;
}

.carousel-indicators li {
    background-color: rgba(157, 157, 156, 1);
    border: 1px solid #9d9d9c;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px;
}

/*
==========================================
TÍTULO DAS PÁGINAS
========================================== 
*/

#page-title {
    position: relative;
    padding: 30px 0;
    background-color: #d0d0d0;
}

#page-title .container { position: relative; }

#page-title h1 {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    color: #575756;
    font-size: 22px;
    text-transform: uppercase;
}

#page-title span {
    display: block;
    margin-top: 10px;
    font-weight: 100;
    color: #575756;
    font-size: 16px;
}

@media only screen and (min-width:680px) {
    .breadcrumb {
        position: absolute !important;
        width: auto !important;
        top: 50% !important;
        left: auto !important;
        right: 15px !important;
        margin: -12px 0 0 0 !important;
        background-color: transparent !important;
        padding: 0 !important;
        font-size: 14px;
    }
}

@media only screen and (max-width: 679px) {
    .breadcrumb {
        /*position: absolute !important;*/
        width: auto !important;
        top: 50% !important;
        left: auto !important;
        right: 15px !important;
        margin: 12px 0 0 0 !important;
        background-color: transparent !important;
        padding: 0 !important;
        font-size: 14px;
    }
}

.breadcrumb a, .breadcrumb .active{
    color: #575756
}


.breadcrumb > li + li::before {
    color: #575756;
    content: " > ";
    padding: 0 5px;
}

/*
==========================================
GO TO TOP
========================================== 
*/

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 20px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(0, 106, 83, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    outline: none !important;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 10px;
        bottom: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 40px;
        width: 40px;
        right: 20px;
        bottom: 20px;
    }
}

/*
==========================================
ACCORDION
========================================== 
*/

.panel-default{
    margin-bottom: 20px !important;
}

.panel-default a {
    color: #fff;
    text-transform: uppercase;
    outline: none;
}

.panel-default a:hover, .panel-default a:active, .panel-default a:link, .panel-default a:visited {
    text-decoration: none !important;

}

.panel-heading{
    background: #f49b00 url('../img/city2.png') right bottom no-repeat;
    letter-spacing: 1px;
}

.panel-body{
    letter-spacing: 1px;
    color: #999999;
    font-weight: 100
}

/*
==========================================
TOPO
========================================== 
*/

.navbar {
    /*height: 120px;*/
    margin-bottom: 0px;
    border-bottom: 5px solid #006a53;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
    background: #006a53;
}

.navbar-header{
    width: 100%;
    background: #008167;
}

.navbar-brand {
    height: 120px;
    line-height: 0px;
    padding: 10px 0;
    margin: 0 auto !important;
}

.navbar-brand img{
    position: absolute;
    left: 50%;
    margin-left: -163px !important;  /* 50% of your logo width */
    display: block;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: left;
}

@media only screen and (min-width: 768px) {
    .navbar .navbar-collapse {
        text-align: center;
    }
}

.imgnotice{
    height: 400px; 
    width: 100%; 
    background-size: 100%; 
    margin: 0 auto; 
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
    .imgnotice{
        height: 400px; 
        width: 960px; 
        background-size: 100%; 
        margin: 0 auto; 
        margin-bottom: 20px;
    }
}

.bnt_project{
    margin: 0 auto; 
    position: absolute; 
    top: 46%; 
    left:28%
}

@media only screen and (min-width: 768px) {
    .bnt_project{
        margin: 0 auto; 
        position: absolute; 
        top: 46%; 
        left:33%
    }
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #CCC;
    background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #CCC;
    background-color: transparent;
}

.navbar-nav > li {
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
}

@media(min-width:991px) {
    .navbar-inverse .navbar-nav > .orcamento > a, .navbar-inverse .navbar-nav > .orcamento > a:hover, .navbar-inverse .navbar-nav > .orcamento > a:focus {
        color: #e95a0c;
        background-color: transparent;
        padding-top: 45px;
    }

}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.navbar-collapse{
    background: #006a53;
    border: 0px !important
}

/*
==========================================
HEZAGONAL
========================================== 
*/

.hexa2{
    display: table;
    margin: 0 auto;
    padding: 10px 0;
}

.hexagon {
    position: relative;
    width: 180px; 
    height: 103.92px;
    margin: 51.96px 0;

    background-size: auto 207.8461px;
    background-position: center;
}

.hexTop,
.hexBottom {
    position: absolute;
    z-index: 1;
    width: 127.28px;
    height: 127.28px;
    overflow: hidden;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background: inherit;
    left: 26.36px;
}

/*counter transform the bg image on the caps*/
.hexTop:after,
.hexBottom:after {
    content: "";
    position: absolute;
    width: 180.0000px;
    height: 103.92304845413264px;
    -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-51.9615px);
    -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-51.9615px);
    transform:          rotate(45deg) scaleY(1.7321) translateY(-51.9615px);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background: inherit;
}

.hexTop {
    top: -63.6396px;
}

.hexTop:after {
    background-position: center top;
}

.hexBottom {
    bottom: -63.6396px;
}

.hexBottom:after {
    background-position: center bottom;
}

.hexagon:after {
    content: "";
    position: absolute;
    top: 0.0000px;
    left: 0;
    width: 180.0000px;
    height: 103.9230px;
    z-index: 2;
    background: inherit;
}

/*
==========================================
HOME
========================================== 
*/

header.carousel {
    height: 85%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}


section{
    padding: 100px 0;
    position: relative
}

.hexa{
    text-align: center;
    margin-bottom: 50px;
}

.hexa .bnt2{
    margin: 0 auto;
}

.blur{
    position: absolute;
    top: 0px;
    background: url('../img/blur.png') repeat;
    height: 100%;
    width: 100%;       
}

.bloco1{
    background: #FFF; 
    background-size: cover;
}

.bloco1 .text{
    color: #4a4a49
}

.bloco1 h2{
    color: #585857;
    font-size: 38px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-weight: 300
}

.bloco1 h3{
    color: #585857;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 1px;
}

.bloco1 h5{
    color: #585857;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

.bloco2{
    background: url(../img/50.jpg) center;
}

.bloco2 h3{
    color: #FFF;
    font-size: 38px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-weight: 300;
    text-align: center;
}

.bloco2 .bnt{
    margin: 0 auto;
}

.bloco3{
    background: #fcc200;
    padding: 50px 0 100px 0;
}

.box{
    background: url('../img/box.png');
    height: 286px;
    width: 254px;  
    margin: 0 auto;
    margin-top: 100px;

}

.boximg{
    height: 143px;
    width: 254px;
    margin: 0 auto;
    position: absolute;
    margin-top: -87px;
}

.img_01{background: url('../img/box01.png') center no-repeat;}
.img_02{background: url('../img/box02.png') center no-repeat;}
.img_03{background: url('../img/box03.png') center no-repeat;}
.img_04{background: url('../img/box04.png') center no-repeat;}



.box p{
    color: #FFF;
    padding: 0px 45px 0px 45px;
    text-align: center;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 100;
}

.box p strong{
    display: block;
    text-transform: uppercase;        
}

.bloco4{
    background: #e95a0c;
    padding: 30px 0
}

.bloco4 .call{
    display: table;
    border: 1px solid #fcc200;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 0 auto
}


.bloco4 h2, .bloco4 h4{
    letter-spacing: 1px;
    text-align: center;
    float: left;
    padding: 20px 50px;
    text-transform: uppercase;
}

.bloco4 h2{
    color: #FFF;
    font-weight: 300;
    font-size: 30px;
    border-right: 1px solid #fcc200
}

.bloco4 h4, .bloco4 h4 a{
    font-size: 20px;
    font-weight: bold;
    padding: 25px;
    color: #fcc200;
}

@media(max-width:767px) {
    .bloco4 h2{
        border-right: none;
    }

    .bloco4 h4{
        width: 100%
    }
}

.bloco5{
    background: url('../img/bg02.png') center top no-repeat;
    padding-bottom: 20px;
}


.bloco5 h2{
    padding: 60px 0 0 0;
    text-align: center;
    color: #e95a0c;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.bloco5 img{height:auto; max-width:100%; display: block; width:100%}

.img_parceiros{
    width: 160px;
    heigth: 160px;
    margin: 0 auto;
}

.bloco6{
    padding: 100px 0;
}

.bloco6 h2{
    color: #e95a0c;
    font-size: 38px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.bloco6 h3{
    color: #999999;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 1px;
}

.bloco7{
    background: #f49b00;
    padding: 50px 0;
}

/*
==========================================
SOBRE
========================================== 
*/

.sobre p{
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 100
}

.missao p, .equipe p{
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 100
}



/*
==========================================
SERVIÇOS
========================================== 
*/

.servicos p{
    letter-spacing: 1px;
    font-size: 14px;
    height: 60px;
    font-weight: 100;
}

.servicos table{
    width: 100%
}

.servicos table td{
    padding-bottom: 20px;
    letter-spacing: 1px;
    font-weight: 100;
}

.servicos .centering{
    padding: 0 10px; 
    padding-bottom: 20px;
}

.serv-img{
    height: 60px;
    width: 60px;
}

.circular {
    border-radius: 200px;
    height: 80px;
    margin: 0 auto;
}

/*
==========================================
BLOG
========================================== 
*/
@media(min-width:991px) {
    .mais-noticias{
        min-height: 1000px;
    }
}

.cont100{
    height: 100%; 
    background: linear-gradient(90deg, #FFF 50%, #e8e8e8 50%);
    display: table; 
    margin: 0 auto;
}

.bloco8{background: #FFF;}

.bloco8 a, .bloco9 a{
    color: #e95a0c;
}

.bloco8 h2{letter-spacing: 2px; color: #e95a0c; margin-bottom: 10px;}
.bloco8 p{
    letter-spacing: 1px; 
    line-height: 150%; 
    color: #999999;
    font-weight: 100;
    font-size: 16px;
}

.bloco9{height: 100%; background: #e8e8e8; padding-top: 100px;}

.bloco9 h4{letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase}

.well{
    background: none;
    border: none;
}

.list-unstyled li{
    margin: 10px 0;
    letter-spacing: 1px;
}

.mais-lidas{
    letter-spacing: 1px;
    color: #666666;
    font-weight: 100;
}

#tagcloud {
    width: 100%;
    background:none;
    color:#e95a0c;
    padding: 10px;
    /*border: 1px solid #36b4aa;*/
    text-align:center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    letter-spacing: 1px;
}

#tagcloud a:link, #tagcloud a:visited {
    text-decoration:none;
    color: #e95a0c;
    outline: none;
}

.cat a:hover {
    text-decoration:none;
    color: #e95a0c;
    outline: none;
}

#tagcloud a:hover {
    text-decoration: underline;
    outline: none;
}

#tagcloud span {
    padding: 4px;
}

#tagcloud .smallest {
    font-size: 12px;
}

#tagcloud .small {
    font-size: 14px;
}

#tagcloud .medium {
    font-size:16px;
}

#tagcloud .large {
    font-size:18px;
    font-weight: 700;
}

#tagcloud .largest {
    font-size:20px;
    font-weight: bold;
}

/*
==========================================
PORTFOLIO
========================================== 
*/

.blog-entry-thumb img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

@media (min-width: 992px) {
    .blog-entry-thumb {
        height: 240px;
    }
    .blog-entry-thumb img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 240px;
        display: block;
        margin: 0 auto;
    }
}

.img-portfolio .hp{
    display:none;
    height:65px;
    width:100%;
    position: absolute;
    margin-top: -65px;
    background: rgba(256, 256, 256, 0.8);
    padding: 20px;
    font-size: 17px;
    color: #000 !important;
}

.img-portfolio:hover .hp {
    display: block;
}

/*
==========================================
PAGINAÇÃO
========================================== 
*/

.pg, .pgoff{padding: 0 5px; text-align: center; float: left; width: 20px !important; display: table; margin: 0 2px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.pg{background: #666666; color: #FFF !important}
.pgoff{background: #006a53; color: #FFF;}
.pg b{color: #FFF !important}
.pg2, .pg3{float: left; padding: 0 2px; text-align: center; letter-spacing: 2px; text-transform: uppercase}
.pg3 b{color: #006a53 !important;}

.aqui{display: table; margin: 0 auto;}


/*
==========================================
404
========================================== 
*/

.error-404 {
    font-size: 100px;
}

/*
==========================================
FOOTER
========================================== 
*/

#mapa{
    width: 100%; 
    height: 500px; 
    border: 1px solid #ccc;
}

footer {
    background: #006a53;
}

.rodape{
    font-family: 'Open Sans', sans-serif;
    padding: 20px 0;
    color: #FFF;
    font-size: 12px;
}

.rodape p{
    margin-top: 9px;
}

.icon-footer{
    width: 32px;
    height: 32px;
    background: url(../assets/img/sprites.png);
    display: block;
    float: left;
    margin-right: 10px;
    background-size: cover;
}

div.cn {
    display: table-cell;
    width: 800px;
    height: 72px;
    vertical-align: middle;
    text-align: center;
}

.cn .alinhamento {
    display: table;
    margin: 0 auto;
    vertical-align: middle;
    text-align: left;
}

.icon{
    height: 38px; 
    width: 38px;
    float:left; 
    margin:0 8px 0 0;
    background-size:cover !important;
}

.mensagem{
    background:url(../img/sprites.png);
    background-position: -5px 0px;
}


.telefone{
    background:url(../img/sprites.png);
    background-position: -53px 0px;
}

.twitter{
    background:url(../img/sprites.png);
    background-position: -104px 0px;
}

.facebook{
    background:url(../img/sprites.png);
    background-position: -152px 0px;
}

.youtube{
    background:url(../img/sprites.png);
    background-position: -199px 0px;
}

.instagram{
    background:url(../img/sprites.png);
    background-position: -247px 0px;
}




/*
==========================================
FORMULÁRIO
========================================== 
*/

label{
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase; 
    font-size: 12px;
    margin-bottom: 0px;
}

.form-control{
    border: 1px solid #006a53;

}

.form-control:focus {
    border-color: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*
==========================================
RESPONSIVO
========================================== 
*/

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}