@charset "utf-8";
/* CSS Document */

/*=== Variables ===*/

:root {
    /*-- Colors --*/
    --color-blue-one:      #00C8FA;
    --color-blue-two:      #00AFFA;
    --color-blue-tree:     #0050C8;
    --color-blue-four:     #0041A5;
    --color-blue-five:     #0048A9;
    --color-blue-six:      #13B7EC;
    --color-blue-seven:    #00388A;
    --color-yellow:        #FFB81C;
    --color-red:           #ED0035;
    --color-red-one:       #EC1A37;
    --color-orange:        #F46600;
    --color-pink:          #803594;
    --color-green:         #0FB185;
    --color-grey-one:      #A7B1B1;
    --color-grey-two:      #3C3C3C;
    --color-grey-tree:     #3B3B3B;
    --color-grey-four:     #262626;
    --color-grey-five:     #080809;
    --color-black:         #000000;
    --color-white:         #FFFFFF;
    --color-corporativo:   #0FB185;
    --color-led:           #FFB81C;
    --color-audio-video:   #803594;
    --color-home:          #EC1A37;
    --color-solar:         #EF6822;
}

/*=== Fonts ===*/

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Light.eot');
    src: url('../fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Light.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Light.woff') format('woff'),
        url('../fonts/AvenirLTStd-Light.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Book.eot');
    src: url('../fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Book.woff') format('woff'),
        url('../fonts/AvenirLTStd-Book.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Medium.eot');
    src: url('../fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Medium.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Medium.woff') format('woff'),
        url('../fonts/AvenirLTStd-Medium.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Black.eot');
    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Black.woff') format('woff'),
        url('../fonts/AvenirLTStd-Black.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Heavy.eot');
    src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Heavy.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Heavy.woff') format('woff'),
        url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');
    font-weight: 800;
    font-style: normal;
}

/*=== General ===*/

html, body {
    font-family: 'Avenir LT Std';
    font-size: 17px;
    line-height: 30px;
    font-weight: 500;
    height: 100%;
    margin: 0;
}
ul, ol, li {
    margin: 0;
    padding: 0;
}
:focus {
    border: none !important;
    outline: none !important;
}
a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}
img.aligncenter {
    margin: 0 auto;
    display: table;
}

/*=== Titles ===*/

h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
}

h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
}
h3 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}
h4 {
    font-size: 30px;
    font-weight: 700;
}
h5 {
    font-size: 20px;
    font-weight: 700;
}
.overflow-hidden {
    position: relative;
    overflow: hidden;
}
.alignleft {
    float: left;
    margin: 0 44px 20px 0;
}
.alignright {
    float: right;
    margin: 0 0 20px 44px;
}

/*=== Buttons ===*/

.button-primary {
    border-radius: 10px;
    border: 2px solid var(--color-grey-four );
    width: 161px;
    height: 48px;
    font-size: 14px;
    color: var(--color-grey-tree);
    display: inline-block;
    position: relative;
    text-align: center;
    font-weight: 700;
    padding-top: 8px;
    margin-top: 35px;
    border-radius: 10px;

}
.button-primary.white {
    border-color: var(--color-white);
    color: var(--color-white);
}
.button-primary-arrow {
    border-radius: 10px;
    border: 2px solid var(--color-grey-four );
    width: 175px;
    height: 45px;
    font-size: 14px;
    color: var(--color-grey-tree);
    display: inline-block;
    position: relative;
    text-align: left;
    font-weight: 700;
    padding-top: 7px;
    padding-left: 28px;
    margin-top: 40px;
}
.button-primary-arrow.big {
    width: 241px;
    height: 57px;
    padding-top: 13px;
}
.button-primary-arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: url('../img/icons/btn-arrow-primary.svg') center no-repeat;
    width: 7px;
    height: 12px;
}
.button-primary-arrow.white {
    color: var(--color-white);
    border-color: var(--color-white);
}
.button-primary-arrow.white:before {
    filter: brightness(0) invert(1);
}

.button-shop {
    border-radius: 10px;
    border: 2px solid var(--color-red);
    width: 234px;
    height: 68px;
    font-size: 17px;
    color: var(--color-red);
    display: inline-block;
    position: relative;
    text-align: left;
    font-weight: 700;
    padding-top: 18px;
    padding-left: 28px;
    margin-top: 0;
}
.button-shop:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: url('../img/icons/btn-ico-loja.svg') center no-repeat;
    width: 27px;
    height: 25px;
}

.button-register {
    border-radius: 10px;
    border: 2px solid var(--color-grey-four );
    width: 198px;
    height: 70px;
    font-size: 14px;
    color: var(--color-grey-tree);
    display: inline-block;
    position: relative;
    text-align: left;
    font-weight: 700;
    padding-top: 19px;
    padding-left: 28px;
    margin-top: 0;
}
.button-register:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: url('../img/icons/ico-signin.svg') center no-repeat;
    width: 15px;
    height: 12px;
}

.button-ok {
    width: 74px;
    height: 36px;
    border: 2px solid var(--color-grey-tree);
    color: var(--color-grey-tree);
    border-radius: 7px;
    font-size: 14px;
    font-weight: 700;
    padding-left: 13px;
    text-align: left;
    background: none;
    position: relative;
    display: inline-block;
}
.button-ok:before {
    content: '';
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../img/icons/ico-plane.svg') center center no-repeat;
    width: 18px;
    height: 14px;
}
.button-ok.white {
    color: var(--color-white);
    border-color: var(--color-white);
}
.button-ok.white:before {
    filter: brightness(0) invert(1);
}

/*=== BG Color ===*/
.bg-grey {
    background-color: #ededed;
}

/*=== Banner Default ===*/
.banner-default {
    width: 100%;
    height: 160px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
}
.banner-default.big {
    height: 240px;
}
.banner-default:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 0.8);
    z-index: 0;
}
.banner-default.big .title:before {
    display: none;
}
.banner-default.big .title {
    text-align: center;
}
.banner-default .text {
    z-index: 1;
    position: relative;
}
.banner-default .title {
    color: var(--color-white);
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-left: 38px;
}
.banner-default .title:before {
    content: '';
    background: url('../img/icons/ico-wdc-color.svg') center center no-repeat;
    width: 28px;
    height: 39px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.banner-default .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 160px 160px 0;
    border-color: transparent var(--color-blue-two) transparent transparent;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.banner-default .ico-wdc {
    position: absolute;
    right: 119px;
    top: -33px;
}

/*=== Title Center ===*/

.title-center {
    text-align: center;
    position: relative;
    padding-top: 30px;
    margin-bottom: 55px;
}
.title-center h2, .title-center h1 {
    font-size: 35px;
    color: var(--color-grey-five);
    line-height: 40px;
}
.title-center h2 span, .title-center h1 span {
    font-size: 16px;
    display: block;
    color: var(--color-blue-two);
}
.title-center:before {
    content: '';
    background: url('../img/icons/ico-wdc-color.svg') center center no-repeat;
    width: 28px;
    height: 39px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}

/*=== Title Left One ===*/
.title-left-one {
    font-weight: 700;
    position: relative;
    padding-left: 38px;
    margin-bottom: 30px;
}
.title-left-one:before {
    content: '';
    background: url(../img/icons/ico-wdc-color.svg) center center no-repeat;
    width: 28px;
    height: 39px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/*=== Title Left ===*/

.title-left {
    text-align: left;
    position: relative;
    padding-top: 30px;
    margin-bottom: 0;
}
.title-left h2 {
    font-size: 35px;
    color: var(--color-grey-five);
    line-height: 40px;
}
.title-left h2 span {
    font-size: 16px;
    display: block;
    color: var(--color-blue-two);
}

/*=== Text Default ===*/
.text-default p {
    color: var(--color-grey-two);
    text-align: justify;
}
.text-default h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}
.text-default h3 {
    font-size: 30px;
    font-weight: 700;
}
.text-default h4 {
    font-size: 20px;
    font-weight: 700;
}
.text-default img {
    -webkit-clip-path: polygon(90px 0%, calc(100% - 0px) 0%, 100% 0px, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0px 100%, 0 calc(100% - 0px), 0% 90px);
    clip-path: polygon(90px 0%, calc(100% - 0px) 0%, 100% 0px, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0px 100%, 0 calc(100% - 0px), 0% 90px);
}

/*=== Meta ===*/

.date {
    padding-left: 30px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}
.date:before {
    content: '';
    background: url('../img/icons/ico-calendar.svg') center center no-repeat;
    width: 18px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 0;
    margin-right: 20px;
}
.date.white {
    color: var(--color-white);
}
.date.white:before {
    filter: brightness(0) invert(1);
}

.time {
    padding-left: 30px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}
.time:before {
    content: '';
    background: url('../img/icons/ico-clock.svg') center center no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 0;
}

.link {
    padding-left: 20px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block;
}
.link:before {
    content: '';
    background: url('../img/icons/ico-link.svg') center center no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 5px;
    left: 0;
}

/*=== Share ===*/
.share a {
    display: inline-block;
    margin-left: 9px;
}

/*=== Carousel ===*/

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 100%, 100%;
  background-image: none;
}

.carousel-control-next, .carousel-control-prev {
    width: 50px;
}
.carousel-control-next-icon:after
{
  content: '';
  background: url('../img/icons/ico-arrow-white.svg') center center no-repeat;
  width: 19px;
  height: 30px;
  display: block;
}

.carousel-control-prev-icon:after {
  content: '';
  width: 19px;
  height: 30px;
  background: url('../img/icons/ico-arrow-white.svg') center center no-repeat;
  transform: rotate(-180deg);
  display: block;
}

.dark .carousel-control-next-icon:after, .carousel-control-prev-icon:after {
    background: url('../img/icons/ico-arrow-black.svg') center center no-repeat;
}

/*=== Blocks ===*/
.blocks {
    margin-top: 60px;
    text-align: justify;
}
.blocks .img {
    position: relative;
}
.blocks .img:before {
    content: '';
    position: absolute;
    background: url(../img/icons/ico-wdc-color.svg);
    width: 70px;
    height: 96px;
    background-size: 100% 100%;
    z-index: 1;
    right: 50px;
    bottom: -24px;
}
.blocks .img img {
    -webkit-clip-path: polygon(90px 0%, calc(100% - 0px) 0%, 100% 0px, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0px 100%, 0 calc(100% - 0px), 0% 90px);
    clip-path: polygon(90px 0%, calc(100% - 0px) 0%, 100% 0px, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0px 100%, 0 calc(100% - 0px), 0% 90px);
}
.block-text-photo .blocks .img img {
    -webkit-clip-path: polygon(0px 0%, calc(100% - 90px) 0%, 100% 90px, 100% calc(100% - 0px), calc(100% - 90px) 100%, 90px 100%, 0 calc(100% - 90px), 0% 0px);
    clip-path: polygon(0px 0%, calc(100% - 90px) 0%, 100% 90px, 100% calc(100% - 0px), calc(100% - 90px) 100%, 90px 100%, 0 calc(100% - 90px), 0% 0px);
    position: relative;
    z-index: 1;
}
.block-text-photo .blocks .img:before {
    top: 17px;
    bottom: unset;
    right: -8px;
    z-index: 3;
}
.block-text-photo .blocks .img {
    position: relative;
    text-align: right;
}
.block-text-photo .blocks .img:after {
    width: 100%;
    height: 100%;
    background: #e9edff;
    content: '';
    position: absolute;
    right: 15px;
    top: 28px;
    -webkit-clip-path: polygon(0px 0%, calc(100% - 90px) 0%, 100% 90px, 100% calc(100% - 0px), calc(100% - 90px) 100%, 90px 100%, 0 calc(100% - 90px), 0% 0px);
    clip-path: polygon(0px 0%, calc(100% - 90px) 0%, 100% 90px, 100% calc(100% - 0px), calc(100% - 90px) 100%, 90px 100%, 0 calc(100% - 90px), 0% 0px);
    max-width: 555px;
    max-height: 555px;
    z-index: 0;
}
.block-text-photo .blocks .col-lg-5 {
    display: flex;
    align-items: center;
}
.block-text-photo .blocks .text {
    padding-left: 50px;
}
.list-text-photo .blocks .img:before {
    display: none;
}
.list-text-photo .blocks .col-lg-6 {
    display: flex;
    align-items: center;
}
.list-text-photo .blocks.invert .img img {
    -webkit-clip-path: polygon(0px 0%, calc(100% - 90px) 0%, 100% 90px, 100% calc(100% - 0px), calc(100% - 90px) 100%, 90px 100%, 0 calc(100% - 90px), 0% 0px);
    clip-path: polygon(0px 0%, calc(100% - 90px) 0%, 100% 90px, 100% calc(100% - 0px), calc(100% - 90px) 100%, 90px 100%, 0 calc(100% - 90px), 0% 0px);
}

/*=== Pop Mensagens=== */
.pop-mensagens {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 90000000;
    display: none;
}
.pop-mensagens:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
}
.pop-mensagens .box {
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    border-bottom: 3px solid #dadada;
    border-radius: 3px;
    padding: 50px 30px 30px;
    background: #fff;
    width: 400px;
    max-width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.pop-mensagens .bt {
    border-radius: 5px;
    margin: 7px 0px;
    padding: 0;
    height: 51px;
    line-height: 51px;
    float: right;
    border: 0;
    font-size: 14px;
    color: #fff;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    z-index: 99;
    background-color: #00aeef;
    width: 100%;
    text-align: center;
}
.pop-mensagens .box a.fechar.x {
    font-size: 29px;
    color: #00aeef;
    position: absolute;
    right: 15px;
    top: 15px;
}
.pop-mensagens .box h4 {
    font-size: 22px;
    margin-bottom: 20px;
}
.pop-mensagens .box p {
    text-align: left;
}
.pop-mensagens .form-check {
    margin-bottom: 20px;
}

div#lz_overlay_wm {
    margin-bottom: 60px !important;
}

/*=== Header ===*/

.bg-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgb(0 0 0 / 50%);
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}

/*=== Top ===*/
header {
    position: relative;
    z-index: 11;
}

header .top {
    height: auto;
    width: 100%;
    background-color: var(--color-grey-tree);
    text-align: center;
    position: relative;
    padding-top: 7px;
    z-index: 1;
    margin-top: -36px;
    transition: margin .5s ease;
    line-height: 16px;
    padding: 13px 15px;
}
header .top.show {
    margin-top: 0;
}
header .top p {
    color: var(--color-white);
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 0;
}
header .top:after {
    content: '';
    position: absolute;
    background: url('../img/icons/top-ico-arrow.svg') center no-repeat;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    width: 19px;
    height: 19px;
    cursor: pointer;
}

/*=== Nav Menu ===*/

header nav {
    background-color: var(--color-black);
    height: 125px;
}
header nav .container {
    position: relative;
}
header nav.navbar-dark .navbar-brand {
    margin: 0;
}
header nav.navbar-expand-lg .navbar-collapse {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1.5fr;
    text-align: center;
}
header nav.navbar-dark .navbar-nav .nav-link {
    color: var(--color-white);
    font-size: 12px;
    text-transform: uppercase;
}
/* header nav.navbar-dark .navbar-nav .nav-item:first-child .nav-link {
    padding-left: 0;
} */
header nav.navbar-expand-lg .navbar-nav {
    justify-content: space-between;
}
header nav.navbar-expand-lg .navbar-nav li.dropdown:hover .dropdown-menu {
    display: block;
}
header nav.navbar-expand-lg .navbar-nav li.dropdown a, header nav.navbar-expand-lg .navbar-nav li.dropdown.active a span {
    position: relative;
}
header nav.navbar-expand-lg .navbar-nav li.dropdown.active a:before {
    content: '';
    width: 100%;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--color-blue-five);
    position: absolute;
}
header nav.navbar-expand-lg .navbar-nav .dropdown-menu {
    margin: 0;
    border-radius: 0;
    border-top: 3px solid var(--color-blue-two);
    padding:0 15px;
    right: 0;
    left: unset;
}
header nav.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu {
    display: none !important;
}
header nav.navbar-dark .navbar-nav li.dropdown .dropdown-menu .nav-link {
    color: var(--color-grey-five);
    padding-left: .5rem;
    white-space: nowrap;
}
/*=== Search ===*/
header nav.navbar-expand-lg .navbar-nav .search {
    text-align: right;
    cursor: pointer;
}
header nav.navbar-expand-lg .navbar-nav .search img {
    vertical-align: bottom;
}

header .submenu {
    position: absolute;
    width: 100%;
    top: 167px;
    background: #fff;
    z-index: 10;
    padding: 0;
    height: 0;
    transition: all .5s ease;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}
header .submenu.active {
    height: 480px;
    visibility: visible;
    pointer-events: auto;
}
header .submenu .row .col-lg-7 {
    position: relative;
}
header .submenu .row .col-lg-7 > ul > li {
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease;
    position: absolute;
    list-style: none;
    top: 40px;
    visibility: hidden;
}
header .submenu .row .col-lg-7 > ul > li > a {
    font-size: 25px;
    font-weight: 700;
    color: #00388a;
    border-bottom: 1px solid;
    display: inline-block;
    padding: 0 0 7px;
}
header .submenu .row .col-lg-7 > ul > li.active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
header .submenu ul li ul.dropdown-menu {
    display: block;
    border: none;
    margin-top: 20px;
    min-width: 300px;
}
header .submenu ul li ul.dropdown-menu li {
    display: block;
    position: unset;
}
header .submenu ul li ul.dropdown-menu li a {
    position: relative;
    padding: 0.1rem 0;
}
header .submenu ul li ul.dropdown-menu li.dropdown > a:before {
    content: '';
    background: url(../img/icons/arrow-menu.svg) center center no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    opacity: 0;
    top: 15px;
}
header .submenu ul li ul.dropdown-menu > li.active > a {
    font-weight: bold;
}
header .submenu ul li ul.dropdown-menu > li.dropdown.active > a:before {
    opacity: 1;
}
header .submenu ul li ul.dropdown-menu li ul {
    position: absolute;
    top: 0;
    left: 320px;
    margin-top: 0;
    opacity: 0;
    pointer-events: none;
    margin-left: -50px;
    transition: all .3s ease;
    visibility: hidden;
}
header .submenu ul li ul.dropdown-menu li ul.active {
    pointer-events: auto;
    margin-left: 0;
    opacity: 1;
    visibility: visible;
}
header .submenu ul li ul.dropdown-menu li a {
    padding-left: 0;
    color: #000;
}
header .submenu ul li ul.dropdown-menu li ul a {
    position: relative;
    display: table;
}
header .submenu ul li ul.dropdown-menu li ul a:after {
    content: '';
    width: 0;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease;
}
header .submenu ul li ul.dropdown-menu li ul a:hover:after {
    width: 100%;
}
header .submenu .row .col-lg-5 {
    position: relative;
}
header .submenu .row .col-lg-5 .content {
    max-width: 341px;
    border-left: #d1d1d1 1px solid;
    padding: 0px 0 0 60px;
    margin: 50px 0 0 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease;
    position: absolute;
}
header .submenu .row .col-lg-5 .content.active {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}
header .submenu .row .col-lg-5 .content a.more {
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid;
    padding-bottom: 3px;
    margin: 0px 0 0 5px;
}

