/*!
Theme Name: Plano 2019
Theme URI: https://plano.iuri.is/
Author: Iuri de Paula
Author URI: https://iuri.is/
Description: Plano Consultoria 2019
Version: 1.0.1
*/
@import "./assets/style/reset.css";
@import "./assets/style/colors.css";
@import "./assets/style/logo.css";
@import "./assets/style/language-switcher.css";
@import "./assets/style/sal.css";
@import "./assets/style/blog-insights.css";

/*SVG icon*/
svg {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    stroke: inherit;
    fill: inherit;
}

.header .plano-logo svg {
    width: 200px;
    height: auto;
}

body {
    color: var(--gray);
    stroke: var(--gray);
    fill: var(--gray);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Montserrat', sans-serif;
}

body.home {
    background: #111111;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
  }
  

/*fix hide*/
.fix-hide {
    position: fixed;
    top: -999999px;
    left: -999999px;
}

/*emoji*/
body img.wp-smiley,
body img.emoji {
    height: 1.2em !important;
    width: 1.2em !important;
}

/*wpcf7-form*/
.category-planocultura .wpcf7-form,
.page-id-108 .wpcf7-form {
    display: grid;
    grid-template: 1fr / repeat(4, 1fr);
    grid-gap: 1rem;
    position: relative;
    max-width: 27rem;
    margin: 0 auto;
    margin-top: 80px;
}

.category-planocultura h3 {
    font-weight: 700;
    font-size: 19px;
}
.wpcf7-form br {
    display: none;
    position: fixed;
}
.wpcf7-form .form-col { grid-column: span 2 }
.wpcf7-form .form-cell { grid-column: 1 / -1 }
.wpcf7-form .form-cell.form-street { grid-column: 1 / 4 }
.wpcf7-form .form-cell.form-street-number { grid-column: 4 / -1 }
.wpcf7-form .form-cell.column { grid-column: span 1 }
.wpcf7-form .form-cell.submit {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.wpcf7-form .form-cell.submit .btn { padding: 0 2rem }
.wpcf7-form .form-cell.submit .icon { margin-left: .5rem }
.wpcf7-form .form-hidden { display: none }
.wpcf7-form .form-title {
    grid-column: 1 / -1;
    font-size: .8rem;
    color: var(--gray-light);
}
.wpcf7-form label {
    display: block;
    margin-bottom: .5rem;
}
div.wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: 0;
    grid-column: 1 / -1;
    text-align: center;
    font-size: .85rem;
    line-height: 1.3;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { color: var(--red-dark) }
input.wpcf7-not-valid {
    -webkit-animation: shake .7s ease-out 1 forwards;
            animation: shake .7s ease-out 1 forwards;
    background-color: var(--gray-lighter);
}
span.wpcf7-not-valid-tip {
    color: var(--gray);
    margin-top: .25rem;
    display: inline-block;
    background: #fce8e9;
    font-size: .75rem;
    padding: .2rem .5rem;
    border-radius: 0 1rem 1rem 1rem;
}
div.wpcf7-mail-sent-ok[style*='display'][style*='block'] {
    position: absolute;
    z-index: 10;
    top: -.25rem;
    left: -.25rem;
    right: -.25rem;
    bottom: -.25rem;
    border-radius: .25rem;
    background: var(--red);
    color: #fff;
    padding: 2rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

/*Denúncia*/
.not-anon { display: contents }
.checkbox-anon span.wpcf7-list-item {
    display: block;
    margin: 0;
}
.checkbox-anon label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3rem;
    border-radius: .25rem;
    background: var(--gray-lighter);
    padding: 0 1rem;
    cursor: pointer;
    transition: all 200ms ease-out;
}
.checkbox-anon label.anon-label {
    background: none;
    color: var(--gray-light);
    stroke: var(--gray-light);
    border: 1px solid var(--gray-lighter);
}
.checkbox-anon label:hover {
    background: var(--gray);
    color: #fff;
    stroke: #fff;
}
.checkbox-anon input { display: none }
.denuncia-textarea { height: 16rem }

/*breadcrumb*/
.breadcrumb {
    font-size: 1rem;
    color: var(--gray);
    margin-bottom: .5rem;
    opacity: .8;
}

/*titles*/
.title {
    font-size: 6rem;
    color: var(--red);
    font-weight: 400;
    margin-bottom: 1rem;
    position: relative;
    left: -.6rem;
}
.m-title {
    font-size: 4.5rem;
    color: var(--gray);
    font-weight: 400;
    margin-bottom: 1rem;
    left: -.4rem;
}
.s-title {
    font-size: 3rem;
    color: var(--red);
    font-weight: 400;
    margin-bottom: 1rem;
}
.page-title {
    padding-top: 4rem;
    margin-bottom: 4rem;
}
.page-title h1 {
    text-align: left;
    font-weight: 400;
    font-size: 4.5rem;
    line-height: 1;
    margin: 0;
}
.section-title {
    margin-top: 8rem;
    margin-bottom: 4rem;
    font-size: 4rem;
    font-weight: 400;
    color: var(--red);
}

/*layout*/
.main-container {
    /* max-width: 48rem; */
    margin: 0 auto;
    position: relative;
    z-index: 9;
    /* padding-top: 6rem; */
    min-height: 100vh;
}

.container-sm {
    max-width: 48rem;
}

.container-medium {
    max-width: 1100px;
}

.wrapper {
    position: relative;
    overflow: hidden;
}
.limit {
    width: 48rem;
    max-width: 100%;
    margin: 0 auto;
}

/*Header*/
.header-container {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
}
@media(max-width: 992px){
    .header-container{
        padding: 10px 0;
    }
}

.header {
    width: 86rem;
    padding: 0 1rem;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 6rem;
}
.header .plano-logo,
.header .main-nav { flex: 0 0 0 }
.header .plano-logo a { display: block }
.header .plano-logo a:hover .plano-logo-svg { fill: var(--red-dark) }
.header .plano-logo.-light a:hover .plano-logo-svg { fill: var(--red) }

/*Title Hero inside a post*/
body.has-title-hero .site-main > article > .entry > .block-titleHero:first-child {
    margin-top: -6rem;
    padding-top: 6rem;
}

/*menu header*/
.menu-header-menu-container ul { list-style: none }
#menu-header-menu {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
#menu-header-menu li {
    flex: 0 0 auto;
    padding: 0 1rem;
    position: relative;
}
#menu-header-menu li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray);
    text-decoration: none;
    height: 2rem;
    transition: all 200ms ease-out;
}
#menu-header-menu.-light .icon { stroke: #fff }
#menu-header-menu.-light li a { color: #fff }
#menu-header-menu.-light li a:hover,
#menu-header-menu li a:hover { color: var(--red) }
#menu-header-menu li:not(.trp-language-switcher-container):hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
}
#menu-header-menu li:not(.trp-language-switcher-container) .sub-menu {
    position: absolute;
    top: 100%;
    left: calc(50% - 7rem);
    padding: 1rem;
    border-radius: .25rem;
    background: #fff;
    color: var(--gray);
    width: 14rem;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0,2rem,0);
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
#menu-header-menu li:not(.trp-language-switcher-container) .sub-menu:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    bottom: 100%;
    left: calc(50% - 5px);
}
#menu-header-menu li:not(.trp-language-switcher-container) .sub-menu li {
    padding: 0;
    margin-bottom: 1rem;
}
#menu-header-menu li:not(.trp-language-switcher-container) .sub-menu li:last-child { margin-bottom: 0 }
#menu-header-menu li:not(.trp-language-switcher-container) .sub-menu li a {
    color: var(--gray);
    display: block;
    height: auto;
    font-size: .85rem;
}
#menu-header-menu li:not(.trp-language-switcher-container) .sub-menu li a:hover { color: var(--red) }
.menu > .trp-language-switcher-container {
    margin-left: 4rem;
    display: flex;
    align-items: center;
    font-size: .85rem;
}
.menu > .trp-language-switcher-container > a { text-decoration: underline !important }
.sub-menu .trp-language-switcher-container a {
    font-weight: 400;
    opacity: .5;
}
.trp-language-switcher-container .icon { margin-right: .25rem }

