/*
Theme Name: Semage
Theme URI: https://www.semage.com.br
Text Domain: semage
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.
*/


/* plus-jakarta-sans-300 - latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/plus-jakarta-sans-v3-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/plus-jakarta-sans-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/plus-jakarta-sans-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/plus-jakarta-sans-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/plus-jakarta-sans-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/plus-jakarta-sans-v3-latin-300.svg#PlusJakartaSans') format('svg'); /* Legacy iOS */
}
/* plus-jakarta-sans-regular - latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/plus-jakarta-sans-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/plus-jakarta-sans-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/plus-jakarta-sans-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/plus-jakarta-sans-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/plus-jakarta-sans-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/plus-jakarta-sans-v3-latin-regular.svg#PlusJakartaSans') format('svg'); /* Legacy iOS */
}
/* plus-jakarta-sans-700 - latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/plus-jakarta-sans-v3-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/plus-jakarta-sans-v3-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/plus-jakarta-sans-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/plus-jakarta-sans-v3-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/plus-jakarta-sans-v3-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/plus-jakarta-sans-v3-latin-700.svg#PlusJakartaSans') format('svg'); /* Legacy iOS */
}

body{font-family: 'Plus Jakarta Sans';font-weight:400;background-color: #fff;color: #373435}
h1, h2, h3, h4, h5, h6, strong{font-weight: 900;margin: 0;}
a{text-decoration: none;transition: 0.3s all;color: #373435}
p, li, ul{font-size: 18px;;margin-top: 0;margin-bottom: 15px;}
.padd80{padding: 80px 0}
.padd50{padding: 50px 0}
.bgcolor1{background-color: #1D58A3}
.bgcolor2{background-color: #373435}
.title h1, .title h2, .title h3, .title h4, .title h5, .title h6{margin-bottom: 40px;font-size: 35px;position: relative;}
.title h2:after{content: '';display: block;width: 100px;height: 5px;background-color: #1D58A3;margin: 20px 0 0}
.title span{font-weight: 300}

.small{font-size: 15px;}
.transition, .transition:hover{transition: 0.3s all}
.scalehover, .scalehover2{transform: scale(1);}
.scalehover:hover{transform: scale(1.02);}
.scalehover2:hover{transform: scale(1.05);}
figure{margin-bottom: 50px;}

.btt{display: inline-block;text-align: center;margin-bottom: 60px;}
.btt a{padding:20px 40px;border-radius: 10px;font-size: 20px;background-color: #1a7efb;color: #fff;display: inline-block;}
.btt.whats a:hover{background-color: #1D58A3;color: #fff}
.btt.whats a{background-color: #36E753;color: #1D58A3;font-weight: 700}

#whats{position: fixed;bottom: 20px;right:20px;animation: pulse 2s infinite;z-index: 999}
#whats a{background-color: #36E753;border-radius: 50%;height: 60px;width: 60px;text-align: center;line-height: 55px;color: #fff;display: inline-block;font-size: 40px;}

@keyframes pulse {
  50%{
    transform: scale(1.1);
  }
}


.video iframe{width: 100%;margin-bottom: 60px}

.redes ul{list-style: none;padding: 0;margin: 0;display: flex;align-items: center;justify-content: center;}
.redes ul li{display: inline-block;font-size: 20px;}
.redes ul li.redeee{margin-right: 20px;margin: 0;color: #fff}
.redes ul li a{color: #fff;font-size: 50px;margin: 0 20px;}

.container{position: relative;}


.flexx{display: flex;}
.flexxrow{flex-wrap: wrap;}
.flexxaligncenter{align-items: center;}


ul{list-style: none;padding: 0;}

header{background-color: #373435;background-image: url(imgs/bg_action.jpg);background-size: cover;background-repeat: no-repeat;background-position: center ;height: 700px}
header h1, header p, header ul{color: #fff}
header h1{font-size: 50px;}
header h1 span{color: #1D58A3}
header p{font-size: 20px;line-height: 30px;}
header h2{color: #fff;margin-bottom: 30px;}
header ul li{font-weight: 300;font-size: 16px;}
header strong{color: #1D58A3}
header .title h1 span{font-size: 80px;}

header .logo img{width: 250px;}

form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit{background-color: #F58332 !important;border-radius:7px !important;padding: 15px 30px}
.fluentform .ff-el-is-error .text-danger{color: #fff !important}
.ff-message-success p{color: #fff !important}
.fluentform .ff-el-input--label label{color: #fff !important}
.form{background-color: #1D58A3;padding: 40px;border-radius: 15px;box-shadow: 0 0 100px 0 rgba(0,0,0,0.8);position: sticky;top: 50px;margin-top: -550px}
.form .title .formh2{margin-bottom: 30px;color: #fff;font-size: 30px;}
.form .title .formh2:after{background-color: #fff}
.form .title strong{font-weight: 300}
.title .actt h2{font-weight: 300;font-size: 30px;line-height: 40px}
.title .actt h2 b{font-weight: 600;font-size: 30px;}
.title .actt h2:after{display: none}
.form .btt{background-color: #fff;font-weight: 600;font-size: 18px !important;color: #fff;padding: 20px 30px !important;cursor: pointer;}
.form .btt:hover{background-color: #000;}

.atuacao ul{margin-bottom: 70px;}
.atuacao li{font-size: 24px}
.atuacao .title h2{color: #1D58A3}

.msgsucesso, .msgerro{padding: 20px;text-align: center; display: block;margin-bottom: 30px;border-radius: 5px;color: #fff;}
.msgsucesso{background: #007431;}
.alertpkas{background-color: #fff8a4;padding: 15px;border-radius: 10px;}
.msgerro{background: #C40000;}

.atuacao .title .actt h2{margin-bottom: 50px;color: #000;}
.atuacao .actt p{font-size: 22px;line-height: 30px;}
figure img{width: 100%;height: auto}

.direitos p{margin-bottom: 0;padding: 15px 0;font-size: 15px;}


.ullist li i{margin-right: 5px;}
.ullist li{margin-bottom: 15px;}

ul.contatos{font-size: 20px;flex-wrap: wrap;justify-content: center;text-align: center;display: flex;}
ul.contatos li{margin: 20px;color: #fff}
ul.contatos li.telefone, ul.contatos li a{font-size: 20px;color: #fff}
ul.contatos li a:hover{text-decoration: underline;}

.inffosm li{color: #fff}

footer p, footer strong{font-size: 15px;}
footer a{display: inline-block;padding: 10px 15px;border-radius: 10px;font-size: 15px;color: #000;}


@media (max-width: 1399.98px) {
  .title h1, .title h2, .title h3, .title h4, .title h5, .title h6{font-size: 30px;}
}

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

@media (max-width: 991px) {
  .form{margin-bottom: 50px;margin-top: -150px}
  header{height: 400px;}
}

@media (max-width: 767px) {
  ul.contatos li{width: 100%;margin: 20px 0}
  ul.contatos li strong{width: 100%;display: block;}
  .redes ul{width: 100%;display: block;}
  .redes ul li.redeee{width: 100%;display: block;margin-bottom: 20px;}
}


@media (max-width: 580px) {
  header .logo img{width: 82%}
  .title h1, .title h2, .title h3, .title h4, .title h5, .title h6{font-size: 22px;}
  header p, .atuacao li{font-size: 18px;line-height: 25px;}
  
  body{background-size: 1200px; background-position: -600px center;}
  .container{padding: 0 40px;}
  .small{text-align: left;}
  .form{padding: 30px;}
  .form h2, .title .actt h2, .title .actt h2 b{font-size: 24px;}
  .btt a{font-size: 4vmin;padding: 15px 20px}
}


@media (max-width: 480px) {
  .form{padding: 20px;}
}