@import url("https://fonts.googleapis.com/css?family=Roboto:ital,wght@0,100;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap");
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #737491;
    --gray-dark: #4a4b65;
    --primary: #766df4;
    --secondary: #f7f7fc;
    --success: #16c995;
    --info: #6a9bf4;
    --warning: #ffb15c;
    --danger: #f74f78;
    --light: #fff;
    --dark: #37384e;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1280px;
    --font-family-sans-serif: "Roboto", sans-serif;
}
*,*::before,*::after { box-sizing: border-box;}

html { font-family: var(--font-family-sans-serif); line-height: 1.15;  -webkit-text-size-adjust: 100%;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section { display: block;}
body { margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: left; background: #fff url("../img/bg-papel.jpg") repeat scroll 0% 0%;}
/*header{background-image: url("../img/header-dpe.png"); background-repeat: no-repeat; background-color: transparent; background-size: cover; background-position: top center;}*/
.processometro{font-size: 38px; font-weight: 900; color: #56aa35;}
@media (min-width: 576px) and (max-width: 991px) {
  header{background-size: 110rem;}
  .processometro{font-size: 44px;}
}
@media (max-width: 575.98px) {
  header{ background-size: 90rem;}
  .processometro{font-size: 36px;}
}
@media (max-width: 480px) {
  header{ background-size: 90rem;}
  .processometro{font-size: 30px;}
}

#tableList {border-collapse: collapse;}#tableList .thead th{padding: 10px;}#tableList td {padding: .75rem;vertical-align: top;border-top: 2px solid #dee2e6;}

.logo{padding-top: 60px; display: block; margin: 0 auto;}

a {color: var(--blue); text-decoration: none; outline:none; background-color: transparent; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear;}
a:hover {color: var(--green);}

.text-indent{text-indent: 1.5rem;}

.bg-none { background-color: transparent !important;}

nav ul li { list-style: none;}
nav ul li a:hover{ text-decoration: none;}
.navbar-light .navbar-brand {color: rgba(0,102,0,.9);}

.navbar {text-transform: uppercase; font-weight: 600}
.navbar-expand-lg .navbar-nav .nav-link { padding: .9rem .5rem; font-size: 0.7rem;}
.navbar-expand-lg .navbar-nav .nav-link:hover { color: rgba(60,179,113,.9);}

.navbar-expand-lg .nav-social  {margin-top:0px !important;}
.navbar-expand-lg .nav-social a {color: #999 !important; transition: margin-top 0.3s linear; -webkit-transition: margin-top 0.3s linear; -moz-transition: margin-top 0.3s linear;}
.navbar-expand-lg .nav-social a:hover {margin-top:-5px !important; color: rgba(60,179,113,.9) !important;}
.navbar-nav .nav-link { color: rgba(46,139,87,.9); transition: margin-top 0.3s linear; -webkit-transition: margin-top 0.3s linear; -moz-transition: margin-top 0.3s linear;}
.navbar-nav .nav-link:hover { color: rgba(60,179,113,.9);margin-top:-3px !important;}

.btn-neutral { background-color: #FFFFFF; color: #f96332;}
.btn-neutral:hover,
.btn-neutral:focus,
.btn-neutral:not(:disabled):not(.disabled):active,
.btn-neutral:not(:disabled):not(.disabled).active,
.btn-neutral:not(:disabled):not(.disabled):active:focus,
.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn-neutral:active:hover,
.btn-neutral.active:hover,
.show >.btn-neutral.dropdown-toggle,
.show >.btn-neutral.dropdown-toggle:focus,
.show >.btn-neutral.dropdown-toggle:hover {background-color: #FFFFFF; color: #FFFFFF; box-shadow: none;}
.btn-neutral:hover {  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);}

.btn-neutral.disabled,
.btn-neutral.disabled:hover,
.btn-neutral.disabled:focus,
.btn-neutral.disabled.focus,
.btn-neutral.disabled:active,
.btn-neutral.disabled.active,
.btn-neutral:disabled,
.btn-neutral:disabled:hover,
.btn-neutral:disabled:focus,
.btn-neutral:disabled.focus,
.btn-neutral:disabled:active,
.btn-neutral:disabled.active,
.btn-neutral[disabled],
.btn-neutral[disabled]:hover,
.btn-neutral[disabled]:focus,
.btn-neutral[disabled].focus,
.btn-neutral[disabled]:active,
.btn-neutral[disabled].active,
fieldset[disabled] .btn-neutral,
fieldset[disabled] .btn-neutral:hover,
fieldset[disabled] .btn-neutral:focus,
fieldset[disabled] .btn-neutral.focus,
fieldset[disabled] .btn-neutral:active,
fieldset[disabled] .btn-neutral.active {background-color: #FFFFFF; border-color: #FFFFFF;}

.btn.btn-icon,.navbar .navbar-nav>a.btn.btn-icon {height: 2.375rem; min-width: 2.375rem; width: 2.375rem; padding: 0; font-size: 0.9375rem; overflow: hidden; position: relative; line-height: normal;}

.btn.btn-icon[class*="btn-outline-"],.navbar .navbar-nav>a.btn.btn-icon[class*="btn-outline-"] {padding: 0;}
.btn.btn-icon.btn-sm,.navbar .navbar-nav>a.btn.btn-icon.btn-sm {height: 1.875rem; min-width: 1.875rem; width: 1.875rem;}
.btn.btn-icon.btn-sm i.fab,
.btn.btn-icon.btn-sm i.now-ui-icons,
.navbar .navbar-nav>a.btn.btn-icon.btn-sm i.fab,
.navbar .navbar-nav>a.btn.btn-icon.btn-sm i.now-ui-icons {font-size: 0.6875rem;}
.btn.btn-icon.btn-lg,.navbar .navbar-nav>a.btn.btn-icon.btn-lg {height: 2.9rem; min-width: 2.9rem; width: 2.9rem;}
.btn.btn-icon.btn-lg i.now-ui-icons,
.btn.btn-icon.btn-lg i.fab,
.navbar .navbar-nav>a.btn.btn-icon.btn-lg i.now-ui-icons,
.navbar .navbar-nav>a.btn.btn-icon.btn-lg i.fab {font-size: 1.325rem;}
.btn.btn-icon:not(.btn-footer) i.now-ui-icons,
.btn.btn-icon:not(.btn-footer) i.fab,
.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) i.now-ui-icons,
.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) i.fab {position: absolute; top: 50%; left: 50%; transform: translate(-12px, -12px);line-height: 1.5626rem; width: 23px;}
.btn:not(.btn-icon) .now-ui-icons,.navbar .navbar-nav>a.btn:not(.btn-icon) .now-ui-icons {position: relative; top: 1px;}
.btn-round {border-width: 1px; border-radius: 30px !important; padding: 11px 23px;}
.btn-round[class*="btn-outline-"] {padding: 10px 22px;}
.btn-facebook,.btn-facebook:hover,.btn-facebookfocus,.btn-facebook:active,.btn-facebook:active:focus {color: #3b5998 !important;}
.btn-twitter,.btn-twitter:hover,.btn-twitterfocus,.btn-twitter:active,.btn-twitter:active:focus {color: #55acee !important;}
.btn-instagram,.btn-instagram:hover,.btn-instagramfocus,.btn-instagram:active,.btn-instagram:active:focus {color: #FF1493 !important;}
.btn-google,.btn-google:hover,.btn-googlefocus,.btn-google:active,.btn-google:active:focus {color: #dd4b39 !important;}
.btn-github,.btn-github:hover,.btn-githubfocus,.btn-github:active,.btn-github:active:focus {color: #333333 !important;}
.btn-linkedin,.btn-linkedin:hover,.btn-linkedinfocus,.btn-linkedin:active,.btn-linkedin:active:focus {color: #0077B5 !important;}

.tooltip-inner {background-color: rgba(60,179,113,.9); color: #006400; padding: 10px; }
.tooltip.bs-tooltip-right .arrow:before {border-right-color: rgba(60,179,113,.9) !important;}
.tooltip.bs-tooltip-left .arrow:before {border-left-color: rgba(60,179,113,.9) !important;}
.tooltip.bs-tooltip-bottom .arrow:before {border-bottom-color: rgba(60,179,113,.9) !important;}
.tooltip.bs-tooltip-top .arrow:before {border-top-color: rgba(60,179,113,.9) !important;}
.tooltip > div {animation-name: delayedFadeIn; animation-duration: 0.2s;}
@Keyframes delayedFadeIn {0% {opacity: 0;} 25% {opacity: 0.3;} 50% {opacity: 0.6;} 75% {opacity: 0.9;} 100% {opacity: 1;}}

.busca-geral label{ font-weight: 100; text-transform: uppercase; color: #28a745;}
.busca-geral li.active .text { color: #fff !important;}
.busca-geral li.active span.fa { color: rgba(255,255,255,.5) !important;}
.busca-geral span.fa { color: #777 !important;}
.busca-geral .text { color: #777 !important;}
.busca-geral .text-muted { color: #b8b8b8 !important;}
.busca-geral .dropdown-item.active, .dropdown-item:active {background-color: #1e7e34 !important;}
.busca-geral .form-control:focus { color: #495057; background-color: #fff; border-color: #28a745; outline: 0; box-shadow: 0 0 0 .2rem rgba(80, 255, 0, 0.25);}
.busca-dpe .form-control:focus { color: #495057; background-color: #fff; border-color: #28a745; outline: 0; box-shadow: none;}
.busca-dpe .bo-all-3{border-color: #CCCCCC !important;}
.busca-dpe .bo-all-3 input{height: 50px !important; padding: 0px 10px; font-size: 2rem; font-weight: 400; font-family: var(--font-family-sans-serif)}
.busca-dpe ::-webkit-input-placeholder { color: green;}
.busca-dpe :-moz-placeholder { color: green;}
.busca-dpe ::-moz-placeholder { color: green;}
.busca-dpe :-ms-input-placeholder { color: green;  }

#button-addon3{width: 49px; height: 49px;}
.busca-dpe .btn-search{background: transparent url("../img/search.png") no-repeat scroll 0% 0%;}

.img-responsive{width: 100%;}
.img-fluid { max-width: 100%; height: auto;}

.card {overflow:hidden; border:  1px solid #d3d3d3; border-radius: .55rem;}
.card .card-link{ transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear;}
.card .card-link:hover{ background-color: var(--success);cursor: pointer;}
.card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem 3.25rem 1.25rem 1.25rem;}
.card-body h6{ margin: 0;}
.card-body .rotate { z-index: 8; float: right; height: 100%;}
.card-body .rotate i {color: rgba(20, 20, 20, 0.15); position: absolute; left: 0; left: auto; right: -2px; bottom: 0; display: block; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -o-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg);}

.counter
{
    /*background-color: #eaecf0;*/
    text-align: center;
}
.customer-h2
{
    font-size: 48px; font-weight: 900;
    color: #56aa35;
}
.counter-count
{
    font-size: 30px;
    position: relative;
    color: #2d7d4d; font-weight: 900;
    text-align: center;
    line-height: 0px;
    display: inline-block;
}
.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 10px;
    color: #2d7d4d;
    margin-top: 0px; padding: 0px;
    line-height: 12px; font-weight: bold;
}
.trans-03 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.wrap-pic-s, .wrap-pic-max-s,
.wrap-pic-w, .wrap-pic-max-w,
.wrap-pic-h, .wrap-pic-max-h {display: block;}

.hov1:hover {
  opacity: 0.4;
}

.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;
}

input.form-control:focus {
    outline: 0;
    box-shadow: none!important;
}

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

.blog-item { background-color: #fff; border-radius: 4px; margin-bottom: 40px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.blog-item .blog-image {width: 100%; position: relative; overflow: hidden;}
.blog-item .blog-image img { background: #000; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.blog-item .tag{ position: absolute; text-transform: uppercase; top: -18px; left: 0px; padding: 4px 12px; background-color: white; color: #00a885; border-radius: 4px;display: block;font-size: 14px;font-weight: 500;box-shadow: 0px 3px 16px rgba(35, 31, 32, 0.15);}
.blog-item .descr { padding: 15px 0px 0px 0px; color: #212121; position: relative;}
.blog-item .descr .texto { padding: 20px;}
.blog-item .descr .texto p{ margin: 0px 0px 15px 0px; text-align: justify;}
.blog-item .descr .texto ul{ margin: 30px;}
.blog-item .descr .texto li{ list-style: disc;}
.blog-item .descr .texto a.fonte{ font-size: 12px;}
.blog-item .descr h3, .blog-item .descr h4 {
  line-height: 30px;
  margin-bottom: 15px;
}
.blog-item .descr h3 a, .blog-item .descr h4 a {
  font-weight: 400;
  text-align: center;
  font-size: 25px;
  color: #212121;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.blog-item .descr h3 a.list{ font-size: 19px;line-height: 0.8;}
.blog-item .descr h3 a:hover, .blog-item .descr h4 a:hover { color: #00a885; text-decoration: none;}
.blog-item .descr h4 a { line-height: 10px;}
.blog-item .descr h4 a { font-size: 18px;}
.blog-item .descr .meta-tags { margin-bottom: 10px; font-size: 11px;}
.blog-item .descr .meta-tags span { color: #999; margin-right: 8px;}
.blog-item .descr .meta-tags span.comments { font-style: italic;}
.blog-item .descr .meta-tags span a { color: #999; margin-left: 8px;}
.blog-item .descr .meta-tags span a:hover { color: #00a885;}
.blog-item:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
.blog-item:hover .blog-image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.pagination .page-item.disabled .page-link {
    color: #6c757d;

    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.pagination .page-item.active .page-link {
    background-color: #00a885;
    border-color: #00a885;
}
.pagination .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #00a885;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination .page-link:hover {
    color: #6c757d;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.footer{background-color: #006060; padding: 30px 0px 20px 0px;}
.footer h5{ font-size: 1rem; color: #FFFFFF;}
.footer h3{ font-size: 1.8rem; font-weight: 100; color: #DAFAD9;}
.footer ul{padding: 0px; font-size: 0.8rem;}
.footer ul li{list-style: none; padding: 2px 0px; text-transform: uppercase;}
.footer ul li a{color: #D3E9D2; text-decoration: none; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear;transition: font-weight 0.3s linear; -webkit-transition: font-weight 0.3s linear; -moz-transition: font-weight 0.3s linear;}
.footer ul li a:hover{color: #98EC96; font-weight: bold;}
.copyright {color: #fff; text-align: center; font-size: 0.7rem;}