/*main menu*/
.main-nav {
}
.main-nav .menu-btn {
    background: none;
    padding: 0;
    width: 3rem;
    margin-left: -3rem;
    color: var(--gray);
    fill: var(--gray);
    stroke: var(--gray);
}
.main-nav .menu-btn.-light {
    color: #fff;
    fill: #fff;
    stroke: #fff;
}
.main-nav .menu-btn .icon {
    width: 1.5rem;
    height: 1.5rem;
    transition: all 200ms ease-out;
}
.main-nav .menu-btn:hover {
    color: var(--red);
    fill: var(--red);
    stroke: var(--red);
}
/*opened menu*/
.main-nav-wrapper {
    position: fixed;
    top: 0;
    left: 50%;
    width: 48rem;
    max-width: calc(100vw - 4rem);
    height: 100%;
    transform: translate3d(-25%, 0, 0);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.main-nav-wrapper .top-bar {
    width: 86rem;
    max-width: 100vw;
    position: relative;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.main-nav-wrapper .menu-btn-close {
    width: auto;
    color: var(--gray-light);
    stroke: var(--gray);
    background: none;
}
.main-nav-wrapper .menu-btn-close .icon {
    width: 1rem;
    height: 1rem;
    margin-left: 1rem;
}
.main-nav-wrapper .menu-btn-close:hover { stroke: var(--red) }
.main-nav-wrapper ul {
    list-style: none;
    padding: 0;
}
.main-nav-wrapper a { text-decoration: none }
.main-nav-scroll {
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
    padding-bottom: 3rem;
}
.menu-full-menu-container { margin-bottom: 4rem }
.menu-full-menu-container .menu > li {
    margin-bottom: 1rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
.menu-full-menu-container .menu > li > a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    font-size: 3rem;
}
.menu-full-menu-container .menu > li > a:before {
    content: '/';
    flex: 0 0 auto;
    overflow: hidden;
    width: 0;
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.menu-full-menu-container .menu > li.active > a:before,
.menu-full-menu-container .menu > li > a:hover:before { width: 2rem }
.menu-full-menu-container .sub-menu {
    visibility: hidden;
    overflow: hidden;
    height: 0;
    flex: 0 0 100%;
}
.menu-full-menu-container .sub-menu > li {
    opacity: 0;
    transform: translate3d(-1rem, 0, 0);
}
.menu-full-menu-container .sub-menu > li > a {
    font-size: 1.1rem;
    color: var(--gray);
    padding: 0 1rem;
    display: inline-flex;
    align-items: center;
    height: 2rem;
    transition: all 200ms ease-out;
}
.menu-full-menu-container .sub-menu > li > a:hover { color: var(--red) }
.menu-full-menu-container .btn-open {
    flex: 0 0 auto;
    background: none;
    width: 2rem;
    height: 2rem;
    stroke: var(--red);
}
.menu-full-menu-container .btn-open:hover { background: var(--gray-lighter) }
.menu-full-menu-container li.active > .btn-open { stroke: var(--gray) }
.menu-full-menu-container li.active > .btn-open .icon { transform: rotate(180deg) }
.menu-full-menu-container li.active > .sub-menu {
    visibility: visible;
    height: auto;
    padding: 1rem;
}
.menu-full-menu-container li.active > .sub-menu > li {
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
body.-open-menu { overflow: hidden }
body.-open-menu .main-nav-wrapper {
    opacity: 1;
    visibility: visible;
    z-index: initial;
    transform: translate3d(-50%, 0, 0);
}
body.-open-menu .main-nav .overlay { display: block }

/*overlays*/
.overlay {
    display: none;
    background: rgba(233, 235, 241, .95);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* OLD */


/*Contato*/
.talk-extras {
    grid-column: 1 / -1;
    padding-top: 3rem;
    border-top: 1px solid var(--red);
}
.talk-extras ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.talk-extras a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--gray);
    height: 2rem;
    padding: 0 .5rem;
    border-radius: .25rem;
    transition: all 200ms ease-out;
}
.talk-extras a:hover { background: var(--gray-lighter) }
.talk-extras .icon { margin-right: .5rem }
.talk-extras .routes .icon { margin: 0 }
.talk-extras .routes li {
    display: flex;
    align-items: center;
}
.talk-extras .routes li:before {
    content: '';
    display: block;
    width: .25rem;
    height: .25rem;
    background: var(--gray);
    border-radius: 100%;
    flex: 0 0 auto;
}
.talk-extras .routes li.i:before,
.talk-extras .routes li:nth-child(2):before { display: none }

/*hero*/
.hero {
    position: relative;
    left: calc(50% - 50vw);
    z-index: -1;
    width: 100vw;
    height: 100vh;
    /* margin-top: -6rem; */
    overflow: hidden;
}
.hero:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
} 

.hero-slide {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 500ms ease-out;
}
.hero-slide .img-logo-plano {
    width: 60%;
    max-height: 40vh;
    margin: 0 auto;
    display: block;
}
.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hero-bg img,
.hero-bg video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.hero-content {
    flex: 0 0 auto;
    width: 48rem;
    max-width: 100vw;
    padding: 0 2rem;
    margin: auto;
    color: #fff;
    position: relative;
    transition: opacity 500ms ease-out;
    transition-delay: 1s;
    opacity: 0;
}
.hero-footer {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    width: 86rem;
    max-width: 100%;
    transform: translate3d(-50%, 0, 0);
    color: #fff;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    opacity: .3;
}
/*hero selected*/
.hero-slide.is-selected .hero-content { opacity: 1 }
/*hero home*/
.hero.home .hero-content {
    text-align: left;
    font-size: 6rem;
}
.hero.home .hero-content p { margin: 0 }
/*hero loading*/
.hero .svg-loader{
    position: absolute;
    top: calc(50% - 2rem);
    left: calc(50% - 2rem);
    width: 4rem;
    height: 4rem;
    z-index: 1000;
    display: none;
}
.hero.loading .svg-loader { display: block }
.hero.loading .hero-slide { opacity: 0 }

/*loader*/
.svg-loader .square3 {
    stroke-dasharray: 353, 355;
    stroke-dashoffset: 0;
    stroke: var(--red);
    -webkit-animation: dash1 700ms ease-out infinite;
            animation: dash1 700ms ease-out infinite;
}
.svg-loader .square2 {
    stroke-dasharray: 294, 296;
    stroke-dashoffset: 0;
    stroke: var(--red-dark);
    -webkit-animation: dash2 600ms ease-out infinite;
            animation: dash2 600ms ease-out infinite;
}
.svg-loader .square1 {
    stroke-dasharray: 236, 238;
    stroke-dashoffset: 0;
    stroke: var(--red-darker);
    -webkit-animation: dash3 500ms ease-out infinite;
            animation: dash3 500ms ease-out infinite;
}

/*home folds*/

.fold {
    position: relative;
    min-height: 100vh;
    margin-bottom: 8rem;
}
.fold-center { padding-top: 30vh }
.fold-align-center {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.fold .bg {
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    z-index: -1;
    width: 100vw;
    height: 100%;
}
.fold .bg-square {
    position: absolute;
    top: 10%;
    left: 10%;
    z-index: -99;
    width: 80%;
    height: 80%;
    background: var(--ice);
    transform: skew(0, 30deg);
    transform-origin: center;
    border-radius: 2rem;
}
.fold .container {
    color: var(--gray);
    font-size: 1.5rem;
    flex: 0 0 100%;
}
.fold .container .entry { margin-bottom: 1rem }
.fold .container .entry p { margin-bottom: .5rem }
/*Nós*/
.nos.fold {
    position: relative;
    background: #fff;
    z-index: 1;
}
/*people*/
.people { list-style: none }
.people li {
    position: absolute;
    top: 50%;
    transition: transform 400ms ease-out;
}
.people li.deco .mask { background: var(--red) }
.people li.deco.blur .mask { -webkit-filter: blur(3px) brightness(.9); filter: blur(3px) brightness(.9) }
.people li.small .mask { transform: scale(.5) }
.people li.i1 {
    -webkit-filter: blur(4px) brightness(.6);
            filter: blur(4px) brightness(.6);
    z-index: 12;
    right: 92%;
    top: 62%;
}
.people li.i1 .mask { transform: scale(1.25) }
.people li.i2 {
    -webkit-filter: blur(2px) brightness(.8);
            filter: blur(2px) brightness(.8);
    z-index: 11;
    top: 40%;
    right: 15rem;
}
.people li.i2 .mask { transform: scale(1.3) }
.people li.i3 {
    z-index: 10;
    top: 60%;
    left: 58%
}
.people li.i4 {
    z-index: 9;
    top: 25%;
    right: 86%;
}
.people li.i5 {
    z-index: 8;
    top: 20%;
    right: 80%;
}
.people li.i6 {
    z-index: 7;
    top: 15%;
    right: 22rem;
}
.people li.i7 {
    z-index: 6;
    top: 20%;
    right: 6rem;
}
.people li.i8 {
    z-index: 5;
    top: 16%;
    right: 28rem;
}
.people li.i8 .mask { transform: scale(.9) }
.people li.i9 {
    z-index: 4;
    top: 62%;
    right: 3rem;
}
.people li.i9 .mask { transform: scale(.8) }
.people li.i10 {
    z-index: 10;
    top: 35%;
    right: 10rem;
}
.people li.i10 .mask { background: var(--red-dark) }
.people li.i11 {
    top: 15%;
    left: 10%;
}
.people li.i12 {
    top: 62%;
    right: 23rem;
}
.people li.i13 {
    top: 100%;
    right: 25%;
}
.people .mask {
    width: 10rem;
    height: 26rem;
    overflow: hidden;
    background: var(--green-dark);
    -webkit-clip-path: url(#planoMask);
            clip-path: url(#planoMask);
}
.people img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-filter: grayscale(.2);
            filter: grayscale(.2);
    transition: all 200ms ease-out;
    opacity: .9;
}
/*Serviços*/
.solutions-list .m-title { font-size: 4rem }
.solutions-list h3 a {
    text-decoration: none;
    color: inherit;
    transition: all 200ms ease-out;
}
.solutions-list li {
    padding-right: 50%;
    padding-bottom: 4rem;
    margin: 0 -5rem;
    min-height: 75vh;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    position: relative;
}
.solutions-list li:nth-child(even) {
    /*text-align: right;*/
    padding: 0 0 4rem 50%
}
.solutions-list .container { font-size: 1.1rem }
/*Insights Logo*/
.insights-logo-a {
    display: block;
    margin-left: -2rem;
    transition: -webkit-filter 200ms ease-out;
    transition: filter 200ms ease-out;
    transition: filter 200ms ease-out, -webkit-filter 200ms ease-out;
}
.insights-logo-svg {
    padding: 1rem 0;
    width: 12rem;
    height: 12rem;
    overflow: visible;
}
.insights-logo-svg path { transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) }
.insights-logo-a:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2) }
.insights-logo-a:hover path:first-child { transform: translate3d(0, .8rem, 0) }
.insights-logo-a:hover path:nth-child(2),
.insights-logo-a:hover path:nth-child(3) { transform: translate3d(0, -.8rem, 0) }
/*Insights*/
.insights-home.fold {
    min-height: 50vh;
    margin: 16rem 0 4rem;
}
.insights-home.-mais-lidos {
    display: flex;
    align-items: center;
    padding: 3rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 4rem;
}
.insights-home.-mais-lidos .insights-container { flex: 0 0 13rem }
.insights-home.-mais-lidos .insights-container .title { margin: 0 }
.insights-logo {
    flex: 0 0 8rem;
    margin: 0 2rem 0 -10rem;
}
.insights-container {
    flex: 0 0 50%;
    margin-right: 2rem;
}
.insights-container .title {
    color: var(--gray);
    margin-bottom: 1rem;
    font-size: 5rem;
}
.insights-container .title a {
    color: var(--gray);
    text-decoration: none;
}
.insights-container .title span {
    display: block;
    color: var(--green)
}
.insights-container .title small {
    font-size: 1rem;
    opacity: .6;
    display: block;
}
.insights-container p {
    line-height: 1.5;
    margin-bottom: 1rem;
}
.insights-posts .flickity-viewport { overflow: visible }
.insights-posts {
    flex: 0 0 auto;
    overflow: hidden;
    padding: 1rem 0 1rem 1rem;
}
.insights-posts ul {
    position: relative;
    list-style: none
}
.insights-posts ul:before {
    content: '';
    display: block;
    width: 1px;
    position: absolute;
    top: -2rem;
    bottom: -2rem;
    left: -1rem;
    z-index: 10;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 2rem, rgba(0, 0, 0, .1) calc(100% - 2rem), rgba(0, 0, 0, 0) 100%);
    transition: opacity 200ms ease-out;
    opacity: 0;
}
.insights-posts ul.moved:before { opacity: 1 }
.insights-posts ul li {
    width: 15rem;
    padding-right: 2rem;
    display: block;
    float: left;
}
.insights-posts .link {
    height: 20rem;
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    text-decoration: none;
    color: var(--gray);
    background: #fff;
    border-radius: .5rem;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .025), 0 .4rem .8rem -.4rem rgba(0, 0, 0, .2);
    padding: 1rem;
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.insights-posts .link:hover {
    transform: translate3d(0, -1rem, 0);
    color: #fff;
    background: var(--green);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .025), 0 1.5rem .5rem -.5rem rgba(0, 0, 0, .2);
}
.insights-posts .link.last {
    box-shadow: none;
    background: var(--ice);
    color: var(--green);
    stroke: var(--green);
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 300ms ease-out;
}
.insights-posts .link.last .icon { margin-left: .5rem }
.insights-posts .link.last:hover {
    transform: none;
    background: var(--green);
    color: #fff;
    stroke: #fff;
    box-shadow: none
}
.insights-posts .thumb {
    display: block;
    margin: -1rem -1rem 1rem;
    overflow: hidden;
    position: relative;
}
.insights-posts .thumb:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.insights-posts .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.insights-posts .time {
    padding-top: 1rem;
    margin-top: auto;
    font-size: .75rem;
    opacity: .5;
}

