/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 13/05/2017, 21:44:30
    Author     : Hebson pc
*/
body{background: #fbfbfb;font-family: "Lato",sans-serif; color:#000 ;}
a{text-decoration: none;color:white !important;}
ul{list-style: none;}
.hx3{
  line-height: 1.8em;
  font-weight: 300;
  letter-spacing: 0.015em;
  font-size: 22px;
  padding-bottom: 30px;

}
.main-content{
  padding: 50px 8%;
  /*background-color: #fff;*/
  width: 75%;
  margin: 0 auto;
}
.sub-p{
  font-size: 0.8em;
  line-height: 1.8em;
  letter-spacing: 0.0.15em;
}

/*BUTTONS*/
.mybtn{
  display: block;
  margin: 25px auto;
  padding: 10px 60px 10px 60px;
  background: #0A5587;
  border-radius:40px;
  box-shadow: inset 0 -4px 0 rgba(0,0,0,0.3);
  border:#0A5587;
  font-size: 18px;
  color: white;
}
.mybtn:visited{
  color: #fff;
  background-color: #0A5587;
}
.mybtn:hover {
  color: #fff;
  background-color: #0A5587;
  /*border-color: #269abc;*/
}
.mybtn:active {
  color: #fff;
  background-color: #0A5587;
  /*border-color: #269abc;*/
}
.mybtn:active:focus,
.mybtn:active:hover,
.open>.dropdown-toggle.mybtn.focus,
.open>.dropdown-toggle.mybtn:focus,
.open>.dropdown-toggle.mybtn:hover {
    color: #fff;
    background-color: #0A5587;

}
.mybtn:focus,
.mybtn:focus {
  color: #fff;
  background-color: #0A5587;
}

/**/
.pad{padding: 20px 0;}
.pad2{margin-bottom:  30px;}
.form-ok{display: none;}
.error{color: #FF0000;}
/*COLORS*/
.bg-white{background-color: #fff; color:#000;text-align: center;}
.bg-blue{background: #0A5587;color: #fff;}
.bg-black{background: #000;color: #fff;}
.bg-bluelight{background: #CCD8D1;color: #000; text-align: center;}
.bg-grey{background: #F5F5F5;color: #000; text-align: center;}
.form{padding: 30px;border-radius: 20px;box-shadow: 0 4px 4px 4px rgba(0,0,0,0.9);margin-bottom: 30px;}
a:link{text-decoration: none;}
a:visited {text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
.fontzero{font-size: 0em !important;}



/*HEADERS*/

.hx1{font-size: 2em;font-weight: 300;text-align: center;}
.hx2{font-size: 1em;font-weight:bold;text-align: center;margin-top:10px;}

.logo{max-width: 200px;height: 50px;padding: 0 3px;}
.navbar-default{
    background: #000;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.4);
    font-size: 1.2em;
}
.navbar-default .navbar-nav>li>a{
    color:#fff;
    padding-top: 20px;
}
.navbar-header{
    height: 70px;
}
.navbar-default .navbar-nav>li>a:hover{color:#fff;border-bottom: 1px solid #52658C;text-decoration: none;}


/*BANNER*/
.banner{padding: 0;}

#carousel-video {
  display: none;
}
.banner #carousel-video .video {
    min-width: 100%;
    min-height: calc(100vh - 70px);
}
.banner #carousel-video .video video {
    min-width: 100%;
    min-height: 100%;
    position: fixed;
}

@media (min-width: 768px) {
  #carousel-example-generic {
    display: none;
  }

  .banner #carousel-video {
    display: block;
  }
}


/*CASES*/
.cases{background:#CCD8D1;color:#000;font-weight: 300;padding: 20px 0 30px 0;margin: 0;}
.box{min-height: 290px; }
.box img{width: 50%;padding: 5% 0; border-radius: 100%;}
.box .btn{
  margin: 3% 36%;
}
.strip{
    padding: 15px 0;
    /*background-image:-webkit-gradient(linear, 0deg, from(#9ad15e),to(#31b1e7));*/
    /*background-image:-webkit-linear-gradient(0deg, #9ad15e, #31b1e7);*/
    /*background-image:-moz-linear-gradient(0deg, #9ad15e, #31b1e7);*/
    /*background-image:-ms-linear-gradient(0deg, #9ad15e, #31b1e7);*/
    /*background-image:-o-linear-gradient(0deg, #9ad15e, #31b1e7);*/
    /*background-image:linear-gradient(0deg, #9ad15e, #31b1e7);*/
}
.strip h1{
    font-size: 38px;
}

/*CALL TO IMAGE*/
.call2img{
  background-image: url("../img/536.jpg");
  padding: 100px 0;
  color: black;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.call2img p{
   text-align: center;

}
/*Fast COntact*/
input[type=text]{

    padding: 25px 60px;
    margin: 13px 5px 0 5px ;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=email]{

    padding: 25px 60px;
    margin: 13px 5px 0 5px ;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.fastform{
  width:80%;
  margin: 30px 10%;
  padding: 20px 10px;
  border-radius: 20px;
  background-color: #f5f5f5 ;
  text-align: center;
  box-shadow: 0 2px 2px 2px rgba(196,196,196,0.9)
}

.inform{
  background-color: #f5f5f5;
  border-radius: 5px;
}
/*SOLUCOES*/
.solucoes{margin-top: 4%;}

.main_cont_item{padding: 0px 2px;text-align: center;height:310px} /**min-height:370px*/
/*
.main_cont_item:hover{
        height:310px;
      background: #CCD8D1;
      color:#337197;
      padding: 0px 10px;
      text-align: center;
      /*min-height: 370px;*//*
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
      -moz-box-shadow: 0px 3px 3px 0px  rgba(0,0,0,0.3);
}*/
/*.main_cont_item h1{font-size: 1.3em;}*/
.main_cont_item h1{font-size: 1.4em;margin-bottom: 15px;}
/*.main_cont_item .tagline{font-size: 1em;}*/
/*.last{margin-right: 0 !important;}*/

/*QUEM SOMOS*/
.quemsomos{padding: 30px;}
.sectiotitle h1{font-size: 2.4em;font-weight: 300;text-align: center;}
.tagline{font-size: 1.4em;font-weight: 300;}
.main_quemsomos{text-align: justify;font-size: 1.5em;padding:0px 10%;}

.framesobre{
    /*position: relative;*/
    /*-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);*/
    /*-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);*/
    /*box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);*/

    -webkit-box-shadow: 1px 4px 4px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 1px 4px 4px 0 rgba(0,0,0,.4);
    box-shadow: 1px 4px 4px 0 rgba(0,0,0,.4);
    margin: 15px 4% 0 4%;
    padding: 40px 0 0 0;
    border-radius: 10px;
    background-color: #f5f5f5;

}
.framesobre img{
    /*max-width:140px;*/
    max-height:146px;
    width: auto;
    border-radius: 50%;
    margin-bottom: 20px;
}
.framesobre p{
    margin: 0;
    font-size: 1.1em;
    font-weight:bold;
}
.fotofooter{padding-bottom: 0px;}
.fotofooter i{padding: 5px 15px 5px 25px; color: #fff;}

/*CONTATO*/
.px1{font-size: 1.5em;font-weight: 300;padding: 10px 0 10px 0;text-align: center;}
.contato{
    padding: 10px 0 70px 0px;
}
.form button{
    margin: 15px 0 0 0;
    padding: 10px 60px 10px 60px;
    background: #0A5587;
    /*border-color: #fff;*/
    /*border-bottom: 2px solid black;*/
    border-radius:40px;
    box-shadow: inset 0 -4px 0 rgba(0,0,0,0.3);
    border:#0A5587;
}


.btn-info:visited {
  color: #fff;
  background-color: #0A5587;
  /*border-color: #269abc;*/
}
.btn-info:hover {
  color: #fff;
  background-color: #0A5587;
  /*border-color: #269abc;*/
}
.btn-info:active {
  color: #fff;
  background-color: #0A5587;
  /*border-color: #269abc;*/
}
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #0A5587;

}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #0A5587;
}
.map{
    /*width:611px;*/
    width:100%;
    height: 429px;

    padding: 10px 0 10px 0;
    border-radius: 20px;
    box-shadow: 0 4px 4px 4px rgba(0,0,0,0.9);

    /*box-shadow: inset 0 -4px 0 rgba(0,0,0,0.3);*/
    /*border:#0A5587;*/

}
.map iframe{
    width: 90%;
    height: 95%;
    /*padding: 5%;*/
    margin: 2%;
    border-radius: 30px;
}
.detail{
  height: 50px;
  background: black;
  background: -webkit-linear-gradient(#0A5587, black);
  background: -o-linear-gradient(#0A5587, black);
  background: -moz-linear-gradient(#0A5587, black);
  background: linear-gradient(#0A5587, black);
}
.title {
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}
.rodape a{
    color: #fff;
    padding: 5px;

}
.social a{

}
.align{
    text-align: center;
}

/*clientes.php*/

button.accordion{
  background-color:#eee;
  color:#444;
  cursor:pointer;
  padding:18px;
  width:80%;
  border:none;
  text-align:center;
  outline:none;
  font-size:15px;
  transition:0.4s
  }
  button.accordion.active,button.accordion:hover{
    background-color:#ddd
  }
  button.accordion:after{
    content:'\002B';
    color:#777;
    font-weight:bold;
    float:right;
    margin-left:5px
}
button.accordion.active:after{
  content:'\2212'
}
div.panel{
  transition:max-height 0.2s ease-out;
  width:80%;
  margin: 0 10% ;
}
/*MIDIA QUERIES*/
@media (min-width: 768px){
.container {
    width: 95%;
    margin: 0 2%;
}
}
@media (max-width: 620px){
.box {
    width: 45%;
    margin-left: 3%;
    margin-right: 0;
    min-height: 220px;
  }
}
@media (max-width:485px){
    .box{
        width:90%;
        margin: 4% 5%;
    }
}
@media(max-width:470px){
    .icons{width: 100%; margin: 2% 0;height: 210px;}
}