/*================
PAINEL DE ESTILOS
==================*/

/*================
  PADRÕES DO SITE
==================*/

html{
    font-family:'Proxima Nova Regular';
    color:#4b4b4b;
}


/*================
1 - HEADER
==================*/

.topo{
    height:100vh;
    background-image:url('http://www.ledbahia.com.br/wp-content/uploads/2023/10/led-bahia-bg.png');
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
}

.topo img{
    width:40%;
    display:block;
    margin-right:auto;
    margin-left:auto;
    margin-top:6%;
}

.topo .row{
	background:rgba(0, 0, 0, 0.8);
	height:15vh;
}

.menu{
/*     background:rgba(250, 255, 255, 0.8); */
    height:100vh;
}

.topo-pagina img{
    width:50%;
    display:block;
    margin-right:auto;
    margin-left:auto;
    margin-top:0.9em;
    margin-bottom:0.9em;
}

.main-menu-topo{
    margin-top:5%;
}

.main-menu-topo li{
    display:inline;
    padding:0 1.5em;
}

.main-menu-topo li a{
    font-family: 'Proxima Nova Bold';
    color:#fff;
    text-transform:uppercase;
    text-decoration: none;
    font-size:1.2em;
    -webkit-transition:0.2s ease-in-out;
    -moz-transition:0.2s ease-in-out;
    -ms-transition:0.2s ease-in-out;
    -o-transition:0.2s ease-in-out;
    transition:0.2s ease-in-out;
}

.main-menu-topo li a:hover{
    color:#00aeef;
}

.menu-pagina .main-menu-topo li a{
    color:#e40713;
}

.menu h1{
    margin-top:35%;
    font-size:3em;
    font-family:'Proxima Nova Light';
    text-align: right;
    margin-right:10%;
    color:#fff;
}

.menu h1 span{
    color:#00aeef;
    font-family:'Proxima Nova Bold';
}

.menu p{
    text-align: right;
    margin-right:10%;
    margin-top:3%;
}

.menu p a{
    background:#00aeef;
    color:#4b4b4b;
    font-family:'Proxima Nova Bold';
    text-transform:uppercase;
    padding:0.5em 1em;
    font-size:1.4em;
    text-decoration: none;
}

/*================
2 - SOBRE
==================*/

.sobre{
    margin-top:5%;
    margin-bottom:5%;
}

.sobre h1{
    font-size:2.6em;
    color:#4b4b4b;
    text-transform: capitalize;
    margin-bottom:1em;
}

.sobre h1:before{
    content:url(../images/titulo-before.svg);
    width:60px;
    height:100%;
    margin-right:0.4em;
    display:inline-block;
}

.sobre p{
    text-align: justify;
    color:#4b4b4b;
    font-size:1.1em;
    font-family:'Proxima Nova Light';
    line-height: 1.3em;;
}

.sobre img{
    width:560px;
    height:90%;
    margin-left:10%;
}

.img-bg{
    width:80%;
    background-color: #00aeef;
    padding-top:3em;
    padding-bottom:3em;
    padding-left:3em;
}

/*================
3 - SERVIÇOS
==================*/

.servicos{
    background:#dbdbdb;
    padding:6% 0;
}

.servicos-pagina{
    background:#fff;
    margin-top:5%;
    margin-bottom:5%;
}

.servicos h1{
    text-align:center;
    font-size:2.6em;
    color:#4b4b4b;
    margin-bottom:1em;
}

.servicos h1:before{
    content:url(../images/titulo-before.svg);
    width:60px;
    height:30px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:0.6em;
    display:block;
}

.servicos img, .servicos-pagina img{
    width:100%;
    height:60%;
}

.galeria-servicos, .servicos-pagina{
    margin-top:5%;
}

.servicos h3, .servicos-pagina h3{
    text-transform: uppercase;
    font-size:1.4em;
    font-family:'Proxima Nova Bold';
    text-align: center;
    margin:0.7em 0;
}

.servicos p, .servicos-pagina p{
    text-align: justify;
    font-size:1.1em;
    font-family:'Proxima Nova Light';
}

.link-servico{
    margin-top:7%;
    text-align: center !important;
}

.link-servico a{    
    padding:0.5em 1em;
    background:#00aeef;
    color:#4b4b4b;
    text-transform: uppercase;
    font-family:'Proxima Nova Bold';
    text-decoration:none;
    -webkit-transition:0.2s ease-in-out;
    -moz-transition:0.2s ease-in-out;
    -ms-transition:0.2s ease-in-out;
    -o-transition:0.2s ease-in-out;
    transition:0.2s ease-in-out;
}