header .submenu .row .col-lg-5 .content h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0 5px 5px;
    line-height: 20px;
}
header .submenu .row .col-lg-5 .content img {
    border-radius: 30px;
}
header .submenu a.btn-close {
    position: absolute;
    right: 30px;
    top: 20px;
    display: block;
    width: 26px;
    height: 26px;
}


/* Sub Menu Fabricantes */
header .submenuFab {
    position: absolute;
    width: 100%;
    top: 211px;
    background: #fff;
    z-index: 10;
    padding: 0;
    height: 0;
    transition: all .5s ease;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}
header .submenuFab.active {
    height: 590px;
    visibility: visible;
    pointer-events: auto;
}
header .submenuFab h4 {
    font-size: 25px;
    font-weight: 700;
    color: #00388a;
    border-bottom: 1px solid;
    display: inline-block;
    padding: 0 0 7px;
    margin-top: 40px;
}
header .submenuFab .submenuFabMenu {
    position: relative;
}
header .submenuFab .submenuFabMenu ul {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
}
header .submenuFab .submenuFabMenu > ul > li {
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease;
    list-style: none;
    top: 20px;
    visibility: hidden;
}
header .submenuFab .submenuFabMenu > ul > li > a {
    font-size: 16px;
    font-weight: 700;
    color: #00388a;
    display: inline-block;
    padding: 0 0 7px;
}
header .submenuFab.active .submenuFabMenu > ul > li {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
header .submenuFab ul li ul.dropdown-menu {
    display: block;
    border: none;
    margin-top: 0;
}
header .submenuFab ul li ul.dropdown-menu li {
    display: block;
    position: unset;
}
header .submenuFab ul li ul.dropdown-menu li a {
    position: relative;
    font-size: 16px;

}
header .submenuFab ul li ul.dropdown-menu li.dropdown > a:before {
    content: '';
    background: url(../img/icons/arrow-menu.svg) center center no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    opacity: 0;
    top: 15px;
}
header .submenuFab ul li ul.dropdown-menu > li:hover > a {
    font-weight: bold;
}
header .submenuFab ul li ul.dropdown-menu > li.dropdown.active > a:before {
    opacity: 1;
}
header .submenuFab.active .submenuFabMenu > ul > li:first-child ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}
header .submenuFab ul li ul.dropdown-menu li ul {
    position: absolute;
    top: 0;
    left: 320px;
    margin-top: 0;
    opacity: 0;
    pointer-events: none;
    margin-left: -50px;
    transition: all .3s ease;
    visibility: hidden;
}
header .submenuFab ul li ul.dropdown-menu li ul.active {
    pointer-events: auto;
    margin-left: 0;
    opacity: 1;
    visibility: visible;
}
header .submenuFab ul li ul.dropdown-menu li a {
    padding: .1rem 0rem;
    color: #000;
}
header .submenuFab ul li ul.dropdown-menu li ul a {
    position: relative;
    display: table;
}
header .submenuFab ul li ul.dropdown-menu li ul a:after {
    content: '';
    width: 0;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease;
}
header .submenuFab ul li ul.dropdown-menu li ul a:hover:after {
    width: 100%;
}
header .submenuFab .row .col-lg-5 {
    position: relative;
}
header .submenuFab .row .col-lg-5 .content {
    max-width: 341px;
    border-left: #d1d1d1 1px solid;
    padding: 0px 0 0 60px;
    margin: 50px 0 0 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease;
    position: absolute;
}
header .submenuFab .row .col-lg-5 .content.active {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}
header .submenuFab .row .col-lg-5 .content a.more {
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid;
    padding-bottom: 3px;
    margin: 0px 0 0 5px;
}

header .submenuFab .row .col-lg-5 .content h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0 5px 5px;
    line-height: 20px;
}
header .submenuFab .row .col-lg-5 .content img {
    border-radius: 30px;
}
header .submenuFab a.btn-close {
    position: absolute;
    right: 30px;
    top: 20px;
    display: block;
    width: 26px;
    height: 26px;
    z-index: 1;
}

/* Submenu Produtos */
header .submenuProd {
    position: absolute;
    width: 100%;
    top: 211px;
    background: #fff;
    z-index: 10;
    padding: 0;
    height: 0;
    transition: all .5s ease;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}
header .submenuProd.active {
    height: 590px;
    visibility: visible;
    pointer-events: auto;
}
header .submenuProd h4 {
    font-size: 25px;
    font-weight: 700;
    color: #00388a;
    border-bottom: 1px solid;
    display: inline-block;
    padding: 0 0 7px;
    margin-top: 40px;
}
header .submenuProd a.btn-close {
    position: absolute;
    right: 30px;
    top: 20px;
    display: block;
    width: 26px;
    height: 26px;
    z-index: 1;
}
header .submenuProd .submenuProdMenu ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0;
}
header .submenuProd .submenuProdMenu ul li a {
    display: flex;
    align-items: center;
    color: #000;
}
header .submenuProd .submenuProdMenu ul li a p {
    margin: 0;
}
header .submenuProd .submenuProdMenu ul li a .img {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
header .submenuProd a.btn {
    background-color: transparent;
    text-transform: uppercase;
    color: #00B0F2;
    border: 1px solid #00B0F2;
    margin: 20px auto 0;
    display: table;
    font-size: 14px;
}

.light-search {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
}
.light-search .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 0;
}
.light-search form {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 700px;
    padding: 5px 10px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: #dcdcdc 1px solid;
    z-index: 1;
}
.light-search  form input {
    width: 80%;
    border: none;
    padding: 5px 10px;
}
.light-search form input[type="submit"] {
    width: 20%;
    border-radius: 10px;
    color: var(--color-blue-five);
    background-color: var(--color-blue-five);
    display: inline-block;
    position: relative;
    color: #fff;
}

/*=== Lang ===*/
header .lang {
    position: absolute;
    right: 15px;
    top: -30px;
}
header .lang ul {
    list-style: none;
}
header .lang ul li {
    display: inline-block;
    margin-left: 8px;
}
header .lang li a {
    color: var(--color-white);
    font-size: 12px;
}
header .lang li a.active {
    text-decoration: underline;
    color: #898989;
}

/*=== Subnav ===*/
header .subnav {
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    background-color: var(--color-blue-seven);
}
header .subnav ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .subnav ul li {
    display: inline-block;
    position: relative;
}
header .subnav ul li:first-child {
    color: var(--color-white);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    padding-right: 50px;
}
header .subnav ul li:first-child:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/icons/subnav-arrow.svg);
    width: 10px;
    height: 18px;
}
header .subnav ul li a {
    color: var(--color-white);
    text-transform: uppercase;
    font-size: 12px;
}

header .menu-mobile {
    display: none;
}

/*=== Footer ===*/

/*=== Newsletter ===*/

footer .newsletter {
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    background-color: var(--color-blue-two);
}
footer .newsletter h4 {
    color: var(--color-white);
    line-height: 30px;
    margin-bottom: 0;
}
footer .newsletter input[type="text"], .newsletter input[type="email"] {
    display: inline-block;
    width: 40%;
    height: 36px;
    font-size: 13px;
    margin-right: 17px;
    margin-top: 16px;
}
footer .newsletter p {
    margin-bottom: 0;
}
footer .newsletter div.wpcf7 .ajax-loader {
    position: absolute;
    right: 0;
    top: 50%;
}
footer .newsletter .wpcf7 form .wpcf7-response-output {
    position: absolute;
    border: none;
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: #fff;
}
footer .newsletter .wpcf7-not-valid-tip {
    display: none;
}
footer .newsletter .wpcf7-not-valid {
    border-color: #f00;
}


footer .top {
    background-color: var(--color-blue-four);
    padding: 36px 0 100px 0;
}
footer .top .social {
    margin: 0 auto;
    padding: 0;
    display: table;
}
footer .top .social li {
    display: inline-block;
    margin: 0 10px;
}
footer .top .social li a {
    font-size: 28px;
    display: block;
    color: var(--color-white);
}
footer .top .navs {
    margin-top: 35px;
    padding-top: 50px;
    border-top: 1px solid var(--color-white);
}
footer .top .navs h5 {
    font-size: 15px;
    color: #EDEDED;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}
footer .top .navs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
footer .top .navs ul li {
    display: block;
    margin-bottom: 5px;
}
footer .top .navs ul li a {
    display: block;
    color: #EDEDED;
    font-size: 15px;
    padding: 0;
}
footer .top .navs ul li ul {
    padding-left: 20px;
}
footer .bottom {
    width: 100%;
    height: 145px;
    display: flex;
    align-items: center;
    background-color: var(--color-black);
}
footer .bottom .infos {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1.5fr;
    font-size: 13px;
    line-height: 19px;
    color: var(--color-white);
    max-width: 486px;
}
footer .bottom .infos p {
    margin-bottom: 0;
}

/*=== Main ===*/

.section {
    padding: 70px 0;
    display: table;
    width: 100%;
}
.section img {
    max-width: 100%;
    height: auto;
}

.section h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
}


/*=== Skew ===*/
.skew-right {
    position: absolute;
    width: 100%;
    height: 101%;
    top: 0;
    right: -40%;
    transform: skewX(45deg);
    -webkit-backface-visibility: hidden;
}
.skew-right.triangle:before {
    content: '';
    position: absolute;
    top: 0;
    left: -88px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 175px 175px 0 175px;
    transform: skew(-45deg);
}
.skew-right.invert {
    transform: skewX(-45deg);
}
.skew-right.invert.triangle:before {
    content: '';
    position: absolute;
    bottom: 0;
    top: unset;
    left: -87px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 175px 175px 0 175px;
    transform: skew(45deg) rotate(180deg);
}
.skew-left {
    position: absolute;
    width: 100%;
    height: 101%;
    top: 0;
    left: -50%;
    transform: skewX(-45deg);
    -webkit-backface-visibility: hidden;
}
.skew-left.triangle:before {
    content: '';
    position: absolute;
    top: 0;
    right: -88px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 175px 175px 0 175px;
    border-color: var(--color-white) transparent transparent transparent;
    transform: skew(45deg);
}

.skew-left.invert {
    left: -24%;
    transform: skewX(45deg);
}

.skew-center {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -2%;
    transform: skewX(-45deg);
    -webkit-backface-visibility: hidden;
}

/*=== Banner Home ===*/

main .banner-home {
    height: 674px;
    color: #fff;
    text-align: right;
    display: flex;
    align-items: center;
}
main .banner-home h1 {
    /* max-width: 315px; */
    margin: 0 0 38px auto;
}
main .banner-home p {
    max-width: 400px;
    margin: 0 0 0 auto;
}
main .banner-home:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent linear-gradient(180deg, #0F0E1D00 0%, #0F0E1D 100%) 0% 0% no-repeat padding-box;
}
main .banner-home .skew-right {
    background-color: var(--color-black);
}
main .banner-home.blue .skew-right {
    background-color: var(--color-blue-seven);
}
main .banner-home .skew-right:before {
    content: '';
    background: url('../img/home/banner-ico-logo.svg');
    width: 245px;
    height: 334px;
    position: absolute;
    left: -150px;
    top: 50%;
    transform: translateY(-50%) skew(-45deg);
}

/*=== Banner Home Bottom ===*/

main .banner-home-bottom {
    width: 100%;
    height: 550px;
    display: flex;
    align-items: center;
    color: var(--color-white);
}
main .banner-home-bottom .skew-right {
    background-color: var(--color-black);
    margin-right: -610px;
    z-index: 1;
}
main .banner-home-bottom .skew-left {
    background: transparent linear-gradient(180deg, #0F0E1D 0%, #080808 100%) 0% 0% no-repeat padding-box;
}
main .banner-home-bottom h3 {
    margin-bottom: 36px;
    max-width: 500px;
}
main .banner-home-bottom h3 {
    margin-bottom: 36px;
    max-width: 500px;
}
main .banner-home-bottom p {
    max-width: 500px;
}

/*=== Banner Half ===*/

main .banner-half {
    height: 660px;
    background-color: #fff;
}
main .banner-half .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: 667px;
    position: relative;
}
main .banner-half .grid:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 211px;
    background: transparent linear-gradient(180deg, #080809 0%, #08080900 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    top: 0;
    pointer-events: none;
}
main .banner-half .grid:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #080809 0%, #08080900 100%) 0% 0% no-repeat padding-box;
    opacity: 0.7;
    pointer-events: none;
}
main .banner-half .grid-item {
    position: relative;
}
main .banner-half .grid-item h3 {
    position: absolute;
    top: 346px;
    left: 100px;
    color: #fff;
    z-index: 2;
    text-transform: uppercase;
    transition: top .3s ease-out;
    font-size: 30px;
}
main .banner-half .grid-item.left h3 {
    text-align: right;
    left: unset;
    right: 100px;
}
@media (min-width: 768px) {
    main .banner-half .grid-item:hover h3, main .banner-half .grid-item.left:hover h3 {
        top: 250px;
    }
}
main .banner-half .banner-title {
    /*position: absolute;
     top: 0; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    z-index: 1;
}
main .banner-half .banner-title h3 {
    color: var(--color-blue-five);
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 11px;
    /* max-width: 300px; */
    font-size: 30px;
}
main .banner-half .grid-item .text {
    position: absolute;
    left: 100px;
    top: 500px;
    z-index: 3;
    color: #fff;
    max-width: 300px;
    opacity: 0;
    transition: opacity .3s ease, top .3s ease;
}
main .banner-half .grid-item.left .text {
    left: unset;
    right: 100px;
    text-align: right;
}
@media (min-width: 768px) {
    main .banner-half .grid-item:hover .text, main .banner-half .grid-item.left:hover .text {
        top: 327px;
        opacity: 1;
    }
}
main .banner-half .grid-item.left .text .button-primary-arrow {
    margin-top: 20px;
}
main .banner-half .banner-title .triangle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 320px 320px 0 320px;
    border-color: var(--color-grey-five) transparent transparent transparent;
}
main .banner-half .ico {
    position: absolute;
    left: 50%;
    top: 56%;
    transform: translate(-50%,-50%);
    z-index: 2;
}

/*=== Banner Shop ===*/

main .banner-shop {
    height: 674px;
    display: flex;
    align-items: center;
}
main .banner-shop .skew-left {
    background-color: var(--color-yellow);
}
main .banner-shop .skew-left.triangle:before {
    border-color: var(--color-white) transparent transparent transparent;
}
main .banner-shop .col-lg-6 img {
    margin-bottom: 35px;
}
main .banner-shop h3 {
    margin-bottom: 30px;
}
main .banner-shop p {
    max-width: 400px;
}

/*=== Carousel Brands ===*/

.carousel-brands {
    background-color: var(--color-white);
    padding: 60px 0 90px;
}
.carousel-brands h3, .carousel-brands h2 {
    text-align: center;
    max-width: 669px;
    margin: 0 auto 60px;
    color: var(--color-grey-five);
    font-size: 40px;
    line-height: 50px;
}
.carousel-brands .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    text-align: center;
    width: 88%;
    margin: 0 auto;
}
.carousel-brands .grid-item {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
}
.carousel-brands .grid-item a {
    display: block;
    width: 100%;
}
.carousel-brands .owl-carousel .owl-item .grid-item img {
    margin: 0 auto;
    width: 129px;
}
.carousel-brands .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.carousel-brands .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.carousel-brands .owl-nav svg {
    color: var(--color-grey-five);
    font-size: 26px;
}


/*=== Banner Net ===*/

main .banner-net {
    background-color: var(--color-black);
    height: 680px;
    width: 100%;
    display: flex;
    align-items: center;
}
main .banner-net .skew-right {
    background-color: var(--color-blue-four);
}
main .banner-net .skew-right.triangle:before {
    border-color: var(--color-black) transparent transparent transparent;
}
main .banner-net .skew-right:after {
    content: '';
    position: absolute;
    left: 0;
    top: 67px;
    width: 170px;
    height: 231px;
    background: url('../img/home/banner-net-ico-wdc.svg') no-repeat;
    transform: skewX(-45deg);
}
main .banner-net .text {
    max-width: 335px;
    margin: 0 0 0 auto;
}
main .banner-net h3, main .banner-net p {
    color: var(--color-white);
}

/*=== Carousel Trainings ===*/
main .carousel-trainings {
    padding: 74px 0;
}
main .carousel-trainings h3 {
    text-align: center;
    margin-bottom: 60px;
}
main .carousel-trainings .text {
    max-width: 444px;
    margin: 0 0 0 auto;
}

main .carousel-trainings .carousel-inner .carousel-item {
    padding: 0 105px;
}
main .carousel-trainings h4 {
    margin-top: 30px;
}
main .carousel-trainings .meta {
    margin: 15px 0;
}

/*=== Treinamentos ===*/

.widget-area .widget {
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    padding: 30px;
    background: #fff;
    max-width: 100%;
    overflow: hidden;
}
.side-exp .widget-area .widget {
    border-radius: 0;
}
.widget-title {
    margin-bottom: 20px;
    position: relative;
    padding-top: 0;
    font-size: 16px;
    color: #232323;
    text-transform: uppercase;
}
.widget-area .widget-title::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    bottom: 0;
    right: 10px;
    background: #00aeef;
}
.widget ul {
    padding-left: 0;
}
.widget ul li, .widget ol li {
    padding: 10px 0;
    list-style: none;
}
.widget-area .widget .infos-treinamento svg, .widget-area .widget .infos-treinamento i {
    color: #00aeef;
    margin-right: 4px;
    border-radius: 50%;
    padding: 0 0 0 2px;
    width: 18px;
    height: 18px;
    text-align: center;
    display: inline-block;
}
.widget-area .widget .button-primary-arrow {
    margin-top: 10px;
}

.verticais.treinamentos-lista {
    padding: 100px 0 50px;
}

