@charset "utf-8";

/* @font-face {
    font-family: 'NunitoSans-Regular';
    src: url('../fonts/NunitoSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NunitoSans-Regular.woff') format('woff'), url('../fonts/NunitoSans-Regular.ttf') format('truetype'), url('../fonts/NunitoSans-Regular.svg#NunitoSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
} */

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Regular.woff') format('woff'),
    url('../fonts/Roboto-Regular.ttf') format('truetype'),
    url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Bold.woff') format('woff'),
    url('../fonts/Roboto-Bold.ttf') format('truetype'),
    url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-BoldItalic.woff') format('woff'),
    url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
    url('../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


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

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-MediumItalic.woff') format('woff'),
    url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
    url('../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* ==========================================================================
    DEFINIÇÃO DE CONSTANTES
========================================================================== */
:root {
    --cor-1: #167566;
    --cor-2: #0A352F;
    --cor-3: #22B59E; /* cor base */
    --cor-3-rgba-50: rgba(34,181,158,.5);
    --cor-4: #24C2A9;
    --cor-5: #1D9B88;

    --cor-textos: #4D4D4D;

    /* novas regras de cores de Design */
    --cor-fundo-cinza: #575757;
    --cor-fundo-branco: #FFF;
    --cor-fundo-branco-ghost: #f6f6f6;

    --cor-botao-branco-textos: #575757;
    --cor-botao-branco-border: rgba(175, 175, 175, 175, 0.5);
    --cor-botao-branco-sombra: rgba(0,0,0,0.2);

    --cor-botao-video-textos: #FFF;
    --cor-botao-video-border: rgba(175, 175, 175, 175, 0.5);
    --cor-botao-video-sombra: rgba(0, 0, 0, 0.2);
    --cor-botao-video-fundo: #575757;
    --cor-botao-video-fundo-hover: #AFAFAF;

    --cor-titulos: #575757; /* grandes titulos, menu navegação */
    --cor-textos: #707070; /* textos, parágrafos */
    --cor-subtitulos: #AFAFAF; /* notas decundárias e pequenas descrições */

    --cor-caixa-catalogo-border: rgba(175, 175, 175, 175, 0.5);
    --cor-caixa-catalogo-sombra: rgba(100,100,100,0.2);
}

/* ===================  FIM DEFINIÇÃO DE CONSTANTES  =================== */

body {
    font-family: 'Roboto-Medium', sans-serif;
    /* font-size: 14px; */
    margin: 0;

    color: var(--cor-textos);
    font-size: 20px;
    line-height: 30px;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a,
button,
input {
    outline: medium none;
}

a,
.btn,
button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/* ==========================================================================
    CONFIGURAÇÕES GERAIS - TITULOS
========================================================================== */
h1 {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 42px;
    line-height: 50px;
    text-align: left;
    color: var(--cor-titulos);
}

h2 {
    /* margin-top: 40px;*/
    margin-bottom: 20px;
    
    color: var(--cor-titulos);
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 38px;
    text-align: left;
    line-height: 50px;
}

h3 {
    /* margin-top: 40px;*/
    margin-bottom: 20px;

    color: var(--cor-subtitulos);
    font-family: 'Roboto-Bold',
    sans-serif;
    font-size: 34px;
    text-align: left;
    line-height: 50px;
}

h4 {
    /* margin-bottom: 20px; */
    margin-bottom: 20px;

    color: var(--cor-subtitulos);
    font-family: 'Roboto-Bold',
    sans-serif;
    font-size: 30px;
    text-align: left;
    line-height: 50px;
}

h5 {
    /* margin-bottom: 20px; */
    margin-bottom: 20px;

    color: var(--cor-subtitulos);
    font-family: 'Roboto-Bold',
    sans-serif;
    font-size: 26px;
    text-align: left;
    line-height: 50px;
}

h6 {
    margin-bottom: 10px;

    color: var(--cor-subtitulos);
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    text-align: left;
    line-height: 40px;
}

p {
    color: var(--cor-textos);
    font-size: 20px;
    line-height: 30px;
}

/* ======================  FIM CONFIGURAÇÕES GERAIS  ====================== */

/* ==========================================================================
  NAVBAR
========================================================================== */
.navbar .btn-secondary {
    color: #fff;
    /* color: #4d4d4d; */
    background-color: transparent;
    /* border: 1px solid red; */
}

.navbar .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    /* color: #4d4d4d; */
    background-color: transparent;
    border: none;
}

.navbar .dropdown-toggle {
    font-family: 'NunitoSans-ExtraLight', sans-serif;
    font-size: 24px;
}


.navbar .dropdown-toggle img {
    /* width: 33px; */
    width: 33px;
    margin-left: 0;
    display: inline;
    /* margin-top: -16px; */
    margin-top: -24px;
    position: static;
}

.navbar .dropdown-item img {
    width: 32px;
    margin-left: 0;
    display: inline;
    margin-top: -5px;
    position: static;
}

.navbar .btn-group .btn {
    display: inline-block;
    vertical-align: middle;
    border: none;
    padding: .375rem .75rem;

    text-transform: uppercase;
    margin-top: -7px;
}

.navbar .btn-group .btn-secondary:focus {
    box-shadow: none;
}

.navbar .btn-group .dropdown-toggle::after {
    display: none;
}

.navbar .btn-group .dropdown-menu {
    min-width: auto;
    padding: .5rem 0;
    margin: .125rem 0 0;
    text-align: right;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 1px;
    
    border-bottom: 2px solid var(--cor-3);

    /* margin-top: 13px; */
    margin-top: 27px; /* pelo NAVBAR com logotipo da empresa */
}

.navbar .btn-group .dropdown-item:focus,
.navbar .btn-group .dropdown-item:hover {
    background-color: #f8f9fa;
}

.navbar-brand {
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-size: 22px;

}


/* NOVO 21-09-2018 */
.navbar-dark {
    /* background-color: rgba(255, 255, 255, 1) !important; */
    background-color: rgba(255, 255, 255, 0.5);
}

.navbar.navbar-dark {
    -webkit-box-shadow: 0 0px 5px 5px rgb(223, 223, 223);
    -moz-box-shadow: 0 0px 5px 5px rgb(223, 223, 223);
    box-shadow: 0 0px 5px 5px rgb(223, 223, 223);
    margin-bottom: 20px;
}

.navbar-dark .navbar-brand {
    color: #4D4D4D;
}


.navbar-dark .navbar-toggler {
    border: none;
}

.navbar-collapse {
    text-align: right;
    margin-right: 15px;

    font-family: 'NunitoSans-ExtraLight', sans-serif;
    font-size: 30px;
}
/*
.bg-dark {
    background-color: rgba(0, 0, 0, .9) !important;
    background-color: transparent !important;
}*/

.navbar-nav {
    text-transform: uppercase;
    font-size: 20px;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.hamburger-link-mobile:hover,
.hamburger-link-mobile:focus {
    color: rgb(34, 181, 158);
    text-decoration: none;
}

.navbar-toggler {
    outline: none !important;
    height: 30px;
    width: 40px;
    position: relative;

    top: 20px; /* NOVO MENU EM TESTES */

    top: 23px;
    /* NOVO MENU EM TESTES */

}

.navbar {
        padding: 20px 1rem;
}


.icon-menu {
    position: absolute;
    /* top: 33px; */
    /* top: 37px; ultimo */
    /* margin-top: -3px; */
    margin-top: 0px;
    /* transform: translate(-50%, -50%); */
    transform: translate(-7%, -50%);
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.hamburger {
    width: 30px;
    height: 2px;
    background-color: #4d4d4d;
    background-color: #FFF;
    position: absolute;
    top: 50%;
    right: 10px;
    /*
  left: 50%;*/
    transform: translate(-50%, -50%);
    /*box-shadow: 0 2px 5px rgba(0,0,0,.2);*/
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.hamburger:before,
.hamburger:after {
    content: '';
    position: absolute;
    right: 0px;
    width: 30px;
    height: 2px;
    background-color: #4d4d4d;
    background-color: #FFF;
    /*box-shadow: 0 2px 5px rgba(0,0,0,.2);*/
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.hamburger:before {
    top: -8px;
}

.hamburger:after {
    top: 8px;
}

.icon-menu:hover .hamburger,
.icon-menu:hover .hamburger:before,
.icon-menu:hover .hamburger:after {
    background-color: rgb(34, 181, 158);
}

.icon-menu.active .hamburger {
    background-color: rgba(0, 0, 0, 0);
    /*box-shadow: 0 2px 5px rgba(0,0,0,0);*/
}

.icon-menu.active .hamburger:before {
    top: 0;
    transform: rotate(45deg);
    /* necessário NAVBAR rgba(255,255,255,0.5) e com cor dos links do navbar em #FFF */
    background-color: #4d4d4d;
}

.icon-menu.active .hamburger:after {
    top: 0;
    transform: rotate(135deg);
    /* necessário NAVBAR rgba(255,255,255,0.5) e com cor dos links do navbar em #FFF */
    background-color: #4d4d4d;
}

.navbar-dark .navbar-nav .nav-link,
.hamburger-link-mobile {
    /* color: #FFF; */
    color: #4d4d4d;
}

.hamburger-link-mobile {
    margin-right:10px;
}
.hamburger-link-mobile:link {
    text-decoration: none;
}

.hamburger-link-mobile.idiomaativo {
    color: var(--cor-3);
}

.idioma.hamburger-link-mobile {
    font-size: 23px;
    font-family: 'NunitoSans-ExtraLight',
    sans-serif;
}

/* .collapse.show {
  height: calc(100vh);
} */

.navbar-collapse.collapse {
    -webkit-transition: height 0.2s ease-out 0s;
    -moz-transition: height 0.2s ease-out 0s;
    -ms-transition: height 0.2s ease-out 0s;
    -o-transition: height 0.2s ease-out 0s;
    transition: height 0.2s ease-out 0s;
}

.navbar-collapse.collapsing {
    height: 0 !important;

    -webkit-transition: opacity 0.2s ease-out 0s;
    -moz-transition: opacity 0.2s ease-out 0s;
    -ms-transition: opacity 0.2s ease-out 0s;
    -o-transition: opacity 0.2s ease-out 0s;
    transition: opacity 0.2s ease-out 0s;
    opacity: 1;
}

.navbar-collapse.collapse {
    max-height: none;
    height: 100vh;

}


.navbar-nav {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 27px;
}

.navbar-nav li {
    margin-bottom: 10px;
}

ul.navbar-nav-complement {
    position: relative;
    /* right: -27%; */
    /* right: -34%; */
    right: -20%;
    /* top: 10px; */
    top: 14px;
    text-transform: uppercase;
    /* font-size: 20px; */

    font-family: 'NunitoSans-Light', sans-serif;
    font-size: 22px;

    /* right: -260px; */

    padding-left: 0px;

    /* border: 1px solid red; */
    width: 450px;

    margin-right: -35px;
    margin-right: -100px;
    margin-right: -90px; /* troca nome menu Loja para Soluções */
    
    /* text-align: left;
    direction: rtl !important; */
}

ul.navbar-nav-complement li {
    list-style: none;
    /* display: inline-block; */
    display: inline;
    margin-right: 15px;
    
    display: block;
    float: right;

    
}

ul.navbar-nav-complement li a {
    color: #FFF;
    /* color: #4d4d4d; */
    text-decoration: none;
}

ul.navbar-nav-complement li a:hover,
ul.navbar-nav-complement li a:focus {
    /* color: rgb(34, 181, 158); */
    color: #000;
    text-decoration: none;
}

ul.navbar-nav-complement li span.item-carrinho,
.hamburger-link-mobile span.item-carrinho {
    position: absolute;
    top: -4px;
    font-size: 9px;
    width: 14px;
    height: 14px;
    background-color: var(--cor-3);
    border-radius: 50%;
    color: #FFF;
    display: inline-block;
    text-align: center;
    z-index: 10;
    line-height: 1.7;
}

.hamburger-link-mobile span.item-carrinho {
    position: relative;
    top: -22px;
    left: -4px;
}

span.item-carrinho {
    position: absolute;
    /* top: -4px; */
    font-size: 9px;
    width: 14px;
    height: 14px;
    background-color: var(--cor-3);
    border-radius: 50%;
    color: #FFF;
    display: inline-block;
    text-align: center;
    z-index: 10;
    line-height: 1.7;

    /* top: 26px; */
    top: 10px;
}

span.username-cliente {
    position: absolute;
    font-size: 9px;
    width: 19px;
    height: 18px;
    border-radius: 4px;
    color: var(--cor-3);
    display: inline-block;
    text-align: center;
    z-index: 10;
    line-height: 1.7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid var(--cor-3);
    padding: 2px;
}

/* ul.navbar-nav-complement li:first-child {
    margin-right: 25px;
} */
ul.navbar-nav-complement li:last-child {
    margin-right: 25px;
}

.navbar-dark .navbar-nav .nav-link.nav-link-active  {
    color: rgb(34, 181, 158);
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: none;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-group.area-cliente .btn.btn-secondary {
    margin-top: -7px;
}

.btn-group.area-cliente .btn.btn-secondary .fa {
    /* color: #FFF; */
    /* color: #4d4d4d; */
    color: #FFF;
}

.btn-group.area-cliente .dropdown-menu {
    /* margin-top: 19px; */
    margin-top: 27px; /* NAVBAR com logotipo da empresa aumentou o tamanho do NAVBAR, necessário reconfigurar a posição do dropdown */
    text-align: left;
    text-transform: capitalize;
    padding: .5rem 0.5rem .3rem 0.7rem;

    font-family: 'NunitoSans-LightItalic', sans-serif;
}

.btn-group.area-cliente .dropdown-item:focus,
.btn-group.area-cliente .dropdown-item:hover {
    background-color: transparent;
}

.btn-group.area-cliente .dropdown-menu a:link,
.btn-group.area-cliente .dropdown-menu a:visited {
    color: var(--cor-3);
}

.btn-group.area-cliente .dropdown-menu a:link,
.btn-group.area-cliente .dropdown-menu a:visited,
a.dropdown-item:link,
a.dropdown-item:visited {
    color: var(--cor-textos);
}

.btn-group.area-cliente .dropdown-menu a:hover,
a.dropdown-item:hover {
    color: var(--cor-3);
}

/* img.logo-navbar {
    height: 70px;
    height: 80px;
    width: auto;
    margin-top: -10px;
    margin-bottom: -10px;
} */

img.logo-navbar {
    height: 86px;
    width: 109px;
    /* margin-top: -10px; */
    margin-top: -12px;
    margin-bottom: -10px;
}

.background-modo-alpha {
    background-color: rgba(255, 255, 255, 0.95);
}

.background-modo-alpha ul.navbar-nav-complement li a, 
.background-modo-alpha .btn-group.area-cliente .btn.btn-secondary .fa,
.background-modo-alpha.navbar .btn-secondary {
    color: #4d4d4d;
}

.background-modo-alpha .hamburger:before,
.background-modo-alpha .hamburger:after {
    background-color: #4d4d4d;
}

.navbar-link-active {
    color: rgb(34, 181, 158) !important;
}

 
/* ==============================  FIM NAVBAR  ============================== */


/* ==========================================================================
  HEADER MODULO - GERAL
========================================================================== */
header#header-modulo {
    height: 250px;
    height: 300px; /* tamanho extra, devido à inclusão do logotipo no NAVBAR e da barra ser agora com opacidade 0.5 */
    background-color: #CCC;

    border-bottom: 1px solid #e4e4e4;

    /* margin-top: 70px; */
}

/* header#header-modulo.shadow-bottom {
    -webkit-box-shadow: 0 0px 5px 5px rgb(223, 223, 223);
    -moz-box-shadow: 0 0px 5px 5px rgb(223, 223, 223);
    box-shadow: 0 0px 5px 5px rgb(223, 223, 223);
} */

header#header-modulo .header-box {
    /* width: 181px; */
    position: relative;
}

header#header-modulo h1 {
    margin-top: 150px;
    color: #FFF;
    z-index: 10;
}

header#header-modulo .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 250px;
    height: 300px;
    /* tamanho extra, devido à inclusão do logotipo no NAVBAR e da barra ser agora com opacidade 0.5 */
    background: rgba(50, 50, 50, .5);

    /* background: rgba(250, 250, 250, .2); */
    margin-top: 110px; /* DEVDIDO AO NOVO MENU*/
    margin-top: 148px; /* DEVDIDO AO NOVO MENU, COM NOVA NAV TRADUÇÕES*/
}

/* header#header-modulo .header-box span {
    border: none;
    border-bottom: 1px solid #FFF;
    position: absolute;
    right: 0;
    top: 200px;
    display: inline-block;
    height: 3px;
    width: 2000px;
} */

header#header-modulo h1 {
    margin-top: 190px;
}

/* header#header-modulo .header-box span {
    top: 235px;
} */

/* ==============================  FIM HEADER MODULO  ============================== */



/* ==========================================================================
  FOOTER
========================================================================== */
footer {
    background-color: #FFF;
    /* border-top: 1px solid #e4e4e4; */
    width: 100%;

    font-family: 'Roboto-Medium', sans-serif;

    padding-top: 78px;
    padding-bottom: 25px;
    
    border-top: 1px solid rgba(208, 208, 208, 0.5);
}

footer.shadow-top {
    margin-top: -27px !important;
    /*
    -webkit-box-shadow: 0 -6px 5px -5px rgb(223, 223, 223);
    -moz-box-shadow: 0 -6px 5px -5px rgb(223, 223, 223);
    box-shadow: 0 -6px 5px -5px rgb(223, 223, 223); */
}


footer.home {
    border-top: none;
    margin-top: 0px;
    /* padding-top: 15px;
    padding-bottom: 15px; */
}


footer.shadow-top.home {
    /* -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; */

    /* -webkit-box-shadow: 0 -6px 5px -5px rgb(223, 223, 223);
    -moz-box-shadow: 0 -6px 5px -5px rgb(223, 223, 223);
    box-shadow: 0 -6px 5px -5px rgb(223, 223, 223); */
}



footer .caixa-esq img {
    margin-bottom: 10px;
}

footer .caixa-esq img.logo {
    width: auto;
    height: 80px;
    /* opacity: 0.5; */
}


/* footer .caixa-esq span {
    display: block;
    font-size: 11px;
    font-family: 'Roboto-Regular', sans-serif;
    line-height: 18px;   
} */


/* footer .caixa-esq .pt2020 {
    margin-top: 20px;
    width: 100%;
    height: auto;
} */

footer .caixa-dir  {
    /* margin-top: 20px; */
    /* width: 100%;
    height: auto; */
}

footer .caixa-dir ul {
    text-align: right;

    list-style: none;
    margin-left: -50px;
    margin-top: 10px;
}

footer .caixa-dir ul li {
    display: inline-block;
    margin-left: 10px;
}

footer .caixa-dir ul li a:link,
footer .caixa-dir ul li a:visited {
    color: var(--cor-textos);
    text-decoration: none;
}

footer .caixa-dir ul li a:hover {
    color: var(--cor-3);
    text-decoration: none;
}

footer .caixa-dir .fa {
    font-size: 20px;
}

footer .caixa-cen {
    width: 100%;
    padding: 0;
}

footer .caixa-cen ul.footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

footer .caixa-cen ul.footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

footer .caixa-cen ul.footer-menu .col {
    padding-right: 30px;
    display: inline-block;
}

footer .caixa-cen ul.footer-menu .col ul.submenu {
    margin-top: 14px;
    padding: 0;
    list-style: none;
}

footer .caixa-cen ul.footer-menu .col ul.submenu li:first-child {
    font-size: 16px;
    font-family: 'Roboto-Bold', sans-serif;
    line-height: 34px;
    margin-bottom: 14px;
    text-transform: uppercase;
    color: var(--cor-textos);
}

footer .caixa-cen ul.footer-menu a:link, 
footer .caixa-cen ul.footer-menu a:visited {
    color: var(--cor-subtitulos);
    text-decoration: none;

    font-family: 'Roboto-Medium', sans-serif;
    font-size: 14px;
    line-height: 34px;
}

footer .caixa-cen ul.footer-menu a:hover,
footer .caixa-cen ul.footer-menu a:active {
    color: var(--cor-3);
    text-decoration: none;
}


footer .copyright {
    margin-top: 103px;

    border-top: 1px solid #efefef;
    padding-top: 10px;
    padding-bottom: 10px;
}

footer .copyright img.img-financiamento,
footer .copyright img.img-pagamento {
    margin-right: 10px;

    display: block;
}




footer .copyright h6.financiamento {
    font-size: 10px;
    line-height: 16px;
    font-family: 'Roboto-Medium', sans-serif;
    margin-bottom: -10px;

    color: var(--cor-subtitulos);
    display: block;
    /* width: 95px; */
    width: 88px;

    float:left;

    /* NOVO, devido ao logo do PayPal */
    display: none;
}


footer .copyright span.copyright-info,
footer .copyright span.versao-qld {
    font-size: 10px;
    line-height: 16px;
    font-family: 'Roboto-Medium', sans-serif;
    color: var(--cor-subtitulos);

    display: block;
    text-align: right;

    margin-top: 0px;
}

/*--------------------------------------------------------------
    Financiamento PT2020
--------------------------------------------------------------*/
#sticky-pt2020-row {
    position: fixed;
    bottom: 0;

    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.96);
    width: 100%;

    border-top: 1px solid #efefef;
}

