@import url(bootstrap.min.css);
@import url(animate.min.css);
@import url(jquery.bxslider.css);
@import url(jquery.fancybox.min.css);
@import url(../fonts/fontello/css/fontello.css?v=1.2);
@import url(../fonts/vogie/stylesheet.css);
::-webkit-scrollbar-track {
    width: 8px;
    background-color: #fff
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #224599
}

::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: #224599
}

#page-loading {
    background-color: #000;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

body {
    font-family: 'Vogie';
    font-weight: normal;
    font-size: 1.1rem;
    font-display: 100%;
    overflow-x: hidden;
}

.navbar {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

.navbar .logo {
    width: 200px;
}

.navbar .nav-link {
    font-size: 1.1rem;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    color: #121212;
}

.navbar .nav-link.active {
    font-weight: bold;
    position: relative;
}

.navbar .nav-link.active::after {
    position: absolute;
    content: '';
    bottom: -55px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 60px;
    background-color: #224599;
}

.btn {
    border: solid 1px #fff;
    color: #fff;
    border-radius: 0;
    padding: .2rem 1.5rem;
}

.btn:hover {
    color: #000;
    background-color: #fff;
}

.btn.btn-inverse {
    border: solid 1px #000;
    color: #000;
}

.btn.btn-inverse:hover {
    background-color: #000;
    color: #fff
}

.texto-linha {
    position: relative;
    font-size: .9rem;
    padding-left: 70px;
}

.texto-linha::after {
    position: absolute;
    content: '';
    bottom: 50%;
    left: 0;
    width: 60px;
    height: 1px;
    background-color: #fff;
}

.titulo {
    position: relative;
    color: #224599;
    text-align: center;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 50px;
}

.titulo::after {
    position: absolute;
    content: '';
    top: -110px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 100px;
    background-color: #224599
}

.grid-servicos {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    position: relative;
    background-color: #000;
}

.grid-servicos .imagem-bg,
.grid-servicos .imagem-bg-small {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
}

.grid-servicos .item {
    position: relative;
    height: 600px;
    z-index: 1;
    border-right: solid 1px #6b6b6b;
    transition: all .5s;
}

.grid-servicos .item .texto {
    z-index: 1;
    padding: 20px 50px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .5);
}

.grid-servicos .item:last-child {
    border-right: none;
}

.grid-servicos .item h5 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 70px;
    position: relative;
    opacity: .4;
}

.grid-servicos .item h5::after {
    position: absolute;
    content: '';
    top: -160px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 140px;
    background-color: #fff;
    opacity: 0;
    transition: all .5s;
}

.grid-servicos .item .btn {
    opacity: 0;
    transition: all .5s;
}

.grid-servicos .item:hover h5,
.grid-servicos .item:hover h5::after,
.grid-servicos .item:hover .btn {
    opacity: 1;
}

.grid-servicos .item:hover+.imagem-bg {
    opacity: 1;
}

.item-projeto {
    height: 700px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.item-projeto .content {
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 95%, rgba(0, 0, 0, 1) 100%);
    padding: 0px 60px;
    padding-bottom: 40px;
    align-items: flex-end;
    position: relative;
    color: #fff;
    margin: 0;
}

.item-projeto .content .linha {
    content: '';
    position: absolute;
    top: 0;
    margin-left: 5px;
    width: .1rem;
    height: 60%;
    /* max-height: 60%; */
    background-color: #fff;
    margin-bottom: 15px;
    transition: all .3s;
}

.item-projeto .content h4 {
    font-size: 2.2em;
    line-height: .8em;
    font-weight: 300;
}

.item-projeto .content h4+.icon {
    font-size: 1.3em;
}

.item-projeto .content .lista-caracteristicas {
    margin-top: 20px;
    height: 0;
    overflow: hidden;
    transition: all .5s;
}

.item-projeto .content .lista-caracteristicas .item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.item-projeto .content .lista-caracteristicas .item .icon {
    font-size: 1.8em;
    margin-right: 10px;
}

.item-projeto .content .lista-caracteristicas .item p {
    line-height: .9em;
    font-size: 1.1em;
    margin-bottom: 0;
}

.item-projeto .content .lista-caracteristicas .item p small {
    font-size: .6em;
}