.filter-training {
    margin: -80px 0 50px;
}
.filter-training .col-md-12 {
    background: #fff;
    border-radius: 10px;
    padding: 46px;
    box-shadow: 0px 0px 17px 6px rgb(0 0 0 / 0.1);
}
.filter-training .banner-search {
    background: #fff;
    border-radius: 5px;
    padding: 0px 7px 0px 10px;
    height: 65px;
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    position: relative;
    border-bottom: 3px solid #dadada;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.filter-training .banner-search .form-group {
    margin: 0px;
    padding: 0 7px 0 0;
}
.filter-training .banner-search .form-control {
    font-size: 14px;
    font-weight: 500;
    height: 46px;
    border: 0px;
    margin: 9px 0px 10px 0px;
    border-radius: 0px;
    padding-left: 25px;
}
.filter-training .banner-search .form-control:hover, .filter-training .banner-search .form-control:focus, .filter-training .banner-search .form-control.active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.filter-training .banner-search .btn {
    border-radius: 5px;
    margin: 7px 0px;
    padding: 0;
    height: 51px;
    line-height: 51px;
    float: right;
    border: 0;
    font-size: 14px;
    color: #fff;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    z-index: 99;
    background-color: #00aeef;
    width: 100%;
}
.filter-training .banner-search .btn:hover {
    /*background-color: rgba(106, 123, 231, 0.8);*/
}
.filter-training .banner-search .btn svg {
    margin-right: 8px;
    font-size: 18px;
    position: relative;
    top: 2px;
}
.filter-training .drop-menu {
    background: #fff;
    width: 100%;
    display: inline-block;
    position: relative;
    font-size: 14px;
    height: 50px;
    text-align: left;
    margin: 7px 0;
    border-left: 1px solid #e0e1e6;
    padding: 0px 0;
}
.filter-training .form_field:first-child .drop-menu {
    border: none;
}
.filter-training .drop-menu .select {
    cursor: pointer;
    display: block;
    padding: 10px 10px 5px 20px;
    color: #7e7f82;
    font-weight: 500;
    font-size: 14px;
}
.filter-training .drop-menu .selected {
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.filter-training .drop-menu .select svg, .filter-training .drop-menu .select i {
    font-size: 14px;
    margin-top: 5px;
    cursor: pointer;
    float: right;
    position: relative;
    margin-left: 11px;
}
.filter-training .form_field {
    float: left;
}
.filter-training .addres {
    width: 376px;
}
.filter-training .tpmax {
    width: 28%;
}
.filter-training .tpmin {
    width: 15%;
}
.filter-training .srch-btn {
    float: right;
    position: relative;
}
.filter-training .drop-menu .select .currency {
    font-size: 13px;
    cursor: pointer;
    float: right;
}
.filter-training .drop-menu.active {
    border-radius: 5px 5px 0 0;
}
.filter-training .drop-menu.active:hover, .filter-training .drop-menu.active:focus {
    border-radius: 5px 5px 0 0;
}
.filter-training .drop-menu.active .select {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none;
}
.filter-training .drop-menu.active .select svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.filter-training .drop-menu:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.filter-training .drop-menu .dropeddown {
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: 1px;
    overflow: hidden;
    display: none;
    max-height: 210px;
    overflow-y: auto;
    z-index: 9999;
    background: #fff;
    list-style: none;
    padding: 0 30px;
    border: 1px solid #d3d3db;
    top: 112%;
}
.filter-training .drop-menu .dropeddown li {
    padding: 15px 0 14px 0;
    cursor: pointer;
    color: #242526;
    border-bottom: 1px solid #e0dfe5;
}
.filter-training .drop-menu.active .select > span, .filter-training .drop-menu.active .select i, .filter-training .drop-menu .dropeddown li:hover {
    color: #7686e6;
}
.filter-training .drop-menu .dropeddown li:last-child {
    border-bottom: 0;
}

#formCertificado {
    position: relative;
}

/*=== Training List ===*/
.training-list .training-item {
    background-color: #FFFFFF;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 28px 7px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 28px 7px rgba(0, 0, 0, 0.1);
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    height: 100%;
    overflow: hidden;
}
.training-list .col-lg-4 {
    margin-bottom: 30px;
}
.training-list .training-item .image {
    position: relative;
}
.training-list .training-item img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    max-width: 100%;
    height: auto;
}
.training-list .training-item .image .flag-seg {
    position: absolute;
    bottom: -15px;
    right: 15px;
    background: #000;
    padding: 3px 17px;
    border-radius: 7px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}
.training-list .training-item .text {
    padding: 0 25px 30px;
    margin-top: 47px;
}
.training-list .training-item .text a h2 {
    font-size: 22px;
    line-height: 25px;
    color: var(--color-grey-five);
    border-bottom: #dfdfdf 1px solid;
    margin-bottom: 25px;
    min-height: 101px;
}
.training-list .training-item .info {
    display: flex;
    justify-content: space-between;
}
.training-list .training-item .info div {
    display: inline-block;
    font-size: 12px;
}
.training-list .title-center {
    margin-bottom: 30px;
}
.training-list .bg-grey .container {
    position: relative;
}
.training-list .nav-meses {
    position: absolute;
    right: 0;
    top: -91px;
}
.training-list .nav-meses a {
    display: inline-block;
    margin-right: 15px;
    background: var(--color-blue-four);
    width: 38px;
    height: 38px;
    color: var(--color-white);
    font-size: 28px;
    border-radius: 50px;
    text-align: center;
    line-height: 43px;
}
.training-list .nav-meses a.prev {
    padding-right: 3px;
}
.training-list .nav-meses a.next {
    padding-left: 3px;
}
.training-list span.encerrado {
    position: absolute;
    z-index: 2;
    background: #0151c9;
    color: #fff;
    padding: 4px 19px;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 10px;
    left: 12px;
    top: 9px;
}
.valida-certificados {
    padding: 50px 0;
}
.valida-certificados form {
    max-width: 500px;
    margin: 33px auto 0;
    background: #fff;
    border-radius: 5px;
    padding: 0px 7px 0px 10px;
    height: 65px;
    display: block;
    width: 100%;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    position: relative;
    border-bottom: 3px solid #dadada;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.valida-certificados .form-control {
    display: block;
    width: 65%;
    padding: 25px 10px;
    font-size: 1rem;
    line-height: 2.5;
    color: #495057;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    margin-top: 7px;
    float: left;
}
.valida-certificados .bt {
    border-radius: 5px;
    margin: 7px 0px;
    padding: 0;
    height: 51px;
    line-height: 51px;
    float: right;
    border: 0;
    font-size: 14px;
    color: #fff;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    z-index: 99;
    background-color: #00aeef;
    width: 100%;
    max-width: 160px;
    text-transform: uppercase;
}

.valida-certificados .sec-titulo, .filtros-treinamentos .sec-titulo {
    margin-bottom: 40px;
}

.page-training {
    margin: -91px 0 0 0;
}
.page-training .box {
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    background: #fff;
    max-width: 100%;
    overflow: hidden;
}
.page-training .box .image img {
    max-width: 100%;
    height: auto;
}
.page-training .box .lower-content {
    padding: 50px;
}
.page-training .box .lower-content h3 {
    color: #000;
    font-size: 30px;
    line-height: 35px;
}

/* Posicionando os elementos pai, para permitir o loading padrão */
form.login, form.esqueci, form.redefine, form.cadastro, form.inscrever, form.cancelar_inscricao  {
  position: relative;
}
p.msgErro {
  color: #f00;
}

/*=== Ajax ===*/

.bgloading {
	display: none;
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
}
	.bgloading .lds-spinner {
		position: absolute;
		top: 50%; left: 50%;
		margin-top: -32px;
		margin-left: -32px;
		transform: scale(0.5);
	}



/* SPINNER */

.lds-spinner {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: #000;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*=== Banner Blog ===*/

main .banner-blog {
    padding: 80px 0;
    background-color: var(--color-grey-five);
}
main .banner-blog h2 {
    color: var(--color-white);
    text-align: center;
    margin-bottom: 70px;
    font-size: 40px;
    line-height: 50px;
}
main .banner-blog img {
    border-radius: 4px;
}
.main .banner-blog p, main .banner-blog h3 {
    max-width: 300px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 20px;
    color: var(--color-white);
    font-size: 17px;
    line-height: 30px;
}
main .banner-blog .date {
    display: block;
}


/*=== Cases ===*/

main .cases {
    padding: 180px 0 74px 0;
    position: relative;
}
main .cases h3 {
    text-align: center;
    margin-bottom: 84px;
}
main .cases .triangle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 100px 0 100px;
    border-color: var(--color-black) transparent transparent transparent;
}
main .cases img {
    border-radius: 4px;
}
main .cases a h4 {
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    margin-top: 25px;
    color: var(--color-black);
}
main .cases .block {
    max-width: 300px;
    margin: 0 auto;
}
main .cases a.button-primary {
    margin: 67px auto 0;
    display: table;
}
/*=== About ====*/

/*=== Banner About ===*/

main .banner-about {
    width: 100%;
    height: 485px;
    display: flex;
    align-items: center;
}
main .banner-about .skew-left {
    background-color: var(--color-blue-one);
}
main .banner-about h3 {
    line-height: 40px;
    color: var(--color-white);
    margin-bottom: 30px;
}
main .banner-about p {
    color: var(--color-grey-five);
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
}
main .banner-about a {
    color: #fff;
}
main .banner-about .skew-left:after {
    content: '';
    width: 176px;
    height: 240px;
    background: url(../img/icons/ico-wdc.svg) center center no-repeat;
    background-size: 100% 100%;
    transform: skewX(-45deg) rotate(90deg);
    position: absolute;
    right: 0;
    bottom: 50px;
}

/*=== Banner About Bottom ===*/

main .banner-about-bottom {
    width: 100%;
    height: 520px;
    display: flex;
    align-items: center;
    text-align: right;
}
main .banner-about-bottom .skew-left {
    background-color: var(--color-blue-one);
    left: -80%;
}
main .banner-about-bottom h1 {
    font-size: 80px;
    color: var(--color-blue-one);
    font-weight: 700;
}
main .banner-about-bottom h2 {
    margin-bottom: 30px;
}
main .banner-about-bottom p strong {
    font-size: 20px;
}
main .banner-about-bottom .skew-left:before {
    content: '';
    position: absolute;
    right: -166px;
    top: 30px;
    background: url('../img/icons/ico-wdc-two.svg') center center no-repeat;
    width: 348px;
    height: 229px;
    transform: skewX(45deg);
}

/*=== Banner Black ===*/

main .banner-black {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: var(--color-grey-five);
    height: 570px;
}
main .banner-black img {
    transform: rotate(90deg);
    margin-left: 20px;
}
main .banner-black h1 {
    font-size: 80px;
    color: var(--color-blue-one);
    font-weight: 700;
}
main .banner-black h2 {
    margin-bottom: 30px;
    color: var(--color-white);
}
main .banner-black p {
    color: var(--color-white);
}
main .banner-black p strong {
    font-size: 20px;
}
main .banner-black .skew-right {
    background-color: var(--color-white);
    right: -85%;
    z-index: 2;
}
main .banner-black .skew-right.invert {
    background-color: var(--color-blue-one);
    right: -74%;
    z-index: 1;
}
main .banner-black .skew-right.invert:before {
    content: '';
    position: absolute;
    bottom: 112px;
    left: 6%;
    background: url(../img/icons/ico-wdc-flower.svg) center center no-repeat;
    width: 163px;
    height: 163px;
    transform: skewX(45deg);
}


/*=== Banner Black Bottom ===*/
main .banner-black-bottom {
    display: flex;
    align-items: center;
    width: 100%;
    height: 570px;
    text-align: right;
}
main .banner-black-bottom h1 {
    font-size: 80px;
    color: var(--color-blue-one);
    font-weight: 700;
}
main .banner-black-bottom h2 {
    margin-bottom: 30px;
    color: var(--color-white);
}
main .banner-black-bottom p {
    color: var(--color-white);
    max-width: 534px;
    margin: 0 0 20px auto;
}
main .banner-black-bottom p strong {
    font-size: 20px;
}
main .banner-black-bottom .skew-right.invert {
    background-color: var(--color-grey-five);
    right: -74%;
    margin-right: 570px;
}
main .banner-black-bottom .skew-right.invert.triangle:before {
    border-color: var(--color-blue-five) transparent transparent transparent;
}

/*=== Banner Working ===*/

main .banner-working {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: right;
    padding: 90px 0 75px;
    background-color: var(--color-blue-five);
}
main .banner-working .skew-right.invert {
    background-color: var(--color-white);
    right: -74%;
    margin-right: 832px;
    height: 101%;
}
main .banner-working h1 {
    font-size: 60px;
    color: var(--color-blue-one);
    font-weight: 700;
    line-height: 60px;
}

main .banner-working h3 {
    margin: 48px 0 30px;
    color: var(--color-blue-one);
}
main .banner-working p {
    max-width: 545px;
    margin: 30px 0 0 auto;
}
main .banner-working .skew-right.invert img {
    position: absolute;
    left: -186px;
    transform: skew(45deg);
    width: 120px;
    top: 33px;
}
main .banner-working .skew-right.invert:before {
    content: '';
    width: 300px;
    height: 300px;
    background: #fff;
    position: absolute;
    right: -150px;
    bottom: 0;
    transform: skew(45deg);
}

/*=== Numbers ===*/

main .numbers {
    padding: 20px 0 50px;
}
main .numbers h3 {
    text-align: center;
    margin-bottom: 30px;
}
main .numbers h3.blue {
    color: var(--color-blue-two);
}
main .numbers .box {
    text-align: center;
    background-color: var(--color-white);
    box-shadow: 0px 0px 6px #00000029;
    padding: 44px 10px 5px;
    margin-bottom: 20px;
    height: 100%;
    min-height: 365px;
}
main .numbers .col-lg-3 {
    margin-bottom: 30px;
}
main .numbers p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}
main .numbers h4 {
    margin-top: 14px;
    padding-top: 30px;
    position: relative;
    color: var(--color-blue-two);
    font-size: 26px;
}
main .numbers h4:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 76px;
    height: 2px;
    background-color: #aeaeae;
}
main .numbers h5 {
    margin-top: 24px;
}
main .numbers .col-lg-6 {
    margin-bottom: 30px;
}

/*=== Banner Casa ===*/

main .banner-casa {
    height: 575px;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: right;
}
main .banner-casa .skew-right {
    background-color: var(--color-blue-five);
    right: -36%;
    height: 101%;
}
main .banner-casa .skew-right:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) skew(-45deg);
    background: url('../img/icons/ico-wdc.svg') no-repeat;
    background-size: 100%;
    width: 246px;
    height: 335px;
}
main .banner-casa p {
    color: var(--color-white);
    line-height: 30px;
    max-width: 444px;
    margin: 44px 0 0 auto;
}

/*=== Banner Exp ===*/

main .banner-exp {
    width: 100%;
    height: 767px;
    display: flex;
    align-items: center;
}
main .banner-exp h2 {
    font-size: 60px;
    color: var(--color-blue-six);
    margin-bottom: 20px;
}
main .banner-exp p {
    font-size: 20px;
    line-height: 30px;
    color: var(--color-white);
}
main .banner-exp .button-primary-arrow {
    margin-top: 30px;
}

/*=== History ===*/

.timeline {
    padding: 116px 0 200px;
    position: relative;
}
.timeline h2 {
    font-size: 80px;
    color: var(--color-blue-six);
    text-align: center;
}
.timeline .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 200px 200px 0;
    position: absolute;
    z-index: 1;
    border-color: transparent var(--color-blue-two) transparent transparent;
}
.timeline .triangle.right {
    right: 0;
    top: 0;
}
.timeline .triangle.left {
    left: 0;
    bottom: 0;
    transform: rotate(-180deg);
}
.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: "";
    top: 88px;
    height: 3px;
    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;
    min-height: 585px;
    /* dot */
}
.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;
    top: -45px;
    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;
    top: -0.4375rem;
    content: "";
    left: 1.5625rem;
    height: 0;
    position: absolute;
    width: 0;
    transform: rotate(180deg);
}

.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: #3a79f9;
    color: #fff;
}

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

.ts-time-line__horizontal h5 {
    margin: 0;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 15px;
}
.ts-time-line__horizontal p {
    line-height: 23px;
}

.ts-time-line__horizontal .ts-time-line__item figure {
    position: absolute;
    top: -27px;
    left: 17px;
}

.ts-time-line__horizontal .ts-time-line__item figure small {
    text-transform: uppercase;
    opacity: .4;
    height: 17px;
    display: block;
    line-height: 17px;
}

.ts-time-line__horizontal .ts-time-line__item figure small,
.ts-time-line__horizontal .ts-time-line__item figure h6 {
    font-weight: 600;
    margin-bottom: 0;
}

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

.ts-time-line__horizontal .owl-stage {
    align-items: flex-start;
    display: flex;
    padding-top: 50px;
}

.ts-time-line__horizontal .ts-sly-frame.ts-loaded > ul {
    align-items: flex-end;
    display: flex;
}
.ts-time-line__horizontal .owl-nav.disabled, .ts-time-line__horizontal .owl-nav {
    display: block;
    margin-left: 15px;
}
.ts-time-line__horizontal .owl-nav div {
    display: inline-block;
    background: var(--color-blue-four);
    width: 38px;
    height: 38px;
    color: var(--color-white);
    font-size: 28px;
    border-radius: 50px;
    text-align: center;
    line-height: 43px;
    position: absolute;
    top: 50%;
}
.ts-time-line__horizontal .owl-nav .owl-next {
    right: 6px;
}
.ts-time-line__horizontal .owl-nav .owl-prev {
    left: 6px;
}

/*=== Bus ===*/

main .banner-bus {
    width: 100%;
    height: 560px;
    text-align: right;
}
main .banner-bus h1 {
    color: var(--color-white);
    font-size: 60px;
    font-weight: bold;
    margin:50px 0 25px;
}
main .banner-bus p {
    color: var(--color-white);
    max-width: 300px;
    margin: 0 0 0 auto;
}
main .banner-bus.enterprise:before {
    content: '';
    width: 100%;
    height: 490px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(8,8,8,0);
    background: -moz-linear-gradient(top, rgba(8,8,8,0) 0%, rgba(8,8,8,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,8,8,0)), color-stop(100%, rgba(8,8,8,1)));
    background: -webkit-linear-gradient(top, rgba(8,8,8,0) 0%, rgba(8,8,8,1) 100%);
    background: -o-linear-gradient(top, rgba(8,8,8,0) 0%, rgba(8,8,8,1) 100%);
    background: -ms-linear-gradient(top, rgba(8,8,8,0) 0%, rgba(8,8,8,1) 100%);
    background: linear-gradient(to bottom, rgba(8,8,8,0) 0%, rgba(8,8,8,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080808', endColorstr='#080808', GradientType=0 );
}
main .banner-bus.enterprise .skew-right {
    background-color: var(--color-blue-two);
    right: -60%;
}

main .banner-bus-item {
    display: flex;
    align-items: center;
    height: 550px;
}
main .banner-bus-left {
    text-align: left;
}
main .banner-bus-right {
    text-align: right;
}
main .banner-bus-left .skew-left {
    background-color: var(--color-white);
    right: 40%;
    left: unset;
}
main .banner-bus-right .skew-right {
    background-color: var(--color-white);
}
main .banner-bus-right .skew-right.triangle:before {
    border-width: 200px 200px 0 200px;
    left: -100px;
}
main .banner-bus-left .skew-left.triangle:before {
    border-width: 200px 200px 0 200px;
    right: -100px;
}
main .banner-bus-left .skew-left.triangle svg {
    position: absolute;
    top: 100px;
    right: 184px;
    width: 153px;
    height: 208px;
    transform: skewX(45deg);
}
main .banner-bus-right .skew-right.triangle svg {
    position: absolute;
    bottom: 100px;
    left: 127px;
    width: 153px;
    height: 208px;
    transform: skewX(45deg) rotate(180deg);
}
main .banner-bus-item h2 {
    margin-bottom: 30px;
    max-width: 360px;
    font-size: 40px;
    line-height: 50px;
}
main .banner-bus-right h2 {
    margin: 0 0 30px auto;
    font-size: 40px;
    line-height: 50px;
}
main .banner-bus-item p {
    max-width: 360px;
    margin-bottom: 0;
}
main .banner-bus-right p {
    margin: 0 0 0 auto;
}

/*=== Banner Solution ===*/

main .banner-solution {
    width: 100%;
    height: 650px;
    color: var(--color-white);
}
main .banner-solution h2, main .banner-solution h1 {
    margin-top: 84px;
    margin-bottom: 50px;
}
main .banner-solution h4, main .banner-solution .carousel h2 {
    font-size: 35px;
    margin: 0;
    line-height: 1.2;
}
main .banner-solution p {
    margin: 20px 0 0px;
    max-width: 360px;
}
main .banner-solution .skew-left {
    left: -38%;
    z-index: 2;
}
main .banner-solution .container {
    position: relative;
}

main .banner-solution .skew-right svg {
    position: absolute;
    top: 130px;
    left: 62px;
    transform: skew(-45deg) rotate(-90deg);
}
main .banner-solution .skew-right {
    background-color: var(--color-grey-five);
    z-index: 1;
    right: -79%;
}
main .banner-solution .image {
    position: absolute;
    height: 100%;
    width: 100%;
}
main .banner-solution .carousel-item {
    height: 650px;
}
main .banner-solution .text {
    position: relative;
    z-index: 3;
}
main .banner-solution .carousel-indicators {
    left: 16px;
    right: unset;
    bottom: 31px;
    margin: 0;
}
main .banner-solution .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: none;
    border: 2px solid #fff;
    margin-right: 10px;
    opacity: 1;
}
main .banner-solution .carousel-indicators li.active {
    background-color: var(--color-white);
}
main .banner-solution .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 150px 150px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
}

