/** OPS EMPRESAS AGOSTO 2020 **/

/* 1. Quem Somos
=----------------*/
#sobre p {text-align: justify;}
#sobre img.image {height: 250px; object-fit: cover; box-shadow: 3px 3px 5px #a2a2a2;}
#sobreModal .modal-header {position: relative;}
#sobreModal .modal-header .close {position: absolute; top: 5px; right: 10px; transform: unset; padding: 0; margin: 0;}
#sobreModal .modal-header .modal-title {text-align: center;}
#sobre .box img {height: 90px; margin: 0 0 0.5rem 0;}
#sobre .box h2 {font-weight: 600; text-align: center; text-transform: uppercase; color: #0b9645; margin: 0 0 0.25rem 0;}


/* 2. Background
=----------------*/
#background {max-width: 100%; height: 100%; width: 100%; background: url(../images/jpg/background.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 100px 0; background-attachment: fixed; z-index: 0;}
#background:before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(00, 00, 00, 0.5); z-index: -1;}
#background .box h1 {font-size: 30px; line-height: 40px; color: #fff;}
#background .box .btn {border: 1px solid #fff;}

/* 3. Serviços
=----------------*/
#servico .box img {height: 230px; width: 230px; border-radius: 100%; object-fit: cover; transition: .7s; margin-bottom: 15px; box-shadow: 1px 1px 5px #000;}
#servico .box:hover img {width: 100%; border-radius: 5px;}
#servico .box h2 {font-weight: 600;}
#servico .box ul {list-style: none; padding: 0; margin-top: 10px;}

/* 4. Parceiros
=----------------*/
#parceiro img {height: 100px;}
#parceiro .box {margin: 25px auto; background: #f9f9f9; padding: 20px 10px; min-height: 140px;}
#parceiro .box h1 {font-size: 18px; line-height: 23px; font-weight: 600;}

/* 5. Galeria - Home
=----------------*/
#fotos .row {width: 100%; margin: 0;}
#fotos img {height: 250px; object-fit: cover; cursor: pointer;}

/* 6. Bandeiras de Cartão
=----------------*/
#bandeiras {background: #eaeaea;}
#bandeiras h1 {margin-bottom: 30px;}
#bandeiras .box {padding: 15px 10px; margin: 0 10px; text-align: center;}
#bandeiras .box img {max-width: 150px;}