@import 'font-face.css';
@import 'global.css';
@import 'slider.css';

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #ffffff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ffffff;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}


section .cabecalho {
  text-align: center;
  margin-bottom: 25px;
}

/* Navbar */
.navbar-brand {
  padding: 5px 15px;
  
}

.navbar-brand img {
  width: 55px;
}

.navbar-default {
  background: #ffffff;
  border-color: #a7a8ab;
  
}

.navbar-toggle {
  background: #fff;
}

.navbar-nav a, .navbar-text , .navbar-link {
  color: #003d60 !important;
}
  


/* Home */
section.home {
  padding: 0;
  min-height: 550px;
}

/* Processo */
section.processo h3 {
  font-size: 18px;
}

section.processo {
  background: #eeeeee;
}

section.processo .grid p {
  font-size: 14px;
  color: #777777;
}

section.processo .grid div {
  text-align: center;
  position: relative;
  
}

section.processo .grid .fa-chevron-right {
  position: absolute;
  right: 0;
  top: 20px;
  color: #fcd216;
  font-size: 20px;
}

/* Contrucao */
section.construcao {
  height: 350px;
  padding: 0 0;
  text-align: center;
  position: relative;
}

section.construcao .fa {
  color:#fff;
  font-size: 125px;
  display: inline-block;
  position: absolute;
  top: -55px;
  left: 50%;
  margin-left:-35px;
}

/* Mapa */
section.contact-map {
  padding: 0 0;
}
section.contact-map .map {
  height: 550px;
  width: 100%;
  max-width: 100%;
}

/* Blog1 */

section.blog1 {
  background:#fa8008;
 
  
}

section.blog1 h3 {
  font-size: 32px;
  
}

section.blog1 p {
  font-size: 18px;
}

/* Blog */

section.blog {
  background:#e0eaea;
 
  
}

section.blog h3 {
  font-size: 32px;
  
}

section.blog p {
  font-size: 18px;
}


section.blog1 .btn-default {
  background: #eab102;
  color: #fff;
  border-radius: 14;
  font-size:18px;
  font-weight: 500;
  border:none;
  text-transform: uppercase;
  padding-top: 18px 150px 36px;
  width: 300px;
  heigth: 200px;

  
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}

/* Blog2 */

section.blog2 {
  background:#ffffff;
  text-align:left;
 
  
}

section.blog2 h3 {
  font-size: 32px;
  
}

section.blog2 p {
  font-size: 18px;
}


section.blog2 .btn-default {
  background: #eab102;
  color: #fff;
  border-radius: 14;
  font-size:18px;
  font-weight: 500;
  border:none;
  text-transform: uppercase;
  padding-top: 18px 150px 36px;
  width: 300px;
  heigth: 200px;

  
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}

/*Conheca a 2TR*/

section.conheca-2tr {
  text-align: center;
  background: #ffffff;
  
}

section.conheca-2tr .grid div {
  text-align: center;
  
}

/* Serviços */ 
section.servicos .grid p {
  font-size: 16px;
  color:#7e7e7e;
  line-height: 18px;
}
section.servicos .grid div {
  text-align: center;
}

section.servicos .grid h3 {
  margin-bottom: 20px;
}

/* Clientes */
section.clientes h3, section.clientes h2, section.clientes p {
  color: #02364E;
 
}

section.clientes li {
  font-weight: 500;
  font-size: 22px;
  color: #04aefd;
   margin-left: 80px;
  
  
}

section.clientes li span {
  color: #02364E;
  font-weight: 500;
  
}

/* Contato */
section.contato .left-col {
  text-align: center;
  padding-bottom: 30px;
  background:#f7f5f5;
}
section.contato .icon-list {
  position: relative;
  margin-left: 50px;
  background:#f7f5f5;
}

section.contato span {
  color: #fcd216;
  background:#f7f5f5;
}

section.contato a {
  text-decoration: none;
  color: inherit;
  background:#f7f5f5;
}

section.contato .icon-list .fa {
  position: absolute;
  top: 0;
  left: -50px;
}

/* Contato3 */
section.contato3 .left-col {
  text-align: center;
  padding-bottom: 30px;
  background:#ffffff;
}
section.contato3 .icon-list {
  position: relative;
  margin-left: 50px;
  background:#ffffff;
}

section.contato3 span {
  color: #fcd216;
  background:#ffffff;
}