/*=== Banner Solution Product ===*/

main .banner-solution-product {
    display: flex;
    align-items: center;
    height: 580px;
}
main .banner-solution-product .skew-right, main .banner-solution-product .skew-left {
    background-color: var(--color-white);
}
main .banner-solution-product .skew-left {
    left: -35%;
}
main .banner-solution-product .skew-right {
    right: -35%;
}
main .banner-solution-product .text {

}
main .banner-solution-product .text h2 {
    margin-bottom: 17px;
    font-size: 40px;
    line-height: 50px;
}
main .banner-solution-product .text p {
    line-height: 28px;
    margin-bottom: 30px;
}
main .banner-solution-product .text h4 {
    font-size: 17px;
    margin-bottom: 11px;
    position: relative;
}
main .banner-solution-product.right .text {
    margin: 0 0 0 auto;
}
main .banner-solution-product.left .text {
    margin: 0 auto 0 0;
}
main .banner-solution-product svg {
    transform: skewX(-45deg) rotate(180deg);
    width: 136px;
    margin: 70px 0 0 124px;
}
main .banner-solution-product ul {
    list-style: none;
}
main .banner-solution-product ul li {
    position: relative;
    padding-left: 30px;
}
main .banner-solution-product ul li:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    background: url('../img/bus/ico-more.svg') center center no-repeat;
    width: 19px;
    height: 22px;
}
main .banner-solution-product ul li a {
    color: #212529;
}
main .banner-solution-product .triangles {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 150px 150px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
main .banner-solution-product.left .triangles {
    right: unset;
    left: 0;
    transform: rotate(-90deg);
}

/*=== Banner Products ===*/
.banner-products {
    height: 370px;
    display: flex;
    align-items: center;
}
.banner-products .triangles {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 144px 0 0 144px;
    border-color: transparent transparent transparent var(--color-white);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.banner-products .skew-left {
    left: -25%;
    margin-left: -147px;
}
.banner-products h2, .banner-products p, .banner-products h1 {
    color: var(--color-white);
}
.products {
    padding: 50px 0 90px;
    min-height: 490px;
    display: flex;
    align-items: center;
}
.products ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.products ul li {
    position: relative;
    padding-left: 30px;
}
.products ul li:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    background: url('../img/icons/ico-external-link.svg') center center no-repeat;
    width: 18px;
    height: 18px;
}
.products ul li a {
    color: #212529;
}
.products h4 {
    font-size: 20px;
}
.products.white ul li:before {
    filter: brightness(0) invert(1);
}
.products.white, .products.white ul li a {
    color: var(--color-white);
}
.products .skew-left.invert {
    background-color: var(--color-white);
    left: -23%;
}
.products .text {
    max-width: 600px;
}
.products .triangles {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 144px 0 0 144px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.products.white.overflow-hidden .triangles {
    border-color: transparent transparent transparent var(--color-white);
}

/* Product Form */

.product-form {
    padding: 96px 0 85px;
    position: relative;
}
.product-form h2 {
    text-align: center;
}
.product-form .triangles {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 300px 0 0 300px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transform: rotate(90deg);
}

.box-whatsapp {
    display: block;
    position: absolute;
    bottom: 0;
    right: 15px;
    background-color: var(--color-blue-four);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    text-transform: uppercase;
    color: var(--color-white);
    font-weight: 700;
    width: 262px;
    padding: 5px 17px;
    font-size: 30px;
}
.box-whatsapp span {
    font-size: 17px;
    vertical-align: top;
}
.box-whatsapp:hover {
    color: var(--color-white);
}

/*=== Banner Manufacturer ===*/

.banner-manufacturer {
    width: 100%;
    height: 540px;
    display: flex;
    align-items: center;
    background-color: var(--color-white);
}
.banner-manufacturer.new {
    height: 604px;
}
.banner-manufacturer .skew-right {
   background-color: var(--color-blue-seven);
   right: -70%;
}
.banner-manufacturer h3 {
    line-height: 40px;
    font-weight: 700;
    color: var(--color-blue-two);
}
.banner-manufacturer h3 span {
    font-weight: 600;
    display: block;
    color: var(--color-grey-two);
}
.banner-manufacturer a.button-primary-arrow.big {
    text-transform: uppercase;
    width: 290px;
    margin-top: 0;
}
.banner-manufacturer.new a.button-primary-arrow {
    margin-top: 0;
}
.banner-manufacturer .skew-right svg {
    transform: skewX(-45deg) rotate(180deg);
    position: absolute;
    left: 0;
    top: 15%;
    width: 249px;
    height: 340px;
}
.banner-manufacturer .triangles {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 150px 150px 0;
    transform: rotate(180deg);
    border-color: transparent var(--color-blue-two) transparent transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

/*=== Manufacturer Video ===*/
.manufacturer-video {
    padding: 70px 0;
    background-color: var(--color-grey-five);
}

/*=== Manufacturer About ===*/
.manufacturer-about {
    padding: 212px 0 120px;
}
.manufacturer-about .skew-right.invert {
    background-color: var(--color-white);
    transform: skewX(-45deg);
    right: -43%;
    width: 130%;
}
.manufacturer-about .triangles.right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 500px 500px 0;
    transform: rotate(90deg);
    border-color: transparent var(--color-blue-two) transparent transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.manufacturer-about .triangles.left {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 200px 200px 0;
    transform: rotate(180deg);
    border-color: transparent var(--color-blue-two) transparent transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.manufacturer-about .skew-left.invert {
    background: var(--color-blue-four);
    left: -73%;
}
.manufacturer-about .text {
    padding-bottom: 166px;
    z-index: 3;
    position: relative;
    min-height: 850px;
}
.manufacturer-about .text-bottom {
    color: var(--color-white);
    z-index: 3;
    position: relative;
    max-width: 500px;
}
.manufacturer-about h5 {
    font-size: 25px;
    font-weight: 700;
}
.manufacturer-about .skew-left.invert .svg-bottom {
    right: 388px;
    bottom: 294px;
    transform: skewX(-45deg) rotate(270deg);
    position: absolute;
    z-index: 5;
    width: 182px;
    height: 248px;
}
.manufacturer-about .skew-left.invert .svg-right {
    right: -252px;
    bottom: 478px;
    transform: skewX(-45deg) rotate(180deg);
    position: absolute;
    z-index: 5;
    width: 337px;
    height: 458px;
}

/*=== Manufacturer Solution ===*/
.manufacturer-solution {
    display: flex;
    align-items: center;
    height: 600px;
}
.manufacturer-solution.manufacturer-solution-left .skew-left.triangle:before {
    border-width: 200px 200px 0 200px;
    border-color: var(--color-blue-four) transparent transparent transparent;
    right: -100px;
}
.manufacturer-solution.manufacturer-solution-left .skew-left {
    background-color: var(--color-white);
    right: 31%;
    left: unset;
}
.manufacturer-solution h3 {
    margin-bottom: 30px;
    max-width: 500px;
    color: var(--color-blue-four);
}
.manufacturer-solution p {
    max-width: 500px;
    line-height: 28px;
    margin-bottom: 0;
}
.manufacturer-solution.first .triangles.left {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 200px 200px 0;
    transform: rotate(-90deg);
    border-color: transparent var(--color-blue-two) transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.manufacturer-solution.first .triangles.big.left {
    border-width: 0 500px 500px 0;
    border-color: transparent var(--color-blue-four) transparent transparent;
    z-index: 1;
}
.manufacturer-solution.manufacturer-solution-right .skew-right {
    background-color: var(--color-white);
    left: 31%;
    right: unset;
}
.manufacturer-solution.manufacturer-solution-right.first .skew-right svg {
    transform: skewX(-45deg) rotate(180deg);
    width: 232px;
    height: 290px;
    top: 63px;
    left: 105px;
    position: absolute;
}
.manufacturer-solution.manufacturer-solution-right.first .skew-right svg path {
    fill: var(--color-blue-two);
}
.manufacturer-solution.manufacturer-solution-right .skew-right.triangle:before {
    border-width: 200px 200px 0 200px;
    border-color: var(--color-blue-two) transparent transparent transparent;
    left: -100px;
}
.manufacturer-solution h5 {
    font-size: 17px;
    margin-bottom: 11px;
    margin-top: 29px;
}
.manufacturer-solution ul {
    list-style: none;
}
.manufacturer-solution ul li {
    position: relative;
    padding-left: 30px;
}
.manufacturer-solution ul li:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    background: url(../img/bus/ico-more.svg) center center no-repeat;
    width: 19px;
    height: 22px;
}
.manufacturer-solution ul li a {
    color: #212529;
}

/* products-solutions */
.products-solutions {
    padding: 60px 0 0;
}
.products-solutions .title-into {
    position: relative;
    margin-bottom: 50px;
}
.products-solutions .title-into svg {
    transform: rotate(-90deg);
}
.products-solutions .title-into h2 {
    color: var(--color-blue-one);
    font-size: 24px;
    text-transform: uppercase;
}
.products-solutions.half {
    padding: 0;
}
.products-solutions .tab-products {
    padding-bottom: 100px;
}
.products-solutions .search-filter-results {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.products-solutions .search-filter-results .item {
    text-align: center;
}
.products-solutions .search-filter-results .item h2 {
    font-size: 13px;
    color: #000;
    line-height: 20px;
    margin: 0;
}
.products-solutions .search-filter-results .item p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
    color: #808080;
}
.products-solutions .search-filter-results .item {
    background-color: #F2F2F2;
    padding: 20px 20px 15px;
}
.products-solutions .search-filter-results .item .img {
    display: flex;
    align-items: center;
    width: 100%;
    height: 150px;
    justify-content: center;
    margin-bottom: 50px;
}
.products-solutions .search-filter-results .item .img img {
    transform: scale(0.9);
    transition: all .3s ease;
}
.products-solutions .search-filter-results .item a:hover .img img {
    transform: scale(1);
}
.products-solutions .nav-tabs {
    border: none;
    margin-bottom: 50px;
    justify-content: center;
}
.products-solutions .nav-tabs .nav-link {
    font-size: 22px;
    color: #000;
    border: none;
    border-bottom: 2px solid #fff !important;
    padding: 0;
    margin: 0 20px;
    font-weight: 700;
}
.products-solutions .nav-tabs .nav-item.show .nav-link, .products-solutions  .nav-tabs .nav-link.active, .products-solutions  .nav-tabs .nav-link:focus {
    border-color: var(--color-blue-six) !important;
    color: var(--color-blue-six);
}
.searchandfilter h4 {
    text-transform: uppercase;
    color: var(--color-blue-five);
}
.searchandfilter ul li li {
    cursor: pointer;
}

.products-solutions .container-fluid {
    padding: 0;
}
.products-solutions #accordion .card-header a {
    display: block;
    height: 400px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.products-solutions.half #accordion .card-header a {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
}
.products-solutions #accordion .card-header a .text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.products-solutions.half #accordion .card-header a .text {
    position: relative;
    top: unset;
    transform: none;
    width: 100%;
    padding:50px;
}
.products-solutions #accordion img {
    width: 100%;
    object-fit: cover;
}
.products-solutions.half #accordion img {
    height: 100%;
}
.products-solutions .card {
    border-radius: 0;
    border: none;
}
.products-solutions .card-header {
    padding: 0;
    border-radius: 0;
    border: none;
}
.products-solutions.half .card-header {
    background-color: #fff;
}
.products-solutions .card h2 {
    color: #fff;
    font-size: 34px;
}
.products-solutions .card p {
    color: #fff;
    font-size: 17px;
    max-width: 460px;
}
.products-solutions.half .card h2, .products-solutions.half .card p {
    color: #000;
    max-width: none;
}
.products-solutions.half .card p.blue {
    color: var(--color-blue-five);
}
.products-solutions .card-body {
    padding: 50px 0;
}
.products-solutions.half .card-body {
    background-color: #F9F9F9;
}
.products-solutions .card-body ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.products-solutions .card-body a p, .products-solutions .card-body p {
    color: #606060;
}
.products-solutions #accordion .card-body ul img {
    width: 50px;
    display: block;
}
.products-solutions #accordion .card-body h2 {
    font-size: 17px;
    color: var(--color-blue-five);
    text-transform: uppercase;
}
.products-solutions #accordion .card-body a {
    color: var(--color-blue-five);
}
.products-solutions .card-header svg {
    margin-left: 20px;
}
.products-solutions.half svg.arrow {
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%) rotate(-90deg);
    z-index: 1;
}
.btn-buy {
    background-color: #000;
    border-radius: 16px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 130px;
    height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .3s ease;
}
.products-solutions .search-filter-results .item {
    position: relative;
}
.products-solutions .search-filter-results .item a .text {
    transition: opacity .3s ease;
}
.products-solutions .search-filter-results .item a:hover .text {
    opacity: 0;
}
.products-solutions .search-filter-results .item a:hover .btn-buy {
    opacity: 1;
    bottom: 20px;
}
.products-solutions .search-filter-results .item a .btn-buy:hover {
    color: #fff;
}
.products-solutions.half h3 {
    color: var(--color-blue-one);
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: center;
}
.products-solutions.half h4 {
    color: #000;
    font-size: 27px;
    margin-bottom: 80px;
    text-align: center;
}
.products-solutions.unit .tab-content .col-lg-4 {
    margin-bottom: 30px;
}
.products-solutions.unit .tab-content a h2 {
    font-size: 21px;
    color: var(--color-blue-five);
    line-height: 30px;
    margin-top: 25px;
}
.products-solutions.unit .tab-content a p {
    font-size: 16px;
    color: #000;
    min-height: 95px;
}
.products-solutions.unit .tab-content a span {
    font-weight: 500;
    font-size: 17px;
    color: #606060;
    display: flex;
    align-items: center;
    gap: 30px;
}
.popup_unit {
    display: none;
}
.popup_unit .content {
    display: flex;
    padding: 30px;
    gap: 80px;
}
.popup_unit .content a.btn {
    font-size: 13px;
    align-items: center;
    display: flex;
    justify-content: center;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 0 13px;
    height: 30px;
}
.popup_unit .content a.btn:hover {
    color: #fff;
    background-color: #000;
}
.popup_unit .content ul li {
    list-style: none;
    margin-bottom: 15px;
}
.popup_unit .content ul li a {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

/* product-details */
.product-details {
    padding: 20px 0;
}
.product-details  .owl-nav .owl-next {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #505050;
}
.product-details  .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    color: #505050;
}
.product-details #sync1 .owl-nav .owl-next, .product-details #sync1 .owl-nav .owl-prev {
    border: 1px solid #E2E2E2;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-details .owl-nav .owl-next {
    right: 0;
}
.product-details .owl-nav .owl-prev {
    left: 0;
}
.product-details #sync2 img {
    height: 55px;
    margin: 0 auto;
    width: auto;
}
.product-details #sync2 .item {
    text-align: center;
    width: 90px;
    border: 1px solid #E2E2E2;
    margin: 0 auto;
}
.product-details #sync2 .current .item {
    border-bottom: 3px solid #00C9F6;
}
.product-details #sync2 .owl-nav .owl-next {
    right: -20px;
}
.product-details #sync2 .owl-nav .owl-prev {
    left: -20px;
}

.product-details div#sync2 {
    max-width: 520px;
    margin: 0 auto;
}
.product-details .product-infos h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 0;
}
.product-details .product-infos h4 {
    font-size: 18px;
    font-weight: normal;
}
.product-details .product-infos p {
    font-size: 15px;
    line-height: 18px;
}
.product-details .product-infos p.legend {
    font-size: 10px;
}
.product-details .btn {
    color: #fff;
    background-color: var(--color-blue-five);
    font-size: 12px;
    font-weight: 700;
    height: 35px;
    width: 100%;
    border-radius: 0;
    margin-bottom: 10px;
}
.product-details .btn:hover {
    background-color: #000;
}
.product-details .btn-border {
    background-color: transparent;
    text-transform: uppercase;
    color: #00B0F2;
    border: 1px solid #00B0F2;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.product-details .btn-border:hover {
    color: #fff;
    background-color: #00B0F2;
}
.product-details .btn-border span + span {
    font-size: 7px;
}

/* related-products */
.related-products {
    padding: 76px 0;
}
.related-products h2 {
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}
.related-products .item {
    text-align: center;
}
.related-products .item h2 {
    font-size: 13px;
    color: #000;
    line-height: 20px;
    margin: 0;
}
.related-products .item p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
    color: #808080;
}
.related-products .item {
    background-color: #F2F2F2;
    padding: 20px 20px 15px;
    height: 100%;
}
.related-products .item .img {
    display: flex;
    align-items: center;
    width: 100%;
    height: 150px;
    justify-content: center;
    margin-bottom: 50px;
}
.related-products .item .img img, .products-solutions.half #accordion .related-products img {
    width: auto;
    height: auto;
}
.related-products .item {
    position: relative;
}
.related-products .item a .text {
    transition: opacity .3s ease;
}
.related-products .item a:hover .text {
    opacity: 0;
}
.related-products .item a:hover .btn-buy {
    opacity: 1;
    bottom: 20px;
}
.related-products .item a .btn-buy:hover {
    color: #fff;
}
.related-products  .owl-nav .owl-next {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    color: #505050;
}
.related-products  .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    color: #505050;
}

/* product-specifications */
.product-specifications {
    padding: 50px 0;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
}
.product-specifications h2.title {
    color: #000;
    font-size: 25px;
    text-align: center;
    font-weight: normal;
    position: relative;
}

