/*

@Author: Themezinho
@URL: http://www.themezinho.net
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


// Table of contents //

	1. 	Body
	2.	Custom Container
	3.	Transition Overlay
	4.	Preloader
	5.	Odometer
	6.	Spinner
	7.	Form Elements
	8.	Hamburger Menu
	9.	Ghost Button
	10.	Titles
	11.	Reveal Effects
	12.	Swiper Slider
	13.	Search Box
	14.	Hamburger Menu Box
	15.	Header
	16.	Navbar
	17.	Intro Coddle
	18.	Team Members
	19.	Side Image Content
	20.	Main Features
	21.	Services
	22.	Feeding Coddle
	23.	Recent Works
	24.	All Works
	25.	Clients
	26.	Recent News
	27.	News
	28.	Contact
	29.	Quote Bar
	30.	Footer Bar
	31.	Footer
	32.	Coddle Box
	33.	Responsive Medium Fixes
	34.	Responsive Tablet Fixes
	35.	Responsive Mobile Fixes

*/
/* GOOGLE FONTS */
@import url("https://fonts.googleapis.com/css?family=Fjalla+One|Poppins:300,400,500,600,700,900&subset=latin-ext");
/* BODY */
* {
    outline: none !important;
}
body {
    font-family: "Poppins";
    font-size: 14px;
}
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}
body, html {
    height: 100%;
}
/* CUSTOM CONTAINERS */
@media (min-width: 1200px) {
    .container {
        max-width: 1220px;
    }
}
/* HTML ELEMENTS */
img {
    max-width: 100%;
}
/* TRANSITION OVERYLAY */
.transition-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #434142;
    opacity: 0;
    visibility: hidden;
    transition-duration: 700ms;
    -webkit-transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    z-index: 99;
}
.transition-overlay.show-me {
    opacity: 1;
    visibility: visible;
}
/* PRELOADER */
.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
    background: #00043c;
}
.preloader {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transform: all 0.4s ease;
    transition: all 0.4s ease;
    transition-delay: 1s;
}
.page-loaded .preloader {
    transform: translateY(-100%);
}
/* ODOMETER */
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
    padding: 0;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
    left: 0;
}
/* SPINNER */
.spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
}
.spinner .path {
    stroke: #fff;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
}

.titulo {
    position: relative;
    margin-bottom: 30px;
    display: block;
    float: left;
    width: 100%;
    text-align: left;
}
.titulo h2 {
    text-transform: uppercase;
    float: left;
    width: 40%;
    font-size: 40px;
    font-weight: 600;
    color: #00043c;
}
.titulo hr {
    float: left;
    width: 60%;
    border-color: #00043c;
    margin-top: 29px;
}
.beneficios.bg-grey .titulo hr {
    width: 20%;
    border-color: #00043c;
}

