@charset "UTF-8";

/*.container-fluid { max-width:1400px; }*/

header {
    height: 70px;
    background: #fff; 
}

#main {
    padding-top:70px;
}

#telefone {
  color: rgb(180,180,180);  
}


a {
      text-decoration:none;
   }

.header {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}

#navbar {
  overflow: hidden;
  background-color: #333;
}

#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: #ddd;
  color: black;
}

#navbar a.active {
  background-color: #4CAF50;
  color: white;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}





nav.navbar-ops { background: #25949c; border-color: none;}
nav.navbar-ops a { color: #fff; font-weight: bold; }
nav.navbar-ops ul.navbar-nav a { color: #fff;}
nav.navbar-ops ul.navbar-nav a:hover,
nav.navbar-ops ul.navbar-nav a:visited,
nav.navbar-ops ul.navbar-nav a:focus,
nav.navbar-ops ul.navbar-nav a:active { background: none; color: none; font-size: 115%;}
nav.navbar-ops ul.navbar-nav a:hover { border-color: none; }
nav.navbar-ops button.navbar-toggle { background: rbb(200,200,200); border-radius: 2px;}
nav.navbar-ops button.navbar-toggle:hover { background: rgb(180,180,180);}
nav.navbar-ops button.navbar-toggle > span.icon-bar { background: #fff;}

.navbar {
  border-radius: 0;
  transition: all 0.8s ease-out;
}

.affix {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* fixed to top styles */
.affix.navbar {
  background-color: rgb(100,100,100);
    
  
border-radius: 2px;
  box-shadow: 0px 1px 10px #999;  
}
.affix.navbar .nav-item>a, 
.affix.navbar .navbar-brand {
    color: #fff;
}




/*panel serviços*/
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: rbg(60,60,60);       /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.panel-group {
  border-color: white;  
}

#panelcolor{
  background-color: rgb(255,255,255);
  color: rbg(60,60,60);
  /*color: #25949c;*/
    
}

h5#title1 {
  color: rbg(60,60,60);
}


.img-fluid{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

  
.card-deck {
    width: 100%;
}



.card#bordacard{
  background-color: rgb(245,245,245);
  text-align: center;
  border-color: rgb(245,245,245);
  
}

#pcard {
  color: rgb(80,80,80);
  text-align: center;
  font-weight: bold;
  font-size: 130%;
}

p.card-text#subtitulo {
  font-size: 120%;
  font-weight: bold;
  
}

p#text2 {
  font-size: 120%;
  padding-left: 20px;
  padding-right: 20px;
}

#laranj {
color:#25949c;
}

.card#cardserv {
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.4);
  border-color: rgb(240,240,240);
  border-radius: 15px;
    padding-top: 5px;   
}

.card#cardserv2 {
  background-color: rgb(251,251,251);
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.4);
  border-color: rgb(240,240,240);
  border-radius: 10px;
    padding: 15px;    
}

.card#cardserv3 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
  border-color: rgb(255,255,255);
  border-radius: 10px;
    padding: 8px;   
}

.card#cardserv4 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
  border-color: rgb(255,255,255);
  border-radius: 0px;
    padding: 10px;    
}

.card-img-top {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}

.card-header#cinza {
  background-color: rgb(251,251,251);
  
}

.card-header#card3 {
  height: 40px;
}

h6#serv {
  text-align: center;
  color: rgb(140,140,140);
  font-size: 130%;
}
  

#center{
  text-align: center;
  
}

#center2{
   text-align: center;
   top: -50px;
  
}

#green {
  color: #25949c;
}

#black {
  color: rgb(0,0,0);
}

#gray {
  color: rgb(80,80,80);
}

#setores {
  background-color: rgb(245,245,245);
}

#setores2 {
  background-color: rgb(253,253,253);
  margin-top: -20px;
}

#team{
background-color: rgb(255,255,255);
} 


#left {
  float: left;
}

#rigth {
  float: right;
}

.card-title {
  height: 50px;
}

.card-text {
  height: 50px;
}

p {
color: rgb(0,0,0);

}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #25949c;
    border-color: #25949c;
  color: #fff;
    box-shadow: none;
    outline: none;
}

.btn-primary {
    color: #25949c;
    background-color: #fff;
    border-color: #25949c;
}

section {
    padding: 20px 0;
}

section .section-title {
    text-align: center;
    color: #25949c;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#team .card {
    border: none;
    background: #ffffff;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a {
    font-size: 18px;
    color: #007b5e !important;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #25949c !important;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

/*------------video------------------------*/

#video {
  background-color: rgb(100,100,100);
}

/*------------clientes------------------------*/

.block {
  overflow: hidden;
  width: auto;
  /*width: 1100px;*/
  margin: 50px auto;
  background: #fff;
}
.animation {
  width: auto;
  height: 100px;
  font-size: 0px;
}
.animation div {
  display: inline-block;
  width: auto;
  float: none;
  padding: 0 10px;
}




.item img {width:90%; max-height:500px;display: block;}