#sticky-pt2020 {
    /* border-top: 1px solid #efefef; */
    padding-top: 10px;
    padding-bottom: 10px;
}


#sticky-pt2020 h6.financiamento {
    font-size: 10px;
    line-height: 16px;
    font-family: 'Roboto-Medium', sans-serif;
    margin-bottom: -10px;

    color: var(--cor-subtitulos);
    display: block;
    width: 95px;
    /* width: 88px; */

    float: left;
}

#sticky-pt2020 img.img-financiamento,
#sticky-pt2020 img.img-pagamento {
    margin-right: 10px;

    display: block;
}

#sticky-pt2020 span.copyright-info,
#sticky-pt2020 span.versao-qld {
    font-size: 10px;
    line-height: 16px;
    font-family: 'Roboto-Medium', sans-serif;
    color: var(--cor-subtitulos);

    display: block;
    text-align: right;

    margin-top: 0px;
}

/* #sticky-pt2020 .imgs-financiamento {
    border: 1px solid red;
} */


/* ==============================  FIM FOOTER  ============================== */


.swal-text {
    text-align: center;
}

.swal-button {
    background-color: var(--cor-3);
    color: #fff;
}

.swal-button:focus {
    box-shadow: none;
}

.swal-button:hover {
    background-color: var(--cor-1);
}