.product-specifications h2.title i, .product-specifications h2.title svg {
    font-size: 16px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.product-specifications .text {
    padding: 30px 0 0;
    /* display: none; */
}
.product-specifications .text strong {
    color: var(--color-blue-five);
}
.product-specifications .btn {
    background-color: transparent;
    text-transform: uppercase;
    color: #00B0F2;
    border: 1px solid #00B0F2;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 0;
    font-size: 12px;
    font-weight: 700;
}
.product-specifications .btn:hover {
    color: #fff;
    background-color: #00B0F2;
}
.product-specifications  .buttons {
    border-top: 1px solid #707070;
    margin-top: 50px;
    padding: 50px;
    display: grid;
    align-items: center;
    justify-content: center;
    gap: 50px;
    grid-template-columns: 5fr 1fr 5fr;
    text-align: center;
}
.product-specifications  .buttons span {
    width: 1px;
    height: 50px;
    background-color: #707070;
    display: block;
    text-align: center;
    margin: 0 auto;
}

/* Solutions */
.banner-solution-new {
    height: 400px;
    display: flex;
    width: 100%;
    align-items: center;
    color: #fff;
    position: relative;
}
.banner-solution-new h2 {
    font-size: 44px;
}
/* .banner-solution-new p {
    font-size: 22px;
    line-height: 26px;
} */
.banner-solution-new:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(90deg, #00388A 0%, #00388AEE 13%, #00388ABF 36%, #00388A73 64%, #00388A0B 97%, #00388A00 100%) 0% 0% no-repeat padding-box;
}
.banner-solution-new:after {
    content: '';
    background: url(../img/versao2022/triangle-banner.svg);
    width: 1270px;
    height: 94px;
    position: absolute;
    right: 0;
    bottom: 0;
    mix-blend-mode: hard-light;
    opacity: 0.72;
}
.banner-solution-new svg {
    position: absolute;
    right: 80px;
    transform: rotate(180deg);
    bottom: -50px;
    z-index: 1;
}

/*=== Banner Vídeos ===*/

.banner-videos {
    width: 100%;
    height: auto;
    padding: 50px 0;
    display: flex;
    align-items: center;
    background-color: var(--color-blue-two);
}
.banner-videos .skew-center {
    background-color: var(--color-blue-four);
}
.banner-videos h3 {
    color: var(--color-white);
    text-align: center;
    position: relative;
    z-index: 3;
    margin-bottom: 50px;
}
.banner-videos .videos-list a {
    max-width: 310px;
    display: block;
    color: var(--color-white);
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px;
}
.banner-videos .videos-list a.img {
    margin-bottom: 15px;
    position: relative;
}
.banner-videos .videos-list a.img:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('../img/icons/btn-play.svg') center center no-repeat;
    width: 64px;
    height: 64px;
}
.banner-videos .button-primary {
    margin: 50px auto 0;
    display: table;
}

/*=== Banner Cases ===*/

.banner-cases {
    width: 100%;
    background-color: var(--color-blue-four);
    padding-top: 70px;
}
.banner-cases .skew-center {
    background-color: var(--color-blue-two);
    left: -18%;
}
.banner-cases .bg {
    position: absolute;
    width: 30%;
    height: 100%;
    background: var(--color-blue-four);
    z-index: 0;
    top: 0;
    left: 0;
}
.banner-cases h3 {
    color: var(--color-white);
    text-align: center;
    position: relative;
    z-index: 3;
    margin-bottom: 50px;
}
.banner-cases .cases-list a {
    max-width: 310px;
    display: block;
    color: var(--color-white);
    font-weight: 700;
    font-size: 22px;
    text-align: center;
}
.banner-cases .cases-list a.img {
    margin-bottom: 35px;
    position: relative;
}
.banner-cases .button-primary {
    margin: 50px auto;
    display: table;
}
.banner-cases .manufacturer-solution.manufacturer-solution-left .skew-left {
    right: 18%;
    margin-right: 302px;
}
.banner-cases .manufacturer-solution h3 {
    color: var(--color-blue-four);
    text-align: left;
}
.banner-cases .manufacturer-solution ul {
    list-style: none;
    max-width: 490px;
}
.manufacturer-solution.manufacturer-solution-left .skew-left.triangle:before {
    border-color: var(--color-blue-two) transparent transparent transparent;
}
.banner-cases .manufacturer-solution .skew-left svg {
    transform: skewX(45deg) rotate(2deg);
    width: 140px;
    height: 191px;
    top: 102px;
    right: 194px;
    position: absolute;
}

/*=== Banner Support ===*/
.banner-support {
    padding: 90px 0 40px;
    background-color: var(--color-grey-five);
    position: relative;
    color: var(--color-white);
}
.banner-support:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--color-blue-four);
    width: 100%;
    height: 100%;
    max-width: 54.333333%;
}
.banner-support h3 {
    margin-bottom: 40px;
}
.banner-support p {
    margin-bottom: 44px;
}
.banner-support .black {
    padding: 0 80px;
}
.banner-support .blue {
    padding-right: 80px;
}
.banner-support .black a {
    color: var(--color-blue-two);
    font-weight: 700;
}
.banner-support .black h3 {
    margin-bottom: 70px;
}
.banner-support .triangles.left {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 200px 200px 0;
    transform: rotate(-90deg);
    border-color: transparent var(--color-white) transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

/*=== Manufacturer Form ===*/

.manufacturer-form {
    padding: 100px 0 50px 0;
    position: relative;
}
.manufacturer-form h2 {
    text-align: center;
    margin-bottom: 50px;
}
.manufacturer-form p {
    max-width: 520px;
    text-align: center;
    margin: 0 auto 30px;
}
.manufacturer-form .text {
    max-width: 690px;
    margin: 0 auto;
}
.manufacturer-form .triangle {
    position: absolute;
    left: 70%;
    transform: translateX(-50%);
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 100px 0 100px;
    border-color: var(--color-black) transparent transparent transparent;
}

/*=== Investidors ===*/

.investors .container {
    position: relative;
}
.investors .container .ico-wdc-double {
    width: 334px;
    position: absolute;
    top: -106px;
    left: -47px;
    z-index: 1;
}
.investors .container .ico-flower {
    width: 174px;
    position: absolute;
    bottom: -50px;
    right: 0;
    z-index: 1;
}
.investors .container .text {
    position: relative;
    z-index: 2;
}

/*=== Block Carousel ===*/
.block-carousel {
    padding: 25px 0;
}
.block-carousel .item {
    filter: drop-shadow(5px 5px 9px rgb(0 0 0 / 0.2));
    width: 100%;
    max-width: 300px;
}
.block-carousel .item .box {
    padding: 55px 20px 55px;
    background-color: var(--color-white);
    -webkit-clip-path: polygon(57px 0%, calc(100% - 40px) 0%, 100% 40px, 100% calc(100% - 0px), calc(100% - 40px) 100%, 40px 100%, 0px calc(100% - 40px), 0% 0px);
    clip-path: polygon(57px 0%, calc(100% - 40px) 0%, 100% 40px, 100% calc(100% - 0px), calc(100% - 40px) 100%, 40px 100%, 0px calc(100% - 40px), 0% 0px);
}
.block-carousel .item img {
    -webkit-clip-path: polygon(57px 0%, calc(100% - 40px) 0%, 100% 40px, 100% calc(100% - 0px), calc(100% - 40px) 100%, 40px 100%, 0px calc(100% - 40px), 0% 0px);
    clip-path: polygon(57px 0%, calc(100% - 40px) 0%, 100% 40px, 100% calc(100% - 0px), calc(100% - 40px) 100%, 40px 100%, 0px calc(100% - 40px), 0% 0px);
}
.block-carousel .owl-stage-outer {
    padding: 30px 0;
}
.block-carousel .item .box p {
    line-height: 20px;
    margin-bottom: 3px;
}
.block-carousel .item .box a {
    float: right;
    font-size: 25px;
}
.block-carousel .carousel:before {
    width: 110%;
    height: 183px;
    background: #e9edff;
    content: '';
    position: absolute;
    left: -5%;
    bottom: -20px;
    -webkit-clip-path: polygon(57px 0%, calc(100% - 60px) 0%, 100% 60px, 100% calc(100% - 0px), calc(100% - 60px) 100%, 60px 100%, 0px calc(100% - 60px), 0% 0px);
    clip-path: polygon(57px 0%, calc(100% - 60px) 0%, 100% 60px, 100% calc(100% - 0px), calc(100% - 60px) 100%, 60px 100%, 0px calc(100% - 60px), 0% 0px);
}
.block-carousel .carousel .ico-flower {
    width: 174px;
    position: absolute;
    bottom: 0;
    left: -10%;
}
.block-carousel .owl-nav {
    position: absolute;
    right: 0;
}
.block-carousel .owl-nav div {
    display: inline-block;
    margin-right: 15px;
    background: var(--color-blue-four);
    width: 38px;
    height: 38px;
    color: var(--color-white);
    font-size: 28px;
    border-radius: 50px;
    text-align: center;
    line-height: 43px;
}
.block-carousel .owl-nav div.owl-prev {
    padding-right: 3px;
}
.block-carousel .owl-nav div.owl-next {
    padding-left: 3px;
}
.block-carousel .carousel {
    margin-bottom: 74px;
}

/*=== Bus Colors ===*/
.corporativo .triangle:before {
    border-color: var(--color-corporativo) transparent transparent transparent;
}
.corporativo .triangle svg path{
    fill: var(--color-corporativo);
}
.corporativo.banner-bus-item h3 {
    color: var(--color-corporativo);
}
.corporativo.banner-solution .skew-left {
    background-color: var(--color-corporativo);
}
.corporativo.banner-solution .triangle {
    border-color: transparent transparent var(--color-corporativo) transparent;
}
.corporativo.banner-solution-product .svg {
    fill: var(--color-corporativo);
}
.corporativo.banner-solution-product h3 {
    color: var(--color-corporativo);
}
.corporativo.banner-solution-product .triangles {
    border-color: transparent var(--color-corporativo) transparent transparent;
}
.corporativo.banner-products .skew-left {
    background-color: var(--color-corporativo);
}
.corporativo.products .triangles {
    border-color: transparent transparent transparent var(--color-corporativo);
}
.corporativo.products.white .skew-left.invert {
    background-color: var(--color-corporativo);
}
.corporativo.product-form .triangles {
    border-color: transparent transparent transparent var(--color-corporativo);
}
.led .triangle:before {
    border-color: var(--color-led) transparent transparent transparent;
}
.led .triangle svg path{
    fill: var(--color-led);
}
.led.banner-bus-item h3 {
    color: var(--color-led);
}
.audio-video .triangle:before {
    border-color: var(--color-audio-video) transparent transparent transparent;
}
.audio-video .triangle svg path{
    fill: var(--color-audio-video);
}
.audio-video.banner-bus-item h3 {
    color: var(--color-audio-video);
}
.casa-home .triangle:before {
    border-color: var(--color-home) transparent transparent transparent;
}
.casa-home .triangle svg path{
    fill: var(--color-home);
}
.casa-home.banner-bus-item h3 {
    color: var(--color-home);
}
.solar .triangle:before {
    border-color: var(--color-solar) transparent transparent transparent;
}
.solar .triangle svg path{
    fill: var(--color-solar);
}
.solar.banner-bus-item h3 {
    color: var(--color-solar);
}

/*=== Banner WDC ===*/

.banner-wdc {
    padding: 30px 0 100px;
    text-align: center;
}
.banner-wdc .row .col-lg-4 {
    display: flex;
    align-items: center;
}
.banner-wdc .row .col-lg-4 .item {
    width: 100%;
    margin-top: 70px;
}
.banner-wdc .row .col-lg-4 .item h3 {
    font-size: 20px;
    margin-top: 48px;
    text-transform: uppercase;
}

/*=== Banner Image ===*/
.banner-image {
    height: 267px;
    background-size: cover;
    background-position: center center;
}

/*=== Business ===*/
.business {
    padding: 70px 0;
}

/*=== Blog ===*/
.blog {
    padding: 50px 0;
}
.blog aside {
    border-right: #eaeaea 1px solid;
}
.blog aside h2 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 30px;
    position: relative;
    color: var(--color-white);
}
.blog aside h2 span {
    position: relative;
    z-index: 1;
}
.blog aside h2:after {
    background: var(--color-blue-five);
    content: '';
    position: absolute;
    top: 0;
    left: -52px;
    width: 123%;
    height: 100%;
    z-index: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.blog aside ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.blog aside ul li {
    display: block;
    margin-bottom: 16px;
    border-bottom: #eaeaea 1px solid;
}
.blog aside ul li a {
    text-transform: uppercase;
    font-size: 14px;
    color: var(--color-grey-one);
}
.blog aside ul li a:hover {
    color: var(--color-blue-seven);
}
.blog form.search {
    width: 100%;
    display: flex;
    padding-bottom: 10px;
    border-bottom: #eaeaea 1px solid;
    display: none;
}
.blog form.search input {
    width: 80%;
    border: none;
}
.blog form.search button {
    border: none;
    background: none;
}
.blog .col-lg-9 {
    padding-left: 20px;
}
.tags {
    width: 100%;
    position: relative;
    margin: 20px 0 40px;
}
.tags .item {
    display: inline-block;
    width: auto;
}
.tags .owl-stage{
    display:flex;
}
.tags a {
    white-space: nowrap;
    display: inline-block;
    border: 1px solid var(--color-blue-seven);
    color: var(--color-blue-seven);
    padding: 1px 18px;
    border-radius: 50px;
    font-size: 14px;
}
.tags a:hover {
    background-color: var(--color-blue-seven);
    color: var(--color-white);
}
.tags a {
    white-space: nowrap;
    display: block;
}
.newsletter-box {
    background: #00388a;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 0 0 14px 20px;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 0.3);
}
.newsletter-box h2 {
    font-size: 20px;
    line-height: 21px;
    color: #fff;
}
.newsletter-box form {
    position: relative;
}
.newsletter-box form input {
    width: 90%;
    padding: 5px 10px;
    border-radius: 50px;
    border: none;
}
.newsletter-box form button {
    position: absolute;
    background: none;
    border: none;
    color: #00388a;
    right: 32px;
    top: 5px;
}
.newsletter-box .wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: none;
    color: #fff;
    font-size: 12px;
}
.newsletter-box .wpcf7 form .ajax-loader {
    display: none;
}
.newsletter-box .wpcf7 form p {
    margin-bottom: 0;
}
.newsletter-box .wpcf7 .wpcf7-not-valid-tip {
    margin: 0;
    font-size: 12px;
    color: #fff;
}
.destaque {
    position: relative;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 0.3);
}
.inf {
    background: #fff;
    position: absolute;
    right: 0;
    top: 83px;
    padding: 0 25px;
    display: flex;
    align-items: center;
    min-height: 119px;
    width: 70%;
}
.inf .date-text {
    font-size: 13px;
    line-height: 14px;
    margin-bottom: 6px;
}
.inf a h2 {
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 0;
    margin-top: 17px;
    color: var(--color-grey-five);
}
.flag {
    color: #fff;
    background: #00affa;
    position: absolute;
    right: 0;
    top: 25px;
    padding: 5px 13px;
    font-size: 14px;
}
.inf .date-text svg {
    margin-right: 3px;
}
.blog-list {
    margin-top: 28px;
}
.blog-list .col-lg-4 {
    margin-bottom: 30px;
}
.blog-list .box {
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 0.3);
    height: 100%;
    padding-bottom: 31px;
}
.blog-list .box .inf {
    width: 91%;
    position: relative;
    top: 0;
    margin: -31px auto;
    padding: 20px 15px;
    display: block;
}
.blog-list .box .inf.no-image {
    margin-top: 0;
}
.blog-int .banner {
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.blog-int .box {
    background: #fff;
    padding: 10px 50px 0;
    margin-top: -50px;
}

.blog-int .box .logos {
    margin-bottom: 50px;
    display: flex;
    width: 100%;
    justify-content: space-around;
}
.blog-int .date-text {
    font-size: 16px;
}
.posts-related {
    margin-top: 94px;
}
.posts-related h4 {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.blog-int .posts-related .box {
    padding: 0 0 30px;
    margin: 0 auto;
    max-width: 277px;
}
.blog-int .posts-related .box a {
    display: block;
    text-align: center;
}
.blog-int .posts-related .box .inf a {
    text-align: left;
}
.posts-related .blog-list .col-lg-4 {
    margin-bottom: 65px;
}

/* Contact */

.contatos .infos {
    background-color: #FFFFFF;
    border-radius: 3px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    position: relative;
    overflow: hidden;
    border-bottom: 3px solid #dadada;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-bottom: 20px;
    min-height: 300px;
    margin-top: 30px;
    text-align: left;
}
.contatos .infos .texto {
    padding: 30px;
    min-height: 367px;
}
.contatos .infos p {
    text-align: left;
}
.contatos .infos img {
    display: block;
}
.contatos .infos a {
    display: block;
    font-size: 15px;
}
.contatos .infos svg, .contatos .infos i {
    margin-right: 7px;
}
.contatos .infos svg path, .contatos .infos i {
    fill: var(--color-blue-two);
    color: var(--color-blue-two);
}
.contatos .infos .hora {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 30px;
}
.contatos .infos h5 {
    min-height: 48px;
   text-align: center;
    margin-bottom: 27px;
}
.contatos a, .contatos p {
    color: #323a45;
}
.contact-form {
    margin-top: -80px;
    padding-bottom: 60px;
}
.contact-form .box-blue {
    background-color: var(--color-blue-two);
    height: 100%;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    min-height: 530px;
}
.contact-form .box {
    background-color: var(--color-white);
    height: 100%;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    min-height: 530px;
}

.contact-form #rd-Ft5MIHLujPPnDC_7sP0Njg .with-select-flags > .phone-input-group > .select2-container > .select2-choice > .select2-chosen > .flag {
    margin-left: 0;
    position: absolute;
    top: 10px;
    left: 10px;
}
.contact-form .box-blue ul.social {
    display: grid;
    padding: 0;
    margin: 0;
    list-style: none;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.contact-form .box-blue ul.social li a {
    display: block;
    text-align: center;
    font-size: 23px;
    color: var(--color-white);
    background-color: rgb(0 0 0 / 0.2);
    padding: 10px;
}
.contact-form .box-blue ul.social li:nth-child(odd) a {
    background-color: rgb(0 0 0 / 0.3);
}
.contact-form .box-blue p {
    color: var(--color-white);
}
.contact-form .box-blue .text {
    width: 100%;
    padding: 20px 20px;
    line-height: 25px;
}
.contact-form .box-white {
    background: #fff;
    width: 100%;
    position: absolute;
    bottom: -24px;
    left: -38px;
    padding: 20px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
}
.contact-form .box-white ul {
    list-style: none;
}
.contact-form .box-white ul li {
    margin-bottom: 10px;
    font-size: 15px;
}
.contact-form .box-white ul li a {
    color: var(--color-grey-five);
}
.contact-form .box-white ul li svg {
    margin-right: 7px;
}
.contact-form #rd-Ft5MIHLujPPnDC_7sP0Njg .with-select-flags > label {
    display: inline-block !important;
}
.contact-form #rd-I3zyYQ9KyCkycsYC_Gp7og {
    height: 42px;
    border: none;
}
.contact-form #rd-Ft5MIHLujPPnDC_7sP0Njg .bricks-form__submit {
    width: 120px;
}
.form-rd .bricks-form__input:not(textarea), .form-rd #rd-w8YHn2UFkKfqlxPUcalL1g .select2-container .select2-choice {
    height: 42px !important;
}
.form-rd #rd-w8YHn2UFkKfqlxPUcalL1g .with-select-flags > label {
    display: inline-block !important;
}
.form-rd .bricks-form__submit {
    width: 120px !important;
}
.form-rd #rd-w8YHn2UFkKfqlxPUcalL1g .with-select-flags > .phone-input-group > .select2-container > .select2-choice > .select2-chosen > .flag {
    margin-left: 0;
    position: absolute;
    top: 10px;
    left: 10px;
}

.contact-form .box.form-presid {
    padding: 30px;
}
.contact-form .box.form-presid input, .contact-form .box.form-presid textarea {
    margin-bottom: 22px;
}
.contact-form .box.form-presid span.wpcf7-not-valid-tip {
    margin-top: -24px;
}
.contact-form .box.form-presid .wpcf7 form .wpcf7-response-output {
    border: none;
}

/* Black Friday */

.carrossel-black {
    height: calc(100vh - 211px);
}

.carrossel-black .item {
    height: calc(100vh - 211px);
}

