/** OPS EMPRESAS AGOSTO 2020 **/

/* 1. Ícones
=----------------*/
#icones .box i {font-size: 50px; border: 1px solid #ccc; border-radius: 100%; width: 150px; height: 150px; display: flex; justify-content: center; align-items: center; color: #0272ac; box-shadow: 5px 5px 10px #ccc; transition: .5s;}
#icones .box:hover i {background: #0272ac; color: #fff; border-color: #0272ac;}

/* 2. Faixa
=----------------*/
#faixa {background: #048cd3; color: #fff;}
#faixa h2 {font-size: 30px; line-height: 35px; font-weight: 600; letter-spacing: .8px;}

/* 3. O que faz diferente?
=----------------*/
#venha img {height: 100%; object-fit: cover; border-radius: 10px; max-height: 420px;}
#venha .box {border: 1px solid #ddd; padding: 10px; border-radius: 5px; overflow: hidden; transition: .7s;}
#venha .box h2 {font-weight: 600; font-size: 18px; text-align: center;} 
#venha .box:hover {transform: scale(1.1);}

/* 4. Palavra do Cliente
=----------------*/
#palavra .box {text-align: center; background: #048cd3; color: #fff; padding: 20px 0; border-radius: 10px;}
#palavra .box .caixa {position: relative;}
#palavra .box .caixa p {padding: 0 15px;}
#palavra .box i.fa-quote-left {position: absolute; left: 5px; top: -13px;}
#palavra .box i.fa-quote-right {position: absolute; right: 5px; bottom: 0;}

/* 5. Fundos
=----------------*/
#fundos {position: relative;}
#fundos p {font-size: 15px;}
#fundos img {width: 100%; margin: 0; height: 400px; object-fit: cover;}
#fundos .row {margin: 0;}
#fundos .fundo {background: #f7dd4b;}
#fundos .fundo .titulo {color: #000;}
#fundos .fundo2 {background: #048cd3; color: #fff;}
#fundos .fundo2 .titulo {color: #fff;}

/* 6. Galerias
=----------------*/
#fotos img {height: 200px; object-fit: cover; border-radius: 5px; cursor: pointer;}

/* 7. Estrutura
-----------------*/
#estrutura h2 {font-size: 18px; text-align: center;}
#estrutura .box {height: 200px; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2); overflow: hidden;}
#estrutura .box img {height: 100%; object-fit: cover;}

/* 8. Sobre Nós
-----------------*/
#sobre p {text-align: justify;}
#sobre img {height: 250px; object-fit: cover; object-position: top; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .4);}
#sobre .box .icon {width: 150px; height: 150px; border: 1px solid #E4E4E4; border-radius: 100%; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); margin: 0 auto 1rem auto;}
#sobre .box .icon i {font-size: 70px; color: #1370D0;}
#sobre .box .text h2 {font-weight: 600; text-align: center; text-transform: uppercase; color: #1370D0;}