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


body{font-family: 'Roboto';font-weight: 300;color: #000;background-color: #fff;}
h1, h2, h3, h4, h5, h6, strong{font-weight: 900;font-size: 30px;margin: 0;color: #FF9820}
a{text-decoration: none;transition: 0.3s all}
p, li, ul{font-size: 20px;;margin-top: 0}
.padd80{padding: 80px 0}
.padd50{padding: 50px 0}
.color1{color: #f1f1f1}
.bgcolor1{background-color: #f1f1f1}
.bgcolor2{background-color: #007CBD}

.title{text-align: center;}
.title h1, .title h2, .title h3, .title h4, .title h5, .title h6{margin-bottom: 40px;}

.transition, .transition:hover{transition: 0.3s all}
.scalehover, .scalehover2{transform: scale(1);}
.scalehover:hover{transform: scale(1.02);}
.scalehover2:hover{transform: scale(1.05);}

.efftext{background: rgb(0,124,189);background: linear-gradient(90deg, rgba(0,124,189,1) 0%, rgba(0,196,196,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}

.btt{display: inline-block;margin-top: 30px;text-align: center;}
.btt a{padding:10px 40px;border-radius: 10px;font-size: 20px;}

#whats{position: fixed;top: 5%;animation: pulse 2s infinite;right: 5%}
#whats a{background-color: #36E753;border-radius: 50%;height: 50px;width: 50px;text-align: center;line-height: 52px;color: #fff;display: inline-block;font-size: 30px;}

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

.colorprimary{background-color: #FF9820;color: #000}
.colorprimary:hover{background-color: #000;color: #fff}
.colorsecundary{background:#FF9820; color: #000;font-weight: 900}
.colorsecundary span{background:#000; color: #fff;padding: 5px;border-radius: 5px;font-size: 15px;margin-left: 20px;font-weight: 300}
.colorsecundary:hover{background-color: #333;color: #fff}

.localizacao iframe{width: 100%;height: 400px;border-radius: 10px}

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


.border{border-radius: 10px;}
ul.redes{display: flex;justify-content: center;}
ul.redes li{display: inline-block;margin: 10px}
ul.redes li a{width: 60px;height: 60px;display: inline-block;font-size: 30px;line-height: 60px;text-align: center;border-radius: 50%;}
ul.redes li a:hover{background-color: #FF9820;color:#000;}
ul.contatos li{display: block;width: 100%;}
ul.contatos li a{display: block;width: 100%;text-align: center;margin-bottom:10px;padding: 20px 0;border-radius: 10px;}
.redessociais .title h1{margin-bottom: 0px;}

form label{color: #fff;margin-bottom: 10px;display: block;}
form label.error{color: #FF9820;font-size: 13px;}
form .form-control{width: 100%;height: 50px;border-radius: 5px;border: none;margin-bottom: 10px;padding: 5px 15px;font-family: 'Roboto';}
form textarea.form-control{height: 140px;padding: 15px}
form .form-control.file{background-color: #fff;height: auto;padding: 40px;}
form .btn{background-color: #FF9820;font-weight: 700;text-transform: uppercase;font-size: 18px;}
form h3{font-size: 18px;text-transform: uppercase;margin-bottom: 20px;color: #fff}

.msgsucesso, .msgerro{padding: 30px 30px;text-align: center; display: block;margin-bottom: 30px;border-radius: 5px;color: #fff;font-weight: bold;font-size: 22px;}
.msgsucesso{background: #5AC400;}
.alertpkas{background-color: #fff8a4;padding: 15px;border-radius: 10px;}
.msgerro{background: #C40000;}


header{padding: 50px 0 0px;}
header .logo{text-align: center;}
header .logo img{width: 300px;}

footer{padding: 40px 0;}
footer p, footer strong{font-size: 16px;}
footer a{color: #333;border: 2px solid #333;display: inline-block;padding: 10px 15px;border-radius: 10px;}

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


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

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

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


@media (max-width: 580px) {
  header .logo img{width: 280px}
  .title h1, .title h2, .title h3, .title h4, .title h5, .title h6{font-size: 22px;}
  ul.contatos li a{font-size: 18px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
}


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


