/*
Theme Name: Eurosonics by Webiq
Author: Webiq
Author URI: https://webiq.com.br/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

a:hover, a:active, a:focus {
    outline: none;
    border: 0;
    color: #83afdb;
}

.master-wrap { overflow-x: hidden; }

body { color: #777; padding-top: 90px; }

header { padding: 30px 0; position: fixed; width: 100%; z-index: 999; background-color: rgba(255,255,255,0.9); top: 0; height: 90px; overflow: hidden; }
header .logo { width: 200px; display: inline-block; float: left; }
header .logo img { max-width: 100%; }

header nav { float: left; margin-left: 40px; }
header nav a { font-size: 12px; text-transform: uppercase; color: #777777; margin-right: 20px; }

header .search, header .idiomas { float: right; }
header .idiomas a { display: inline-block; margin-left: 10px; color: #777; padding-left: 10px; border-left: 1px solid #777; }
header .search { position: relative; }
header .search input { background-color: #e0ebf6; border: 0; padding: 5px 10px; font-size: 12px; }
header .search button { position: absolute; border: 0; background-color: transparent; right: 5px; color: #777; font-size: 14px; top: 2px; }

.destaques .banner-1 { background: transparent url("images/banner-home-1-v2.jpg") center center; min-height: 500px; background-size: cover;  }
.destaques .banner-1 .box { background-color: rgba(255,255,255,0.9); width: 500px; margin: 150px auto; text-align: center; padding: 60px 40px; font-size: 30px; text-transform: uppercase; color: #83afdb; font-weight: 300; position: relative; }

.destaques .banner-2 { background: transparent url("images/banner-home-2-v2.jpg") center center; min-height: 500px; background-size: cover;  }
.destaques .banner-2 .box { background-color: rgba(255,255,255,0.9); width: 500px; margin: 150px auto; text-align: center; padding: 60px 40px; font-size: 30px; text-transform: uppercase; color: #83afdb; font-weight: 300; position: relative; }


.destaques .banner-3 { background: transparent url("images/banner-home-3-v2.jpg") center center; min-height: 537px; background-size: cover;  }
.destaques .banner-3 .box { background-color: rgba(255,255,255,0.9); width: 500px; margin: 150px auto; text-align: center; padding: 60px 40px; font-size: 30px; text-transform: uppercase; color: #83afdb; font-weight: 300; position: relative; }

.destaques .banner-4 { background: transparent url("images/banner-home-4-v2.jpg") center center; min-height: 500px; background-size: cover;  }
.destaques .banner-4 .box { background-color: rgba(255,255,255,0.9); width: 500px; margin: 150px auto; text-align: center; padding: 60px 40px; font-size: 30px; text-transform: uppercase; color: #83afdb; font-weight: 300; position: relative; }

.destaques .banner-5 { background: transparent url("images/banner-home-5-v2.jpg?v=2") center center; min-height: 500px; background-size: cover;  }
.destaques .banner-5 .box { background-color: rgba(255,255,255,0.9); width: 500px; margin: 150px auto; text-align: center; padding: 60px 40px; font-size: 30px; text-transform: uppercase; color: #83afdb; font-weight: 300; position: relative; }


.destaques .bg-equipamentos { background: transparent url("images/bg-equipamentos.jpg?v=2") center top; min-height: 500px; background-size: cover;  }
.destaques .bg-equipamentos .box { background-color: rgba(255,255,255,0.9); width: 500px; margin: 150px auto; text-align: center; padding: 60px 40px; font-size: 30px; text-transform: uppercase; color: #83afdb; font-weight: 300; position: relative; }

.destaques .bg-equipamentos.bg-pecas-de-reposicao { background: transparent url("images/bg-pecas-de-reposicao.jpg?v=2") center top; min-height: 500px; background-size: cover;  }


.destaques .bg-equipamentos.bg-infra-red { background-image: url("images/bg-infra-red.jpg?v=2"); }
.destaques .bg-equipamentos.bg-ultrassom { background-image: url("images/bg-ultrassom.jpg?v=2"); }
.destaques .bg-equipamentos.bg-vibracao { background-image: url("images/bg-vibracao.jpg"); }
.destaques .bg-equipamentos.bg-onestop { background-image: url("images/bg-onestop.jpg"); }
.destaques .bg-equipamentos.bg-metal-welding { background-image: url("images/bg-metal-welding.jpg"); }
.destaques .bg-equipamentos.bg-spin-welding { background-image: url("images/bg-spin-welding.jpg"); }
.destaques .bg-equipamentos.bg-limpeza-ultrassonica { background-image: url("images/bg-limpeza-ultrassonica.jpg"); }
.destaques .bg-equipamentos.bg-infrasteak { background-image: url("images/bg-infrasteak.jpg"); }
.destaques .bg-equipamentos.bg-sonicacao-sonifer { background-image: url("images/bg-sonicacao-sonifer.jpg"); }
.destaques .bg-equipamentos.bg-laser { background-image: url("images/bg-laser.jpg"); }


.destaques .banner-1 .box span { position: absolute; right: 0; bottom: 0; display: block; padding: 10px; background-color: #28c6c8; color: #fff; line-height: 20px; }
.destaques .banner-2 .box span { position: absolute; right: 0; bottom: 0; display: block; padding: 10px; background-color: #28c6c8; color: #fff; line-height: 20px; }
.destaques .banner-3 .box span { position: absolute; right: 0; bottom: 0; display: block; padding: 10px; background-color: #28c6c8; color: #fff; line-height: 20px; }
.destaques .banner-4 .box span { position: absolute; right: 0; bottom: 0; display: block; padding: 10px; background-color: #28c6c8; color: #fff; line-height: 20px; }
.destaques .banner-5 .box span { position: absolute; right: 0; bottom: 0; display: block; padding: 10px; background-color: #28c6c8; color: #fff; line-height: 20px; }

.banner-a-empresa { background: transparent url("images/eurosonics.jpg?v=2") center center; min-height: 500px; background-size: cover;  }
.banner-a-empresa .box { background-color: rgba(255,255,255,0.9); width: 500px; margin: 150px auto; text-align: center; padding: 60px 40px; font-size: 30px; text-transform: uppercase; color: #83afdb; font-weight: 300; position: relative; }


.destaques a { display: block; }
.destaques a:hover { text-decoration: none; }
.destaques.slick-dotted.slick-slider { margin-bottom: 0; }
.destaques .slick-dots { bottom: 15px; }
.destaques .slick-dots li button:before { color: #fff; font-size: 11px; }
.destaques .slick-dots li.slick-active button:before { color: #fff;  }

.contato-home { background-color: #28c6c8; color: #fff; text-align: center; padding: 35px 0; }
.contato-home h1 { font-size: 20px; padding: 0; margin: 0; text-transform: uppercase; }
.contato-home h2 { font-size: 16px; padding: 0; margin: 0; font-weight: 300; }
.contato-home h2 a { color: #fff; font-weight: bold; }

.shortcut { padding: 45px 0; }
.shortcut img { max-width: 100%; }
.shortcut h2 { margin-top: 20px; color: #83afdb; font-size: 18px; text-transform: uppercase; }
.shortcut h2 i { font-size: 16px; }
.shortcut p { color: #777; }
.shortcut a:hover { text-decoration: none; }


.shortcut a { text-decoration: none; transform: scale(1); transition: all 0.5s;  -webkit-transition: all 0.5s; display: inline-block; }
.shortcut a:hover { text-decoration: none; transform: scale(1.05); transition: all 0.5s;  -webkit-transition: all 0.5s; }
.shortcut a:hover .foto { box-shadow: 0 50px 50px rgba(0,0,0,0.1); transition: all 0.5s; }
.shortcut a .foto { box-shadow: 0 0 0 rgba(0,0,0,0.1); transition: all 0.5s; }

hr { border-top: 1px solid #83afdb; }


.solucoes h2 { margin-top: 20px; color: #83afdb; font-size: 18px; text-transform: uppercase; text-align: center; }
.solucoes h2 i { font-size: 16px; }
.solucoes p { text-align: center; }
.solucoes-box img { max-width: 100%; height: auto; }
.solucoes-box .box { padding: 20px; }
.solucoes-box a:hover { text-decoration: none; }
.solucoes h3 { margin-top: 20px; font-size: 16px; text-transform: uppercase; text-align: center; color: #777; }
.solucoes-box .slick-dots { bottom: 0; font-size: 11px; }
.solucoes-box .slick-dots li button:before { font-size: 11px; }

.solucoes-box a { text-decoration: none; transform: scale(1); transition: all 0.5s;  -webkit-transition: all 0.5s; display: inline-block; }
.solucoes-box a:hover { text-decoration: none; transform: scale(1.05); transition: all 0.5s;  -webkit-transition: all 0.5s; }
.solucoes-box a:hover .foto { box-shadow: 0 20px 50px rgba(0,0,0,0.1); transition: all 0.5s; }
.solucoes-box a .foto { box-shadow: 0 0 0 rgba(0,0,0,0.1); transition: all 0.5s; }


.equipamentos-box img { max-width: 100%; height: auto; }
.equipamentos-box .box { padding: 20px; }
.equipamentos-box a:hover { text-decoration: none; }
.equipamentos h3 { margin-top: 20px; font-size: 16px; text-transform: uppercase; text-align: center; color: #777; }
.equipamentos-box .slick-dots { bottom: 0; font-size: 11px; }
.equipamentos-box .slick-dots li button:before { font-size: 11px; }

.equipamentos-box a { text-decoration: none; transform: scale(1); transition: all 0.5s;  -webkit-transition: all 0.5s; display: inline-block; }
.equipamentos-box a:hover { text-decoration: none; transform: scale(1.05); transition: all 0.5s;  -webkit-transition: all 0.5s; }
.equipamentos-box a:hover .foto { box-shadow: 0 20px 50px rgba(0,0,0,0.1); transition: all 0.5s; }
.equipamentos-box a .foto { box-shadow: 0 0 0 rgba(0,0,0,0.1); transition: all 0.5s; }

.list-produtos { padding-top: 20px; }
.list-produtos img { max-width: 100%; height: auto; }
.list-produtos .foto { margin-bottom: 10px; }
.list-produtos h3 { font-size: 18px; color: #777; font-weight: normal; text-transform: uppercase; }
.list-produtos a { text-decoration: none; transform: scale(1); transition: all 0.5s;  -webkit-transition: all 0.5s; display: inline-block; }
.list-produtos a:hover { text-decoration: none; transform: scale(1.05); transition: all 0.5s;  -webkit-transition: all 0.5s; }

.list-produtos a:hover .foto { box-shadow: 0 50px 50px rgba(0,0,0,0.1); transition: all 0.5s; }
.list-produtos a .foto { box-shadow: 0 0 0 rgba(0,0,0,0.1); transition: all 0.5s; }

.content-int { background-color: #e9f1f9; padding: 70px 0; }
.filtrar { text-align: right; }

.content-int .sidebar { margin-right: 20px; }
.content-int .sidebar a { display: block; text-transform: uppercase; color: #777; margin-bottom: 10px; }
.content-int .sidebar a i { margin-top: 2px; margin-left: 10px; font-size: 11px; } 

.content-int .sidebar .search { margin-bottom: 30px; }
.content-int .sidebar .search input { background-color: transparent; border: 0; padding: 5px 10px; font-size: 12px; border-bottom: 1px solid #777; }
.content-int .sidebar .search button { position: absolute; border: 0; background-color: transparent; right: 35px; color: #777; font-size: 14px; top: 2px; }

.content-int .sidebar .categorias { padding: 0; margin: 0; list-style: none; text-transform: uppercase; font-weight: bold; }
.content-int .sidebar .categorias ul { padding: 0; margin: 0; list-style: none; margin-top: 20px; font-weight: normal; }
.content-int .sidebar .categorias li { padding: 0; margin: 0; list-style: none; }

.home footer { margin-top: 50px; }
footer { background-color: #333333; color: #fff; font-size: 14px; padding: 50px 0; }
footer strong { text-transform: uppercase; }

article { margin-bottom: 50px; }
article h1 { color: #83afdb; font-size: 28px; text-transform: uppercase; padding-bottom: 20px; }
article .foto img { max-width: 100%; height: auto; }
article .text { display: inline-block; width: 50%; float: left; }

.page-servicos .box { text-transform: none !important; font-size: 28px !important; }

.page-servicos h2 { color: #83afdb; font-size: 28px; text-transform: uppercase; padding-bottom: 20px; }

.list-servicos { padding: 0; margin: 0; list-style-type: none; }
.list-servicos li { margin-bottom: 20px; }
.list-servicos li li { margin-bottom: 0; }
.list-servicos li a { display: block; background-color: #28c6c8; padding: 20px; color: #fff; text-transform: uppercase; }
.list-servicos li a i { float: right; }
.list-servicos .content { display: none; padding: 20px; }
.list-servicos li .fa-plus { display: inline-block; }
.list-servicos li .fa-minus { display: none; }
.list-servicos li.active .content { display: block; }
.list-servicos li.active .fa-minus { display: inline-block; }
.list-servicos li.active .fa-plus { display: none; }
.list-servicos li ul { list-style-type: disc; padding: 0 0 0 20px; margin: 0 0 20px 0; }

.content-int.bg-blue { background-color: #81aedd;  color: #fff;  margin-bottom: 0;}
.content-int.bg-blue .banner { background-color: #fff; text-transform: uppercase; text-align: center; width: 70%; margin: 50px auto; padding: 20px; color: #81aedd; font-size: 40px; }
.content-int.bg-blue .text { margin: 0; }

.banner-gray { background-color: #a6a6a6; color: #fff; font-size: 20px; text-transform: uppercase; text-align: center; padding: 20px; font-weight: bold; line-height: 25px; }

.banner-green { background-color: #14c6c9; color: #fff; font-size: 20px; text-transform: uppercase; text-align: center; padding: 20px; font-weight: bold; line-height: 25px; }

.box-nossa-historia { padding: 70px 0; background: transparent url('images/seta.png') center 205px no-repeat; }
.box-nossa-historia h2 { color: #81aedd; font-size: 30px; text-transform: uppercase; text-align: center; margin: 20px 0 70px 0; }
.box-nossa-historia h3 { color: #81aedd; font-size: 30px; }

.nossa-historia { padding: 0 200px; }

.box-sistema-de-qualidade { background-color: #14c6c9; color: #fff; padding: 70px 0; }
.box-sistema-de-qualidade h2 { font-size: 30px; text-transform: uppercase; text-align: center; margin: 20px 0 70px 0; }
.content-sistema { padding: 0 200px; }

.localizacao { min-height: 625px; background-repeat: no-repeat; background-color: #81aedd; color: #fff ; }
.localizacao .text { padding: 70px 0; }
.localizacao h2 { font-size: 30px; text-transform: uppercase; margin-bottom: 50px; }
.localizacao ul { margin-left: 0; padding-left: 18px; }

.content-int h2 { font-size: 30px; text-transform: uppercase; }

.text-int { padding: 70px 0; }
.text-int ul { margin-left: 0; padding-left: 18px; }

.bt-default { background-color: #28c6c8; color: #fff; padding: 10px 20px; text-transform: uppercase; }
.bt-default i { margin-left: 10px; }
.bt-default:hover { background-color: #28c6c8; color: #fff; opacity: 0.7; text-decoration: none; }

.outros-produtos { margin-top: 50px; }


.content-int-w { background-color: #fff; padding: 70px 0; }
.content-int-w h2 { color: #83afdb; text-transform: uppercase; font-size: 20px; }

.onestop h3 { padding: 10px 20px; color: #fff; text-transform: uppercase; font-size: 20px; margin-bottom: 20px; }
.onestop h4 { padding: 10px 20px; color: #fff; text-transform: uppercase; font-size: 16px; margin-bottom: 20px; }

.onestop .list-repeat { margin-bottom: 40px; }

.onestop h3.processos { background-color: #28c6c8; }
.onestop h3.ferramentas-e-sistemas { background-color: #83afdb; }
.onestop h3.beneficios { background-color: #9b9b9b; }
.onestop .list-repeat.processos h4 { background-color: #28c6c8; }
.onestop .list-repeat.ferramentas-e-sistemas h4 { background-color: #83afdb; }
.onestop .list-repeat.beneficios h4 { background-color: #9b9b9b; }

.onestop .foto img { width: 100%; }

.page-contato form input[type="text"], .page-contato form input[type="email"], .page-contato form textarea{ border: 0; border-bottom: 2px solid #ccc; background-color: transparent; width: 100%; margin-bottom: 20px; }

.page-contato form textarea { height: 100px; }
.page-contato form input[type="submit"] { background-color: #14c6c9; color: #fff; float: right; border: 0; text-transform: uppercase; padding: 10px 30px; }

.box-tel a { color: #777; font-weight: bold; }
.box-tel a span { color: #969696; font-weight: normal; }

.map { filter: grayscale(100%); }
.map:hover { filter: grayscale(0%); }

.logged-in  header { top: 30px; }
body.logged-in { padding-top: 120px; }

.modal-product { display: none; position: fixed; width: 100%; top: 0; left: 0; height: 100vh; background-color: rgba(255,255,255,0.9); z-index: 999; }
.modal-product .nav { background-color: #e9f1f9; padding: 20px 0; }
.modal-product .nav .bt-close { padding: 10px 20px; background-color: #14c6c9; color: #fff; border-radius: 3px; margin-right: 30px; }
.modal-product .foto { text-align: center; }
.modal-product .bt-download { background-color: #14c6c9; color: #fff; text-transform: uppercase; padding: 10px 20px; }

@media (max-width: 1200px) { 
}

@media (max-width: 576px) { 

}


@media (max-width: 768px) { 
	header nav { display: none; }
	.destaques .banner-1 .box { max-width: 100%; font-size: 20px; }
	header .logo img { max-width: 100%; }
	header .search, header .idiomas { float: right; display: none; }

	.sidenav-trigger { position: absolute; right: 20px; font-size: 30px; z-index: 999; color: #83afdb; }

	.mm-wrapper_opened header { position: relative; }

	.mm-wrapper_opened body { padding-top: 0; }

	.solucoes-box img { width: 100%; }
	.shortcut img { width: 100%; }
	.nossa-historia { padding: 0; background: no-repeat; text-align: center; }
	.nossa-historia .text-left, .nossa-historia .text-right { text-align: center !important; }
	.box-nossa-historia, .localizacao { background-image: none !important; }
	.content-sistema { padding: 0; }
	.localizacao { text-align: center; }
	.localizacao ul { text-align: left; }
	.banner-a-empresa .box, .destaques .bg-equipamentos .box { max-width: 100%; }
	.content-int.bg-blue { padding: 40px 20px; text-align: center; }
	.box-sistema-de-qualidade h2 { font-size: 25px; }

	html #wpadminbar { display: none; }
	body.logged-in { padding-top: 0; }
	.logged-in header { top: 0; }
}

@media (max-width: 992px) { 
  
}

@media (max-height: 720px) { 

}