/*flickity*/
.flickity-enabled,
.flickity-enabled * { outline: none }
.flickity-viewport { overflow: hidden }
.flickity-button {
    background: none;
    fill: var(--gray)
}
.flickity-button:hover {
    fill: var(--gray);
    background: var(--ice)
}
.flickity-button[disabled] {
    cursor: default;
    background: none;
    fill: var(--gray-lighter)
}

/*searchform*/
#searchform {
    position: relative;
    max-width: 16rem;
}
#searchform input {
    border-color: var(--gray-lighter);
    padding-right: 3rem;
    width: 100%;
    transition: all 200ms ease-out;
}
#searchform input:hover { border-color: var(--green) }
#searchform input:focus {
    color: #fff;
    background: var(--green);
    border-color: var(--green);
}
#searchform .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    color: var(--gray-light);
    fill: var(--gray-light);
    stroke: var(--gray-light);
}
#searchform .btn-search:hover {
    background: var(--green-dark);
    color: #fff;
    fill: #fff;
    stroke: #fff;
}

/*clientes*/
.clients-carousel {
    padding: 3rem 3rem 0;
    width: 100vw;
    max-width: 96rem;
    position: relative;
    left: 50%;
    transform: translate3d(-50%,0,0);
}
.clients-list {
    position: relative;
    list-style: none;
    margin-bottom: 4rem;
}
.clients-list li {
    list-style: none;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    cursor: pointer;
    transition: background 200ms ease-out;
    padding-bottom: .25rem;
}
.clients-list li .in {
    height: 12rem;
    padding: 1rem 2rem;
    border-radius: .5rem;
    transition: all 200ms ease-out;
    position: relative;
}
.clients-list li:hover .in { box-shadow: inset 0 0 0 1px var(--gray-lighter) }
.clients-list li.is-nav-selected .in { background: var(--ice) }
.clients-list li.id-last a {
    height: 12rem;
    padding: 1rem 3rem;
    border-radius: .5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    text-decoration: none;
    color: var(--gray);
    stroke: var(--gray);
    background: var(--ice);
    transition: all 200ms ease-out;
}
.clients-list li.id-last a .icon { margin-left: .5rem }
.clients-list li.id-last a:hover {
    background: var(--red);
    color: #fff;
    stroke: #fff;
}
.clients-list .flickity-button {
    position: absolute;
    top: calc(50% - 1.5rem);
    left: -2rem;
}
.clients-list .flickity-button.next {
    left: auto;
    right: -2rem;
}
.client-logo {
    height: 5rem;
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}
.client-logo img {
    max-height: 5rem;
    width: auto;
    height: auto;
    display: block;
    mix-blend-mode: multiply;
}
.client-name {
    font-size: 1.1rem;
    margin-bottom: .5rem;
}
.client-moto,
.client-dates {
    font-size: .85rem;
    color: var(--gray-light);
    line-height: 1.3;
    margin-bottom: .5rem;
}
.testimonials {
    clear: both;
    list-style: none;
    width: 52rem;
    margin: 0 auto 3rem;
    position: relative;
    overflow: hidden;
    padding: 0 4rem;
    max-width: 100%;
}
.testimonials:before,
.testimonials:after {
    content: '“';
    font-size: 7rem;
    color: var(--gray-lighter);
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
}
.testimonials:after {
    content: '”';
    top: auto;
    left: auto;
    bottom: 2rem;
    right: 0;
}
.testimonials li {
    position: relative;
    width: 100%;
}
.testimonials .client-text { margin-bottom: 1.5rem }
.testimonials .client-name,
.testimonials .client-moto { text-align: right }
.testimonials .client-author {
    margin-top: -.25rem;
    text-align: right;
    font-size: .85rem;
    line-height: 1.3;
}
/*archive*/
.clients-list.-archive {
    width: 100vw;
    max-width: 86rem;
    position: relative;
    left: 50%;
    transform: translate3d(-50%,0,0);
    display: grid;
    grid-template: 1fr / repeat(auto-fit,minmax(300px,1fr));
}
.clients-list.-archive li {
    width: auto;
    float: none;
    cursor: default;
    transition: none;
    padding-bottom: 0;
}
.testimonials.-archive li {
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 4rem;
    padding-bottom: 4rem;
}
.testimonials.-archive li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/*certs*/
.certs-home {
    padding: 4rem 0 0;
    min-height: 75vh;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center;
}
.certs-list {
    position: relative;
    padding: 0 1rem;
}
.certs-list ul {
    display: grid;
    grid-template: 1fr / repeat(auto-fit, minmax(100px,1fr));
    grid-gap: 2rem;
    font-size: .85rem;
    color: var(--gray)
}
.certs-list li {
    position: relative;
}
.certs-list li:hover .cert-pop {
    opacity: 1;
    visibility: visible;
    transform: translate3d(-50%,0,0);
}
.cert-logo {
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cert-logo img {
    max-height: 6rem;
    width: auto;
    height: auto;
}
.cert-pop {
    position: absolute;
    bottom: calc(100% + 1rem);
    left: 50%;
    width: 16rem;
    padding: 1rem;
    background: var(--gray-lighter);
    border-radius: .5rem;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-50%,3rem,0);
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.cert-name {
    font-size: 1.2rem;
    color: var(--gray);
    margin-bottom: .5rem;
}
.cert-moto {
    line-height: 1.3;
    opacity: .7;
}
.cert-moto p {
    line-height: 1.3;
    margin-bottom: 1em;
}
.cert-moto p:last-child { margin-bottom: 0 }


/*fixed header*/
.header-container.fixed {
    background: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .2)
}
/* .header-container.fixed .header { height: 4rem } */
.header-container.fixed .plano-logo-svg { fill: var(--red) }
.header-container.fixed #menu-header-menu .icon { stroke: var(--gray) }
.header-container.fixed #menu-header-menu li a:not(:hover) { color: var(--gray) }
.header-container.fixed .main-nav .menu-btn:not(:hover) {
    color: var(--gray);
    fill: var(--gray);
    stroke: var(--gray);
}
.header-container,
.header-container .header,
.header-container .plano-logo-svg,
.header-container #menu-header-menu .icon,
.header-container #menu-header-menu li a:not(:hover),
.header-container .main-nav .menu-btn:not(:hover) .icon { transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1) }

