body{font-family: 'Maven Pro', sans-serif; overflow-x: hidden; padding:0}
.vd{display: block;}
.vm{display:none;}
.container-fluid{padding:0}
img{height: auto;}
.quebra{display: block;}
.quebra:nth-of-type(2){display: inline-block; margin-left: 10px;}
.bannericon{position: absolute; text-align: center; /*width: 100%;*/ top: 50px; left: 50%;}
.bannericon img{max-width: 80px;}

.med{position: absolute; top: 20px; width: 10%; left: 45%; z-index: 99; cursor: pointer;}
.mil{position: absolute; top: 45%; width: 20%; left: 10px;z-index: 99;cursor: pointer;}
.ind{position: absolute; top: 45%; width: 20%; right: 10px;z-index: 99;cursor: pointer;}
.mer{position: absolute; bottom: 20px; width: 10%; left: 45%;z-index: 99;cursor: pointer;}

.mil-ab{position: absolute;top: 0; left: 0; width: 50%; height: 100%; transition: width 0.5s ease-in;overflow: hidden;}
.med-ab{position: absolute;top: 0; left: 0; width: 100%; height: 50%; transition: height 0.5s ease-in;overflow: hidden;}
.ind-ab{position: absolute;top: 0; right: 0; width: 50%;transition: width 0.5s ease-in;}
.mer-ab{position: absolute;bottom: 0%;width: 100%;height: 50%;transition: height 0.5s ease-in; overflow: hidden;}

.mil-ab img{width: 100%; height: 100%;}
.med-ab img{width: 100%; height: 100%;}
.ind-ab img{width: 100%; height: 100%;}
.mer-ab img{width: 100%; height: 100%;}

.mil-ab video{z-index: 999; height: 100%;}
.med-ab video{z-index: 999; width: 100%;}
.ind-ab video{z-index: 999; height: 100%;}
.mer-ab video{z-index: 999; width: 100%;}
.box img{max-width: 100%; width: 80%; margin: 5% 10%;}