section.contato3 a {
  text-decoration: none;
  color: inherit;
  background:#ffffff;
}

section.contato3 .icon-list .fa {
  position: absolute;
  top: 0;
  left: -50px;
}

/* Contato5 */
section.contato5 .left-col {
  text-align: center;
  padding-bottom: 30px;
  background:#ffffff;
}
section.contato5 .icon-list {
  position: relative;
  margin-left: 50px;
  background:#ffffff;
}

section.contato5 span {
  color: #fcd216;
  background:#ffffff;
}

section.contato5 a {
  text-decoration: none;
  color: inherit;
  background:#ffffff;
}

section.contato5 .icon-list .fa {
  position: absolute;
  top: 0;
  left: -50px;
}

/* Contato4 */
section.contato4 .left-col {
  text-align: center;
  padding-bottom: 30px;
  background:#f7f5f5;
}
section.contato4 .icon-list {
  position: relative;
  margin-left: 50px;
  background:#f7f5f5;
}

section.contato4 span {
  color: #fcd216;
  background:#f7f5f5;
}

section.contato4 a {
  text-decoration: none;
  color: inherit;
  background:#f7f5f5;
}

section.contato4 .icon-list .fa {
  position: absolute;
  top: 0;
  left: -50px;
}

/* Contato1 */

section.contato1 {
  background:#5e5d5d;
}

section.contato1 .left-col {
  text-align: center;
  padding-bottom: 30px;
  background:#5e5d5d;
}
section.contato1 .icon-list {
  position: relative;
  margin-left: 50px;
  background:#5e5d5d;
}

section.contato1 span {
  color: #fcd216;
  background:#5e5d5d;
}

section.contato1 a {
  text-decoration: none;
  color: inherit;
  background:#5e5d5d;
}

section.contato1 .icon-list .fa {
  position: absolute;
  top: 0;
  left: -50px;
}


/* Footer */
footer {
  color: #696969;
  font-size: 14px;
  font-weight: 200;
  height: 50px;
}

footer .copyright {
  margin-top: 15px;
  font-size: 14px;
}

footer .parceiros {
  text-align: center;
  margin-top: 0px;
}

footer .parceiros .firstcol {
  border-right: 1px solid #1fb0b1;
} 

/* Regras para Tablet */
@media (min-width: 768px) {
  
  /* Conheça 2TR */
  section.conheca-2tr .grid div {
    background: url(../images/border-grid-bg.jpg) 0px 50px no-repeat;
    padding-right: 10px;
	
	
  }
  
  section.conheca-2tr .grid div.firstcol {
    background: #ffffff;
	
  }
  
  section.conheca-2tr .grid p, section.conheca-2tr .grid h3 {
    text-align: center;
	
  }
  
  section.conheca-2tr .col-sm-3 {
    width: 20%;
	
  }
  
  /* Processo */
  section.processo .col-sm-2 {
    width: 14.27777778%;
  }
  
 /* Contato */
  section.contato {
    background: #f7f5f5;
	
  }
  
  section.contato .btn-default {
  background: #ff6600;
  color: #fff;
  border-radius: 14;
  font-size:18px;
  font-weight: 500;
  border:none;
  text-transform: uppercase;
  padding-top: 18px 150px 36px;
  width: 300px;
  heigth: 200px;

  
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}
}

