/*
Theme Name: Kyros 2.0
Theme URI: http: //www.kyros.com.br
Description: A brief description.
Version: 1.0
Author: Kyros
Author URI: http://www.kyros.com.br
test
*/

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c|Open+Sans|Titillium+Web");
body, html {
    width: 100%;
    height: 100%;
}

.justify {
    text-align: justify;
}

body {
    font-family: 'Segoe UI', sans-serif;
    overflow-x: hidden
}

hr {
    max-width: 130px;
    border-width: 3px;
    border-color: #404040;
}

hr.light {
    border-color: #fff;
}

a {
    color: #404040;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

a:hover {
    color: #404040;
}

.bg-primary {
    background-color: #404040 !important;
}

.bg-dark {
    background-color: #212529 !important;
}

.text-faded {
    color: rgba(255, 255, 255, 0.7);
}

.section-heading {
    margin-top: 35px;
}

::-moz-selection {
    color: #fff;
    background: #212529;
    text-shadow: none;
}

::selection {
    color: #fff;
    background: #212529;
    text-shadow: none;
}

img::selection {
    color: #fff;
    background: transparent;
}

img::-moz-selection {
    color: #fff;
    background: transparent;
}

.img-120 {
    width: 120px;
}

.img-160 {
    width: 160px;
}

.img-150 {
    width: 150px;
}

.img-200 {
    width: 200px;
    height: 200px;
}

.img-220 {
    width: 220px;
}

.img-240 {
    width: 240px;
}

.img-180 {
    width: 180px;
}

.img-450 {
    width: 450px;
}

.blue-button-custom {
    border-radius: 0px !important;
    background-color: #61A6EA;
    color: #FAFAFA;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    position: relative;
    bottom: 36px;
}

.blue-button {
    border-radius: 0px !important;
    background-color: #61A6EA;
    color: #FAFAFA;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

.orange-button {
    border-radius: 0px !important;
    background-color: #F7B924;
    color: #FAFAFA;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

.green-button {
    border-radius: 0px !important;
    background-color: #61EAA0;
    color: #FAFAFA;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

.mt-13 {
    margin-top: 13px !important;
}

.mt-20 {
    margin-top: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-30 {
    margin-bottom: 30px;
}

.card-products {
    box-shadow: 3px 2px 6px #d9d7d7;
    border-radius: 5px;
    width: 210px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}

.card-case-sucesso {
    box-shadow: 3px 2px 6px #d9d7d7;
    border-radius: 5px;
    background-color: #ffffff;
}

.card-infografico {
    padding: 10px;
    width: 250px;
    height: 210px;
    background-color: #EDF3FC;
}

.card-infografico-card {
    padding: 10px;
    width: 265px;
    height: 275px;
    background-color: #EDF3FC;
    margin-left: 10px;
}

.card-valores {
    box-shadow: 3px 2px 6px #d9d7d7;
    border-radius: 5px;
    width: 250px;
    height: 210px;
    background-color: #ffffff;
}

.card-valores-blog {
    box-shadow: 3px 2px 6px #d9d7d7;
    border-radius: 5px;
    width: 290px;
    background-color: #ffffff;
}

.card-categorias {
    box-shadow: 3px 2px 6px #d9d7d7;
    border-radius: 5px;
    width: 180px;
    height: 180px;
    background-color: #ffffff;
}

.light-grey-bg {
    background-color: #FAFAFA;
}

.flex-content {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.card-academia-blue {
    width: 200px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #8B5CDD;
    color: #FAFAFA;
}

.card-academia-grey {
    width: 200px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F5F5F5;
    color: #5D666C;
}

.card-servico {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FAFAFA;
}

.align {
    display: inline-block;
    vertical-align: middle;
}

.align-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.align-left {
    display: flex;
    align-items: center;
    justify-content: left;
}

.card-servico h3:hover, .card-servico:hover h3 {
    color: #fac326;
    font-size: 29px;
    text-decoration: none;
}

.card-servico a:hover {
    text-decoration: none
}

.service-box a:hover {
    text-decoration: none
}

.card-servico-novo {
    width: 20vw;
    height: 45vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FAFAFA;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-15 {
    margin-top: 15px !important;
}

.footer {
    background-color: #ffffff;
    padding-bottom: 0;
}

.social-footer {
    border-radius: 20%;
    background: #38672b;
    margin-right: 4px;
}

.text-light-white {
    color: #FAFAFA;
}

.witdh-40 {
    width: 40px;
}

.mrl-5 {
    margin-right: 5px;
    margin-left: 5px;
}

.font-20 {
    font-size: 20px;
}

.th-no-border-top {
    border-top: 0px;
}

/* .navbar-kyros {
    background: #ffffff;
    box-shadow: 0px 1px 10px #1010101f;
} */

form {
    margin: 2em 0;
}

.container {
    max-width: 1240px !important;
}

/**
* Make the field a flex-container, reverse the order so label is on top.
*/

.field {
    display: flex;
    flex-flow: column-reverse;
    margin-bottom: 1em;
}

/**
* Add a transition to the label and input.
* I'm not even sure that touch-action: manipulation works on
* inputs, but hey, it's new and cool and could remove the 
* pesky delay.
*/

label, input {
    transition: all 0.2s;
    touch-action: manipulation;
}

label, textarea {
    transition: all 0.2s;
    touch-action: manipulation;
}

input {
    font-size: 1.5em;
    border: 0;
    border-bottom: 1px solid #ccc;
    font-family: inherit;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 0;
    cursor: text;
}

textarea {
    font-size: 1.5em;
    border: 0;
    border-bottom: 1px solid #ccc;
    font-family: inherit;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 0;
    cursor: text;
}

input:focus {
    outline: 0;
    border-bottom: 1px solid #666;
}

textarea:focus {
    outline: 0;
    border-bottom: 1px solid #666;
}

label {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/**
* Translate down and scale the label up to cover the placeholder,
* when following an input (with placeholder-shown support).
* Also make sure the label is only on one row, at max 2/3rds of the
* field—to make sure it scales properly and doesn't wrap.
*/

input:placeholder-shown+label {
    cursor: text;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left bottom;
    transform: translate(0, 2.125rem) scale(1.5);
}

textarea:placeholder-shown+label {
    cursor: text;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left bottom;
    transform: translate(0, 2.125rem) scale(1.5);
}

/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/

::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit;
}

/**
* Show the placeholder when the input is focused.
*/

input:focus::-webkit-input-placeholder {
    opacity: 1;
}

textarea:focus::-webkit-input-placeholder {
    opacity: 1;
}

/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/

input:not(:placeholder-shown)+label, input:focus+label {
    transform: translate(0, 0) scale(1);
    cursor: pointer;
}

textarea:not(:placeholder-shown)+label, textarea:focus+label {
    transform: translate(0, 0) scale(1);
    cursor: pointer;
}

.font-13 {
    font-size: 13px;
}

.text-dark-grey {
    color: #101010;
}

header.parede-kyros {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 56px);
    background-image: url('<?php echo get_template_directory_uri()."/img/parede_kyros.png"?>');
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#6357 {
    font-size: 60px;
}

header.parede-kyros hr {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #ffffff;
    border-color: white !important;
}

header.parede-kyros h1 {
    font-size: 2rem;
}

header.parede-kyros p {
    font-weight: 300;
}

@media (min-width: 768px) {
    header.parede-kyros p {
        font-size: 1.15rem;
    }
}

@media (min-width: 992px) {
    header.parede-kyros {
        height: 100vh;
        min-height: 650px;
        padding-top: 0;
        padding-bottom: 0;
    }
    header.parede-kyros h1 {
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    header.parede-kyros h1 {
        font-size: 4rem;
    }
}

header.fabrica-testes {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 56px);
    background-blend-mode: overlay;
    background-color: rgba(36, 36, 36, 0.8);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

header.fabrica-testes hr {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #ffffff;
    border-color: #ffffff;
}

header.fabrica-testes h1 {
    font-size: 2rem;
}

header.fabrica-testes p {
    font-weight: 300;
}

@media (min-width: 768px) {
    header.fabrica-testes p {
        font-size: 1.15rem;
    }
}

@media (min-width: 992px) {
    header.fabrica-testes {
        height: 100vh;
        min-height: 650px;
        padding-top: 0;
        padding-bottom: 0;
    }
    header.fabrica-testes h1 {
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    header.fabrica-testes h1 {
        font-size: 4rem;
    }
}

.font-12rem {
    font-size: 1.2rem;
}

.font-075rem {
    font-size: 0.75rem;
}

.img-valores {
    width: 7rem;
    position: relative;
}

.mt-10 {
    margin-top: 10px;
}

.laranja-bg {
    background-color: #F4CD70;
}

.ice-bg {
    background-color: #FDFAFA;
}

.section-1rem {
    padding: 1rem 0;
}

.section-3rem {
    padding: 3rem 0;
}

.section-5rem {
    padding: 5rem 0;
}

.section-6rem {
    padding: 6rem 0;
}

.section-11rem {
    padding: 11rem 0;
}

.mt-50 {
    margin-top: 50px;
}

.img-100 {
    width: 100px;
}

.pt-30 {
    padding-top: 30px;
}

.plr-10 {
    padding-left: 10%;
    padding-right: 10%;
}

.plr-15 {
    padding-left: 15%;
    padding-right: 15%;
}

.pad-90 {
    min-height: 325px;
    max-height: 325px;
    /*padding: 90px;*/
}

.subtitle-text-blog {
    margin-top: 15px;
    font-size: 1.7rem;
    font-weight: bolder;
}

.img-full-width {
    width: 100%;
}

.img-full-width-categorias {
    width: 100%;
    height: 120px;
}

.footer-blog-avatar {
    padding-right: 11.3%;
    padding-left: 11.3%;
}

.img-85 {
    width: 85px;
}

.search {
    width: 100%;
    position: relative;
}

.searchTerm {
    float: left;
    width: 100%;
    border: 2px solid #00B4CC;
    padding: 15px;
    height: 20px;
    border-radius: 5px;
    outline: none;
    color: #9DBFAF;
    font-size: 14px;
}

.searchTerm:focus {
    color: #00B4CC;
}

.searchButton {
    position: absolute;
    right: -40px;
    height: 35px;
    border: 1px solid #00B4CC;
    background: #00B4CC;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
}

.text-left {
    text-align: left;
}

.pointer {
    cursor: pointer;
}

/*Resize the wrap to see the search bar change!*/

.wrap {
    width: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg-medium-grey {
    background-color: #F8F8F8;
}

.pt-50 {
    padding-top: 50px;
}

#mainNav {
    border-bottom: 1px solid rgba(33, 37, 41, 0.1);
    /* background-color: #fff; */
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#mainNav .navbar-brand {
    font-weight: 700;
    text-transform: uppercase;
    color: #404040;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
    color: #00ff3a;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
    font-size: .9rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    padding: 14px;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover {
    color: #0069d1;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active {
    color: #0069d1 !important;
    background-color: transparent;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover {
    background-color: transparent;
}

@media (min-width: 992px) {
    #mainNav {
        border-color: transparent;
        /* background-color: #fff; */
    }
    #mainNav .navbar-brand {
        color: #404040;
    }
    #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
        color: rgba(255, 255, 255, 0.7);
    }
    #mainNav .navbar-nav>li.nav-item>a.nav-link {
        padding: 0.5rem 1rem;
    }
    #mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
        color: #ffffff;
    }
    #mainNav .navbar-nav>li.nav-item>a.nav-link:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover {
        color: #00ff3a;
    }
    #mainNav.navbar-shrink {
        border-bottom: 1px solid rgba(33, 37, 41, 0.1);
        background-color: #2b5a11e0;
    }
    #mainNav.navbar-shrink .navbar-brand {
        color: #404040;
    }
    #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
        color: #ffffff;
    }
    #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link, #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus {
        color: #ffffff;
    }
    #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover, #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover {
        color: #c7c7c7;
    }
}