.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, 0.9) !important;
}




/* ==========================================================================
  Menu USER
========================================================================== */

.area-cliente .nome-user {
    color: var(--cor-3);
    font-family: 'NunitoSans-BoldItalic',
    sans-serif;
}

/* ==============================  FIM Menu USER  ============================== */


/* ==========================================================================
Auto-Hiding Navigation
========================================================================== */
.cd-auto-hide-header {
    position: fixed;
    /* z-index: 2; */
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    /* background-color: #ffffff; */
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;

}

.cd-auto-hide-header::after {
    clear: both;
    content: "";
    display: block;
}

.cd-auto-hide-header.is-hidden {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

@media only screen and (min-width: 1024px) {
    .cd-auto-hide-header {
        /* height: 80px; */
        height: 110px; /* NAVBAR com logotipo da Empresa */
    }
}

.cd-auto-hide-header .logo,
.cd-auto-hide-header .nav-trigger {
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-auto-hide-header .logo {
    left: 5%;
}

.cd-auto-hide-header .logo a,
.cd-auto-hide-header .logo img {
    display: block;
}

.cd-auto-hide-header .nav-trigger {
    /* vertically align its content */
    display: table;
    height: 100%;
    padding: 0 1em;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    right: 20px;
}

.cd-auto-hide-header .nav-trigger span {
    /* vertically align inside parent element */
    display: table-cell;
    vertical-align: middle;
}

.cd-auto-hide-header .nav-trigger em,
.cd-auto-hide-header .nav-trigger em::after,
.cd-auto-hide-header .nav-trigger em::before {
    /* this is the menu icon */
    display: block;
    position: relative;
    height: 3px;
    width: 30px;
    background-color: #FFF;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cd-auto-hide-header .nav-trigger em {
    /* this is the menu central line */
    margin: 14px auto 14px;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.cd-auto-hide-header .nav-trigger em::before,
.cd-auto-hide-header .nav-trigger em::after {
    position: absolute;
    content: '';
    left: 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.cd-auto-hide-header .nav-trigger em::before {
    /* this is the menu icon top line */
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
}

.cd-auto-hide-header .nav-trigger em::after {
    /* this is the menu icon bottom line */
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
}

@media only screen and (min-width: 1024px) {
    .cd-auto-hide-header .nav-trigger {
        display: none;
    }
}

.cd-auto-hide-header.nav-open .nav-trigger em {
    /* transform menu icon into a 'X' icon */
    background-color: rgba(255, 255, 255, 0);
}

.cd-auto-hide-header.nav-open .nav-trigger em::before {
    /* rotate top line */
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cd-auto-hide-header.nav-open .nav-trigger em::after {
    /* rotate bottom line */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-primary-nav {
    display: inline-block;
    float: right;
    height: 100%;
    padding-right: 5%;
}

.cd-primary-nav>ul {
    position: absolute;
    z-index: 2;
    top: 60px;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    display: none;
    box-shadow: 0 14px 20px rgba(0, 0, 0, 0.2);
}

.cd-primary-nav>ul a {
    /* target primary-nav links */
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 5%;
    color: #25283D;
    font-size: 1.8rem;
    border-top: 1px solid #f2f2f2;
}

.cd-primary-nav>ul a:hover,
.cd-primary-nav>ul a.active {
    color: #25283D;
}

@media only screen and (min-width: 1024px) {
    .cd-primary-nav {
        /* vertically align its content */
        display: table;
    }
    .cd-primary-nav>ul {
        /* vertically align inside parent element */
        display: table-cell;
        vertical-align: middle;
        /* reset mobile style */
        position: relative;
        width: auto;
        top: 0;
        padding: 0;
        background-color: transparent;
        box-shadow: none;
    }
    .cd-primary-nav>ul::after {
        clear: both;
        content: "";
        display: block;
    }
    .cd-primary-nav>ul li {
        display: inline-block;
        float: left;
        margin-right: 1.5em;
    }
    .cd-primary-nav>ul li:last-of-type {
        margin-right: 0;
    }
    .cd-primary-nav>ul a {
        /* reset mobile style */
        height: auto;
        line-height: normal;
        padding: 0;
        border: none;
    }
}

.nav-open .cd-primary-nav ul,
.cd-primary-nav ul:target {
    /* 
  	show primary nav - mobile only 
  	:target is used to show navigation on no-js devices
  */
    display: block;
}

@media only screen and (min-width: 1024px) {
    .nav-open .cd-primary-nav ul,
    .cd-primary-nav ul:target {
        display: table-cell;
    }
}

.mobile-menu {
    display: none;
}

/* ==============================  FIM Auto-Hiding Navigation  ============================== */

/* ==========================================================================
    SCROLL UP
========================================================================== */
#scrollUp {
    background-color: var(--cor-3);
    bottom: 10px;
    color: #FFF;
    font-size: 30px;
    height: 45px;
    line-height: 40px;
    right: 10px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 48px;
    border-radius: 3px;
}

#scrollUp:hover {
    background-color: var(--cor-1);
    color: #FFF;
}




a.nav-expander {
    /*color: #FFFFFF;*/
    color: #FFF !important;
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 50px;
    margin-right: -40px;
    /*padding: 1em 1.6em 2em;*/
    padding: 17px 1.6em 2em;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    transition: right 0.3s ease-in-out 0s;
    width: 130px;
    z-index: 3000;
    transition: right 0.3s ease-in-out 0s;
    -webkit-transition: right 0.3s ease-in-out 0s;
    -moz-transition: right 0.3s ease-in-out 0s;
    -o-transition: right 0.3s ease-in-out 0s;
}

a.nav-expander:link,
a.nav-expander:visited {
    color: #FFF;
}

a.nav-expander:hover {
    cursor: pointer;
    /* color: var(--cor-3) !important; */
    color: #FFF !important;
}

a.nav-expander.fixed {
    position: fixed;
}

.nav-expanded a.nav-expander.fixed {
    right: 12em;
}

.mobile-menu-sidebar {
    background-color: rgba(0, 0, 0, 0.95);
    display: block;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: -20em;
    font-size: 15px;
    top: 0;
    width: 20em;
    /* z-index: 99999; */
    z-index: 2999;
    transition: right 0.3s ease-in-out 0s;
    -webkit-transition: right 0.3s ease-in-out 0s;
    -moz-transition: right 0.3s ease-in-out 0s;
    -o-transition: right 0.3s ease-in-out 0s;
    text-align: center;
}

.nav-expanded .mobile-menu-sidebar {
    right: 0;
}

body.nav-expanded {
    margin-left: 0em;
    transition: right 0.4s ease-in-out 0s;
    -webkit-transition: right 0.4s ease-in-out 0s;
    -moz-transition: right 0.4s ease-in-out 0s;
    -o-transition: right 0.4s ease-in-out 0s;
}

#nav-close {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 24px;
    padding-right: 10px;
}

a#nav-close:link,
a#nav-close:visited {
    color: #FFF;
    text-decoration: none;
}

a#nav-close:hover {
    opacity: .8;
    text-decoration: none;
}

.mobile-menu-sidebar {
    padding-top: 12px;
}

.mobile-menu-sidebar li {
    font-size: 19px;
    padding: 12px;
    text-transform: uppercase;
}

.mobile-menu-sidebar li a {
    color: #FFF;
    text-decoration: none;
}

.mobile-menu-sidebar li a:hover {
    opacity: .8;
    text-decoration: none;
}

.mobile-menu-sidebar li .sub-nav {
    border-bottom: 0px;
    padding: 4px;
}

.mobile-menu-sidebar a .caret {
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: top;
    border-top: 4px solid #4f5963;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-top: 8px;
}

.mobile-menu-sidebar a:hover .caret {
    border-top-color: #4f5963;
}

.mobile-menu-sidebar li.open>a>.caret {
    border-top: none;
    border-bottom: 4px solid #4f5963;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.mobile-menu-sidebar li.open>a:hover>.caret {
    border-bottom-color: #4f5963;
}


.show-mobile-destaque,
.show-mobile {
    display: none;
}



.box-top-procura {
    position: fixed;
    top: 65px;
    right: 0;
    width: 100%;
    z-index: 11;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: color 300ms ease-in-out 0ms, background 300ms ease-in-out 0ms, opacity 300ms ease-in-out 0ms;
    -moz-transition: all 300ms ease-in-out 0ms;
    -ms-transition: all 300ms ease-in-out 0ms;
    -o-transition: all 300ms ease-in-out 0ms;
    transition: all 300ms ease-in-out 0ms;
}

.box-top-procura.open {
    visibility: visible;
    opacity: 1;
}

#procurar #search-form {
    width: 250px;
}