/*hide recaptcha*/
.grecaptcha-badge { opacity: 0 }

/*entry gallery*/
.entry .wp-block-gallery {
    margin: 0 0 2em;
    width: 100vw;
    position: relative;
    left: calc(50% - 50vw);
}
.entry .wp-block-gallery .blocks-gallery-item { margin: 0 }

/*editor styles*/
.has-vermelho-plano-color { color: var(--red) }
.has-vermelho-dark-plano-color { color: var(--red-dark) }
.has-vermelho-darker-plano-color { color: var(--red-darker) }
.has-turquesa-plano-color { color: var(--green) }
.has-turquesa-dark-plano-color { color: var(--green-dark) }
.has-cinza-plano-color { color: var(--gray) }
.has-cinza-light-plano-color { color: var(--gray-light) }
.has-cinza-lighter-plano-color { color: var(--gray-lighter) }
/*bgs*/
.has-vermelho-plano-background-color { background-color: var(--red) }
.has-vermelho-dark-plano-background-color { background-color: var(--red-dark) }
.has-vermelho-darker-plano-background-color { background-color: var(--red-darker) }
.has-turquesa-plano-background-color { background-color: var(--green) }
.has-turquesa-dark-plano-background-color { background-color: var(--green-dark) }
.has-cinza-plano-background-color { background-color: var(--gray) }
.has-cinza-light-plano-background-color { background-color: var(--gray-light) }
.has-cinza-lighter-plano-background-color { background-color: var(--gray-lighter) }
.has-huge-font-size {
    font-size: 4.5rem;
    line-height: 1.1 !important;
}
.is-style-squared .wp-block-button__link { border-radius: .25rem }

/*vagas*/
.vaga-container .overlay { z-index: 98 }
.vaga-wrapper {
    position: fixed;
    top: 3rem;
    left: 50%;
    z-index: 99;
    width: 48rem;
    max-width: calc(100vw - 2rem);
    padding: 1rem 1rem 3rem;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, .2);
    transform: translate3d(-50%, 5rem, 0);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.vaga-top {
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
    padding: 1rem 3rem;
}
.vaga-top button {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    color: var(--gray-light);
    stroke: var(--gray-light);
    fill: var(--gray-light);
}
.vaga-top button:hover {
    color: var(--red);
    stroke: var(--red);
    fill: var(--red);
}
.vaga-top .btn-back {
    display: none;
    right: auto;
    left: 0;
}
.vaga-top .btn-back.active { display: flex }
.btn-back .i-arrow { transform: rotate(180deg) }
.vaga-title {
    font-size: 2rem;
    font-weight: 400;
    color: var(--red);
    margin-bottom: .5rem;
}
.vaga-city { color: var(--gray-light) }
.vaga-scroll {
    max-height: calc(100vh - 22rem);
    overflow-y: auto;
    padding: 0 3rem;
}
.vaga-action {
    padding-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vaga-action .icon { margin-left: .5rem }
.vaga-content {
    transform: translate3d(110%, 0, 0);
    transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1);
    overflow: hidden;
    height: 0;
}
.vaga-content.active {
    transform: translate3d(0, 0, 0);
    height: auto;
}
.vaga-insert.entry { font-size: 1rem }
.vaga-insert.entry p { margin-bottom: 1rem }
.vaga-wrapper div.wpcf7-mail-sent-ok[style*='display'][style*='block'] {
    background: #fff;
    color: var(--green-dark);
}
body.-open-vaga { overflow: hidden }
body.-open-vaga .vaga-container .overlay { display: block }
body.-open-vaga .vaga-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
    z-index: 99;
}

/*entry counter*/
.entry { counter-reset: myCounter }
.entry h2.counter {
    position: relative;
    margin-top: 4rem;
}
.entry h2.counter:before {
    counter-increment: myCounter;
    content: counter(myCounter) '.';
    color: var(--red);
    font-size: 6rem;
    position: absolute;
    top: 0;
    right: calc(100% + 1rem);
    line-height: 1;
}
.wp-block-embed__wrapper {
    width: 60rem;
    max-width: 100vw;
    position: relative;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}
.wp-block-embed__wrapper:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
.wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper embed,
.wp-block-embed__wrapper object,
.wp-block-embed__wrapper video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* page contato*/
/* .contato-dados { position: relative } */
/* .contato-dados h3 {
    font-size: 1rem;
    font-weight: 400;
    color: var(--gray);
    margin: 4rem 0 1rem;
    opacity: .8;
} */
/* .contato-email-tels a {
    font-size: 2rem;
    font-weight: 400;
    color: var(--gray);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 200ms ease-out;
}
.contato-email-tels a:hover { color: var(--red) }
.contato-email-tels .icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    fill: var(--gray-light);
    stroke: var(--gray-light);
}
.contato-social li { margin-bottom: 1rem }
.contato-social li:last-child { margin-bottom: 0 }
.contato-social a {
    font-size: 2rem;
    font-weight: 400;
    color: var(--gray);
    fill: var(--gray);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 200ms ease-out;
}
.contato-social .icon {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
}
.contato-filiais a {
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--gray);
    display: inline-block;
    text-decoration: none;
    transition: all 200ms ease-out;
    padding-left: 2.5rem;
    position: relative;
}
.contato-filiais li { margin-bottom: 1.5rem }
.contato-filiais li:last-child { margin-bottom: 0 }
.contato-filiais a .address {
    padding-top: .25rem;
    font-size: 1rem;
    opacity: .7;
}
.contato-filiais a:hover { color: var(--red) }
.contato-filiais .icon {
    width: 1.5rem;
    height: 1.5rem;
    fill: var(--gray-light);
    stroke: var(--gray-light);
    position: absolute;
    top: calc(50% - .75rem);
    left: 0;
} */

/*Greenify*/
/* body.greenify .main-container {
    --red: var(--green);
    --red-dark: var(--green-dark);
    --red-darker: var(--green-dark);
} */

