.bg-light { background: #f9f7fa; }
.separator g { fill: #4d4d4d }
.color-brand { color: #FFA400 !important }
.color-sec-custom { color: #F4A10B }
.color-ter-custom { color: #012A5A !important }
.color-light-custom { color: #6D7278 }

/* Header . . . . . . . . . . . . . . . . . */

html,body,.header-hero { height: 100% }

header { padding-top: 0px; padding: 12px 0; transition: .2s }
header .sm-clean ul { top: 50px !important; }
header .content-header { height: 48px; max-width: 94%; margin: 0 auto }
.scrollAction header .sm-clean ul { top: 50px !important; }
.scrollAction header { box-shadow: 0 0 1rem rgb(0 0 0 / 6%) }
.scrollAction header .content-header { height: 48px; transition: .2s }
.menu-header a { opacity: .8; font-weight: 700; color: #000; }
.menu-header a:hover { opacity: 1 }
.pushyMenuMobile .menu-header a { color: #fff; width: 100%; padding: 16px 0; font-size: 26px; font-weight: 600; }
.pushyMenuMobile .menu-header .sub-menu a { font-size: 18px; font-weight: 300 }
.pushyMenuMobile .menu-header li { display: block; }
.header-single-fixo { width: 100%; height: 92px;  }
.menu-sanduba-mobile { top: 8px; right: 0 }
.header-default .bar-logo .logo-header { max-width: 220px; }
@media ( max-width: 600px ) {
header .content-header { height: 40px; max-width: 100%; }
.scrollAction header .content-header { height: 40px; transition: .2s }
.header-default .bar-logo { width: 180px; }
.header-default .bar-logo .logo-header { max-width: 100%; }
}

/* Heros . . . . . . . . . . . . . . . . . */

.tx1-headerhero { font-size: 65px; line-height: 70px; font-weight: 800; display: block; }
.tx2-headerhero { font-size: 18px; line-height: 24px; font-weight: 300; display: block; margin-top: 12px; color: #6D7278; max-width: 500px; }
.label-homehero,.gravata-hero-contato { font-size: 20px; text-transform: uppercase; font-weight: 600; margin-bottom: 16px; }
.heroAction1 .bar-thumb .thumb { margin-bottom: 0px; transform: scale(1); transition: .3s; max-width: 414px; width: 100%; }
.scrollAction .heroAction1 .bar-thumb .thumb { margin-bottom: 0px; transform: scale(1); transition: .3s; position: unset; }
.hero1-single .tit-page { color: #2C2286 }
.heroAction1 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit] { background: #FFA400; border-radius: 100px; }
.heroAction1 .box-input, .heroAction1 .box-input .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text] { border-radius: 100px; }
.heroAction1 .box-input .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text] { padding-left: 30px !important }
.copy-hero-full { background: #fff; height: 900px; }
.tx1-homehero { font-size: 44px; line-height: 48px; font-weight: 700; display: block; }
.tx2-homehero { font-size: 16px; line-height: 25px; font-weight: 400; display: block; margin-top: 12px; }
.hero_contato .bar-text { color: #000; }
.hero1-single-meio .hero1-single-meio-content .bar-text { background: #2C2286; }
.hero1-single-meio .hero1-single-meio-content .bar-text .text { color: #fff; }

.heroAction1 .bar-text { width: 65%; }
.heroAction1 .bar-thumb { width: 35%; }
.heroAction1 .selo-preco { position: absolute; top: 120px; right: 50px; pointer-events: none; }

.hero_contato .content-thumb .thumb { max-width: 601px; }

@media ( min-width: 1500px ) {
.heroAction1 .bar-thumb .thumb { transform: scale(1); }
}

@media ( max-width: 1250px ) {
.tx1-headerhero { font-size: 60px; line-height: 70px }
.heroAction1 .selo-preco { right: 25px }
}

@media ( max-width: 768px ) {
.header-hero { height: 100%; padding-top: 40px; box-sizing: border-box; }
.heroAction1 .box-input { border-radius: 30px; }
.heroAction1 .header-content { flex-direction: column; }
.heroAction1 .bar-text,.heroAction1 .bar-thumb { width: 100% }
.heroAction1 .bar-thumb .thumb { max-width: 300px; }
.heroAction1 .selo-preco { top: 50%; right: 10px }
}

@media ( max-width: 600px ) {
.header-hero { padding-top: 20px; height: 950px }
.tx1-headerhero { font-size: 30px; line-height: 38px }
.tx2-headerhero { font-size: 20px; line-height: 26px }
.heroAction1 .bar-thumb .thumb { transform: scale(1) }
.heroAction1 .bar-text { transform: translateY(60px); transition: .2s }
.scrollAction .heroAction1 .bar-text { transform: translateY(0px); transition: .2s }
.copy-hero-full { height: inherit; }
.copy-hero-full .big-thumb { height: 300px; }
.copy-hero-full .big-thumb .thumb {  width: 600px; }
.home-hero2 .bar-text-content.wrapperText { padding-bottom: 160px; }
.tx1-homehero { font-size: 30px; line-height: 35px }
.tx2-homehero { font-size: 18px; line-height: 26px }
.home-hero1 .bar-thumb { margin-top: -25px }
.heroAction1 .selo-preco .selo { max-width: 170px; }
.heroAction1 .selo-preco { top: 55%; right: unset; left: 20px }
}

/*botões . . . . . . . . . . . . . . . . . */
.bt-default { background: #2D2384; color: #fff; position: relative; }
.bt-default:hover:before { top: -6px; left: -6px; transition: .2s }

.ham .line { stroke: #003A5D }

.bt-cta1-brand { color: #fff; opacity: .8 }
.bt-cta1-brand:hover { opacity: 1 } 
.bt-cta1-brand-reverse { color: #00A650; background: #fff; }

.bt-cta1 { color: #fff; background: #003A5D; }
.bt-cta1:hover { background: #0365A0 }

.bt-default-line { font-weight: 500; width: 100%; border: solid 1px #F4A10B; color: #F4A10B; border-radius: 100px;  }
.bt-default-line:hover { background: #FBF8F1; }

.bt-link:before { content: ""; background: url(../img/icon-blank-brand.svg) no-repeat center; width: 22px; min-width: 22px; height: 22px; display: block; margin-right: 8px;}

.header-default .bt-produto-servico { background: none; color: #2D2384; font-size: 16px; min-width: unset; padding: 0 12px;}
.bt-produto-servico:after { content: unset }

.mosaico-produtos .bt-mais { background: #FF931D; width: 71px; height: 71px; border-radius: 100%; transition: 0.1s }
.mosaico-produtos .bt-mais:hover { transform: scale(1.1); transition: .1s }


.home-hero .bt_seta { color: #fff; text-transform: uppercase; font-weight: 600; }
.home-hero .bt_seta .seta g { fill: #fff; }

.hero_contato .bt-tel-min { color: #fff; }
.hero_contato .bt-tel-min .icon g { fill: #fff; }

.bar-tit-section .bt1 { background: #2C2286; color: #fff; opacity: .8 }
.bar-tit-section .bt1:hover { opacity: 1 }

.pushyHeader .svg-close g { fill: #fff }
.menu-categorias-produto a { color: #4d4d4d }

.content-carrossel-filtros a { color: #fff; background: #2C2286; }

/*Produtos . . . . . . . . . . . . . . . . . */
.card-produto { background: #fff; border: #D9D3C1 solid 1px; border-radius: 22px; width: 230px; height: 310px; transition: .2s }
.card-produto .thumb { border-top-right-radius: 22px; border-top-left-radius: 22px; }
.card-produto .bt-mais { background: #2C2286; border-radius: 100px; opacity: .8; transition: .2s }
.card-produto .bar-text .nome-produto { color: #4d4d4d; font-weight: 600; }
.card-produto:hover { box-shadow: 0px 10px 7px -4px rgb(0 0 0 / 10%), inset 0px -11px 0px -7px rgb(217 211 193 / 40%) }
.card-produto:hover .bt-mais { opacity: 1; transition: .2s }

.card-produto-digital { width: 230px; height: 310px; }

.carrossel-produtos .card-produto { margin: 6px 0 10px 36px }
.carrossel-produtos .card-produto-digital { width: 320px; margin: 30px }
.gradeProdutos { display: flex; flex-wrap: wrap; }
.gradeProdutos .card-produto, .gradeProdutos .card-produto-digital  { margin-right: 24px; margin-bottom: 24px; }
.gradeProdutos .card-produto:nth-child(4n) { margin-right: 0px; }

.mosaico-produtos .card-destacado, .mosaico-produtos .card-produto-digital { background: #fff; border-radius: 12px; }
.mosaico-produtos .font-default { color: #434A57; font-weight: 300; }
.mosaico-produtos .bar-thumb { margin-bottom: 10px; }
.mosaico-produtos .bar-text h2 { margin-bottom: 10px; }


@media (max-width: 1300px) {
.gradeProdutos .card-produto { width: 24%; max-width: 24%; height: inherit; margin-right: 6px; margin-bottom: 6px; }
.gradeProdutos .card-produto .bar-text { min-height: 95px; }
}
@media ( max-width: 768px ) {
.gradeProdutos .card-produto { width: 49%; max-width: 49%; margin-right: 4px }
.gradeProdutos .card-produto:nth-child(2n) { margin-right: 0px; }
}
@media ( max-width: 600px ) {
.gradeProdutos .card-produto { width: 45%; max-width: 45%; margin: 8px }
.carrossel-produtos .card-produto { margin: 6px 0 10px 36px; }
.card-produto { width: 210px; height: 290px; border-radius: 18px; }
.card-produto .thumb { border-top-right-radius: 18px; border-top-left-radius: 18px; } 
.gradeProdutos .card-produto .bar-text { min-height: 75px; }
}

/*Outros . . . . . . . . . . . . . . . . . */
.depoimentos { padding-bottom: 64px; }
.card-depoimentos { width: 434px; padding: 44px; }
.card-depoimentos .CincoStars g { fill: #EEE1D8 }
.carrossel-depoimentos.owl-theme .owl-dots .owl-dot.active span { background: #fff; }
.page-numbers .current { background: #2C2286; }
.footer-default { background: #FBF8F1 }
.logo-footer { max-width: 150px; }
.mediabiz { background: #FBF8F1 }
.depoimentos-cards { background: #F9F7FA; }
.mosaico-produtos { background: #FFA400; transition: .2s }
.scrollAction .mosaico-produtos { background: #FBF8F1; transition: .2s }

@media ( max-width: 768px ) {
.header-single-fixo { height: 72px; }
}
@media ( max-width: 600px ) {
.card-depoimentos { width: 300px; }
.depoimentos { padding-bottom: 24px; }
}

.search .card-produto .thumb { border-radius: 22px; }

/* . . . . Single Post . . . . . . . . . . . . . . */

.tit-post { font-weight: 600 }

/* Menu Mobile . . . . . . . . . . . . . . . . . */

.pushyMenuMobile { background: #FFA400; }
.pushyMenuMobile .content { padding: 100px 16px 16px 16px }
.pushyMenuMobile .bar-bts-actions { width: 100%; position: fixed; bottom: 10px; z-index: 999 }
.pushyMenuMobile .bar-bts-actions .bts-actions { width: 90%; margin: 0 auto }


/* Pushy . . . . . . . . . . . . . . . . . . . . . . */
.phushyContratar .pushyHeader,.pushy-atendimento .pushyHeader { background: #003A5D; }
.phushyContratar .content { max-width: 531px; margin: 0 auto }
.hints ul li { background: #FBFAF7; padding: 24px 48px; border-radius: 6px; box-sizing: border-box; margin-bottom: 16px; }
.phushyContratar .bts-CTA-Contratar .bt1 { border-radius: 6px; }
.phushyContratar .bts-CTA-Contratar .bt1:after { border-radius: 6px; }
.phushyContratar .content .thumb { max-width: 100%; }

.pushy-atendimento { background: rgba(0,0,0,0.8) }
.pushy-atendimento .content { max-width: 320px; margin: 0 auto; padding: 30px 0; }

@media ( max-width: 600px ) {
.phushyContratar .content { max-width: 90%; }
.pushy-atendimento .content { max-width: 80%; }
}