header.masthead {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 56px);
    background-blend-mode: overlay;
    background-color: rgba(36, 36, 36, 0.8);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

header.masthead hr {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #ffffff;
    border-color: #ffffff !important;
}

header.masthead h1 {
    font-size: 2rem;
}

header.masthead p {
    font-weight: 300;
}

@media (min-width: 768px) {
    header.masthead p {
        font-size: 1.15rem;
    }
}

@media (min-width: 992px) {
    header.masthead {
        height: 100vh;
        min-height: 650px;
        padding-top: 0;
        padding-bottom: 0;
    }
    header.masthead h1 {
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    header.masthead h1 {
        font-size: 4rem;
    }
}

.service-box {
    max-width: 400px;
}

.service-box-text {
    max-width: 400px;
    max-height: 100px;
}

.style-service {
    background-repeat: round;
    width: 20vw;
    height: 40vh;
}

.texth4 {
    font-size: 1.5rem;
}

.portfolio-box {
    position: relative;
    display: block;
    max-width: 650px;
    margin: 0 auto;
}

.portfolio-box .portfolio-box-caption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    background: rgba(73, 80, 87, 0.9);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

.portfolio-box:focus {
    outline: none;
}

@media (min-width: 768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}

.text-primary {
    color: #404040 !important;
}

.btn {
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 300px;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.btn-xl {
    padding: 1rem 2rem;
}

.btn-primary {
    background-color: #404040;
    border-color: #404040;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #fff;
    background-color: #333333 !important;
}

.btn-primary:active, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important;
}

.show-comments-facebook>* {
    display: none;
    visibility: hidden;
}

.show-comments-facebook>.heateor_ffc_facebook_comments, .show-comments-facebook>.heateorFfcClear, .show-comments-facebook>.heateorFfcClear {
    display: block !important;
    visibility: visible !important;
}

.hide-comments-facebook>* {
    display: block;
    visibility: visible;
}

.hide-comments-facebook>.heateor_ffc_facebook_comments, .hide-comments-facebook>.heateorFfcClear, .hide-comments-facebook>.heateorFfcClear, .hide-comments-facebook>style {
    display: none !important;
    visibility: hidden !important;
}

.vertical-align {
    width: 100%;
    position: relative;
    display: none;
    top: 30%;
}

@media screen and (min-width: 768px) {
    .vertical-align {
        width: 12px !important;
        position: fixed !important;
        display: block !important;
    }
}

.vertical-align-mobile {
    display: block;
}

@media screen and (min-width: 768px) {
    .vertical-align-mobile {
        display: none !important;
    }
}

.img-full-width-blog {
    width: 100%;
    height: auto;
}

@media screen and (min-width: 768px) {
    .img-full-width-blog {
        height: 60vh;
    }
}

@media screen and (max-width: 512px) {
    .img-full-width-blog {
        height: 40vh;
    }
}

.hr-blog {
    max-width: 100% !important;
    width: 25%;
    border-width: 1px !important;
}

.card-infografico-blog {
    position: sticky;
}

.wrap-blog {
    width: 80%;
    position: relative;
    right: -1%;
}

.city-container {
    box-sizing: unset !important;
    min-width: 100%;
    max-width: 100%;
}

.post-week {
    display: table;
    height: 100%;
}

.post-week spam {
    color: white;
    width: 20%;
    display: table-cell;
    vertical-align: top;
    font-weight: bold;
    font-size: 23px;
    padding: 8px;
}

.post-week h1 {
    display: table-cell;
    vertical-align: middle;
}

.post-week h1>a {
    color: white;
    justify-content: center;
    font-size: 0.5rem;
}

@media screen and (min-width: 768px) {
    .post-week h1>a {
        color: white;
        justify-content: center;
        font-size: 2.5rem;
    }
}

.card-infografico-blog-main {
    height: 100%;
    position: absolute;
}

.search-div {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -30px;
}

.info-grafo-div {
    height: 250px;
    position: relative;
    display: flex;
    justify-content: center;
    margin-left: 29px;
    margin-top: 27px;
}

.mt-70 {
    margin-top: 70px !important;
}

.background {
    background-blend-mode: overlay;
    background: rgba(36, 36, 36, 0.8) round;
}

.text-card {}

.title-insta {
    margin-left: 24px;
    font-size: 22px;
    font-weight: bold;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    left: -50px;
    position: relative;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    right: -50px;
    position: relative;
}

#carouselMais>a.carousel-control-prev>span.carousel-control-prev-icon.postLidos {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#FFF' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    margin-right: 75px;
}