/*decoration*/
.decoration {
    position: absolute;
    top: 40%;
    z-index: -1;
    opacity: .2;
}
.decoration.d1 { right: 130% }
.decoration.d2 { right: 150% }
.decoration.d3 { left: 120% }
.decoration.d4 { left: 140% }
.decoration .card {
    width: 10rem;
    height: 26rem;
    overflow: hidden;
    background: var(--red);
    -webkit-clip-path: url(#planoMask);
            clip-path: url(#planoMask);
    transform: scale(.5);
}
.decoration.s .card {
    background: var(--red-dark);
    transform: scale(.25);
}
.decoration.ss .card {
    transform: scale(.15);
    background: var(--red-darker)
}

/*Insights*/
.blog-title {
    position: relative;
    display: grid;
    grid-template: auto / 1fr 1.2fr;
    grid-gap: 2rem;
    align-items: flex-end;
    margin-bottom: 2rem;
    min-height: 15rem;
}
.blog-title .insights-logo-a {
    position: absolute;
    top: 4rem;
    right: 100%;
}
.blog-title #searchform { max-width: 100% }
.featured {
    position: relative;
    left: 50%;
    /* width: 100vw; */
    max-width: 58rem;
    transform: translate3d(-50%,0,0);
}
.featured-hero { position: relative }
.featured-hero:before {
    content: '';
    display: block;
    padding-top: 45%;
}
.featured-hero img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.featured-tag {
    position: absolute;
    top: 0;
    left: 3rem;
    background: #fff;
    color: var(--green);
    padding: 0 1rem .5rem 3rem;
}
.featured-meta {
    position: relative;
    background-color: #fff;
    margin: -2rem 0 2rem 3rem;
    padding: 1rem 0 0 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.featured-time {
    font-size: .75rem;
    color: var(--gray-light);
    margin-bottom: .25rem;
}
.featured-author {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--gray);
    font-size: .75rem;
}
.featured-author-thumb {
    flex: 0 0 auto;
    margin-right: .5rem;
}
.featured-author-thumb img {
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.featured-author-name { opacity: .8 }
.featured-title { margin: 0 5rem 2rem }
.featured-title h2 {
    font-size: 2.5rem;
    font-weight: 400;
}
.featured-content { margin: 0 5rem }
.featured-read-more {
    margin-bottom: 8rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.featured-read-more.active {
    max-height: 17rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}
.featured-read-more.active .featured-overlay,
.featured-read-more.active .featured-btn {
    opacity: 1;
    visibility: visible;
}
.featured-overlay:before {
    content: '';
    display: block;
    border-top: 1px solid rgba(0, 0, 0, .1);
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    right: 0;
}
.featured-overlay {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, #fff 3rem, rgba(255, 255, 255, 0));
    transition: all 200ms ease-out;
    opacity: 0;
    visibility: hidden;
}
.featured-btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}

/*cats blog*/
.cats-blog {
    padding-bottom: 3rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
}
.cats-blog:last-child {
    padding: 3rem 0 0;
    margin: 3rem 0 0;
    border-bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.cats-title {
    flex: 0 0 13rem;
    margin-right: 2rem;
}
.cats-title small {
    font-size: 1rem;
    display: block;
    opacity: .6
}
.cats-title h2 {
    padding-top: .5rem;
    font-size: 2rem;
    font-weight: 400;
    color: var(--gray);
}
.cats-lists {
    flex: 0 0 auto;
    overflow: hidden;
    padding: 1rem 0 1rem 1rem;
}
.cats-lists .flickity-viewport { overflow: visible }
.cats-lists ul {
    list-style: none;
    position: relative;
}
.cats-lists ul:before {
    content: '';
    display: block;
    width: 1px;
    position: absolute;
    top: -2rem;
    bottom: -2rem;
    left: -1rem;
    z-index: 10;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 2rem, rgba(0, 0, 0, .1) calc(100% - 2rem), rgba(0, 0, 0, 0) 100%);
    transition: opacity 200ms ease-out;
    opacity: 0;
}
.cats-lists ul.moved:before { opacity: 1 }
.cats-lists li {
    float: left;
    display: block;
}
.cats-lists a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-radius: .5rem;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 0.4rem 0.8rem -0.4rem rgba(0, 0, 0, .2);
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    background: #fff;
}
.cats-lists a:hover {
    color: #fff;
    transform: translate3d(0, -.25rem, 0);
    background: var(--green);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .025), 0 1.5rem 0.5rem -0.5rem rgba(0, 0, 0, .2);
}
/*cat*/
.cat-list ul {
    padding: 3rem 0 1rem;
    position: relative;
}
.cat-list .flickity-button {
    position: absolute;
    top: 0;
    left: 0;
}
.cat-list .flickity-button.next { left: 3rem }
.cat-list li {
    width: 15rem;
    padding-right: 1rem;
}
.cat-list a {
    padding: 0 2rem;
    line-height: 1.1;
    font-size: 1.1rem;
    height: 5rem;
    word-break: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}
/*tag*/
.tag-list li {
    width: auto;
    padding-right: 1rem;
}
.tag-list a {
    white-space: nowrap;
    color: var(--green-dark);
    font-size: .85rem;
}
.tag-list a:hover { background: var(--green-dark) }

/*pagination*/
.posts-pagination .wp-pagenavi {
    padding: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
}
.posts-pagination a,
.posts-pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0 1rem;
    margin: 0 .25rem;
    height: 2.5rem;
    min-width: 2.5rem;
    border-radius: .25rem;
    text-decoration: none;
    transition: all 200ms ease-out;
}
.posts-pagination a { color: var(--green) }
.posts-pagination a:hover {
    background: var(--gray-lighter);
    color: var(--green);
}
.posts-pagination span { background: var(--gray-lighter) }
.posts-pagination .pages { display: none }
.posts-pagination.top .wp-pagenavi {
    display: block;
    padding: 0;
    margin: 0 0 2rem;
}
.posts-pagination.top .pages {
    display: block;
    padding: 0;
    background: none;
    height: auto;
    color: var(--gray-light);
}
.posts-pagination.top .pages:before { content: '— ' }
.posts-pagination.top a,
.posts-pagination.top span { display: none }

/*post list*/
.posts-list {
    width: 58rem;
    max-width: calc(100vw - 2rem);
    position: relative;
    left: 50%;
    transform: translate3d(-50%,0,0);
}
.posts-list ul { list-style: none }
.post-item {
    margin-bottom: 3rem;
    display: grid;
    grid-template: 1fr / 4fr 1fr;
    grid-gap: 2rem;
}
.post-item:last-child { margin-bottom: 0 }
.post-link {
    display: flex;
    align-items: flex-start;
}
.post-thumb {
    flex: 0 0 60%;
    margin-right: 2rem;
}
.post-thumb img { border-radius: .25rem }
.post-tags li {
    display: inline-block;
    margin: 0 .75rem .5em 0;
}
.post-tags a {
    display: inline-block;
    text-decoration: none;
    font-size: .75rem;
}
.post-tags a:hover { text-decoration: underline }
.post-title { margin-bottom: 2rem }
.post-title a {
    display: block;
    text-decoration: none;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.1;
    color: var(--gray)
}
.post-title a:hover { color: var(--green) }
.post-meta {
    font-size: .8rem;
    color: var(--gray-light)
}
.post-meta a { text-decoration: none }
.post-desc {
    line-height: 1.3;
    opacity: .8;
}

/*search*/
.blog-title.search { grid-template: 1fr / 1.2fr 1fr }
.blog-title.search h1 {
    font-size: 3.5rem;
    word-break: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}
.no-search-results {
    margin: 3rem 0 40vh;
    padding: 4rem;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    color: var(--gray-light);
    font-size: 1.2rem;
}
.no-search-results p { margin: 0 }

/*tags*/
.blog-title.tag { grid-template: 1fr / 1.2fr 1fr }
.blog-title.tag h1 {
    font-size: 3rem;
    word-break: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

/*category*/
.blog-title.category { grid-template: 1fr / 1.2fr 1fr }
.blog-title.category h1 {
    font-size: 3.5rem;
    word-break: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

/*single*/
.blog-title.single {
    z-index: 1;
    grid-template: 1fr / 1.2fr 1fr;
    min-height: 0;
    margin-bottom: 2rem;
}

/*Blocks*/
/*Contato*/
.talk {
    margin: 4rem 0;
    position: relative;
    font-size: 1rem;
}
.talk:before {
    content: '';
    display: block;
    position: absolute;
    top: 10%;
    left: 10%;
    z-index: -1;
    width: 80%;
    height: 80%;
    background: var(--ice);
    transform: skew(0,30deg);
    transform-origin: center;
    border-radius: 2rem;
}
.talk-container {
    display: grid;
    grid-template: auto 1fr auto / 1fr 1fr;
    grid-column-gap: 6rem;
    grid-row-gap: 3rem;
}
.talk-container .title {
    text-align: center;
    grid-column: 1 / -1;
    margin: 0;
}
.talk-container .message {
    text-align: center;
    line-height: 1.5;
    margin-bottom: 2rem;
    width: 100%;
}
.talk-container .message p { line-height: 1.5 }
.talk-mobile { display: none }
.talk-form,
.talk-videoask {
    /* flex: 0 0 50%;
    display: flex;
    flex-flow: column nowrap; */
    /* align-items: stretch; */
}

.talk-form {
    width: 100%;
}
.talk-form .wpcf7 {
    margin-top: auto;
    flex: 0 0 auto;
}
.talk-videoask .videoask-code {
    margin-top: auto;
    flex: 1 1 auto;
    display: flex;
}
.talk-videoask .sample {
    flex: 0 0 100%;
    background: var(--gray-lighter);
    border-radius: 2rem;
}
.talk-extras {
    grid-column: 1 / -1;
    padding-top: 3rem;
    border-top: 1px solid var(--red);
}
.talk-extras ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.talk-extras a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--gray);
    height: 2rem;
    padding: 0 .5rem;
    border-radius: .25rem;
    transition: all 200ms ease-out;
}
.talk-extras a:hover { background: var(--gray-lighter) }
.talk-extras .icon { margin-right: .5rem }
.talk-extras .routes .icon { margin: 0 }
.talk-extras .routes li {
    display: flex;
    align-items: center;
}
.talk-extras .routes li:before {
    content: '';
    display: block;
    width: .25rem;
    height: .25rem;
    background: var(--gray);
    border-radius: 100%;
    flex: 0 0 auto;
}
.talk-extras .routes li.i:before,
.talk-extras .routes li:nth-child(2):before { display: none }