.box-top-procura .inner-box-top-procura {
    float: right;
    background-color: #FFF;
    box-shadow: 0 0 9px rgba(0, 0, 0, .5);
    margin-right: 5%;
    border-bottom: 2px solid var(--cor-3);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*
form input:not([type="submit"]),
form select,
form textarea {
    border: 0;
    background-color: #FFF;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    height: 55px;
    width: 100%;
    padding: 9px 16px 13px 16px;
}

.box-top-procura form input {
    -webkit-transition: color 300ms ease-in-out 0ms, background 300ms ease-in-out 0ms, opacity 300ms ease-in-out 0ms;
    -moz-transition: all 300ms ease-in-out 0ms;
    -ms-transition: all 300ms ease-in-out 0ms;
    -o-transition: all 300ms ease-in-out 0ms;
    transition: all 300ms ease-in-out 0ms;
}

.box-top-procura form input:not([type="submit"]),
.box-top-procura form select,
.box-top-procura form textarea {
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 300;
    border: 1px solid #ccc;
    height: 35px;
    padding: 5px 9px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/



.box-top-procura .btn-procurar {
    margin-top: 10px;
    font-size: 16px;
    padding: 5px 20px;
    border: 1px solid var(--cor-3);
    color: #FFF;
    background-color: var(--cor-3);
    border-radius: 2px;
    text-transform: uppercase;
    width: 100%;
}

.box-top-procura .btn-procurar:hover {
    opacity: 0.8;
}


.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--cor-3);
    border-color: var(--cor-3);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
}

