/*RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{display:block;text-decoration:none}img{max-width:100%}*{outline:none !important}a,div,button{outline:none !important}header,article, footer, section{ float: left; width: 100%; }:-ms-input-placeholder{opacity:1 !important;color:#686868 !important;} :-moz-placeholder{opacity:1 !important;color:#686868 !important;} ::-webkit-input-placeholder{opacity:1 !important;color:#686868 !important;} ::-webkit-placeholder{opacity:1 !important;color:#686868 !important;} ::-moz-placeholder {opacity:1 !important;color:#6c6c6c !important;}


/*THUMBS DA LIGHTBOX FANCYBOX*/
.fancybox-thumbs {display: flex!important;justify-content: center; top: auto; width: auto; bottom: 0; left: 0; right : 0; height: 95px; padding: 0px 10px 0 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3);}
.fancybox-thumbs>ul{display: flex;justify-content: center;}
.fancybox-show-thumbs .fancybox-inner {right: 0;bottom: 95px;}
.fancybox-thumbs::-webkit-scrollbar {height: 7px;}
.fancybox-thumbs::-webkit-scrollbar-track {background: #2a2a2a;border-radius: 10px;box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.fancybox-thumbs::-webkit-scrollbar-thumb {background: #ccc;border-radius: 10px;}

/*Transicao*/
.tr:before, .tr:after,.tr:hover:before, .tr:hover:after, .tr:hover,.tr, .tr *, .tr:hover *, .tr *:before, .tr:hover *:before, .tr *:after, .tr:hover *:after {-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}


* { font-family: 'Montserrat', sans-serif; }
/*{font-family: 'Open Sans', sans-serif;}*/

.mobile{display: none;}

body {
    overflow-x: hidden;
}

/*Header*/
header { height: 120px; position: fixed; top: 0; z-index: 2; width: 100%;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;background: rgba(34,75,155,0.75)}
header > .grid{ position: relative;}
header.fixed { background: rgba(34,75,155,0.75) none repeat scroll 0 0; box-shadow: 0 -23px 14px 20px #151c32; position: fixed; top: 0px; width: 100%; z-index: 3; padding: 0;justify-content: center; display: flex; flex-wrap: wrap; height: 90px;}
header.fixed #menu{ min-height: 50px; padding: 0 !important;}
header.fixed #menu-topo { width: 100%; margin-left: 0; }

header .logo {
    padding-top: 27px;
    width: 20%;
}

header .logo a {
    float: left;
}

header.fixed .logo img {
    max-width: 80%;
}

header .infos-topo {
    min-height: 60px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

header .infos-topo .contacts {
    display: flex;
    min-height: 60px;
    justify-content: flex-end;
    border-bottom: 1px solid #3c5ea1;
}

header.fixed .infos-topo, header.fixed .infos-topo .contacts {
    min-height: 40px;
}

header .infos-topo a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
}

header .infos-topo a img {
    padding-right: 8px;
}

.header.fixed .menu {
    margin-top: 10px;
    min-height: 40px;

}

/*Menu*/
@media only screen and (min-width:769px)  {
    .box-menu{ margin-top: 0;width: 80%;}
    header .menu  {
        display: flex;
        align-items: center;
        justify-content: space-around;
        min-height: 60px;
        width: 100%;
    }
    .menu > li, .menu .menu-item.menu-item-has-children .sub-menu li{ flex-grow: 0; text-align: center; padding-bottom: 0;}
    .menu > li > a {
        color: #ffffff;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .menu li a.current, .menu li a:hover {
        color: #f5b900;
        text-decoration: underline;
        -webkit-transition:all 0.5s ease 0s;
        -moz-transition:all 0.5s ease 0s;
        -o-transition:all 0.5s ease 0s;
        -ms-transition:all 0.5s ease 0s;
        transition:all 0.5s ease 0s;
    }
    .menu li:last-child a {
        padding-right: 0;
    }
}

/*BANNER*/
.secao-video { position: relative; max-height: 920px;}
.video-home { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;z-index: -1;}
.video-home video{ position: fixed; top: 0; left: 0; width: 100%; height: auto;}
.video-home .grid{
    position: absolute;
    top: 32%;
    left: 22%;
    margin-left: 0;
}
.video-home:after{  height: 100%; width: 100%; background: rgba(0,0,0,0.6); top: 0; left: 0; position: absolute; z-index: 0; content: '';}
.video-home .caption{  width: 100%;top: 0; left: 0; position: absolute;  display: flex;align-items: center; justify-content: flex-start; flex-wrap: wrap;z-index: 2;}
.video-home .caption span {
    background: #224b9b;
    color: #ffffff;
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding: 15px;
}

.video-home .caption h1 {
    color: #ffffff;
    font-size: 45px;
    font-weight: 300;
    line-height: 70px;
    border-bottom: 1px solid #f7a601;
    max-width: fit-content;
    padding-bottom: 20px;
}

.video-home .caption h1 strong {
    font-size: 70px;
    font-weight: 700;
}

.video-home .caption .traco {
    display: flex;
    justify-content: flex-start;
}

.video-home .caption .traco span {
    width: 200px;
    height: 7px;
    background: #f7a601;
    padding: 0;
}

/*Destaque*/
.home {
    background: #fff;
}

.destaque {
    min-height: 300px;
    background-image: url(../images/bkg-dest.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

.destaque .content {
    min-height: 275px;
    background-image: url(../images/bkg-content.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    top: -30px;
    display: flex;
    align-items: center;
    margin-bottom: 115px;
}

.destaque .content .img {
    width: 20%;
    display: flex;
    justify-content: center;
    padding-right: 0;
}

.destaque .content .txt {
    width: 70%;
}

.destaque .content .txt p {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
}

.destaque .content .txt .txt-destaque {
    position: absolute;
    right: 45px;
    top: 50px;
}

.destaque .content .last-img {
    position: absolute;
    right: -155px;
    top: -20px;
}

/*Diferenciais*/
.diferenciais .tit {
    padding-top: 80px;
    padding-bottom: 55px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.diferenciais .tit h1 {
    color: #2a1e16;
    font-size: 50px;
    font-weight: 700;
    border-bottom: 1px solid #f7a601;
    padding-bottom: 40px;
}

.diferenciais .tit h1 strong {
    color: #f7a601;
}

.diferenciais .tit .traco {
    display: flex;
    justify-content: center;
}

.diferenciais .tit .traco span {
    width: 100px;
    height: 6px;
    background: #f7a601;
}

.diferenciais .video .img-video {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 120px;
}

.diferenciais .itens-diferenciais .img {
    padding-top: 10px;
    display: flex;
    justify-content: center;
}

.diferenciais .lista-diferenciais {
    padding-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.diferenciais .lista-diferenciais .item {
    background: #fcfcfc;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 40px 15px;
}

.diferenciais .lista-diferenciais .item.first {
    left: -43px;
}

.diferenciais .lista-diferenciais .item.second {
    left: -23px;
}

.diferenciais .lista-diferenciais .item.fourth {
    left: 25px;
}

.diferenciais .lista-diferenciais .item.fifth {
    left: 45px;
}

.diferenciais .lista-diferenciais .item img {
    max-width: 70px;
    max-height: 70px;
}

.diferenciais .lista-diferenciais .item p {
    padding-top: 20px;
    color: #2a1e16;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    min-height: 110px;
}

/*Empresa*/
.empresa {
    min-height: 300px;
    background-image: url(../images/bkg-empresa.png);
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 90px;
}

.empresa .tit {
    margin-bottom: 40px;
}

.empresa .tit h1 {
    color: #1a3e85;
    font-size: 50px;
    line-height: 55px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f7a601;
}

.empresa .tit .traco {
    display: flex;
    justify-content: center;
}

.empresa .tit .traco span {
    width: 100px;
    height: 6px;
    background: #f7a601;
}

.empresa .txt p {
    color: #6b6b6b;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 20px;
}

.empresa .gallery .gallery-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 10px;
}

.empresa .gallery .gallery-dots li {
    cursor: pointer;
    padding-bottom: 10px;
}

.empresa .gallery .owl-carousel .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
}

.empresa .gallery .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -30px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
    width: 50px;
    height: 50px;
}

.empresa .gallery .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -30px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
    width: 50px;
    height: 50px;
}

.empresa .gallery .owl-carousel .owl-nav .owl-prev:after {
    content: '';
    position: absolute;
    bottom: 12px;
    right: 11px;
    height: 25px;
    width: 32px;
    background-image: url(../images/prev-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}

.empresa .gallery .owl-carousel .owl-nav .owl-prev:hover:after {
    background-image: url(../images/prev-arrow-white.png);
}

.empresa .gallery .owl-carousel .owl-nav .owl-next:after {
    content: '';
    position: absolute;
    bottom: 12px;
    right: 7px;
    height: 25px;
    width: 32px;
    background-image: url(../images/next-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}

.empresa .gallery .owl-carousel .owl-nav .owl-next:hover:after {
    background-image: url(../images/next-arrow-white.png);
}

.empresa .gallery .owl-theme .owl-nav [class*=owl-]:hover {
    background: #f7a601;
}

/*Missão*/
.missao .tit {
    padding-top: 80px;
    padding-bottom: 55px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.missao .tit h1 {
    color: #1a3e85;
    font-size: 50px;
    font-weight: 700;
    border-bottom: 1px solid #f7a601;
    padding-bottom: 40px;
}

.missao .tit .traco {
    display: flex;
    justify-content: center;
}

.missao .tit .traco span {
    width: 100px;
    height: 6px;
    background: #f7a601;
}

.missao .itens {
    border-bottom: 1px solid #b1bdd5;
    padding-bottom: 100px;
}

.missao .itens .item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.missao .itens .item .img {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.missao .itens .item h3 {
    color: #1a3e85;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
}

.missao .itens .item p {
    color: #6b6b6b;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}

/*Produtos*/
.produtos .tit {
    padding-top: 70px;
    padding-bottom: 40px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.produtos .tit h1 {
    color: #f7a601;
    font-size: 52px;
    font-weight: 700;
    border-bottom: 1px solid #f7a601;
    padding-bottom: 30px;
}

.produtos .tit .traco {
    display: flex;
    justify-content: center;
}

.produtos .tit .traco span {
    width: 100px;
    height: 6px;
    background: #f7a601;
}

.produtos .produtos-galeria {
    background-image: url(../images/bkg-produtos.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    padding-bottom: 50px;
}

.produtos .produtos-galeria p {
    color: #989898;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding-bottom: 30px;
}

.produtos .carrossel {
    background-image: url(../images/bkg-tela.png);
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 500px;
    display: flex;
    justify-content: center;
}

.produtos .carrossel .owl-carousel {
    max-width: 571px;
}

.produtos .carrossel .owl-carousel .item {
    max-height: 375px;
    padding: 15px 0 0 14px;
}

.produtos .owl-carousel .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
}

.produtos .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -35px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
    width: 50px;
    height: 50px;
}

.produtos .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -50px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
    width: 50px;
    height: 50px;
}

.produtos .owl-carousel .owl-nav .owl-prev:after {
    content: '';
    position: absolute;
    bottom: 12px;
    right: 11px;
    height: 25px;
    width: 32px;
    background-image: url(../images/prev-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}

.produtos .owl-carousel .owl-nav .owl-prev:hover:after {
    background-image: url(../images/prev-arrow-white.png);
}

.produtos .owl-carousel .owl-nav .owl-next:after {
    content: '';
    position: absolute;
    bottom: 12px;
    right: 7px;
    height: 25px;
    width: 32px;
    background-image: url(../images/next-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}

.produtos .owl-carousel .owl-nav .owl-next:hover:after {
    background-image: url(../images/next-arrow-white.png);
}

.produtos .owl-theme .owl-nav [class*=owl-]:hover {
    background: #f7a601;
}

.produtos .btn-form {
    display: flex;
    justify-content: center;
    top: -35px;
    z-index: 2;
}

.produtos .btn-form a {
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    width: 400px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f7a601;
    text-transform: uppercase;
}

/*Clientes*/
.clientes {
    background-image: url(../images/bkg-clientes.jpg);
    background-position: top center;
    background-repeat: repeat;
}

.clientes .tit {
    padding-top: 90px;
    margin-bottom: 50px;
}

.clientes .tit h1 {
    color: #2a1e16;
    font-size: 50px;
    line-height: 55px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f7a601;
    max-width: fit-content;
}

.clientes .tit h1 strong {
    color: #f7a601;
}

.clientes .tit .traco {
    display: flex;
    justify-content: center;
}

.clientes .tit .traco span {
    width: 100px;
    height: 6px;
    background: #f7a601;
}

.clientes .lista-clientes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 80px;
}

.clientes .lista-clientes .item a {
    min-height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    -webkit-box-shadow: 0 2px 0px 0px #f6f6f6;
    -moz-box-shadow: 0 2px 0px 0px #f6f6f6;
    box-shadow: 0 2px 0px 0px #f6f6f6;
    margin-bottom: 20px;
}

.clientes .lista-clientes .item a:hover {
    transform: scale(0.9);
}

.clientes .lista-clientes .txt {
    display: flex;
    justify-content: flex-end;
}

.clientes .lista-clientes .txt p {
    color: #2a1e16;
    font-size: 23px;
    font-weight: 300;
}

.clientes .lista-clientes .txt p strong {
    color: #f7a601;
    font-weight: 300;
}

/*Contato*/
.contato .tit {
    padding-top: 80px;
    padding-bottom: 55px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.contato .tit h1 {
    color: #2a1e16;
    font-size: 50px;
    font-weight: 700;
    border-bottom: 1px solid #f7a601;
    padding-bottom: 40px;
    width: 40%;
    text-align: center;
}

.contato .tit h1 strong {
    color: #f7a601;
}

.contato .tit .traco {
    display: flex;
    justify-content: center;
}

.contato .tit .traco span {
    width: 100px;
    height: 6px;
    background: #f7a601;
}

.contato .content p {
    color: #989898;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding-bottom: 30px;
}

.contato .formulario {
    z-index: 2;
}

.contato .formulario form {
    background: #224b9b;
    padding: 25px;
    z-index: 2;
}

.contato .formulario form label {
    margin-bottom: 15px;
}

.contato .formulario form input[type="text"] {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    color: #686868;
    font-size: 16px;
}

.contato .formulario form textarea {
    width: 100%;
    height: 140px;
    padding-top: 10px;
    padding-left: 10px;
    color: #686868;
    font-size: 16px;
}

.contato .formulario form label.submit {
    display: flex;
    justify-content: center;
}

.contato .formulario form label img {
    position: absolute;
    z-index: 2;
    top: 4px;
    left: 10px;
}

.contato .formulario form input[type="submit"] {
    width: 230px;
    height: 60px;
    background: #f7a601;
    border: 1px solid #f7a601;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.contato .formulario form input[type="submit"]:hover {
    background: transparent;
    color: #f7a601;
}

.contato .formulario .jfilestyle {
    width: 100%;
}

.contato .formulario div.jfilestyle label {
    color: #686868;
    font-size: 16px;
    width: 485px;
    text-align: left;
    padding-left: 50px;
}

.contato .formulario div.jfilestyle label:after {
    content: '+';
    position: absolute;
    right: 8px;
    top: 0px;
    color: #686868;
    font-size: 40px;
    opacity: 0.8;
}

.contato .formulario .atendimentos {
    padding-top: 25px;
    padding-left: 35px;
        padding-right: 0;
}

.contato .formulario .atendimentos h3 {
    color: #989898;
    font-size: 22px;
    padding-bottom: 20px;
}

.contato .formulario .atendimentos a {
    color: #989898;
    font-size: 19px;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
}

.contato .formulario .atendimentos a img {
    padding-right: 20px;
}

.contato .mapa {
    position: absolute;
    bottom: -95px;
}

    /*Footer*/
footer {
    background: #1a3e85;
    margin-top: 90px;
    padding-top: 80px;
}

footer .logo-footer {
    padding-top: 90px;
}

footer .menu-footer ul {
    padding-bottom: 55px;
    border-bottom: 1px solid #ffffff;
    display: flex;
    justify-content: space-around;
}

footer .menu-footer ul li span {
    width: 100%;
    display: block;
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 15px;
}

footer .menu-footer ul li a {
    color: #f7a601;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
}

footer .infos-footer {
    padding-top: 45px;
    padding-bottom: 60px;
}

footer .copyright {
    background: #15326a;
    min-height: 55px;
}

footer .infos-footer a {
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}

footer .infos-footer .item a img {
    position: absolute;
    top: 0;
    left: 0;
}

footer .infos-footer .item a {
    padding-top: 3px;
    padding-left: 35px;
}

footer .infos-footer .redes {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 10px;
    padding-right: 30px;
}

footer .infos-footer .redes span {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

footer .infos-footer .redes a {
    padding-left: 10px;
}

footer .copyright .grid {
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .copyright p {
    color: #ffffff;
    font-size: 14px;
}

footer .copyright p strong {
    color: #f7a601;
    font-weight: 400;
    text-decoration: underline;
}

footer .copyright .socci {
    height: 20px;
    width: 85px;
    background: url(../images/logo-socci-2020.png) no-repeat 0 0;
    position: absolute;
    right: 21%;
    top: 23px;
}

.back-to-top {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 85px;
    padding: 12px;
    color: #f7a601;
    font-size: 25px;
    z-index: 99999;
}

/*TIU BILLGATES - SEU AMIGO IE*/
_:-ms-input-placeholder, :root header.fixed > .grid{ margin: 0 0;}
/*TIU BILLGATES - SEU AMIGO IE*/