@charset "utf-8";
/****/

body, html{ width:100%; height:100%;}
body{
  background: #FFFFFF;font-weight:400;font-family: 'Assistant', sans-serif;color: #0C0019;font-size: 14px;
 }
img{max-width:100%;height: auto;}
b{font-weight:700;}

/**sprite**/
.f_noto{font-family: 'Noto Sans JP', sans-serif;}
.sprite{ background-image:url(../img/sprite.png); display:inline-block; text-indent:-99999px;}
.icon_menu{background-position: 0px 0px;width: 48px;height: 48px;cursor: pointer;right: 0px;}
.icon_menu:hover{background-position: 0px -48px;}
.icon_bdd{background-position: -48px 0px;width: 48px;height: 48px;}
.icon_bdd:hover{background-position: -48px -48px;}


.icon_whatsapp{background-position: -120px 0px;width: 48px;height: 48px;}
.icon_whatsapp:hover{background-position: -120px -48px;}


.icn_prev{background-position: -96px 0px;width: 12px;height: 33px;}
/*a:hover .icn_prev{background-position: -96px -33px;}*/
.icn_next{background-position: -108px 0px;width: 12px;height: 33px;}
/*a:hover .icn_next{background-position: -108px -33px;width: 48px;height: 48px;}*/

/**fim sprite**/
p{font-size: 1.4em;}
ul{font-size: 1.2em;}
h1, h2, h3{font-size: 1.5em;}
h1 span, h2 span, h3 span{}
#home-01 h1{font-size: 3em;color: #989898;text-align:center;}
#home-01 h1 i{
  color:#0C0019; font-style:normal;
}
#home-02 h2{font-size: 2em;}
#home-02 p{font-size: 1.4em;color: #FFF;}
#home-03 h3{font-size: 2em;}
#home-03 p{font-size: 1.4em;color: #989898;}
#home-04 h3{
    line-height: 150%;
    font-size: 1.8em;
}
#home-04 h3 span{}
#home-04 h3 b{}
#home-04 h3 b.white{
    color: #FFF;
}

#home-05 a{ color:#FFAA00;}
#home-05 h3{font-size: 2em;}
#home-05 p{
    font-size: 1.4em;
    color: #FFF;
}

#home-06 h4{font-size: 2em;}
#home-06 p{font-size: 2.2em;}
#home-06 a{ color:#0C0019; text-decoration:underline;}


#home-07 h4{font-size: 2em;}
#home-07 p{font-size: 1.4em;}
#home-07 img{max-height: calc(100vh - 90px);}

#contato-form h1{color:#FFAA00;font-size: 2.2em;}
#contato-form h2{font-size: 2em;}
#contato-form h2 a{
    color: #FFF;
}
#contato-form h2 a:hover{
    color:#FFAA00; text-decoration:none;
}
#profile h1{
    float: left;
    color: #FFF;
    font-size: 2em;
    margin: 35px 0px 0px 15px;
}
#credenciais-02 a{color:#FFAA00;}
#credenciais-02 a:hover{color:#0C0019; text-decoration:none;}

#app{}
#app.bg{background:#0C0019;}

/*header*/
#header{background:#0C0019;color:#fff;border-bottom: 2px solid #FFF;}
.navbar-brand{}
.navbar-brand img{
    width: 108px;
    height: 32px;
}
.navbar-brand p{color: #FFAA00;font-size: 14px;line-height: 15px;margin: 10px 0px 0px 0px;}

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 0%;
  width: 100%;
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-y: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
   /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
   /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 28px;
  color: #FFF;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #FFAA00;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  font-size: 60px;
}




/*fim header*/

#bbody{margin-top: 88px;}


/*footer*/
.page-footer{
    border-top: 1px solid #0F1D57;
}

#footer{
    background: #0C0019;
    color: #FFAA00;
}
#footer img{width: 162px;height: 48px;}
#footer p{
    font-size: 16px;
}
#footer ul, #footer p.contato{
    font-size: 24px;




}

#footer a{ color:#FFF;}
#footer a:hover{ color:#FFAA00; text-decoration:none;}

#footer_copyright{background:#FFAA00;color: #fbebcc;}
#footer_copyright a{color: #fbebcc;}
#footer_copyright a:hover{color: #0C0019;}
#footer_copyright span{ line-height:20px;}
#footer_copyright i{ display:none;}
#footer_copyright b{ font-weight:400; display:inline-block; width:100%;}
/*fim footer*/

div.t{width: 100%;height: 100%;display: table;}
div.tt{width: 100%;display: table-cell;vertical-align: middle;}
div.ttt{}


#home-01, #home-02, #home-03, #home-04, #home-05, #home-06, #home-07, 
#contato-form, #bbody.credenciais, #clientes{background-repeat: no-repeat;}

#home-01{background-color:#FFF;color:#0C0019;}
#home-01 div.row{height: 90vh;}
#home-02{background-color:#0C0019;color:#FFAA00;}
#home-03{background-color:#FFF;color:#0C0019;}
#home-04{background-color:#FFAA00;color:#0C0019;}
#home-05{background-color:#0C0019;color:#FFAA00;}
#home-06{background-color:#FFAA00;color:#0C0019;}
#home-07{background-color:#FFF;color:#0C0019;}

#home-01{background-image: url(../public/992/bg-home-01-992.png);background-position: 10% 0px;background-size: contain;}
#home-02{background-image: url(../public/992/bg-home-02-992.png);background-position: left bottom;}
#home-03{background-image: url(../public/992/bg-home-03-992.png);background-position: left top;}
#home-04{background-image: url(../public/992/bg-home-04-992.png);background-position: left bottom;}
#home-05{background-image: url(../public/992/bg-home-05-992.png);background-position: left top;}
#home-06{background-image: url(../public/992/bg-home-06-992.png);background-position: right bottom;}
#home-07{background-image: url(../public/992/bg-home-07-992.png);background-position: right top;}