.btn:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

/*
#sub-menu-user {
    position: fixed;
    top: 65px;
    right: 0;



    margin-right: 5%;

        float: right;
}*/

#sub-menu-user {
    /* display: none; */
    position: fixed;
    /* top: 65px; */
    top: 111px;
    right: 0;
    width: 100%;
    z-index: 11;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: color 300ms ease-in-out 0ms, background 300ms ease-in-out 0ms, opacity 300ms ease-in-out 0ms;
    -moz-transition: all 300ms ease-in-out 0ms;
    -ms-transition: all 300ms ease-in-out 0ms;
    -o-transition: all 300ms ease-in-out 0ms;
    transition: all 300ms ease-in-out 0ms;
}


#sub-menu-user.open {
    visibility: visible;
    opacity: 1;
}


#sub-menu-user .conteudo {
    float: right;
    background-color: #FFF;
    box-shadow: 0 0 9px rgba(0, 0, 0, .5);
    margin-right: 5%;
    border-bottom: 2px solid var(--cor-3);
    padding-left: 15px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;

    font-size: 1rem;
}

#sub-menu-user span.nome-user {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;

    color: var(--cor-3);
    font-family: 'NunitoSans-BoldItalic',
    sans-serif;
}

#sub-menu-user a:link {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-family: 'NunitoSans-LightItalic',
    sans-serif;
}