.item-projeto .content .ver-projeto {
    text-align: right;
    height: 0;
    overflow: hidden;
    transition: all .5s;
}

.item-projeto .content .ver-projeto a {
    color: #fff;
    text-decoration: none;
}

.item-projeto .content .ver-projeto .icon {
    font-size: 3.2em;
}

.item-projeto .content .ver-projeto p {
    font-size: .8em;
    margin-bottom: 0;
}

.item-projeto:hover .content .linha {
    height: 300px;
}

.item-projeto:hover .content .lista-caracteristicas {
    height: 200px;
}

.item-projeto:hover .content h4+.icon::before {
    content: '\e801';
}

.item-projeto:hover .content .ver-projeto {
    height: 100px;
}

.banner {
    height: 650px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.banner::after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    margin-left: -5px;
    width: 10px;
    height: 80px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='108px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M8.000,107.183 C7.997,107.183 7.997,107.183 7.996,107.183 C7.858,107.183 7.723,107.157 7.596,107.103 C7.468,107.050 7.352,106.972 7.254,106.875 L0.918,100.539 C0.507,100.128 0.507,99.457 0.918,99.046 C1.329,98.634 2.000,98.634 2.411,99.046 L6.944,103.578 L6.944,1.872 C6.944,1.290 7.416,0.816 8.000,0.816 C8.583,0.816 9.056,1.290 9.056,1.872 L9.056,103.578 L13.588,99.044 C14.000,98.632 14.669,98.632 15.081,99.044 C15.493,99.455 15.493,100.125 15.081,100.537 L8.746,106.873 C8.648,106.970 8.532,107.048 8.403,107.101 C8.274,107.157 8.137,107.183 8.000,107.183 L8.000,107.183 Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 10px;
}

