/*
Theme Name: MOLO-135
Theme URI: https://parnet.com.br
Author: Diego Fernandes
Author URI: https://www.instagram.com/diego.fernandz/
Description: Tema criado especialmente para o cliente MOLO-135
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Parnet
Text Domain: Parnet Padrão
*/


/*01 - Conteúdo PC*/

/*HEADER*/


:root {
    --azul: #00B4C3;
    --roxo: #BA00DD;
    --rosa: #FF018F;
    --laranja: #FFB700;
    --verde: #CDF500;
    --font1: "Inter", sans-serif;
    --font2: "moon_walkregular", sans-serif;
}

::selection {
    background: var(--verde);
    color: #000; 
}
html { scroll-behavior: smooth}


.wow { visibility:hidden}
body { margin:0; -webkit-font-smoothing: antialiased; color: #FFF; background-color: #1E1E1E; font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal;}
a { text-decoration:none;}
img { border:0; vertical-align:top;}

    
    
    .header { padding: 60px 0 40px 0;  }
    .menu { width: 90%; max-width: 1400px; margin: 0 auto; display: flex; align-items: center; position: relative; justify-content: space-between; }
    
    .logo { background-color:#FFF; transition: all .2s ease; width: 160px; }
	.logo img { opacity: 0; width: 100%; }
    .logo:hover { background-color:var(--rosa)}
    
    
    .navbar { flex: 1; margin: 0 0 0 60px; display: flex; align-items: center; justify-content: space-between; transition: all .15s ease }
    
    #site-navigation { margin: 0; padding: 0}
    #site-navigation ul { margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; }
    #site-navigation ul li { list-style: none; margin: 0 30px 0 0;}
    #site-navigation ul li a { color: #FFF; font-weight: 600; font-size: 16px; position: relative; }
    #site-navigation ul li a:after { content: ''; width: 0%; height: 2px; background-color: rgba(255,255,255,.0); bottom: -7px; left: 0; position: absolute; transition: all .25s ease}
    #site-navigation ul li a:hover:after { width: 100%; background-color: var(--rosa);}
    #site-navigation ul li:last-of-type { margin: 0;}
    
    .current-menu-item a:after { width: 100%!important; background-color: var(--rosa)!important; }
    
    .xtraMenu { flex: 1; display: flex; align-items: center; justify-content: flex-end;  }
    
    .busca { margin: 0 50px 0 0;}
    
    .lupa { color: #FFF; font-size: 20px; cursor: pointer; }
    .lupa:hover { color: var(--rosa); }
    
    @media screen and (min-width: 1100px)
    {
        .busca form { top: -10px; overflow: hidden; width: 0px; right: 0; position: absolute; transition: all .15s ease }
        .showBusca form {  width: 100%; padding: 0; margin: 0;}
        .busca input[type=text] { -webkit-appearance: none; width:100%; margin:0; box-sizing:border-box; font-size:16px; font-family: var(--font1); outline:none; border-radius:10px; border:0px; background-color:#eee; color:#333; padding:15px; }
    }
    .fechadorMenu { position: absolute; top: calc(50% - 15px); cursor: pointer; font-size: 30px; color: var(--rosa); right: 20px;}
    
    .busca input::-webkit-input-placeholder {color: #777;}
    .busca input:-moz-placeholder {color: #777}
    .busca input::-moz-placeholder {color: #777}
    .busca input:-ms-input-placeholder {color: #777}
    
    .midiasLado a { font-size: 20px; margin: 0 0 0 10px; color: #FFF; }
    .midiasLado a:hover { color: var(--rosa); }
    
    .fechador { display: none; }
    
    .logoMenu { display:none;}
    
.hamb { width: 40px; height: 40px; line-height: 45px; color: var(--rosa); transform: rotate(45deg); text-align: center; font-size: 28px; display: none; }

    
    .menuAberto { overflow: hidden;}
    


/*HOME*/


.bgRule { background-position: center; background-repeat: no-repeat; background-size: cover; }
    
    .banner { width: 90%; max-width: 1400px; padding: 30px 0 0 0; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between;  height: 730px;}
    
    .ladosB1 { width: calc(50% - 40px); box-sizing: border-box; padding: 100px 0 0 0;}
    
    .grupaEl {display: flex; align-items: stretch; justify-content: space-between;}
    
    
    .col1B, .col2B { min-height: 310px;}
    
    .col1B { width: 130px; position: relative; padding: 10px 0 0 0; }
    .sobBanner { font-size: 13px; font-weight: 600; color: #FFF; }
    .sobBanner:hover { color: var(--rosa)}
    .setaH { font-size: 60px; color: var(--verde); transform: rotate(45deg); position: absolute; bottom: 0;}
    
    .col2B { flex: 1; margin: 0 0 0 3vw; position: relative;}
    .banner h1 { color: #FFF; line-height: 110%; z-index: 999; font-size: 90px; margin: 0; position: absolute; top: 0; left: 0; }
    .banner h1 strong { width: 100%; min-width: 700px; display: block; }   


    .row1B { margin: 130px 0 0 0; display: flex; align-items: flex-start; justify-content: space-between; }
    .uInfo { width: calc(33.33% - 20px); display: flex; align-items: flex-start; justify-content: space-between; }
    .uInfo i { font-size: 23px; margin: 0 0 -3px 0; color: var(--rosa); }
    .uInfo p { font-size: 13px; color: #FFF; flex: 1; margin: 0 0 0 20px;}
    .uInfo p strong { display: block; margin: 0 0 10px 0;}
    
    
    
    .ladosB2 { width: calc(50% - 40px); flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: space-between;}

    .umaSolucao { position: relative; width: calc(50% - 15px); height: 420px; border-radius: 20px; overflow: hidden; background-color: #AAA; }
    .umaSolucao:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9999; }
    
    .umaSolucao b { position: absolute; bottom: 20px; left: 20px; border-radius: 15px; box-sizing: border-box; transition: all .15s ease; padding: 10px; min-width: 100px; max-width: 170px; z-index: 99; display: flex; align-items: center; font-size: 18px; font-weight: 600; color: #FFF;}
    .umaSolucao:hover b { background: rgb(0,0,0); background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.67) 79%, rgba(0,0,0,0.86) 100%);}
    .umaSolucao b i { margin: 0 0 -10px 10px; font-size: 25px;}
    
    .solucaoIMG { mix-blend-mode: multiply; transition: all .8s ease; width: calc(100% + 4px); height: calc(100% + 4px); position: absolute; top: -2px; left: -2px; opacity: .9}

    @media screen and (min-width: 1100px)
    {        
        .homeVar b {transform-origin: right bottom; text-align: right; justify-content: flex-end; min-width: 220px;  max-width: 220px; bottom: auto; left: auto; top: -50px; right: 15px; transform: rotate(-90deg);}
        .homeVar:hover b { background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.67) 79%, rgba(0,0,0,0.86) 100%);}
        .umaSolucao:hover .solucaoIMG { width: calc(100% + 100px); height: calc(100% + 100px); top: -50px; left: -50px;}
    }

.fundoIMG { width: 100%; height: 100%; position: absolute; top: 0; left: 0; filter: grayscale(100)}

    .s2-1 .umaSolucao:nth-of-type(3) { width: 100%; height: 280px; margin: 30px 0 0 0; }
    .s1-2 .umaSolucao:nth-of-type(1) { width: 100%; height: 280px; margin: 0 0 30px 0; }
    
    
    .inovacao { padding: 80px 0}
    .centra { width:90%; max-width: 1400px; margin: 0 auto; }
    
    .inovacao .centra { position: relative; }
    
    .ooB { width: calc(100% + 6vw); margin: 0 0 0 -3vw;}
    
    .oo { width: 180px; position: absolute; top: calc(50% - 50px); left: calc(50% - 90px);}
    
    .tx1, .tx2 {width:auto; height: 45px; position: absolute; top: calc(50% - 20px); }
    
    .tx1 { left: calc(50% - 450px);}
    .tx2 { right: calc(50% - 450px); }
    
    .solucoes { padding: 60px 0; }
    .solucoes .centra { display: flex; align-items: flex-start; justify-content: space-between; }
    
    .ladosSol { width: calc(50% - 15px); flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: space-between; }


/*INTERNAS*/



    .topoTitulo { width: 100%; padding: 20px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
    .voltar { width: 200px; display: flex; align-items: center; justify-content: flex-start; color: #FFF;}
    .voltar i { font-size: 20px; margin: 0 8px -4px 0; }
    .voltar:hover { color: var(--verde); }
    .topoTitulo h1 { width: 100%; line-height: 100%; font-size: 47px; max-width: calc(100% - 400px); text-align: center; font-family: var(--font2); font-weight: normal; margin: 0; }

.solDeDentro .centra { flex-wrap: wrap; }
.solDeDentro .ladosSol { margin-bottom: 30px;}


.lerSolucao { width: 100%; margin: 50px auto 0 auto; color: #FFF; }
    .topoDentroPost { width: 100%; height: 250px; margin: 0 0 40px 0; border-radius: 20px; position: relative; overflow: hidden; }
    
    .orcamento { display: flex; width: fit-content; margin: 40px auto 0 auto; align-items: center; max-width: 100%; font-size: 20px; font-family: var(--font2); box-sizing: border-box; justify-content: center; padding: 15px 30px 14px 30px; border-radius: 10px; color: #FFF;  }
    .orcamento i { font-size: 40px; color: var(--verde); transition: all .15s ease; transform: rotate(45deg); margin: 0 0 -10px 10px;}
    .orcamento:hover { background-color: rgba(255,255,255,.1); }


   .postsGrid { display: flex; margin: 40px 0 0 0; align-items: stretch; flex-wrap: wrap; justify-content: flex-start }
    
    .umPostIn { width: calc(33.33% - 20px); margin: 0 30px 20px 0; display: block; }
    .umPostIn:nth-of-type(3n) { margin-right: 0;}
    .umPostIn b { display: block; margin: 20px 0 0 0; line-height: 140%; font-size: 14px; color: #FFF;}
    .fotoPostIn { width: 100%; height: 210px; border-radius: 20px;}
    .umPostIn:hover b { color: var(--rosa);}

.dePosts .topoTitulo h1 { font-size: 30px; text-align: left; font-weight: 600; font-family: var(--font1);}
        
        .lerInsight {width: 100%; max-width: 1000px; margin: 0 auto; background-color: #FFF; color: #000; box-sizing: border-box; padding: 20px 20px 50px 20px; border-radius: 20px;}
    
        .fotoDentroPostIn { width: 100%; margin: 0 0 40px 0; border-radius: 10px; overflow: hidden}
        .fotoDentroPostIn img { width: 100%;}
        
        .oConteudo { width: 100%; max-width: 900px; margin: 0 auto; }
        .oConteudo p, .oConteudo ul li, .lerInsight ol li  { line-height: 150%;}
        .oConteudo a { color: var(--rosa); font-weight: 700;}
        
        .oConteudo ul, .oConteudo ol { position: relative; }
        .oConteudo ul:before, .oConteudo ol:before { content: ''; width: 2px; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--rosa);} 




  .dcCor1 { background-color: var(--verde)}
        .dcCor2 { background-color: var(--azul)}
        .dcCor3 { background-color: var(--laranja)}
        .dcCor4 { background-color: var(--rosa)}
        
        .paginaSobre { margin: 40px 0 0 0;}
        .paginaSobre p { line-height: 160%; }
        
        .linhaSobre1 { display: flex; align-items: flex-start; justify-content: space-between;margin: 0 0 40px 0; }

        .menuSobre { width: 300px;}
        .menuSobre li { list-style: none; margin: 0 0 20px 0; position: relative; padding: 0 0 0 45px;}
        .menuSobre li a { font-size: 19px; font-weight: 700; color: #FFF;  }
        .menuSobre li a:hover { color: var(--rosa); }
        .menuSobre li a:after { content: url('https://api.iconify.design/mdi/arrow-up.svg?color=%23CDF500&width=30'); transform: rotate(45deg); position: absolute; top: -3px; left: 0;}
    
        .txtSobre1 { flex: 1; margin: 0 30px; max-width: 450px;}
        
        .fotoSobre1 { width: 400px; border-radius: 20px; overflow: hidden; min-height: 200px; }
        .fotoSobre1 img { width: 100%; mix-blend-mode: multiply; filter: grayscale(100); }
    
        .fotoSobre2 { width: 100%; min-height: 300px; margin: 40px 0; border-radius: 20px; overflow: hidden; position: relative;}
        .imgSobre2 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; filter: grayscale(100); }
    
        .linhaSobre2 { width: 100%; margin: 0 0 40px 0; }
        .h2Sobre { font-family: var(--font2); color: #FFF; font-weight: normal; font-size: 30px; position: relative; padding: 0 0 0 70px;}
        .h2Sobre img { width: 45px; position: absolute; top: 6px; left: 0; }
    
            
        .equipe { flex-wrap: wrap; display: flex; align-items: stretch; justify-content: center; }
        .umMembro { width: calc(25% - 20px); text-align: center; margin: 0 10px 40px 1px; }
        .imgMembro { width: 100%; max-width: 250px; margin: 0 auto; height: 200px; border-radius: 15px; background-color: var(--rosa); }
        .umMembro b { display: block; margin: 10px auto; font-size: 22px; font-family: var(--font2); color: #FFF}
        .umMembro p { margin: 0 auto; text-align: center; color: #FFF; }
                
        .xTextoSob { margin: 0 0 0 50px; flex: 1}
        
        .nf2 .xTextoSob { margin: 0 50px 0 0;}
        
        .paginaSobre a { color: #FFF; }
        .paginaSobre a:hover { color:  var(--rosa)}





 .h2Solucao { font-family: var(--font2); color: #FFF; font-weight: normal; font-size: 30px; position: relative; padding: 0 0 0 70px;}
    .h2Solucao img { width: 45px; position: absolute; top: 6px; left: 0; }
    
    .linhaSolucaoPage { margin: 0 auto 20px auto; box-sizing: border-box; border-radius: 20px; padding: 20px; max-width: 850px; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; }
    .tx-Sol2 { background-color: rgba(255,255,255,.1)}
    
    .fotoSolucao { width: 450px; height: 300px; border-radius: 15px; position: relative; overflow: hidden; }
    .imgSolucaoPag { width: 100%; height: 100%; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; filter: grayscale(100); }
    
    .txtSolucaoPage { flex: 1 }
    
    .tx-Sol1 .fotoSolucao { order: 1}
    .tx-Sol1 .txtSolucaoPage { order: 2; margin: 0 0 0 40px;}
    
    
    .tx-Sol2 .fotoSolucao { order: 2}
    .tx-Sol2 .txtSolucaoPage { order: 1; margin: 0 40px 0 0;}
    


/*FOOTER*/

.footer { padding: 60px 0 30px 0; }
    .footer .centra { display: flex; align-items: flex-start; justify-content: flex-end;}
    
    
    .logoFoot { width: 120px; display: block; margin: 0 0 20px 0;}
    
    .txtFoot { font-size: 14px; margin: 30px 0;}
    
    .footCols { width: fit-content; min-width: 150px; color: #FFF; margin: 0 0 0 35px;}
    .footCols:nth-of-type(1) { width: 210px; margin: 0 auto 0 0;}
    .footCols:last-of-type {min-width: 0}
    .footCols b { display: block; margin: 0 0 30px 0; font-size: 16px;}
    .footCols ul { margin: 0; padding: 0; }
    .footCols ul li { list-style: none; margin: 0 0 5px 0;}
    .footCols ul li a { font-size: 14px; color: #FFF;}
    .footCols ul li a:hover { color: var(--rosa); text-decoration: underline}
    .footCols a { font-size: 14px; color: #FFF;}
    .footCols a:hover { color: var(--rosa); text-decoration: underline}
    
    
    .midiasFoot a { font-size: 20px; margin: 0 10px 0 0; color: #FFF; }
    .midiasFoot a:hover { color: var(--rosa); }
    
    .base { width: 90%; max-width: 1440px; margin: 100px auto 0 auto; font-size: 12px; text-align: center; color: #FFF;}
    .base a { color: #FFF;}
    .base a:hover { color: var(--rosa); text-decoration: underline; }


    .moloPar { width: 90%; max-width: 1400px; margin: 20px auto; height: 400px; overflow: hidden; position: relative; border-radius: 20px; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}

	

/*02 - Conteúdo Mobile*/

@media screen and (max-width: 1400px)
{
    .banner h1 { font-size: 70px}
    .logo { width: 150px;}
}


@media screen and (max-width: 1100px)
{
    
    .moloPar { background-attachment: scroll; margin: 50px auto 10px auto; height: 250px; }
    
    .logo { width: 120px;}
    
    .logoMenu { width: 90px; display: block; position: absolute; top: 37px; left: 20px; }
    .header { padding: 20px 0;}
    .menu { position: inherit;  }
    .navbar { position: absolute; overflow: auto; height: 0px; top: -100px; z-index: 99999; flex-wrap: wrap; align-items: flex-start; flex-direction: column; margin: 0; left: 0; width: 100%; background-color: var(--rosa);}
    .show {height: 100vh!important; top: 0!important; }
    .hamb { display: block; }
    #site-navigation { width: 100%; margin: 80px 0 0 0; }
    #site-navigation ul { width: 100%; flex-wrap: wrap}
    #site-navigation ul li { width: 100%; margin: 0; }
    #site-navigation ul li a { width: 100%; display: block; font-size: 17px; border-bottom: 1px solid rgba(255,255,255,.2); padding: 17px 0 17px 50px; box-sizing: border-box; }
    #site-navigation ul li a:after { display: none; }
    #site-navigation ul li:last-of-type a{ border: 0; }
    
    .fechador { display: block; position: absolute; top: 30px; right: 30px; font-size: 30px; color: #FFF; }
    .xtraMenu { width: 90%; margin: 30px auto 0 auto; display: block; }
    .busca { width: 100%; display: block; margin: 0 auto; position: relative; }
    .busca input[type=text] { -webkit-appearance: none; width:100%; margin:0; box-sizing:border-box; font-size:16px; font-family: var(--font1); outline:none; border-radius:10px; border:0px; background-color:#FFF; color:#333; padding:15px; }
    
    .lupa { position: absolute; top: calc(50% - 10px); right: 20px; color: var(--rosa); z-index: 99 }
    .fechadorMenu { display: none;}
    .midiasLado { text-align: center;margin: 30px auto 0 auto;}
    .midiasLado a { margin: 0 5px;}
    .menu { max-width: 450px}
    .centra { max-width: 450px;}
    .banner { max-width: 450px; }
    
    
    
    
    .banner {flex-wrap: wrap; height: auto; padding: 0 0 150px 0; position: relative; }
    .ladosB1 { width: 100%; padding: 0; }
    .grupaEl { display: block; }
    .col1B, .col2B { min-height:0;}
    .col1B { width: 100%; box-sizing: border-box; padding: 0 60px 0 0}
    .setaH { font-size: 60px; bottom: auto; top: -15px; right: 0}
    .col2B {  width: 100%; margin: 0;}
    .banner h1 { font-size: 40px; position: relative; }
    .row1B {  position: absolute; bottom: 0; left: 0; }
    .uInfo { width: calc(33.33% - 10px); text-align: center; display: block;}
    .uInfo i {  margin: 0 0 5px 0;}
    .uInfo p { margin: 0;}
    .ladosB2 { width: 100%; margin: 30px 0 0 0}
    .umaSolucao { width: 100%; height: 170px; margin: 0 0 10px 0; border-radius: 15px; }
    .umaSolucao b { bottom: 10px; left: 10px; }
    .umaSolucao b i { font-size: 23px;}
    .s2-1 .umaSolucao:nth-of-type(3) { width: 100%; height: 170px; margin: 0 0 10px 0; }
    .s1-2 .umaSolucao:nth-of-type(1) { width: 100%; height: 170px; margin: 0 0 10px 0; }
    .solucaoIMG { filter: none}

    .inovacao { padding: 40px 0 0 0; }
    .inovacao .centra { position: relative; }
    .oo { width: 100px; margin: 0; top: calc(50% - 30px); left: calc(50% - 50px);}
    .tx1, .tx2 { height: 35px; }
    .tx1 { left: calc(50% - 145px); top: calc(50% - 80px);}
    .tx2 { left: calc(50% - 115px); bottom: calc(50% - 80px); top: auto; }

    
    
     
    .solucoes { padding: 60px 0 20px 0; }
    .solucoes .centra {  flex-wrap: wrap;}
    
    .ladosSol { width: 100%;}

    .solDeDentro .ladosSol { margin-bottom: 0px;}

    
    
    .footer .centra {align-items: stretch; flex-wrap: wrap; }
    .logoFoot { width: 120px; display: block; margin: 0 auto 20px auto}
    
    .txtFoot { font-size: 14px; display: block; margin: 30px auto;}
    
    .footCols {  width: calc(50% - 20px); margin: 0 0 30px 0; text-align: center; }
    .footCols:nth-of-type(1) { width: 100%; margin: 0 0 30px 0;}
    .footCols:last-of-type {min-width: 170px}

    .footCols b {  margin: 0 auto 10px auto; }
    .footCols ul { margin: 0; padding: 0; }
    .footCols ul li { list-style: none; margin: 0 0 5px 0;}
    .footCols ul li a { font-size: 14px; color: #FFF;}
    .footCols ul li a:hover { color: var(--rosa); text-decoration: underline}
    
    
    
    .midiasFoot { margin: 0 auto; text-align: center; width: 100%;}
    .midiasFoot b { display: block; margin: 0 0 10px 0;}
    .midiasFoot a { font-size: 20px; margin: 0 10px 0 0; color: #FFF; }
    .midiasFoot a:hover { color: var(--rosa); }
    

    
    
    
    
    .voltar { width: 100%; margin: 0 0 10px 0;}
    .topoTitulo h1 { max-width: none; font-size: 30px; text-align: left; }

    
    
    
   .postsGrid { display: block}
    
    .umPostIn { width: 100%; margin: 0 0 30px 0;}
   

    
    .linhaSobre1 { display: block; }
    .menuSobre { width: 100%}
    .txtSobre1 { width: 100%; margin: 20px 0;}
    .fotoSobre1 { width: 100%; }
    
    .umMembro { width: calc(33.33% - 6px); margin: 0 3px 30px 3px;}
    
    .umMembro b { font-size: 14px;}
    .umMembro p { font-size: 12px;}
    .imgMembro { height: 110px;}
    
    .menuSobre { padding: 0; margin: -20px 0 30px 0;}

    
    
    
    .linhaSolucaoPage { display: block; padding: 0; border-radius: 0;}
    .tx-Sol2 { background-color: transparent}
    
    .fotoSolucao { width: 100%; height: 220px; margin: 0 0 20px 0;}
    
    .txtSolucaoPage { width: 100%; margin: 0!important}
    

    
}




/*XTRA TECNICO*/
	
.paginas { display:block; clear:both; padding:30px 0 0 0}
.wp-paginate {padding:0; margin:0; }
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a, .wp-paginate .current { width:25px; display:inline-table; background:#FFF; border:2px solid #00542d; color:#00542d; margin-right:4px; padding:4px; text-align:center; text-decoration:none; transition:all .15s ease}
.wp-paginate a:hover, .wp-paginate a:active {background:#EEE; color:#000;}
.wp-paginate .current {color:#fff; background:#00542d; }

.wpcf7-not-valid { background-color:#faffbd!important; }
div.wpcf7-validation-errors { color:#ff6e6e; }
div.wpcf7-mail-sent-ok { color:#61a932; }

.wpcf7 form.sent .wpcf7-response-output { background: #46b450!important; color: #FFF; border-radius: 5px}

span.wpcf7-not-valid-tip {display:none !important; height:0px!important; padding:0px!important; margin:0px!important}
div.wpcf7-validation-errors {border: 0px !important; }
div.wpcf7-response-output { text-align: center!important; font-size: 13px; width: 100%!important; clear: both!important; padding: 20px 25px!important;  box-sizing: border-box!important; margin: 0!important;}
div.wpcf7-mail-sent-ok { border:0px; }
.wpcf7-form-control-wrap {ddisplay:block!important}