.modal {
    /*  z-index: 10000; */
    z-index: 1999999990;
}

.modal-open .modal {
    background-color: rgba(75, 75, 75, 0.5);
    background-color: rgba(10, 10, 10, 0.9);
    background-color: rgba(10, 10, 10, 0.6);
}



.hidde-menu {
    display: none !important;
}



/* COOKIE CONSENT */
.cc-revoke,
.cc-window {
    font-family: 'NunitoSans-Light', sans-serif !important;
    font-size: 13px;

    /* z-index: 9999999999; */
    z-index: 1999999990;
}

.cc-color-override-960048588 .cc-btn {
    color: #22B59E;
    
    color: #22B59E !important;
    background-color: #FFF !important;
    border-color: #FFF !important;
    
    text-decoration: none;
}


.cc-color-override-960048588 .cc-btn:hover,
.cc-color-override-960048588 .cc-btn:focus {
    /* color: rgb(34, 181, 158) !important;
    background-color: #FFF !important;
    border-color: rgb(34, 181, 158) !important; */
    

    color: #FFF !important;
    background-color: transparent !important;
    border-color: #FFF !important;
}


/*---------------------------------------------
    MODAL - Video
---------------------------------------------*/
#modal-video .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}

#modal-video .modal-body {
    position: relative;
    padding: 0px;

    margin-top: -2px;
    margin-bottom: -2px;
}