.banner .overlay {
    background-color: rgba(0, 0, 0, .6);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920px' height='800px'%3E%3Cpath fill-rule='evenodd' opacity='0.302' fill='rgb(255, 255, 255)' d='M1820.762,82.227 L1820.762,394.361 L1664.413,394.361 L1664.413,549.617 L1820.828,549.617 L1820.828,706.755 L1664.346,706.755 L1664.346,1019.020 L1507.901,1019.020 L1507.901,1097.081 L1350.496,1097.081 L1350.496,1019.494 L1194.754,1175.085 L1037.606,1175.085 L1037.606,1019.020 L882.103,1019.020 L882.103,1097.081 L724.698,1097.081 L724.698,1019.494 L568.956,1175.085 L411.808,1175.085 L411.808,1019.020 L256.305,1019.020 L256.305,1097.081 L98.899,1097.081 L98.899,1019.497 L-56.843,1175.085 L-213.991,1175.085 L-213.991,1017.947 L-57.509,1017.947 L-57.509,705.814 L98.840,705.814 L98.840,550.557 L-57.575,550.557 L-57.575,393.421 L98.910,393.421 L98.910,81.155 L255.351,81.155 L255.351,3.093 L412.757,3.093 L412.757,80.681 L568.499,-74.910 L725.647,-74.910 L725.647,81.155 L881.150,81.155 L881.150,3.093 L1038.555,3.093 L1038.555,80.681 L1194.298,-74.910 L1351.445,-74.910 L1351.445,81.155 L1506.949,81.155 L1506.949,3.093 L1664.354,3.093 L1664.354,80.681 L1820.096,-74.910 L1977.244,-74.910 L1977.244,82.227 L1820.762,82.227 ZM1351.438,1096.141 L1506.959,1096.141 L1506.959,1019.020 L1506.919,1019.020 L1506.919,1018.998 L1351.438,1018.998 L1351.438,1096.141 ZM1351.379,706.755 L1351.247,1018.057 L1506.919,1018.057 L1506.919,706.755 L1351.379,706.755 ZM1038.548,1174.144 L1194.364,1174.144 L1350.305,1018.355 L1350.437,706.755 L1195.030,706.755 L1195.030,1018.888 L1038.548,1018.888 L1038.548,1019.020 L1038.548,1174.144 ZM1195.030,705.814 L1350.437,705.814 L1350.437,550.557 L1195.030,550.557 L1195.030,705.814 ZM1038.548,1017.947 L1194.088,1017.947 L1194.088,706.755 L1038.548,706.755 L1038.548,1017.947 ZM725.640,1096.141 L881.161,1096.141 L881.161,1019.020 L881.121,1019.020 L881.121,1018.998 L725.640,1018.998 L725.640,1096.141 ZM412.749,1019.020 L412.749,1174.144 L568.565,1174.144 L724.506,1018.355 L724.639,706.755 L569.231,706.755 L569.231,1018.888 L412.749,1018.888 L412.749,1019.020 ZM724.639,705.814 L724.639,550.557 L569.231,550.557 L569.231,705.814 L724.639,705.814 ZM412.749,1017.947 L568.289,1017.947 L568.289,706.755 L412.749,706.755 L412.749,1017.947 ZM99.841,1096.141 L255.363,1096.141 L255.363,1019.020 L255.326,1019.020 L255.326,1018.998 L99.841,1018.998 L99.841,1096.141 ZM-56.567,706.755 L-56.567,1018.888 L-213.049,1018.888 L-213.049,1174.144 L-57.233,1174.144 L98.712,1018.355 L98.840,706.755 L-56.567,706.755 ZM98.910,394.361 L-56.633,394.361 L-56.633,549.617 L98.840,549.617 L98.910,549.617 L98.910,394.361 ZM99.654,1018.057 L255.326,1018.057 L255.326,706.755 L99.782,706.755 L99.654,1018.057 ZM99.782,705.814 L256.268,705.814 L256.268,1018.057 L256.305,1018.057 L256.305,1018.080 L411.808,1018.080 L411.808,1017.947 L411.808,706.755 L411.808,706.479 L255.602,550.557 L99.852,550.557 L99.782,550.557 L99.782,705.814 ZM411.808,705.149 L411.808,550.557 L256.937,550.557 L411.808,705.149 ZM254.722,549.617 L99.852,395.025 L99.852,549.617 L254.722,549.617 ZM255.392,82.117 L255.351,82.117 L255.351,82.095 L99.852,82.095 L99.852,393.421 L99.852,393.696 L256.058,549.617 L411.808,549.617 L411.874,549.617 L411.874,394.361 L255.392,394.361 L255.392,82.117 ZM411.815,4.033 L256.293,4.033 L256.293,81.155 L256.334,81.155 L256.334,81.177 L411.815,81.177 L411.815,4.033 ZM256.334,82.117 L256.334,393.421 L411.874,393.421 L412.006,82.117 L256.334,82.117 ZM412.749,550.557 L412.749,705.814 L568.289,705.814 L568.289,550.557 L568.223,550.557 L412.816,550.557 L412.749,550.557 ZM568.223,549.617 L568.223,394.361 L412.816,394.361 L412.816,549.617 L568.223,549.617 ZM724.705,81.155 L724.705,-73.970 L568.889,-73.970 L412.948,81.820 L412.816,393.421 L568.223,393.421 L568.223,81.287 L724.705,81.287 L724.705,81.155 ZM724.705,82.227 L569.165,82.227 L569.165,393.421 L724.705,393.421 L724.705,82.227 ZM724.705,394.361 L569.165,394.361 L569.165,549.617 L569.231,549.617 L724.639,549.617 L724.705,549.617 L724.705,394.361 ZM725.448,1018.057 L881.121,1018.057 L881.121,706.755 L725.581,706.755 L725.448,1018.057 ZM725.581,550.557 L725.581,705.814 L882.063,705.814 L882.063,1018.057 L882.103,1018.057 L882.103,1018.080 L1037.606,1018.080 L1037.606,1017.947 L1037.606,706.755 L1037.606,706.479 L881.397,550.557 L725.647,550.557 L725.581,550.557 ZM1037.606,705.149 L1037.606,550.557 L882.732,550.557 L1037.606,705.149 ZM880.521,549.617 L725.647,395.025 L725.647,549.617 L880.521,549.617 ZM881.190,82.117 L881.150,82.117 L881.150,82.095 L725.647,82.095 L725.647,82.227 L725.647,393.421 L725.647,393.696 L881.857,549.617 L1037.606,549.617 L1037.673,549.617 L1037.673,394.361 L881.190,394.361 L881.190,82.117 ZM1037.613,4.033 L882.092,4.033 L882.092,81.155 L882.132,81.155 L882.132,81.177 L1037.613,81.177 L1037.613,4.033 ZM882.132,82.117 L882.132,393.421 L1037.673,393.421 L1037.804,82.117 L882.132,82.117 ZM1038.548,550.557 L1038.548,705.814 L1194.088,705.814 L1194.088,550.557 L1194.022,550.557 L1038.614,550.557 L1038.548,550.557 ZM1194.022,549.617 L1194.022,394.361 L1038.614,394.361 L1038.614,549.617 L1194.022,549.617 ZM1350.504,81.155 L1350.504,-73.970 L1194.688,-73.970 L1038.747,81.820 L1038.614,393.421 L1194.022,393.421 L1194.022,81.287 L1350.504,81.287 L1350.504,81.155 ZM1350.504,82.227 L1194.964,82.227 L1194.964,393.421 L1350.504,393.421 L1350.504,82.227 ZM1350.504,394.361 L1194.964,394.361 L1194.964,549.617 L1195.030,549.617 L1350.437,549.617 L1350.504,549.617 L1350.504,394.361 ZM1351.379,550.557 L1351.379,705.814 L1507.861,705.814 L1507.861,1018.057 L1507.901,1018.057 L1507.901,1018.080 L1663.405,1018.080 L1663.405,706.755 L1663.405,706.479 L1507.195,550.557 L1351.445,550.557 L1351.379,550.557 ZM1663.405,705.149 L1663.405,550.557 L1508.531,550.557 L1663.405,705.149 ZM1506.320,549.617 L1351.445,395.025 L1351.445,549.617 L1506.320,549.617 ZM1506.989,82.117 L1506.949,82.117 L1506.949,82.095 L1351.445,82.095 L1351.445,82.227 L1351.445,393.421 L1351.445,393.696 L1507.655,549.617 L1663.405,549.617 L1663.471,549.617 L1663.471,394.361 L1506.989,394.361 L1506.989,82.117 ZM1663.412,4.033 L1507.890,4.033 L1507.890,81.155 L1507.931,81.155 L1507.931,81.177 L1663.412,81.177 L1663.412,4.033 ZM1507.931,82.117 L1507.931,393.421 L1663.471,393.421 L1663.603,82.117 L1507.931,82.117 ZM1664.346,550.557 L1664.346,705.814 L1819.887,705.814 L1819.887,550.557 L1664.413,550.557 L1664.346,550.557 ZM1976.302,-73.970 L1820.486,-73.970 L1664.545,81.820 L1664.413,393.421 L1819.820,393.421 L1819.820,81.287 L1976.302,81.287 L1976.302,-73.970 Z'/%3E%3C/svg%3E");
}