/* FORM ELEMENTS */
input[type="text"], input[type="email"] {
    width: 100%;
    height: 52px;
    float: left;
    border: 1px solid #eee;
    padding: 0 20px;
}
textarea {
    width: 100%;
    height: 152px;
    float: left;
    border: 1px solid #eee;
    padding: 20px;
}
button[type="submit"], input[type="submit"] {
    height: 52px;
    display: inline-block;
    border: none;
    background: #00043c;
    border-radius: 52px;
    padding: 0 40px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
.wpcf7 form .wpcf7-response-output {
    border: none !important;
}
.curriculo span.wpcf7-form-control-wrap.arquivo {
    width: 100%;
    background: #fff;
    display: block;
    padding: 12px 19px;
    border: 1px solid #eee;
}
.curriculo {
    text-align: left;
}
/* HAMBURGER MENU */
.hamburger-menu {
    width: 46px;
    height: 46px;
    float: right;
    position: relative;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    border-radius: 50%;
}
.hamburger-menu span {
    display: block;
    height: 2px;
    width: 22px;
    background: #00043c;
    opacity: 1;
    position: absolute;
    right: 12px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.hamburger-menu span:nth-child(1) {
    top: 15px;
    width: 12px;
    right: 17px;
}
.hamburger-menu span:nth-child(2) {
    top: 22px;
}
.hamburger-menu span:nth-child(3) {
    top: 29px;
    width: 12px;
    right: 17px;
}
.hamburger-menu:hover span {
    width: 22px;
    right: 12px;
}
.hamburger-menu.open span:nth-child(1) {
    top: 22px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.hamburger-menu.open span:nth-child(2) {
    opacity: 0;
    right: -10px;
}
.hamburger-menu.open span:nth-child(3) {
    top: 22px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
/* GHOST BUTTON */
.ghost-btn {
    position: relative;
    display: inline-block;
    width: 274px;
    height: 50px;
    font-weight: 600;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
}
.ghost-btn svg {
    width: 274px;
    height: 62px;
    position: absolute;
    top: 0;
    left: 0;
}
.ghost-btn svg rect {
    width: 266px;
    height: 50px;
    stroke-width: 2;
    stroke-dasharray: 353, 0;
    stroke-dashoffset: 0;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}
.ghost-btn span {
    /*background: #00043c;
    background: -moz-linear-gradient(left, #00043c 0%, #0d1693 100%);
    background: -webkit-linear-gradient(left, #00043c 0%, #0d1693 100%);
    background: linear-gradient(to right, #00043c 0%, #0d1693 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00043c', endColorstr='#0d1693', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    color: #00043c;
}
.ghost-btn:hover svg rect {
    stroke-width: 2;
    stroke-dasharray: 156, 505;
    stroke-dashoffset: 427;
}
.ghost-btn:hover {
    text-decoration: none;
}

/* TITLES */
.titles {
    width: 100%;
    float: left;
    text-align: center;
}
.titles .title-bg {
    width: 160px;
    height: 134px;
    display: inline-block;
    background: url(../images/title-bg.png) no-repeat;
    background-size: cover;
    margin-bottom: -93px;
}
.titles h6 {
    font-family: "Fjalla One";
    font-size: 13px;
    background: #00043c;
    background: -moz-linear-gradient(-45deg, #00043c 0%, #0d1693 100%);
    background: -webkit-linear-gradient(-45deg, #00043c 0%, #0d1693 100%);
    background: linear-gradient(135deg, #00043c 0%, #0d1693 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00043c', endColorstr='#0d1693', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
.titles h3 {
    font-weight: 600;
    font-size: 39px;
    font-weight: 600;
    letter-spacing: -2px;
    margin-bottom: 40px;
    color: #00043c;
    text-transform: uppercase;
    /*background: #00043c;
    background: -moz-linear-gradient(-45deg, #00043c 0%, #0d1693 100%);
    background: -webkit-linear-gradient(-45deg, #00043c 0%, #0d1693 100%);
    background: linear-gradient(135deg, #00043c 0%, #0d1693 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00043c', endColorstr='#0d1693', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    position: relative;
}
.titles h3:before {
    content: '';
    width: 100px;
    height: 3px;
    background: #00043c;
    position: absolute;
    bottom: -15px;
}
.titles.text-center h3:before {
    left: 50%;
    transform: translateX(-50%);
}
/* REVEAL EFFECT */
.reveal-effect {
    float: left;
    overflow: hidden;
    position: relative;
}
/* SWIPER SLIDER */
.swiper-slider {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.swiper-slider .swiper-wrapper {
    width: 100%;
    float: left;
}
.servicos-home .service-box a {
    margin: 4px 24px;
    font-size: 13px;
    font-weight: 700;
    color: #00043c;
    padding-bottom: -25px;
    position: absolute;
}
.servicos-home .service-box a:hover {
    text-decoration: none;
}
/* SEARCH BOX */
.search-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    background: #ffffff;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.search-box .inner {
    width: 100%;
    float: left;
    padding: 30px calc(25vw - 50px);
}
.search-box .inner h4 {
    display: block;
    text-align: center;
    font-weight: 700;
    color: #434142;
    margin-bottom: 30px;
    font-size: 40px;
}
.search-box .inner form {
    width: 100%;
    height: 60px;
    float: left;
    border: 2px solid #434142;
    border-radius: 60px;
}
.search-box .inner form input[type="text"] {
    width: calc(100% - 150px);
    height: 56px;
    float: left;
    background: none;
    border: none;
    padding: 0 30px;
    font-size: 15px;
    color: #434142;
    font-weight: 600;
}
.search-box .inner form input[type="text"]::-webkit-input-placeholder {
    color: #434142;
}
.search-box .inner form input[type="text"]::-moz-placeholder {
    color: #434142;
}
.search-box .inner form input[type="text"]:-ms-input-placeholder {
    color: #434142;
}
.search-box .inner form input[type="text"]:-moz-placeholder {
    color: #434142;
}
.search-box .inner form button[type="submit"] {
    width: 130px;
    height: 46px;
    float: right;
    border-radius: 50px;
    background: #00043c;
    border: none;
    margin: 5px;
    box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1);
}
.search-box.show-me {
    opacity: 1;
    visibility: visible;
}
/* HAMBURGER MENU BOX */
.hamburger-menu-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    text-align: center;
    padding-top: 86px;
}
.hamburger-menu-box .menu {
    width: 100%;
    float: left;
    padding: 30px calc(25vw - 50px);
    display: none;
}
.hamburger-menu-box .menu .navbar-nav {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
}
.hamburger-menu-box .menu .navbar-nav .nav-item {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.hamburger-menu-box .menu .navbar-nav .nav-item ul {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    display: none;
}
.hamburger-menu-box .menu .navbar-nav .nav-item ul li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.hamburger-menu-box .menu .navbar-nav .nav-item ul li a {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #fff;
}
.hamburger-menu-box .menu .navbar-nav .nav-item ul li a:hover {
    text-decoration: none;
}
.hamburger-menu-box .menu .navbar-nav .nav-item .nav-link {
    width: 100%;
    float: left;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}
.hamburger-menu-box .inner {
    width: 100%;
    float: left;
    padding: 30px calc(25vw - 50px);
    display: block;
}
.hamburger-menu-box .inner .swiper-slider {
    width: 60%;
    margin: 0 20%;
    margin-bottom: 20px;
    border: 5px solid #fff;
}
.hamburger-menu-box .inner .swiper-slider .swiper-pagination-bullet-active {
    background: #00043c;
}
.hamburger-menu-box .inner .lead {
    color: #fff;
}
.hamburger-menu-box .inner .ghost-btn span {
    background: none;
    -webkit-text-fill-color: #ffffff;
}
.hamburger-menu-box.show-me {
    opacity: 1;
    visibility: visible;
}
/* HEADER */
.header {
    width: 100%;
    height: 100vh;
    float: left;
    background: #00043c;
    overflow: hidden;
    position: relative;
    border-bottom: #f0f0f0 2px solid;
}
.header .demos {
    width: 100%;
    float: left;
    margin-top: 15%;
}
.header .demos a {
    width: 100%;
    float: left;
    border: 5px solid #fff;
}
.header .demos a:hover {
    border: 5px solid #00043c;
}
.header .demos h6 {
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: center;
}
.header #particles-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.header .video-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.header .video-bg video {
    min-width: 100%;
    min-height: 100%;
    float: left;
    opacity: 0.2;
}
.header .inner {
    width: 40%;
    position: absolute;
    left: 5%;
    top: 30%;
    z-index: 3;
}
.header .inner h2 {
    font-size: 4em;
        /*background: #00043c;
    background: -moz-linear-gradient(-45deg, #00043c 0%, #0d1693 100%);
    background: -webkit-linear-gradient(-45deg, #00043c 0%, #0d1693 100%);
    background: linear-gradient(135deg, #00043c 0%, #0d1693 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00043c', endColorstr='#0d1693', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    font-family: "Fjalla One";
    color: #fff;
}
.header .inner p {
    color: #fff;
    line-height: 26px;
    margin-bottom: 50px;
    font-size: 20px;
}
.header .inner .ghost-btn span {
    background: none;
    -webkit-text-fill-color: #ffffff;
}
.header .isolayer {
    z-index: 1;
    transform: translateX(40vw) translateY(-340px) rotateX(45deg) rotateZ(37deg) !important;
}
.header.int-header {
    width: 100%;
    height: 270px;
    background: #00043c;
}
header.header.int-header.header-fornecedores {
    height: 91px;
}
.header.int-header .inner {
    width: 100%;
    height: 189px;
    left: 0;
    text-align: center;
}
.header.int-header .inner h2 {
    font-size: 3em;
    margin-top: 57px;
    text-transform: uppercase;
}
.header.int-header .inner h6 {
    color: #fff;
    object-fit: 0.7;
    max-width: 1050px;
    margin: 0 auto;
}
/* NAVBAR */
.navbar {
    width: 100%;
    float: left;
    display: block;
    padding: 15px 8px;
    padding-top: 20px;
    text-align: center;
    position: relative;
    z-index: 9;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background: #fff;
    background-size: auto 5px;
}
.header.int-header .navbar {
    background-color: #fff;
}
.navbar:after {
    content: "";
    width: 70%;
    height: 1px;
    background: #fff;
    opacity: 0.2;
    position: absolute;
    left: 15%;
    bottom: 0;
}
.navbar.stick-me {
    position: fixed;
    background: url(../images/rainbow-bar.png) top repeat-x #fff;
    background-size: auto 5px;
    z-index: 9;
}
.navbar.stick-me .logo .logo-colored {
    display: block !important;
}
.navbar.stick-me .logo .logo-light {
    display: none;
}
.navbar.stick-me .navbar-nav .nav-item .nav-link {
    color: #434142;
    text-shadow: 0px 0px 0px;
}
.navbar.stick-me .search-btn {
    background: #434142;
    -webkit-mask-image: url(../images/search-icon.svg);
    mask-image: url(../images/search-icon.svg);
}
.navbar.stick-me .custom-btn {
    /*background: #434142;
    color: #fff;*/
}
.navbar.stick-me .hamburger-menu span {
    background: #434142;
}
.navbar .logo {
    float: left;
    width: 200px;
}
.navbar .logo .logo-colored {
    display: none;
}
.navbar .logo a {
    float: left;
}
.navbar .logo a img {
    float: left;
}
.navbar .hamburger-menu {
    float: right;
    margin-left: 5px;
    margin-top: 2px;
    display: none;
}
.navbar .search-btn {
    float: right;
    width: 32px;
    height: 32px;
    background: #00043c;
    -webkit-mask-image: url(../images/search-icon.svg);
    mask-image: url(../images/search-icon.svg);
    margin-top: 8px;
    margin-left: 5px;
    cursor: pointer;
}
.navbar .search-btn img {
    width: 34px;
}
.navbar .custom-btn {
    margin-left: 7px;
    float: right;
    height: 40px;
    line-height: 42px;
    background: #00043c;
    padding: 0 12px;
    border-radius: 40px;
    margin-top: 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
.navbar .custom-btn:hover {
    text-decoration: none;
    background: #0d1693;
    color: #fff;
}
.navbar .navbar-nav {
    height: 45px;
    line-height: 52px;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    z-index: 2;
}
.navbar .navbar-nav .nav-item {
    float: left;
    margin: 0 0px;
    padding: 0 5px;
    position: relative;
}
.navbar .navbar-nav .nav-item ul {
    width: 160px;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    left: 0;
    top: calc(100% + 12px);
    background: #fff;
    text-align: left;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.navbar .navbar-nav .nav-item ul:before {
    content: "";
    width: 100%;
    height: 13px;
    position: absolute;
    left: 0;
    top: -13px;
}
.navbar .navbar-nav .nav-item ul li {
    width: 100%;
    float: left;
    line-height: 36px;
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 15px;
}
.navbar .navbar-nav .nav-item ul li a {
    width: 100%;
    float: left;
    color: #434142;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
.navbar .navbar-nav .nav-item ul li a:hover {
    text-decoration: none;
    color: #00043c;
}
.navbar .navbar-nav .nav-item .nav-link {
    padding: 0 15px;
    font-weight: 600;
    font-size: 13px;
    color: #434142;
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
}
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item.current_page_item .nav-link, .navbar .navbar-nav .nav-item.current-page-ancestor .nav-link  {
    text-decoration: none;
    color: #00043c;
}
.navbar .navbar-nav .nav-item .nav-link:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -13px;
    height: 1px;
    width: 0;
    transition: width 0s ease, background .25s ease;
}
.navbar .navbar-nav .nav-item .nav-link:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: -13px;
    height: 1px;
    width: 0;
    background: #fff;
    transition: width .25s ease;
}
.navbar .navbar-nav .nav-item .nav-link:hover:before {
    width: 100%;
    background: #fff;
    transition: width .25s ease;
}
.navbar .navbar-nav .nav-item .nav-link:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}
.navbar .navbar-nav .nav-item:hover ul {
    opacity: 1;
    visibility: visible;
}
/* INTRO CODDLE */
.intro-coddle {
    width: 100%;
    display: flex;
    text-align: center;
    padding: 60px 0;
}
.intro-coddle .article {
    width: 100%;
    float: left;
}
.intro-coddle .article p {
    line-height: 23px;
    margin-bottom: 15px;
    opacity: 0.8;
}
.intro-coddle .ghost-btn {
    margin-top: 30px;
}
/* TEAM MEMBERS */
.team-members {
    width: 100%;
    display: flex;
    text-align: center;
    padding-top: 60px;
    border-top: 1px solid #eee;
}
.team-members figure {
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
}
.team-members figure img {
    width: 100%;
    float: left;
}
.team-members figure figcaption {
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    opacity: 0;
}
.team-members figure figcaption h4 {
    color: #fff;
    margin: 0;
}
.team-members figure figcaption span {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    opacity: 0.7;
}
.team-members figure:hover figcaption {
    opacity: 1;
}
/* SIDE IMAGE CONTENT */
.side-image-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 100px 0;
}
.side-image-content .side-image {
    flex-basis: 50%;
    display: flex;
}
.side-image-content .side-image .left {
    flex-basis: 60%;
    padding-right: 30px;
}
.side-image-content .side-image .left .small-image {
    width: 70%;
    margin-top: 30px;
    float: right;
}
.side-image-content .side-image .right {
    flex-basis: 40%;
    padding-top: 140px;
}
.side-image-content .side-image .no-spacing {
    padding: 0;
}
.side-image-content .side-content {
    flex: 1;
    flex-basis: 50%;
    flex-direction: column;
    padding: 0 calc(25vw - 270px);
}
.side-image-content .side-content .titles {
    text-align: left;
    text-transform: uppercase;
}
.side-image-content .side-content p {
    line-height: 26px;
    margin-bottom: 22px;
    opacity: 0.8;
}
.side-image-content .side-content .ghost-btn {
    margin-top: 20px;
}
/* MAIN FEATURES */
.main-features {
    width: 100%;
    display: flex;
    padding: 100px 0;
    background: url(../images/fundo-solucoes.jpg) no-repeat;
    background-size: cover;
}
.main-features .titulo h2 {
    background: none;
   color: #fff;
    -webkit-text-fill-color: #fff;
}
.main-features .titulo hr {
    border-color: #fff;
}
.main-features .titles {
    display: block;
}
.main-features .titles .title-bg {
    mix-blend-mode: color-dodge;
}
.main-features .titles h3 {
    -webkit-text-fill-color: #fff;
}
.main-features .feature-box {
    width: 100%;
    height: 90%;
    padding: 50px 20px;
    box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    text-align: center;
    color: #fff;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background: #00043c;
    background-size: cover;
    margin-bottom: 30px;
}
.main-features .feature-box:hover {
    box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3);
}
.main-features .feature-box figure {
    height: 60px;
    margin-bottom: 30px;
}
.main-features .feature-box figure img {
    width: 80px;
    filter: brightness(0) invert(1);
}
.main-features .feature-box t span {
    width: 70%;
    height: 1px;
    float: lef;
    margin: 0 15%;
    margin-bottom: 40px;
    background: #fff;
    opacity: 0.3;
}
.main-features .feature-box a h5 {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 20px;
    min-height: 74px;
    color: #fff;
}
.main-features .feature-box a:hover {
    text-decoration: none;
}
.main-features .feature-box a p {
    line-height: 22px;
    font-size: 14px;
    margin: 0;
    color: #fff;
}
.main-features .feature-box .more-link {
    width: 37px;
    height: 37px;
    text-align: right;
    font-size: 17px;
    color: #fff;
    position: absolute;
    right: -4px;
    bottom: -4px;
    z-index: 2;
    line-height: 50px;
    padding-right: 5px;
}
.main-features .feature-box .more-link:hover {
    text-decoration: none;
}
.main-features .feature-box .more-link:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 37px 37px;
    border-color: transparent transparent #00043c transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.main-features .feature-box ul {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
    display: none;
}
.main-features .feature-box ul li {
    width: 100%;
    margin-bottom: 4px;
    padding: 0;
    list-style: none;
    font-weight: 600;
    font-size: 12px;
}
.main-features .feature-box ul li a {
    color: #fff;
}
.main-features .feature-box ul li a img {
    width: 12px;
    margin-right: 4px;
}

/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
.widget-area .widget {
    background: #fff;
    padding: 30px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-bottom: 10px;
  }
  .widget-area .widget ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  .widget-area .widget ul li {
    padding: 8px 0;
  }
  .widget-area .widget ul li a {
    color: #000;
  }
  .widget-area .widget ul li a:hover {
    color: #00043c;
  }
  .widget-area .widget select {
    width: calc(100% - 60px);
    padding: 8px;
    margin: 0 30px 30px;
    outline: none;
  }
  .widget-area .widget.widget_categories, .widget-area .widget.widget_archive, .widget-area .widget.widget_recent_entries, .widget-area .widget.widget_meta, .widget-area .widget.widget_pages, .widget-area .widget.widget_nav_menu {
    padding: 0;
  }
  .widget-area .widget.widget_categories.arquivos a {
      text-transform: capitalize;
  }
  .widget-area .widget.widget_categories .widget-title, .widget-area .widget.widget_archive .widget-title, .widget-area .widget.widget_recent_entries .widget-title, .widget-area .widget.widget_meta .widget-title, .widget-area .widget.widget_pages .widget-title, .widget-area .widget.widget_nav_menu .widget-title {
    padding: 25px 30px;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 25px;
  }
  .widget-area .widget.widget_categories ul li, .widget-area .widget.widget_archive ul li, .widget-area .widget.widget_recent_entries ul li, .widget-area .widget.widget_meta ul li, .widget-area .widget.widget_pages ul li, .widget-area .widget.widget_nav_menu ul li {
    padding: 0;
    position: relative;
  }
  .widget-area .widget.widget_categories ul li a, .widget-area .widget.widget_archive ul li a, .widget-area .widget.widget_recent_entries ul li a, .widget-area .widget.widget_meta ul li a, .widget-area .widget.widget_pages ul li a, .widget-area .widget.widget_nav_menu ul li a {
    padding: 10px 45px 10px 30px;
    display: block;
    border-top: 1px solid #ebebeb;
  }
  .widget-area .widget.widget_categories ul li a:hover, .widget-area .widget.widget_archive ul li a:hover, .widget-area .widget.widget_recent_entries ul li a:hover, .widget-area .widget.widget_meta ul li a:hover, .widget-area .widget.widget_pages ul li a:hover, .widget-area .widget.widget_nav_menu ul li a:hover {
    background: #00043c;
    color: #fff;
    text-decoration: none;
  }
  .widget-area .widget.widget_categories ul li .posts-count, .widget-area .widget.widget_archive ul li .posts-count, .widget-area .widget.widget_recent_entries ul li .posts-count, .widget-area .widget.widget_meta ul li .posts-count, .widget-area .widget.widget_pages ul li .posts-count, .widget-area .widget.widget_nav_menu ul li .posts-count {
    position: absolute;
    top: 10px;
    right: 25px;
  }
  .widget-area .widget.widget_categories ul li.current-menu-item > a, .widget-area .widget.widget_archive ul li.current-menu-item > a, .widget-area .widget.widget_recent_entries ul li.current-menu-item > a, .widget-area .widget.widget_meta ul li.current-menu-item > a, .widget-area .widget.widget_pages ul li.current-menu-item > a, .widget-area .widget.widget_nav_menu ul li.current_page_item > a {
    background: #00043c;
    color: #fff;
    text-decoration: none;
  }
  .widget-area .widget .textwidget ul li {
    padding: 0;
    margin-bottom: 8px;
  }
  .widget-area .widget .textwidget ul li a {
    color: #ff0504;
  }
  .widget-area .widget .textwidget ul li a:hover {
    text-decoration: underline;
  }
  .widget-area .widget .widget-title {
    position: relative;
    text-transform: uppercase;
    font-size: 18px;
  }
  .widget-area .widget.bg-second {
    background: #00043c;
    position: relative;
  }
  .widget-area .widget.bg-second .more-link {
    width: 37px;
    height: 37px;
    text-align: right;
    font-size: 17px;
    color: #fff;
    position: absolute;
    right: -4px;
    bottom: -4px;
    z-index: 2;
    line-height: 50px;
    padding-right: 5px;
}
.widget-area .widget.bg-second  .more-link:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 37px 37px;
    border-color: transparent transparent #00043c transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
  .widget-area .widget.bg-second .btn:hover,
  .widget-area .widget.bg-second .btn:focus {
    background: transparent;
    border-color: #00043c;
  }
  .solucao-interna {
      display: inline-block;
      width: 100%;
      padding: 80px 0;
      background-color: #fff;
  }
/* SERVICES */
.services {
    width: 100%;
    display: flex;
    padding: 100px 0;
}
.services .service-box a {
    color: #00043c;
}
section.services.servicos-home{
    padding: 0;
}

.services .service-box {
    width: 100%;
    padding: 50px 40px;
    box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #fff;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background: #00043c;
    background-size: cover;
    margin-bottom: 30px;
}
.services .service-box:hover {
    box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3);
}
.services .service-box figure {
    width: 60px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}
.services .service-box figure img {
    width: 60px;
}
.services .service-box span {
    width: 1px;
    height: 80px;
    float: left;
    margin-right: 20px;
    background: #fff;
    opacity: 0.3;
}
.services .service-box h5 {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 22px;
}
.services .service-box p {
    line-height: 22px;
    font-size: 14px;
    margin: 0;
    min-height: 50px;
}
.services .service-box .more-link {
    width: 37px;
    height: 37px;
    text-align: right;
    font-size: 17px;
    color: #fff;
    position: absolute;
    right: -4px;
    bottom: -4px;
    z-index: 2;
    line-height: 50px;
    padding-right: 5px;
}
.services .service-box .more-link:hover {
    text-decoration: none;
}
.services .service-box .more-link:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 37px 37px;
    border-color: transparent transparent #00043c transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.services .service-box ul {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
    padding-left: 100px;
    display: none;
}
.services .service-box ul li {
    width: 100%;
    margin-bottom: 4px;
    padding: 0;
    list-style: none;
    font-weight: 600;
    font-size: 12px;
}
.services .service-box ul li a {
    color: #fff;
}
.services .service-box ul li a img {
    width: 12px;
    margin-right: 4px;
}
/* FEEDING CODDLE */
.feeding-coddle {
    width: 100%;
    display: flex;
    text-align: center;
    padding: 60px 0;
    background: #f1f5fd;
    color: #434142;
}
.feeding-coddle figure {
    width: 100%;
    margin-bottom: 0;
}
.feeding-coddle figure img {
    height: 70px;
    margin-bottom: 20px;
}
.feeding-coddle .odometer {
    font-family: "Fjalla One";
    font-size: 40px;
    margin-bottom: 15px;
}
.feeding-coddle h6 {
    font-weight: 600;
    font-size: 12px;
    color: #f07f23;
    text-transform: uppercase;
}
/* RECENT WORKS */
.recent-works {
    width: 100%;
    float: left;
    padding: 100px 0;
    text-align: center;
}
.recent-works h6 {
    font-family: "Fjalla One";
    font-size: 13px;
}
.recent-works h3 {
    font-weight: 600;
    font-size: 52px;
    font-weight: 600;
    letter-spacing: -2px;
    margin-bottom: 50px;
}
.recent-works .works-filter {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0;
}
.recent-works .works-filter li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.recent-works .works-filter li a {
    float: left;
    padding: 0 10px;
    color: #434142;
    font-weight: 600;
    font-size: 13px;
}
.recent-works .works-filter li a.current {
    color: #00043c;
}
.recent-works .works-filter li a:hover {
    text-decoration: none;
}
.recent-works .works-grid {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.recent-works .works-grid li {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
/* ALL WORKS */
.all-works {
    width: 100%;
    float: left;
    padding: 100px 0;
    text-align: center;
}
.all-works h6 {
    font-family: "Fjalla One";
    font-size: 13px;
}
.all-works h3 {
    font-weight: 600;
    font-size: 52px;
    font-weight: 600;
    letter-spacing: -2px;
    margin-bottom: 50px;
}
.all-works .works-filter {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0;
}
.all-works .works-filter li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.all-works .works-filter li a {
    float: left;
    padding: 0 10px;
    color: #434142;
    font-weight: 600;
    font-size: 13px;
}
.all-works .works-filter li a.current {
    color: #00043c;
}
.all-works .works-filter li a:hover {
    text-decoration: none;
}
.all-works .works-grid {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.all-works .works-grid.spaced li {
    padding: 15px;
}
.all-works .works-grid.retro li {
    width: 33.33333%;
}
.all-works .works-grid li {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
/* CLIENTS */
.clients {
    width: 100%;
    float: left;
    text-align: center;
}
.clients.spacing {
    padding: 60px 0;
}
.clients ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.clients ul li {
    width: 16.66666%;
    float: left;
    margin: 0;
    margin-left: -1px;
    padding: 20px;
    border: 1px solid #eee;
    list-style: none;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.clients ul li:hover {
    box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
}
/* RECENT NEWS */
.recent-news {
    width: 100%;
    float: left;
    padding: 100px 0;
}
.recent-news .news-box {
    width: 100%;
    float: left;
    box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1);
}
.recent-news .news-box figure {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
.recent-news .news-box .news-content {
    width: 100%;
    float: left;
    padding: 30px;
}
.recent-news .news-box .news-content small {
    display: block;
    font-size: 10px;
    opacity: 0.5;
    margin-bottom: 10px;
}
.recent-news .news-box .news-content h3 {
    text-transform: uppercase;
    display: block;
    font-size: 19px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
    background: #00043c;
    background: -moz-linear-gradient(-45deg, #00043c 0%, #0d1693 100%);
    background: -webkit-linear-gradient(-45deg, #00043c 0%, #0d1693 100%);
    background: linear-gradient(135deg, #00043c 0%, #0d1693 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00043c', endColorstr='#0d1693', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.recent-news .news-box .news-content p {
    opacity: 0.8;
    line-height: 26px;
}
.recent-news .news-box .news-content a {
    font-size: 12px;
    font-weight: 700;
    color: #00043c;
    padding-bottom: 6px;
    position: relative;
}
.recent-news .news-box .news-content a:hover {
    text-decoration: none;
}
.recent-news .news-box .news-content a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    transition: width 0s ease, background .25s ease;
}
.recent-news .news-box .news-content a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: #00043c;
    transition: width .25s ease;
}
.recent-news .news-box .news-content a:hover:before {
    width: 100%;
    background: #00043c;
    transition: width .25s ease;
}
.recent-news .news-box .news-content a:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}
/* NEWS */
.news {
    width: 100%;
    display: flex;
    padding: 100px 0;
}
.news .news-box {
    width: 100%;
    float: left;
    box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
}
.news .news-box figure {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
.news .news-box figure img {
    width: 100%;
    float: left;
}
.news .news-box .news-content {
    width: 100%;
    float: left;
    padding: 30px;
}
.news .news-box .news-content h2 {
    font-size: 22px;
}
.news .news-box .news-content small {
    display: block;
    font-size: 10px;
    opacity: 0.5;
    margin-bottom: 10px;
}
.news .news-box .news-content h3 {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 20px;
    color: #212529;
}
.news .news-box .news-content p {
    opacity: 0.8;
    line-height: 26px;
}
.news .news-box .news-content ul {
    display: block;
    padding-left: 20px;
}
.news .news-box .news-content ul li {
    margin: 0;
    padding: 4px 0;
    opacity: 0.8;
}
.news .news-box .news-content blockquote {
    padding: 15px 25px;
    border-left: 5px solid #00043c;
    background: #f5f3ed;
}
.news .news-box .news-content blockquote p {
    margin: 0;
}
.news .news-box .news-content a {
    font-size: 12px;
    font-weight: 700;
    color: #00043c;
    padding-bottom: 6px;
    position: relative;
}
.news .news-box .news-content a:hover {
    text-decoration: none;
}
.news .news-box .news-content a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    transition: width 0s ease, background .25s ease;
}
.news .news-box .news-content a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: #00043c;
    transition: width .25s ease;
}
.news .news-box .news-content a:hover:before {
    width: 100%;
    background: #00043c;
    transition: width .25s ease;
}
.news .news-box .news-content a:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}
.news .news-sidebar {
    width: 100%;
    float: left;
    padding-left: 60px;
}
.news .news-sidebar .widget {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    position: relative;
}
.news .news-sidebar .widget .title {
    display: block;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 700;
    color: #00043c;
}
.news .news-sidebar .widget p {
    font-size: 13px;
    line-height: 20px;
    opacity: 0.7;
}
.news .news-sidebar .widget form {
    width: 100%;
    float: left;
    border: 1px solid #eee;
    padding: 4px;
    border-radius: 50px;
}
.news .news-sidebar .widget form input[type="text"] {
    width: calc(100% - 60px);
    height: 40px;
    border: none;
    padding: 0 15px;
    background: none;
}
.news .news-sidebar .widget form button {
    width: 60px;
    height: 40px;
    padding: 0;
}
.news .news-sidebar .widget .tags {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.news .news-sidebar .widget .tags li {
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
    padding: 0;
    list-style: none;
}
.news .news-sidebar .widget .tags li a {
    height: 32px;
    line-height: 32px;
    float: left;
    border: 1px solid #eee;
    padding: 0 12px;
    border-radius: 23px;
    font-weight: 600;
    color: #434142;
}
.news .news-sidebar .widget .tags li a:hover {
    background: #434142;
    border-color: #434142;
    text-decoration: none;
    color: #fff;
}
.news .news-sidebar .widget .categories {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.news .news-sidebar .widget .categories li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    border-bottom: #c9c9c9 1px solid;
    padding-bottom: 10px;
    margin-top: 12px;
}
.news .news-sidebar .widget .categories li span {
    float: right;
    opacity: 0.7;
}
.news .news-sidebar .widget .categories li a {
    float: left;
    font-weight: 600;
    color: #212529;
    opacity: 0.7;
}
.news .news-sidebar .widget.arquivos .categories li a {
    text-transform: capitalize;
}
.news .news-sidebar .widget .works {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.news .news-sidebar .widget .works li {
    width: 33.33333%;
    float: left;
    padding: 5px;
    margin: 0;
    list-style: none;
}
.news .news-sidebar .widget .works li a {
    float: left;
}
.news .news-sidebar .widget .works li img {
    width: 100%;
    float: left;
}
.pagination.justify-content-center ul {
    margin: 0;
    padding: 0;
}
.pagination.justify-content-center {
    width: 100%;
}
.pagination.justify-content-center ul li span {
    color: #fff;
    padding: 11px 22px;
    display: block;
    background: #00043c;
}
.pagination.justify-content-center ul li a {
    color: #fff;
    display: block;
    padding: 10px 20px;
}
.pagination.justify-content-center ul li {
    display: inline-block;
    background: #9f9f9f;
    margin: 0 4px;
}
/* CONTACT */
.contact {
    width: 100%;
    display: flex;
    padding: 100px 0;
}
.contact h5 {
    font-family: "Fjalla One";
    font-size: 20px;
    color: #00043c;
}
.contact address {
    width: 100%;
    margin-bottom: 30px;
}
.contact address p {
    opacity: 0.7;
}
.contact address a {
    color:#212529;

}
/* QUOTE BAR */
.quote-bar {
    width: 100%;
    float: left;
    padding: 70px 0;
    text-align: center;
    background: url("../images/banner.jpg") center no-repeat;
    background-size: cover;
    filter: grayscale(1);
}
.quote-bar h4 {
    font-size: 50px;
    font-family: "Fjalla One";
    color: #fff;
    margin-top: 0;
}
.quote-bar p {
    padding: 0 10%;
    color: #fff;
    line-height: 26px;
    margin-bottom: 50px;
}
.quote-bar .ghost-btn span {
    background: none;
    -webkit-text-fill-color: #ffffff;
}

.depoimentos {
    padding: 100px 0;
    float: left;
    width: 100%;
}

.beneficios {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 80px;
}
.beneficios.beneficios.bg-grey {
    background-color: #f5f3ed;
}
.beneficios {
    background: #00043c;
    padding-top: 100px;
}
.beneficios:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/pattern-11.png);
    background-repeat: repeat-x;
    background-position: center 100%;
}
.beneficios .icones h2 {
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
    line-height: 29px;
    padding: 0;
    margin-top: 30px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-weight: 600;
}
.beneficios.bg-grey .icones h2 {
    color: #00043c;
}
.beneficios .icones h2:before {
    content: '';
    width: 80px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
}
.beneficios .icones {
    margin-top: 50px;
}
.beneficios .icones img {
    height: 80px;
    width: auto;
    filter: brightness(0) invert(1);
}
.beneficios .ico-titulo {
    min-height: 100px;
}
.beneficios a:hover p, .beneficios a:hover h2,.beneficios a:hover {
    text-decoration: none;
}
.beneficios p {
    color: #bbbaba;
    font-size: 16px;
}
.beneficios .col-lg-4 {
    margin-bottom: 30px;
}
.beneficios .icones .col-lg-12.text-center h2:before {
    left: 50%;
    transform: translateX(-50%);
}
.beneficios .titulo h2 {
    background: none;
   color: #fff;
}
.beneficios.bg-grey .titulo h2 {
    width: 80%;
    color: #00043c;
}
.beneficios .titulo hr {
    border-color: #fff;
}

.solucoes {
    width: 100%;
    float: left;
    position: relative;
    background: #f5f3ed;
    padding: 100px 0;
}
.solucoes:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/pattern-11.png);
    background-repeat: repeat-x;
    background-position: bottom center;
}

.solucoes .col-lg-4 a {
    display: block;
    background: #fff;
    box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
}
.solucoes .col-lg-4 a:hover {
    text-decoration: none;
}
.solucoes .more-link {
    width: 37px;
    height: 37px;
    text-align: right;
    font-size: 17px;
    color: #fff;
    position: absolute;
    right: -4px;
    bottom: -4px;
    z-index: 2;
    line-height: 50px;
    padding-right: 5px;
}
.solucoes  .more-link:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 37px 37px;
    border-color: transparent transparent #c21015 transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.solucoes .icones h2 {
    position: relative;
    color: #434142;
    font-size: 21px;
    text-align: left;
    line-height: 29px;
    font-weight: 700;
    margin-bottom: 30px;
    padding: 0 0 10px;
    text-transform: uppercase;
    /*    background: #00043c;
    background: -moz-linear-gradient(-45deg, #00043c 0%, #0d1693 100%);
    background: -webkit-linear-gradient(-45deg, #00043c 0%, #0d1693 100%);
    background: linear-gradient(135deg, #00043c 0%, #0d1693 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00043c', endColorstr='#0d1693', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
.solucoes .icones h2:before {
    content: '';
    width: 80px;
    height: 1px;
    background: #00043c;
    position: absolute;
    bottom: 0;
    left: 0;
    /*transform: translateX(-50%);*/
}
.solucoes .icones .bt {
    font-size: 12px;
    font-weight: 700;
    color: #00043c;
    padding-bottom: 6px;
    position: relative;
        display: inline-block;
    text-transform: uppercase;
}
.solucoes .icones .bt:hover {
    text-decoration: none;
}
.solucoes .icones .bt:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    transition: width 0s ease, background .25s ease;
}
.solucoes .icones .bt:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: #00043c;
    transition: width .25s ease;
}
.solucoes .icones .bt:hover:before {
    width: 100%;
    background: #00043c;
    transition: width .25s ease;
}
.solucoes .icones .bt:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}
.solucoes .icones p {
    color: #212529;
}
.solucoes .texto {
    padding: 20px;
    position: relative;
}
.solucoes .icones {
    margin-top: 50px;
}
.solucoes .icones img {

}
.solucoes .col-lg-4 {
    margin-bottom: 30px;
}


.testimonial-block {
	padding: 0 15px;
}

.testimonial-block .inner-box {
	position: relative;
	background: #f5f5f7;
	text-align: center;
	padding: 40px 30px;
    transition: .5s ease;
    min-height: 600px;
}

.testimonial-block .inner-box:hover {
	transform: translateY(-10px);
}

.testimonial-block .inner-box:before {
	position: absolute;
	content: '';
	background: #00043c;
	height: 3px;
	width: 200px;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	transition: .5s ease;
}

.testimonial-block .inner-box:hover:before{
	width: 100%;
}

.testimonial-block .inner-box .icon {
	position: relative;
	font-size: 100px;
	font-weight: 500;
	color: #00043c;
	text-align: center;
	height: 100px;
	line-height: 133px;
	width: 113px;
	margin: 0 auto;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
}


.testimonial-block .text {
	margin-bottom: 20px;
}

.testimonial-block h4 {
	font-size: 22px;
	font-weight: 600;

}

.testimonial-block .designation {
	font-size: 15px;
	color: #ff4747;
	font-style: italic;
}


.feature-block-three {
	position: relative;
}


.feature-block-three .inner-box {
	position: relative;
	margin-bottom: 20px;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.feature-block-three .inner-box .icon-box {
	position: relative;
	margin-bottom: 20px;
	color: #ff4747;
	font-size: 50px;
	line-height: 60px;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.feature-block-three .inner-box .icon-box span {
	display: block;
}

.feature-block-three .inner-box h4 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 12px;
	padding-top: 10px;
	color: #434142;
}

.feature-block-three .inner-box h4 a {
	color: #434142;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.feature-block-three .inner-box h4 a:hover {
	color: #e4353a;
}

.feature-block-three .inner-box .service-text {
	font-size: 15px;
	padding-bottom: 12px;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
/* FOOTER BAR */
.footer-bar {
    width: 100%;
    float: left;
    background: #00043c;
    padding: 50px 0;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-bar figure {
    width: 40px;
    float: left;
    margin-bottom: 0;
    margin-right: 15px;
}
.footer-bar figure img {
    width: 100%;
}
.footer-bar h4 {
    font-size: 16px;
    margin-top: 4px;
    margin-bottom: 1px;
    font-family: "Fjalla One";
}
.footer-bar address {
    display: block;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
}
.footer-bar .texto {
    float: left;
}
/* FOOTER */
.footer {
    width: 100%;
    float: left;
    background: #00043c;
    color: #fff;
    padding: 50px 0;
    text-align: center;
}
.footer .logo {
    margin-bottom: 20px;
}
.footer p {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 10px;
}
.footer ul {
    display: inline-block;
    margin: 10px 0;
    padding: 0;
}
.footer li {
    float: left;
    margin-left: 20px;
    padding: 0;
    list-style: none;
}
.footer li a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.footer small {
    display: block;
    font-size: 12px;
}
.footer small a {
    color: #fff;
}
/* CODDLE BOX */
.coddle__box {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    color: #fff;
    flex: none;
    perspective: 1000px;
}
.coddle__box:hover {
    z-index: 3;
}
.coddle__box:hover figure {
    box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3);
}
.coddle__box__figure .coddle__box__caption {
    display: none;
}
.coddle__box__figure:hover .coddle__box__caption {
    display: block;
}
.coddle__box__figure:hover .coddle__box__image {
    filter: brightness(0.5);
    -webkit-filter: brightness(0.5);
}
.parceiros .coddle__box__figure:hover .coddle__box__image {
    filter: brightness(1);
    -webkit-filter: brightness(1);
}
.coddle__box__figure {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.coddle__box__image {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
    filter: brightness(100%);
}
.coddle__box__figure > * {
    transform: translateZ(0px); /* Force correct stacking order */
}
.coddle__box__figure div {
    position: relative;
}
.coddle__box__deco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.coddle__box__deco--overlay {
    background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4));
}
.coddle__box__deco--shine div {
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);
}
.coddle__box__caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-top: 26%;
}
.coddle__box__title {
    margin: 0;
    font-weight: normal;
    font-size: 36px;
    font-family: 'Fjalla One', serif;
    line-height: 1;
}
.coddle__box__title a {
    color: #fff;
}
.coddle__box__title a:hover {
    text-decoration: none;
}
.coddle__box__description {
    margin: 1em 0 0 0;
    font-size: 11px;
}
.icones.owl-carousel .owl-nav .owl-prev {
    color: #ffffff;
    left: -50px;
    top: 0;
    position: absolute;
}
.icones.owl-carousel .owl-nav .owl-next {
    color: #ffffff;
    right: -50px;
    top: 0;
    position: absolute;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    display: inline-block;
    font-size: 46px;
    /* margin-top: 30px; */
}
.icones .owl-carousel .owl-nav .owl-prev, .icones .owl-carousel .owl-nav .owl-next, .icones .owl-carousel .owl-dot {
    margin-top: 0;
}
.owl-carousel .owl-nav .owl-prev {
    /* margin-right: 20px; */
}

