/* 
    Created on : 29/08/2017, 15:21:03
    Author     : LUCAS ESPERANÇA
*/
@import "http://fonts.googleapis.com/css?family=Roboto:400,500";


h1, h2, h3, h4, h5, h6,p,label{
    color:white;
}

.well
{
 background-color: transparent;
 border:1px solid #00aa44;
}
.form-control
{
 background-color: #333333;
 border:1px solid #00aa44;
 color:#ffffff;
}
.input-group-addon
{
  background-color: #00aa44;
  color:#ffffff;
  border:1px solid #00aa44;
}

.navbar-inverse .navbar-nav>li>a{
    color:#00aa44;
}
.navbar-brand{
    padding-top: 10px;
}
hr{
    border-color:#00aa44;
}
body{
    background-color: #333333;
}
/*CSS DOS SERVIÇOS*/
.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #00aa44; vertical-align: middle; }
.box > .icon:hover > .image { background: #ffffff; }
.box > .icon > .image > i { font-size: 36px !important; color: #ffffff !important; }
.box > .icon:hover > .image > i { color: #00aa44 !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #00aa44; padding: 15px 0 10px 0; }
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
.box > .icon > .info > h3.title { font-family: "Roboto",sans-serif !important; font-size: 16px; color: #00aa44; font-weight: 500; }
.box > .icon > .info > p { font-family: "Roboto",sans-serif !important; font-size: 13px; color: #ffffff; line-height: 1.5em; margin: 20px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #00aa44; }
.box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #ffffff; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #00aa44; }
.box .space { height: 30px; }
/*FIM DO CSS DOS SERVIÇOS*/
/*CSS DO GOOGLE MAPS*/
#map {
    height: 200px;
    width: 100%;
       }
/*FIM DO CSS DO GOOGLE MAPS*/
/*AQUI É O CSS DA PARTE DO PORTFOLIO*/
*{
    transition: all .5s;
}
.img-responsive
{
    width: 100%;
}

hr{
    color: #00aa44;
    background: #00aa44 !important;
    height: 5px;
    width: 150px;
    border-top:0px;
}

.portfolio-item{
    margin-bottom: 15px;
    overflow: hidden;
}
.portfolio-info{
   padding:50px 0px;
}
.portfolio-item a 
{
    display: block;
    overflow: hidden;
}

.portfolio-item a img{
    margin: 0 auto;
    width: 50%;
}
.portfolio-item>a>img:hover{
    transform: scale(1.2,1.2);
       
}
/*FIM DO CSS DO PORTFOLIO*/