.carousel-control.left  {background: none;}
.carousel-control.right {background: none;}
.carousel-control {position: absolute;top: 45%;bottom: 0;left: 0;width: 15%;font-size: auto;color: #fff;text-align: center;opacity: 1;text-shadow: none;}
.carousel-control:hover {color: #000;}
.carousel-indicators {bottom: -50px;}
.carousel-indicators li {display: inline-block; width: 10px;height: 10px;margin: 1px;text-indent: -999px;cursor: pointer;background-color: #000\9;background-color: rgba(0,0,0,0);    border: 1px solid #16a085;border-radius: 50%;}
.carousel-indicators .active {width: 12px;height: 12px; margin: 0;background-color: #16a085;}
.carousel-caption {position: absolute;right: 0;bottom: 0;left: 0;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center;background: rgba(0,0,0,0.4);}

.item.active img {
    transition: transform 5000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.05, 1.05);
}



/*--------footer----------*/

/*footer*/
.col_white_amrc { color:#FFF;}
footer {width:100%; background-color:#263238; min-height:170px;}
footer p { font-size:13px; color: #CCC; padding-bottom:0px; margin-bottom:8px;}

a .list-inline-item  {
  color: rgb(234,107,20);
  margin-left: 10px;
}

a .list-inline-item:hover {
  font-weight: bold  
}

.social_footer_ul { 
  display:table; 
  margin:15px auto 0 auto; 
  list-style-type:none;
}

.fa-facebook {  
  color: white; 
}

.fa-linkedin {  
  color: white;  
}

.fa-facebook:hover {  
  color: rgb(234,107,20); 
}

.fa-linkedin:hover {  
  color: rgb(234,107,20);  
}



.card-horizontal {
  
    display: flex;
    flex: 1 1 auto;
}

.container_py-3  {
  background-color: rgb(245,245,245);
  border-color: rgb(245,245,245);
}
  

  
  
.video-responsive{
    overflow:hidden;
    padding-bottom: 60%;
    position:relative;
    height:0;
      
  
}
.video-responsive iframe{
  top: 0%;
  left: 0%;
  margin-top: 0px;
  margin-left: 0px;
  height:100%;
  width:100%;
  position:absolute;
  
} 
  
/*----
.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color: rgb(234,107,20); border:1px solid rgb(234,107,20); padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}

-------------*/

#chartdiv {
  width: 100%;
  height: 300px;
}

a#link{
  color: rgb(80,80,80);
} 

a#link:hover {  
    text-decoration: none; 
  font-size: 105%;
}

#map, #map1 {
        height: 250px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
      overflow:hidden;
    padding-bottom:36.25%;
    position:relative;
       }

     
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


#chartbb, #chartime, #chartdoc, #chartset1, #chartset2, #chartpie1, #chartpie2, #chartpie3 {
  width: 100%;
  height: 350px;
}

#chartrk {
  width: 100%;
  height: 500px;
}



h5#titlex {
  color: rgb(20,20,20);
  text-align: center; 
}

h5#titlex2 {
  color: #25949c;
  text-align: center; 
  vertical-align: middle;
  font-weight: bold;
}

.card-header {
  background-color: rgb(255,255,255);
  height: 60px;
  
  
}

/*----tabs-----*/

.nav .nav-tabs {
  padding: 20px;
  
}


.nav-tabs > li > a { border: none; color: #ffffff;background: #25949c; }
.nav-tabs > li > a:hover { border: none; color: #ffffff;background: #25949c; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:20px}
.nav-tabs > li  {width:20%; text-align:center; color: black;}


@media all and (max-width:724px){
.nav-tabs > li > a > span {display:none;} 
.nav-tabs > li > a {padding: 5px 5px;}
}


#hometab {
  color: rgb(20,20,20);
}

label {
  color: rgb(80,80,80);
}
/*-----end tabs-----*/



table {
 margin: auto;
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
  width: fit-content;
  max-width: 100%;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
}

td, th {
  border: solid rgb(200, 200, 200) 1px;
  padding: .5rem;
  
}

th {
  text-align: center;  
  background-color: rgb(100, 100, 100);
  color: rgb(252,252,252);
  border-bottom: rgb(50, 50, 100) solid 2px;
  border-top: none;
}

td {
  text-align: center;  
  white-space: nowrap;
  border-bottom: none;
  color: rgb(20,20,20);
}

td:first-of-type, th:first-of-type {
  border-left: none;
}

td:last-of-type, th:last-of-type {
  border-right: none;
}

.panel-heading {
  background-color: rgb(100,100,100);
  color: rgb(252,252,252);  
}


.process-step .btn:focus{outline:none}
.process{display:table;width:100%;position:relative}
.process-row{display:table-row}
.process-step button[disabled]{opacity:1 !important;filter: alpha(opacity=100) !important}
.process-row:before{top:40px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}
.process-step{display:table-cell;text-align:center;position:relative}
.process-step p{margin-top:6px}
.btn-circle{width:80px;height:80px;text-align:center;font-size:12px;border-radius:50%;border-color:#ccc;}

#funci {
text-align: center;
color: #25949c;
padding-top: 15px;
font-size: 115%;
}

.entry:not(:first-of-type)
{
    margin-top: 12px;
}


#backimage {
  background-color: rgb(250,250,250);
  margin-top: -20px;
}

.card#cardlogin {
  border-radius: 15px;
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.6);
  
}

h4#h4login {
  margin-bottom:30px; font-weight:800; font-size:30px; color: #25949c;
  
}



.login-sec{padding: 50px 30px; position:relative;}
.login-sec .copy-text{position:absolute; width:80%; bottom:20px; font-size:13px; text-align:center;}
.login-sec .copy-text i{color:#FEB58A;}
.login-sec .copy-text a{color:#E36262;}
.login-sec h2{margin-bottom:20px; font-weight:700; font-size:30px; color: #25949c;}
.login-sec h2:after{content:" "; width:100px; height:5px; background:#FEB58A; display:block; margin-top:10px; border-radius:3px; margin-left:auto;margin-right:auto}

.modal-header {
  color: rgb(250,250,250);
  background-color: rgb(100,100,100);
}


.heading-footer { 
background-image: url(capafundo.jpg); 
background-size: cover; 
height: 175px; 
-webkit-box-shadow: none; 
box-shadow: none; 
border: 0px; 
border-radius: 0px; 
}   
 
.panel-profile-img { 
max-width: 250px; 
margin-top: -160px; 
margin-bottom: 5px; 
border: 3px solid #fff; 
border-radius: 0%; 
}