/*animation home*/
.ani-container {
    position: absolute;
    top: calc(50% - 20rem);
    left: calc(90% - 15rem);
    z-index: -2;
}
.ani-stage {
    width: 30rem;
    height: 30rem;
    margin: 8rem auto 0;
    font-size: 1rem;
    text-align: center;
    perspective: 500px;
    opacity: 0;
    transform: translate3d(0,20%,0) rotate(240deg) scale3d(0,0,0);
    transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.ani-stage * { transition: all .5s ease-in-out }
.ani-stage .loop {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center;
}
.ani-stage .tri {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 12rem;
    height: 12rem;
    padding: 3rem 1rem 1rem;
}
.ani-stage svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    fill: #5e5e5e;
    stroke: none;
}
.ani-stage .labels {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.3rem;
    width: 24rem;
    height: 24rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.ani-stage .i-circle {
    position: absolute;
    top: calc(50% - 14rem);
    left: calc(50% - 12rem);
    width: 24rem;
    height: 24rem;
    stroke: var(--red);
    -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
}
.ani-stage .i-circle path { -webkit-animation: loadCircle 4s linear infinite; animation: loadCircle 4s linear infinite }
/*tris*/
.top-tri-loop.loop { transform: translate3d(-50%,-145%,0) }
.mid-tri-loop.loop {
    transform: translate3d(-50%,-50%,0);
    z-index: 10;
}
.mid-tri.tri { align-items: flex-start }
.mid-tri svg {
    fill: var(--red-dark);
    transform: rotate(180deg);
}
.left-tri-loop.loop { transform: translate3d(-110%,-45%,0) }
.right-tri-loop.loop { transform: translate3d(10%,-45%,0) }
/*labels*/
.t-left { transform: translate3d(-85%,-78%,0) rotate(-60deg) }
.t-right { transform: translate3d(-15%,-78%,0) rotate(60deg) }
.t-bottom { transform: translate3d(-50%,-18%,0) }
/*loops*/
.top-tri { -webkit-animation: floatY 2s linear infinite; animation: floatY 2s linear infinite }
.mid-tri { -webkit-animation: floatY 1.8s linear infinite alternate; animation: floatY 1.8s linear infinite alternate }
.left-tri { -webkit-animation: float 2.2s linear infinite both; animation: float 2.2s linear infinite both }
.right-tri { animation: float 2s linear infinite reverse both }
/*scenes*/
.sal-animate .ani-stage {
    opacity: 1;
    transform: translate3d(0,0,0) rotate(0) scale3d(1,1,1);
}
/*0*/
.solutions-start .ani-container {
    position: relative;
    left: auto;
    top: auto;
}
.ani-to-left .ani-container {
    left: calc(10% - 15rem);
}
.ani-stage.ani-0 {}
/*1*/
.ani-1 .ani-stage { transform: translate3d(110%,-2rem,0) rotate(-240deg) scale3d(0,0,0) }
.ani-1.sal-animate .ani-stage { transform: translate3d(0,-2rem,0) rotate(5deg) scale3d(1,1,1) }
.ani-1 .ani-stage .tri {
    width: 34rem;
    height: 34rem;
    font-size: 3rem;
    padding: 9rem 1rem 1rem;
}
.ani-1 .ani-stage .top-tri-loop.loop { transform: translate3d(-50%,-50%,0) }
.ani-1 .ani-stage .top-tri svg { fill: var(--red) }
.ani-1 .ani-stage .mid-tri-loop,
.ani-1 .ani-stage .left-tri-loop,
.ani-1 .ani-stage .right-tri-loop,
.ani-1 .ani-stage .t-left,
.ani-1 .ani-stage .t-right,
.ani-1 .ani-stage .t-bottom { display: none }
.ani-1 .ani-stage .i-circle {
    opacity: .1;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    stroke-width: .3;
    top: calc(50% - 30rem);
    left: calc(50% - 30rem);
    width: 60rem;
    height: 60rem;
}
/*2*/
.ani-2 .ani-stage { transform: translate3d(-110%,-2rem,0) rotate(240deg) scale3d(0,0,0) }
.ani-2.sal-animate .ani-stage { transform: translate3d(0,-2rem,0) rotate(-5deg) scale3d(1,1,1) }
.ani-2 .ani-stage .tri {
    width: 34rem;
    height: 34rem;
    font-size: 3rem;
    padding: 9rem 1rem 1rem;
}
.ani-2 .ani-stage .left-tri-loop.loop { transform: translate3d(-50%,-50%,0) }
.ani-2 .ani-stage .left-tri svg { fill: var(--red-dark) }
.ani-2 .ani-stage .top-tri-loop,
.ani-2 .ani-stage .mid-tri-loop,
.ani-2 .ani-stage .right-tri-loop,
.ani-2 .ani-stage .t-left,
.ani-2 .ani-stage .t-right,
.ani-2 .ani-stage .t-bottom { display: none }
.ani-2 .ani-stage .i-circle {
    opacity: .1;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    stroke-width: .3;
    top: calc(50% - 25rem);
    left: calc(50% - 25rem);
    width: 50rem;
    height: 50rem;
}
/*3*/
.ani-3 .ani-stage { transform: translate3d(110%,-2rem,0) rotate(-240deg) scale3d(0,0,0) }
.ani-3.sal-animate .ani-stage { transform: translate3d(0,-2rem,0) rotate(5deg) scale3d(1,1,1) }
.ani-3 .ani-stage .tri {
    width: 34rem;
    height: 34rem;
    font-size: 3rem;
    padding: 9rem 1rem 1rem;
}
.ani-3 .ani-stage .min-tri-loop.loop { transform: translate3d(-50%,-50%,0) }
.ani-3 .ani-stage .mid-tri svg { fill: var(--red) }
.ani-3 .ani-stage .top-tri-loop,
.ani-3 .ani-stage .left-tri-loop,
.ani-3 .ani-stage .right-tri-loop,
.ani-3 .ani-stage .t-left,
.ani-3 .ani-stage .t-right,
.ani-3 .ani-stage .t-bottom { display: none }
.ani-3 .ani-stage .i-circle {
    opacity: .1;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    stroke-width: .3;
    top: calc(50% - 25rem);
    left: calc(50% - 25rem);
    width: 50rem;
    height: 50rem;
}
/*4*/
.ani-4 .ani-stage { transform: translate3d(-110%,-2rem,0) rotate(240deg) scale3d(0,0,0) }
.ani-4.sal-animate .ani-stage { transform: translate3d(0,-2rem,0) rotate(-5deg) scale3d(1,1,1) }
.ani-4 .ani-stage .tri {
    width: 34rem;
    height: 34rem;
    font-size: 3rem;
    padding: 9rem 1rem 1rem;
}
.ani-4 .ani-stage .right-tri-loop.loop { transform: translate3d(-50%,-50%,0) }
.ani-4 .ani-stage svg { fill: none; }
.ani-4 .ani-stage .right-tri svg { fill: var(--red-darker) }
.ani-4 .ani-stage .top-tri-loop,
.ani-4 .ani-stage .left-tri-loop,
.ani-4 .ani-stage .mid-tri-loop,
.ani-4 .ani-stage .t-left,
.ani-4 .ani-stage .t-right,
.ani-4 .ani-stage .t-bottom { display: none }
.ani-4 .ani-stage .i-circle {
    opacity: .1;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    stroke-width: .3;
    top: calc(50% - 20rem);
    left: calc(50% - 20rem);
    width: 40rem;
    height: 40rem;
}
/*5*/
.ani-5 .ani-stage { transform: translate3d(-110%,-2rem,0) rotate(240deg) scale3d(0,0,0) }
.ani-5.sal-animate .ani-stage { transform: translate3d(50%,20%,0) rotate(5deg) scale3d(1,1,1) }
.ani-5 .ani-stage svg { fill: var(--gray) }
.ani-5 .ani-stage .t-left.labels {
    font-size: 3.3rem;
    width: 60rem;
    height: 60rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--red);
}
.ani-5 .ani-stage .top-tri-loop,
.ani-5 .ani-stage .left-tri-loop,
.ani-5 .ani-stage .right-tri-loop,
.ani-5 .ani-stage .mid-tri-loop,
.ani-5 .ani-stage .t-right,
.ani-5 .ani-stage .t-bottom { opacity: .1 }
.ani-5 .ani-stage .i-circle {
    stroke-width: .3;
    top: calc(50% - 22rem);
    left: calc(50% - 22rem);
    width: 44rem;
    height: 44rem;
}
/*6*/
.ani-6 .ani-stage { transform: translate3d(-110%,-2rem,0) rotate(240deg) scale3d(0,0,0) }
.ani-6.sal-animate .ani-stage { transform: translate3d(-50%,20%,0) rotate(-5deg) scale3d(1,1,1) }
.ani-6 .ani-stage svg { fill: var(--gray) }
.ani-6 .ani-stage .t-right.labels {
    font-size: 3.3rem;
    width: 60rem;
    height: 60rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--red);
}
.ani-6 .ani-stage .top-tri-loop,
.ani-6 .ani-stage .left-tri-loop,
.ani-6 .ani-stage .right-tri-loop,
.ani-6 .ani-stage .mid-tri-loop,
.ani-6 .ani-stage .t-left,
.ani-6 .ani-stage .t-bottom { opacity: .1 }
.ani-6 .ani-stage .i-circle {
    stroke-width: .3;
    top: calc(50% - 22rem);
    left: calc(50% - 22rem);
    width: 44rem;
    height: 44rem;
}