.banner h1 {
    color: #fff;
    line-height: .9em;
    font-size: 3rem;
    font-weight: 100;
}

.banner h3 {
    color: #fff;
    line-height: .9em;
    font-size: 1.5rem;
    font-weight: 100;
}

.vamos-conversar {
    padding: 70px 0;
    text-align: center;
    background-color: #f9f9f9;
}

.vamos-conversar h2 {
    color: #224599;
    font-weight: 300;
    margin-bottom: 20px;
}

.vamos-conversar .btn {
    color: #224599;
    border-color: #224599;
    font-size: 1.1em;
}


/* inicio #home */

#home #banner {
    height: 800px;
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#home #banner h1 {
    color: #fff;
    line-height: .9em;
    font-size: 3rem;
    font-weight: 100;
}

#home #sobre {
    padding: 120px 0;
    color: #fff;
    background-color: #000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 463.91 371'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23234797;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAtivo 1%3C/title%3E%3Cg id='Camada_2' data-name='Camada 2'%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cpolygon class='cls-1' points='463.91 0 371.09 0 371.09 92.75 278.3 0 185.53 0 185.53 92.77 278.3 92.77 278.3 278.31 185.56 278.31 185.56 324.69 278.37 324.69 278.37 278.31 371.11 278.31 371.11 92.77 371.11 92.77 463.91 92.77 463.91 0'/%3E%3Cpolygon class='cls-1' points='92.77 278.23 0 278.23 0 371 92.77 371 185.45 278.32 185.54 92.78 92.77 92.78 92.77 278.23'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
}

