@charset "UTF-8"; 

@font-face {
    font-family: 'lumine';
    src: url(..//font/champagne_limousines/Champagne\ &\ Limousines\ Bold.ttf);
}

@font-face {
    font-family: 'black';
    src: url(..//font/Roboto_Black/Roboto-Black.ttf);
}

@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


html, body{ overflow-x: hidden !important; }
body{font-family: 'lumine';}

.container{max-width: 1214px;}

#topo{background-color: #f0ecec;}
.navbar-brand{padding: 20px;}
.navbar-light .navbar-nav .nav-link{text-transform: uppercase; color: #3d3d3d; font-weight: bold; font-size: 14px;}
.navbar-light .navbar-nav .nav-link:hover{color: #41bfbf}
.icones{display: flex; align-items: center; justify-content: end;} 
.nav-item{padding-top: 10px;}
.nav-item-2 .nav-link{color: #cc353a; font-weight: bold; padding: 2px; margin: 0;}
.barra{height: 30px; width: 1px; margin-top: 15px; background-color: #cccccc; margin-left: 20px; margin-right: 5px;}
.whatsapp-mobile{display: none;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #cc353a}
.contato{color: #41bfbf !important;}
.icone-mobile{display: none;}


.carousel-control-prev {left: 219px;}
.carousel-control-next {right: 219px;}
.banner-mobile{display: none;}

.sobre{font-family: "Roboto", sans-serif;}
.sobre h1{padding-top: 30px; padding-bottom: 10px; color: #3d3d3d;}
.sobre h1 span{font-weight: 900; font-size: 2.7rem;}
.imagem{padding-top: 30px; padding-bottom: 10px;}

#carrosel-box{padding-top: 30px; background-image: url('..//img/fundo-02.png'); background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom: 30px;}
.item a{text-decoration: none;}
.item img{width: 100%;}
.title-box h5{text-transform: uppercase; font-size: 18px;}
.box-agenda{text-align: center; background-color: #3d3d3d; width: 100px; color: #fff; margin-top: 10px;}
.box-agenda p{font-family: "Roboto", sans-serif; padding: 5px; text-transform: uppercase;}
.box-imagem{height: 200px; overflow: hidden;}
#outros-servicos h1{font-family: "Roboto", sans-serif; color: #3d3d3d;padding: 50px 0 30px 0;}
.lista-servico ul{columns: 3; padding: 0;}
.lista-servico ul li{list-style: none; font-family: "Roboto", sans-serif; color: #4c4848; font-size: 17px;}

#prosissao{background-image: url('..//img/fundo-01.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.texto{font-family: "Roboto", sans-serif;  color: #fff;}
.texto h1{font-style: normal; font-weight: 300; font-size: 3rem; padding: 50px 0;}
.texto h1 span{font-weight: 900;}
.mobile{display: none;}

#especialidade h1{font-family: "Roboto", sans-serif;padding: 30px 0; color: #3d3d3d;}
#especialidade .col-2{width: 20%; text-align: center;}
.caixa-foto {display: flex;justify-content: center; align-items: center;height: 110px; }
.caixa-foto img {max-width: 100%;max-height: 100%;}

#fotos h1{font-family: "Roboto", sans-serif;padding: 30px 0; color: #3d3d3d;}
.fotos{height: 260px; overflow: hidden; border-bottom: 4px solid #41bfbf ; margin-bottom: 30px;}
.fotos img{width: 100%;}

.localizacao{text-align: center; font-family: "Roboto", sans-serif; padding: 20px 0;}
.localizacao a{text-decoration: none; color: #3d3d3d;}
.localizacao a img{padding-right: 10px; padding-bottom: 5px;}

.contact-bar { position: fixed;bottom: 0; width: 100%; background-color: #41bfbf; color: #fff; padding: 10px 0; display: flex;justify-content: center;align-items: center;z-index: 1000;border-top: 4px solid #1d1d1d;}
.contact-item {display: flex;align-items: center;margin: 0 15px;font-size: 16px;padding: 10px 0;}
.contact-item a {color: #fff;text-decoration: none;margin-left: 8px;font-weight: bold;}
.contact-item a:hover {text-decoration: underline;}
.icon {width: 30px; height: 30px;}
  
    
footer{background-color: #3e3e3e; margin-bottom: 74px;}
#direitos{padding-top: 20px;}
#direitos p{font-family: 'Roboto', sans-serif; color: #fff; font-size: 15px; font-weight: 500;}
#logo-as{position: relative; text-align: right; padding-top: 15px;}
.desenvolvedor {position: absolute; right: -10%; bottom: 70%; background-color: #fff; text-align: left; border-radius: 8px; width: 250px; opacity: 0; transition: opacity 0.3s ease;}
.desenvolvedor:hover {opacity: 1;}
.desenvolvedor h1 {background-color: #fff; padding: 10px; font-size: 17px; border-radius: 5px;}
.desenvolvedor p {font-size: 14px; padding: 10px;}
.contato_desenvolvedor {display: flex; align-items: center; justify-content: space-between; padding: 10px;}
.contato_desenvolvedor p {margin: -20px 0 0 0;}
.contato_desenvolvedor img{width: 30px; padding: 0 !important;}


@media screen and (max-width: 1440px){
    #mixedSlider .MS-controls .MS-left {left: -60px;}
    #mixedSlider .MS-controls .MS-right {right: -60px;}
}


@media screen and (max-width: 1080px){
    .navbar-brand{width: 30%;}
    .navbar-brand img{width: 100%;}
}

@media screen and (max-width: 990px){
    #topo .container{padding: 0;}
    .icone-desktop{display: none;}
    .icone-mobile{display: block;}
    .banner-desktop{display: none;}
    .banner-mobile{display: block;}
    .navbar{position: relative;z-index: 99;}
    .navbar-collapse{position: absolute;z-index: 1000;right: 0;top: 100%; background-color: #f0ecec;}
    .nav-item {padding: 0 75px 0 10px;}
    .navbar-light .navbar-nav .nav-link{padding: 3px 5px; font-size: 1.5rem;}
    .nav-item-2{padding: 5px 10px; background-color: #3e3e3e;}
    .navbar-brand{width: 45%;}
    .barra{display: none;}
    .icones{justify-content: left;}
    .whatsapp-mobile{display: block; margin-left: 50px; width: 18%;}
    .whatsapp-mobile img{  width: 35px;position: absolute;right: 90px;top: 50px;}
    #logo-as{text-align: center; }
    #direitos p{text-align: center;}
    .carousel-control-prev {left: 0px;}
    .carousel-control-next {right: 0px;}
    #sobre_nos{text-align: center;}
    #prosissao{background-image: url('..//img/fundo.jpg');}
    #especialidade{text-align: center;}
    #especialidade .col-2{width: 50%; padding: 10px 10px;}
    #logo-as{padding-top: 0; padding-bottom: 10px;}
    .box-imagem{height: 240px; }


}


@media screen and (max-width: 689px){
  .contact-bar {display: block;}
  .contact-item {justify-content: center;}
  footer {
    margin-bottom: 168px;
  }
}


@media screen and (max-width: 412px){
    .whatsapp-mobile{margin-left: 30px;}
}

@media screen and (max-width: 390px){
    .whatsapp-mobile{margin-left: 20px;}
}