.inner {
    position: absolute;
    top: 300px;
    left: 50%;
    width: 300px;
}

::selection {
  background: #000000; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #000000; /* Gecko Browsers */
}

.rotate {
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
}

margin-bottom: 0;

#bottom { 
    position:absolute;                  
    bottom:0;                          
    left:0;
}

h1 {
    font-family: 'Source Code Pro', monospace;
    font-size: 100px !important;
    font-weight: 600 !important;
    color: #000;
}

p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    color: #808080 !important;
    font-weight: 200 !important;
}

h2 {
    font-family: 'Source Code Pro', monospace;
    font-size: 30px !important;
    font-weight: 600 !important;
    color: #ffffff;
    padding-top: 50px;
}

.btn-link {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600 !important;
    
}

#menu:hover {
    text-decoration: none;
    border-bottom: 6px solid #505050;
}

a1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600 !important;
}

.navbar-brand {
    padding-left: 0px !important;
}

a1:hover {
    text-decoration: none;
    border-bottom: 6px solid white;
}


h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px !important;
    color: #fff;
    font-weight: 300 !important;
}

h8 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px !important;
    color: #fff !important;
    font-weight: 300 !important;
}

h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600 !important;
    letter-spacing: 5px;
    text-align: right;
}


/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 100%;
    top: 0;
    background-color: #1F1F1F; /* Black fallback color */
    background-color: #1F1F1F; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 15%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: left; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none !important;
    font-size: 30px !important;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
    
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
    border: none;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 18px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}
    
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}
.navbar-toggler-icon {
    z-index: 1111;
}

.logo-navbar-tb {
    z-index: 1111;
}

footer {
    position: sticky;
    height: 300px;
    bottom: 0;
    width: 100%;
}


.linha {
    position: fixed;
}


@media screen and (max-width: 992px) {
  .footer {
      height: 105px !important;
    }
    .navbar-toggler {
       float: right !important;
    }
}

@media (max-width: 576px) {
    .footer {
        height: 105px !important;
    }
    
    h1 {
    font-size: 50px !important;
}
    
    #typed  {
    font-size: 50px !important;
}
}


@media (max-width: 768px) {
.navbar-toggler {
       float: right !important;
    }
}


html {
}

.fa-whatsapp {
    color: white;
}

.fa-envelope {
    color: white;
}

.fa-facebook-messenger {
    color: white;
}

.fa-instagram {
    color: white;
}

.fa-linkedin-in {
    color: white;
}

.mb-0{
    padding: 0px;
}

h2a {
    font-family: 'Source Code Pro', monospace;
    font-size: 30px !important;
    font-weight: 600 !important;
    color: #c9c9c9;
}

.card-header {
    background-color: transparent !important;
    padding: 0px !important;
    border-bottom: none !important;
}

.card {
    border: none !important;
    border-radius: 0px !important;
    background-color: transparent !important;
}

.card-header:first-child {
    border-radius: 0px !important;
}


.btn-link:hover {
    text-decoration: none !important;
    border-left: 6px solid white;
}

.btn-link:focus {
    text-decoration: none !important;
}



.affix.navbar{
 background-color: #434353;
}


#typed  {
    font-family: 'Source Code Pro', monospace;
    font-size: 7vmax;
    font-weight: 600 !important;
    color: #000;
}

.typed-cursor  {
    font-family: 'Source Code Pro', monospace;
    font-size: 7vw;
    font-weight: 600 !important;
    color: #000;
}

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.navbar {
    background: transparent;
}

.form-control {
    background-color: transparent !important;
    border-bottom: 6px solid #242424 !important;
    border-top: 0px solid #ffffff !important;
    border-right: 0px solid #ffffff !important;
    border-left: 0px solid #ffffff !important;
    border-radius: 0 !important;
}

form, input, label {
    color: white !important;
}

input::-webkit-input-placeholder {
color: #505050 !important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #505050 !important;  
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #505050 !important;  
}
 
input:-ms-input-placeholder {  
color: #505050 !important;  
}

.form-control:focus {
    outline: none !important;
    box-shadow: none !important;
}

textarea::-webkit-input-placeholder {
  color: #505050 !important;
}

textarea:-moz-placeholder { /* Firefox 18- */
  color: #505050 !important;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
  color: #505050 !important; 
}

textarea:-ms-input-placeholder {
  color: #505050 !important;
}

textarea::placeholder {
  color: #505050 !important;
}

.fa-quote-left {
        border-bottom: 6px solid #242424 !important;
}

.fa-at {
        border-bottom: 6px solid #242424 !important;
}

.fa-phone-alt {
    border-bottom: 6px solid #242424 !important;
}

.fa-user {
    border-bottom: 6px solid #242424 !important;
}

.fa, .fab, .fad, .fal, .far, .fas {
    padding-top: 7px;
}

#alturaauto {
    height: 150px;
    color: white;
}

.carousel-item {
    height: 200px;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 0%;
}
.carousel-indicators {
    display: none !important;
    bottom: -50px;
    z-index: 0 !important;
}

.carousel-inner > .item > img {
  margin: 0 auto;
}

#menulink {
    padding: 0 !important;
    text-decoration: none !important;
}

.anchor { padding-top: 90px; }

.btn-primary {
    background-color: transparent !important;
    border-color: #505050 !important;
}