/* Regras para Mobile */
@media (max-width: 767px) {
	
	
	/* Navbar */
	
.navbar {
  width:300px;
  
}

.navbar-brand {
  padding: 5px 15px;
  
}

.navbar-brand img {
  width: 105px;
}

.navbar-default {
  background: #ffffff;
  border-color: #a7a8ab;
  width:360px;
  
}

.navbar-toggle {
  background: #fff;
 
}

.navbar-nav a, .navbar-text , .navbar-link {
  color: #003d60 !important;
}
  

  
  section.home {
    min-height: 510px;
  }
  
  section.home h1 {
  font-weight: 700;
  font-size: 32px;
  font-color:#10636e;
  text-align:center;
  line-height:36px;
  margin-top:62px;

}

section.home h1a {
  font-weight: 500;
  font-size: 26px;
  font-color:#ffffff;
  text-align:center;
  line-height:30px;

}


/* Conheça 2TR */


 
  
  section.conheca-2tr .grid div {
    background: url(../images/border-grid-bg.jpg) 0px 50px no-repeat;
    padding-right: 10px;
	
	
  }
  
  section.conheca-2tr .grid div.firstcol {
    background: #ffffff;
	
  }

  
  section.conheca-2tr .section.conheca-2tr .grid h3 {
    text-align: center;
	font-size:26px;
	line-height:29px;
	
	
  }
  
   section.conheca-2tr .grid p {
    text-align: center;
	font-size:18px;
	line-height:24px;
	
	
  }
  
  section.conheca-2tr .col-sm-3 {
    width: 90%;
	margin-left:15px;
	
  }
  
  /* Processo */
  section.processo .col-sm-2 {
    width: 98%;
  }
  
  /* Blog1 */
  
   section.blog1 {
  background:#173646;
  height:1000px;
 
  
}

  
 /* Blog */

section.blog {
  background:#ff6e0d;
  height:880px;
  
  
}

section.blog h3 {
  font-size: 32px;
  
}

section.blog p {
  font-size: 18px;
}

/* Blog2 */

section.blog2 {
  background:#ffffff;
  
 
  
}

section.blog2 h3 {
  font-size: 32px;
  
}

section.blog2 p {
  font-size: 18px;
  text-align:left;
}

/* Contato */
  section.contato {
    background: #f7f5f5;
	
  }
  
  section.contato p2 {
    text-align: center;
	
  }
  
  section.contato .btn-default {
  background: #ff6600;
  color: #fff;
  border-radius: 14;
  font-size:18px;
  font-weight: 500;
  border:none;
  text-transform: uppercase;
  padding-top: 22px 180px 39px;
  width: 200px;
  heigth: 100px;

  
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}

/* Contato1 */
  section.contato1 {
    background:#5e5d5d;
	
  }
  
  section.contato1 p2 {
    text-align: center;
	
  }
  
  section.contato1 .btn-default {
  background: #ff6600;
  color: #fff;
  border-radius: 14;
  font-size:18px;
  font-weight: 500;
  border:none;
  text-transform: uppercase;
  padding-top: 22px 180px 39px;
  width: 200px;
  heigth: 100px;

  
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}

/* Contato1 */

section.contato1 {
  background:#5e5d5d;
  
}

section.contato1 .left-col {
  text-align: center;
  padding-bottom: 30px;
  background:#5e5d5d;
}
section.contato1 .icon-list {
  position: relative;
  margin-left: 50px;
  background:#5e5d5d;
}

section.contato1 span {
  color: #fcd216;
  background:#5e5d5d;
}

section.contato1 a {
  text-decoration: none;
  color: inherit;
  background:#5e5d5d;
}

section.contato1 .icon-list .fa {
  position: absolute;
  top: 0;
  left: -50px;
}


/* Footer */
footer {
  color: #696969;
  font-size: 12px;
  font-weight: 300;
  
}

footer .copyright {
  margin-top: 15px;
  font-size: 14px;
  text-align:center;
}

footer .parceiros {
  text-align: center;
  margin-top: 0px;
}

footer .parceiros .firstcol {
  border-right: 1px solid #f7f5f5;
} 

}