.ani-stage.ani-6 { transform: scale(3) translate3d(-6%,10%,0) rotate(-5deg) }
.ani-stage.ani-6 svg { fill: var(--gray) }
.ani-stage.ani-6 .t-right { color: var(--red) }
.ani-stage.ani-6 .top-tri-loop,
.ani-stage.ani-6 .left-tri-loop,
.ani-stage.ani-6 .right-tri-loop,
.ani-stage.ani-6 .mid-tri-loop,
.ani-stage.ani-6 .t-left,
.ani-stage.ani-6 .t-bottom { opacity: .1 }
.ani-stage.ani-6 .i-circle { stroke-width: .3 }
/*7*/
.ani-7 .ani-stage { transform: translate3d(110%,-2rem,0) rotate(240deg) scale3d(0,0,0) }
.ani-7.ani-to-right.sal-animate .ani-stage { transform: translate3d(50%,-20%,0) rotate(60deg) scale3d(1,1,1) }
.ani-7.ani-to-left.sal-animate .ani-stage { transform: translate3d(-50%,-20%,0) rotate(-60deg) scale3d(1,1,1) }
.ani-7 .ani-stage svg { fill: var(--gray) }
.ani-7 .ani-stage .t-bottom.labels {
    font-size: 3.3rem;
    width: 60rem;
    height: 60rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--red);
    transform: translate3d(-50%,-27%,0)
}
.ani-7 .ani-stage .top-tri-loop,
.ani-7 .ani-stage .left-tri-loop,
.ani-7 .ani-stage .right-tri-loop,
.ani-7 .ani-stage .mid-tri-loop,
.ani-7 .ani-stage .t-left,
.ani-7 .ani-stage .t-right { opacity: .1 }
.ani-7 .ani-stage .i-circle {
    stroke-width: .3;
    top: calc(50% - 22rem);
    left: calc(50% - 22rem);
    width: 44rem;
    height: 44rem;
}

/*animations*/
@-webkit-keyframes floatY {
    0%,100% { transform: translate3d(0,0,0) }
    50% { transform: translate3d(0,.4rem,0) }
}
@keyframes floatY {
    0%,100% { transform: translate3d(0,0,0) }
    50% { transform: translate3d(0,.4rem,0) }
}
@-webkit-keyframes float {
    0% { transform: translate3d(0,0,0) }
    25% { transform: translate3d(.2rem,.2rem,0) }
    75% { transform: translate3d(0,.4,0) }
    100% { transform: translate3d(-.2,.2rem,0) }
}
@keyframes float {
    0% { transform: translate3d(0,0,0) }
    25% { transform: translate3d(.2rem,.2rem,0) }
    75% { transform: translate3d(0,.4,0) }
    100% { transform: translate3d(-.2,.2rem,0) }
}
@-webkit-keyframes shake {
    from,
    to { transform: translate3d(0, 0, 0) }

    10%,
    30%,
    50%,
    70%,
    90% { transform: translate3d(-10px, 0, 0) }

    20%,
    40%,
    60%,
    80% { transform: translate3d(10px, 0, 0) }
}
@keyframes shake {
    from,
    to { transform: translate3d(0, 0, 0) }

    10%,
    30%,
    50%,
    70%,
    90% { transform: translate3d(-10px, 0, 0) }

    20%,
    40%,
    60%,
    80% { transform: translate3d(10px, 0, 0) }
}
@-webkit-keyframes dash1 {
    0% {
        stroke-dasharray: 1, 355;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 118, 355;
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dasharray: 177, 355;
        stroke-dashoffset: -355;
    }
}
@keyframes dash1 {
    0% {
        stroke-dasharray: 1, 355;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 118, 355;
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dasharray: 177, 355;
        stroke-dashoffset: -355;
    }
}
@-webkit-keyframes dash2 {
    0% {
        stroke-dasharray: 1, 296;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 148, 296;
        stroke-dashoffset: -200;
    }
    100% {
        stroke-dasharray: 96, 296;
        stroke-dashoffset: -296;
    }
}
@keyframes dash2 {
    0% {
        stroke-dasharray: 1, 296;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 148, 296;
        stroke-dashoffset: -200;
    }
    100% {
        stroke-dasharray: 96, 296;
        stroke-dashoffset: -296;
    }
}
@-webkit-keyframes dash3 {
    0% {
        stroke-dasharray: 1, 238;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 119, 238;
        stroke-dashoffset: -200;
    }
    100% {
        stroke-dasharray: 79, 238;
        stroke-dashoffset: -296;
    }
}
@keyframes dash3 {
    0% {
        stroke-dasharray: 1, 238;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 119, 238;
        stroke-dashoffset: -200;
    }
    100% {
        stroke-dasharray: 79, 238;
        stroke-dashoffset: -296;
    }
}
@-webkit-keyframes spin {
    from { transform: rotate(0deg) }
    to { transform: rotate(360deg) }
}
@keyframes spin {
    from { transform: rotate(0deg) }
    to { transform: rotate(360deg) }
}
@-webkit-keyframes loadCircle {
    0% {
        stroke-dasharray: 1, 369;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 50, 123;
        stroke-dashoffset: -10;
    }
    100% {
        stroke-dasharray: 369, 369;
        stroke-dashoffset: -360;
    }
}
@keyframes loadCircle {
    0% {
        stroke-dasharray: 1, 369;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 50, 123;
        stroke-dashoffset: -10;
    }
    100% {
        stroke-dasharray: 369, 369;
        stroke-dashoffset: -360;
    }
}

