html, body {
height: 100%;
margin: 0;
cursor: default;
}
:root {
--red: #CF1300;
--lightred: #FF0209;
--darkred: #8C0004;
--blue: #1B2369;
--lightblue: #3340AB;
--darkblue: #12184B;
}
body {
position: relative;
/* font-family: 'Poppins'; */
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5em;
color: #363B4D;
overflow-x: hidden !important;
background: white;
}
* {
border-radius: 0px;
}
*:focus {
outline: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* page sections config */
.container {
margin-left: auto;
margin-right: auto;
width: 100%;
}
section { height: auto; }
/* text */
.white-text {color: white;}
.blue-text { color: var(--blue); }
.red-text { color: #b70008; }
p {
color: #252525;
padding: 0;
}
/* titles */
h2 {
font-weight: bold;
color: white;
}
h3 {
color: var(--red);
font-size: 22px;
}
h4 {
line-height: normal;
}
/* links */
a {
text-decoration: none !important;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
cursor: pointer;
}
a:hover { color: var(--red); }
/* lists */
ul { padding: 0; }
li {
list-style: none;
margin: 5px 0;
}
/* backgrounds */
.bg-darkblue {
background: #AC0C00;
}
.bg-blue { background-color: var(--blue); }
.bg-grey { background-color: #ececec; }
.bg-lightgrey { background-color: #f7f7f7}
.bg-brown { background-color: #D3BFAF;}
.bg-red { background-color: #a50005;}
/* buttons */
.btn {
border-radius: 10px ;
padding: 12px 20px;
border: none;
font-size: 17px;
}
.btn-primary{
padding: 13px 17px;
border-radius: 14px;
}
.btn-primary,
.btn-primary:active,
.btn-primary:focus {
background: var(--red);
color: #fff;
}
.btn-primary:hover {
background: var(--darkred);
color: #fff;
}
.btn-primary a,
.btn-primary a:active,
.btn-primary a:focus,
.btn-primary a:hover {
color: #fff;
}
.btn-primary-empty {
background: transparent;
color: #fff;
border: 2px solid var(--red);
}
.btn-primary-empty:active,
.btn-primary-empty:hover,
.btn-primary-empty:focus {
background: var(--red);
color: #fff;
border: 2px solid var(--red);
}
.btn-blue {
background: var(--blue);
color: #fff;
}
.btn-blue:hover {
background: var(--darkblue);
color: #fff;
}
.btn-white {
background: white;
}
.btn-white:hover {
background: rgba(255, 255, 255, 0.815);
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background: none;
border-bottom: 1px solid white;
}
.btn-white a {
color: var(--darkblue)!important;
}
.text-red {
color: var(--red);
}
.title-page {
bottom: 23px;
position: absolute;
padding-left: 100px;
}
.title-page h1 {
font-size: 45px;
}
/* labels */
label {
line-height: normal;
}
/* forms */
.form-control {
background-color: transparent;
border-radius: 0!important;
border:none;
border-bottom: 2px solid #000000;
padding-left: 0;
color: var(--blue);
box-shadow: none;
font-size: 16px!important;
}
.form-control:focus {
border-bottom: 2px solid var(--red);
}
.form-control::placeholder {
color: #706E6E;
}
/* NAVBAR */
.nav {
justify-content: center;
}
.navbar-nav {
align-items: center;
padding-top: 2%;
}
nav .nav-link {
color: #cf1300 !important;
padding-right: 2.3rem!important;
padding-left: 2.3rem!important;
}
nav .nav-link:hover,
nav .nav-link:active,
nav .nav-link:focus {
color: #CF1300;
}
.nav-item .btn-white {
padding: 5px 8px;
}
/* on scroll */
.scroll {
background: #fcfcfc;
transition: 0.3s ease-in;
box-shadow: 0px 4px 9px 2px rgba(0, 0, 0, 0.25);
}
.scroll .nav-link {
color: #CF1300;
}
.scroll .nav-link:hover {
font-weight: 600;
}
.navbar-toggler svg {
fill: rgb(207 19 0) !important;
}
.scroll .navbar-toggler svg {
fill: #000000 !important;
}
.navbar-toggler-icon {
display: inline-block;
width: unset !important;
height: unset !important;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
/*mobile*/
.scroll-mobile-top {
background: #fcfcfc;
transition: 0.3s ease-in;
box-shadow: 0px 4px 9px 2px rgba(0, 0, 0, 0.25);
}
.scroll-mobile-top .nav-link {color: var(--blue);}
/* btn-login */
.scroll .btn {
background-color: #CF1300;
}
.scroll .btn:hover {
background-color: #CF1300;
}
.scroll .btn .nav-link{
color: white !important;
}
/* logo */
.logo_nav {
height: 60px;
transition: .5s ease-in-out;
}
.navbar-brand {
height: auto;
}
/* button*/
.btn-navcolor{
background: #CF1300;
padding: 1% 5% 1% 5%;
border-radius: 14px;
font-weight: 600;
}
.nav-item .btn-navcolor {
padding: 5px 8px;
}
.btn-navcolor:hover {
background: #CF1300;
box-shadow: 7px 7px 21px rgba(207.39, 19.05, 0, 0.18) !important;
/* border: 1px #CF1300 solid; */
}
.btn-navcolor .nav-link:hover, .btn-navcolor .nav-link:active, .btn-navcolor .nav-link:focus {
color: #ffffff;
}
.btn-red{
background: #CF1300;
padding: 2% 5% 2% 5%;
border-radius: 14px;
font-weight: 600;
}
.btn-red:hover {
background: #CF1300;
box-shadow: 7px 7px 21px rgba(207.39, 19.05, 0, 0.30) !important;
/* border: 1px #CF1300 solid; */
}
.btn-red .nav-link:hover, .btn-red .nav-link:active, .btn-red .nav-link:focus {
color: #ffffff;
}
.btn-redservices{
border: 3px solid #CF1300;
background: var(--white, #CF1300);
padding: 2% 5% 2% 5%;
color: #ffffff !important;
border-radius: 14px;
font-weight: 600;
color: #ffffff !important;
}
.btn-redservices:hover {
box-shadow: 5px 4px 15px 0px rgba(207, 19, 0, 0.19);
background: #ffffff;
border: 3px solid #CF1300;
color: #CF1300 !important;
}
.btn-redservices .nav-link{
color: #ffffff;
}
.btn-redservices .nav-link:hover, .btn-redservices .nav-link:active, .btn-redservices .nav-link:focus {
color: #CF1300 !important;
}
/* .btn-redservices a.nav-link:hover {
color: #CF1300 !important;
}
/* FOOTER */
footer img {
width: 100px;
}
footer p.footer-title{
font-weight: 600;
font-size: 22px;
}
footer ul p a.footer-services{
font-weight: 400;
font-size: 15px;
color: #ffffff !important;
text-decoration: underline !important;
}
a.footer-email{
font-weight: 400;
font-size: 15px;
color: #ffffff !important;
}
a.footer-email:hover{
color: #ffffff !important;
}
img.footer-white{
width: 72%;
padding: 0px 15px 2px 26px;
}
footer {
font-size: 14px;
}
footer .bg-darkblue {
color: #ccc;
}
footer a {
color: #ccc!important;
}
footer a:hover {
color: var(--red)!important;
}
/* geral components */
/* cards */
.card {
min-height: 350px;
border: none;
box-shadow: 4px 4px 6px rgba(138, 138, 138, 0.18);
}
/* ///////////// PAGES \\\\\\\\\\\\\\\\ */
/* HOME */
#home_services .card {
margin-bottom: -20px;
z-index: -1;
}
#home-about .col-sm-4 {
margin-top: 15px;
}
.tracking-card {
background: rgba(255, 255, 255, 0.15);
box-shadow: 5px 5px 15px rgba(255, 255, 255, 0.20);
border-radius: 6px;
border: 1px white solid;
padding: 5%;
}
.form-control-tracking {
background: white;
border: none;
width: 100%;
border-radius: 8px;
padding: 10px;
padding-left: 15px;
}
.slogan {
display: flex;
}
/* CONTACTOS */
.contact-form {
background-color: white;
padding: 40px 80px;
box-shadow: 0px -3px 9px rgb(178 178 178 / 50%);
}
.card-contacts {
width: 150%;
}
/* .map {
margin-top: -160px;
margin-bottom: -6px;
} */
/* SERVICES */
#services .col-sm-6 {
padding: 0;
}
/* ABOUT */
.mission-text {
padding-left: 8%;
padding-right: 5%;
float: right;
margin: 60px 0 0 0;
margin-left: -10%;
min-height: 295px;
}
.mission-img { margin-right: -22%; }
/* RECRUITMENT */
.recruitment-form .caret {
color: #888888;
position: absolute;
right: 22px;
bottom: 50px;
}
.recruitment-form .form-group {
margin-bottom: 35px;
}
.recruitment-form select option:first-child{
color: #888888;
display: block !important;
}
.recruitment-form select option{ padding: 10px; }
/* LOGIN */
/* DOCUMENTS */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
background-color: var(--red);
border-color: var(--red);
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
background-color: #e3e3e3;
}
/* CUSTOM SHAPES */
/* top */
.custom-shape-divider-top {
position: relative;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
}
.custom-shape-divider-top svg {
position: relative;
display: block;
width: calc(110% + 1.3px);
height: 90px;
margin-left: -5%;
}
.custom-shape-divider-top .shape-fill { fill: #ececec; }
.custom-shape-divider-top .shape-fill-white { fill: white; }
/* bottom */
.custom-shape-divider-bottom {
position: relative;
top: -55px;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
rotate: 180deg;
}
.custom-shape-divider-bottom svg {
position: relative;
display: block;
width: calc(110% + 1.3px);
height: 90px;
margin-left: -5%;
}
.custom-shape-divider-bottom .shape-fill { fill: #a50005;
}
.custom-shape-divider-bottom .shape-fill-white { fill: white; }
/* MEDIA */
/* $grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1400px
); */
/* so no xl deste e q faz o lg */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { }
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.service { display: flex; }
footer { height: 350px; }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1600px) {
}
/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { }
/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
/*header*/
.navbar-nav {
margin-top: 75px;
}
.nav > .show .nav {
background: white;
}
/*home*/
.mockup { height: 50vh !important; }
.title-home { margin-top: 20vh !important; }
.tracking-card {
padding: 20px;
}
.solution-icon { width: 30px !important; }
#home_services .title { margin-top: 50px; }
#home_services .card h2 {
white-space: unset !important;
}
#home-about .col-sm-12{ margin-top: 20px; }
#home-contacts img {
width: 100% !important;
margin-top: 30px;
}
#home-contacts {
margin-top: 20px;
margin-bottom: 30px;
}
#home-recruitment { padding-top: 55px !important; }
/*contacts*/
.card-contacts {
width: 100%;
padding: 10px 0px 40px 0px;
}
.contact-form { padding: 15px 10px; }
.map { margin-top: 40px; }
.custom-shape-divider-top { top: -1px; }
/*services*/
#services img {
width: 100% !important;
float: unset!important;
margin: 20px 0!important;
}
.row {
margin: 0 !important;
}
#services .bg-brown {
padding-left: 5% !important;
padding-right: 5% !important;
margin-top: 20px !important;
padding-bottom: 20px !important;
}
/*about*/
.mission-img {
margin: -20px;
}
.mission-text {
margin: -20px;
}
.mission-text > div {
padding-left: 0 !important;
}
#about img {
width: 100% !important;
margin: 10px 0!important;
}
/*footer*/
footer { height: -webkit-fill-available; }
footer .container img {
padding-bottom: 30px !important;
}
footer .col-sm-3 {
margin-top: 10px !important;
}
.credits {
padding-top: 10px !important;
}
.login-header {
background-position: unset !important;
}
#login {
margin: 30px 0;
}
}
/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
.container {
margin: auto;
width: 98%;
}
/*home*/
.slogan { display: block; }
/* about */
.mission-text { margin-top: 0; }
.service { display: unset; }
}
/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { }
/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { }
@media (min-width: 1200px) and (max-width: 1400px) {
.card { min-height: 400px !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
.collapse:not(.show) { display: none!important; }
}
/* slide teste */
.slide-right-first, .slide-right-second, .slide-right-third{ width: 120%; }
.slide-right-first, .slide-right-second, .slide-right-third{
animation: 1s slide-right;
}
@keyframes slide-right-first {
from {
margin-left: -70px;
}
to {
margin-right: -50px;
}
}
@keyframes slide-right-second {
from {
margin-left: -45px;
}
to {
margin-right: -25px;
}
}
@keyframes slide-right-third {
from {
margin-left: -35px;
}
to {
margin-right: -15px;
}
}
/* acrescentar coisas */
.btn-procura, .btn-procura:active, .btn-procura:focus {
background: white;
color: #fff;
border-radius: 10px;
padding: 10px 10px;
border: none;
}
.btn-procura:hover {
box-shadow: 5px 5px 10px rgb(255 255 255 / 30%);
}
.texto-principal{
font-size: 65px;
font-weight: 700;
padding-bottom: 4%;
/* padding-top: 4%; */
}
h1.text-home1{
color: var(--white, #FFF);
font-size: 40px;
font-style: normal;
font-weight: 600;
}
.subtitle-home1{
color: rgba(255, 255, 255, 0.55);
text-align: left;
font-size: 31px;
font-weight: 500;
line-height: 33px;
padding-bottom: 2%;
}
p.text-normalwhite{
text-align: left;
color: #ffffff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 35px;
}
.rectangle-counters{
width: 50%;
margin-top: 1%;
height: auto;
flex-shrink: 0;
border-radius: 10px;
background: var(--white, #FFF);
box-shadow: 5px 4px 20px 0px rgba(0, 0, 0, 0.25);
display: flex;
align-items: center;
padding: 25px;
justify-content: center;
}
.counter{
font-size: 50px;
color:#CF1300;
font-weight: 600;
}
.counter-1{
color: #CF1300;
font-size: 50px;
font-weight: 600;
}
.sub-textcounters{
color: #000000;
font-size: 20px;
font-weight: 600;
text-align: center;
display: grid;
flex-direction: row-reverse;
justify-content: center;
}
.counters{
display: flex;
flex-direction: column;
align-items: center;
}
.black-titles{
color:#000000;
font-size: 35px;
padding-bottom: 1%;
}
.black-titles1{
color:#000000;
font-size: 35px;
padding-bottom: 1%;
}
p.text-normalblack {
text-align: left;
color: #000000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 35px;
}
/* .excellence{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
} */
.excellence-line{
display: flex;
flex-direction: row;
align-items: center;
}
.excellence-text{
font-size: 16px;
font-weight: 600;
text-align: center;
height: 5vh;
}
.rectangle-orcamento{
filter: drop-shadow(9px 9px 47px rgba(0, 0, 0, 0.25));
width: 100%;
background: var(--white, #FFF);
/* height: 75vh; */
margin-top: -5%;
padding: 4% 5% 10% 5%;
}
.dropdown-menu {
text-transform: capitalize;
border: none;
background: #AB1000;
padding-top: 0%;
padding-bottom: 0%;
}
.dropdown-menu a {
color: #ffffff;
padding: 9px 14px;
font-weight: 600;
font-size: 16px;
}
.dropdown-menu a:hover {
color: #ffffff;
background: #CF1300;
}
.dropdown-item.active,
.dropdown-item:active {
background: none;
}
.dropdown-item.active,
.dropdown-item:active {
background: none;
}
.dropdown:hover>.dropdown-menu {
display: block;
top: 100%;
}
.dropdown>.dropdown-toggle:active {
pointer-events: none;
}
.navbar-nav>li>a:hover{
font-weight: 500;
}
.navbar-nav>li>a:focus{
font-weight: 500;
}
/* about */
.about-black{
color: #000000;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 13px;
}
.about-subtitle{
color: #CF1300;
font-size: 26px;
font-weight: 500;
line-height: 31px;
padding-bottom: 1%;
}
.about-normalblack{
text-align: end;
color: #000000;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 35px;
}
.rectangle-about{
filter: drop-shadow(9px 9px 47px rgba(0, 0, 0, 0.25));
width: 100%;
background: var(--white, #FFF);
/* height: 83vh; */
/* margin-top: -13%; */
padding: 0px 0px 100px 0px;
}
.section-aboutmision{
margin-top: -3%;
padding: 0px 0px 100px 0px;
}
.visao-about{
padding: 11% 5% 2% 5%;
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 767px) and (max-width: 1600px) {
.visao-about{
padding: 78px 34px 6px 34px;
display: flex;
flex-direction: column;
align-items: center;
}
.section-aboutmision{
margin-top: -3%;
/* height: 90vh; */
}
.rectangle-about{
filter: drop-shadow(9px 9px 47px rgba(0, 0, 0, 0.25));
width: 100%;
background: var(--white, #FFF);
/* height: 83vh; */
/* margin-top: -13%; */
}
/* .rectangle-contacts{
height: 106vh !important;
margin-top: -52% !important;
} */
}
@media (min-width: 1900px) and (max-width: 1932px) {
.visao-about{
padding: 104px 40px 16px 40px;
}
/* .rectangle-about{
height: 74vh;
} */
.section-aboutmision{
margin-top: -3%;
/* height: 82vh; */
}
.rectangle-contacts{
/* margin-top: -41% !important; */
/* height: 81vh !important; */
}
.contacts-fullchange{
height: 75vh !important;
}
}
/*valores*/
.title-values{
color: #ffffff;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 35px;
}
.about-values{
text-align: left;
color: #ffffff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 35px;
}
.retangulo-valores{
width: auto;
height: 100%;
flex-shrink: 0;
border-radius: 6px;
border: 1px solid var(--white, #FFF);
background: rgba(255, 255, 255, 0.15);
padding: 4%;
transition: 0.2s ease-in;
}
.retangulo-valores:hover{
box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.20);
}
.about-recrutamento{
text-align: left;
color: #3D3D3D;
font-size: 19px;
font-style: normal;
font-weight: 500;
line-height: 35px;
}
.btn-about{
border-radius: 14px;
border: 3px solid #CF1300;
background: var(--white, #FFF);
padding: 8px 17px;
}
.btn-about:hover {
box-shadow: 5px 4px 15px 0px rgba(207, 19, 0, 0.19);
}
.btn-about:hover, .btn-about:active, .btn-about:focus {
color: #CF1300;
}
.rectangle-services{
filter: transparent !important;
width: 500px;
background: transparent !important;
border-radius: 6px;
padding: 60px 25px 60px 25px;
transition: 0.2s ease-in;
height: auto;
display: flex;
transition: 1s linear;
flex-direction: column;
/* display: none; */
}
.rectangle-services:hover, .rectangle-services:focus{
filter: drop-shadow(5px 4px 20px rgba(207, 19, 0, 0.15)) !important;
width: 500px;
background: var(--white, #FFF) !important;
border-radius: 6px;
padding: 60px 25px 60px 25px;
transition: 0.2s ease-in;
height: auto;
display: flex;
flex-direction: column;
}
.title-services{
color: #000000;
font-size: 25px;
font-style: normal;
font-weight: 600;
/* line-height: 35px; */
text-align: center;
}
.services-section{
text-align: center;
color: #000000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 35px;
}
.btn-services{
border: 3px solid #CF1300;
background: var(--white, #CF1300);
padding: 10px 29px;
color: #ffffff !important;
font-weight: 600;
}
.btn-services:hover, .btn-services:active, .btn-services:focus{
box-shadow: 5px 4px 15px 0px rgba(207, 19, 0, 0.19);
background: #ffffff;
border: 3px solid #CF1300;
color: #CF1300 !important;
}
/* valores dos serviços*/
.services-values{
color: #ffffff;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 35px;
text-align: center;
}
.services-values1{
text-align: center;
color: #ffffff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 35px;
}
.retangulo-services{
width: auto;
min-height: 658px;
flex-shrink: 0;
border-radius: 6px;
border: 1px solid var(--white, #FFF);
background: rgba(255, 255, 255, 0.15);
padding: 4%;
transition: 0.2s ease-in;
}
.retangulo-services:hover{
box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.20);
}
.fullcharge-texte{
color: #000000;
text-align: left;
font-size: 35px;
font-style: normal;
font-weight: 700;
}
.fullcharge-subtitle{
color: #CF1300;
font-size: 23px;
text-align: left;
font-weight: 500;
/* line-height: 31px; */
padding-bottom: 1%;
margin-top: 0px;
}
.fullcharge-normalblack{
text-align: left;
color: #000000;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 35px;
}
.fullcharge-normalblackrecruta{
text-align: left;
color: #000000;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 35px;
}
.fullcharge-red{
margin-bottom: 2%;
color: #CF1300;
font-weight: 600;
text-align: left;
font-size: 15px;
font-style: normal;
line-height: 35px;
}
.retangulo-fullcharge{
width: auto;
min-height: 412px;
flex-shrink: 0;
border-radius: 6px;
border: 1px solid var(--white, #FFF);
background: rgba(255, 255, 255, 0.15);
padding: 4%;
transition: 0.2s ease-in;
}
.retangulo-fullcharge:hover{
box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.20);
}
/* retangulo serviço de transporte de mudanças*/
.retangulo-changes{
width: auto;
height: 228px;
flex-shrink: 0;
border-radius: 6px;
border: 1px solid var(--white, #FFF);
background: rgba(255, 255, 255, 0.15);
padding: 4%;
/* transition: 0.2s ease-in; */
transition-timing-function: ease;
display: flex;
}
.retangulo-changes:hover{
box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.20);
}
.services-changes{
text-align: left;
color: #ffffff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 35px;
}
/* mapa */
#mapa {
background-color: #e11212;
height: 728px;
}
@media screen and (max-width: 991px) {
#mapa {
height: 700px;
}
}
#mapa .row {
height: 100%;
}
#mapa .mapa-content {
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
position: relative;
}
#mapa h1 {
color: #333333 !important;
}
#mapa h6 {
color: #333333 !important;
}
#mapa .mapa-content iframe {
width: 100%;
height: 100%;
}
#mapa .af-btn-rgrey {
width: fit-content;
padding: 12px 28px;
}
.af-btn-rgrey:hover {
font-weight: bold !important;
}
.mapa-content-left {
padding: 0 10% 0 10%;
}
#mapa .contactos {
margin: 30px 0;
}
.rectangle-contacts{
filter: drop-shadow(9px 9px 47px rgba(0, 0, 0, 0.25));
width: 40%;
background: var(--white, #FFF);
/* height: 104vh; */
/* margin-top: -52%; */
margin-left: -798px;
padding: 40px 60px 80px 60px;
}
.talk-tous{
color: #000000;
font-size: 28px;
font-weight: 700;
}
.talk-tousred{
color: #CF1300;
font-size: 20px;
font-weight: 400;
}
.form-groupcontact {
margin-bottom: 70px !important;
}
.contacts-title{
font-size: 20px;
font-weight: 600;
color: rgba(255, 255, 255, 0.55);
margin-bottom: 19px;
}
.contacts-telephone{
color: #ffffff;
font-size: 17px;
font-weight: 400;
margin-bottom: 19px;
}
.contacts-email{
color: #ffffff;
font-size: 17px;
font-weight: 400;
margin-bottom: 19px;
}
.contacts-household{
color: #ffffff;
font-size: 17px;
font-weight: 400;
margin-bottom: 19px;
margin-top: 0px;
}
.contacts-cellphone{
color: #ffffff;
font-size: 17px;
font-weight: 400;
margin-bottom: 19px;
}
a:focus, a:hover {
color: #CF1300;
text-decoration: underline;
}
/* página pedir orçamento */
.budget-texte{
color: #000000;
text-align: left;
font-size: 40px;
font-style: normal;
font-weight: 700;
}
.budget-subtitle{
color: #CF1300;
font-size: 26px;
text-align: left;
font-weight: 500;
line-height: 31px;
}
.form-group-budget {
margin-bottom: 50px !important;
}
span.input-group-addon.btn.btn-default.btn-file {
background: #CF1300;
border-radius: 24% !important;
padding: 12px 14px;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
color: #fff;
background-color: #CF1300;
border-color: #CF1300;
}
.btn-primary:hover {
box-shadow: 7px 7px 21px rgba(207.39, 19.05, 0, 0.20) !important;
background: #cd1300;
}
.btn-description{
color: #cf1300;
background: transparent;
font-weight: 600;
text-decoration: underline !important;
}
.btn-description:hover{
color: #cf1300;
box-shadow: 7px 7px 21px rgba(207.39, 19.05, 0, 0.20) !important;
}
.text-logintext{
font-size: 17px;
color: #cf1300;
text-transform: none !important;
font-weight: 500;
}
/* tipos de booes */
.btn-submit{
border-radius: 14px;
border: 3px solid #CF1300;
background: var(--white, #FFF);
padding: 1% 5% 1% 5%;
position: absolute;
font-weight: 600;
color: #CF1300 !important;
/* margin-left: 70%; */
}
.btn-submit:hover{
box-shadow: 5px 4px 15px 0px rgba(207, 19, 0, 0.19);
}
.btn-recruitment{
border-radius: 13px;
background: #CF1300;
font-weight: 600;
border: transparent;
padding: 1.5% 5% 1.5% 5%;
color: #ffffff;
}
.btn-recruitment:hover{
box-shadow: 10px 10px 19px 0px rgba(207, 19, 0, 0.35);
}
@media (max-width: 385px){
.contacts-fullchange {
background-image: url(/assets/website/img/mobile-contactos.png) !important;
background-position-y: 269px !important;
}
}
@media (max-width: 470px){
.contacts-fullchange {
background-image: url(/assets/website/img/mobile-contactos.png) !important;
background-position-y: 269px !important;
}
}
@media (max-width: 575.98px) {
.logo_nav {
height: 54px;
}
.navbar-nav {
display: block !important;
text-align: center !important;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
padding: 20px !important;
}
.coluna-humildade{
padding: 1% 6% 10% 6% !important;
}
.coluna-valores2{
padding: 0% 2% 0% 2% !important;
}
.tamanho-excelencia{
height: 319px !important;
}
.coluna-vetores{
padding: 50px 30px 0px 30px !important;
}
.icones-excelencia{
height: 70px;
padding-right: 0% !important;
}
.coluna-excelencia{
padding: 0px 30px 0px 30px !important;
}
h1.text-home1{
font-size: 28px !important;
}
.class-imghistoria{
padding: 50px 0px 50px 0px !important;
}
/* .class-imghistoria{
background-image: url(/assets/website/img/mobile-historia.png) !important;
} */
.class-historia{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.about-normalblack{
text-align: center !important;
}
.title-page {
bottom: 7px !important;
}
.section-aboutmision {
margin-top: 0% !important;
}
.about-black {
font-size: 30px !important;
}
.about-subtitle {
font-size: 18px !important;
}
.budget-texte{
font-size: 30px !important;
}
.budget-subtitle{
font-size: 18px !important;
}
.services1-subtitle {
font-size: 18px !important;
text-align: center !important;
}
/* .icone-missao{
height: 13vh !important;
} */
.title-values {
font-size: 23px !important;
}
.about-values {
font-size: 15px !important;
}
.col-recrutamentoabout{
display: flex !important;
align-content: center;
flex-direction: column !important;
align-items: center !important;
}
.class-orcamentoservico{
display: flex !important;
align-content: center;
flex-direction: column !important;
align-items: center !important;
}
.about-recrutamento{
text-align: center;
font-size: 15px !important;
line-height: 28px !important;
}
.sobre-servicosclass{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.services-section {
font-size: 15px !important;
}
.icone-servicoico{
height: 7vh !important;
}
.retangulo-services {
min-height: 500px !important;
padding: 60px 24px 60px 24px !important;
}
.title-values{
text-align: center !important;
}
.services-values1 {
font-size: 15px !important;
}
.rectangle-changesclass{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.classtext-changes{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.retangulo-changes{
height: 450px !important;
}
.icon-changes{
height: 11vh !important;
}
.talk-tous{
font-size: 24px !important;
}
.talk-tousred {
font-size: 16px !important;
}
.rectangle-contacts {
padding: 40px 25px 80px 25px !important;
}
.form-groupcontact {
margin-bottom: 24px !important;
}
.rectangle-orcamento{
padding: 4% 5% 13% 5%;
}
}
@media (max-width: 683px){
.class-missao {
margin-bottom: 20px !important;
}
.class-visao {
margin-bottom: 25px !important;
padding: 0% 0% 0% 0% !important;
}
.rectangle-about {
padding: 0px 0px 14px 0px !important;
}
.visao-about {
padding: 34px 34px 6px 34px !important;
}
.about-blackmision {
font-size: 30px !important;
}
.about-subtitle1 {
font-size: 18px !important;
}
}
@media (max-width: 768px) {
.navbar-nav {
display: block;
text-align: center;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
padding: 20px;
}
.about-normalblack{
margin-bottom: 0% !important;
padding-left: 0px !important;
}
.title-page {
bottom: 7px !important;
}
.class-missao {
margin-bottom: 20px !important;
}
.class-visao {
margin-bottom: 25px !important;
padding: 0% 0% 0% 0% !important;
}
.rectangle-about {
padding: 0px 0px 14px 0px !important;
}
.visao-about {
padding: 34px 34px 6px 34px !important;
}
.section-aboutmision {
margin-top: 0% !important;
}
.about-black {
font-size: 35px;
}
.about-subtitle {
color: #CF1300;
font-size: 23px;
font-weight: 500;
line-height: 31px;
padding-bottom: 1%;
}
.budget-texte{
font-size: 35px;
}
.budget-subtitle{
font-size: 23px;;
}
.icone-missao{
height: 14vh !important;
}
.services1-subtitle {
font-size: 23px !important;
}
.retangulo-services {
min-height: 400px ;
padding: 60px 24px 60px 24px !important;
}
.class-orcamentoservico{
display: flex !important;
align-content: center;
flex-direction: column !important;
align-items: center !important;
}
.about-recrutamento{
text-align: center;
font-size: 15px !important;
line-height: 28px !important;
}
.class-cargacompleta{
display: flex;
flex-direction: column;
align-items: center;
}
.controlled-class{
display: flex;
flex-direction: column;
align-items: center;
}
.class-changes{
display: flex;
flex-direction: column;
align-items: center;
}
.class-courier{
display: flex;
flex-direction: column;
align-items: center;
}
.class-groupage{
display: flex;
flex-direction: column;
align-items: center;
}
.fullcharge-texte{
text-align: center;
font-size: 30px !important;
}
.fullcharge-subtitle{
text-align: center;
font-size: 19px !important;
}
.fullcharge-normalblack{
text-align: center;
}
.fullcharge-red{
text-align: center;
}
.rectangle-changesclass{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.classtext-changes{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.rectangle-courieiclass{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.classtext-courier{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.retangulo-changes{
height: 368px;
}
.icon-changes{
height: 11vh !important;
}
.services-changes{
text-align: center;
font-size: 15px !important;
}
.contacts-fullchange{
background-image: url('/assets/website/img/mobile-contactos.png') !important;
background-position-y: 213px;
background-position-x: 0px !important;
padding: 26px 0px 17px 0px !important;
}
.text-contactosclass{
margin-bottom: 40px;
}
.class-empresa{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.class-operacional{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
margin-bottom: 15px;
}
.class-faleconnosco{
display: flex !important;
margin-top: -48px !important;
flex-direction: column-reverse !important;
align-items: center !important;
}
.rectangle-contacts {
width: 75% !important;
padding-bottom: 80px !important;
margin-bottom: 0 !important;
margin-left: 0px !important;
}
.todos-topos {
margin-bottom: 8px !important;
margin-left: 14px !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.navbar-nav {
display: block;
text-align: center;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
padding: 20px;
}
.todos-topos {
margin-bottom: 8px !important;
margin-left: 14px !important;
}
.about-black {
color: #000000;
text-align: center;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: 13px;
}
.about-subtitle {
color: #CF1300;
font-size: 23px;
font-weight: 500;
line-height: 31px;
padding-bottom: 1%;
}
.budget-texte{
font-size: 35px;
}
.budget-subtitle{
font-size: 23px;;
}
.about-normalblack{
margin-bottom: 0% !important;
padding-left: 0px !important;
}
.title-page {
bottom: 7px !important;
}
.class-missao {
margin-bottom: 20px !important;
}
.class-visao {
margin-bottom: 25px !important;
padding: 0% 0% 0% 0% !important;
}
.rectangle-about {
padding: 0px 14px 14px 14px !important;
}
.visao-about {
padding: 34px 34px 6px 34px !important;
}
.section-aboutmision {
margin-top: 0% !important;
}
.about-blackmision {
font-size: 35px !important;
}
.about-subtitle1 {
font-size: 23px !important;
}
.services1-subtitle {
font-size: 23px !important;
}
.retangulo-services {
min-height: 400px ;
padding: 60px 24px 60px 24px !important;
}
h1.text-home1 {
font-size: 30px;
}
.contacts-fullchange{
background-image: url('/assets/website/img/mobile-contactos.png') !important;
background-position-y: 171px;
background-position-x: 0px !important;
}
.text-contactosclass{
margin-bottom: 40px;
}
.class-faleconnosco{
display: flex !important;
margin-top: -48px !important;
flex-direction: column-reverse !important;
align-items: center !important;
}
.rectangle-contacts {
width: 60% !important;
padding: 40px 60px 80px 60px !important;
margin-bottom: 0 !important;
margin-left: 0px !important;
}
}
@media (max-width: 1013px) {
h1.text-home1 {
font-size: 35px;
}
}
@media (min-width: 1200px) and (min-width: 1400px) {
.rectangle-contacts {
filter: drop-shadow(9px 9px 47px rgba(0, 0, 0, 0.25));
width: 40%;
background: var(--white, #FFF);
/* height: 104vh; */
/* margin-top: -52%; */
margin-left: -665px;
padding: 40px 60px 108px 60px;
}
.todos-topos {
margin-bottom: 20px !important;
margin-left: 45px;
}
}
@media (min-width: 1900px) and (max-width:1932px){
.rectangle-contacts {
filter: drop-shadow(9px 9px 47px rgba(0, 0, 0, 0.25));
width: 40%;
background: var(--white, #FFF);
/* height: 104vh; */
/* margin-top: -52%; */
margin-left: -798px;
padding: 40px 60px 80px 60px;
}
.tamanho-excelencia{
height: 220px !important;
}
}
.about-subtitle1 {
color: #CF1300;
font-size: 26px;
font-weight: 500;
line-height: 31px;
padding-bottom: 1%;
text-align: center;
}
.row {
margin-right: 0px;
margin-left: 0px;
}
.about-normalblackmision {
text-align: end;
color: #000000;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 35px;
}
.about-blackmision {
color: #000000;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 13px;
}
.services1-subtitle {
color:rgba(255, 255, 255, 0.55);
font-size: 26px;
font-weight: 500;
line-height: 31px;
padding-bottom: 1%;
text-align: end;
}
@media (min-width: 1000px) and (max-width: 1289px) {
.rectangle-contacts {
width: 44% !important;
margin-left: -563px !important;
padding: 40px 60px 87px 60px !important;
}
}
@media (max-width: 1295px) and (max-width: 1640px) {
.rectangle-contacts {
filter: drop-shadow(9px 9px 47px rgba(0, 0, 0, 0.25));
width: 40%;
background: var(--white, #FFF);
/* height: 104vh; */
/* margin-top: -52%; */
margin-left: -665px;
padding: 40px 60px 26px 60px;
}
}
@media (min-width: 1650px) and (max-width: 1890px) {
/* .rectangle-contacts {
filter: drop-shadow(9px 9px 47px rgba(0, 0, 0, 0.25));
width: 40%;
background: var(--white, #FFF);
margin-left: -665px;
padding: 40px 60px 80px 60px;
} */
}
.todos-topos{
margin-bottom: 31px;
margin-left: 45px;
}
.coluna-excelencia{
padding: 0px 0px 0px 30px;
}
.icones-excelencia{
height: 70px;
padding-right: 10%;
}