#modal-video .close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}

#modal-video .modal-dialog {
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    margin: 0 auto;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}


#modal-video .embed-responsive {
    background-color: black;
}

img.img-poster-video {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}



/* ---------------------------------------------------
BARRA LIGAÇÃO LOJA ONLINE
-----------------------------------------------------*/
.bg-darkgrey {
    background-color: var(--cor-fundo-cinza);
}


.bg-darkgrey.oferta-produtos h2 {
    color: #FFF;

    margin-top: 60px;
    margin-bottom: 60px;
}

a.loja-online {
    text-decoration: none;

    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    padding: 16px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-botao-branco-textos);

    margin-right: 20px;

    display: inline-block;
}


a.loja-online:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
}

a.loja-online .fa {
    margin-left: 26px;
}


.oferta-produtos a.loja-online {
    margin-top: 55px;
    margin-bottom: 45px;

    display: inline-block;
}


/* ---------------------------------------------------
CORES DO PLACEHOLDER
-----------------------------------------------------*/
::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--cor-subtitulos) !important;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--cor-subtitulos);
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--cor-subtitulos) !important;
}


/* LOADING MODAL */
/* desativação do scroll */
.disable-scroll {
    overflow: hidden;
}

/* ativação do scroll */
.enable-scroll {
    overflow: visible;
}


/*-------------------------------------------------------------------
AUTOFILL BLUE COLOR
-------------------------------------------------------------------*/
input:-webkit-autofill, input:focus:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px rgb(255, 255, 255) inset;
}
/* --- AUTOFILL BLUE COLOR --- */