#home #sobre h2 {
    font-weight: 100;
    font-size: 3rem;
}

#home #servicos {
    padding: 80px 0;
}

#home #projetos {
    padding-top: 70px;
}

#home #projetos .galeria-projetos {
    background-color: #000;
    color: #fff;
}

#home #projetos .galeria-projetos .coluna-texto {
    padding: 40px 150px;
}

#home #projetos .galeria-projetos .coluna-texto img {
    padding-bottom: 15px;
    border-bottom: solid 2px #224599;
}

#home #projetos .galeria-projetos h3 {
    font-size: 2.5em;
    line-height: 1em;
    font-weight: 100;
    margin: 30px 0;
    padding-bottom: 30px;
    border-bottom: solid 2px #224599;
}

#home #projetos .galeria-projetos .bx-controls {
    position: absolute;
    left: -40px;
    bottom: 20px;
}

#home #projetos .galeria-projetos .bx-controls .bx-controls-direction {
    padding: 0;
}

#home #projetos .galeria-projetos .bx-controls .bx-controls-direction a {
    color: #fff;
    font-size: 1.5em;
    display: block;
    margin-bottom: 7px;
}

#home #projetos .veja-todos-projetos {
    background-color: #224599;
    padding: 40px 0;
    text-align: center;
}

#home #projetos .veja-todos-projetos a {
    font-size: 1.2em;
}

#home #clientes {
    padding: 70px 0;
}

#home #clientes h5 {
    color: #224599;
    font-weight: 100;
    padding-bottom: 5px;
    width: fit-content;
    border-bottom: solid 1px #224599;
    margin-bottom: 20px;
}

#home #clientes h3 {
    color: #224599;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 1em;
    font-weight: normal;
    padding-bottom: 10px;
    width: fit-content;
    border-bottom: solid 2px #224599;
    white-space: pre-line;
}

#home #clientes .bx-controls {
    text-align: right;
}

#home #clientes .bx-controls .bx-controls-direction {
    padding: 0;
    padding-top: 10px;
}

#home #clientes .bx-controls .bx-controls-direction a {
    color: #224599;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 10px;
}

#home #depoimentos {
    background-color: #000;
}

#home #depoimentos h5 {
    color: #fff;
    font-weight: 100;
    padding-bottom: 8px;
    width: fit-content;
    border-bottom: solid 1px #224599;
    margin-bottom: 30px;
}

#home #depoimentos h3 {
    color: #fff;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 1em;
    font-weight: normal;
    padding-bottom: 20px;
    margin-right: 60px;
    width: fit-content;
    border-bottom: solid 2px #224599;
}

#home #depoimentos .item-depoimento {
    min-height: 500px;
    padding: 40px 50px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#home #depoimentos .item-depoimento:nth-child(odd) {
    background-color: #224599;
}

#home #depoimentos .item-depoimento .icon-aspas {
    font-size: 2em;
}

#home #depoimentos .item-depoimento p {
    font-size: 1.1em;
    margin-top: 10px;
}

#home #depoimentos .item-depoimento .pessoa {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

#home #depoimentos .item-depoimento .pessoa img {
    border-radius: 50%;
    margin-right: 15px;
}

#home #depoimentos .item-depoimento .pessoa p {
    margin-bottom: 0;
    line-height: 1em;
    font-size: .9em;
}

#home #depoimentos .item-depoimento .pessoa p small {
    font-weight: 100;
}

#home #depoimentos .bx-controls {
    position: absolute;
    top: 50%;
    right: -40px;
}

#home #depoimentos .bx-controls .bx-controls-direction {
    padding: 0;
}

#home #depoimentos .bx-controls .bx-controls-direction a {
    color: #fff;
    font-size: 1.2em;
    display: block;
    margin-bottom: 7px;
}

#home #vamos-conversar {
    background-image: url(../images/vamos-conversar-banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0;
    text-align: center;
}

#home #vamos-conversar h2 {
    color: #fff;
    font-size: 2.5em;
    font-weight: 300;
    margin-bottom: 50px;
    position: relative;
}

#home #vamos-conversar h2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -100px;
    width: 200px;
    height: 2px;
    background-color: #224599;
}

