@charset "UTF-8";
@import "menu.css";
@import "footer.css";

body{
    /*font: 400 15px Lato, sans-serif;*/
    font: 400 15px 'Lora', sans-serif;
    line-height: 1.8;
    /*color: #818181;*/
    color: black;
}
.espaco{ margin-top: 5em;}
.container-fluid{padding: 20px 50px;}
.linha-superior{ border-top: .5em solid rgb(57, 116, 31);}
.linha-inferior{ border-bottom: 1em solid rgb(73, 131, 39);}

/*Links*/
a{
    color: black;
}
footer a:hover {
    transform: scale(1.1);
    text-decoration: none;
    color: rgba(36, 134, 27, 0.9);
}

.bcl-st_link{color: white;}
.bcl-st_link:hover{
    transform: scale(1.4);
    text-decoration: none;
    color: rgb(20, 20, 1);
}

/* backgrounds */
.bg-grey{background-color: #f6f6f6;}
.bg-sobre{background-color: #f9f9f9;  }
.bg-adsem{background-color: rgba(46, 136, 69, 0.9);}
.bg-etica{background-color: rgba(232, 245, 231, 0.767);}
.bg-white{background-color: white;}
.bg-black{background-color: black;}
.bg-etica-green{background-color: rgba(16, 102, 8, 0.795);}
.bg-green{background-color: green}

/*slogan e logo*/
/*.jumbotron{background-color: rgba(7, 85, 39, 0.9); color: white; padding: 100px 25px 50px 25px; font-family: 'Lora', serif; border-bottom-right-radius: 10em 90%; border-bottom-left-radius: 10em 90%; border: .2em solid  rgb(11, 59, 1); }*/
.jumbotron{background-color: rgba(41, 104, 12, 0.9); color: white; padding: 100px 25px 50px 25px; font-family: 'Lora', serif; border: .2em solid  rgb(11, 59, 1); }
.jumbotron img {max-width: 99%; border-radius: .1em; padding: .1em; border: 0.1em solid rgba(255,255,255,1);}

/*fotos e carousel*/
#fotos{margin-top: 1em; margin-bottom: 1em; padding-top: 1em; padding-bottom: 1em; border-radius: .5em; background-color: rgba(41, 104, 12, 0.9); color: white;}
.img-carousel{max-width: 600px; max-height: 399px; padding: .3em; border: 0.1em solid rgba(255,255,255,1);}
/*.img-carousel:hover{padding: .1em; filter: drop-shadow(8px 8px 10px rgba(1,6,3,1));}*/
/*centralicar imagens no carrosel*/
.carousel-inner img {
      width: 70%;
      margin: auto;
  }

 /* aumenta o tamanho da fonte*/
 .font-g{
      font-size: 1.8em;
 }
.font-m{
    font-size: 1.5em;
}
.font-p{
    font-size: 1.2em;
}

.carousel-control.right, .carousel-control.left{background-image: none; color: white;}/*color: rgba(136,0,22,1);}*/
.carousel-indicators li{border-color: rgba(161,26,33,1);}
.carousel-indicators li.active{border-color: rgba(161,26,33,1);}

.item h4{
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
}
.item span{font-style: normal;}


/*serviços*/
.img-servicos {border-radius: 2em .5em; padding: 1em;}
.thumbnail{padding: 0 0 15px 0; border: none; border-radius: 0;}
.thumbnail img{width: 100%; height: 100%; margin-bottom: 10px; }

#servicos h1,h2,h3,h4,h5,h6{color: rgb(21, 117, 26);}
#servicos, footer {border-top: 1em solid rgba(21, 117, 26);}
#servicos img:hover{
    /* border: 0.1rem solid rgba(21, 117, 26);  */
    /* filter: drop-shadow(8px 8px 10px rgb(35, 196, 121)); */
    border-radius: 5px;
    box-shadow: 4px 2px 10px 0px black;
}

/*clientes*/
#clientes img {
    /* border: 0.1rem solid rgba(21, 117, 26);  */
    filter: brightness(0.8);
    /* border-radius: 5px; */
}

#clientes img:hover{
    border-radius: 5px;
    filter: sepia(0) brightness(1) drop-shadow(3px 1px 1px gray);
    /* box-shadow: 4px 2px 1px 0px black; */
    /* border: 0.2rem solid black;  */
}

/*sobre*/
.logo-small{width:5em; color: rgb(81, 161, 6); font-size: 50px;}
.logo{max-width: 100px; color:rgb(16, 64, 167); font-size: 200px;border-radius: 13em .1em;}
@media screen and (max-width: 768px){
    .col-sm4{text-align: center; margin: 25px 0;}
}


/*animação*/
.slideanimH{visibility: hidden;}
.slideH{
    animation: slideH 1s linear 0 1 alternate ;
    visibility: visible;
}

@keyframes slideH{
    0%{opacity: 0; transform: translateX(70%);}
    100%{opacity: 1; transform: translateX(0%);}
}


.slideanimV{visibility: hidden;}
.slideV{
     animation: slideV 1.5s linear 0 1 alternate;
    visibility: visible;
}

@keyframes slideV{
    0%{opacity: 0; transform: translateY(80%);}
    100%{opacity: 1;transform: translateY(0%);}
}

@media (max-width: 790px){
    .jumbotron {display: none;}
    .jumbotron img {max-width: 270px; border-radius: 3em 1em;}
    #fotos{margin-top: 6em; border-radius: 0.5em;}
    #myCarousel img{border-radius: 2em 5em;}
    #sobre span{display: none;}
}

/* filtros em imagens*/
.blur {-webkit-filter: blur(4px);filter: blur(4px);}
.brightness {-webkit-filter: brightness(250%);filter: brightness(250%);}
.contrast {-webkit-filter: contrast(180%);filter: contrast(180%);}
.grayscale {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg);filter: hue-rotate(180deg);}
.invert {-webkit-filter: invert(100%);filter: invert(100%);}
.opacity {-webkit-filter: opacity(50%);filter: opacity(50%);}
.saturate {-webkit-filter: saturate(7); filter: saturate(7);}
.sepia {-webkit-filter: sepia(100%);filter: sepia(100%);}
.shadow {-webkit-filter: drop-shadow(8px 8px 10px rgb(26, 161, 48));filter: drop-shadow(8px 8px 10px rgb(26, 161, 55));}
