/*
Theme Name: AVE Metalúrgica
Theme URI: https://www.avemetalurgica.com.br
Text Domain: avemetalurgica
Author: Preciso Web | Devanir Reolon
Author URI: https://www.precisoweb.com.br/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v30-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v30-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

body, .form-control{font-family: 'Roboto';font-weight: 400}
body{transition: 0.2s all;font-size: 16px;line-height: 26px}
strong{font-weight: 600;}
p{margin-bottom: 20px;margin-top: 0}
p, ul{color: #000;margin-bottom: 30px;font-size: 16px;line-height: 30px}
ul li{margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6{color: #000;margin: 0 0 20px 0;padding: 0;font-weight: 600}
a, .nav-link{color: #000;transition:all 0.1s;text-decoration: none}
a:hover, a:focus{transition:all 0.1s;text-decoration: none;color: #000}
.img-fluid{width: 100%;z-index: 2}
.img-fixed{background-size: cover; background-repeat: no-repeat;background-attachment: fixed !important;background-position: center center}
.img-cover{background-size: cover; background-repeat: no-repeat;background-position: center center}
.p404{padding: 150px 0}
.p404 h1{font-size: 120px;}
.padd0{padding: 0}
.padd50{padding-top: 50px;padding-bottom: 50px;}
.padd70{padding-top: 70px;padding-bottom: 70px;}
.bgcolor1{background-color: #1794F6}
.bgcolor1 h2, .bgcolor1 p, .bgcolor1 a, .bgcolor1 .fluentform .ff-el-input--label label{color: #fff}

.btt a{text-transform: uppercase;font-weight: 600;position: relative;padding: 12px 30px;}
.btt a{color: #fff;background-color: #000}
.btt a:hover{background-color: #999;color: #fff}

.title{margin-bottom: 30px;}
.title h2{font-size: 32px;text-transform: uppercase;font-weight: 600;margin-bottom: 5px}
.title p{font-size: 20px;font-weight: 300}


.navbar-toggler{font-weight: 500;color: #fff;padding: 0;border-radius: 0;display: inline-block;font-size: 35px;}
.navbar-toggler:focus{box-shadow: none;}
figure{position: relative;padding: 0;margin: 0;transition: 0.1s all}
figure img{position: relative;height: auto;width: 100%;transition: 0.1s all}
figure.alignright { float: right; margin: 0 0 1em 1em; }
figure.alignleft { float: left; margin: 0 1em 1em 0; }
figure.aligncenter { display: block; margin-left: auto; margin-right: auto; }
figure.wp-block-image.size-large img, figure.wp-block-image.size-full img{width:auto;height: auto;margin-bottom: 30px; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;text-align: center; }

header{background-color: #fff;}
header .menu-principal li{margin: 0}
header .btt a{background-color: #1794F6;color: #000}
header .btt a:hover{background-color: #fff;color: #000}
.menuheader{padding: 25px 0;}
header .menu-principal .navbar-nav li{margin:0 0 0 60px;}
header .menu-principal .navbar-nav li .nav-link{margin: 0;font-size: 18px;text-transform: uppercase;color: #000;font-weight: 400;padding: 0;position: relative;}
header .menu-principal .navbar-nav li.active .nav-link{color: #1794F6}
header .menu-principal .navbar-nav li .nav-link:hover:before{width: 50%;transition: 0.2s all}
header .menu-principal .navbar-nav li .nav-link:hover{color: #1794F6;}
header .logo{position: absolute;top: 0;margin-left: -30px}
header .logo a{display: inline-block;}
header .logo img{height: auto;width:300px;transition: 0.3s all}
header .menu-principal .dropdown-menu{background: rgba(0, 0, 0, 0.90);border:0;border-radius: 10px;width: 240px;padding: 5px 0;position: absolute;left:-40px;right:0;top: 50px;}
header .menu-principal .dropdown-menu li{margin: 0;padding: 2px 10px;display: block;}
header .navbar-expand-lg .menu-principal .dropdown-menu li{border-bottom: 0.5px solid #fff;margin: 0 5px;text-align: center;}
header .navbar-expand-lg .menu-principal .dropdown-menu li .nav-link{font-size: 14px;color: #fff;padding: 5px;line-height: 18px;} 
header .navbar-expand-lg .menu-principal .dropdown-menu li:last-child{border: none}
header .navbar-expand-lg .menu-principal .dropdown-menu li .nav-link:hover{background-color: transparent;} 
header .navbar-expand-lg .menu-principal .dropdown-menu .current-menu-item .nav-link{color: #fff;}
header .menu-principal .dropdown-menu:before {content: "";position: absolute;border: solid transparent;border-bottom-color: #000;border-width: 11px;top: -18px;right: 110px;z-index: 1;}
header.fixed{box-shadow: 0 0 30px 0px rgba(0,0,0,0.1)}
header.fixed .logo img{width: 200px;transition: 0.3s all}

.headertitle{border-top: 1px solid #fff;text-align: center;}
.headertitle h1{color: #fff;padding-top: 20px;font-size: 30px;text-transform: uppercase;letter-spacing: 2px;}
.headertitle strong{font-weight: 300;font-size: 20px;line-height: 25px;}

.bordertop{border-top: 2px solid #e1e1e1;padding-top: 50px;margin-top: 70px;}

#servicos ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
#servicos figure{margin-right: 50px;}
#servicos figure img{height: auto;width:150px;filter: drop-shadow(0 0 20px rgba(0,0,0,.3));}
#servicos ul li{width: 43%;display: flex;margin: 30px 2%;}
#servicos ul li:hover figure img{filter: drop-shadow(0 0 30px rgba(0,0,0,.5));}
#servicos ul li h3{font-size: 28px;color: #1794F6;margin-bottom: 10px}
#servicos ul li p{line-height: 26px;font-weight: 300}
#servicos ul li h3 span{font-size: 22px;color: #000;font-weight: 500;margin-top: 10px;display: block;}
#servicos ul li .inf{margin-top: 40px;}

#portfolio .bg{background-color: #1794F6;padding: 60px 0;border-radius: 120px;}
#portfolio .bg .title h2, #portfolio .bg .title p{color: #fff}
#portfolio .galeria{padding: 0 100px;margin: 0 50px}
#portfolio .galeria img{border-radius: 50px;}
#portfolio .galeria .itemim{padding:15px;position: relative;opacity: 0.9}
#portfolio .galeria .itemim:hover{opacity: 1}
#portfolio .galeria .itemim .ver{position: absolute;bottom: 15%;text-align: center;width: 100%;left: 0;display: inline-block;}
#portfolio .galeria .itemim .ver .vermm{background-color: #1794F6;padding: 5px 15px;border-radius: 20px;color: #fff}

.vantagens{padding-top: 100px;padding-bottom: 70px}
.vantagens ul{list-style: none;padding: 0;margin: 60px 0 0 0;display: flex;justify-content: center}
.vantagens ul li{width: 33%;padding: 0 40px;text-align: center;}
.vantagens ul li .ico{box-shadow: 0 0 50px -10px rgba(0, 0, 0,0.3);border-radius: 45%;width: 200px;padding: 40px 20px;display: inline-block;margin-bottom: 50px;background-color: #fff}
.vantagens ul li:hover .ico{box-shadow: 0 0 50px -10px rgba(0, 0, 0,0.5);}
.vantagens ul li:hover h4{color: #1794F6;}
.vantagens ul li h4{font-size: 22px;}
.vantagens ul li .ico img{height: 100px;}
.vantagens ul li .ico span{width: 100%;display: block;color: #1794F6;text-transform: uppercase;font-weight: 600;font-size: 20px;margin-top: 20px}
.vantagens ul li p{font-weight: 300;font-size: 18px;line-height: 25px}

#contato ul{list-style: none;padding: 0;margin:0 0 30px;color: #fff}
#contato ul li.tel{font-size: 30px;font-weight: 600}
#contato ul li.email{font-size: 20px;}
.fluentform .ff-el-group{margin-bottom: 5px !important}
form.fluent_form_3 .ff-btn-submit{background-color: #000 !important;border-radius: 20px !important;padding: 10px 20px !important;margin-top: 15px}

#qualidade{box-shadow: 0 0 50px 20px rgba(0,0,0,0.2);background-color: #fff}
#qualidade figure .btt{text-align: center;margin-top: -130px;}
#qualidade figure .btt a{display:inline-block;text-align: center;border-radius: 20px;padding: 10px 50px;background-color: #1794F6;transform: scale(1.0);}
#qualidade figure .btt a:hover{background-color: #000;transform: scale(1.05);}
#qualidade .nnc{font-size: 20px;}
#qualidade .txx ul{padding: 0 0 0 20PX;}

.logo_cinza{background-image: url(imgs/logo_cinza.png);background-attachment: fixed;background-size: 70%;background-repeat: no-repeat;background-position: center;}
.logo_azul{background-image: url(imgs/logo_azul.png);background-attachment: fixed;background-size: 70%;background-repeat: no-repeat;background-position: center 50px}
.logo_azul2{background-image: url(imgs/logo_azul2.png);background-attachment: fixed;background-size: 70%;background-repeat: no-repeat;background-position: center 50px}

.banners{position: relative;}
.banners .imageitem{position: relative;}
.banners .imageitem img{width: 100%;height: auto}
.banners .imageitem .slick-banners{position: absolute;top: 50%;left: 0;right: 0;text-align: center;display: inline-block;}
.banners .imageitem .slick-banners span{display: inline-block;background-color: rgba(23, 148, 246, 0.8);padding: 30px 50px;font-size: 40px;color: #fff;font-weight: 500;line-height: normal;border-radius: 30px}

.slick-prev:before, .slick-next:before{font-family: "Font Awesome 5 Free" !important;font-weight: 900 !important;border:4px solid #fff;border-radius: 50%; opacity:1 !important; color: #fff !important;width: 60px !important;height: 60px !important;display: inline-block !important;line-height: 55px !important;text-align: center !important;margin-top: -10px !important}
.slick-prev{left: 20px !important;}
.slick-next{right: 50px !important;}
.slick-prev:before{content: "\f104" !important;}
.slick-next:before{content: "\f105" !important}
.slick-next, .slick-prev{z-index: 9 !important}

#whatsFixo{position: fixed;bottom: 30px;right: 30px;z-index: 999;background-color: #1CD741;color: #fff;width: 75px;height: 75px;line-height: 75px;text-align: center;font-size: 50px;border-radius: 50%;}


.padanchor:target {
    padding-top: 120px;
}




.direitos{background-color: #fff;}
.direitos p, .direitos a{padding: 20px 0;margin: 0;font-size: 13px;color: #000;line-height: 19px}
.direitos a{text-decoration: underline;}

.form .priv{font-size: 17px;margin-bottom: 0}
.wpcf7-not-valid-tip{padding-left: 10px;font-size: 15px;}
.form{position: relative;}
.form label{padding-left: 10px;font-weight: 600;margin-bottom: 10px;display: block;color: #363435}
.form .form-control{background-color: #fff;margin: 0 0 15px;padding: 14px 15px;border-radius: 0px;border: none;border:1px solid #363435}
.form textarea.form-control{height: 150px;padding: 15px}
.form .wpcf7-submit{background-color: #000;color: #fff;font-size: 16px;text-transform: uppercase;border-radius: 0px;display: inline-block;width: auto;padding: 15px 30px;font-weight: 600;border: none}
.form .wpcf7-submit{transform: scale(1);transition: 0.3s all}
.form .wpcf7-submit:hover{transform: scale(1.01);transition: 0.3s all}
.form .file1{margin-bottom: 50px;margin-top: 50px;}
.form .vedewz{color: #305C3B;margin-bottom: 50px;}
.form .margintop{padding-top: 50px;}
.form .wpcf7-submit{width: 100%;}

.wpcf7 form .wpcf7-response-output{color: #dc3545;color: #fff;padding:15px;text-align: center;margin: 0 0 30px;border-radius: 10px}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{border-color: #dc3545;color:#fff;background-color:#dc3545 }
.wpcf7 form.sent .wpcf7-response-output{border-color: #46b450;color:#fff;background-color: #46b450}
.wpcf7 .wpcf7-not-valid-tip{font-size: 14px;margin-top: -10px;margin-bottom: 10px;color: #dc3545;font-weight: 600}
.wpcf7-spinner{display: block;margin: 0 auto}


.mapa iframe{width: 100%}


@media (max-width : 1200px) {

  .menuheader{padding: 0}
  #servicos figure{margin-right: 35px}

  header .flexxx .logo{display: flex;align-items: center;}
  header .flexxx{display: flex;align-items: center;flex-wrap: wrap;}
  header .flexxx .mennucol{width: 100%;}

  header .menu-principal .navbar-nav li{margin: 0;padding: 5px 0}
  header .menu-principal .navbar-nav li.active .nav-link:before{width: 100%;display: none}
  .padanchor:target{padding-top: 40px}
  .title{margin-bottom: 0}
  .logo_cinza, .logo_azul2{background-attachment: inherit;background-size: cover}
  #portfolio .bg{background-image: none}
}


@media (max-width: 991px) {
  header .flexxx{display: flex;align-items: center;justify-content: flex-between;flex-wrap: wrap;}
  header .flexxx .logo{margin:0}
  header .container{max-width: 720px}
  header .mennucol{width: 100%}
  footer .infos{text-align: center;}
  footer .redesfoo a{margin:0 10px; }
  footer .flexxx .links li{margin:10px}

  .btt a{font-size: 14px;padding: 5px 12px;}

  .title h2{font-size: 25px;line-height: 30px;}
  .title p{font-size: 16px;line-height: 21px;}

  .padd70{padding-top: 50px;padding-bottom: 40px;}

  #servicos ul li{width: 100%;}
  #servicos figure{margin-right: 50px;}
  .vantagens ul li{padding: 0 20px}
  .vantagens ul li h4{font-size: 18px;}
  .vantagens ul li p{font-size: 16px;line-height: 22px;}
  .vantagens ul li .ico{width: 140px;border-radius: 40%;}
  .vantagens ul li .ico img{height: 60px;}
  #qualidade .certificado{margin-bottom: 100px;}


}  


@media (max-width : 767px) {
  .perguntas .flexx .colfle{width: 100%;margin: 0 0 20px;}
  footer .flexxx{display: block;text-align: center;}
  footer .contatos{margin-bottom: 50px;}
  .container, .container-sm{max-width: 100%;padding-right: 30px;padding-left:30px;}
  #contato .title, #contato ul{text-align: center;}
  .banners .imageitem .slick-banners span{font-size: 20px;padding: 10px 40px}
  header .logo img{width: 200px}
  #portfolio .galeria{padding: 0 50px;margin: 0 }

}


@media (max-width : 580px) {
  footer .flexxx .links li{width: 100%;margin: 0 0 10px}
  .container, .container-fluid{padding-right: 20px;padding-left:20px;}

  p, ul{font-size: 16px;line-height: 22px;}
  .slick-next{right: 32px !important}
  .slick-prev{left: 0px !important}
  .vantagens ul{display: block;}
  .vantagens ul li{width: 100%;}
  .banners .imageitem img{object-fit: cover;height: 450px;}
  #servicos figure img{width: 100px}
  #servicos figure{margin-right: 25px}
  #servicos ul li .inf{margin-top: 20px;}
  #servicos ul li h3{font-size: 22px;}
  #servicos ul li h3 span{font-size: 18px;}
  .vantagens ul li .ico{width: 50%}
  .vantagens ul li .ico img{height: auto;width: 80%;}
  #qualidade figure .btt{margin-top: -80px;}
  .certificado img{width: 100%;}
  header .flexxx .logo{right: 0}
}


@media (max-width : 480px) {
  header .btt a{font-size: 12px;}
}