#home #vamos-conversar .btn {
    font-size: 1.2em;
    font-weight: 300;
}


/* fim #home */


/* inicio #quem-somos */

#quem-somos .banner {
    background-image: url(../images/quem-somos-banner.jpg?v=1);
}

#quem-somos #sobre {
    padding: 70px 0;
    color: #224599;
}

#quem-somos #sobre h2 {
    font-size: 2.4em;
    line-height: 1em;
    white-space: pre-line;
    margin-bottom: 20px;
    margin-top: 20px;
}

#quem-somos #sobre .texto-linha::after {
    background-color: #224599;
}

#quem-somos #sobre .capa {
    padding: 0 40px;
}

#quem-somos #proposito {
    padding: 70px 0;
    background-color: #f9f9f9;
}

#quem-somos #proposito .item {
    height: 400px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
}

#quem-somos #proposito .item h3 {
    font-size: 3em;
    margin-bottom: 0;
}

#quem-somos #proposito .item p {
    font-size: 1.1em;
}

#quem-somos #servicos {
    padding-top: 100px;
}


/* fim #quem-somos */


/* inicio #servicos */

#servicos .banner {
    background-image: url(../images/servicos-banner.jpg);
}

#servicos #content,
#servicos-item #content {
    padding-top: 70px;
}

#servicos #content .texto-linha,
#servicos-item #content .texto-linha {
    color: #224599;
}

#servicos #content .texto-linha::after,
#servicos-item #content .texto-linha::after {
    background-color: #224599;
}

#servicos #content .item-servico:nth-child(even) {
    background-color: #f9f9f9
}

#servicos-item #content {
    color: #224599;
}

#servicos-item #content h2 {
    color: #224599;
    font-size: 3.2em;
    line-height: 1em;
    font-weight: 300;
    padding-right: 200px;
}

#servicos #content .item-servico h3 {
    color: #224599;
    font-size: 2.5em;
    line-height: 1em;
    font-weight: 300;
    margin-bottom: 30px;
}

#servicos #content .item-servico h3::after {
    display: block;
    content: '';
    margin-top: 10px;
    width: 80px;
    height: 2px;
    background-color: #224599;
}

#servicos #content .item-servico p {
    color: #224599;
}

#servicos #content .item-servico .btn {
    color: #224599;
    border-color: #224599;
}

#servicos #content .item-servico .btn:hover {
    background-color: #224599;
    color: #fff;
}

#servicos #content .item-servico .capa {
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
}

#servicos-item .item-conteudo {
    background-color: #f9f9f9
}

#servicos-item .item-conteudo h4 {
    color: #224599;
    font-size: 2em;
    line-height: 1em;
    font-weight: 300;
}

#servicos-item .item-conteudo .row {
    justify-content: flex-end
}

#servicos-item .item-conteudo .texto {
    padding: 20px;
    padding-right: 100px;
}

#servicos-item .item-conteudo .texto p {
    margin-bottom: 5px;
}

#servicos-item .item-conteudo .capa {
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#servicos-item .item-conteudo .capa-full {
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#servicos-item .item-conteudo:nth-child(even) .row {
    justify-content: flex-start
}

#servicos-item .item-conteudo:nth-child(even) .texto {
    order: 1;
    padding-left: 100px;
    padding-right: 15px;
}

#servicos-item #galeria {
    padding-top: 70px;
}

#servicos-item #galeria .bx-controls {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: -40px;
    left: -40px;
}

#servicos-item #galeria .bx-wrapper {
    margin: 0 auto;
}

#servicos-item #galeria .bx-controls>div {
    display: flex;
    justify-content: space-between
}

#servicos-item #galeria .bx-controls .bx-controls-direction {
    padding: 0;
}

#servicos-item #galeria .bx-controls .bx-controls-direction a {
    color: #000;
    font-size: 1.5em;
}

#servicos-item #outros-servicos {
    padding-top: 140px;
}

#servicos-item #outros-servicos .grid-outros-servicos {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#servicos-item #outros-servicos .grid-outros-servicos .item {
    background-color: #224599;
    color: #fff;
    position: relative;
    height: 300px;
    flex: 0 0 auto;
    width: 25%;
    padding: 15px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#servicos-item #outros-servicos .grid-outros-servicos .item>div {
    z-index: 1;
}

