/*!
* Start Bootstrap - Landing Page v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/landing-page)
* Copyright 2013-2017 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-landing-page/blob/master/LICENSE)
*/

@font-face {
    font-family: MavenProSemibold;
    src: url("../Maven_Pro/static/MavenPro-SemiBold.ttf") format("truetype");
}

body {
    font-family: sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: MavenProSemibold, sans-serif;
    font-weight: 700;
}
p {
    color: #555;
    font-size: 14px;
}
ul,
li {
    color: #555;
    font-size: 14px;
}
section h3 {
    text-transform: uppercase;
    text-decoration: underline;
}
header.masthead {
    position: relative;
    background-color: #343a40;
    /* background: url("../img/banner1A.jpg") no-repeat center center; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
header.masthead .overlay {
    position: absolute;
    background-color: #000000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.4;
}
header.masthead h1 {
    font-size: 2rem;
    color: #ffdd00;
    text-shadow: 2px 2px 2px #000;
}
header.masthead label {
    text-shadow: 2px 2px 2px #000;
    font-weight: 600;
    font-size: 1.25rem;
}
@media (min-width: 768px) {
    /* header.masthead {
    padding-top: 12rem;
    padding-bottom: 12rem;
  } */
    header.masthead h1 {
        font-size: 2.6rem;
    }
}

form .form-control {
    margin-bottom: 10px;
}
.navbar {
    padding: 0;
    background-color: #007ea7 !important;
    border-top: 1px solid #000;
    z-index: 9999;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.navbar-brand {
    text-transform: uppercase;
    font-weight: 600;
}
.header img {
    max-height: 50px;
    max-width: 100%;
}
.nav-link {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.8rem;
    color: #fff !important;
}
.nav-link:hover {
    background-color: #000;
    color: #ffdd00 !important;
}
.nav-link i {
    font-size: 1rem;
    color: #000;
    text-align: center;
}
.nav-link i:hover {
    color: #ffdd00 !important;
}

.features-icons {
    padding-top: 7rem;
    padding-bottom: 5rem;
}
.features-icons .features-icons-item {
    max-width: 20rem;
}
.features-icons .features-icons-item .features-icons-icon {
    height: 7rem;
}
.features-icons .features-icons-item .features-icons-icon i {
    font-size: 4.5rem;
}
.features-icons .features-icons-item:hover .features-icons-icon i {
    font-size: 5rem;
}
.bg-grey {
    background-color: #f1f1f1;
}
.testimonials {
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.testimonials .testimonial-item {
    max-width: 18rem;
}
.testimonials .testimonial-item img {
    max-width: 12rem;
    box-shadow: 0px 5px 5px 0px #adb5bd;
}
.back-car {
    position: relative;
    background-color: #343a40;
    background: url("../img/background.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.back-car .overlay {
    position: absolute;
    background-color: #007ea7;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
}
.call-to-action {
    position: relative;
    background-color: #343a40;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.call-to-action-2 {
    /* background: url("../img/banner2C.jpg") no-repeat center center; */
    background-size: cover;
}

.call-to-action .overlay {
    position: absolute;
    background-color: #212529;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
}
.banner-top {
    position: relative;
    background-color: #343a40;
    background: url(../img/banner02.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 7rem;
    padding-bottom: 4rem;
}
.banner-top .overlay {
    position: absolute;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
}

.slide {
    padding: 10px;
}
.slide .featured {
    border: 2px solid #fff;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    /* padding: 10px; */
    margin: 6px;
}
.slide img {
    /* border: 2px solid #007ea7;*/
    /* padding: 6px; */
    width: 100%;
    border-radius: 6px;
    /* height: 100%; */
}
.call-to-action h2 {
    text-shadow: 2px 2px 2px #000;
}
img.img-about {
    border: 1px solid #007ea7;
    padding: 10px;
    box-shadow: 5px 5px 5px #ddd;
}
footer.footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #3d5060;
}
footer a {
    color: #007ea7;
}
footer a:hover {
    color: #003459;
}
footer p {
    color: #fff;
}
footer h6 {
    color: #fff;
    text-transform: uppercase;
}

#insta {
    padding: 0 20px;
}

#insta .col-4 {
    padding: 0;
    border: 2px solid white;
}

/* Page content */
.content {
    padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
    padding-top: 60px;
}

.form-row {
    align-items: baseline;
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .form-row {
        display: inline;
    }
    #imgDestaque {
        /* height: 17pc!important; */
        padding-left: 0pc !important;
    }
}

.mapa > iframe {
    width: 100% !important;
}
.img-about {
    border: 1px solid #007ea7;
    padding: 0px;
    box-shadow: 5px 5px 5px #ddd;
}
.img-about > div {
    height: 100%;
    width: 100%;
    overflow-y: hidden;
}
.img-carrossel {
    /*border: 1px solid #007ea7;*/
    padding: 0px;
    /*box-shadow: 5px 5px 5px #ddd;*/
    height: 100%;
}
.img-carrossel > div {
    height: 100%;
    width: 100%;
    overflow-y: hidden;
}
.img-parceiros {
    /*border: 1px solid #007ea7;*/
    padding: 10px;
    /*box-shadow: 5px 5px 5px #ddd;*/
    height: 240px;
}
.img-parceiros > div {
    height: 100%;
    width: 100%;
    overflow-y: hidden;
}

.btn-insta {
    background: radial-gradient(
        circle at 33% 100%,
        #fed373 4%,
        #f15245 30%,
        #d92e7f 62%,
        #9b36b7 85%,
        #515ecf
    );
    color: white;
    border: 1px solid white;
}

#guia-do-carro .card {
    border: none;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    justify-content: center;
    height: 100%;
}

#guia-do-carro img {
    height: auto;
}

#guiaMob {
    display: none;
}

@media screen and (max-width: 991px) {
    #guiaMob {
        display: block;
    }
    #guiaDesk {
        display: none;
    }
}

@media (min-width: 768px) {
    .banner-mobile {
        display: none !important;
    }

    header.masthead {
        background-attachment: fixed !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .call-to-action {
        background-attachment: fixed !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
}

@media (max-width: 769px) {
    .banner-desktop {
        display: none !important;
    }
}

@media (max-width: 991px) {
    header.masthead {
        background-size: cover !important;
    }

    section.call-to-action-2 {
        background-size: cover !important;
    }
}