.link-servico a:hover{
    background:#4b4b4b;
    color:#00aeef;
}

/*================
4 - PRODUTOS
==================*/

.produtos h1{
    text-align:center;
    font-size:2.6em;
    color:#4b4b4b;
    margin-bottom:2.5em;
    margin-top:2em;
}

.produtos h1:before{
    content:url(../images/titulo-before.svg);
    width:60px;
    height:100%;
    margin-right:0.4em;
    display:inline-block;
}

.slide-item{
    height:100vh;
    width:100%;
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
}

.flickity-page-dots {
    bottom: 8px !important;
}

.flickity-page-dots .dot {
    width: 15px !important;
    height: 15px !important;
    opacity: 1;
    /* background: transparent; */
    border: 2px solid #e40713;
    background-color:#fff !important;
}

.icon-descricao img, .icon-descricao h3{
    display:inline;
}

.icon-descricao img{
    width:80%;
    height:100%;
    display: block;
    margin-right:auto;
}

.icon-descricao h3{
    font-size:1.4em;
    font-family:'Proxima Nova Bold';
    color:#00aeef;
    position:relative;
    top:25%;
    transform:translateY(-25%);
}

.icon-descricao .row{
    border-bottom:1px solid #afaeae;
    border-right:1px solid #afaeae;
    padding:1.4em 0;
}

.div-link{
    width:100%;
    margin-top:3em;
    text-align: center;
}

.link-produto{
    display:inline;
    font-family:'Proxima Nova Bold';
    margin-right:1em;
}

.link-produto a{
    text-transform:uppercase;
    text-decoration: none;
    color:#4b4b4b;
    font-size:1.2em;
    padding:0.6em 1.2em;
    background:#00aeef;
    -webkit-transition:0.2s ease-in-out;
    -moz-transition:0.2s ease-in-out;
    -ms-transition:0.2s ease-in-out;
    -o-transition:0.2s ease-in-out;
    transition:0.2s ease-in-out;
}

.link-produto a:hover{
    background:#4b4b4b;
    color:#00aeef;
}

.galeria-servicos h6{
    text-align: center;
}

.galeria-servicos h6 a{
    padding:0.7rem 2rem;
    background-color: #00aeef;
    color:#4b4b4b;
    font-weight:600;
    font-size:1.2rem;
    transition:0.2s ease-in-out;
    text-transform: uppercase;
    text-decoration:none;
}

.galeria-servicos h6 a:hover{
    background-color:#4b4b4b;
    color:#00aeef;
}

/*================
5 - REVENDEDORES
==================*/

.revenda{
    background:#00aeef;
    padding:3em 0;
}

.revenda h1{
    font-size:3em;
    font-family:'Proxima Nova Bold';
    text-tranform:capitalize;
    color:#fff;
    text-align: center;
    margin-bottom:5%;
}

.revenda h1:before{
    content:url(../images/titulo-before.svg);
    width:60px;
    height:30px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:0.6em;
    display:block;
}

.revenda .col-md-4{
    text-align: center;
}

.revenda img{
	width:100%;
	height:auto;
	margin-bottom:2rem;
}

.revenda p{
    margin-top:2em;
}

.revenda p a{
    font-size:1.4em;
    color:#4b4b4b;
    text-transform:uppercase;
    background:#fff;
    padding:0.7em 1.3em;
    font-family:'Proxima Nova Bold';
    text-decoration:none;
}

/*================
6 - CONTATO
==================*/

.contato{
    margin:1em 0;
}

.contato h1{
    font-size:2.6em;
    color:#4b4b4b;
    margin-bottom:1em;
    margin-top:2em;
}

.contato h1:before{
    content:url(../images/titulo-before.svg);
    width:60px;
    height:100%;
    margin-right:0.4em;
    display:inline-block;
}

.contato p{
    font-family:'Proxima Nova Light';
    font-size:1.2em;
}

.contato h3{
    font-size:1.4em;
    font-family:'Proxima Nova Bold';
    color:#00aeef;
    margin-top:2em;
}

.contato form{
    margin-left:3em;
    margin-top:3em;
}

::placeholder{
    font-size:1.3em;
    font-family:'Proxima Nova Light';
    padding-left:0.7em;
}

