/* estilizacao das fontes */
p {
    line-height: 21px;
    font-size: 14px;
    color: #606060;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
b {
    font-family: 'alleyn-bold';
    font-weight: 900;
}
strong {
    font-family: 'ralewayextrabold';
    font-weight: 900;
}
.icon-text {font-family: 'fontello';}
.font-light {
    font-family: 'alleyn-light';
    font-weight: 100;
}
.titulo {
    color: #6e7d90;
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 35px;
    font-family: 'alleyn-regular';
}
.titulo-secao .titulo {
    font-size: 44px;
    margin-bottom: 80px;
}
.subTitulo {
    color: rgba(255, 255, 255, 0.7);
    font-family: 'alleyn-regular';
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
}
/* FIM - estilizacao das fontes */

.wrap {
    width: 940px;
}
.btn-model-1 {
    display: table;
    border: 2px solid #727d8c;
    padding: 9px 40px;
    font-size: 12px;
    color: #40515d;
    margin-top: 35px;
    font-weight: normal;
    border-radius: 20px;
    font-family: 'alleyn-regular';
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}
.btn-model-1:hover {
    background: #727d8c;
    color: #fff;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}
.espac-wrap {
    padding: 0 0 210px 0;
    box-sizing: content-box;
}
.espac-wrap-min {
    padding: 95px 0;
    box-sizing: content-box;
}
.formulario ::-webkit-input-placeholder {color: #373737;}
.formulario :-moz-placeholder {color: #373737;}
.formulario ::-moz-placeholder {color: #373737;}
.formulario :-ms-input-placeholder {color: #373737;}

/* estilo do menu sidebar */

.sidebar-menu {
  width: 340px;
  height: 100%;
  display: none;
  position: fixed;
  overflow: scroll;
  top: 0;
  right: 0;
  z-index: 7000;
  padding-bottom: 70px;
  background: #464646;
  box-sizing: content-box;
  z-index: 4000;
}
.sidebar-menu ul {
    width: 100%;
    display: table;
    padding-bottom: 60px;
}
.sidebar-menu ul li {
    width: 100%;
    display: table;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebar-menu ul li a {
    width: 100%;
    padding: 18px 15px 18px 30px;
    font-size: 16px;
    display: block;
    position: relative;
    color: rgba(255, 255, 255, 0.8);
    font-family: 'alleyn-regular';
    font-weight: 100;
}
.sidebar-menu ul li a:hover {
    background: #9db100;
}
.fechar-sidebar {
    width: 100%;
    height: 50px;
    display: block;
    position: relative;
    background: #fff;
    color: #5eb5ac;
    text-align: center;
    padding-top: 10px;
    font-size: 25px;
    z-index: 100;
}
.fechar-sidebar span {
    width: 55px;
    height: 4px;
    display: block;
    margin: 0 auto 8px;
    background: #9db100;
}
.fechar-sidebar:hover {
    background: #d7d7d7;
}
#sombra-sidebar {
    display: block;
    z-index: 2000;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
}
body.no-scroll {
    overflow: hidden;
}
/* fim do menu sidebar */
/* estilo fancybox */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
    overflow: visible !important;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin {
    position: relative;
    background: none;
    color: #444;
    text-shadow: none;
    padding: 0 !important; 
}
.fancybox-type-image .fancybox-skin {
    padding: 28px !important;
    background: #fff;
}
.fancybox-opened {z-index: 8030;}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('fancybox_sprite.png');}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 9060;
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
    position: absolute;
    top: -25px;
    right: -25px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 8040;
    background: url(../images/close.png) no-repeat center;
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 148px;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}
.fancybox-prev {left: -54px; }
.fancybox-next {right: -54px; }
.fancybox-nav span {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    z-index: 8040; 
}
.fancybox-prev span {
    left: 0;
    background: url(../images/seta-esq.png) no-repeat center;
}

.fancybox-next span {
    right: 0;
    background: url(../images/seta-dir.png) no-repeat center;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
.fancybox-lock {
    overflow: hidden;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(0, 0, 0, 0.4);
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}
.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050; 
    width: 100%;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -86px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child {
    width: 100%;
    display: inline-block;
    padding: 25px 0;
    background: #fff;
    color: #000;
    line-height: 24px;
    font-size: 17px;
    font-family: 'calibriregular';
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}
/* fim estilo fancybox */
/* estilo instagram */
.demo {
    width: 100%;
    height: 114px;
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.instagram-photo {
    display: block;
    position: relative;
    float: left;
    overflow: hidden;
}
.instagram-photo > span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.instagram-photo img {
    width: 100%;
}
.instagram-photo.off {
    opacity: 0.7;
}
.demo .instagram-photo {
    width: 138px;
    height: 104px;
    position: relative;
    display: inline-block !important;
    margin: 0 5px 10px 5px;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    opacity: 0.5;
    float: none !important;
}
.demo .instagram-photo:hover {
   -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    opacity: 1.0;  
}
.demo .instagram-photo span {
    background: url(../img/estrutura/mascara.png) no-repeat center;
    background-size: 100% 100%;
}
.demo .instagram-photo {
    width: 108px;
    height: 98px;
    margin: 0 15px 20px 0;
}
.demo .instagram-photo span {
     background: url(../img/estrutura/mascara2.png) no-repeat center;
     background-size: 100% 100%;
}
.instagram-photo .instagram-hover-cover {
    background: none;
    position:absolute;
    top:0;
    display: none !important;
}
/* fim estilo instagram */
/* inicio topo */
#topo {
    width: 100%;
    position: fixed;
    z-index: 1000;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
    background: none;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}
#topo.flutuante {
    background: rgba(72, 129, 140, 0.9);
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}
#topo > .wrap {
   height: 143px;
   transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}
#topo.flutuante > .wrap {
   height: 75px;
   transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}
#topo.flutuante2  #logo {
    
height: 62px;
}
#logo {
    float: left;
    width: 364px;
    height: 90px;
    background: #172639;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 20px 0;
}
#topo #logo img {
    width: 252px;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}