/*-------------------------------------------
  -- Time Line
-------------------------------------------*/
#linha-do-tempo {
    padding: 100px 0 0;
}
.ts-time-line__horizontal {
    padding-bottom: .625rem;
    padding-top: .625rem;
    position: relative;
    /* timeline line */
}

.ts-time-line__horizontal ul {
    padding-left: 1.875rem;
    list-style: none;
    position: relative;
}

.ts-time-line__horizontal:after {
    background-color: #474747;
    content: "";
    bottom: 4.875rem;
    height: .1875rem;
    left: 0;
    position: absolute;
    width: 100%;
}

.ts-time-line__horizontal .ts-time-line__item {
    flex: 0 0 auto;
    margin-right: 1.875rem;
    position: relative;
    width: 18.75rem;
}

.ts-time-line__horizontal .ts-time-line__item .ts-box {
    position: relative;
    /* dot */
}
.ts-time-line__horizontal .ts-time-line__item .ts-box h5 {
    color: #00043c;
}

.ts-time-line__horizontal .ts-time-line__item .ts-box:before {
    background-color: #474747;
    bottom: -4.375rem;
    border-radius: 100%;
    content: "";
    left: 1.6875rem;
    height: .75rem;
    position: absolute;
    width: .75rem;
}

.ts-time-line__horizontal .ts-time-line__item .ts-box {
    /*triangle*/
}

