@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i,900,900i&display=swap');

@font-face {
    font-family: 'Roboto', sans-serif;
}

body {
    background-image: url('../img/background.svg');
    padding-top: 70px;
    color: #3E3E3E;
    font-size: 0.875rem;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-top: 0.75rem;
    margin-bottom: 1.5rem;
}

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 1.75rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1rem;
}

h6 {
    font-size: 1rem;
}

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    -moz-transition: all 2s ease;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
    color: #3E3E3E;
}

a:hover {
    color: #cecece;
}

.btn,
a.btn {
    padding: 0.5rem 1rem;
    border-radius: 0.4rem;
    font-size: 0.8125rem;
    font-weight: 600;
    box-shadow: 1px 3px 2px #003A65;
}

.btn-blue,
.btn-white:hover,
a.btn-blue,
a.btn-white:hover {
    background-color: #00754a;
    color: #FFFFFF;
}

.btn-white,
.btn-blue:hover,
a.btn-white,
a.btn-blue:hover {
    background-color: #FFFFFF;
    color: #ef8943;
}

.container-white * {
    color: #FFFFFF;
}

.container-wide {
    max-width: 1340px;
}

/* -------------------------------------------------- Loader */
.page-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #F5F4F4;
}

.sk-chasing-dots {
    top: 40%;
    margin: 40px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
    animation: sk-chasingDotsRotate 2s infinite linear;
}

.sk-chasing-dots .sk-child {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #00754a;
    border-radius: 100%;
    -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}