#carouselMais>a.carousel-control-next>span.carousel-control-next-icon.postLidos {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#FFF' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    margin-left: 75px;
}

.cursor {
    cursor: pointer;
}

.translate-link {
    display: flex;
}

.translate-link.en .language-en {
    color: #e62f2f;
}

.translate-link.pt .language-pt {
    color: #e62f2f;
}

.blog-post-thumbnail {
    box-shadow: 4px 4px 8px 0px #424242;
    opacity: 0.35;
}

.mb-80 {
    margin-bottom: 80px;
}

.sectionBack {
    background: #f7f7f7;
    min-height: 88vh;
}

.styleButton {
    background: #cacaca;
    box-shadow: 2px 3px 4px #d2c9c9;
}

.emailConteudo input {
    font-size: 14px;
    width: 250px;
    margin-bottom: 21px;
}

.maisLidos {
    display: table;
}

.maisLidos span {
    color: #fff;
    display: table-cell;
    font-weight: bold;
    vertical-align: top;
}

/*
Pagination start
*/

ul.page-numbers {
    list-style: none;
    margin: 0;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a, .page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #888;
}

.page-numbers a span {
    padding: 0
}

.page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover {
    color: #000;
    background: #f7f7f7;
    text-decoration: none;
}

.button {
    background: #4E9CAF;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
}