#servicos-item #outros-servicos .grid-outros-servicos .item:nth-child(even) {
    background-color: #000;
}

#servicos-item #outros-servicos .grid-outros-servicos .item h5 {
    font-size: 1.8em;
    font-weight: 100;
    margin-bottom: 20px;
}

#servicos-item #outros-servicos .grid-outros-servicos .item .imagem-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all .5s
}

#servicos-item #outros-servicos .grid-outros-servicos .item:hover .imagem-bg {
    opacity: .3;
}


/* fim #servicos */


/* inicio #projetos */

#projetos .banner,
#projetos-item .banner {
    background-image: url(../images/banner.jpg);
}

#projetos #content {
    padding-top: 150px;
}

#projetos #content .bx-controls {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: 5px;
    left: 5px;
}

#projetos #content .bx-controls>div {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between
}

#projetos #content .bx-controls .bx-controls-direction {
    padding: 0;
}

#projetos #content .bx-controls .bx-controls-direction a {
    color: #fff;
    font-size: 2em;
}

#projetos-item #content {
    padding: 60px 0;
    background-color: #000;
    color: #fff;
}

#projetos-item #content .texto {
    padding-right: 100px;
}

#projetos-item #content h2 {
    font-size: 2.5em;
    font-weight: 300;
}

#projetos-item #content .caracteristicas {
    padding-left: 100px;
}

#projetos-item #content .lista-caracteristicas .item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

#projetos-item #content .lista-caracteristicas .item .icon {
    font-size: 2.5em;
    margin-right: 15px;
}

#projetos-item #content .lista-caracteristicas .item p {
    line-height: .9em;
    font-size: 1.2em;
    margin-bottom: 0;
    margin-top: -5px;
}

#projetos-item #content .lista-caracteristicas .item p small {
    font-size: .6em;
}

#projetos-item #galeria .bx-controls {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: 5px;
    left: 5px;
}

#projetos-item #galeria .bx-controls>div {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between
}

#projetos-item #galeria .bx-controls .bx-controls-direction {
    padding: 0;
}

#projetos-item #galeria .bx-controls .bx-controls-direction a {
    color: #fff;
    font-size: 2em;
}


/* fim #projetos */


/* inicio #contato */

#contato .banner {
    background-image: url(../images/contato-banner.jpg);
}

#contato #content {
    padding: 70px 0;
}

#contato #content .texto-linha {
    color: #224599;
}

#contato #content .texto-linha::after {
    background-color: #224599;
}

#contato #content form .form-control {
    border: none;
    background-color: #f9f9f9;
    border-radius: 0;
}

#contato #content form .btn {
    color: #224599;
    border-color: #224599;
    font-size: 1.2em;
    padding: .3rem 2.5rem;
}

#contato #content form .btn:hover {
    color: #fff;
    background-color: #224599;
}

#contato #content address,
#contato #content span {
    color: #224599;
}

#contato #content a {
    color: #224599;
    text-decoration: none;
}

#contato #content a.whatsapp {
    font-size: 1.3em;
}

#contato #content a:hover {
    color: #224599;
}

#contato #mapa {
    height: 450px;
}


/* fim #contato */

#voltar-topo {
    background-color: #224599;
    color: #fff;
}

#voltar-topo>div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#voltar-topo p {
    margin-bottom: 0;
    font-size: .9em;
    margin-right: 10px;
}

#voltar-topo a {
    background-color: #000;
    color: #fff;
    padding: 20px;
}