/* Regras para Desktop */
@media (min-width: 992px) {
  
  section .cabecalho {
    padding: 0 10%;
  }
  
  /* Navbar */
  
  .navbar {
    min-height: 80px;
    -webkit-transition: all .6s ease .2s;
    transition: all .6s ease .2s;
  }
  
  .navbar-default {
    background: #ffffff;
    border-color: #a7a8ab !important;
  }
  
  .navbar-with-bg {
    background: #ffffff;
  }
    
  .navbar-nav a {
    -webkit-transition: all .5s ease .1s;
    transition: all .5s ease .1s;
    border-bottom: 3px solid transparent;
  }
  
  .navbar-nav a.active {
    border-bottom: 3px solid #ff6600;
  }
  
  .navbar strong {
    font-size: 14px;
	color: #ff6600;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	
	
  }
  
  .navbar-link {
    font-size: 14px;
    font-weight: 500;
	color: #fc6c03;
	font-family: 'Lato', sans-serif; 
  }
  
  .navbar-nav > li > a {
    line-height: 45px;
    font-size: 14px;
    text-transform: uppercase;
	color: #ff6600;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	
  }
  .navbar-text {
    margin-top: 22px;
    margin-bottom: 26px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
  }
  .navbar-brand {
    padding: 6px 15px;
  }

  .navbar-brand img {
    width: 70%;
  }
  
  /* Blog */

section.blog {
  background:#fa8008;
  height:580px;
 
  
}

  /* Blog1 */

section.blog1 {
  background:#fa6e08;
  height:700px;
 
  
}

section.blog1 .btn-default {
  background: #eab102;
  color: #fff;
  border-radius: 14;
  font-size:18px;
  font-weight: 600;
  border:none;
  text-transform: uppercase;
  padding-top: 18px 150px 36px;
  width: 300px;
  heigth: 200px;

  
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}

/* Blog2 */

section.blog2 {
  background:#ffffff;
  
}

section.blog2 h3 {
  font-size: 32px;
  
}

section.blog2 P2 {
  text-align:center;
  
}

section.blog2 p {
  font-size: 18px;
  text-align:center;
}
  
  /* Home */
  section.home {
    min-height: 740px;
  }
  
  section.home h1 {
  font-weight: 700;
  font-size: 55px;
  font-color:#ffffff;
  text-align:center;
  line-height:58px;

}

   section.home .float-wa {
	   position:fixed;
	   bottom:2vw;
	   right:2vw;
	   background-color: #00c131;
	   color:#fffff5;
	   text-decoration:none;
	   text-align:center;
	   display:inline-flex;
	   align-items: center;
	   border-radius:500px;
	   justify-content: center;
	   z-index:10;
   }
   
  
  /* Conheça 2TR */  
  section.conheca-2tr .col-md-3 {
    width: 25%;
	
	background: #ffffff;
	text-align: center;
  }
  
  /* Processo */
  section.processo .grid p, section.processo .grid h3 {
    text-align: center;
  }
  
  section.processo .col-md-2 {
    width: 120px;

  }
  
  
  /* Serviços */
  section.servicos .grid div {
    border-left: 0px solid #1fb0b1;
  }
  
  section.servicos .grid div.firstcol {
    border-left: none;
  }
  
  section.servicos .grid img {
    display: inline;
    position:relative;
    top:-20px;
  }
  
  section.servicos .grid h3 {
    margin-bottom: 30px;
  }
  
  /* Clientes */
  
section.clientes h3, section.clientes h2, section.clientes p {
  color: #02364E;
  width:90%;
 
}

section.clientes {
  width:90%;
  text-align:center;
  
  
}

section.clientes li {
  font-weight: 500;
  font-size: 22px;
  color: #04aefd;
   margin-left: 80px;
  
  
}

section.clientes li span {
  color: #02364E;
  font-weight: 500;
  
}

/* Contato */
  section.contato .left-col {
    border-right: 1px solid #f7f5f5;
    padding-right: 40px;
  }
  
  section.contato .btn-default {
  background: #eab102;
  color: #fff;
  border-radius: 14;
  font-size:18px;
  font-weight: 600;
  border:none;
  text-transform: uppercase;
  padding-top: 18px 150px 36px;
  width: 300px;
  heigth: 200px;

  
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}

}

/* Contato3 */
  section.contato3 .left-col {
    border-right: 1px solid #ffffff;
    padding-right: 40px;
  }
  
  section.contato3 .btn-default {
  background: #eab102;
  color: #fff;
  border-radius: 14;
  font-size:18px;
  font-weight: 600;
  border:none;
  text-transform: uppercase;
  padding-top: 18px 150px 36px;
  width: 300px;
  heigth: 200px;

  
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}

}

/* Contato4 */
  section.contato4 .left-col {
    border-right: 1px solid #f7f5f5;
    padding-right: 40px;
  }
  
  section.contato4 .btn-default {
  background: #eab102;
  color: #fff;
  border-radius: 14;
  font-size:18px;
  font-weight: 600;
  border:none;
  text-transform: uppercase;
  padding-top: 18px 150px 36px;
  width: 300px;
  heigth: 200px;

  
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}

}

/* Contato5 */
  section.contato5 .left-col {
    border-right: 1px solid #ffffff;
    padding-right: 40px;
  }
  
  section.contato5 .btn-default {
  background: #eab102;
  color: #fff;
  border-radius: 14;
  font-size:18px;
  font-weight: 600;
  border:none;
  text-transform: uppercase;
  padding-top: 18px 150px 36px;
  width: 300px;
  heigth: 200px;

  
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}

}