.blog-post-meta {
    font-size: 11px;
    margin-top: 10px;
}

.blog-post-title {
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}

.teste3 {
    position: relative;
    top: 0;
    padding: 4px;
    background-color: #cf6;
    transition: all .2s ease-in-out
}

.teste3:hover {
    top: -4px;
    box-shadow: 0 4px 3px #999
}

.page-numbers:hover {
    text-decoration: none
}

/*
Pagination end
*/

img#anima {
    position: fixed;
    width: 6%;
    height: 20%;
    padding-top: 0px;
    right: 0%;
    margin-right: -10px;
    top: 55px;
}

.max-width {
    max-width: 600px;
}

.pa-1010 {
    padding: 20px 0 30px 0;
}

.font-5vw {
    font-size: 3vw !important;
}

.justify {
    text-align: justify;
}

.align-number {
    padding-left: 48px !important;
}

.pos-img-cafes {
    position: relative;
    bottom: 25px;
}

/* align-center-mobile */

.align-center-mobile {
    text-align: right;
}

@media only screen and (max-width: 512px) {
    .align-center-mobile {
        text-align: center !important;
    }
}

@media only screen and (max-width: 768px) {
    .maisLidos {
        height: 200px;
    }
    .carousel-inner-home {
        height: 100vh;
    }
    .align-number {
        position: relative;
        left: 13px;
    }
    .search-div {
        margin-top: 0px !important;
    }
    .searchTerm {
        margin-left: -15px;
    }
    .searchButton {
        right: 0px !important;
    }
    .info-grafo-div {
        height: 210px;
        margin-left: -30px !important;
    }
    .card-infografico {
        width: 220px;
    }
    .post-week h1>a {
        font-size: 20px;
    }
    #visao>div>div>div.col-lg-8.col-md-8.col-sm-12>div>h1 {
        line-height: 22px;
    }
    #visao>div>div>div.col-lg-8.col-md-8.col-sm-12>div>spam {
        line-height: 16px;
        font-size: 15px;
        margin-left: 29px;
    }
    .align-left {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #carouselMais>div>div>div>div>div>h1 {
        line-height: 16px;
    }
    #maislidos>div>div>div.col-lg-4.col-sm-12>div:nth-child(1)>div {
        width: 100%;
    }
    #o-que-fazemos>div>div>div.col-lg-8.col-md-8.col-sm-12>div>div {
        width: 50%;
        height: 150px;
        padding-bottom: 30px;
    }
    #o-que-fazemos>div>div>div.col-lg-8.col-md-8.col-sm-12>div>div>div>a>div {
        width: 150px !important;
        height: 123px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    #o-que-fazemos>div>div>div.col-lg-4.col-md-4.col-sm-12.pt-30>div {
        padding-bottom: 30px;
    }
    #academia>div:nth-child(2)>div>div.col-lg-3>div>div>img {
        width: 150px;
    }
    #academia>div:nth-child(2)>div>div.col-lg-9>div {
        height: 375px;
    }
    #video_institucional>div>div>div>p>iframe {
        width: 90%;
        height: 300px;
    }
    .cafes {
        position: relative;
        bottom: 50px;
        width: 50%;
        left: 5%;
    }
    .pos-img-cafes {
        position: relative;
        top: 10%;
    }
    .pos-img-code {
        right: 70%;
        position: relative;
        bottom: 10px;
    }
    .linhas-codigo {
        position: relative;
        left: 45%;
        width: 223px;
        bottom: 90px;
    }
    .experiencia {
        position: relative;
        bottom: 130px;
        width: 60%;
        left: 3%;
    }
    .pos-img-user {
        position: relative;
        bottom: 49px;
        right: 1%;
    }
    .pos-img-home {
        position: relative;
        bottom: 90px;
        right: 70%;
    }
    .consultoria {
        position: relative;
        left: 51%;
        width: 200px;
        bottom: 170px;
    }
    .height-curi {
        height: 280px;
    }
    .text-promover {
        position: relative;
        width: 64%;
        left: 130px;
    }
    .h4-custom {
        font-size: 17px;
        position: relative;
        bottom: 129px;
    }
    h5 {
        font-size: 1.1rem;
    }
    #servico>div.container-fluid>div>div>div>div:nth-child(1)>div>div {
        margin-left: 15px;
    }
    #o-que-fazemos>div>div>div.col-lg-4.col-md-4.col-sm-12.pt-30>div>div>h5:nth-child(2) {
        text-align: justify;
        font-family: "Times New Roman", Times, serif;
    }
    #academia>div:nth-child(2)>div>div.col-lg-9>div>div>div>div>h3 {
        font-size: 20px !important;
    }
    #academia>div:nth-child(2)>div>div.col-lg-9>div>div>div>div>h3 {
        font-size: 20px !important;
    }
    #academia>div:nth-child(2)>div>div.col-lg-9>div>div:nth-child(6)>div>div>h3>span {
        font-size: 20px !important;
    }
    #post-6618>section:nth-child(4)>div>div>div.col-lg-4.col-sm-12>div:nth-child(1)>div>div>div>input {
        position: relative;
        left: 31px;
    }
    #post-6618>section:nth-child(4)>div>div>div.col-lg-4.col-sm-12>div:nth-child(1)>div>div>div>button {
        position: relative;
        left: 235px;
        top: -35px;
    }
    #post-6618>section:nth-child(4)>div>div>div.col-lg-4.col-sm-12>div:nth-child(2)>div {
        position: relative;
        left: 18px;
    }
    #missao>div>div>div.col-lg-4.text-center {
        width: 70%;
        text-align: center;
    }
    .image-radius {
        width: 90px;
    }
    .subtitle-text-blog {
        font-size: 1.2rem;
        font-weight: bolder;
        margin-top: 5px;
        text-align: center;
    }
    .carousel-control-prev-icon {
        left: 0px;
        position: relative;
    }
    .carousel-control-next-icon {
        right: 0px;
        position: relative;
    }
    #missao>div.container.mt-15>div>div:nth-child(1) {
        width: 30%;
    }
    #missao>div>div>div.col-lg-4.text-center {
        width: 30%;
    }
    #missao>div>div>div.col-lg-4.text-center {
        width: 50%;
    }
    .he-150 {
        height: 150px;
    }
    #servico>div.container-fluid>div>div>div>div>div>div {
        height: 23vh;
    }
    #posts-blog>div>div>div.col-lg-12.col-md-12.col-sm-12.col-xs-12.text-center>div>article>div>div.blog-post-thumb-container.col-lg-12>div>img {
        width: 95%;
    }
    .style-custom-footer {
        display: none;
        visibility: hidden;
    }
    .align-center-sm {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .font-text {
        text-align: justify;
    }
    .image-background {
        height: auto !important;
    }
    .img-160 {
        margin-left: 20px;
    }
    .section-11rem {
        padding: 2rem 0
    }
    .pt-30 {
        padding-top: 0px;
    }
}

