@font-face {
    font-family: 'Open Sans';
    src: url('../../includes/fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../../includes/fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../includes/fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('../../includes/fonts/OpenSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../includes/fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('../../includes/fonts/OpenSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../includes/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../../includes/fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../includes/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../../includes/fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../includes/fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('../../includes/fonts/OpenSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../includes/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../../includes/fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../includes/fonts/OpenSans-Italic.woff2') format('woff2'),
        url('../../includes/fonts/OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../includes/fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../../includes/fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../includes/fonts/OpenSans-Light.woff2') format('woff2'),
        url('../../includes/fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

body { width: 100%; max-width: 1920px; margin: 0 auto; padding: 0; font-family: 'Open Sans', sans-serif; }
h1, p { margin: 0; padding: 0; }
p { font-size: 18px; color: #555555; font-weight: 300; }
a { color: #555555; text-decoration: none; }
* { outline: 0 none; }
.wrapper { width: 100%; margin: 0 auto; max-width: 1140px; }
.content { width: 100%; float: left; position: relative; padding: 20px 0; }
.img-responsive { max-width: 100%; height: auto; }

.form-control { width: 96%; display: block; border: none; border-radius: 10px; height: 50px; padding: 0 2%; font-size: 18px; color: #9f9f9f; }
textarea.form-control { padding: 10px 2%; height: 120px; }
.form-control::-webkit-input-placeholder{ color:#9f9f9f; }
.form-control::-moz-placeholder { color:#9f9f9f; }​ 

header { max-width: 100%; position: fixed; left: 0; right: 0; z-index: 9999; }
header .mobile { display: none; }
header.stick .menu { border-radius: 0; }
header.stick .menu ul li a { height: 80px; padding: 0; line-height: 80px; }
header.stick .menu ul li.logo a { height: 60px; padding: 10px 0 10px; }
header.stick .menu ul li.logo .img-responsive { height: 60px; width: auto; }
header.stick .menu ul li.logo .pequena { display: block; height: auto; }
header.stick .menu ul li.logo .grande { display: none; }
header.stick .sombra { display: none; }
header .menu { max-width: 100%; padding: 0 100px; left: -100px; right: -100px; position: fixed; background-color: #192a67; border-bottom-left-radius: 100% 100px;  border-bottom-right-radius: 100% 100px; overflow: hidden; z-index: 99; }
header .menu ul { list-style: none; margin: 0; padding: 0; text-align: center; line-height: 0; }
header .menu ul li { display: inline-block; text-align: center; padding: 0 2%;  }
header .menu ul li.active,header .menu ul li:hover { background-color: #0f1f5a; }
header .menu ul li.logo { padding: 0 1% 0 2%; }
header .menu ul li.logo .pequena { display: none; }
header .menu ul li.logo a { height: 120px; padding: 20px 0 0; }
header .menu ul li.logo:hover { background-color: #192a67; }
header .menu ul li a { float: left; font-size: 19px; padding: 0; line-height: 140px; color: #fff; text-transform: none; text-decoration: none; font-weight: bold; }
header .sombra { position: fixed; top: 110px; left: 300px; right: 300px; height: 20px;  box-shadow: 0px 13px 40px 25px #201f1f; border-radius: 50%; z-index: 9; }

.banner-home { padding: 100px 0 10px; background: #dedede; }
.banner-home img { width: 100%; height: auto; }
.banner-home .divisao { position: absolute; bottom: 0px; left: 0; right: 0; background-size: 100% auto;  }
.banner-home h2 { position: absolute; right: 10px; bottom: 150px; color: #fff; font-size: 70px; text-transform: uppercase; }
.banner-home h2:after { width: 80%; margin: 0 0 10px; height: 2px; background: #ffd600; display: block; text-align: center; content: ''; }
.banner-home .wrapper { position: relative; }
.banner-home .slick-dots { position: absolute; right: 10px; top: 40%; list-style: none; padding: 0; margin: 0; height: 20%; }
.banner-home .slick-dots li button { background: none; border-radius: 50%; border: 2px solid #FFD600; text-indent: 9999px; height: 20px; width: 20px; overflow: hidden; cursor: pointer; margin-top: 5px; }
.banner-home .slick-dots .slick-active button { background: #FFD600; }

.busca { background: #dedede; padding: 55px 0; margin-bottom: 20px; z-index: 9 }
.busca .form-control { width: 76%; display: inline-block; float: left; border: none; border-radius: 0; border-bottom-left-radius: 10px; border-top-left-radius: 10px; height: 70px; padding: 0 2%; background: #fff; font-size: 18px; color: #9f9f9f }
.busca .btn { width: 20%; display: inline-block; float: left; border-radius: 0; border-bottom-right-radius: 10px; border-top-right-radius: 10px; height: 70px; padding: 0; background: #fff url(../../imagens/ico_lupa.png) no-repeat right 15px center; font-size: 18px; text-indent: 9999px; }
.busca .btn:hover { background: #fff url(../../imagens/ico_lupa.png) no-repeat right 15px center; }

.title { width: 100%; display: block; text-align: center; font-weight: 900; color: #555555; font-size: 32px; margin: 60px 0;  text-transform: uppercase;}
.title span { width: 100%; display: block; text-align: center; font-weight: normal; font-size: 22px; }
.title:before { width: 10%; margin: 0 auto 10px; height: 4px; background: #e30613; display: block; text-align: center; content: ''; }

.empresa-chamada { background: url(../../imagens/bg_empresa.jpg) center bottom no-repeat; background-size: 100% auto;  padding: 20px 0 130px; }
.empresa-chamada .sombra { width: 100%; max-width: 700px; margin: -70px auto 40px; border-radius: 50%;  height: 10px; box-shadow: 0px 0px 50px 16px #201f1f; }
.empresa-chamada .chamada { font-size: 22px; float: left; width: 100%; padding-bottom: 20px; }

.btn { font-size: 20px; font-weight: normal; text-transform: uppercase; padding: 10px 20px; background: #e9e9e9; color: #5b5b5b; text-decoration: none; border-radius: 10px; text-align: center; display: inline-block; border: none; cursor: pointer; }
.btn:hover { background: #b7b7b7; color: #222222;  }
.btn.btn-ativo { font-weight: bold; background: #ffd600;  }
.btn.btn-pequeno { font-size: 18px;  }
.btn.btn-voltar { background-image: url(../../imagens/voltar.png); background-position: left 15px center; background-repeat: no-repeat;  }

.msg { width: 100%; padding: 15px 0; font-size: 25px; text-align: center; background-color: #72A86B; border-radius: 10px; color: #FFF }

.categorias { text-align: center; }
.categorias .btn { margin: 5px 2% 5px 0; width: 94%; padding: 2%; display: inline-block; }
.categorias ul { list-style: none; padding-left: 20px; display: none; }
.categorias .principal { padding-left: 0; margin: 0; display: block; }
.categorias .dropdown { background-image: url(../../imagens/seta_categoria.png); background-position: right 10px center; background-repeat: no-repeat; }

.produtos { background: #f7f7f7 url(../../imagens/bg_produtos.jpg) bottom no-repeat; background-size: 100% auto; padding-bottom: 50px; }
.produtos .veja-mais { text-align: center; padding-top: 100px; }
.produtos .veja-mais .btn { display: block; margin: 10px auto; width: 200px; }
.produto { background: #e9e9e9; width: 96%; max-width: 350px; margin: 2%; text-align: center; border-radius: 10px; overflow: hidden; border: 1px #e9e9e9 solid; }
.produto .thumb .col { background: #fff; width: 100%; height: 248px; overflow: hidden; }
.produto h3 { margin: 10px 1%; width: 98%; text-align: center; float: left; width: 98%; font-size: 20px; height: 60px; color: #555555; overflow: hidden; }
.produto .btn { width: 66%; margin: 2% 15% 6%; padding: 4% 2%; font-size: 18px; float: left; }

.slide-produto .slick-arrow { position: absolute; top: 40%; z-index: 9; background: url(../../imagens/back.png); background-repeat:  no-repeat; background-position: center; border: none; height: 60px; width: 60px; text-indent: 9999px; overflow: hidden; }
.slide-produto .slick-prev { left: 0; }
.slide-produto .slick-next { right: 0; transform: rotate(180deg); }
.slide-produto:hover .slick-arrow { background-color: rgba(255, 255, 255, 0.8); }

.orcamento { background: #192a67; margin-top: 100px; text-align: center; padding: 50px 0; }
.orcamento .divisao { position: absolute; top: -30px; margin: 0 auto; left: 0; right: 0; }
.orcamento .icon { display: inline-block; text-align: left; padding-left: 80px; line-height: 94px; font-size: 24px; color: #fff; font-weight: bold; background-position: left center; background-repeat: no-repeat; }
.orcamento .icon.telefone { background-image: url(../../imagens/ico_telefone.png); }
.orcamento .icon.whats { background-image: url(../../imagens/ico_whats.png);}
.orcamento .icon.whats a{ color: #ffffff; }

.orcamento .icon.email { background-image: url(../../imagens/ico_email.png); }

.back-top { position: fixed; height: 60px; width: 60px; border-radius: 50%; background: #192a67 url(../../imagens/seta.png) no-repeat center center; bottom: 10px; right: 50px; z-index: 999; display: none; }
.interna { padding-top: 195px; }
.interna .wrapper { padding-top: 15px; }
.interna .sombra { width: 100%; max-width: 700px; margin: -70px auto 40px; border-radius: 50%;  height: 10px; box-shadow: 0px 0px 50px 16px #201f1f; }
.interna .produtos { background: none; padding-top: 0px; }
.titulo-interna { float: left; width: 100%; padding: 5px 0; color: #555555; border-bottom: #bcbcbc solid 2px; text-align: right; text-transform: uppercase; margin-bottom: 20px; font-size: 13px; }
.titulo-interna a { color: #555555; text-decoration: none; }

.pagina-interna header .sombra { display: none; }
.pagina-interna .busca { padding-top: 200px; display: none; }

.texto { display: block; width: 100%; font-size: 14px; color: #555555; }
.texto h1 { margin: 5px 0 15px; display: block; width: 100%; }
.texto p { display: block; width: 100%; margin-bottom: 20px; }

.noticia { margin-bottom: 15px; }
.noticia.destaque { background-color: #f7f7f7; text-align: center; }
.noticia.destaque h3 { width: 96%; padding: 0 2%; }
.noticia.destaque p { width: 96%; padding: 0 2%; }
.noticia h3 { margin: 0 0 20px; font-size: 25px; text-transform: uppercase; }
.noticia p { display: block; margin: 0 0 20px; }

.carrinho { padding: 40px 0; }
.carrinho p { max-width: 300px }
.carrinho .col { padding: 10px 0; border-bottom: solid #ffd600 1px; }
.carrinho .head .col { border-color: #E30613; }
.carrinho img { max-width: 130px }
.carrinho input { background-color: #e9e9e9; max-width: 200px;  }
.carrinho a { margin-left: 20px; }

.formulario { background-color: #dedede; float: left; width: 98%; padding: 2%; border-radius: 10px; margin: 45px 0; }
.formulario .form-control { margin-bottom: 2%; }

.text-center { text-align: center; }

footer { float: left; width: 100%; min-height: 477px; background: #262626 url(../../imagens/bg_footer.png) no-repeat left center; }
footer .sombra { width: 100%; max-width: 700px; margin: 0 auto; border-radius: 50%;  height: 10px; box-shadow: 0px 0px 50px 16px #201f1f; margin-top: -10px; }
footer .wrapper { margin-top: 100px; }
footer p { width: 100%; display: block; font-size: 16px; color: #fff; text-align: center; margin-bottom: 50px; }
footer p span { font-weight: bold; display: block; text-transform: uppercase; }
footer .ico { background: url(../../imagens/incons_social.png) no-repeat; height: 35px; width: 35px; display: inline-block; margin-top: 20px; }
footer .ico.fb { background-position: 0px top; }
footer .ico.insta { background-position: -132px top; }
footer .ico.wa { background-position: -44px top; }
footer .ico.li { background-position: -88px top; }

footer .social { margin-top: 50px; }
.sub-footer { width: 100%; float: left;width: 100%; background: #192a67; padding: 15px 0; text-align: center; }
.direitos { width: 100%; float: left;width: 100%; background: #0f1f5a; color: #F4F4F4; padding: 15px 0; text-align: center; }
.direitos a { font-weight: bold; color: #F4F4F4; }

@media only screen and (max-width: 1220px) {
    footer { background-position: -123px; }
}
@media only screen and (max-width: 1140px) {
    .content { width: 96%; padding: 20px 2%; }
    header .menu ul li { padding: 0 1%; }
    header .menu ul li a { font-size: 100%; }
	header .menu ul li.logo .grande { max-width: 120px }
	header .menu ul li.logo a { height: 70px; }
	header .menu ul li a { line-height: 70px; }
    header .sombra { top: 60px; }
    .banner-home { padding: 60px 0 10px; width: 100%; }
    .banner-home h2 { bottom: 70px; }
    
	.busca { padding: 70px 2%; width: 96%; }
    footer { background-position: -123px; }
}
@media only screen and (max-width: 940px) {
    header .menu { border-radius: 0; }
    header .sombra { display: none; }
    header .mobile {  display: block; float: left; width: 100%; background: url(../../imagens/logo_pequena.png) no-repeat center center; }
    header .mobile a { width: 40px; height: auto; display: block; margin: 10px; }
    header .menu ul { display: none; }
    header .menu ul li { padding: 0; width: 100%; float: left; text-align: center; }
    header .menu ul li.logo { display: none; }
    header .menu ul li a { width: 100%; height: auto; line-height: 40px; }
    .home .banner-home { display: block; }
    .banner-home { display: none; }
    .banner-home h2 { position: relative; margin: 0; font-size: 30px; display: inline-block; }
    .banner-home .wrapper { position: absolute; bottom: 30px; text-align: center; height: 0; }

    .home .produtos .table { display: none; }

    .carrinho img { display: none; }
    .carrinho a { font-size: 12px; }

    .interna { padding-top: 80px; }

    .home .busca { display: block; }
    .busca { padding: 50px 2%; display: none; }
    .produtos .col { width: 100%; display: block; }
    .produtos .veja-mais { padding-top: 50px; }
    .produto { max-width: 100%; }
    .produto .thumb .col { height: auto;  }
    .produto h3 { height: auto; }
    .orcamento { padding: 80px 0; width: 100%; }
    .orcamento .divisao { padding: 0 2%; width: 96%; }
    .orcamento .icon { background-size: 25px; padding-left: 30px; font-size: 18px; }
    .empresa-chamada { padding-bottom: 100px; }
    
    footer { background: #262626 url(../../imagens/bg_mapa_rodape.jpg) center top no-repeat; padding-top: 300px; }
    footer .social { margin-top: 0; }
    footer .sombra { display: none; }
    footer .wrapper { margin-top: 30px }
}