.banner{width: auto; margin: 0 auto; height: 400px; overflow: hidden;}
.banner img{width: 100%;}
.texto{position: absolute; height: auto; text-align: center; padding: 20px; left: 10px; color: #fff; z-index: 999; background-color: rgba(0,0,0,0.8)}
.moudura{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; z-index: 9;}
/* Preloader */
.pre-loader {
    background-color:#2C2E93;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000000;
    z-index: 99999999;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.nome-produto{display: block; width: auto; font-size: 2em; color: #fff !important; text-align: left;}
.pre-loader div {
    position: absolute;
    top: 50%;
    margin: 0 auto;
    position: relative;
    text-indent: -9999em;


    top: 50%;
    height: 50px;
    width: 50px;
    position: relative;
    margin: -25px auto 0 auto;
    display: block;

    border-top: 2px solid rgba(0,0,0, 0.2);
    border-right: 2px solid rgba(0,0,0, 0.2);
    border-bottom: 2px solid rgba(0,0,0, 0.2);
    border-left: 2px solid #FFF;

    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform:  translateY(50%);
    -webkit-animation: load9 1.1s infinite linear;
    animation: load9 1.1s infinite linear;
}
.pre-loader div,
.pre-loader div:after {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
@-webkit-keyframes load9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.home{ height:100vh;}
.topo {font-size:11px; color:#939598; border-bottom:1px solid #BCBEC0}
.topo a{font-size:11px; color:#939598;}
.form-control{border-radius:0; height:24px}
.input-group-text{height:24px}
.input-group-text{border-radius:0; border:1px solid #DEE2E6}
.busca{ width:auto}
.btn-default{height:24px; padding:0; background-color:transparent;}
.fas{ color:#534597;}
.far{ color:#534597;}
.navbar{ background-color:transparent!important}
.nav-link {font-size:12px}
.dropdown-menu{font-size:12px; border-radius:0; background-color:#1F97FF; border:2px solid #CCC}
.navbar-toggler{ border-color:#534597 !important;}
.dropdown-item {color:#FFF}
.dropdown-item:hover{background-color:#59B0FF; color:#fff}
footer{font-size:11px; color:#939598;}
footer a{color:#939598;}

.pt-5,.py-5 {padding-top: 3rem!important;}
.pt-10,.py-10 {padding-top: 10rem!important;}
.pt-20,.py-20 {padding-top: 20rem!important;}
.pt-30,.py-30 {padding-top: 30rem!important;}

/*home imagem*/
.medicinal{z-index:10;}
.mergulho{margin-top:0rem; z-index:10}
.militar{margin-top:-81rem; margin-left:-8px; z-index:9;}
.industrial{margin-top:-84.3rem; margin-left:49.8%; z-index:9;}
.icomedi{z-index:11; margin-top:26rem; margin-left:46%; position: absolute}
.icoindu{z-index:11; margin-top:-42.5rem; margin-left:55%; position: absolute}
.icomili{z-index:11; margin-top:-42.5rem; margin-left:33%; position: absolute}
.icomer{z-index:11; margin-top:-34rem; margin-left:46%; position: absolute}
.card{border:0; border-radius:0;}
.card a{color:#FFF; font-size:14px; }
.boxm{background-color: rgba(0,0,0,0.7); padding:8px;}

.color1{ color:#FFF}

.modal-header{border-bottom:0;}
.modal-header h5{text-align:center !important}
.modal-content{border-radius:20px; background-color:#009BD6; border:1px solid #009BD6}
.modal-content h5{ color:#FFF;}
.modal-content h6{ color:#FFF; font-size:15px;}
.modal-content a{ color:#ddd}
.modal-content p{ color:#FFF; font-size:13px;}
.input-group-text{ background-color:#009BD6}

.sobre h1,h2,h3,h4,h5,h6{ font-weight:700; color:#292B8A; font-size:20px}
.sobre p{ color:#999; font-size:16px;}

.contato h1,h2,h3,h4,h5,h6{ font-weight:700; color:#292B8A; font-size:20px}
.contato li{ color:#999; font-size:18px;}
.contato a{ color:#999;}

.card-body h2{color:#292B8A; font-size:18px; text-align:center}
.card-body h3{color:#292B8A; font-size:16px; text-align:center}
.card-body p{color:#999; font-size:16px;}

.categoria{height:100vh;}
.categoria h1{ color:#FFF; font-size:38px; font-weight:400;}
.categoria p{color:#FFF; font-size:14px;}
.boxcat{background-color: rgba(10,23,55,0.4); border-radius:10px; padding-bottom:25px; padding-top:25px;}

.produto h1{color:#1FA6FF; font-size:25px; text-transform:uppercase}
.produto h2{font-weight:500; color:#292B8A; font-size:25px}
.produto p{ color:#000; font-size:13px}
.produto small{ font-size:10px; color:#1FA6FF;}
.prodf{height:45rem;}
.faixa{position: absolute; margin-left:-100%;/*margin-left:-102.5%;*/ background-repeat: repeat; height: auto; width: 80rem}
.faixa p{ color:#FFF; font-size:12px}

@media (max-width: 1680px) {
/*home imagem*/
.medicinal{z-index:10;}
.mergulho{margin-top:0rem; z-index:10}
.militar{margin-top:-74.6rem; margin-left:-8rem; z-index:9;}
.industrial{margin-top:-81.7rem; margin-left:49.8%; z-index:9;}
.icomedi{z-index:11; margin-top:20rem; margin-left:46%; position: absolute}
.icoindu{z-index:11; margin-top:-37rem; margin-left:60%; position: absolute}
.icomili{z-index:11; margin-top:-37rem; margin-left:26%; position: absolute}
.icomer{z-index:11; margin-top:-27rem; margin-left:46%; position: absolute}
}

@media (max-width: 1366px) {
/*home imagem*/
.medicinal{z-index:10;}
.mergulho{margin-top:0rem; z-index:10}
.militar{margin-top:-68.5rem; margin-left:-17rem; z-index:9;}
.industrial{margin-top:-81.5rem; margin-left:49.8%; z-index:9;}
.icomedi{z-index:11; margin-top:16rem; margin-left:45%; position: absolute}
.icoindu{z-index:11; margin-top:-31rem; margin-left:60%; position: absolute}
.icomili{z-index:11; margin-top:-31rem; margin-left:23%; position: absolute}
.icomer{z-index:11; margin-top:-24rem; margin-left:45%; position: absolute}
}

@media (max-width: 1280px) {
/*home imagem*/
.medicinal{z-index:10;}
.mergulho{margin-top:0rem; z-index:10}
.militar{margin-top:-66.5rem; margin-left:-19.8rem; z-index:9;}
.industrial{margin-top:-82rem; margin-left:49.8%; z-index:9;}
.icomedi{z-index:11; margin-top:14rem; margin-left:44%; position: absolute}
.icoindu{z-index:11; margin-top:-30rem; margin-left:60%; position: absolute}
.icomili{z-index:11; margin-top:-30rem; margin-left:23%; position: absolute}
.icomer{z-index:11; margin-top:-22rem; margin-left:44%; position: absolute}
}

@media (min-width: 36em) {

  .nome-produto{position: absolute; left: 20px; top: 25px;}

}

@media (max-width: 1024px) {
.topo {font-size:11px;}
.topo a{font-size:11px;}
.nav-link {text-align:center;  font-size:14px;}
.dropdown-menu{font-size:10px;}
/*home imagem*/
.medicinal{z-index:10;}
.mergulho{margin-top:0rem; z-index:10}
.militar{margin-top:-61.2rem; margin-left:-27.8rem; z-index:9;}
.industrial{margin-top:-81.8rem; margin-left:49.8%; z-index:9;}
.icomedi{z-index:11; margin-top:10rem; margin-left:43%; position: absolute}
.icoindu{z-index:11; margin-top:-24rem; margin-left:60%; position: absolute}
.icomili{z-index:11; margin-top:-24rem; margin-left:18%; position: absolute}
.icomer{z-index:11; margin-top:-17rem; margin-left:43%; position: absolute}
}

@media (max-width: 780px) {
.topo {font-size:14px;}
.topo a{font-size:14px;}
.nav-link {text-align:center; font-size:16px;}
.dropdown-menu{font-size:16px;}
footer{font-size:11px; text-align:center}
.pt-30, .py-30 {padding-top: 1rem!important;}
.pt-10,.py-10 {padding-top: 20rem!important;}
.categoria{ text-align:center}
.faixa{background-repeat: repeat; height: auto; width: 180vh;}
.categoria h1{font-size:28px;}
.categoria p{font-size:12px;}
.vd{display: none;}
.vm{display:block;}
}

@media (max-width: 760px) {
.faixa{background-repeat: repeat; height: auto; width: 100%; position:relative; margin-left:0; padding:10px;}
.pt-10, .py-10 {padding-top: 1rem!important;}
.pt-30, .py-30 {padding-top: 0rem!important;}
.vd{display: none;}
.vm{display:block;}
}