@media only screen and (max-width: 400px) {
    .laranja-bg {
        width: 107%;
    }
    .height-410 {
        height: 410px;
    }
}

@media only screen and (max-width: 570px) {
    .card-academia-blue {
        width: 165px;
        height: 100px;
    }
    .card-academia-grey {
        width: 165px;
        height: 100px;
    }
    .mobile {
        width: 50%;
    }
    .billing {
        width: 50%;
    }
    .crm {
        width: 50%;
    }
    .portais {
        width: 50%;
    }
    .business {
        width: 50%;
    }
    .metodologia {
        width: 50%;
    }
    .ibm {
        position: relative;
        bottom: 30px;
        right: 25%;
    }
    .microsoft {
        position: relative;
        bottom: 160px;
        left: 47%;
        width: 50px;
    }
    .tech {
        position: relative;
        bottom: 152px;
        right: 24%;
    }
    .fapemig {
        position: relative;
        bottom: 325px;
        left: 48%;
        width: 50px;
    }
    .finep {
        position: relative;
        bottom: 360px;
        right: 20%;
    }
    .sebrae {
        position: relative;
        bottom: 506px;
        left: 49%;
        width: 50px;
    }
    .height-410 {
        height: 410px;
    }
}

.image-radius {
    border-radius: 50%;
    width: 110px;
    height: 110px;
}

