/*
Theme Name: ImpactaFLEX
Theme URI: http://impactamidia.com.br
Description: Tema responsivo feito pela impactamídia
Author: Impactamídia 
Author URI: http://impactamidia.com.br
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: impactamidia 
Last Update: 06-Aug-17
*/


/*============================================
 Body
============================================*/

body { min-width: 320px; color: #000;}
/*============================================
 Imagens Responsivas
============================================*/
img { max-width: 100%; height: auto; vertical-align: middle; }


/*============================================
 Topo
============================================*/
.banner-full { width: 100%; min-height: 600px; background: #F9F9F9; margin-top: 15px; margin-bottom: 15px; }
.logo {width: 100%;min-width: 230px;height: auto;min-height: 80px;background: url(images/logo.jpg) no-repeat center center;text-indent: -9999px;
    display: block; margin: 10px 0;background-size: contain;}
.navbar { position: relative; min-height: 50px; margin-bottom: 0; border: none; }
.navbar-collapse {border: none!important;}
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 30px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid rgb(202, 202, 202); border-radius: 10px; }
span.icon-bar {background-color: #6f6f6f;}
.topo {width: 100%;background: #f3f3f3;}
    .topo .contato {text-align: left;}
    .topo h1 { text-align: right; font-size: 0.9em; margin: 15px 0; line-height: 1.3em; font-weight: 400; }
        .topo h1 b { margin-right: 15px; font-weight: bold; text-transform: uppercase; color: #5d5d5d; }


/*============================================
 Menu
============================================*/

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {}
.navbar-inverse .navbar-nav>li>a {}
div#menu-principal {margin: 30px 0;}
.nav>li>a { position: relative; display: block; padding: 10px 15px; color: #000; text-transform: uppercase; letter-spacing: 1px; border: 2px solid transparent; }
.nav>li>a:focus, .nav>li>a:hover {border: 2px solid transparent;background-color: #01aef5;color: #fff;}
.nav>li>a, .nav>li>a:focus, .nav>li>a:hover {text-decoration: none;border-radius: 30px;-webkit-border-radius: 30px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease;font-family: 'Roboto Condensed'; transition: all 200ms ease; font-size: 1em; font-weight: bold;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: transparent;border-color: #f44028;}
.dropdown-menu {padding: 1em;}
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; border-radius: 30px; }
input.wpcf7-form-control.wpcf7mf-mask.wpcf7-mask.wpcf7-validates-as-required {line-height: 2.4em;background: #eee;outline: none;width: 100%;font-size: 1.1em;font-weight: normal;color: #000000;padding-left: 14px;padding-right: 14px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid rgba(0, 0, 0, 0);}
/*============================================
 Fontes, tamanhos e títulos
============================================*/
.contactflex i {margin-right: 5px;color: #292c9a;}
h1,h2,h3,h4,h5,h6, .topo h1 b { font-family: 'Roboto Condensed', sans-serif;  }
label,p,ul,li,pre,a,i,strong,b, span {font-family: 'Roboto', sans-serif;;}
.transporte-produto h1 {font-size: 2.5em !important;color: #fff !important;margin: 30px 0 0 !important;}
.flex-page h1,.flex-page h2,.flex-page h3,.flex-page h4,.flex-page h5,.flex-page h6,.flex-page p {margin: 1em 0;}
.flex-page h1 { font-size: 3em; font-weight: 700; margin-top: 0; text-align: center; text-transform: uppercase;}
.flex-page h2 { font-size: 2em; font-weight: 700; }
.flex-page h3, h3 { font-size: 1.5em; line-height: 1.2em; font-weight: 900; }
h3.news-title {margin: 0;}
.flex-page h4 { font-size: 1.2em; line-height: 1.4em; font-weight: 400; }
.flex-page h5 { font-size: 1em; line-height: 1.6em; font-weight: 700; }
.flex-page p { font-size: 1.2em; line-height: 1.6em; }
.flex-title {color: #fff; padding: 100px 0 20px; background: url(images/titulo.jpg)no-repeat top fixed; background-size: 100% auto;}
.flex-content {margin-bottom: 30px;}
h1.page-title {margin: 20px 0;font-size: 3.2em;text-align: center;text-transform: uppercase;}
h1.page-title:after {  background: #c7c6c6;  content: "";  height: 10px;  width: 180px;  display: block;  position: absolute; bottom: -24px; left: 50%; margin-left: -90px; border-radius: 30px; }
h3.flex-title { font-weight: bold; margin: 0 0 15px 0; }
h5.date {margin: 0;}
.transporte-produto span {margin: 0 auto; display: block !important;}
/*============================================
 Variações de Espaçamento
============================================*/
.vertical-1 { padding: 15px 0 !important }
.vertical-2 { padding: 30px 0 !important }
.vertical-3 { padding: 45px 0 !important }
.vertical-4 { padding: 60px 0 !important }
.vertical-5 { padding: 90px 0 !important; }
.only-bottom-1 {padding-bottom: 15px;}
.only-bottom-2 {padding-bottom: 30px;}
.only-bottom-3 {padding-bottom: 45px;}
.m-only-bottom-1 {margin-bottom: 15px;}
.m-only-bottom-2 {margin-bottom: 30px;}
.m-only-bottom-3 {margin-bottom: 45px;}
.only-top-1 {padding-top: 15px;}
.only-top-2 {padding-top: 30px;}
.only-top-3 {padding-top: 45px;}
.m-only-top-1 {margin-top: 15px;}
.m-only-top-2 {margin-top: 30px;}
.m-only-top-3 {margin-top: 45px;}
.center {text-align: center;}


/*============================================
  General
============================================*/
a { color: #545454; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
    a:focus, a:hover { color: #f44028; text-decoration: underline; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
   a.flex-button {border-radius: 30px;border: 2px solid transparent;text-align: center;padding: 15px 30px;max-width: 220px; display: block; position: relative; text-transform: uppercase; color: #fff; letter-spacing: 1px; font-weight: bold; font-size: 1.2em; margin-top: 20px; margin-bottom: 20px; background-color:#262c96; -webkit-border-radius: 30px; -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}
a.flex-button:hover { text-decoration: none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; border: 2px solid transparent; color: #fff; background-color: #324e8f; }
        a.flex-button.flexnews { left: 0; margin-left: 0; font-size: 0.9em; max-width: 200px; }
span.svgi { border-radius: 50%; display: inline-block; height: 100px; width: 100px; border:2px solid rgb(255, 255, 255); }
img.svg {padding: 24px;}
.btn-info { color: #fff; background-color: #f44028; border-color: #f44028; }
.flex-page {padding: 30px 0;}
.rodape-impacta {padding: 30px 0;background: #fff;-webkit-box-shadow: 1px 0px 20px 0px rgba(1, 1, 1, 0.07);box-shadow: 1px 0px 20px 0px rgba(1, 1, 1, 0.07);}
.rodape-impacta-bottom {background: #262c96;
    background: -moz-linear-gradient(45deg, #262c96 1%, #207ce5 100%);
    background: -webkit-linear-gradient(45deg, #262c96 1%,#207ce5 100%);
    background: linear-gradient(45deg, #262c96 1%,#207ce5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262c96', endColorstr='#207ce5',GradientType=1 );}
.rodape-impacta-2 { padding: 15px 0 15px 0; background-color: #ccc; }
.rodape-impacta a {color: #12aeec;}
.rodape-alternativo { background: #fff; min-height: 200px; }
footer h3 { font-size: 1.1em; text-transform: uppercase; border-bottom:2px solid rgb(38, 44, 150);padding-bottom: 15px;margin-bottom: 15px;color: #000;}
.textwidget p { color: #000;}
footer i.fa { margin-right: 10px;color: #12c0f3;}
.impacta { background: url(images/impacta-rodape-2.png); opacity: 0.9; text-indent: -9999px; display: block; margin: 15px auto; padding: 0px; height: 22px; width: 111px; }
.impacta-2 { margin: 15px auto; background: url(images/impacta-rodape-2.png); opacity: 0.9; text-indent: -9999px; display: block; padding: 0px; height: 22px; width: 111px; }
.galeria-lista { margin: 0; padding: 0; }
ul { padding: 0; list-style-position: inside; list-style-type: square; line-height: 1.8em; }
    ul.sub-menu {padding-left: 2em;}
h3.titulo-widget-lateral { border-bottom: 1px solid #eee; padding-bottom: 1em; }
.single h5 {font-size: initial;}
#wp-calendar { margin: auto;}
.flex-page h3 {color: #00acf1;text-transform: uppercase;}
.transporte-produto {background: #262c96;background: -moz-linear-gradient(45deg, #262c96 1%, #207ce5 100%);background: -webkit-linear-gradient(45deg, #262c96 1%,#207ce5 100%);background: linear-gradient(45deg, #262c96 1%,#207ce5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262c96', endColorstr='#207ce5',GradientType=1 );    padding: 30px 0 60px;}
.transporte-produto h3 {text-align: center;color: #fff;font-size: 1em;}
.flex-multi h1 { text-align: left; margin: 0; color: #00acf1;}
.flex-multi p {margin: 5px 0 0;}
.servico p {margin: 5px 0 0;}
.servico h1 { text-align: left; margin: 0; color: #00adf2;}
/*============================================
 Home
============================================*/
.transporte-produto p {text-align: center;color: #fff;margin: 5px 0 30px;font-size: 1.5em !important;font-weight: 300 !important;}
#section1 {}
    #section1 h1, #section3 h1 {margin-bottom: 0;text-transform: uppercase;
    color: #12aeec;    text-align: left;}
    #section3 h1, #section3 h4 {text-align: center;}
    
    #section1 h4, #section2 h4, #section3 h4 {margin: 0;}
    #section1 p { margin:10px 0; padding: 0; }
#section2 {background: url('images/fundo.jpg')no-repeat fixed;background-size:cover;}
#section2 h1 {margin-bottom: 0px; color:#01aef3;text-transform: uppercase;}
    #section2 h4 {}
    #section2 h3 { text-transform: uppercase; font-size: 1em; font-weight: bold; color:white; }
    #section2 p {font-size: 1em;font-style: normal;margin-bottom: 3em;line-height: 1.3em;color:white;}
#section3 {}
    #section3 h1:after {margin-bottom: 60px;}
    #section3 h4 {margin-bottom: 30px;}
    #section3 h3 a {color: black;}
        .flex-content.mininews { float: left; padding-bottom: 15px; margin-bottom: 15px; }
        .noticia-maior a.flex-button.flexnews {display: none;}
        .noticia-maior h3.news-title {margin-top: 15px;}
        .flex-content.mininews p { font-size: 0.9em; margin-bottom: 0; }
        .flex-content.mininews h3 a { color: #000; font-size: 0.8em; line-height: 0.8em; }
        .flex-content.mininews a.flex-button.flexnews {display: none;}
        .row.mini-meta h5 {font-size: 0.8em;}
         
a.flex-button.servico {margin: 40px auto 0;}
/*============================================
  Contact Form 7
============================================*/

div.wpcf7 .ajax-loader { background: #fff url(../../plugins/contact-form-7/images/ajax-loader.gif) no-repeat center center; border: 3px solid #d6d6d6; padding: 20px; border-radius: 30px; }
.wpcf7 form p.p-email > span > span { border: 1px solid #FF8383; position: absolute; top: -13px; width: 451px; height: 41px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: none; }
.wpcf7 .wpcf7-validation-errors, .wpcf7 .wpcf7-mail-sent-ok, .wpcf7-mail-sent-ng { width: 100%; line-height: 3.5em; position: fixed; bottom: 0; margin: 0; left: 0; border: none; text-align: center; z-index: 9999; color: #FFF; font-family: 'Open Sans',sans-serif; font-size: 1em; font-weight: bold; text-transform: uppercase; }
.wpcf7 .wpcf7-validation-errors, .wpcf7-mail-sent-ng { background: #de1414; border: none; }
.wpcf7 .wpcf7-mail-sent-ok {background: #33A13A;}
div.wpcf7-response-output {margin: 0;}
span.wpcf7-not-valid-tip { background-color: #de1414; color: #fff; font-size: 0.8em; padding: 2px 20px; display: block; -webkit-border-radius: 30px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; margin-top: 2px; max-width: 200px; }
.contactflex input[type="email"], .contactflex input[type="text"], .contactflex textarea { line-height: 2.4em; background: #eee; outline: none; width: 100%; font-size: 1.1em; font-weight: normal; color: #000000; padding-left: 14px; padding-right: 14px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid rgba(0, 0, 0, 0); }
.contactflex input[type="email"]:hover, .contactflex input[type="text"]:hover, .contactflex textarea:hover, .contactflex input[type="email"]:focus, .contactflex input[type="text"]:focus, .contactflex textarea:focus, input.wpcf7-form-control.wpcf7mf-mask.wpcf7-mask.wpcf7-validates-as-required:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.20); }
.contactflex label { display: inline-block; width: 100%; margin-bottom: 5px; font-weight: 700; }
.contactflex textarea { line-height: 1.6em; padding-left: 14px; padding-right: 14px; height: 150px; resize: none; }
.contactflex form p { width: 100%; float: left; margin-bottom: 15px!important; }
.wpcf7 form p > span > input:focus,.wpcf7 form p > span > textarea:focus {border-bottom-color: rgb(167,130,64);}
input.wpcf7-form-control.wpcf7-submit { outline: none; float: left; padding: 12px 24px; border-radius: 0; border: none; background:#212c98; border-radius: 30px; text-transform: uppercase; font-weight: 600; color: white; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
    input.wpcf7-form-control.wpcf7-submit:hover {background: #212c98;}
.pager li>a, .pager li>span { border-radius: 0!important; border: solid 2px rgb(236, 236, 236); font-weight: bold; margin-right: 2px; text-transform: uppercase; font-size: 0.8em; padding: 11px; border-radius: 50px !important; -webkit-border-radius: 30px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
li.next a, li.previous a {padding: 11px 30px;}
.pager li>span {color: rgb(194,194,194);}
.pager li>a {color: rgb(77,77,77);}
.post-nav { clear: both; width: 100%; }
.contactflex h1 {margin: 0;text-align: left;color: #01aff3;}
.contactflex p {margin: 10px 0;}
/*============================================
Page Templates
============================================*/

/* archive notícias category */
.flex-content.arquivo { border-bottom: 1px solid #eee; padding-bottom: 1.5em; }
    .flex-content.arquivo h3 {margin-bottom: 1em;}
    .flex-content.arquivo p {font-size: 1.2em;}
.mininews h3.news-title {margin-top: -7px;}
a.leia-mais { line-height: 1.6em; margin: 1em 0; text-align: center; display: block; border-radius: 0!important; border: solid 2px rgb(236, 236, 236); font-weight: bold; margin: 0; text-transform: uppercase; font-size: 0.8em; padding: 10px 25px; border-radius: 50px !important; -webkit-border-radius: 30px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; float: right; }
    a.leia-mais:hover { background-color: #eee; text-decoration: none; color: #000; }
.noticias-2 h3 {min-height: 50px;}
.noticias-2 h5 {font-size: 0.9em;}
.servico {padding: 60px 0 0;}
.servico {padding: 60px 0 0;}
/* template-image-repeater */
.img-repeater {margin-bottom: 30px;}
.img-repeater .divider {border-bottom: 1px solid #eee;padding-bottom: 20px;}
.container .row.img-repeater:last-child .divider { border: none; padding-bottom: 0; }
/* template-faq */
.pergunta span { padding: 6px; margin-right: 5px; border-radius: 10px; background: #f44028; color: #fff; }
.resposta span { font-weight: 900; margin-right: 5px; }
/* template-2cols-frase */
h1.frase-grande { text-align: center; font-size: 3.5em; }
    h1.frase-grande:after, h1.frase-grande:before { content: ""; height: 8px; width: 40%; margin: 30px 30% 20px 30%; display: block; background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); }
/* template-multi */
.divider { margin: 40px 0; border-bottom: 1px solid #eee;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
    .embed-container iframe,
    .embed-container object,
    .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.coluna-full { padding: 60px 0; margin: 60px 0; background: #eee; }
.coluna-full h1 {margin: 20px 0 25px;}
/*============================================================
  Css adicional - Colocar Classes novas a partir deste ponto
==============================================================*/

.navbar-nav>li>.dropdown-menu {margin-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;border-radius: 20px;border: 0;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color: #fff;text-decoration: none; background-color: #404fa8; outline: 0; border-radius: 30px;}
.nav>li>a:focus { border: 2px solid transparent; background-color:#00adf2; color: #fff;outline:none;}








/*============================================
  Pontos de Responsividade
============================================*/


@media only screen and (max-width : 1200px) 
{
img.svg {padding: 24px;}
}


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

.topo h1, .topo .contato, h1.page-title { text-align: center;} 
.navbar-header, div#menu-principal { width: 100%; } 
a.leia-mais { float: left;} 

}

@media only screen and (max-width : 768px) 
{ 
div#menu-principal { margin-top: 0; }
footer {text-align: center;}
.nav>li { text-align: center; font-size: 1.2em; }
.flex-page {text-align: center;}
.img-repeater img {display: initial;}
a.leia-mais { float: none; width: 50%; margin: 15px 25%; }
.mininews h3.news-title {margin-top: 0;}
    .mininews h3.news-title a {font-size: 1em;}
    .flex-content.mininews {
    text-align: left; margin-top: 1em;
}
.flex-sidebar { text-align: left; padding: 0 4%; }
}

@media only screen and (max-width : 700px) 
{  
.flex-content.mininews { text-align: center; margin-top: 1em;}   
     .mininews h3.news-title {margin-top: 1em;}
}

@media only screen and (max-width : 480px) 
{
.contactflex h1 {text-align: center; font-size: 2em;}
.flex-multi p {margin: 20px 0;text-align: center !important;}
.flex-multi h1 {text-align: center !important;}
.flex-multi h1 {text-align: center;margin: 20px 0 20px;color: #00acf1;font-size: 2em;}
.flex-title { padding: 100px 0 0;background: url(images/titulo.jpg)no-repeat center fixed;background-size: cover;}
#section1 {padding: 40px 0 !important;}
a.flex-button {margin: 30px auto;}
.servico h1 {text-align: center;margin: 20px 0;color: #00adf2;font-size: 2em;}
#section1 h1, #section3 h1 {margin: 30px 0 0;text-align: center;font-size: 2em;}
}
@media only screen and (max-width : 320px) 
{ 
.flex-multi h1 {font-size: 2em;}
.transporte-produto h1 {font-size: 1.5em !important;color: #fff !important;margin: 30px 0 0 !important;}

#section2 h1 {font-size: 2.5em;}
.flex-title { padding: 100px 0 0;background: url(images/titulo.jpg)no-repeat center fixed;background-size: cover;}
a.flex-button {margin: 30px auto;}
#section1 {padding: 40px 0 !important;}

.transporte-produto p {font-size: 1.2em !important;}
.logo { width: 220px;  background-position-x: right; } .navbar-toggle {  margin-right: 0;}  
}