/* Developed by Leandro Alves */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&family=Poppins:wght@400;500;700&display=swap');
body{font: 100% 'Poppins', sans-serif;font-weight: 400;min-width: 300px;color: #2f2f2f;}
h1, h2, h3, h4, h5{font-family: 'Playfair Display', serif;font-weight: 400;font-style: normal;font-stretch: normal;line-height: 1.6;letter-spacing: normal;color: #212121;}

.container {width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;position: relative;}
.container .row {max-width: 1280px;}

.bar{background: #252525;}
.bar .tel{display: inline-block;margin: 15px 0;}
.bar .tel img{margin: 0 10px 0 0;}
.bar .tel span{color: #fff;}
.bar .mail{display: inline-block;margin: 15px 30px;}
.bar .mail img{margin: 0 10px 0 0;}
.bar .mail span{color: #fff;}
.bar .social{display: inline-block;margin: 15px 10px;float: right;}
.bar .social img{margin: 0 20px 0 0;}
.bar .cta{color: #252525;background: #c7b065;display: block;padding: 15px;text-align: center;cursor: pointer;}
.bar a{color: #fff;margin: 0 10px;}

.header{position: absolute;width: 100%;background: rgba(0, 0, 0, 0.2);box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.2);}
.header .logo{margin: 18px 0px;max-width: 330px;width: 100%;float: left;}
.header .menu{display: flex;margin: 15px 0;list-style: none;padding: 0;float: right;}
.header .menu li{padding: 10px 25px;}
.header .menu li:last-child{padding: 10px 0px 10px 25px;}
.header .menu li a{font-size: 14px;color: #ffffff;font-weight: 700;}

.header2{position: fixed;top: -200px;width: 100%;background: #252525;box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.2);-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;z-index: 99;}
.header2 .logo{margin: 18px 0px;max-width: 330px;width: 100%;float: left;}
.header2 .menu{display: flex;margin: 15px 0;list-style: none;padding: 0;float: right;}
.header2 .menu li{padding: 10px 25px;}
.header2 .menu li:last-child{padding: 10px 0px 10px 25px;}
.header2 .menu li a{font-size: 14px;color: #fff;font-weight: 700;}
.header2.show{top: 0;}

/* HOME */
.home{background-image:url(../img/bg.jpg);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;background-color: #fff;padding: 0;margin: 0;outline: none;text-align: center;height: 600px;display: flex;justify-content: center;align-items: center;}
.home .slogan{width: 100%;max-width: 720px;}
.home .slogan .title {font-size: 70px;color: #ffffff;margin: 0 0px 30px 0;line-height: 60px;}
.home .slogan p{font-size: 20px;font-weight: 400;color: #ffffff;margin: 20px;}
.home .slogan .primary{cursor: pointer;background: #c7b065;font-size: 16px;font-weight: 500;padding: 10px 30px;color: #2f2f2f;margin: 10px;display: inline-block;border: 2px solid #c7b065;}
.home .slogan .primary:hover {background: #d6b650;border: 2px solid #d6b650;}
.home .slogan .outline{background: transparent;font-size: 16px;font-weight: 500;padding: 10px 30px;color: #ffffff;margin: 10px;border: 2px solid #fff;display: inline-block;}
.home .slogan .outline:hover {color: #d6b650;border: 2px solid #d6b650;}


/* SUBHOME */
.subhome{background-image:url(../img/bg.jpg);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;background-color: #fff;padding: 0;margin: 0;outline: none;text-align: left;height: 330px;overflow: hidden;}
.subhome .title {font-size: 70px;color: #ffffff;margin: 120px 0 0 0;line-height: 60px;}
.subhome p{font-size: 20px;font-weight: 400;color: #ffffff;margin: 20px 0;}
.subhome a.primary{background: #c7b065;font-size: 16px;font-weight: 500;padding: 10px 30px;color: #2f2f2f;margin: 10px 20px;display: inline-block;border: 2px solid #c7b065;right: 0;position: absolute;top: 0;}
.subhome a.primary:hover {background: #d6b650;border: 2px solid #d6b650;}

/* DESTAQUE */
.destaque{background: #c7b065;padding: 0 0 150px 0;margin: 0;outline: none;}
.destaque .box {background: #fff;padding: 20px;text-align: center;margin-top: -100px;margin-bottom: 50px;border-radius: 5px;min-height: 350px;box-shadow: 0 0 10px 0px rgb(123, 116, 93);}
.destaque .box img{max-width: 60px;width: 100%;}
.destaque .box h3{margin: 20px 0;padding: 0;font-weight: 500;font-size: 20px;}
.destaque .box p {font-size: 14px;color: #2f2f2f;font-weight: 400;margin: 0;}
.destaque .box2 {min-height: 210px;overflow: hidden;}
.destaque .box2 h2{margin: 10px 0;padding: 0;font-weight: 500;font-size: 35px;}
.destaque .box2 p {font-size: 17px;color: #2f2f2f;font-weight: 400;margin: 0;text-align: justify;}

/* SOBRE */
.sobre{background: #f6f6f6;padding: 150px 0;margin: 0;outline: none;text-align: center;background-image:url(../img/sobre.jpg);background-position: 90% 50%;background-size: cover;background-repeat: no-repeat;background-color: #fff;}
.sobre h1{margin: 0 0 20px;padding: 0;font-weight: 500;font-size: 42px;color: #2f2f2f;}
.sobre p{font-size: 18px;color: #828282;}
.sobre img{max-width: 360px;width: 100%}

/* ATUACAO */
.atuacao{background: #ebebeb;padding: 150px 0;margin: 0;outline: none;text-align: center;}
.atuacao h1{margin: 0 0 50px;padding: 0;font-weight: 500;font-size: 42px;color: #2f2f2f;}
.atuacao .box {min-height: 450px;margin: 0 auto;max-width: 400px;background: #fff;text-align: center;margin-bottom: 50px;border-radius: 5px;overflow: hidden;box-shadow: 0 0 10px 0px rgba(93, 93, 93, 0.17);}
.atuacao .box img{width: 100%;}
.atuacao .box h3{margin: 20px 0;padding: 0 20px;font-weight: 500;font-size: 20px;}
.atuacao .box p {font-size: 14px;color: #2f2f2f;font-weight: 400;margin: 0;padding: 0 20px 20px;}

/* ARTIGOS */
.artigos{background: #fff;padding: 150px 0;margin: 0;outline: none;text-align: center;}
.artigos h1{margin: 0 0 50px;padding: 0;font-weight: 500;font-size: 42px;color: #2f2f2f;}
.artigos .box {background: transparent;text-align: center;margin-bottom: 50px;border: 2px solid #ebebeb;border-radius: 7px;overflow: hidden;margin: 0 auto;max-width: 400px;}
.artigos .box img{width: 100%;}
.artigos .box h3{margin: 0px 0 30px;padding: 0 10px;font-weight: 500;font-size: 18px;}
.artigos .box p {font-size: 14px;color: #999;margin: 0;padding: 10px 40px;}

/* POST */
.post{background: #fff;padding: 100px 0;margin: 0;outline: none;}
.post h2{margin: 0 0 50px 0;}

/* CONTATO */
.cta{background: #c7b065;padding: 100px 0;margin: 0;outline: none;}
.cta h1{margin: 0;padding: 0;font-size: 36px;color: #2f2f2f;}
.cta p{font-size: 20px;color: #2f2f2f;font-weight: 400;}
.cta .bt{cursor: pointer;background: #2f2f2f;font-size: 16px;font-weight: 500;padding: 20px 30px;color: #FFF;margin: 20px 0;display: inline-block;width: 100%;border: 2px solid #2f2f2f;text-align: center;}
.cta .bt:hover {background: #000;border: 2px solid #000;}

/* SOBRE */
.footer{background: #f6f6f6;padding: 150px 0;margin: 0;outline: none;}
.footer .logo{max-width: 360px;width: 100%;margin-bottom: 30px;}
.footer .number{font-size: 30px;color: #252525;margin: 0;}
.footer .mail{font-size: 20px;color: #252525;}
.footer p{font-size: 18px;color: #252525;}
.footer .redes img{margin-right: 20px;}
.footer h5{color: #252525;font-size: 25px;}
.footer h5::after{content: "";border-bottom: 3px solid #c7b065;display: block;width: 70px;margin-bottom: 30px;}
.footer ul{list-style: none;margin: 0;}
.footer ul li{margin: 20px 0 0 0;}
.footer input {padding: 15px;height: 45px;max-width: 410px;}
.footer form .has-error input.form-control,
.footer form .has-error input.form-control:focus{border: 2px solid #e74c3c;/* color: #e74c3c; */}
.footer form .has-error input.form-control::placeholder{color: #e74c3c;}
.footer .not-valid{display: none;text-align: center;height: 35px;background: #e74c3c;color: #fff;padding: 10px 20px;border-radius: 5px;margin: -10px 0 20px 0;line-height: 1;font-size: 15px;}
.footer .not-valid.show{display: block;}
.footer button {margin: 0;width: 100%;padding: 13px;background: #c7b065;color: #2f2f2f;font-weight: 700;font-size: 14px;max-width: 410px;}
.footer button.disabled{background: #c7b065;opacity: 1;}
.footer button:hover {background: #2f2f2f;}

.footer a{color: #252525;display: block;}
.footer .redes a{display: inline-block;}

.cf-sucess{display: none;width: 100%;background: #fff;border-radius: 7px;padding: 30px 0px;text-align: center;margin: 20px 0;}
.cf-sucess.show{display: block;}
.cf-sucess img{margin: 0 0 10px 0;width: 70px;}
.cf-sucess h3{font-size: 26px;color: #40596b;font-weight: 700;}
.cf-sucess p{font-size: 14px;color: #40596b;margin: 0;}


.rdp {background: #3d3d3d;padding: 3rem;margin:0; font-size: 14px;letter-spacing: 2px;text-align: center;color: #fff;}

.modal.formulario{outline: none;text-align: center;padding: 30px;max-width: 700px;}
.modal.formulario h3{margin: 0;}
.modal.formulario p{margin-bottom: 40px;padding-bottom: 15px;border-bottom: 2px solid #dadada;}
.modal.formulario .collapse{margin-left: -15px;margin-right: -15px;}
.modal.formulario form{width: 100%;margin: 0;}
.modal.formulario form .form-group{position: relative;}
.modal.formulario form .form-group label{margin: 0;padding: 0px 7px;background: #fff;top: -10px;left: 10px;position: absolute;color: #4d4d4d;font-size: 14px;}
.modal.formulario form .form-group input{border-radius: 7px;width: 100%;height: 50px;padding: 15px;font-size: 16px;font-weight: 600;color: #3d3d3d;margin: 0 0 30px 0;box-shadow: none;border: 2px solid #ddd;}
.modal.formulario form .form-group input:focus{border: 2px solid #3FB9CF;}
.modal.formulario form .form-group select{border-radius: 7px;width: 100%;height: 50px;padding: 10px 15px;font-size: 16px;font-weight: 600;color: #3d3d3d;margin: 0 0 30px 0;box-shadow: none;border: 2px solid #ddd;background-color: #fff;}
.modal.formulario form .form-group select:focus{border: 2px solid #3FB9CF;outline: none;}

.modal.formulario form .has-error input.form-control,
.modal.formulario form .has-error input.form-control:focus{border: 2px solid #e74c3c;/* color: #e74c3c; */}
.modal.formulario form .has-error input.form-control::placeholder{color: #e74c3c;}
.modal.formulario form .has-error select.form-control,
.modal.formulario form .has-error select.form-control:focus{border: 2px solid #e74c3c;/* color: #e74c3c; */}
.modal.formulario form .has-error select.form-control::placeholder{color: #e74c3c;}
.modal.formulario form select.form-control > option[value=""][disabled] {display: none;}

.modal.formulario form .not-valid{display: none;text-align: center;height: 35px;background: #e74c3c;color: #fff;padding: 10px 20px;border-radius: 5px;margin: -10px 0 20px 0;line-height: 1;font-size: 15px;}
.modal.formulario form .not-valid.show{display: block;}
.modal.formulario form button{outline: none;font-size: 20px;font-weight: 700;color: #fff;text-align: center;background: #3FB9CF;border-radius: 7px;width: 100%;margin: 0;}
.modal.formulario form button.disabled{background: #3FB9CF;opacity: 1;/* cursor: default !important; */}

.modal.notfication{outline: none;text-align: center;padding: 30px;}
.modal.notfication img{margin-bottom: 20px;}
.modal.notfication h3{color: #1c9ab1;margin: 0;}
.modal.notfication p{color: #000000;font-size: 18px;margin: 0;}
.modal.notfication .next{background: #1c9ab1;color: #fff;width: 100%;display: block;padding: 15px;margin-top: 40px;border-radius: 7px;}
.modal.notfication .close-modal{display: none;}

@media screen and (max-width: 1366px){

}

@media screen and (max-width: 1024px) {
  .container {max-width: 760px;}

  .bar{text-align: center;}
  .header .logo{max-width: 280px;}
  .header .menu li{padding: 10px 12px;}

  .header2 .logo{max-width: 280px;}
  .header2 .menu li{padding: 10px 15px;}

  .destaque .box{margin-top: -20px;min-height: 380px;}
  .hidden{display: none !important;}
  .sobre{background-position: 60% 50%;}
  .footer h5{margin: 50px 0 0;}

}

@media screen and (max-width: 768px){
  .container {max-width: 480px;}

  .header {text-align: center;}
  .header .logo{float: none;}
  .header .menu {float: none;justify-content: center;}
  .subhome .title{margin: 160px 0 0 0;font-size: 50px;}
  .subhome p{font-size: 16px;margin: 20px 80px 0 0;}

  .destaque .box{max-width: 400px;margin: 0 auto;margin-top: -40px;min-height: auto;margin-bottom: 70px;}

  .header2 {text-align: center;}
  .header2 .logo{float: none;}
  .header2 .menu {float: none;justify-content: center;}

  .destaque .box2 h2{display: inline-block;margin: 0;font-size: 40px;}
  .destaque .box2 {min-height: auto;margin-bottom: 0;}
  .sobre{background-position: 0% 50%;}


}

@media screen and (max-width: 640px){
  .container {}

  .cta h1{font-size: 30px;}
  .cta p{font-size: 16px;margin: 20px 0;}

  .footer .number{font-size: 30px;}
  .footer .mail{font-size: 16px;}
  .footer p{font-size: 14px;}
  .rdp{padding: 40px 10px;font-size: 12px;}
}