footer {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 463.91 371'%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Camada_2' data-name='Camada 2'%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cpolygon fill='none' stroke='%23224599' points='463.91 0 371.09 0 371.09 92.75 278.3 0 185.53 0 185.53 92.77 278.3 92.77 278.3 278.31 185.56 278.31 185.56 324.69 278.37 324.69 278.37 278.31 371.11 278.31 371.11 92.77 371.11 92.77 463.91 92.77 463.91 0'/%3E%3Cpolygon fill='none' stroke='%23224599' points='92.77 278.23 0 278.23 0 371 92.77 371 185.45 278.32 185.54 92.78 92.77 92.78 92.77 278.23'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left;
    background-color: #000;
    color: #fff;
    padding: 180px 0;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a.whatsapp {
    font-size: 1.2em;
}

footer a:hover {
    color: #224599;
}

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

@media (max-width: 1199.98px) {
    .grid-servicos .item {
        padding: 20px 20px;
    }
    #home #projetos .galeria-projetos .coluna-texto {
        padding: 40px 40px;
    }
    #home #clientes h3 {
        font-size: 2em;
    }
    #servicos-item #content h2 {
        padding-right: 20px;
    }
    #servicos-item .item-conteudo .texto,
    #servicos-item .item-conteudo:nth-child(even) .texto {
        padding-left: 30px;
        padding-right: 30px;
    }
    #servicos-item #outros-servicos .grid-outros-servicos .item h5 {
        font-size: 1.4em
    }
    #projetos-item #content .texto {
        padding-right: 20px;
    }
}

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

@media (max-width: 768px) {
    .navbar-light .navbar-toggler,
    .navbar-light .navbar-toggler:focus {
        border: none;
        box-shadow: none;
        color: rgb(34, 69, 153);
    }
    .navbar-light .navbar-toggler-icon {
        width: 2em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2834, 69, 153, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .navbar .nav-link {
        text-align: right;
    }
    .navbar .nav-link.active::after {
        display: none;
    }
    .grid-servicos {
        display: block;
    }
    .grid-servicos .item {
        height: 300px;
    }
    .grid-servicos .item h5::after {
        top: -120px;
        height: 100px;
    }
    .grid-servicos .item h5,
    .grid-servicos .item .btn {
        opacity: 1;
    }
    .grid-servicos .item:hover+.imagem-bg {
        opacity: 0;
        display: none;
    }
    .grid-servicos .item:hover .imagem-bg-small {
        opacity: 1;
    }
    .item-projeto .content {
        padding: 0px 40px;
        padding-bottom: 40px;
    }
    #home #sobre {
        padding: 80px 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 463.91 371'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23234797;fill-opacity:.4%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAtivo 1%3C/title%3E%3Cg id='Camada_2' data-name='Camada 2'%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cpolygon class='cls-1' points='463.91 0 371.09 0 371.09 92.75 278.3 0 185.53 0 185.53 92.77 278.3 92.77 278.3 278.31 185.56 278.31 185.56 324.69 278.37 324.69 278.37 278.31 371.11 278.31 371.11 92.77 371.11 92.77 463.91 92.77 463.91 0'/%3E%3Cpolygon class='cls-1' points='92.77 278.23 0 278.23 0 371 92.77 371 185.45 278.32 185.54 92.78 92.77 92.78 92.77 278.23'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    #home #projetos .galeria-projetos .bx-controls {
        left: 10px;
    }
    #home #clientes h3 {
        margin-bottom: 40px;
        white-space: normal
    }
    #home #depoimentos h3 {
        margin-bottom: 40px;
    }
    #home #depoimentos .bx-controls {
        top: 80%;
        right: 10px;
    }
    #servicos-item #outros-servicos .grid-outros-servicos .item {
        flex: 0 0 auto;
        width: 50%;
    }
    footer {
        padding: 80px 0;
        text-align: center;
    }
    footer img {
        margin-bottom: 40px;
    }
}

@media (max-width: 575.98px) {
    .banner h1 {
        text-align: center;
    }
    .banner h3 {
        text-align: center;
    }
    #home #projetos .galeria-projetos .bx-controls {
        right: 10px;
        left: auto;
    }
    #quem-somos #sobre .capa {
        margin-top: 20px;
    }
    #servicos #content .item-servico .texto,
    #servicos-item .item-conteudo .texto {
        order: 1;
        margin-bottom: 40px;
    }
    #servicos #content .item-servico .capa,
    #servicos-item .item-conteudo .capa {
        order: 0;
    }
    #servicos-item #galeria .bx-controls {
        right: 0;
        left: 0;
    }
    #servicos-item #outros-servicos .grid-outros-servicos .item {
        width: 100%;
    }
    #projetos-item #content .caracteristicas {
        padding-left: 15px;
        margin-top: 30px;
    }
    #contato .dados {
        margin-top: 40px;
        text-align: center;
    }
}