.ts-time-line__horizontal .ts-time-line__item .ts-box:after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: .5rem .5rem 0 .5rem;
    bottom: -0.4375rem;
    content: "";
    left: 1.5625rem;
    height: 0;
    position: absolute;
    width: 0;
}

.ts-time-line__horizontal .ts-time-line__item.ts-time-line__milestone {
    width: 4.375rem;
}

.ts-time-line__horizontal .ts-time-line__item.ts-time-line__milestone .ts-box {
    background-color: #e62a37;
    color: #fff;
}

.ts-time-line__horizontal .ts-time-line__item.ts-time-line__milestone .ts-box:after {
    border-color: #e62a37 transparent transparent transparent;
}

.ts-time-line__horizontal .ts-time-line__item.ts-time-line__milestone h5 {
    writing-mode: vertical-lr;
    margin: 0;
}

.ts-time-line__horizontal .ts-time-line__item figure {
    margin-left: 1.6rem;
    margin-top: 2.6875rem;
}

.ts-time-line__horizontal .ts-time-line__item figure small {
    text-transform: uppercase;
    opacity: .4;

}

.ts-time-line__horizontal .ts-time-line__item figure small,
.ts-time-line__horizontal .ts-time-line__item figure h6 {
    font-weight: 600;
    color: #00043c;
}

