@charset="UTF-8";
p {font-size: 16px; line-height: 25px; font-family: 'Ubuntu', sans-serif;}
a {color: #35556d; font-family: 'Ubuntu', sans-serif; } 
h1,h2 {font-family: 'Ubuntu', sans-serif;}
.ajuste  {padding: 0}
#border-menu {padding: 0; border-bottom: 3px solid #dfe6eb;}
.border-box {border-right: 4px solid #acff9c; padding-right: 5px;}
.social a:hover {transition: all .5s ease; transform: translateY(-1px); /*-webkit-box-shadow: 10px 10px 21px -1px rgba(0,0,0,0.46);
-moz-box-shadow: 10px 10px 21px -1px rgba(0,0,0,0.46);
box-shadow: 10px 10px 21px -1px rgba(0,0,0,0.46);*/}
.logo {margin-top: 15px}
#header .nav { display: flex;} #header .nav span {display: inline; position: absolute; top: 36%; left: 25%; font-weight: 100; font-style: italic;}
#header .nav > li {width: 100%; background-color: #4c7390; margin-right: 1px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} #header .nav li a {color: #fff; font-weight: bold; padding-left: 5%; } #header .nav li:hover {background-color: #335771}
.acesso {margin-left: 5px}
.social {display: flex; margin-left: 5px; margin-bottom: 5px; justify-content: flex-end;} .social img {margin-left: 5px}
.nav span {display: none;} a:hover {color: #35556d;}
.mid {border-bottom: 7px solid #94e085} .mid p{margin-bottom: 0}
.box-up{position: relative; top: -78px; background-color: #87ce8a;border-radius: 10px; padding: 30px; z-index: 20;}  
.box-up h1 {font-size: 20px; color: #fff; text-shadow: 1px 1px 1px #333333; margin-top: 6%} .box-up img {margin-top:  30%;} .box-up a {color: #fff }
.logo2 {display: flex; justify-content: center; margin: 20px 0px;}
.sobre h1 {display: flex; justify-content: center; color: #466c88; margin: 25px 0px; font-weight: bold; text-transform: uppercase;} .sobre p  {text-align: center; color: #000;  padding: 15px}
.navbar-default {background-color: transparent; border-color: transparent;}
.navbar {margin-bottom: 0}
.navbar-nav {width: 100%; margin: 0} .nav > li {width: 20%; text-align: center; font-size: 13px;} .nav > li > a {padding-left:0; padding-right: 0;}
.sobre2 {text-align: center; color: #fff} .sobre2 p { padding: 15px} .sobre2-img {text-align: -webkit-center;} .sobre2-img p {color: #fff; margin-top: 15px; font-size: 16px; margin-bottom: 40px;}
.sobre2-img h3{color: #fff}
.sobre2 h1 {font-weight: bold}
.space {margin-bottom:0%}
.cor-sobre2 {background: url(../images/background.png); border-top: 2px solid #dbdbdb;}
#faleconosco {background: url(../images/map.png) no-repeat; background-size: 100% 100%} 
.icones p {color: #5d5d5d; font-weight: bold} .icones {text-align: -webkit-center}
.cont {width: 100%; background-color: #94e085; border: 1px solid rgba(0, 0, 0, 0.0); border-radius: 0px; height: 4rem; padding: 10px}
.trab { width: 100%; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.45); border-radius: 5px; height: 4rem; padding: 10px}
#msgn {border-radius: 5px; background-color: #fff; width: 100%; resize: none; padding: 15px; color: #000; border: 1px solid rgba(0, 0, 0, 0.45); }
#msg {background-color: #94e085; width: 100%; resize: none; padding: 15px; color: #000; border: 1px solid rgba(0, 0, 0, 0.0); border-radius: 0px}
#faleconosco ::-webkit-input-placeholder {color: #fff; font-style: italic; }
#faleconosco :-moz-placeholder {color: #fff; font-style: italic; }
#faleconosco ::-moz-placeholder {color: #fff; font-style: italic; }
.btn {border-radius: 0}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {opacity: 1}
#faleconosco :-ms-input-placeholder {color: #4b4b4d; font-style: italic; font-weight: bold;}
 
.btn-danger {
    background-color: #f67b2b;
    margin-top: 15px;
    margin-bottom: 15px;
    border: none;
    font-size: 14px;
    padding: 14px 35px;
}
.btn-danger:hover {color: #fff; background-color: #f67b2b !important; border-color: #ac2925;} 
#cadastro {background-color: #3f637f} #cadastro h1 {color: #cfd8df; font-weight: bold; font-size: 28px;} #cadastro p {color: #b2c1cc; text-align: center; margin: 40px 0px;}
.cad-name {background-color: #fff; border: 1px solid #fff; border-radius: 5px; height: 4rem; padding: 10px; }
#cad-nome {width: 100%} #cad-email {width: 100%}
#cadastro ::-webkit-input-placeholder {color: #4b4b4d; font-style: italic; font-weight: bold; font-family: 'Ubuntu', sans-serif;}
#cadastro :-moz-placeholder {color: #4b4b4d; font-style: italic; font-weight: bold; font-family: 'Ubuntu', sans-serif;}
#cadastro ::-moz-placeholder {color: #4b4b4d; font-style: italic; font-weight: bold; font-family: 'Ubuntu', sans-serif;}
#cadastro :-ms-input-placeholder { color: #4b4b4d; font-style: italic; font-weight: bold; font-family: 'Ubuntu', sans-serif;}
.footer h2 {color: #fff; text-align: center; font-weight: bold; font-size: 20px;}
.footer-social {display: flex;justify-content: center; } .footer-social img {margin:10px}
#rodape {background-color: #94e085} #rodape a {color: #333; } #rodape a:hover {transition: all .5s ease; color: #fff}
.creditos {text-align: center; margin-top: 10px}
/*.btnxs {background-color: #f7a773; color: #fff; padding: 10px; border: 0; margin-top: 5px}*/
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default  .navbar-toggle{background-color: #4c7390; border: none;} .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#4c7390}
.form-group {margin-bottom: 0}
.logoxs {display: flex; justify-content: center; height: 95vh; align-items: center;}
.navbar-brand {height: 0; padding: 5px;}
.page-header h2 {color: #e08214; font-weight: bold;} .page-header {border-bottom: 1px solid #2f485a;}
#interna {background: url(../images/back_equipe.png);}
.nav>li>a:focus, .nav>li>a:hover {background-color: transparent;}
.container.interna {background-color: #fff; margin-top: 20px; margin-bottom: 20px; padding-left: 40px; padding-right: 40px;}
.laudos {opacity: .9; background-color: #3b6282; margin-top: 50px; margin-bottom: 50px; padding: 30px;}

/*#sweep li { 
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}*/

#sweep a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top:  0;
  background: #f3901e;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}

#sweep a:hover:before, #sweep a:focus:before, #sweep a:active:before {
  right: 0;
}
#sweep li.active {
  left: 0;
  right: 100%;
  bottom: 0;
  background: #f3901e;
  height: 4px;
  font-weight: bold;
}


.nav>li>a>img {max-width: none; position: relative; left: -43%;}
.btn-default {color: #fff; background-color: #e08214; border-color: #ccc;}
.modal-content {color: #333; background-color: #f5f5f5; font-weight: bold;}
.tparrows.preview1 {display: none;}
.tp-bannertimer {display: none;}
.tp-bullets.preview1 {height: 80px;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #94e085 !important;
    background-image: none;
    color: rgb(0, 0, 0);
}

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
   .nav li {font-size: 13px; width: 19.5%}
   #header .nav span {display: inline; position: absolute; top: 20%; left: 22%; font-size: 14px;}
   #cadastro h1 {font-size: 30px}
   .nav>li>a>img {max-width: none; position: relative; left: -38%;}
   
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
   .nav li {font-size: 12px; width: 19.5%}
   #cadastro h1 {font-size: 22px;} .footer h2 {font-size: 22px}
   #header .nav span { display: inline; position: absolute; top: 32%; left: 22%; line-height: 12px;}
   .box-up {padding: 15px; top: -48px}
   .container {width: auto}
   .nav>li>a>img {max-width: none; position: relative; left: -39%;}
   .form-ajuste {position: relative; left: 0px;}
   .tp-bullets.preview1 {height: 50px;}
   .border-box {padding: 6px; height: 145px;}
   #header .nav span {font-size: 13px; font-weight: 100;}
    .size {height: 330px}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    h1 {font-size: 28px;}
    p {font-size: 16px;}
    .navbar-collapse {width: 100%; position: absolute; z-index: 10; background-color: #fff;}
    .nav > li {width: 100%}
    .nav>li>a:focus, .nav>li>a:hover {text-decoration: none; background-color: rgba(132,154,175,1); color: #333}
    .navbar {background-color: #4c7390}
    .navbar-nav {background-color: #2e4755} .navbar-nav a {color: #fff;}
    .box-up h1 {} .box-up p {padding: 20px;}  .box-up {border-radius: 0; padding: 30px 20px 50px 20px; text-align: center;}
    #cadastro h1 { text-align: center;}
    #cadastro .col-xs-12 {padding: 0} #cadastro .container {padding: 0}
    #faleconosco .col-xs-12 {padding: 0} #faleconosco .container {padding: 0; }
    .icones p { }
    .sobre2 h1 {padding: 15px}
    #cabecalho .nav.navbar-nav {position: fixed; bottom: 0; z-index: 21; padding: 0}
    #cabecalho .container-fluid {padding: 0} #cabecalho .container {padding: 0} #cabecalho .container .col-xs-12 {padding: 0}
    #header .nav li a {text-align: -webkit-center; padding-left: 0; border-left: 0px solid } 
    #header .nav span {display: flex; justify-content: center; position: initial; font-size: 14px}
    #rodape {height: 170px;}
    #sweep li:before {background-color: transparent;}
    .nav>li>a>img {max-width: none; position: relative; left: 0;}
    .form-ajuste {position: relative; left: 0px;}
    #sweep li.active {z-index: 0; height: auto;  background-color: rgba(132,154,175,1);}
    #sweep a:before { background-color: rgba(132,154,175,1);}
    #border-menu {border: none;}
    #header .nav > li {border-radius: 0;}
    .border-box {border-right:  none}
    .laudos {padding: 0;}
    .box-xs {padding: 0}
     
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .box-xs {padding: 0}
    .sobre p {padding: 0}
    .sobre2 p {padding: 0}
    .sobre h1 {text-align: center;}
    .sobre2-img p {font-size: 15px} 
    #rodape {height: 239px;}
    .container.interna {padding-left: 15px; padding-right: 15px;}
    
    
}