.image-background {
    border-radius: 5px;
    background-image: url("./img/fundo-da-assinatura.jpg");
    height: 180px;
}

.font-text {
    font-family: Futura Md -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.style-custom-footer {
    position: relative;
    text-align: left;
    margin-top: -68px;
    top: 48px;
    color: #fff
}

.style-color {
    color: rgb(185, 183, 183);
}

.custom-title {
    font-size: 40px;
    font-weight: bold;
    position: relative;
    bottom: 210px;
    color: #fff;
}

@media only screen and (max-width: 570px) {
    .custom-title {
        font-size: 23px;
        font-weight: bold;
        position: relative;
        bottom: 210px;
    }
}

div.vertical-line {
    width: 10px;
    background-color: #fac326;
    height: 100%;
    float: left;
    margin: 15px
}

.cta-btn {
    width: max-content;
    border-left: 8px solid #fac326;
    border-right: 8px solid #fac326;
    height: 40px;
    transition: all ease 0.3s;
    background-color: #fac326;
    border-radius: 14px;
}

.cta-btn:hover {
    color: white;
    background-color: #ffd45e !important;
    transform: scale(1.04);
    border-left: 8px solid #ffd45e !important;
    border-right: 8px solid #ffd45e !important;
}

.cta-btn:active, .cta-btn:focus {
    box-shadow: none !important;
    border-left: 8px solid #333333;
    border-right: 8px solid #333333;
}

.cta-btn-white {
    text-transform: none;
    width: max-content;
    border-left: 8px solid white;
    border-right: 8px solid white;
    height: 40px;
    transition: all ease 0.3s;
    background-color: white;
    color: #ffd45e;
    border-radius: 14px;
}

.cta-btn-white:hover {
    color: #ffd45e !important;
    border-left: 8px solid white !important;
    border-right: 8px solid white !important;
    background-color: white !important;
    transform: scale(1.04);
}

.cta-btn-white:active, .cta-btn-white:focus {
    box-shadow: none !important;
    border-left: 8px solid #333333;
    border-right: 8px solid #333333;
}

.section-text {
    font-size: 19px;
    letter-spacing: 0.5px;
    line-height: 26px;
}

.black-filter {
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.3;
    z-index: 0;
    transition: all ease 0.3s;
}

.black-filter:hover {
    opacity: 0.5;
}

.spaced {
    letter-spacing: 1.5px;
}

/*.carousel-indicators li {
    background-color: rgb(255, 224, 136);
}
*/

.carousel-indicators .active {
    background-color: #194500;
}

.card-valores-alt {
    box-shadow: 3px 2px 6px #d9d7d7;
    border-radius: 5px;
    width: 200px;
    height: 210px;
    background-color: #ffffff;
}

.link-nao-sou {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    cursor: pointer !important;
    text-decoration: underline !important;
}

.image-tecnologia {
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("./img/tecnologia.jpg");
}

@media only screen and (max-width: 374px) {
    .image-tecnologia {
        height: 370px;
        background-image: url("./img/tecnologia2.jpg");
    }
}

@media only screen and (max-width: 424px) and (min-width: 321px) {
    .image-tecnologia {
        height: 450px;
        background-image: url("./img/tecnologia2.jpg");
    }
}

@media only screen and (max-width: 767px) and (min-width: 376px) {
    .image-tecnologia {
        height: 530px;
        background-image: url("./img/tecnologia2.jpg");
    }
}

@media only screen and (max-width: 1023px) and (min-width: 426px) {
    .image-tecnologia {
        height: 250px;
        background-image: url("./img/tecnologia.jpg");
    }
}

/*@media only screen and (max-width: 1439px) and (min-width: 769px) {

  .image-tecnologia {
    height:370px; 
    background-image: url("./img/tecnologia.jpg");
  }
}

*/

.videokyros {
    height: 400px;
    width: 60%;
}

@media only screen and (max-width: 767px) {
    .videokyros {
        height: 200px;
        width: 100%;
    }

    #qlwapp.qlwapp-middle-right, #qlwapp.qlwapp-bottom-right {
        transform: translateX(-50%);
    }
}