.carrossel-black .owl-next {
    position: absolute;
    right: 25px;
    top: 50%;
    color: #fff;
    font-size: 34px;
    transform: translateY(-50%);
    background: rgb(0 0 0 / 0.5);
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.carrossel-black .owl-prev {
    position: absolute;
    left: 25px;
    top: 50%;
    color: #fff;
    font-size: 34px;
    transform: translateY(-50%);
    background: rgb(0 0 0 / 0.5);
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-fab-black {
    position: relative;
    height: 600px;
    background-color: var(--color-grey-five);
    display: flex;
    align-items: center;
}
.banner-fab-black .skew-right {
    background-color: var(--color-blue-five);
    right: -40%;
    height: 101%;
}
.banner-fab-black .col-lg-6 {
    text-align: right;
}
.banner-fab-black p {
    color: var(--color-white);
    line-height: 30px;
    max-width: 444px;
    text-align: right;
    margin: 44px 0 0 auto;
}
.banner-fab-black .logo {
    width: 300px;
}
.banner-fab-black .skew-right:before {
    content: '';
    position: absolute;
    left: -210px;
    top: 50%;
    transform: translateY(-50%) skew(-45deg);
    background: url(../img/backfriday/ico-wdc-double.svg) no-repeat;
    background-size: 100%;
    width: 358px;
    height: 252px;
}
.products-black {
    padding: 60px 0 0;
    position: relative;
}
.products-black.white {
    padding: 60px 0;
    border-top: var(--color-blue-five) 10px solid;
}
.products-black h2 {
    max-width: 565px;
    margin-bottom: 60px;
    font-size: 40px;
    line-height: 53px;
}
.products-black h2 span {
    font-size: 20px;
    font-weight: 300;
    display: block;
    line-height: 1.8rem;
    margin-top: 12px;
}
.products-black h3 {
    font-weight: 500;
    margin-top: 45px;
}
.products-black .col-lg-4 {
    margin-bottom: 60px;
}
.products-black .tag {
    color: white;
    background-color: var(--color-grey-five);
    font-weight: 700;
    border-radius: 50px;
    padding: 2px 20px;
    display: inline-block;
    font-size: 14px;
}
.products-black .title {
    font-size: 18px;
    margin-bottom: 7px;
    font-weight: bold;
    line-height: 22px;
}
.products-black .owl-next {
    position: absolute;
    right: -50px;
    top: 30%;
    color: #000;
    font-size: 34px;
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.products-black .owl-prev {
    position: absolute;
    left: -50px;
    top: 30%;
    color: #000;
    font-size: 34px;
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.products-black .faixa {
    width: 50%;
    height: 110px;
    position: absolute;
    right: 0;
}
.products-black .faixa:before {
    content: '';
    left: 0;
    position: absolute;
    background: white url(../img/backfriday/ico-wdc-double.svg) left center no-repeat;
    height: 110px;
    width: 200px;
    border-right: var(--color-blue-five) 8px solid;
}
.products-black .faixa:after {
    content: '';
    left: 190px;
    position: absolute;
    background-color: var(--color-blue-two);
    height: 110px;
    width: 4px;
}
.products-black .owl-carousel .owl-item img.logo {
    width: 120px;
}
.products-black.grey {
    background-color: #eaeaea;
    padding: 60px 0;
}
.products-black.grey h2 {
    text-align: right;
}
.products-black.grey .faixa {
    width: 50%;
    height: 110px;
    position: absolute;
    right: unset;
    left: 0;
}
.products-black.grey .faixa:before {
    left: unset;
    right: 0;
    background: #eaeaea url(../img/backfriday/ico-wdc-double.svg) left center no-repeat;
    transform: rotate(180deg);
}
.products-black.grey .faixa:after {
    left: unset;
    right: 190px;
}

/* Documents */

.documents {
    background: #F2F0F1;
}
.documents nav ul {
    margin: 50px 0;
    display: flex;
    justify-content: space-around;
    width: 100%;
    list-style: none;
}
.documents nav ul li a {
    font-size: 19px;
    color: var(--color-black);
    display: block;
    padding: 10px 0;
    border-bottom: transparent 2px solid;
}
.documents nav ul li a:hover, .documents nav ul li.current_page_item a {
    border-color: var(--color-blue-two);
}
.documents form.search {
    width: 100%;
    margin: 0 auto;
    max-width: 700px;
    display: block;
    padding: 5px 10px;
    background: #fff;
    border-radius: 12px;
}
.documents form.search input {
    width: 100%;
    border: none;
    padding: 5px 10px;
    text-align: center;
}
.documents form.search input[type="submit"] {
    border-radius: 10px;
    color: var(--color-blue-five);
    background-color: var(--color-blue-five);
    display: inline-block;
    position: relative;
    color: #fff;
}
.accordion {
    background: #fff;
}
.accordion .card {
    border-radius: 0;
    margin-bottom: 1px;
    border: none;
}
.accordion .card-header {
    padding: 0;
    border: none;
    background: none;
    border-radius: 0;
}
.accordion .card-header button {
    background: var(--color-blue-two);
    width: 100%;
    border-radius: 0;
    text-align: left;
    box-shadow: 0 0 0 0;
    text-decoration: none;
    color: #fff;
    padding-left: 30px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.accordion .card-header button:after {
    content: '';
    background-image: url(../img/icons/ico-minus.svg);
    float: right;
    width: 18px;
    height: 18px;
    filter: invert(1);
}
.accordion .card-header button.collapsed:after {
    background-image: url(../img/icons/ico-more.svg);
    filter: invert(0);
}
.accordion .accordion .card-header button.collapsed:after, .accordion .accordion .card-header button:after {
    filter: invert(0);
}
.accordion .card-header button.collapsed {
    background: #E5E5E5;
    color: #000;
}
.accordion .accordion .card-header button, .accordion .accordion .card-header button.collapsed {
    background-color: #fff;
    color: #000;
}
.accordion ul {
    background-color: #E5E5E5;
    margin-left: 33px;
    list-style: none;
    padding: 5px 20px;
}
.accordion ul li {
    padding: 3px 0;
}
.accordion ul li a {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.accordion ul li a span {
    display: none;
}
.accordion ul li a:after {
    content: '';
    background-image: url('../img/icons/ico-file.svg');
    width: 18px;
    height: 21px;
    float: right;
}
.accordion button:focus {
    border: none;
    outline: none;
}

/* Search */

.page-search {
    background-color: #f4f4f4;
    padding: 30px 0;
}
.page-search form {
    width: 100%;
    margin: 0 auto;
    max-width: 700px;
    display: block;
    padding: 5px 10px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: #dcdcdc 1px solid;
}
.page-search form input {
    width: 80%;
    border: none;
    padding: 5px 10px;
}
.page-search form input[type="submit"] {
    width: 20%;
    border-radius: 10px;
    color: var(--color-blue-five);
    background-color: var(--color-blue-five);
    display: inline-block;
    position: relative;
    color: #fff;
}
.results {
    margin-top: 30px;
    margin-bottom: 100px;
    padding: 35px;
    background-color: #fff;
    position: relative;
}
.results .top {
    display: flex;
    justify-content: space-between;
}
.results .list {
    margin-top: 18px;
    padding-top: 16px;
    border-top: #dcdcdc 1px solid;
}
.results .list h3 {
    color: #6aa2d6;
    font-size: 18px;
    display: block;
    margin-bottom: 0;
    line-height: 28px;
}
.results .list .date {
    color: #9d9d9d;
    font-size: 13px;
    display: block;
    text-transform: uppercase;
    padding-left: 0;
}
.results .list .date:before {
    display: none;
}
.results .list p {
    color: #9d9d9d;
    font-size: 15px;
    display: block;
}
.results .right select {
    border: none;
}

/* Pagination */

.pagination {
    position: absolute;
    bottom: -70px;
    color: #9d9d9d;
    left: 50%;
    transform: translateX(-50%);
    /* background: #fff; */
    padding: 5px 14px;
    border-radius: 10px;
    /* box-shadow: 1px 1px 3px rgb(0 0 0 / 0.2); */
    min-width: 237px;
}
.pagination ul {
    list-style: none;
}
.pagination ul li {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 5px;
}
.pagination ul li a {
    color: #9d9d9d;
    padding: 3px 10px;
    display: block;
}
.pagination ul li span.current {
    color: #fff;
    background: #6aa8e1;
    padding: 3px 10px;
    border-radius: 6px;
}
.blog .pagination {
    position: relative;
    bottom: 0;
}

/* 404 */
.page-error {
    padding: 100px 0;
}
.page-error strong {
    font-size: 70px;
    color: #00388a;
}

/* search-products */
.search-products {
    background: #F2F0F1;
}
.search-products form {
    position: relative;
    margin: 0 auto;
    max-width: 700px;
    display: block;
}
.search-products input[type="text"] {
    width: 100%;
    padding: 5px 200px 5px 20px;
    background: #fff;
    border-radius: 12px;
    border: #dcdcdc 1px solid;
    height: 50px;
}
.search-products button {
    position: absolute;
    right: 6px;
    top: 6px;
    background: var(--color-blue-five);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: none;
    border-radius: 10px;
    height: 38px;
    width: 100px;
}
.search-products p.empty {
    text-align: center;
    display: block;
    margin-top: 50px;
}
.search-products .box-result {
    background-color: #fff;
    margin-top: 50px;
    padding: 50px;
}
.search-products .box-result h2 {
    color: #6aa2d6;
    font-size: 18px;
    display: block;
    line-height: 28px;
    margin-bottom: 5px;
}
.search-products .box-result .product {
    margin: 15px 0;
    border-bottom: #dcdcdc 1px solid;
    padding: 15px 0;
}
.search-products .box-result .meta {
    color: #9d9d9d;
    font-size: 13px;
    display: block;
    text-transform: uppercase;
    padding-left: 0;
}
.search-products .box-result .description {
    margin-top: 7px;
    color: #9d9d9d;
    font-size: 15px;
    display: block;
}

/* Expedição */
.page-exp {
    padding: 50px 0 100px;
}
.page-exp .box {
    position: relative;
    margin-bottom: 50px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    overflow: hidden;
}
.page-exp .box .inner-box {
    position: relative;
}
.page-exp .box .inner-box .image {
    position: relative;
    overflow: hidden;
}
.page-exp .box .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
}
.page-exp .box .inner-box .lower-content {
    position: relative;
    border-radius: 0;
    border-top: none;
    background: #fff;
}
.page-exp .box .inner-box .lower-content .upper-box {
    position: relative;
    padding: 18px 25px 25px;
}
.page-exp .box .inner-box .lower-content .data {
    position: relative;
    color: #0c4da2;
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.page-exp .box .inner-box .lower-content h3 {
    position: relative;
    color: #232323;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 12px;
}
.page-exp .box .inner-box .lower-content h3 a {
    position: relative;
    color: #232323;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.page-exp .box .inner-box .lower-content h3 a:hover {
    color: #2d76eb;
}
.page-exp .box .inner-box .lower-content .text {
    position: relative;
    color: #777777;
    font-weight: 300;
    line-height: 1.7em;
}
.page-exp .box .inner-box .lower-box {
    position: relative;
    padding: 9px 25px;
    border-top: 1px solid #e3e3e3;
}
.page-exp .box .inner-box .lower-box .bt {
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
    display: inline-block;
    border-bottom: 1px solid;
    color: #323a45;
}
.page-exp .box .inner-box .lower-box ul {
    position: relative;
    margin-top: 9px;
    margin-bottom: 6px;
}
.page-exp .box .inner-box .lower-box ul li {
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
    display: inline-block;
}
.page-exp .box .inner-box .lower-box ul li:last-child {
    margin-right: 0px;
    padding-right: 0px;
}
.page-exp .box .inner-box .lower-box ul li:after {
    position: absolute;
    content: '/';
    right: -5px;
    top: 0px;
    color: #aaaaaa;
}
.page-exp .box .inner-box .lower-box ul li:last-child::after {
    display: none;
}
.page-exp .box .inner-box .lower-box ul li a {
    position: relative;
    color: #aaaaaa;
    font-size: 14px;
    font-weight: 300;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.page-exp .box .inner-box .lower-box ul li a:hover {
    color: #2d76eb;
}
.page-exp .box .inner-box .lower-box ul li a .icon {
    margin-right: 3px;
}
.page-exp .pagination {
    bottom: -43px;
}
.page-exp select#filtro {
    width: 100%;
    height: 38px;
    border: #c6c6c6 1px solid;
    padding: 0 8px;
}

/* Support */
.support-inf {
    text-align: justify;
}
.support-inf:before {
    content: '';
    position: absolute;

}
.support-inf h2 {
    color: var(--color-blue-seven);
    text-align: center;
    max-width: 700px;
    margin: 0 auto 30px;
}
.support-inf h4 {
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    margin: 0 auto 65px;
    font-weight: normal;
}
.support-inf ul.contacts {
    list-style: none;
}
.support-inf ul.contacts li {
    display: flex;
    align-items: center;
    margin-bottom: 70px;
}
.support-inf ul.contacts li p {
    margin: 0 0 0 20px;
    font-size: 30px;
    line-height: 36px;
    color: var(--color-blue-five);
}
.support-inf ul.contacts li a {
    margin: 0 0 0 20px;
    font-size: 30px;
    line-height: 36px;
    color: var(--color-blue-five);
}
.support-inf ul.contacts li .ico {
    font-size: 40px;
}
.support-inf ul.buttons {
    display: flex;
    justify-content: space-between;
    text-align: center;
    list-style: none;
    font-size: 18px;
    line-height: 25px;
    color: var(--color-blue-seven);
}
.support-inf ul.buttons li img {
    margin-bottom: 10px;
}
.support-inf ul.buttons li a {
    color: var(--color-blue-seven);
}
.support-inf ul.buttons li a .img {
    min-height: 46px;
}
.support-videos {
    position: relative;
    color: #fff;
    border-bottom: 10px solid var(--color-blue-one);
}
.support-videos h2 {
    font-size: 45px;
    line-height: 55px;
}
.support-videos:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--color-black);
}
.support-videos .owl-carousel .owl-item .item {
    max-width: 320px;
    margin: 0 auto;
}

.support-videos .owl-nav div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 37px;
}
.support-videos .owl-nav .owl-next {
    right: 0;
}

.support-videos:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: var(--color-blue-seven);
}
.support-videos .box {
    padding: 50px 15px;
}
.support-videos .box.left {
    background-color: var(--color-black);
    padding: 50px 15px;
}
.support-videos .box.right {
    background-color: var(--color-blue-seven);
    padding: 50px 15px 50px 25px;
}
.support-videos .box.right h2 {
    padding-left: 45px;
}
.support-videos .container {
    position: relative;
    z-index: 1;
}
.support-videos .videos-list {
    max-width: 400px;
    margin: 30px auto 0;
}
.support-videos .text-list .owl-nav div {
    transform: none;
    top: 24px;
}
.support-videos .text-list a {
    color: var(--color-blue-one);
}
.documents .videos-carousel {
    padding: 30px 50px;
    position: relative;
}
.documents .videos-carousel .owl-nav div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 37px;
    left: -25px;
}
.documents .videos-carousel .owl-nav .owl-next {
    right: -25px;
    left: unset;
}
.documents .text-support {
    padding: 30px;
}

/* New Home */
.solutions-carousel {
    padding: 36px 0 0;
}
.solutions-carousel h2 {
    color: var(--color-blue-five);
    font-size: 27px;
    text-align: center;
}
.solutions-carousel p {
    text-align: center;
    margin-bottom: 30px;
}
.solutions-carousel h3 {
    font-size: 15px;
    text-align: center;
    margin-top: 15px;
    color: var(--color-blue-four);
    line-height: 20px;
}
.solutions-carousel .owl-nav .owl-next {
    position: absolute;
    right: -30px;
    top: 35%;
    transform: translateY(-50%);
}
.solutions-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 35%;
    left: -30px;
    transform: translateY(-50%);
}

/* slider-home */

.slider-home .owl-nav .owl-next {
    position: absolute;
    right: 20px;
    top: 44%;
    transform: translateY(-50%);
    color: #fff;
}
.slider-home .owl-nav .owl-prev {
    position: absolute;
    top: 44%;
    left: 20px;
    transform: translateY(-50%);
    color: #fff;
}
.slider-home .owl-dots {
    text-align: center;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    gap: 10px;
}
.slider-home .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    border: 1px solid var(--color-blue-seven);
    background-color: #fff;
}
.slider-home .owl-dots .owl-dot.active {
    background-color: var(--color-blue-seven);
}