.carousel-control-prev{left: -30px;}
.carousel-control-next{right: -30px;}

.carousel-control-prev, .carousel-control-next{height: 100%;}

.carousel-inner{width: 90%;margin: 0px 5%;}

#carouselHome01 .carousel-indicators li, #carouselHome02 .carousel-indicators li{width: 8px;height: 8px;border-radius:5px;border: none;background:#332A3F; }
#carouselHome01 .carousel-indicators li.active, #carouselHome02 .carousel-indicators li.active{ background:#FFAA00;}

#carouselHome03 .carousel-indicators li{width: 8px;height: 8px;border-radius:5px;border: none;background:#989898; }
#carouselHome03 .carousel-indicators li.active{ background:#FFAA00;}

.carousel-item.active{}
.carousel-item p{}


#carouselHome01 .carousel-item .t{height: 145px;}
#carouselHome02 .carousel-item .t{height: 203px;}
#carouselHome03 .carousel-item .t{height: 174px;}




/**contato**/

#contato-form{background-color:#0C0019;background-image: url(../public/1920/bg-contato-01.png);background-size: cover;background-position: left top;}

#formContatoContent input, #formContatoContent textarea{background:#4E5D6A;color: #FFF;}
#formContatoContent button{background: #ffcb63;color: #0C0019;padding: .375rem 2rem;}
#formContatoContent button:hover{ background:#FFAA00; color:#FFF;}
#formContatoContent .spinner-border{
    border-right-color: #FFF;
}

/*credenciais*/


#bbody.credenciais{
    background-image: url(../public/992/bg-credenciais.png);
    background-position: right bottom;}
#credenciais-01{background-color:#0C0019;height: 120px;position: relative;}
#profile{
    position: absolute;
    top: 30px;
}
#profile div{
    float: left;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #FFF;
    width: 120px;
}


#credenciais-02{
    margin-top: 60px;
    padding-bottom: 100px;
}


#clientes{background-color:#0C0019;background-image: url(../public/1920/bg-contato-01.png);background-size: contain;background-position: right bottom;min-height:calc(100vh - 90px);}
#lista-clientes{background: #FFF;    border-radius: 10px;}
@media (min-width:576px){

#credenciais-01{height: 180px;}
#profile {top: 50px;}  
#profile div {    width: 180px;}
#profile h1 {    margin: 70px 0px 0px 20px;}
#credenciais-02 {    margin-top: 100px;}

#contato-form{background-size: contain;}

 
}



@media (min-width:768px){
.col-md-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
#bbody{min-height: 800px;min-height:calc(100vh - 90px);}

.carousel-control-prev{
    left: 0%;
}
.carousel-control-next{
    right: 0%;
}
.carousel-inner{width:70%; margin:0 15%;}

#carouselHome01 .carousel-item .t{    height: 87px;}
#carouselHome02 .carousel-item .t{    height: 145px;}
#carouselHome03 .carousel-item .t{    height: 116px;}





  
}
@media (min-width:992px){
body{ font-size:16px;}
h1 span, h2 span, h3 span, h4 span, h1 b, h2 b, h3 b, h4 b{ display:inline-block; width:100%;}
#home-01{background-image: url(../public/1440/bg-home-01-1440.png);}
#home-02{background-image: url(../public/1440/bg-home-02-1440.png);}
#home-03{background-image: url(../public/1440/bg-home-03-1440.png);}
#home-04{background-image: url(../public/1440/bg-home-04-1440.png);}
#home-05{background-image: url(../public/1440/bg-home-05-1440.png);}
#home-06{background-image: url(../public/1440/bg-home-06-1440.png);}
#home-07{background-image: url(../public/1440/bg-home-07-1440.png);}

/*header*/
.navbar-brand{}

.navbar-brand img{width: 135px;height: 40px;}
.navbar-brand p{font-size: 16px;line-height: 20px;margin: 10px;}
/*fim header*/

.fullh{ height:calc(100vh - 90px);}
/*footer*/

#footer_copyright span{ line-height:48px;}
#footer_copyright i{ display:inline-block;}
#footer_copyright b{width:unset;}
/*fim footer*/

.carousel-inner{width:100%; margin:0px;}
.carousel-control-prev{ left:-15%;}
.carousel-control-next{ right:-15%;}

#carouselHome01 .carousel-item .t{    height: 99px;}
#carouselHome02 .carousel-item .t{    height: 132px;}
#carouselHome03 .carousel-item .t{    height: 99px;}


}
@media (min-width:1200px){
#carouselHome01 .carousel-item .t{    height: 66px;}
#carouselHome02 .carousel-item .t{    height: 99px;}
#carouselHome03 .carousel-item .t{    height: 66px;}


}


@media (min-width:1440px){
#home-01{background-image: url(../public/1920/bg-home-01.png);}
#home-02{background-image: url(../public/1920/bg-home-02-.png);}
#home-03{background-image: url(../public/1920/bg-home-03.png);}
#home-04{background-image: url(../public/1920/bg-home-04.png);}
#home-05{background-image: url(../public/1920/bg-home-05.png);}
#home-06{background-image: url(../public/1920/bg-home-06.png);}
#home-07{background-image: url(../public/1920/bg-home-07.png);}


}
@media (min-width:1640px){}


/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}