#topo.flutuante #logo img {
    width: 185px;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}
#topo.flutuante2 #info-header{

height: 62px;
}
#topo.flutuante2 .instagram-header{
    margin-top:0;
}
.instagram-header{
     margin-right:10px;
     font-size:23px;
     margin-top:7px;
}
.instagram-header:after{
    width:1px;
    height:15px;
    content:'';
    background:rgb(255 255 255 / 33%);
    display:inline-block;
    margin-left:11px;
}
#info-header {
    width: calc(100% - 364px);
    display: flex;
    justify-content: flex-end;
    background: rgb(23 38 57 / 80%);
    height: 90px;
    align-items: center;
    padding: 0 125px;
    border-radius: 0 0 0 20px;
}
#topo.flutuante2 .box-header{
    margin-top: 3px;
}
#topo.flutuante2 .btn-sidebar{
    margin-top: -1px;
}
.box-header{
    margin-right:52.32px;
    display: flex;
    margin-top: 8px;
}
.box-header a{
    display: flex;
}
.box-header:last-of-type{
    margin-right:0;
}
.box-header img{
    margin-right: 13.55px;
}
.box-header:nth-of-type(1) img{
    
width: 21.22px;
}
.box-header:nth-of-type(2) img{
    
width: 23.73px;
}
.box-header span{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

#info-header .central > p {
    float: left;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 100;
    font-size: 17px;
    font-family: 'alleyn-light';
    padding-top: 8px;
}
#social-header {
    float: left;
    margin-left: 10px;
    padding-top: 5px;
}
#social-header a {
    width: 28px;
    height: 28px;
    display: block;
    text-align: center;
    position: relative;
    border-radius: 100%;
    background: #d5dde0;
    font-size: 17px;
    color: #24494f;
    float: left;
    margin-left: 7px;
    padding-top: 4px;
}
#social-header a:hover {
    background: #449f96;
}
.btn-sidebar {
    float: right;
    margin-left: 72px;
}
.btn-sidebar p {
    /* float: left; */
    /* padding-top: 4px; */
    font-size: 17px;
    display: flex;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
#icon-menu {
    width: 12.62px;
    display: flex;
    margin-right: 16px;
    flex-direction: column;
    margin-top: 3px;
}
#icon-menu span {
    width: 100%;
    height: 1px;
    background: rgb(255 255 255 / 36%);
    display: block;
    margin-bottom: 15px;
}
#banner-inter {
    width: 100%;
    height: 430px;
    background: url(../images/banner-inter.jpg) no-repeat center;
    background-size: cover;
}
/* lightbox */
.lightbox {
    position: fixed;
    display: none;
    z-index: 1000;
}
.sombra-lightbox {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 10;
}
.fechar-lightbox {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    border: 1px solid #5eb5ac;
    color: #5eb5ac;
    text-align: center;
    padding-top: 7px;
    font-size: 25px;
    font-family: 'alleyn-regular';
    font-weight: normal;
    z-index: 100;
}
.fechar-lightbox:hover {
    color: #fff;
    background: #5eb5ac;
}
.linha-vertical {
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.5px;
    background: rgba(0, 0, 0, 0.1);
}
#sec-servicos{
    background: #F7F7F7;
}
#sec-apresentacao .wrap {
    padding-top: 20px;
}
#sec-projetos {
    background: #f7f7f7;
}
#sec-projetos .mascara-secao {
     background: url(../images/mascara4.png) no-repeat top center;
        background-size: cover;
}
#sec-projetos .wrap {
    padding-bottom: 50px;
}
#sec-artigos .wrap {
    padding-top: 50px;
}
#sec-artigos {
}
#sec-artigos .mascara-secao {
    display: none;
}
#sec-artigos.todos-itens .wrap {
    padding-top: 0;
}
#sec-artigos.todos-itens .mascara-secao {
    display: table;
    background: url(../images/mascara4.png) no-repeat top center;
        background-size: cover;
}
#sec-artigos.inter .wrap {
    padding-top: 0;
}
#sec-artigos.inter .mascara-secao {
    display: table;
    background: url(../images/mascara4.png) no-repeat top center;
        background-size: cover;
}
#sec-produtos {
    background: url(../images/bg_container1.jpg) no-repeat bottom right #0f3444;
    background-size: 100%;
}
#sec-produtos .mascara-secao {
    background: url(../images/mascara3.png) no-repeat top center;
        background-size: cover;
}
#sec-produtos .titulo-secao .titulo {
    color: rgba(255, 255, 255, 0.85);
}
#sec-artigos {
}
#sec-solicitacao .mascara-secao {
    background: url(../images/mascara2.png) no-repeat top center;
    background-size: cover;
}
#sec-servicos .titulo {
}
.titulo-secao {
    text-align: center;
    margin-bottom: 20px;
}
.mascara-secao {
    width: 100%;
    height: 121px;
    display: block;
    position: absolute;
    left: 0;
    top: -115px;
    background: url(../images/mascara1.png) no-repeat top center;
    background-size: cover;
    z-index: 40;
}
#sec-parceiros .mascara-secao {
    background: url(../images/mascara2.png) no-repeat top center;
    background-size: cover;
}
#sec-contato .mascara-secao {
    background: url(../images/mascara4.png) no-repeat top center;
    background-size: cover;
}