.ts-time-line__horizontal .owl-stage-outer {
    padding: 1rem 1rem 0 1rem;
}

.ts-time-line__horizontal .owl-stage {
    align-items: flex-end;
    display: flex;
}

.ts-time-line__horizontal .ts-sly-frame.ts-loaded > ul {
    align-items: flex-end;
    display: flex;
}
.ts-box {
    background-color: #fff;
    border-radius: .25rem;
    margin-bottom: 1.875rem;
    box-shadow: 0.125rem 0.1875rem 0.9375rem rgba(0, 0, 0, .15);
    padding: 1.5625rem;
}
.ts-time-line__horizontal .ts-time-line__item .ts-box:before {
    background-color: #474747;
    bottom: -1.9rem;
    border-radius: 100%;
    content: "";
    left: 1.6875rem;
    height: .75rem;
    position: absolute;
    width: .75rem;
}
.ts-time-line__horizontal .ts-time-line__item .ts-box:after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: .5rem .5rem 0 .5rem;
    bottom: -0.4375rem;
    content: "";
    left: 1.5625rem;
    height: 0;
    position: absolute;
    width: 0;
}

.ts-background-image, .ts-img-into-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.ts-background {
    bottom: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: -2;
}
.sobre {
    position: relative;
    display: inline-block;
    width: 100%;
}
.ts-push-left__100 {
    transform: translateX(100%);
}
.h-100 {
    height: 100%!important;
}
.w-50 {
    width: 50%!important;
}
.ts-block {
    padding-bottom: 8.125rem;
    padding-top: 8.125rem;
}
.pr-3, .px-3 {
    padding-right: 9rem!important;
}
.pl-3, .px-3 {
    padding-left: 6rem!important;
}