/*responsive*/
@media screen and (max-width: 1280px) {

    /*home nos*/
    .nos.fold .bg {
        width: 150vw;
        left: calc(50% - 75vw);
        transform-origin: center;
        transform: scale(.8);
    }

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

    /*buttons*/
    .btn-lg { padding: 0 2rem }

    /*folds*/
    .fold .container { font-size: 1.1rem }

    /*title*/
    .title {
        font-size: 4rem;
        left: -.4rem;
    }
    .m-title {
        font-size: 3.5rem;
        left: -.3rem;
    }
    .has-huge-font-size { font-size: 4rem }

    /*logo*/
    .plano-logo-svg {
        width: 7rem;
        height: 2.5rem;
    }

    /*header*/
    .header { padding: 0 1rem }
    .header .plano-logo { margin-right: auto }
    .header .menu-header-menu-container { margin-right: 3rem }
    #menu-header-menu li { display: none }
    #menu-header-menu li.trp-language-switcher-container { display: flex }

    /*home hero*/
    .hero.home .hero-content { font-size: 4rem }
    .hero-slide .img-logo-plano { width: 40% }
    /*home nos*/
    .nos.fold .bg {
        width: 200vw;
        left: calc(50% - 115vw);
        transform-origin: center;
        transform: scale(.8);
    }

    /*solutions*/
    .solutions-list li {
        padding-right: 35%;
        margin: 0;
    }
    .solutions-list li:nth-child(even) { padding-left: 35% }

    /*insights*/
    .insights-container .title { font-size: 4rem }
    .insights-container {
        flex: 0 0 18rem;
    }
    .insights-logo {
        margin: 0;
        position: absolute;
        left: -10rem;
    }
    .insights-logo .insights-logo-a { margin: 0 }

    /*Clientes*/
    .clients-list li .in { padding: 1rem 2rem }
    .client-logo { height: 3rem }
    .client-logo img {
        max-width: 100%;
        max-height: 3rem;
    }
    .clients-list .flickity-button.previous { left: -3rem }
    .clients-list .flickity-button.next { right: -3rem }

    /*footer*/
    .footer-container { padding: 7rem 1rem 1rem }

    /*Blog*/
    .blog-title {
        padding: 1rem 0 0;
        min-height: 0;
    }
    .blog-title .insights-logo-a {
        position: absolute;
        top: 0;
        right: 96%;
    }

    /*Menu*/
    .main-nav-wrapper .top-bar { padding: 0 1rem }

    /*Vagas*/
    .vaga-wrapper { top: 1rem }

    /*Animations*/
    .ani-5 .ani-stage { transform: scale(3) translate3d(14%,10%,0) rotate(5deg) }
    .ani-7 .ani-stage { transform: scale(3) translate3d(-12%,-10%,0) rotate(-60deg) }

    /*vagas*/
    .vaga-scroll { max-height: calc(100vh - 18rem) }

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

    /*layout*/
    .main-container { padding: 6rem 2rem 0 }

    /*titles*/
    .has-huge-font-size { font-size: 3.5rem }

    /*fold*/
    .fold-center { padding-top: 20vh }

    /*home*/
    /*Insights*/
    .insights-home.fold { margin: 0 }
    .insights-home.fold-align-center {
        flex-flow: column nowrap;
        align-items: stretch;
        justify-content: center;
    }
    .insights-container {
        flex: 0 0 auto;
        padding: 0 0 0 8rem;
        margin: -12rem 0 1rem;
    }
    .insights-logo .insights-logo-svg { width: 10rem }
    .insights-logo {
        margin: 0 0 0 -2rem;
        position: static;
        flex: 0 0 auto;
    }
    .insights-posts {
        width: 100%;
        margin-left: -1rem;
    }
    /*Clientes*/
    .clients-carousel { padding-top: 1rem }
    .clients-list { margin-bottom: 3rem }
    .clients-list li { width: 33% }

    /*entry*/
    .entry h2.counter {
        padding-left: 5rem;
    }
    .entry h2.counter:before {
        font-size: 5rem;
        top: auto;
        right: auto;
        left: 0;
        bottom: -.5rem
    }

    /*blog*/
    .blog-title {
        padding-left: 6rem;
        grid-template: auto / 1fr 1fr;
    }
    .blog-title .insights-logo-a {
        right: auto;
        left: 0;
        margin: 0;
    }
    .blog-title.tag .insights-logo-a,
    .blog-title.category .insights-logo-a,
    .blog-title.search .insights-logo-a { top: -2rem }
    .insights-logo-svg {
        width: 5rem;
        height: 10rem;
    }
    .featured-meta { padding-right: 2rem }
    /*inner*/
    .insights-home.-mais-lidos .insights-container {
        padding: 0;
        margin: 0;
    }
    .post-item { display: block }
    .post-desc { display: none }
    .post-thumb { flex: 0 0 50% }

    /*certs*/
    .certs-list ul {
        padding: 0 1rem;
        grid-gap: 1rem;
    }
    .cert-moto { display: none }

    /*footer*/
    .footer {
        flex-flow: column nowrap;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .footer .plano-data .p { justify-content: center }
    .footer .plano-data {
        flex: 0 0 100%;
        margin-bottom: 2rem;
        max-width: 100%;
    }
    .footer .plano-filiais li {
        max-width: 100%;
    }
    .footer .plano-contact { text-align: center }
    .plano-social { justify-content: center }
    .footer .plano-mini-logo {
        position: static;
        flex: 0 0 auto;
        margin: 2rem 0 0;
        order: 3;
    }

    /*ani home*/
    .solutions-list .m-title {
        font-size: 3.2rem;
    }
    .ani-container { transform: scale3d(.7,.7,.7) translate3d(-15%,0,0) }
    .ani-to-left .ani-container { transform: scale3d(.7,.7,.7) translate3d(15%,0,0) }
    .solutions-start .ani-container { transform: none }

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

    /*layout*/
    .main-container { padding: 4rem 0 0 }
    .site-main { margin-bottom: 4rem }

    /*header*/
    .header { height: 4rem }
    .header .menu-header-menu-container { margin-right: 4rem }
    .header .main-nav { margin-right: -1rem }
    #menu-header-menu li { padding: 0 0 0 1rem }

    /*hero*/
    .hero { margin-top: -4rem }
    .hero-bg:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 6rem;
        background: linear-gradient(to bottom, rgba(0,0,0,.75), rgba(0,0,0,0));
    }
    .hero.home .hero-content {
        font-size: 2.5rem;
        font-weight: 700;
    }

    /*Menu*/
    .main-nav-wrapper { max-width: calc(100vw - 2rem) }
    .main-nav-wrapper .top-bar {
        height: 4rem;
        padding: 0;
    }
    .main-nav-scroll { max-height: calc(100vh - 4rem) }
    .menu-btn-close .label { display: none }
    .menu-full-menu-container { margin-bottom: 2rem }
    .menu-full-menu-container .menu > li > a {
        font-size: 28px;
    }
    .menu-full-menu-container .menu > li.active > a:before,
    .menu-full-menu-container .menu > li > a:hover:before { width: 1.2rem }
    .menu-full-menu-container .sub-menu > li > a {
        padding: .5rem 1rem;
        min-height: 3rem;
        height: auto;
    }

    /*title*/
    .title {
        font-size: 2.5rem;
        left: 0;
    }
    .m-title {
        font-size: 2rem;
        left: 0;
    }
    .has-huge-font-size { font-size: 2.5rem }

    /*fold*/
    .fold .container { font-size: 1rem }

    /*home*/
    /*Nós*/
    .nos.fold .bg {
        width: 100vw;
        left: calc(50% - 50vw);
        transform: none;
    }
    .people {
        transform-origin: center;
        transform: scale(.4) translate3d(0,50%,0);
        height: 100%;
    }
    .people li.i1,
    .people li.i2,
    .people li.i3,
    .people li.i4,
    .people li.i10,
    .people li.i13 { display: none }
    .people li.i5 { right: -58% }
    .people li.i6 { right: -90% }
    .people li.i9 { right: -66% }
    .people li.i11 { left: 77% }
    /*Blog*/
    .insights-home.fold { margin: 0 0 2rem }
    .insights-container {
        padding: 0 0 0 4rem;
    }
    .insights-logo {
        margin: 0 0 0 -4rem;
    }
    .insights-container .title { font-size: 2.5rem }
    /*Solutions*/
    .solutions-list li,
    .solutions-list li:nth-child(even) {
        text-align: unset;
        padding: 0
    }
    .solutions-list .container { padding-top: 12rem }
    .solutions-list .container.no-title { padding-top: 16rem }
    /*Clientes*/
    .clients-carousel {
        padding: 1rem 0 0;
    }
    .clients-list { margin-bottom: 2rem }
    .clients-list li { width: 60% }
    .clients-list li .in { padding: 1rem }
    .testimonials {
        padding: 0 2rem;
        max-width: 100vw;
        left: 50%;
        transform: translate3d(-50%,0,0);
    }
    .testimonials:after { z-index: -1 }

    /*Blocks*/
    /*Contato*/
    .talk-container {
        display: block;
    }
    .talk-mobile { display: block }
    .talk-open-form {
        margin: -1rem 0 2rem;
        color: var(--gray);
        background: var(--gray-lighter)
    }
    .talk-open-form:hover { background: var(--gray-light) }
    .talk-form .wpcf7 { display: none }
    .talk-form.open .talk-mobile { display: none }
    .talk-form.open .wpcf7 {
        display: block;
        margin-bottom: 3rem;
    }
    .talk-videoask {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        background: var(--gray-lighter);
        border-radius: .5rem;
        padding: 1rem 6rem 1rem 1rem;
        margin-bottom: 2rem;
        min-height: 9rem;
    }
    .talk-videoask .message {
        margin: 0;
        text-align: left;
    }
    .talk-videoask .videoask-code {
        position: absolute;
        top: -1rem;
        right: 0;
        bottom: -1rem;
        width: 6rem;
    }
    .talk-videoask .sample {
        border-radius: .5rem;
        background: var(--gray-light);
    }
    .talk-extras { padding-top: 2rem }
    .talk-extras ul { display: block }
    .talk-extras ul.routes { margin-top: 1rem }
    .talk-extras ul.routes li.i { padding: 0 .5rem .5rem }
    .talk-extras .routes li:before { display: none }

    /*footer */
    .footer-container { padding: 1rem }
    .footer .plano-data .p { margin-bottom: .5rem }
    .footer .plano-contato a,
    .footer .plano-filiais a {
        display: block;
        padding: .5rem;
        border-radius: .25rem;
        border: 1px solid var(--gray-lighter)
    }

    /*entry*/
    .entry h1,
    .entry h2,
    .entry h3 { font-size: 2rem }
    .entry h1 { font-weight: 700 }
    .entry > ul li,
    .entry > ol li { margin-bottom: 1rem }
    .entry h2.counter { padding-left: 3rem }
    .entry h2.counter:before { font-size: 3rem }

    /*page-title*/
    .page-title h1 { font-size: 2rem }

    /*blog*/
    .insights-logo-svg {
        width: 3rem;
        height: 7rem;
    }
    .blog-title {
        padding-left: 4rem;
        grid-template: auto / 1fr;
        grid-gap: .5rem;
    }
    .featured-hero:before { padding-top: 60% }
    .featured-tag { display: none }
    .featured-meta {
        margin: -2rem 0 1rem 1rem;
        padding: .5rem 1rem 0 1rem;
    }
    .featured-title { margin: 0 1rem 2rem }
    .featured-title h2 { font-size: 2rem }
    .featured-content { margin: 0 1rem }
    .insights-home.-mais-lidos { display: block }
    .post-link { display: block }
    .post-thumb {
        display: block;
        margin: 0 0 .5rem
    }
    .post-title { margin-bottom: 1rem }
    .cats-blog { display: block }
    .cat-list li { width: auto }
    .cat-list a {
        height: 4rem;
        white-space: nowrap;
    }

    /*certs*/
    .cert-logo { height: 3rem }
    .cert-logo img { max-height: 3rem }
    .cert-name {
        font-size: .75rem;
        text-align: center;
    }

    /*Animations*/
    .solutions-list .m-title { font-size: 2rem }
    .solutions-list li {
        justify-content: flex-end;
        margin-bottom: 3rem;
        min-height: 60vh;
    }
    .ani-container {
        transform: scale3d(.4,.4,.4) translate3d(-45%,10%,0);
        transform-origin: center top;
        top: -10%;
    }
    .ani-to-left .ani-container { transform: scale3d(.4,.4,.4) translate3d(45%,10%,0) }
    .solutions-start .ani-container {
        top: 0;
        transform: scale3d(.7,.7,.7) translate3d(0,20%,0);
    }
    .solutions-start .ani-stage {
        width: 100%;
        margin: 0;
    }

    /*vagas*/
    .vaga-scroll {
        padding: 0;
        max-height: calc(100vh - 17rem);
    }
    .vaga-action { padding-top: 1rem }
    .vaga-wrapper { padding: 1rem }

}