.sk-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-chasingDotsBounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-chasingDotsBounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* -------------------------------------------------- Header */
.navbar,
.shrink.navbar,
.navbar .navbar-brand img,
.shrink .navbar-brand img {
    -moz-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.navbar {
    padding: 0.4rem 1rem 0.9rem 1rem;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(171, 171, 171, 1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(171, 171, 171, 1);
    box-shadow: 0px 2px 5px 0px rgba(171, 171, 171, 1);
}

.shrink.navbar {
    padding: 0.1rem 1rem 0.5rem 1rem;
    border-bottom: 1px solid #ababab;
}

.navbar-brand img {
    width: 170px;
}

.shrink .navbar-brand img {
    width: 130px;
}

.navbar-light .navbar-nav .nav-link-blue {
    padding: 0.5rem 1rem;
    border-radius: 0.2rem;
    font-size: 0.8125rem;
    border: 1px solid #00754a;
    color: #FFFFFF;
    background-color: #00754a;
}

.navbar-light .navbar-nav .nav-link-blue:hover {
    background-color: #FFFFFF;
    color: #00754a;
}

.navbar-light .navbar-nav .dropdown-menu {
    font-size: 0.8125rem;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(112, 112, 112, 1);
    -moz-box-shadow: 0px 3px 7px 0px rgba(112, 112, 112, 1);
    box-shadow: 0px 3px 7px 0px rgba(112, 112, 112, 1);
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .75rem;
    padding-left: .75rem;
}

.navbar-expand-lg .navbar-nav .dropdown-menu-arrow {
    top: -1.67rem;
    left: 20%;
    width: 0;
    height: 0;
    position: relative;
}

.navbar-expand-lg .navbar-nav .dropdown-menu-arrow:before,
.navbar-expand-lg .navbar-nav .dropdown-menu-arrow:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-width: 9px 8px;
    border-style: solid;
    border-color: transparent;
    z-index: 1001;
}

.navbar-expand-lg .navbar-nav .dropdown-menu-arrow:after {
    bottom: -18px;
    right: -8px;
    border-bottom-color: #fff;
}

.navbar-expand-lg .navbar-nav .dropdown-menu-arrow:before {
    bottom: -17px;
    right: -8px;
    border-bottom-color: rgba(0, 0, 0, .15);
}

.navbar-expand-lg .navbar-nav .dropdown-toggle::after {
    color: #00754a;
}

.navbar-expand-lg .navbar-nav .dropdown-item {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

header {
    background-image: 
        linear-gradient(rgba(0, 117, 74, 0.7), rgba(0, 117, 74, 0.7)),
        url('../img/banner_background.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 31.944vw;
    margin-bottom: 3rem;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
}

header .conteudo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

header .slider-header {
    margin-top: 20px;
}

header .slider-header h1 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 15px;
    margin-top: 47px;
}

header .slider-header h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 40px;
}

header .slider-header a {
    text-transform: uppercase;
}

header .slick-initialized .slick-slide {
    padding: 0 2rem;
}

header .slider-header .slick-slide .content {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
    border-radius: 0.5rem;
    padding: 2rem 4.5rem;
    background-color: #FFFFFF;
}

header .slider-header .slick-slide .content p {
    margin: 0 0 2rem 0;
}

header .slider-header .slick-slide .content p strong {
    margin-bottom: 0.2rem;
    display: inline-block;
}

header .slider-header .slick-slide .content img {
    margin: 0 auto;
}

header .slider-header .slick-dots {
    top: 70%;
    margin: 0 0 0 1.5rem;
    text-align: left;
}

header .slider-header .slick-dots li button {
    background: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 100%;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    width: 13px;
    height: 13px;
    padding: 0px;
}

header .slider-header .slick-dots li.slick-active button {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
}

header .slider-header .slick-prev {
    right: -30px;
    top: 45%;
    left: initial;
}

header .slider-header .slick-prev:before {
    content: url('../img/arrow-right.svg');
}

header .slider-header .slick-next {
    right: -30px;
    top: 55%;
}

header .slider-header .slick-next:before {
    content: url('../img/arrow-left.svg');
}

/* -------------------------------------------------- Footer */
footer {
    background-image: url('../img/background_footer.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    margin-top: 5rem;
    padding-bottom: 2rem;
    background-color: #FFFFFF;
}

footer .row {
    margin-bottom: 1rem;
}

footer ul,
.social {
    list-style: none;
    padding: 0;
}

footer ul li:first-child {
    font-weight: 600;
    padding-bottom: 20px;
    color: #707070;
    font-size: 15px;
}

footer ul li {
    padding-bottom: 0.5rem;
    color: #3E3E3E;
    font-size: 14px;
}

footer .contact li {
    display: inline;
    margin-right: 2rem;
}

.social {
    display: inline;
}

.social li {
    display: inline;
    margin-right: 0.3rem;
}

.social li a i {
    color: #FFFFFF;
    padding: 0.45rem 0;
    text-align: center;
    width: 30px;
    border-radius: 2rem;
    height: 30px;
    text-align: center;
}

.social li a .fa-facebook-f,
.social li a:hover .fa-facebook-f,
.social li a .fa-instagram,
.social li a:hover .fa-instagram,
.social li a .fa-linkedin-in,
.social li a:hover .fa-linkedin-in,
.social li a .fa-youtube,
.social li a:hover .fa-youtube,
.social li a .fa-twitter,
.social li a:hover .fa-twitter {
    text-decoration: none;
    -moz-transition: all 1.2s ease;
    -webkit-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    transition: all 1.2s ease;
}

.social li a .fa-facebook-f {
    background-color: #3B5998;
    border: 1px solid #3B5998;
}

.social li a:hover .fa-facebook-f {
    background: #FFFFFF;
    border: 1px solid #3B5998;
    color: #3B5998;
}

.social li a .fa-instagram {
    background-color: #A75FC7;
    border: 1px solid #A75FC7;
}

.social li a:hover .fa-instagram {
    background: #FFFFFF;
    border: 1px solid #A75FC7;
    color: #A75FC7;
}

.social li a .fa-linkedin-in {
    background-color: #0E76A8;
    border: 1px solid #0E76A8;
}

.social li a:hover .fa-linkedin-in {
    background: #FFFFFF;
    border: 1px solid #0E76A8;
    color: #0E76A8;
}

.social li a .fa-youtube {
    background-color: #C4302B;
    border: 1px solid #C4302B;
}

.social li a:hover .fa-youtube {
    background: #FFFFFF;
    border: 1px solid #C4302B;
    color: #C4302B;
}

.social li a .fa-twitter {
    background-color: #55ACEE;
    border: 1px solid #55ACEE;
}

.social li a:hover .fa-twitter {
    background: #FFFFFF;
    border: 1px solid #55ACEE;
    color: #55ACEE;
}

i.custom-ico {
    background-repeat: no-repeat;
    display: inline-block;
    width: 1rem;
    height: 1.2rem;
    background-size: contain;
    text-align: center;
    background-position: center;
    margin: 0 0.5rem -0.4rem 0;
}

i.pin {
    background-image: url('../img/footer_pin.png');
    filter: sepia(100%) hue-rotate(90deg) saturate(400%) brightness(0.8);
}

i.clock {
    background-image: url('../img/footer_clock.png');
    filter: sepia(100%) hue-rotate(90deg) saturate(400%) brightness(0.8);
    margin-bottom: -0.2rem;
}

i.phone {
    background-image: url('../img/footer_phone.png');
    filter: sepia(100%) hue-rotate(90deg) saturate(400%) brightness(0.8);
}

i.envelope {
    background-image: url('../img/footer_email.png');
    filter: sepia(100%) hue-rotate(90deg) saturate(400%) brightness(0.8);
}

.fix-line {
    display: block;
    margin: -1.5rem 0 0 1.7rem;
}

.rights {
    background-color: #F5F4F4;
    font-weight: 600;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 0.75rem;
}

.rights p {
    margin: 0;
    padding: 0;
}

.rights p img {
    margin-top: -0.5rem;
}

/* -------------------------------------------------- Formulários */
form input,
form textarea,
form select {
    border-radius: 0.3rem;
    border: 1px solid #B9B9B9;
    font-size: 0.9rem;
    color: #B9B9B9;
    padding: 0.5rem;
}

/* -------------------------------------------------- Home */
.clients {
    margin-bottom: 3rem;
}

.plans h2,
.testimony h2,
.pilars h2,
.clients h2 {
    margin-bottom: 38px;
    font-size: 34px;
    font-weight: 500;
    color: #3E3E3E;
}

.clients .client:first-child {
    border-radius: 4px 0 0 4px;
}

.clients .client:last-child {
    border-radius: 0 4px 4px 0;
}

.clients .client {
    padding: 2px;
    height: 200px;
    position: relative;
    background: #E6E6E6;
    border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.clients .client:hover {
    background: var(--var-bg-color);
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.clients .client:hover:before {
    opacity: 1;
}

.clients .client:before {
    content: attr(numeros);
    display: table;
    padding: 10px 12px;
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    position: absolute;
    z-index: 2;
    transform: translateX(-50%);
    bottom: 20px;
    left: 50%;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
    opacity: 0;
}

.clients .client .client-on {
    opacity: 0;
}

.clients .client .client-off {
    opacity: 1;
}

.clients .client:hover .client-on {
    opacity: 1;
}

.clients .client:hover .client-off {
    opacity: 0;
}

.clients .client img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
}

.clients .client img,
.clients .client:hover img {
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.clients .client img {
    width: auto;
}

.clients .client:hover img {
    -webkit-filter: initial;
    filter: initial;
}

.clients .client:first-child img {
    border-top-left-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
}

.clients .client:last-child img {
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
}

.pilars {
    margin-bottom: 6rem;
}

.solutions ul li figure img {
    filter: sepia(100%) hue-rotate(90deg) saturate(400%) brightness(0.8);
}

.solutions h2 {
    font-weight: 500;
    margin-bottom: 38px;
    font-size: 34px;
}

.solutions {
    background-image: 
        linear-gradient(rgba(0, 117, 74, 0.7), rgba(0, 117, 74, 0.7)),
        url('../img/background_solucoes.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    margin-bottom: 5rem;
    height: 680px;
    padding-top: 10%;
}

.solutions-blue h3 {
    color: #00754a;
}

.solutions-blue h3,
.solutions h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
}

.solutions-blue img,
.solutions-blue .item figure:after,
.solutions-blue .item:hover figure:after,
.solutions-blue img:hover,
.solutions img,
.solutions .item figure:after,
.solutions .item:hover figure:after,
.solutions img:hover {
    -moz-transition: all 1.2s ease;
    -webkit-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    transition: all 1.2s ease;
}

.solutions-blue img,
.solutions img {
    height: 80px;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    filter: sepia(100%) hue-rotate(90deg) saturate(400%) brightness(0.8);
}

.solutions-blue .item:hover img,
.solutions .item:hover img {
    margin-top: 0;
    margin-bottom: 2rem;
}

.solutions-blue .item:hover figure:after,
.solutions .item:hover figure:after {
    opacity: 1;
}

.solutions-blue .item figure:after,
.solutions .item figure:after {
    content: "";
    width: 80px;
    height: 2px;
    background: rgba(0, 0, 0, 0.35);
    position: relative;
    display: table;
    margin: 0 auto;
    opacity: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
}

.testimony {
    margin-bottom: 5rem;
}

.testimony .slick-initialized .slick-slide {
    padding: 2rem;
}

.testimony .slider-testimony .slick-slide .content {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
    border-radius: 0.5rem;
    padding: 2rem 4.5rem;
    background-color: #FFFFFF;
}

.testimony .slider-testimony .slick-slide .content p {
    margin: 0 0 2rem 0;
    color: #868686;
    font-size: 15px;
}

.testimony .slider-testimony .slick-slide .content p strong {
    margin-bottom: 0.2rem;
    display: inline-block;
}

.testimony .slider-testimony .slick-slide .content img {
    margin: 0 auto;
}

.testimony .slider-testimony .slick-dots li button {
    background: transparent;
    border: 1px solid #3E3E3E;
    border-radius: 100%;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    width: 13px;
    height: 13px;
    padding: 0px;
}

.testimony .slider-testimony .slick-dots li.slick-active button {
    background: #00754a;
    border: 1px solid #00754a;
}

.plans {
    background-image: url('../img/background_plans.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding-top: 5%;
    padding-bottom: 5%;
    height: 700px;
}

.plans .card-content,
.plans .card-content:hover,
.plans .card-content *,
.plans .card-content:hover * {
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 5px;
}

.plans .card-content {
    padding: 2rem 0.75rem;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(112, 112, 112, 1);
    -moz-box-shadow: 0px 3px 7px 0px rgba(112, 112, 112, 1);
    box-shadow: 0px 3px 7px 0px rgba(112, 112, 112, 1);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.plans .card-content:hover {
    background-color: #ef8943;
    border-color: #ef8943;
    -webkit-box-shadow: 0px 30px 20px 0px rgba(112, 112, 112, 1);
    -moz-box-shadow: 0px 30px 20px 0px rgba(112, 112, 112, 1);
    box-shadow: 0px 30px 20px 0px rgba(112, 112, 112, 1);
    margin-top: 0;
    margin-bottom: 1rem;
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
}

.plans .card-content:hover strong,
.plans .card-content:hover ul {
    color: #FFFFFF;
}

.plans .card-content:hover h2,
.plans .card-content:hover ul li i.fa-check {
    color: #FFF;
}

.plans .card-content:hover a.btn-blue {
    background-color: #FFFFFF;
    color: #ef8943;
}

.plans .card-content .btn-blue:hover {
    background-color: #ef8943;
    color: #FFFFFF;
}

.plans .card-content h2 {
    color: #00754a;
    font-size: 28px;
    font-weight: bold;
}

.plans .card-content ul {
    list-style: none;
    padding: 0;
    color: #868686;
    margin: 0 2rem 2rem 2rem;
    text-align: left;
}

.plans .card-content ul li {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 42px;

}

.plans .card-content ul li i.fa-check {
    color: #00754a;
    margin-right: 0.5rem;
}

.plans .card-content ul li i.fa-times {
    color: #00754a;
    margin-right: 0.5rem;
}

.popular {
    overflow: hidden;
    position: relative;
}

.popular:hover h3.oferta{
    background-color: #fff;
    color: #00754a;
}

.plans h3.oferta {
    transform: rotate(45deg);
    transform-origin: top left;
    top: -2.9rem;
    color: #852c98;
    position: absolute;
    right: -5.5rem;
    background-color: #00754a;
    color: #FFF;
    padding: 0.3rem;
    border-radius: 0;
    padding-left: 42px;
    padding-right: 42px;
}

/* -------------------------------------------------- Empresa */
.page-empresa header {
    background-image: 
        linear-gradient(rgba(0, 117, 74, 0.7), rgba(0, 117, 74, 0.7)),
        url('../img/banner_empresa.png');
}

.page-empresa h2 {
    font-weight: normal;
    font-size: 34px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.page-empresa p {
    font-size: 16px;
    line-height: 24px;
}

.page-empresa .apresentacao {
    margin-bottom: 3rem;
    color: #00754a;
    font-size: 1.1rem;
    font-weight: bold;
}

.page-empresa .apresentacao p {
    font-size: 20px;
    font-weight: bold;
}

.page-empresa .proposito {
    margin-bottom: 3rem;
}

.page-empresa .numeros h3 {
    color: #00754a;
    font-size: 34px;
}

.numeros {
    margin-bottom: 217px;
}

/* -------------------------------------------------- Segmentos */
.page-segmentos header {
    background-image: 
        linear-gradient(rgba(0, 117, 74, 0.7), rgba(0, 117, 74, 0.7)),
        url('../img/banner_segmentos.png');
}

.page-segmentos .card-content {
    display: block;
}

.page-segmentos .card-content,
.page-segmentos .card-content:hover {
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-color: #FFFFFF;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
}

.page-segmentos .card-content {
    padding: 3rem 0.75rem;
    margin-top: 1rem;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 117, 74, 1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 117, 74, 1);
    box-shadow: 0px 2px 5px 0px rgba(0, 117, 74, 1);
}

.page-segmentos .card-content h2 {
    color: #00754a;
    font-weight: normal;
    font-size: 1rem;
    background-color: #FFFFFF;
}

.page-segmentos .icons {
    background-image: url(../img/icons-segmentos.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    height: 64px;
    margin: 0 auto;
    filter: sepia(100%) hue-rotate(90deg) saturate(400%) brightness(0.8);
}

.page-segmentos .icons-alimentos {
    width: 66px;
    background-position: -5px -5px;
}

.page-segmentos .icons-automotivo {
    width: 79px;
    background-position: -81px 12px;
}

.page-segmentos .icons-beleza {
    width: 44px;
    background-position: -170px -5px;
}

.page-segmentos .icons-elegant {
    width: 59px;
    background-position: -224px 12px;
}

.page-segmentos .icons-homecenters {
    width: 59px;
    background-position: -293px -5px;
}

.page-segmentos .icons-laptop {
    width: 59px;
    background-position: -362px 6px;
}

.page-segmentos .icons-locomotive {
    width: 66px;
    background-position: -431px -5px;
}

.page-segmentos .icons-online-shop {
    width: 65px;
    background-position: -507px -5px;
}

.page-segmentos .icons-gamer {
    width: 65px;
    background-position: -717px -5px;
}

.page-segmentos .icons-sport {
    width: 65px;
    background-position: -792px -5px;
}

.page-segmentos .icons-open-book {
    width: 55px;
    background-position: -582px -5px;
}

.page-segmentos .icons-pet {
    width: 66px;
    background-position: -647px -5px;
}

/* -------------------------------------------------- Clientes */
.page-clientes header {
    background-image: 
        linear-gradient(rgba(0, 117, 74, 0.7), rgba(0, 117, 74, 0.7)),
        url('../img/banner_clientes.png');
}

/* -------------------------------------------------- Blog */
header.blog {
    background-image: none;
    color: #3E3E3E;
    height: initial;
}

header.blog .conteudo {
    text-align: center;
    padding-top: 0;
}

.page-blog {
    background-color: #FFFFFF;
    background-image: none;
}

.page-blog .posts-list .row {
    margin-bottom: 2rem;
}

.page-blog .posts-list img,
.page-blog .post-content img {
    border-radius: 0.3rem;
    margin-bottom: 1rem;
}

.page-blog .posts-list h2,
.page-blog .sidebar h2,
.page-blog .sidebar h3 {
    font-size: 1.2rem;
}

.page-blog .posts-list .post-meta a,
.page-blog .sidebar .post-meta a {
    color: #00754a;
}

.page-blog .sidebar input {
    width: 100%;
}

.page-blog .sidebar h3 {
    margin-bottom: 0.5rem;
}

.page-blog .sidebar .posts-list .row {
    margin-bottom: 0.5rem;
}

.page-blog .sidebar .posts-list .row div:last-child {
    padding-left: 0;
    padding-right: 0;
}

.post .conteudo h1 {
    text-align: left;
    font-size: 2rem;
}

.post .post-content .post-meta {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.post .post-content .post-meta span {
    font-weight: bold;
    margin-right: 1rem;
}

.post .post-content .related {
    margin-top: 3rem;
}

/* -------------------------------------------------- Eventos */
.page-eventos {
    background-color: #FFFFFF;
    background-image: none;
}

.page-eventos header {
    background-image: url('../img/banner_eventos.png');
}

.events-list form input {
    width: 15px;
}

.events-list form input,
.events-list form input {
    margin: 0 0.5rem;
}

.events-list .event,
.events-list .event:hover,
.events-list .event:before,
.events-list .event:hover:before {
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.events-list .event {
    background-size: contain;
    background-position: center;
    min-height: 300px;
    position: relative;
    color: #FFFFFF;
    border-radius: 0.3rem;
    margin-bottom: 1.75rem;
}

.events-list .event:hover {
    -webkit-box-shadow: 0px 3px 8px 2px rgba(171, 171, 171, 1);
    -moz-box-shadow: 0px 3px 8px 2px rgba(171, 171, 171, 1);
    box-shadow: 0px 3px 8px 2px rgba(171, 171, 171, 1);
}

.events-list .event:hover:before {
    height: 100%;
}

.events-list .event h2 {
    margin: 0 0 0.5rem 0;
    font-size: 1.2rem;
}

.events-list .event:before {
    content: '';
    display: block;
    width: 100%;
    height: 30%;
    position: absolute;
    z-index: 1;
    opacity: 0.7;
    bottom: 0;
    border-radius: 0.3rem;
}

.events-list .event.red:before {
    background-color: #D3342A;
}

.events-list .event.blue:before {
    background-color: #00754a;
}

.events-list .event .event-content-top,
.events-list .event .event-content-center,
.events-list .event .event-content-bottom {
    position: absolute;
    display: block;
    z-index: 1;
    padding: 0 1rem;
    width: 100%;
}

.events-list .event .event-content-center {
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.events-list .event:hover .event-content-center {
    display: block;
}

.events-list .event .event-content-center a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}

.events-list .event .event-content-top {
    top: 0;
    padding-top: 1rem;
    font-weight: bold;
}

.events-list .event .event-content-bottom {
    bottom: 0;
    padding-bottom: 1rem;
}

/* -------------------------------------------------- Whitepapers */
.page-whitepapers {
    background-image: none;
}

.page-whitepapers header {
    background-image: url('../img/banner_whitepapers.png');
}

.paper-list .paper,
.paper-list .paper:hover,
.paper-list .paper:before,
.paper-list .paper:hover:before {
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.paper-list .row > div {
    margin-bottom: 1.75rem;
}

.paper-list .paper {
    background-size: contain;
    background-position: center;
    min-height: 300px;
    position: relative;
    color: #FFFFFF;
    border-radius: 0.2rem;
    margin-bottom: 1rem;
}

.paper-list .paper h2 {
    margin: 0 0 0.5rem 0;
    font-size: 1.2rem;
}

.paper-list .paper:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 0.2;
    bottom: 0;
    border-radius: 0.3rem;
    background-color: #070707;
}

.paper-list .paper:hover:before {
    opacity: 0.3;
}

.paper-list .paper .paper-content-bottom {
    position: absolute;
    display: block;
    z-index: 1;
    padding: 1rem;
    width: 100%;
    height: 30%;
    background-color: #070707;
    opacity: 0.9;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.paper-list .paper .paper-content-bottom {
    bottom: 0;
}

.paper-list a {
    color: #00754a;
    font-weight: bold;
}

.paper-list a i {
    margin-left: 1rem;
}

/* -------------------------------------------------- Contato */
.page-contato header {
    background-image: 
        linear-gradient(rgba(0, 117, 74, 0.7), rgba(0, 117, 74, 0.7)),
        url('../img/banner_contato.png');
}

.form-control {
    font-size: 0.875rem;
}

.nav-tabs {}

.nav-tabs .nav-link {
    font-weight: bold;
}

.nav-tabs .nav-link {
    padding: 0.7rem;
    font-size: 1rem;
    background-color: #E3E3E3;
    color: #707070;
}

.nav-tabs .nav-link.active {
    background-color: #00754a;
    color: #FFFFFF;
}

.tab-content {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 0.3rem;
}

.tab-content h3 {
    font-size: 1.2rem;
    margin-bottom: 0.3rem;
}

.tab-content form label {
    font-weight: bold;
}

.tab-content .tab-content-inner {
    padding: 2rem 3rem;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .solutions {
        height: 480px;
    }

    .plans {
        height: 600px;
    }

    .plans .card-content ul {
        margin-bottom: 1rem;
        margin-left: 0.7rem;
        margin-right: 0.7rem;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    /* -------------------------------------------------- Geral */
    header {
        height: 400px;
    }

    /* -------------------------------------------------- Home */
    header.slider {
        height: 500px;
    }

    header.slider .slider-header {
        margin-top: 0;
    }

    .solutions {
        height: 600px;
        padding-top: 15%;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    /* -------------------------------------------------- Geral */
    header.slider {
        height: 600px;
    }

    /* -------------------------------------------------- Home */
    header.slider .slick-slide img {
        margin: 1rem;
    }

    .solutions {
        height: 700px;
        padding-top: 15%;
    }

    .plans {
        height: auto;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

    /* -------------------------------------------------- Geral */
    header {
        height: 380px;
    }

    /* -------------------------------------------------- Home */
    .solutions {
        height: 600px;
        padding-top: 15%;
    }

    .clients .client {
        padding: 10px;
    }

    .testimony .slider-testimony .slick-slide .content {
        padding: 2rem;
    }

    /* -------------------------------------------------- Footer */
    footer .contact li {
        display: block;
    }

    /* -------------------------------------------------- Empresa */
    .page-empresa .apresentacao {
        text-align: center;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

    /* -------------------------------------------------- Home */
    .testimony .slick-initialized .slick-slide {
        padding: 2rem 1rem;
    }

    .testimony .slider-testimony .slick-slide .content {
        padding: 1rem;
    }
}

main.page-empresa {
    background-image: url(../img/bg-empresa.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 310px) 0px;
}


/* -------------- Soluções ------------*/

.page-solucoes header {
    background-image: 
        linear-gradient(rgba(0, 117, 74, 0.7), rgba(0, 117, 74, 0.7)),
        url('../img/banner_solucao.png');
}

section.solutions-blue {
    margin-top: 70px;
    margin-bottom: 118px;
    display: table;
    width: 100%;
}

section.atualizado h2,
section.marketplaces h2,
section.competitividade h2,
section.dinamico h2,
section.monitoramento h2 {
    font-size: 34px;
    font-weight: 500;
    line-height: 45px;
    margin-bottom: 20px;
    color: #262626;

}

section.atualizado p,
section.marketplaces p,
section.competitividade p,
section.dinamico p,
section.monitoramento p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
    color: #868686;
}

section.marketplaces ul,
section.monitoramento ul {
    margin: 0;
    padding: 0;
}

section.marketplaces ul li,
section.monitoramento ul li {
    list-style: none;
    font-size: 16px;
    line-height: 24px;
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

section.marketplaces ul li figure,
section.monitoramento ul li figure {
    float: left;
    margin-right: 16px;
}

section.dinamico {
    margin-top: 150px;
}

section.atualizado h2,
section.dinamico h2 {
    margin: 0 auto 20px;
    display: table;
}

section.dinamico .destaques .btn-blue {
    width: calc(50% - 15px);
    float: left;
    background: #00754a;
    height: 138px;
    border-radius: 10px;
    position: relative;
    transition: background 0.3s ease;
}

section.dinamico .destaques .btn-blue:hover {
    background: #ef8943;
}

section.dinamico .destaques .btn-blue:first-child {
    margin-right: 30px;
}

section.dinamico .destaques .btn-blue span {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    display: table;
    margin: auto;
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%)translateX(-50%);
}

section.dinamico .destaques {
    padding-top: 85px;
    padding-bottom: 141px;
    display: table;
    width: 100%;
    position: relative;
}

section.dinamico .destaques:before {
    content: "";
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../img/bg-top.png);
    width: 100%;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}

section.dinamico .destaques:after {
    content: "";
    position: absolute;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../img/bg-bottom.png);
    width: 100%;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}

section.competitividade h2 {
    margin-top: 36px;
}

section.competitividade img {
    max-width: 100%;
}

section.competitividade {
    margin-bottom: 140px;
}

section.diferenciais ul {
    margin: 0;
    padding: 0;
}

section.diferenciais ul li {
    list-style: none;
    float: left;
    height: 330px;
    margin-bottom: 30px;
}

section.diferenciais ul li h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 500;
    color: #262626;
}

section.diferenciais ul li {
    font-size: 16px;
    line-height: 24px;
    color: #868686;
}

section.marketplaces h2 {
    margin-top: 70px;
}

section.marketplaces {
    margin-bottom: 100px;
}

section.atualizado {
    margin-bottom: 150px;
}

section.atualizado figure {
    margin-bottom: 25px;
}

section.atualizado ul {
    margin: 0;
    padding: 0;
}

section.atualizado ul li {
    list-style: none;
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #3E3E3E;
    height: 160px;
    margin-top: 50px;
}

figure img {
    max-width: 100%;
}

@media (max-width:768px) {
    section.dinamico .destaques .btn-blue {
        height: 200px;
        width: 100%;
        margin-bottom: 20px;
    }
    
    section.dinamico .destaques .btn-blue:first-child {
        margin-right: 0;
    }
    
    section.diferenciais ul li {
        height: auto;
    }
}

.img-green {
    filter: sepia(100%) hue-rotate(90deg) saturate(400%) brightness(0.8);
}