.contato-form{
    background-repeat: no-repeat;
    background-position:center;
    height:100vh;
}

.form-contato{
    width:80%;
    height:5em;
    border:none;
    margin:1.5em 0;
}

.text-form-contato{
    width:80%;
    height:15em;
    border:none;
    margin:1.5em 0;
}

#btn-contato{
    text-align: right;
}

#contato-botao{
    padding:0.6em 1.8em;
    background: #ffffff;
    color:#4b4b4b;
    font-size:1.1em;
    text-transform: uppercase;
    font-family:'Proxima Nova Bold';
    border:none;
    margin-right:18%;
}


/*================
7 - RODAPÉ
==================*/

.rodape{
    background:#4b4b4b;
    padding:4em 0;
}

.rodape img{
    width:80%;
}

.rodape h3{
    color:#fff;
    font-size:1.4em;
    font-family:'Proxima Nova Bold';
    margin-bottom:1.2em;
}

.rodape ul li{
    color:#fff;
    margin:1em 0;
    font-family:'Proxima Nova Light';
}

.rodape p{
    color:#fff;
    margin:1em 0;
    font-family:'Proxima Nova Light';
}

.rodape p i{
    color:#00aeef;
}

.rodape .main-menu-footer li{
    display:inline;
    padding:0 0.5em;
}

.rodape .main-menu-footer li a{
    color:#fff;    
    font-family:'Proxima Nova Regular';
    text-decoration: none;
}

.rodape i{
    font-size:2em;
    margin-top:-0.3em;
}

.rodape .main-menu-footer li a:hover{
    color:#00aeef;
}

.direitos{
    background:#4b4b4b;
    text-align: center;
}

.direitos p{
    color:#fff;
}

/*================
8 - PÁGINAS
==================*/

.titulo-page{
    background-image:url(../images/page-bg.png);
    background-size:cover;
    background-position:center center;
}

.titulo-page h1{
    text-align:center;
    color:#fff;
    padding:5% 0;
    font-size:2.8em;
    font-family:'Proxima Nova Black';
}

.pagina-servicos{
    margin-top:5%;
    margin-bottom:5%;
}

.pagina-servicos img{
    width:100%;
    height:100%;
}

.pagina-servicos h3{
    font-size:2em;
    color:#00aeef;
    font-family:'Proxima Nova Bold';
}

.icon-list{
    margin:1em 0;
    width:100%;
}

.icon{
    display:inline-block;
    text-align: center;
    margin:0 1em;
}

.icon i{
    font-size:1.4em;
    color:#e40713;
    margin-bottom:0.3em;
}

.icon p{
    font-size:0.7em;
    text-transform: uppercase;
    color:#e40713;
}

.orcamento{
    text-align: center;
    margin:1em 0;
}

.link-orcamento{
    margin-top:2em;
}

.link-orcamento a{
    padding:0.6em 1.5em;
    background:#00aeef;
    color:#4b4b4b;
    font-family:'Proxima Nova Bold';
    text-transform:uppercase;
    text-decoration:none;
}

.form-orcamento{
    width:80%;
    height: 4em;
    border:1px solid #4b4b4b;
    border-radius:5px;
    margin:1em 0;
}

.form-orc-texto{
    width:80%;
    height: 12em;
    border:1px solid #4b4b4b;
    border-radius:5px;
    margin:1em 0;
}

#orc-botao{
    width:50%;
    background:#00aeef;
    color:#4b4b4b;
    font-family:'Proxima Nova Bold';
    text-transform:uppercase;
    text-decoration:none;
    font-size:1.2em;
    border:2px solid #00aeef;
    padding-top:0.5em;
    padding-bottom:0.5em;
}

.representante{
    text-align: center;
    margin:1em 0;
}

.form-fornecedor{
    width:80%;
    height: 4em;
    border:1px solid #4b4b4b;
    border-radius:5px;
    margin:1em 0;
}

.form-fornecedor-text{
    width:80%;
    height: 12em;
    border:1px solid #4b4b4b;
    border-radius:5px;
    margin:1em 0;
}

#orc-botao{
    width:50%;
    background:#00aeef;
    color:#4b4b4b;
    font-family:'Proxima Nova Bold';
    text-transform:uppercase;
    text-decoration:none;
    font-size:1.2em;
    border:2px solid #00aeef;
    padding-top:0.5em;
    padding-bottom:0.5em;
}