.contato {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 70px 0 50px;
}
.contato form {
    margin-top: 40px;
}
.contato .col-sm-6 {
    padding: 100px 50px;
}
/* RESPONSIVE MEDIUM  FIXES */
@media (max-width: 1500px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 0;
    }
}
@media only screen and (max-width: 1360px), only screen and (max-device-width: 1360px) {
    .navbar {
        padding: 15px;
    }
    .icones.owl-carousel .owl-nav .owl-prev {

        left: -26px;


    }
    .icones.owl-carousel .owl-nav .owl-next {

        right: 0;


    }
}
@media only screen and (max-width: 1169px), only screen and (max-device-width: 1169px) {
    .navbar .navbar-nav {
        margin-left: 0;
    }



    .side-image-content .side-content {
        padding: 0 calc(25vw - 220px);
    }
    .main-features .feature-box {
        padding: 30px 10px;
    }
    .header.int-header .inner h6 {
        font-size: 13px;
    }
    .navbar .hamburger-menu {
        display: block;
    }
    .navbar .navbar-nav {
        display: none;
    }
    .hamburger-menu-box .inner {
        display: none;
    }
    .hamburger-menu-box .menu {
        display: block;
    }
    .hamburger-menu-box .menu .navbar-nav {
        text-align: left;
    }
    .hamburger-menu-box .menu .navbar-nav .nav-item .nav-link {
        font-size: 26px;
    }
    .hamburger-menu-box .menu .navbar-nav .nav-item ul {
        display: block !important;
        padding-left: 30px;
    }
    .hamburger-menu-box .menu .navbar-nav .nav-item .nav-link {
        color: #434142;
    }
    .hamburger-menu-box .menu .navbar-nav .nav-item.current_page_item .nav-link {
        color: #00043c;
    }
}
/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
    .contato {
        padding-top: 0;
    }
    .header.int-header {
        height: auto;
    }
    .header.int-header .inner {
        padding: 3px 15px 50px;
        height: auto;
        position: relative;
        margin-top: 77px;
    }
    .header .inner {
        width: 100%;
    }

    .solucao-interna .container > .row {
        flex-direction: column-reverse;
    }
    .header .inner .ghost-btn {
        background: #00043c;
        border-radius: 50px;
        color: #fff;
        line-height: 51px;
    }
    .header .inner .ghost-btn svg {
        display: none;
    }
    .header .inner .ghost-btn span {
        color: #fff;
        -webkit-text-fill-color: #fff;
    }
    .testimonial-block .inner-box {
        min-height: 470px;
    }
    .sobre .ts-block {
        padding-top: 30px;
        padding-bottom: 0;
    }
    .sobre .pr-3 {
        padding-right: 0 !important;
    }
    .sobre .pl-3 {
        padding-left: 0 !important;
    }
    .side-image-content {
        flex-direction: column;
    }
    .side-image-content .side-image {
        padding: 0 60px;
        margin: 60px 0;
    }
    .side-image-content .side-content {
        padding: 0 60px;
    }
    .main-features .feature-box {
        padding: 50px 20px;
        margin-bottom: 30px;
    }
    .recent-works .works-grid li {
        width: 50%;
    }
    .clients ul li {
        width: 33.33333%;
    }
    .recent-news .news-box {
        margin-bottom: 30px;
    }
    .recent-news .news-box figure {
        width: 40%;
        overflow: hidden;
    }
    .recent-news .news-box figure img {
        max-width: inherit;
        min-height: 100%;
    }
    .recent-news .news-box .news-content {
        width: 60%;
    }
    .news .news-sidebar {
        padding-left: 0;
    }
    .all-works .works-grid li {
        width: 50%;
    }
    .footer-bar address {
        margin: 15px;
    }
}
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    .header.int-header .inner {
        margin-top: 115px;
    }
    .titulo h2 {
        width: 100%;
    }
    .titles h3, .titulo h2 {
        font-size: 30px;
    }

    .isolayer.isolayer--deco1.isolayer--shadow {
        display: none;
    }

    .navbar .logo a img {
        width: 186px;
        height: 42px;
    }
    .owl-carousel .owl-nav .owl-prev {
        margin-right: 20px;
    }
    .icones.owl-carousel .owl-nav .owl-prev {
         position: unset;

    }
    .icones.owl-carousel .owl-nav .owl-next {
        position: unset;

   }
   header.header.int-header.header-fornecedores {
    height: auto;
   }
   header.header.int-header.header-fornecedores .inner {
    display: none;
   }
    .navbar .custom-btn{
        font-size: 10px;
        padding: 0px 12px;
        margin-left: 5px;
    }
    .navbar .logo {
        float: left;
        margin-bottom: 8px;
    }
    .header .inner {
        width: 100%;
        padding: 0 30px;
        left: 0;
    }
    .header .banner-home.inner {
        left: 0;
        top: inherit;
        bottom: 20px;
    }
    .header .inner h2 {
        font-size: 3em;
    }
    .ts-time-line__horizontal ul {
        padding-left: 0;
    }
    .titulo hr {
        width: 100%;
        margin-top: 6px;
    }
    .hamburger-menu-box .menu .navbar-nav .nav-item .nav-link {
        font-size: 17px;
    }
    .side-image-content .side-image .left {
        padding-right: 15px;
    }
    .side-image-content .side-image .left .small-image {
        margin-top: 15px;
    }
    .side-image-content .side-image {
        padding: 0 15px;
    }
    .side-image-content .side-content {
        padding: 0 15px;
    }
    .feeding-coddle {
        padding: 0;
        padding-bottom: 60px;
    }
    .feeding-coddle figure {
        margin-top: 60px;
    }
    .feeding-coddle .odometer {
        margin-bottom: 0;
        width: 100%;
        float: left;
    }
    .main-features .feature-box {
        width: calc(100% - 60px);
        margin: 0 30px;
        margin-bottom: 30px;
    }
    .recent-works .works-grid li {
        width: 100%;
    }
    .recent-news .news-box figure {
        width: 100%;
        float: left;
    }
    .recent-news .news-box figure img {
        width: 100%;
        min-height: inherit;
    }
    .recent-news .news-box .news-content {
        width: 100%;
    }
    .clients ul li {
        padding: 5px;
        margin-top: -1px;
    }
    .all-works .works-grid li {
        width: 100%;
    }
    .quote-bar h4 {
        font-size: 40px;
    }
    .solucoes {
        background-color: #fff;
    }
    div.wpcf7 input[type="file"] {
        cursor: pointer;
        max-width: 100%;
    }
    .search-box .inner form button[type="submit"] {
        width: 100%;
        margin: 10px auto 0;
    }
    .search-box .inner form input[type="text"] {
        width: 100%;
        text-align: center;
    }
    .footer-bar .texto {
        float: none;
    }
    .footer-bar {
        text-align: center;
    }
    .footer-bar figure {
        display: block;
        float: none;
        margin: 0 auto 12px;
    }
    .footer {
        padding-top: 60px;
    }

}
/* ANIMATIONS */
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
@-webkit-keyframes show-img-1 {
    0%, 66.6% {
        visibility: hidden;
    }
    100%, 66.7% {
        visibility: visible;
    }
}
@keyframes show-img-1 {
    0%, 66.6% {
        visibility: hidden;
    }
    100%, 66.7% {
        visibility: visible;
    }
}
@-webkit-keyframes slide-bg-2 {
    33.3% {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(0.05, 1);
        transform: scale(0.05, 1);
    }
    66.6% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    66.7% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@keyframes slide-bg-2 {
    33.3% {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(0.05, 1);
        transform: scale(0.05, 1);
    }
    66.6% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    66.7% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
[data-aos=slide-effect] > img {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    position: relative;
}
[data-aos=slide-effect] > img {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
[data-aos^=slide][data-aos^=slide] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
[data-aos] {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
[data-aos^=slide][data-aos^=slide].animated {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
[data-aos=slide-effect].animated img {
    -webkit-animation-name: show-img-1;
    animation-name: show-img-1;
}
[data-aos=slide-effect]:after {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
[data-aos=slide-effect]:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0.05, 0);
    transform: scale(0.05, 0);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
[data-aos=slide-effect].se2-white:after {
    background-color: #00043c;
}
[data-aos=slide-effect].animated:after {
    -webkit-animation-name: slide-bg-2;
    animation-name: slide-bg-2;
}
section.ciber {
    width: 100%;
    float: left;
    background: #000;
    padding: 50px 15px;
}

#contact .container-fluid {

}

.grecaptcha-badge {
    display: none !important;
}

.cn-button.bootstrap {
    background: #00043c !important;
}

.isolayer .grid__link {
    background-color: #fff;
}

.subtitulo {
    color: #00043c;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.8px;
}
.sobre-fornecedores {
    background: #fafafa;
    padding-bottom: 50px;
    margin-bottom: -50px;
}
.sobre-fornecedores .text {
    max-width: 600px;
}
.sobre-fornecedores .text p {
    margin: 10px 0 20px;
}
.tabs .nav-tabs {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-width: 1px 1px 0 1px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    align-self: stretch;
    justify-content: stretch;
    flex-grow: 1;
    padding: 0px 30px 0px;
    margin: 0px 0px 0px 0px;
    box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.12);
    justify-content: space-between;
}
.nav-tabs .nav-link {
    padding: 30px 0px 40px 0px;
    font-size: 18px;
    font-weight: 600;
    color: #838383;
    cursor: pointer;
    border: none;
}
.nav-tabs .nav-link:hover {
    border: none;
    color: #212529;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: none;
    color: #212529;
    border-bottom: 3px solid #00043c;
}
.tab-content>.tab-pane {
    padding: 80px 0;
}
.tab-content>.tab-pane h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 30px;
}
.tab-content>.tab-pane .why-fornecedor {
    padding-top: 80px;
}
.tab-content>.tab-pane .why-fornecedor .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.tab-content>.tab-pane .why-fornecedor .grid .box {
    background: #00043c;
    color: #fff;
    padding: 30px;
    width: 100%;
}
.tab-content>.tab-pane .why-fornecedor .grid .box:nth-child(2n) {
    background: #060c5e;
}
.tab-content>.tab-pane .why-fornecedor .grid .box h3 {
    font-size: 20px;
    margin: 16px 0;
}
.tab-content>.tab-pane .why-fornecedor .grid .box a.btn {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
}
.verticiais-fornecedores {
    padding: 0 0 80px;
}
.verticiais-fornecedores img {
    margin-bottom: 30px;
}
.verticiais-fornecedores h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 30px;
}
.wpcf7-spinner {
    position: absolute !important;
}
.faq-fornecedores {
    padding: 80px 0;
}
.faq-fornecedores h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 30px;
}
.faq-fornecedores .card {
    border: none;
}
.faq-fornecedores .card-header {
    background: none;
    border: none;
    text-align: left;
}
.faq-fornecedores .card-header .btn {
    width: 100%;
    text-align: left;
}
.faq-fornecedores .card-body {
    padding: 0rem 2.25rem;
}
.faq-fornecedores .card-header .btn {
    width: 100%;
    text-align: left;
    color: #00043c;
    font-size: 20px;
    white-space: unset;
}
.solucoes-fornecedores .item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.solucoes-fornecedores .item:hover .text {
    top: 0;
}
.solucoes-fornecedores .item .text {
    background-color: #F7F7F8;
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    padding: 30px;
    text-align: center;
    transition: all .3s ease;
}
.solucoes-fornecedores.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.solucoes-fornecedores.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.videos-fornecedores p {
    margin-top: 15px;
}
.videos-fornecedores .btn {
    color: #00043c;
    border: 2px solid #00043c;
    border-radius: 100px;
    padding: 5px 30px;
}
.time-fornecedores .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    margin: 50px 0;
    gap: 30px;
}
.time-fornecedores .grid .box {
    border: 1px solid #c5c5c5;
    padding: 30px;
}
.time-fornecedores .grid .box img {
    margin-bottom: 20px;
}
.time-fornecedores .grid .box p {
    margin-bottom: 5px;
}
.time-fornecedores .grid .box p strong {
    color: #00043c;
}

@media (max-width: 767px) {
    .tab-content>.tab-pane .why-fornecedor .grid, .time-fornecedores .grid {
        grid-template-columns: 1fr;
    }
    .sobre-fornecedores {
        padding-top: 180px;
    }
    .sobre-fornecedores h1, .tab-content>.tab-pane h2, .faq-fornecedores h2 {
        font-size: 30px;
    }
    .sobre-fornecedores .text, .tab-content>.tab-pane .text {
        margin-bottom: 50px;
    }
    .nav-tabs .nav-link {
        padding: 12px 0;
    }
}