.searchandfilter label {
    font-size: 15px;
}
.searchandfilter [type="checkbox"]:checked + label, .searchandfilter [type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
.searchandfilter [type="checkbox"]:checked, .searchandfilter [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.searchandfilter [type="checkbox"]:checked + label:after, .searchandfilter [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 13px;
    height: 11px;
    background: url(../img/icons/ico-check.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 3px;
    left: 3px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.searchandfilter [type="checkbox"]:checked + label:before, .searchandfilter [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background: #fff;
}
.searchandfilter [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.wp-pagenavi {
    width: 100%;
    display: flex;
    justify-content: center;
}
.wp-pagenavi span.pages {
    display: none;
}
.wp-pagenavi span {
    border: none;
}
.wp-pagenavi span.current {
    color: #fff;
    background: var(--color-blue-five);
    padding: 3px 10px;
    border-radius: 6px;
}
.wp-pagenavi a {
    color: #9d9d9d;
    padding: 3px 10px;
    border: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border: none;
}
.product-infos a.btn-specs {
    font-size: 13px;
    color: #00AFFA;
}
.product-infos a.btn-specs svg {
    width: 12px;
    margin-left: 20px;
}

/* Responsive */
@media (min-width: 992px) {
    header .submenu ul li.menu-item-16772 ul.dropdown-menu li a {
        padding: 0 0 0 0;
        white-space: nowrap;
    }
    header .submenu ul li.menu-item-16772 ul.dropdown-menu li {
        margin-right: 167px;
    }
    header .submenu ul li.menu-item-16772 ul.dropdown-menu {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media (min-width: 1921px) {
    /*=== Manufacturer About ===*/
    .manufacturer-about .skew-left.invert {
        left: -68%;
    }
}

#carouselBrands .owl-carousel .owl-stage-outer .owl-stage {
    margin: 0 auto;
}

@media (max-width: 1400px) {
    /*=== Banner Solution Product ===*/

    main .banner-solution-product.left .text {
        margin-left: 50px;
    }
    main .banner-solution-product .skew-left {
        left: -30%;
    }
    main .banner-solution-product .skew-right {
        right: -30%;
    }

    /*=== Manufacturer About ===*/
    .manufacturer-about .skew-right.invert {
        right: -30%;
    }
    .manufacturer-about .skew-left.invert {
        left: -83%;
    }
    .manufacturer-about .skew-left.invert .svg-bottom {
        right: 337px;
    }
    .manufacturer-about .skew-left.invert .svg-right {
        right: -297px;
    }

    /*=== Products ====*/
    .products .skew-left.invert {
        left: -34%;
    }
    .banner-products .triangles {
        left: -65px;
    }
}
@media (max-width: 1199px) {
    footer .newsletter input[type="text"], .newsletter input[type="email"] {
        width: 35%;
    }

    /*=== Bus ===*/
    main .banner-bus-left .skew-left.triangle svg {
        top: 93px;
        right: 98px;
    }
    main .banner-bus-right .skew-right.triangle svg {
        bottom: 98px;
        left: 99px;
    }
    main .banner-solution h2, main .banner-solution h1 {
        margin-top: 57px;
        margin-bottom: 29px;
        font-size: 45px;
        line-height: 55px;
    }
    main .banner-solution .skew-right svg {
        top: 161px;
    }

    /*=== Products ===*/
    .products .skew-left.invert {
        left: -12%;
    }

    /*=== About ===*/
    main .banner-about-bottom .skew-left:before {
        right: 52px;
        top: 30px;
        background: url(../img/icons/ico-wdc-two.svg) center center no-repeat;
        width: 261px;
        height: 198px;
        background-size: 100%;
    }
    main .banner-working .skew-right.invert:before {
        width: 500px;
        height: 450px;
        right: -253px;
    }


    /*=== Banner Casa ===*/

    main .banner-casa .skew-right:before {
        left: -34px;
        width: 187px;
        height: 259px;
    }


    /*=== Manufacturer ===*/
    .manufacturer-solution.manufacturer-solution-right.first .skew-right svg {
        width: 200px;
        height: 160px;
        top: 155px;
        left: 75px;
    }
    .product-specifications h2.title {
        font-size: 20px;
    }
    .banner-manufacturer .col-lg-7 {
        position: relative;
        z-index: 1;
    }
}

@media (max-width: 991px) {

    /*=== Header ===*/
    header nav.navbar-expand-lg .navbar-collapse {
        display: none !important;
    }
    header .search {
        filter: invert(1);
    }

    header .subnav {
        display: none;
    }
    header nav {
        background-color: var(--color-white);
        height: 80px;
    }
    header .top {
        display: none;
    }
    header .lang {
        top: 14px;
    }
    header .lang li a {
        color: #000;
    }
    .navbar-dark .navbar-toggler {
        position: absolute;
        left: 0;
        top: 15px;
    }
    header nav.navbar-dark .navbar-brand {
        margin: 0 auto;
    }
    header .submenu {
        display: none;
    }
    .menu-hamburger {
        position: relative;
        margin: 10px 0;
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .menu-hamburger, .menu-hamburger:before, .menu-hamburger:after {
        display: block;
        width: 26px;
        height: 3px;
        background-color: #000;
    }

    .menu-hamburger:before, .menu-hamburger:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transform: rotate(0deg) translateY(0);
        -ms-transform: rotate(0deg) translateY(0);
        transform: rotate(0deg) translateY(0);
    }
    .menu-hamburger:before {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    .menu-hamburger:after {
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px);
    }

    /*=== Menu mobile ===*/
    header nav.navbar-expand-lg .navbar-collapse.show {
        left: -26px;
    }

    header nav.navbar-expand-lg .navbar-collapse {
        background: #EDEDED;
        z-index: 1000;
        position: absolute;
        top: -9px;
        left: -26px;
        width: 315px;
        min-height: 100vh;
        padding: 35px 20px 0 35px;
        left: -350px;
        transition: left .3s ease;
        display: block !important;
    }
    header nav.navbar-expand-lg .navbar-collapse h5 {
        color: #3B3B3B;
        font-size: 14px;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
    }
    header nav.navbar-expand-lg .navbar-collapse ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    header nav.navbar-expand-lg .navbar-collapse ul li {
        margin-bottom: 7px;
    }
    header nav.navbar-expand-lg .navbar-collapse ul li a {
        color: #3B3B3B;
        font-size: 12px;
        text-transform: uppercase;
        padding: 0;
    }
    header nav.navbar-expand-lg .navbar-collapse .block {
        border-bottom: 1px solid #bebebe;
        margin-bottom: 25px;
        padding-bottom: 13px;
    }
    header nav.navbar-expand-lg .navbar-collapse .block:last-child {
        border-bottom: none;
    }
    header nav.navbar-expand-lg .navbar-collapse button.navbar-toggler {
        right: 5px;
        left: unset;
    }
    header nav.navbar-expand-lg .navbar-collapse .menu-hamburger:after {
        transform: rotate(45deg);
        height: 4px;
        width: 20px;
    }
    header nav.navbar-expand-lg .navbar-collapse .menu-hamburger:before {
        transform: rotate(-45deg);
        height: 4px;
        width: 20px;
    }
    header nav.navbar-expand-lg .navbar-collapse .menu-hamburger {
        height: 0;
    }
    header a.whatsapp {
        font-size: 24px;
        position: absolute;
        left: 85px;
        color: var(--color-grey-five);
    }




    .menu-mobile {
        width: 100%;
        height: 100vh;
        position: fixed;
        background: #fff;
        overflow-x: hidden;
        overflow-y: auto;
    }

    /*=== Home ===*/
    main .banner-home .skew-right {
        right: -44%;
        width: 114%;
    }
    main .banner-home-bottom .skew-right {
        right: -44%;
        margin-right: -504px;
    }
    main .banner-home-bottom .skew-left {
        width: 129%;
    }
    main .banner-net .skew-right {
        width: 117%;
    }
    main .banner-net .skew-right:after {
        left: 119px;
    }
    main .banner-half .grid-item .text {
        max-width: 250px;
    }

    /*=== Carousel Trainings ===*/
    main .carousel-trainings .carousel-inner .carousel-item {
        text-align: center;
    }
    main .carousel-trainings .text {
        margin: 0 auto;
    }

    /*=== Carousel Blog ===*/
    .main .banner-blog p, main .banner-blog h3 {
        margin: 20px auto;
        font-size: 16px;
        line-height: 25px;
    }
    main .banner-blog .date {
        display: block;
        max-width: 100px;
        margin: 0 auto;
    }
    main .banner-blog {
        text-align: center;
        padding-bottom: 30px;
    }
    main .banner-blog .col-lg-4 {
        margin-bottom: 50px;
    }

    /*=== Newsletter ===*/
    footer .newsletter {
        padding: 30px 0;
        height: auto;
    }

    /*=== Bus ===*/
    main .banner-bus.enterprise:before {
        width: 50%;
        height: 50%;
        background: #fff;
    }
    section.banner-bus.enterprise {
        height: 650px;
        background-position: right top !important;
        text-align: left;
        display: flex;
        align-items: flex-end;
    }
    main .banner-bus.banner-bus.enterprise .col-lg-6 {
        margin: 0 0 40px 125px;
    }
    main .banner-bus.enterprise h1 {
        font-size: 55px;
        margin: 50px 0 7px;
    }
    main .banner-bus.enterprise .skew-right {
        right: 152px;
    }
    main .banner-bus.enterprise p {
        margin: 0;
    }
    main .banner-bus-left {
        background-position: center top !important;
        height: auto;
        background-size: contain !important;
    }
    main .banner-bus-left .skew-left {
        display: none;
    }
    main .banner-bus-left:before {
        content: '';
        border-width: 200px 200px 0 200px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
        right: -192px;
        transform: skewX(0) rotate(90deg);
        top: 120px;
        position: absolute;
        z-index: 2;
    }
    main .banner-bus-left .skew-left.triangle svg {
        display: none;
    }
    main .banner-bus-left .col-lg-6 {
        margin-bottom: 30px;
        margin-top: 220px;
        padding-top: 26px;
    }
    main .banner-bus-left .col-lg-6:before {
        background: #fff;
        content: '';
        width: 116%;
        height: 117%;
        position: absolute;
        left: -10%;
        right: -10%;
        z-index: 0;
        top: 0;
    }
    main .banner-bus-left h2, main .banner-bus-left p, main .banner-bus-right h2, main .banner-bus-right p {
        position: relative;
        z-index: 2;
        margin: 0;
        max-width: 90%;
    }
    main .banner-bus-right h2, main .banner-bus-left h2 {
        margin-bottom: 20px;
    }

    main .banner-bus-right {
        background-position: center top !important;
        height: auto;
        background-size: contain !important;
        text-align: left;
    }
    main .banner-bus-right .skew-right {
        display: none;
    }
    main .banner-bus-right:before {
        content: '';
        border-width: 200px 200px 0 200px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
        right: -192px;
        transform: skewX(0) rotate(90deg);
        top: 120px;
        position: absolute;
        z-index: 2;
    }
    main .banner-bus-left .skew-right.triangle svg {
        display: none;
    }
    main .banner-bus-right .col-lg-6 {
        margin-bottom: 30px;
        margin-top: 220px;
        padding-top: 26px;
    }
    main .banner-bus-right .col-lg-6:before {
        background: #fff;
        content: '';
        width: 116%;
        height: 117%;
        position: absolute;
        left: -10%;
        right: -10%;
        z-index: 0;
        top: 0;
    }

    /*=== Banner Solution ===*/
    main .banner-solution h2, main .banner-solution h1 {
        max-width: 497px;
        font-size: 40px;
        margin: 50px auto 300px;
    }
    main .banner-solution .image {
        width: 100%;
        height: 200px;
        top: 390px;
    }
    main .banner-solution .skew-left {
        display: none;
    }
    main .banner-solution .bottom {
        margin-top: 400px;
    }
    main .banner-solution {
        text-align: center;
        height: 895px;
        display: table;
    }
    main .banner-solution .carousel-item {
        height: 895px;
    }
    main .banner-solution p {
        margin: 20px auto 0;
        max-width: none;
    }
    main .banner-solution .skew-right {
        background: none;
        right: 0;
        transform: skewX(0);
    }
    main .banner-solution .skew-right svg {
        top: 196px;
        right: 35px;
        left: unset;
        transform: skewX(0) rotate(270deg);
        height: 160px;
    }
    main .banner-solution .carousel-indicators {
        left: 0;
        right: 0;
    }
    main .banner-solution:before {
        top: 0px;
        border-color: transparent transparent #fff transparent;
        border-width: 0 0 390px 390px;
        border-style: solid;
        content: '';
        position: absolute;
        left: 0px;
        transform: rotate(90deg);
        z-index: 2;
    }
    main .banner-solution .triangle {
        top: 0px;
        border-color: transparent transparent #000000 transparent;
        border-width: 0 0 390px 390px
    }
    main .banner-solution #carousel-solution {
        z-index: 3;
    }

    /*=== Banner Solution Product ===*/

    main .banner-solution-product.right {
        background-position: center top !important;
        height: auto;
        background-size: auto 200px !important;
    }
    main .banner-solution-product.right .skew-right {
        display: none;
    }
    main .banner-solution-product.right .skew-right.triangle svg {
        display: none;
    }
    main .banner-solution-product.right .col-lg-6 {
        margin-bottom: 30px;
        margin-top: 220px;
        padding-top: 26px;
    }
    main .banner-solution-product.right .col-lg-6:before {
        background: #fff;
        content: '';
        width: 116%;
        height: 117%;
        position: absolute;
        left: -10%;
        right: -10%;
        z-index: 0;
        top: 0;
    }
    main .banner-solution-product.right .triangles {
        top: 120px;
        transform: rotate(-135deg);
        right: -126px;
        border-width: 0 200px 200px 0;
    }
    main .banner-solution-product.right h2, main .banner-solution-product.right p, main .banner-solution-product.left h2, main .banner-solution-product.left p {
        position: relative;
        z-index: 2;
        margin: 0;
        max-width: 90%;
    }

    main .banner-solution-product.left {
        background-position: center top !important;
        height: auto;
        background-size: auto 200px !important;
    }
    main .banner-solution-product.left .skew-left {
        display: none;
    }
    main .banner-solution-product.left .skew-left.triangle svg {
        display: none;
    }
    main .banner-solution-product.left .col-lg-6 {
        margin-bottom: 30px;
        margin-top: 220px;
        padding-top: 26px;
    }
    main .banner-solution-product.left .col-lg-6:before {
        background: #fff;
        content: '';
        width: 116%;
        height: 117%;
        position: absolute;
        left: -10%;
        right: -10%;
        z-index: 0;
        top: 0;
    }
    main .banner-solution-product.left .triangles {
        top: 120px;
        transform: rotate(-135deg);
        right: -126px;
        border-width: 0 200px 200px 0;
        left: unset;
    }
    main .banner-solution-product.left .text {
        margin-left: 0;
    }

    /*=== Banner Products ===*/

    .banner-products {
        background-size: auto 218px !important;
        background-position: right top !important;
        height: auto;
        text-align: center;
        padding-bottom: 28px;
    }
    .banner-products h2, .banner-products h1 {
        margin-top: 250px;
    }
    .banner-products .skew-left {
        left: -29%;
    }
    .banner-products .triangles {
        display: none;
    }

    /*=== Products ===*/
    .products {
        background: none !important;
        display: block;
        padding-top: 0;
    }
    .products .text {
        max-width: 600px;
        margin-top: 20px;
    }
    .products .skew-left.invert {
        display: none;
    }
    .products .img {
        height: 200px;
        width: 100%;
        position: relative;
    }
    .products .triangles {
        top: 0px;
        right: 0;
        left: unset;
        transform: rotate(180deg);
    }
    .products .img:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 144px 0 0 144px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
    }
    .product-form {
        min-height: 550px;
        padding: 0 0 50px;
        overflow: hidden;
    }
    .product-form .triangles {
        display: none;
    }
    .product-form .container {
        position: relative;
        color: #fff;
        padding-top: 20px;
    }
    .product-form h2 {
        position: relative;
    }
    .product-form h2:before {
        transform: rotate(-45deg) translateY(0);
        top: -271px;
        z-index: 0;
        left: 14%;
        border-width: 500px 0 0 500px;
        border-style: solid;
        content: '';
        position: absolute;
        z-index: 0;
    }
    .product-form h2 span {
        position: relative;
        z-index: 1;
    }
    .product-form .form-rd {
        margin-top: 222px;
    }

    /*=== About ===*/
    main .banner-about .skew-left {
        left: -20%;
    }
    main .banner-about {
        height: auto;
        background-color: #00c8fa !important;
        background-position: right top !important;
        background-size: 100% !important;
        display: block;
        padding-bottom: 50px;
    }
    main .banner-about .skew-left:after {
        top: 63px;
        right: 144px;
    }
    main .banner-about h3 {
        margin-top: 388px;
    }
    main .banner-about-bottom h1, main .banner-black h1, main .banner-black-bottom h1 {
        font-size: 44px;
    }
    main .banner-about-bottom h2, main .banner-black h2, main .banner-black-bottom h2  {
        font-size: 23px;
        line-height: 25px;
    }
    main .banner-about-bottom .skew-left:before {
        right: -48px;
    }
    main .banner-about-bottom p, main .banner-black-bottom p {
        max-width: 498px;
        margin: 0 0 30px auto;
    }
    main .banner-black p {
        max-width: 498px;
    }
    main .banner-black .skew-right.invert:before {
        bottom: 64px;
        left: 12%;
    }

    main .banner-black-bottom .skew-right.invert {
        right: -114%;
        width: 113%;
    }
    main .banner-working .skew-right.invert {
        right: -114%;
        margin-right: 938px;
    }
    main .banner-working .skew-right.invert img {
        left: -160px;
        top: 3px;
    }
    main .numbers .box .text {
        margin-left: 20px;
        position: relative;
        padding-left: 20px;
        width: 250px;
    }
    main .numbers .box .text:before {
        width: 1px;
        height: 107px;
        content: '';
        position: absolute;
        background: #000;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    main .numbers h4 {
        padding-top: 0;
        margin-bottom: 8px;
    }
    main .numbers p {
        margin-bottom: 38px;
    }
    main .numbers h4:before {
        display: none;
    }
    main .numbers .box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        max-width: 430px;
        margin: 0 auto;
        min-height: 0;
    }
    main .banner-casa .skew-right {
        right: -45%;
        width: 128%;
    }

    /*=== Manufacturer ===*/
    .banner-manufacturer .skew-right {
        right: -93%;
    }
    .banner-manufacturer .skew-right svg {
        width: 124px;
        top: 0;
    }
    .banner-manufacturer .col-lg-7 {
        text-align: left;
    }
    .nav-tabs .nav-item {
        margin-bottom: 15px;
    }

    .banner-manufacturer h3, .banner-manufacturer p {
        max-width: 513px;
        text-align: left;
    }
    .manufacturer-about .skew-right.invert {
        right: -27%;
        width: 212%;
    }
    .manufacturer-about {
        background-color: #0041a5 !important;
        padding-bottom: 160px;
    }
    .manufacturer-about .triangles.right {
        bottom: 386px;
        z-index: 0;
    }
    .manufacturer-about .text-bottom {
        max-width: 100%;
        margin-top: 330px;
    }
    .manufacturer-about .triangles.left {
        border-width: 0 150px 150px 0;
    }
    .manufacturer-about .skew-left.invert .svg-bottom {
        width: 125px;
        right: 283px;
        bottom: 363px;
    }
    .manufacturer-about .skew-left.invert .svg-right {
        width: 200px;
        right: -168px;
    }
    .manufacturer-about .skew-left.invert {
        left: -102%;
        width: 121%;
    }

    /*=== Text Default ===*/
    .text-default img {
        float: none;
        margin: 0 auto 30px;
        display: block;
    }
    .blocks .img {
        max-width: 615px;
        margin: 0 auto 50px;
    }
    .investors .container .text img {
        float: none;
        margin: 0 auto 50px;
        display: block;
    }

    /*=== Blog ===*/
    .blog .col-lg-9 {
        max-width: 537px;
        margin: 0 auto;
    }
    .newsletter-box {
        padding: 20px;
    }
    .blog aside h2:after {
        width: 119%;
    }
    .blog aside {
        max-width: 537px;
        margin: 0 auto;
    }


    /*=== Contact ===*/
    .contact-form .box-white {
        bottom: 20px;
        left: 0;
    }
    .contact-form .col-lg-3 {
        margin-bottom: 50px;
    }
    .contact-form .box-blue {
        min-height: 430px;
    }

    /*=== Footer ===*/

    footer .top .navs br {
        display: none;
    }
    footer .top .navs ul {
        margin-bottom: 20px;
    }

    /* Black Friday */
    .carrossel-black, .carrossel-black .item {
        height: calc(50vh);
    }
    .banner-fab-black .skew-right:before {
        left: -125px;
        top: 20%;
        transform: translateY(0) skew(-45deg);
        width: 206px;
        height: 141px;
    }
    .products-black .faixa {
        display: none;
    }
    .products-black .owl-next {
        right: 0;
    }
    .products-black .owl-prev {
        left: 0;
    }

    .products-solutions .tab-products .col-lg-3 {
        display: none;
    }
    .product-details .product-infos {
        margin-top: 50px;
    }
    .related-products .col-lg-3 {
        margin-bottom: 30px;
    }
    .product-specifications .buttons {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .product-specifications .buttons span {
        height: 30px;
    }
    .product-specifications h2.title {
        line-height: 30px;
    }
}

@media (max-width: 767px) {

    body {
        font-size: 16px;
        line-height: 25px;
        overflow-x: hidden;
    }

    /*=== Header ===*/
    .navbar-dark .navbar-toggler {
        position: absolute;
        left: 0;
        top: 7px;
        padding-left: 0;
    }
    header nav.navbar-dark .navbar-brand {
        max-width: 130px;
    }
    header .lang {
        top: 11px;
        right: 0;
    }
    header .lang ul li {
        margin-left: 0;
    }
    header .lang ul li:first-child {
        margin-right: 6px;
    }
    header a.whatsapp {
        left: 44px;
    }
    header nav.navbar-expand-lg .navbar-collapse.show, header nav.navbar-expand-lg .navbar-collapse {
        top: -18px;
    }
    .light-search form {
        max-width: 90%;
    }
    .light-search form input[type="submit"] {
        width: 33%;
    }
    .light-search form input {
        width: 75%;
    }

    .page-search form input[type="submit"] {
        width: 28%;
    }
    .page-search form input {
        width: 73%;
    }
    .results .top {
        display: block;
        justify-content: unset;
    }
    .results .list .date {
        margin-bottom: 11px;
    }

    /*=== Banner Home ===*/
    main .banner-home {
        background-size: contain !important;
        background-position: center top !important;
        background-color: #0F0E1D !important;
    }
    main .banner-home .skew-right {
        right: -149%;
    }
    main .banner-home h1 {
        font-size: 30px;
        line-height: 35px;
        margin-top: 176px;
    }
    main .banner-home .skew-right:before {
        width: 98px;
        height: 133px;
        background-size: 100%;
        left: 0;
        top: 92px;
    }
    main .banner-home:before {
        background: transparent linear-gradient(180deg, #08080900 0%, #080809 100%) 0% 0% no-repeat padding-box;
    }

    /*=== Banner Home Bottom ===*/
    main .banner-home-bottom .skew-left {
        display: none;
    }

    main .banner-home-bottom h3 {
        font-size: 30px;
        line-height: 35px;
        margin-top: 450px;
    }
    main .banner-home-bottom {
        background-size: auto 230px !important;
        background-position: center top !important;
        background-color: var(--color-grey-five) !important;
    }
    main .banner-home-bottom:before {
        content: '';
        position: absolute;
        top: -34px;
        left: 50%;
        border-style: solid;
        border-width: 230px 230px 0 230px;
        border-color: var(--color-grey-five) transparent transparent transparent;
        transform: rotate(-135deg);
    }
    main .banner-home-bottom:after {
        content: '';
        position: absolute;
        top: -34px;
        right: 50%;
        border-style: solid;
        border-width: 230px 230px 0 230px;
        border-color: var(--color-grey-five) transparent transparent transparent;
        transform: rotate(134deg);
    }

    /*=== Banner Half ===*/
    main .banner-half {
        height: auto;
    }
    main .banner-half .banner-title {
        max-width: 100%;
        width: 100%;
    }
    main .banner-half .banner-title h3 {
        font-size: 25px;
        line-height: 30px;
        max-width: none;
        margin-top: 0;
    }
    main .banner-half .grid {
        grid-template-columns: 1fr;
        height: auto;
    }
    main .banner-half .grid-item {
        position: relative;
        padding: 100px 15px;
    }
    main .banner-half .grid-item.left {
        padding-top: 343px;
        text-align: center;
    }
    main .banner-half .grid-item.left h3, main .banner-half .grid-item h3 {
        position: relative;
        right: unset;
        top: unset;
        left: unset;
        text-align: center;
    }
    main .banner-half .grid-item.left .text, main .banner-half .grid-item .text {
        position: relative;
        opacity: 1;
        top: unset;
        right: unset;
        left: unset;
        text-align: center;
        width: 100%;
        max-width: none;
    }
    main .banner-half .ico {
        display: none;
    }

    /*=== Banner Carousel Brands ===*/
    .carousel-brands {
        padding: 75px 0;
    }

    .carousel-brands h3, .carousel-brands h2 {
        font-size: 25px;
        line-height: 30px;
    }

    /*=== Banner Net ===*/
    main .banner-net .skew-right {
        transform: skewX(-45deg);
        left: -98%;
        right: unset;
        width: 187%;
    }
    .skew-right.triangle:before {
        transform: skewX(45deg) rotate(-135deg);
        left: unset;
        right: -15px;
        top: -26px;
    }
    main .banner-net .skew-right:after {
        transform: skewX(45deg);
        width: 79px;
        height: 108px;
        background-size: 100% !important;
        top: unset;
        bottom: 170px;
        left: 524px;
    }
    main .banner-net {
        display: block;
        padding-top: 75px;
    }
    main .banner-net h3 {
        font-size: 30px;
        line-height: 35px;
    }


    /*=== Banner Trainings ===*/
    main .carousel-trainings h3 {
        font-size: 25px;
        line-height: 30px;
    }
    main .carousel-trainings h4 {
        font-size: 22px;
        line-height: 28px;
    }
    main .carousel-trainings .carousel-inner .carousel-item {
        padding: 0 15px;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 50px;
        height: 50px;
        top: 50px;
    }
    .carousel-control-next {
        right: -26px;
    }
    .carousel-control-prev {
        left: -26px;
    }
    .button-register {
        height: 64px;
    }
    div#carouselTrainings {
        max-width: 90%;
        margin: 0 auto;
    }

    /*=== Banner Vídeos ===*/
    .banner-videos .col-lg-4 {
        text-align: center;
        margin-bottom: 33px;
    }
    .banner-videos .videos-list a.img {
        margin: 0 auto 10px;
    }
    .banner-videos .videos-list a {
        display: block;
        width: 100%;
        max-width: none;
    }

    /*=== Footer ===*/

    footer .newsletter h4 {
        font-size: 22px;
        line-height: 28px;
        text-align: center;
    }
    footer .newsletter input[type="text"], .newsletter input[type="email"] {
        width: 100%;
        max-width: 280px;
        margin: 16px auto 0;
        display: block;
    }
    footer .newsletter .button-ok.white {
        margin: 25px auto 0;
        display: block;
    }
    footer .newsletter h4 {
        margin-bottom: 13px;
    }
    footer .top, footer .bottom {
        padding: 35px;
        display: block;
        height: auto;
    }
    footer .bottom .infos {
        grid-template-columns: 1fr;
    }
    footer .bottom .infos a img {
        display: block;
        margin-bottom: 15px;
    }

    /*=== Banner Solution ===*/
    main .banner-solution h2, main .banner-solution h1 {
        font-size: 25px;
        line-height: 30px;
        max-width: 300px;
    }
    main .banner-solution:before {
        left: -90px;
    }
    main .banner-solution .triangle {
        right: -90px;
    }
    main .banner-solution .skew-right svg {
        top: 184px;
        right: -20px;
        height: 78px;
    }
    main .banner-solution .image {
        top: 269px;
        background-size: cover !important;
    }
    main .banner-solution .bottom {
        margin-top: 365px;
    }
    main .banner-solution-product.right .triangles, main .banner-solution-product.left .triangles {
        top: 100px;
        right: -181px;
    }
    main .banner-solution-product .text h2 {
        font-size: 25px;
        line-height: 30px;
    }
    main .banner-solution-product .text p {
        line-height: 25px;
    }
    main .banner-solution-product .text h2 {
        margin-bottom: 17px;
    }
    main .banner-solution-product .text h4 {
        margin-top: 20px;
    }
    #rd-uAttp4eEIzmreuvSio4H7g .bricks-form__field {
        width: 100% !important;
    }

    /*=== Banner Cases ===*/
    main .cases {
        padding: 89px 0 74px 0;
    }
    .manufacturer-form .triangle, main .cases .triangle {
        border-width: 50px 50px 0 50px;
        left: 50%;
    }
    main .cases .col-lg-4 {
        margin-bottom: 50px;
    }
    main .cases a.button-primary {
        margin-top: 0;
    }

    /*=== Banner Manufacturer Form ===*/
    .manufacturer-form h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 24px;
    }

    /*=== Banner Products ===*/
    .banner-products .skew-left {
        transform: skewX(45deg);
        left: 180%;
    }
    .banner-products h2, .banner-products h1 {
        font-size: 25px;
        line-height: 30px;
    }


    /*=== Products ===*/
    .products {
        min-height: unset;
        padding-bottom: 30px;
    }
    .products .text {
        margin-top: 30px;
    }
    .products .text h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .products .triangles, .products .img:before {
        border-width: 100px 0 0 100px;
    }
    .products ul {
        grid-template-columns: 1fr;
    }

    /*=== Product Form ===*/
    .product-form h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .product-form h2:before {
        top: -361px;
        left: 50%;
        border-width: 350px 0 0 350px;
        transform: rotate(-45deg) translateY(0) translateX(-50%);
        margin-left: -14%;
    }
    .product-form .form-rd {
        margin-top: 145px;
    }
    #rd-w8YHn2UFkKfqlxPUcalL1g .bricks-form__field {
        width: 100% !important;
    }

    /*=== Banner About ===*/
    main .banner-about h3 {
        font-size: 25px;
        line-height: 30px;
        margin-top: 236px;
    }
    main .banner-about .skew-left {
        left: 0;
        width: 113%;
    }
    main .banner-about .skew-left:after {
        top: 63px;
        right: 66px;
        width: 88px;
        height: 120px;
    }
    main .banner-about-bottom {
        height: auto;
        padding: 70px 0 20px;
    }
    main .banner-about-bottom h1, main .banner-black h1, main .banner-black-bottom h1 {
        font-size: 25px;
        line-height: 30px;
    }
    main .banner-about-bottom h2, main .banner-black h2, main .banner-black-bottom h2 {
        font-size: 17px;
        line-height: 22px;
    }
    main .banner-about-bottom .skew-left:before {
        width: 137px;
        height: 90px;
        top: 9px;
        right: -19px;
    }
    main .banner-about-bottom .skew-left {
        left: -103%;
    }
    main .banner-about-bottom p, main .banner-black-bottom p {
        max-width: 277px;
    }

    /*=== Banner Black ===*/
    main .banner-black {
        height: auto;
        padding: 50px 0;
    }
    main .banner-black .skew-right {
        right: -128%;
    }
    main .banner-black .skew-right.invert {
        right: -96%;
    }
    main .banner-black .skew-right.invert:before {
        bottom: 52px;
        left: 16%;
        width: 83px;
        height: 83px;
        background-size: 100%;
    }

    /*=== Banner Black Bottom ===*/
    main .banner-black-bottom {
        height: auto;
        padding: 50px 0;
        background-size: 98% !important;
        background-position: left top !important;
    }
    main .banner-black-bottom .skew-right.invert {
        right: -211%;
        width: 225%;
        margin-right: 349px;
    }

    /*=== banner-working ===*/
    main .banner-working {
        padding-bottom: 50px;
    }
    main .banner-working .skew-right.invert {
        right: -211%;
        width: 225%;
        margin-right: 472px;
    }
    main .banner-working h1, main .banner-working h2 {
        font-size: 25px;
        line-height: 30px;
        max-width: 302px;
        margin: 0 0 13px auto;
    }
    main .banner-working .skew-right.invert:before {
        display: none;
    }
    main .banner-working .skew-right.invert img {
        display: none;
    }
    main .banner-working h3 {
        font-size: 18px;
        margin-bottom: 0;
    }

    /*=== Number ===*/
    main .numbers h3 {
        font-size: 20px;
        line-height: 28px;
    }

    /*=== Banner Casa ===*/
    main .banner-casa {
        background: #fff !important;
        text-align: center;
        height: auto;
        padding: 50px 15px;
    }
    main .banner-casa .skew-right:before {
        display: none;
    }
    main .banner-casa .skew-right {
        transform: skewX(-45deg);
        width: 210%;
        right: -74%;
    }
    main .banner-casa img {
        width: 230px;
        margin: 0 15px 0 auto;
        display: block;
    }

    /*=== Banner Exp ===*/
    main .banner-exp {
        height: auto;
        text-align: center;
    }
    main .banner-exp h2 {
        font-size: 30px;
        line-height: 35px;
    }

    /*=== Timeline ===*/
    .timeline h2 {
        line-height: 35px;
        font-size: 30px;
    }
    .ts-time-line__horizontal .owl-carousel {
        padding-top: 0 !important;
        padding-left: 7px;
    }
    .ts-time-line__horizontal .ts-time-line__item {
        width: 15.75rem;
    }
    .timeline .triangle {
        border-width: 0 150px 150px 0;
    }
    .ts-time-line__horizontal:after {
        top: 37px;
    }

    /*=== Bus ===*/
    main .banner-bus.enterprise .skew-right {
        width: 144%;
        right: 63px;
    }
    main .banner-bus.banner-bus.enterprise .col-lg-6 {
        margin: 0 0 64px 15px;
    }
    main .banner-bus-left:before, main .banner-bus-right:before {
        top: 98px;
        right: -238px;
    }
    main .banner-bus-left {
        background-position: center top !important;
        height: auto;
        background-size: auto 200px !important;
    }
    main .banner-bus-right h2, main .banner-bus-left h2 {
        font-size: 25px;
        line-height: 30px;
    }

    /*=== Banner Manufacturer ===*/
    .manufacturer-about {
        padding-top: 331px;
    }
    .banner-manufacturer .skew-right {
        right: -140%;
    }
    .banner-manufacturer h3 {
        font-size: 25px;
        line-height: 30px;
        max-width: 208px;
        margin-top: 30px;
    }
    .banner-manufacturer p {
        margin-bottom: 0;
    }
    .banner-manufacturer .triangles {
        left: -70px;
    }
    .banner-manufacturer a.button-primary-arrow.big {
        text-transform: uppercase;
        width: 275px;
        margin-top: 0;
        height: 45px;
        padding: 9px 19px;
    }
    .banner-manufacturer .skew-right svg {
        height: 115px;
        width: 85px;
        top: 39px;
    }
    .manufacturer-about .skew-right.invert {
        right: 8%;
        width: 262%;
    }
    .manufacturer-about .triangles.right {
        bottom: 463px;
    }
    .manufacturer-about .skew-left.invert .svg-right {
        width: 143px;
        right: -69px;
        bottom: 644px;
    }
    .manufacturer-about .skew-left.invert .svg-bottom {
        width: 100px;
        right: 178px;
        bottom: 510px;
    }
    .manufacturer-solution.first .triangles.big.left, .manufacturer-solution.manufacturer-solution-right .skew-right, .manufacturer-solution.manufacturer-solution-left .skew-left {
        display: none;
    }
    .manufacturer-solution {
        background-size: auto 250px !important;
        background-position: center -50px !important;
        display: inline-block;
        height: auto;
        padding-bottom: 60px;
        overflow: unset !important;
    }
    .manufacturer-solution h3 {
        margin-top: 250px;
        display: block;
        font-size: 30px;
        line-height: 35px;
    }
    .manufacturer-solution.first .triangles.left, .manufacturer-solution .triangles.left {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 200px 200px 0;
        transform: rotate(-90deg);
        border-color: transparent var(--color-blue-two) transparent transparent;
        position: absolute;
        z-index: 2;
        left: unset;
        right: -172px;
        transform: rotate(225deg);
        top: 100px;
    }
    .manufacturer-solution:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 200px 200px 0;
        transform: rotate(45deg);
        border-color: transparent var(--color-blue-four) transparent transparent;
        position: absolute;
        z-index: 2;
        left: -172px;
        top: -100px;
    }
    /*=== Banner Cases ===*/
    .banner-cases {
        background: var(--color-blue-four) !important;
    }
    .banner-cases .skew-center {
        width: 200%;
        left: -49%;
    }
    .banner-cases .cases-list a.img {
        margin: 0 auto 35px;
    }
    .banner-cases .cases-list .col-lg-4 {
        margin-bottom: 30px;
    }
    .banner-cases .cases-list a {
        margin: 0 auto;
    }
    .banner-cases .button-primary {
        margin-top: 20px;
    }

    /*=== Blog ===*/
    .inf {
        min-height: unset;
        width: 100%;
        padding: 23px;
        margin: 0;
        position: relative;
        top: 0;
    }
    .blog .col-lg-9 {
        max-width: 354px;
    }
    .blog-int .box {
        padding: 10px 21px 0;
    }
    .blog-int .box .logos {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .business, .section.list-text-photo, section.block-carousel, section.section.block-text-photo {
        padding: 70px 15px;
    }

    /*=== Contact ===*/
    .contact-form .box-blue {
        min-height: 500px;
    }
    #rd-Ft5MIHLujPPnDC_7sP0Njg .bricks-form__field {
        width: 100% !important;
    }

    /* Black Friday */
    .carrossel-black .owl-next, .carrossel-black .owl-prev {
        font-size: 17px;
        width: 25px;
        height: 25px;
    }
    .carrossel-black, .carrossel-black .item {
        height: calc(40vh);
    }
    .products-black h2 {
        max-width: none;
        margin-bottom: 60px;
        font-size: 22px;
        line-height: 29px;
    }
    .products-black.white, .products-black.grey {
        padding: 40px 0;
    }
    .products-black h2 span {
        font-size: 16px;
        line-height: 1.5rem;
        margin-top: 12px;
    }
    .banner-fab-black .skew-right {
        width: 171%;
        right: -165%;
    }
    .banner-fab-black .skew-right:before {
        display: none;
    }

    /* Portal de Documentos */
    .accordion ul {
        padding: 5px 13px;
        margin-left: 15px;
    }
    .accordion ul li {
        line-height: 15px;
        margin-bottom: 14px;
    }
    .accordion .card-header button {
        padding-left: 15px;
    }
    .accordion ul li a {
        font-size: 12px;
        line-height: 11px;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }
    .accordion ul li a .name {
        max-width: 85%;
    }
    .documents nav ul {
        display: block;
    }

    /* Suporte Técnico */

    .support-inf ul.contacts li a {
        font-size: 18px;
    }
    .support-inf ul.contacts li p {
        font-size: 23px;
    }
    .support-videos .text-list .owl-nav div {
        bottom: -40px;
        top: unset;
    }
    .support-videos .box.right {
        padding-bottom: 80px;
    }
    .support-inf h2 {
        font-size: 37px;
        line-height: 53px;
    }
    .support-inf ul.contacts li {
        margin-bottom: 33px;
    }

    .solutions-carousel .owl-nav .owl-next {
        right: 0;
    }
    .solutions-carousel .owl-nav .owl-prev {
        left: 0;
    }
    .banner-manufacturer.new {
        height: auto;
        padding-bottom: 64px;
    }
    .products-solutions .search-filter-results {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    .wp-pagenavi a.last {
        display: none;
    }
    .related-products h2, .products-solutions .title-into h2 {
        line-height: 32px;
    }
    .related-products .item .img, .products-solutions .search-filter-results .item .img {
        height: 90px;
        margin-bottom: 20px;
    }
    .popup_unit .content {
        display: block;
    }
    .product-specifications .buttons {
        padding: 10px;
    }
}

@media (max-width: 350px) {
    /*=== Banner About ===*/
    main .banner-about .skew-left {
        left: 83px;
        width: 113%;
    }
    main .banner-about .skew-left:after {
        top: 40px;
    }
    main .banner-about h3 {
        margin-top: 205px;
    }
    main .banner-about-bottom .skew-left {
        left: -128%;
    }
    .manufacturer-about .skew-right.invert {
        right: 8%;
        width: 296%;
    }
    .manufacturer-about .text {
        padding-bottom: 327px;
    }
    .manufacturer-about .skew-right.invert {
        width: 318%;
    }
    .page-search form input[type="submit"] {
        width: 33%;
    }
}

.grecaptcha-badge {
    display: none !important;
}
.cky-consent-bar {
    z-index: 100000 !important;
}

header nav.navbar-expand-lg .navbar-nav .dropdown-menu {
    display: none !important;
}
section.banner-bus-new img {
    width: 100%;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__nav {
    background-color: transparent;
    height: auto;
}
.tribe-events-view {
    z-index: 1;
}