.img-quem-somos {
    background-image: url('./img/teste.png');
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-position: center;
    height: 400px;
    background-blend-mode: overlay;
    background-color: rgba(36, 36, 36, 0.6);
}

.text-right {
    text-align: right;
}

.img-footer {
    background-image: url('./img/teste.png');
    background-repeat: no-repeat;
}

.myButton {
    background-color: #778f3c;
    border-radius: 28px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 17px;
    padding: 16px 31px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

#wpforms-submit-8071 {
    background-color: #A7BB07;
    border-radius: 10px;
    border: 1px solid #cccccc;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 17px;
    padding: 16px 31px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

#wpforms-submit-8071 {
    background-color: #98ab04;
    color: #ffffff;
}

.myButton:hover {
    background-color: transparent;
    color: #fff;
}

.myButton:active {
    position: relative;
    top: 1px;
}

.myButton1 {
    border-radius: 28px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 17px;
    padding: 16px 31px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

.myButton1:hover {
    background-color: #778f3c;
    color: #fff;
}

.myButton1:active {
    position: relative;
    top: 1px;
}

.display-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -22%;
}

.display-flex-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-fluid-2 {
    max-width: 67%;
    height: auto;
}

.button-compra {
    background-color: #A7BB07;
    border-radius: 10px;
    border: 1px solid #cccccc;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 17px;
    padding: 16px 31px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

.button-compra:hover {
    background-color: #98ab04;
    color: #ffffff;
}

.button-compra:active {
    position: relative;
    top: 1px;
}

.align-center-vertical {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.back-img-local {
    background-image: url("./img/design.png");
    background-repeat: repeat-x;
}

#visao {
    background: #f3f3f3;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 98%, 0 50%);
}

/* url('<?php echo get_template_directory_uri() . '/img/tecnologia.jpg' ?>')" */

#quem-somos {
    height: auto;
    background-size: cover;
}

#nossos-produtos .container, #nossos-produtos h1.section-heading {
    text-align: center !important;
}

.navbar-shrink img {
    height: 48px;
    width: auto;
    margin-top: 5px;
}

button.navbar-toggler.navbar-toggler-right {
    margin-right: 17px;
    background: #a5bf0026;
    border: 2px solid #ffffff;
}

.navbar-shrink .container {
    background-color: #232900;
}

.navbar-shrink span.navbar-toggler-icon {
    filter: invert(1);
}

@media only screen and (max-width: 993px) {
    .navbar-shrink li.nav-item:last-child {
        border: none;
    }
    
    .navbar-shrink li.nav-item {
        border-bottom: 1px solid #90a900;
        text-align: center;
    }
    
    .navbar-shrink div#navbarResponsive {
        padding: 4px 0;
        background: #566500;
    }
}

span.navbar-toggler-icon {
    filter: invert(1);
}