/* 1. Welcome Mat
-------------------*/
#painel ul {list-style: none; margin: 0; padding: 0;}

#welcome-mat {background: #0000A3; color: #FFF; padding: 15px 0;}
#welcome-mat img {height: 50px;}
#welcome-mat h2 {font-size: 18px; font-weight: 600; margin: 0;}
#welcome-mat p {font-size: 12px; margin-bottom: 0.25rem;}

/* 2. Explicativo
-------------------*/
#explicativo p {text-align: justify;}
#explicativo p b {color: #0000A3;}
#explicativo img {height: 400px; object-fit: cover; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25);}
#explicativo .sticky-top {top: 90px; z-index: 0;}

/* 3. Serviços
----------------*/
#servicos .box {border: 1px solid #DEE2E6; border-bottom: 2px solid #0000A3; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .20); padding: 15px;}
#servicos .box .image {height: 180px; margin-bottom: 15px;}
#servicos .box .image img {height: 100%;}
#servicos .box .text h2 {font-weight: 600; text-align: center; text-transform: uppercase; color: #0000A3;}
#servicos .box .text p {text-align: justify;}
#servicos.interna .box img {max-height: 250px;}
#servicos.interna .box h2 {font-weight: 600; color: #0000A3;}
#servicos.interna .labels {-ms-flex-wrap: wrap; flex-wrap: wrap;}
#servicos.interna .labels label {margin-bottom: 1rem;}
#servicos.interna .labels label:not(:last-child) {margin-right: 1rem;}

/* 4. Call to Action
----------------------*/
#call-to-action {background: url(../images/jpg/background/call-to-action.jpg); background-size: cover; background-attachment: fixed; padding: 90px 0;}
#call-to-action .box {background: #FFF; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35); padding: 15px; padding-bottom: 22px;}
#call-to-action .box .titulo {margin-bottom: 1.75rem;}
#call-to-action .box .input-group .input-group-text {font-weight: 900; background: #F7F7F7; color: #0000A3;}

/* 5. Gestão de Frotas e Telemetria
-------------------------------------*/
#gestao .box {border: 1px solid #DEE2E6; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); height: 100%; padding: 15px;}
#gestao .box img {height: 65px;}
#gestao .box h2 {font-size: 18px; font-weight: 900; text-transform: uppercase; line-height: 1.4; margin: 0;}

/* 6. Clientes
----------------*/
#clientes .titulo {margin-bottom: 1.75rem;}
#clientes .parceiro {background: #DDE1E1; border: 1px solid #DEE2E6; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); height: 80px; padding: 10px;}
#clientes .parceiro img {height: 100%; object-fit: contain;}
#clientes .slick-parceiros .slick-slide {margin: 5px 15px;}

/* 7. Clientes
----------------*/
#galeria .titulo {margin-bottom: 1.75rem;}
#galeria .galeria {text-align: center;}
#galeria .galeria img {width: 240px; height: 240px; border-radius: 100%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .75); margin: 0 auto; object-fit: cover;}
#galeria .slick-galeria .slick-slide {margin: 5px 0;}

/* 8. Quem somos
------------------*/
#sobre h2 {font-size: 18px; font-weight: 100; text-transform: uppercase; letter-spacing: 3px;}
#sobre p {text-align: justify;}
#sobre img {height: 85%; object-fit: cover; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25);}

/* 9. Contato
---------------*/
#contato h2, #contato h3 {font-size: 18px;}
#contato h2 {font-weight: 300; font-style: italic; text-align: center;}
#contato h3 {font-weight: 600; text-transform: uppercase; color: #0000A3;}
#contato .social a {font-size: 26px}
#contato .social a:not(:last-child) {margin-right: 0.5rem;}

/* 10. Privacidade
--------------------*/
#privacidade p {text-align: justify;}