/* Minification failed. Returning unminified contents.
(2591,12): run-time error CSS1038: Expected hex color, found '#ffff'
(2595,16): run-time error CSS1038: Expected hex color, found '#ffff'
(2600,16): run-time error CSS1038: Expected hex color, found '#ffff'
 */
.grid-msg-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
}

    .grid-msg-overlay .msg {
        opacity: 1;
        position: absolute;
        top: 30%;
        left: 35%;
        width: 250px;
        height: 50px;
        background-color: #eee;
        border-radius: 4px;
        border: 1px solid #555;
        text-align: center;
        font-size: 24px;
        display: table;
    }

        .grid-msg-overlay .msg span {
            display: table-cell;
            vertical-align: middle;
        }

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/fonts/glyphicons-halflings-regular.eot');
    src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

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

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url("/fonts/fa-brands-400.eot");
    src: url("/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fa-brands-400.woff") format("woff"), url("/fonts/fa-brands-400.ttf") format("truetype"), url("/fonts/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("/fonts/fa-regular-400.eot");
    src: url("/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.woff") format("woff"), url("/fonts/fa-regular-400.ttf") format("truetype"), url("/fonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("/fonts/fa-solid-900.eot");
    src: url("/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.woff") format("woff"), url("/fonts/fa-solid-900.ttf") format("truetype"), url("/fonts/fa-solid-900.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/fonts/fa-brands-400.eot");
    src: url("/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fa-brands-400.woff") format("woff"), url("/fonts/fa-brands-400.ttf") format("truetype"), url("/fonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/fonts/fa-regular-400.eot");
    src: url("/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.woff") format("woff"), url("/fonts/fa-regular-400.ttf") format("truetype"), url("/fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/fonts/fa-solid-900.eot");
    src: url("/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.woff") format("woff"), url("/fonts/fa-solid-900.ttf") format("truetype"), url("/fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
/*Banner principal*/
.carousel-inner img {
    margin: auto;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
    height: auto;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        width: 100%;
        height: 320px;
        min-height: 340px;
    }
}

@media (max-width: 480px) {
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        width: 100%;
        height: auto;
    }
}

a.left.carousel-control {
    color: #333;
    border: none;
    background: none;
    background-image: none;
}

a.right.carousel-control {
    color: #333;
    border: none;
    background: none;
    background-image: none;
}
/*Banner principal*/
.produto-caixa-botoes {
    background-color: #000;
}

    .produto-caixa-botoes .navbar-nav {
        /*margin: 0 auto; 
     display: table; 
     table-layout: auto; 
     float: none; 
     width: 50%; */
    }

    .produto-caixa-botoes .navbar-default {
        background-color: transparent;
        border: 0px solid transparent !important;
    }

        .produto-caixa-botoes .navbar-default .navbar-nav > li > a,
        .produto-caixa-botoes .navbar-default .navbar-nav > li > a:hover,
        .produto-caixa-botoes .navbar-default .navbar-nav > li > a:focus {
            font-size: inherit;
            color: #fff;
            font-weight: bold;
            text-transform: inherit;
        }

            .produto-caixa-botoes .navbar-default .navbar-nav > li > a:hover {
                background-color: red;
                border: 0px solid red !important;
                border-radius: 10px;
            }

    .produto-caixa-botoes .navbar-nav > li {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .produto-caixa-botoes .navbar-default .navbar-nav > li {
        border-right: solid 2px #000;
    }

.item-proposta {
    background-color: red;
    padding: 10px 15px;
    border-radius: 10px;
}

@media (min-width: 768px) {
    .produto-caixa-botoes .navbar-nav {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.progress {
    background-color: #F2DEDE;
}

.progress-bar {
    color: #000;
}

.progress-bar-success {
    background-color: #d9534f;
}

.bg-danger {
    background-color: #D71920;
    color: #ffffff;
}

.bg-primary {
    background-color: #D71920;
}

.panel {
    /*margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;*/
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-primary {
    border-color: #D71920;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #D71920;
        border-color: #D71920;
    }

/*button*/
.btn-primary {
    color: #fff;
    background-color: #D71920;
    border-color: #D71920;
}

    .btn-primary:focus,
    .btn-primary:focus,
    .btn-primary:visited {
        color: #fff;
        background-color: #D71920;
        border-color: #D71920;
    }

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

    .btn-primary:active,
    .btn-primary.active {
        background-color: #D71920;
        border-color: #D71920;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus {
            background-color: #D71920;
            border-color: #D71920;
        }

    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #D71920;
        border-color: #D71920;
    }

    .btn-primary .badge {
        background-color: #D71920;
    }

/*button*/

.btn-facebook, .btn-facebook:hover {
    padding: 0 0;
    text-align: left;
    width: 100%;
    background-color: #2867B2 !important;
    color: #fff;
}

.btn-linked-in, .btn-linked-in:hover {
    padding: 0 0 0 0;
    text-align: left;
    width: 100%;
    background-color: #2867B2 !important;
    color: #fff;
}

.btn-google, .btn-google:hover {
    padding: 0 0;
    text-align: left;
    width: 100%;
    background-color: #2867B2 !important;
    color: #fff;
}

.input-group-button {
    width: 38px;
    height: 38px;
}

.input-group-label {
    font-size: 14pt;
    padding-left: 10px;
    padding-top: 12px;
    display: block;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #D71920;
    border: 1px solid #D71920;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #D71920;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #D71920;
}

label, .control-label {
    margin-bottom: 5px !important;
}

.navbar-nav > li > .dropdown-menu {
    width: 100%;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #D71920;
}

.pt-1 {
    padding-top: 1rem;
}

.pt-2 {
    padding-top: 2rem;
}

.pt-3 {
    padding-top: 3rem;
}

.pt-4 {
    padding-top: 3.5rem;
}

.pr-1 {
    padding-right: 1rem;
}

.pr-2 {
    padding-right: 2rem;
}

.pr-3 {
    padding-right: 3rem;
}

.pr-4 {
    padding-right: 3.5rem;
}

.pb-1 {
    padding-bottom: 1rem;
}

.pb-2 {
    padding-bottom: 2rem;
}

.pb-3 {
    padding-bottom: 3rem;
}

.pb-4 {
    padding-bottom: 3.5rem;
}

.pl-1 {
    padding-left: 1rem;
}

.pl-2 {
    padding-left: 2rem;
}

.pl-3 {
    padding-left: 3rem;
}

.pl-4 {
    padding-left: 3.5rem;
}

.modal-header {
    background-color: #CE181E;
}

    .modal-header .modal-title {
        color: white;
    }

    .modal-header .close {
        opacity: 1;
    }

.modal-body {
    max-height: 500px;
    overflow-x: auto;
}
    .modal-body iframe {
        max-width: 100%;
    }

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:focus-visible {
    color: #D71920;
}

    .btn-link:focus, .btn-link:focus-visible {
        /*outline: inherit*/
        outline: 2px auto #D71920;
    }
.carousel-caption {
    position: absolute;
    right: 40%;
    top: 32%;
    left: 2%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.centralizar-carousel {
    margin-left: 23% !important;
}

#bannerDistribuidores {
    right: 2%;
    left: 46%;
}

#bannerPacotes {
    right: 55%;
    left: 4%;
}

#iconeBannerSistemas {
    height: 64px;
    width: 64px;
    min-height: 64px;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 15%;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 15%;
}
#megasac-button {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    right: 15pt;
    bottom: 15pt;
    z-index: 2147483647;
    transition: 0.3s;
}

#megasac-button, #megasac-chat-close {
    display: block;
    position: fixed;
    cursor: pointer;
}

#megasac-button, #megasac-info, #tallos-footer {
    font-family: Arial, Helvetica, sans-serif;
}

#megasac-button, #megasac-info {
    visibility: visible;
    box-shadow: rgba(0, 0, 0, 0.1) 0 3pt 12pt;
    font-family: Arial, Helvetica, sans-serif;
}

    #megasac-button:hover {
        box-shadow: rgba(0, 0, 0, 0.6) 0 3pt 12pt;
    }

.margin-top-1 {
    margin-top: 1%;
}

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

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-75 {
    margin-bottom: 75px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

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

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-botton-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-top-botton-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-left-right-zero {
    padding-left: 0px;
    padding-right: 0px;
}
html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: #D71920;
}

    a:hover {
        text-decoration: underline;
        color: #D71920;
    }

.imgLink-sublinhado, .imgLink-sublinhado:hover {
    text-decoration: underline;
}

h1 {
    font-size: 18pt;
    font-weight: bold;
    color: #D71920;
    margin: 10px 0 !important;
}

h2 {
    font-size: 16pt;
    font-weight: 300;
    color: #D71920;
    margin: 0;
}

h3 {
    font-size: 14pt;
    font-weight: 400;
}

h4 {
    font-size: 12pt;
    font-weight: 500;
}

h5 {
    font-size: 12pt;
    font-weight: 600;
}

h6 {
    font-size: 12pt;
    font-weight: 700;
}

p {
    text-align: left;
}


/*input:required {
    border: solid 1px #D71920;
}

select:required {
    border: solid 1px #D71920;
}

textarea:required {
    border: solid 1px #D71920;
}*/

/*Centralizar*/

.centralizar {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    margin-left: 35%;
    height: 50px;
}

/*Fim Centralizar*/

.noticia-conteudo img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 5px;
}

.Discreto {
    font-style: italic;
    color: #666;
    font-size: 8pt !important;
    font-weight: bold;
}

/*Hack para remover o visulizador de senha no edge*/
input::-ms-reveal {
    display: none
}

#fancybox-buttons a {
	background-image: url('/images/fancybox_buttons.png') !important;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(/images/fancybox_sprite.png) !important;
}

#fancybox-loading div {
	background: url(/images/fancybox_loading.gif) center center no-repeat !important;
}

.fancybox-nav {
	background: transparent url(/images/fancybox_blank.gif) !important; /* helps IE */
}

.fancybox-overlay {
	background: url(/images/fancybox_overlay.png) !important;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(/images/fancybox_sprite@2x.png) !important;
	}

	#fancybox-loading div {
		background-image: url(/images/fancybox_loading@2x.gif) !important;
	}
}
.dxlpLoadingPanel {
	color: #ffffff;
	background-color: transparent;
	border: none;
	border-collapse: collapse;
	position: absolute;
	left: 45%;
	top: 45%;
	z-index: 30000;
	display: none;
}

.dxlpLoadingDiv {
	border: none;
	background-color: #000000;
	opacity: 0.3;
	left: 0px;
	top: 0px;
	z-index: 29999;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
}
[class^="icon-"], [class*=" icon-"] {
    padding: 1px;
}

header {
    position: relative;
    width: 100%;
    background: #eae9e9;
    z-index: 500;
    position: relative;
}

nav {
    position: relative;
    padding: 0 !important;
}

/*MENU MULTINIVEL*/

.navbar-default {
    /*background-color: #F0F0F0 !important;
    border-color: #A8A8A8 !important;*/
}

    .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #d71920;
    }

.dropdown-toggle {
    color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    text-transform: uppercase;
    font-weight: bold;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    text-transform: uppercase;
    font-weight: bold;
}

.navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    font-weight: bold;
}

.dropdown-menu > li > a {
    text-transform: uppercase;
    font-weight:bold;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #d71920;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: #d71920;
    }
}
/* INICIO MENU RESPONSIVE*/

/* Media Query */

.navbar-collapse li:hover {
    color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: black !important;
}

.navbar {
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    min-height: 46px;
}

.navbar-collapse {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.nav > li > a {
    /*padding-left: 23px;*/
}


.navbar-default .navbar-nav > li:last-child {
    border-right: none;
}

.navbar-default {
    background-color: #eae9e9; /*#f8f8f8*/
    border: 0px solid transparent !important;
    /*height: 47px; /*46*/
    /*margin-top: 1.5%;*/
}

    /*.navbar-default .navbar-nav > li:hover {
        background-color: #d71920 !important;
    }*/

.nav-tabs {
    border-bottom: none;
}

    .nav-tabs > li {
        background-color: #EAE9E9;
    }

        .nav-tabs > li > a {
            color: #555;
            /*text-transform: uppercase;*/
        }

            .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
                background-color: #d71920 !important;
                color: #ffffff;
            }

.navbar-default .navbar-nav > li > a {
    font-size: 10.56pt;
    color: #555;
    text-transform: uppercase;
}

    /*.navbar-default .navbar-nav > li > a:hover {
        color: #fff !important;
    }*/

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.navbar.navbar-default .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.entrarLogin {
    color: #555;
    border-right: medium none !important;
}

    .entrarLogin:hover {
        color: #fff;
    }

.sairLogin {
    padding-left: 11.7px !important;
    padding-right: 12px !important;
}

.navbar-collapse a:hover, a:focus, a:visited {
    text-decoration: none;
}

.navbar-default .glyphicon {
    font-size: 15px !important;
    right: -6px !important;
}

.dropdown-menu > li > a {
    color: #333;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

#navbar-collapse-menu #MenuRelogio ul li a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* SEARCH */

#navigation-bar {
    position: relative;
    height: 45px; /*60*/
}

#search {
    position: relative;
    float: right;
    width: 45px; /*60*/
    height: 46px; /*60*/
    margin-left: -60px;
}

#label {
    width: 45px; /*60*/
    height: 46px; /*60*/
    position: relative;
    z-index: 20;
}

    #label label {
        display: block;
        width: 45px; /*60*/
        height: 46px; /*60*/
        background: url("/Content/themes/Institucional/Images/search.png") 0 0;
        font-size: 0;
        color: rgba(0, 0, 0, 0);
        text-indent: -9999px;
        cursor: pointer;
    }

        #label label:hover {
            background: url("/Content/themes/Institucional/Images/search.png") -46px 0; /*60*/
        }

    #label.active label {
        background: url("/Content/themes/Institucional/Images/search.png") -46px 0; /*60*/
    }

#input {
    position: absolute;
    top: 0;
    left: -450px;
    width: 450px;
    height: 46px;
    z-index: 5;
    overflow: hidden;
}

    #input input {
        display: block;
        position: absolute;
        top: 0;
        right: -450px;
        width: 450px;
        height: 100%;
        margin: 0;
        padding: 0 10px;
        border: none;
        background-color: #333;
        color: #fff;
        font-size: 18px;
        -webkit-backface-visibility: none;
        -moz-backface-visibility: none;
        -ms-backface-visibility: none;
        backface-visibility: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-transition: right 0;
        -moz-transition: right 0;
        -ms-transition: right 0;
        -o-transition: right 0;
        transition: right 0;
    }

        #input input:focus {
            outline: none;
        }

    #input.focus {
        z-index: 20;
    }

        #input.focus input {
            right: 0;
            -webkit-transition: right 0.3s;
            -moz-transition: right 0.3s;
            -ms-transition: right 0.3s;
            -o-transition: right 0.3s;
            transition: right 0.3s;
        }

nav {
    width: 100%;
    float: left;
    /*padding-left: 10px;*/
    position: relative;
    z-index: 10;
}

    nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    nav li {
        /*height: 47px;*/
        /*line-height: 47px;*/
        /*font-size: 24px;*/
        font-weight: 300;
        /*text-transform: uppercase;*/
    }

    nav a {
        display: block;
        padding: 0 15px;
        color: #c8c8c8;
    }

        nav a:hover {
            color: #d71920;
        }


/*HACK PARA IE*/


.navbar-default .navbar-nav > li > .ativo {
    color: #fff;
    background-color: #d71920;
}

.nav > li > .ativo {
    line-height: 17px;
}

.panelContentLogin > .labelLogin a {
    color: #fff !important;
}

    .panelContentLogin > .labelLogin a:hover, .panelContentLogin > .labelLogin a:focus, .panelContentLogin > .labelLogin a:visited, .panelContentLogin > .labelLogin a:active {
        color: #fff !important;
    }

.ajusteMenu {
    margin-top: 0px !important;
}

/*JUSTIFICA OS ITENS DO MENU*/
.menu-site .navbar-nav {
    margin: 0 auto;
    display: table;
    table-layout: auto;
    float: none;
    width: 100%;
}

    .navbar-nav > li {
        display: table-cell;
        float: none;
        text-align: center;
    }
/*JUSTIFICA OS ITENS DO MENU*/

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .nav > li > a {
        /*padding-left: 32px;*/
    }
    /* IE11 */
}

@-moz-document url-prefix() {
    .nav > li > a {
        /*padding-left: 34px;*/
    }
}

/*-------------------------------------------------------------------------------------- MEDIAR QUERIES PADRAO -----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------- DISPOSITIVO XS ------------------------------------------------------------------------ */
@media screen and (max-width: 767px) {
    .navbar-nav > li {
        display: block !important;
    }

    .navbar-nav {
        width: 100%;
    }

    .navbar-toggle {
        background-color: black !important;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-width: 0px;
    }

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: auto !important;
        margin-left: auto !important;
        border-bottom: 1px solid #ffffff;
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    }

    @-moz-document url-prefix() {
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
    }
}

/* ----------------------------------------------------------------------------------------- DISPOSITIVO SM ---------------------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 991px) {

    .navbar-nav > li {
        display: block !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }

    .navbar-header .collapse, .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-default .glyphicon {
        font-size: 16px !important;
        top: 2px !important;
        right: -2px !important;
    }

    #hrefLogin {
        padding-left: 13.9px !important;
        padding-right: 13px !important;
    }

    .entrarLogin {
        font-size: 16px !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0px;
        padding-left: 0px\9 \0 !important; /*Only works in IE9*/
        padding-right: 0px\9 \0 !important; /*Only works in IE9*/
    }

    .container-fluid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 12px;
    }


    .navbar-default {
        margin-top: 1% !important;
    }

    .nav > li > a {
        padding-left: 8.5px;
        padding-left: 8.5px\9 \0; /*Only works in IE9*/
    }

    .navbar-collapse {
        padding-left: 0px !important;
    }

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        border-bottom: 1px solid #ffffff;
    }

    .navbar-toggle {
        background-color: black !important;
    }


    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 991px) {
        .entrarLogin {
            padding-left: 0px;
            padding-right: 0px;
        }
        /* IE10 */
        *::-ms-backdrop, .entrarLogin {
            padding-left: 0px;
            padding-right: 0px;
        }

        .nav > li > a {
            padding-left: 5.2px;
            padding-left: 19.2px\9 \0; /*Only works in IE9*/
            padding-left: 19.2px; /*Only works in IE11*/
        }
        /* IE10 */
        *::-ms-backdrop, .nav > li > a {
            padding-left: 5.2px;
            padding-left: 19.2px\9 \0; /*Only works in IE9*/
            padding-left: 19.2px; /*Only works in IE11*/
        }
        /* IE11 */
    }

    @-moz-document url-prefix() {
        .nav > li > a {
            padding-left: 8.5px;
        }
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
    }
}

/* ----------------------------------------------------------------------------------------- DISPOSITIVO MD --------------------------------------------------------------------------- */
@media screen and (min-width: 992px) and (max-width: 1199px) {

    .navbar-default .navbar-nav > li {
        border-right: solid 3px #fff;
    }

    .navbar-default .navbar-nav > li {
        border-right: solid 2px #fff;
    }

    .sairLogin {
        padding-left: 12.1px !important;
        padding-right: 12px !important;
    }

    .entrarLogin {
        font-size: 23px !important; /* All browsers */
        padding-left: 16px; /* All browsers */
        padding-right: 16px; /* All browsers */
        padding-left: 7px\9 \0 !important; /*Only works in IE9*/
        padding-right: 8px\9 \0 !important; /*Only works in IE9*/
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 15px;
    }

    .navbar-default {
        /*margin-top: 1.5%;*/
    }

    .nav > li > a {
        padding-left: 16px;
        padding-left: 16px\9 \0; /*Only works in IE9*/
        padding-left: 16px; /*Only works in IE11*/
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 992px) and (max-width: 1199px) {
        .nav > li > a {
            padding-left: 33.6px;
        }
        /* IE10 */

        .entrarLogin {
            padding-left: 8px;
            padding-right: 7px;
        }
        /* IE10 */
        *::-ms-backdrop, .entrarLogin {
            padding-left: 8px;
            padding-right: 7px;
        }
        /* IE11 */
    }

    @-moz-document url-prefix() {
        .nav > li > a {
            padding-left: 16px;
        }
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
    }
}

/* ----------------------------------------------------------------------------------------- DISPOSITIVO LG -------------------------------------------------------------------------- */
@media screen and (min-width: 1200px) {
    .navbar-default .navbar-nav > li {
        border-right: solid 3px #fff;
    }

    .navbar-default .navbar-nav > li {
        border-right: solid 2px #fff;
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    }

    @-moz-document url-prefix() {
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
    }
}





/* ----------------------------------------------------------------------------------------- OUTRAS MEDIDAS -------------------------------------------------------------------------- */

@media screen and (min-width: 480px) and (max-width: 767px) {
    .navbar-nav {
        /*padding-left: 15px;*/
    }

        .navbar-nav .open .dropdown-menu {
            background-color: #fff;
        }

    .container-fluid {
        /*padding-left: 15px !important;*/
    }
}

@media screen and (max-width: 489px) {
    .navbar-nav > li > a {
        padding-top: 15px;
    }
}

.ui-grid {
    width: 100% !important;
}

/*.modal-rolagem {
    max-height: 500px;
    overflow-x: auto;
}*/

.close {
    color: #fff;
    /*float: right;
    font-size: 28px;
    font-weight: bold;*/
}

/*
    

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

*/

@media screen and (max-width: 767px) {
    .ui-grid-cell-contents {
        text-align: left;
    }
}


.caixa-produto-row > div:nth-child(n+1) {
    padding-right: 5rem;
}

.caixa-produto {
    min-height: 47rem;
    border: 1px solid #a8a8a8;
    background-color: #f0f0f0;
}

    .caixa-produto .caixa-produto-item {
        padding: 4rem;
    }

.caixa-produto-item-titulo {
    font-size: 18pt;
    font-weight: bold;
    margin: 10px 0 !important;
}

.caixa-produto-item-subtitulo {
    font-size: 12pt;
    font-weight: 500;
}

.caixa-produto-item .caixa-produto-item-img img {
    width: 8rem;
    height: 8rem;
}

.caixa-produto-produtos-vinculados img {
    width: 3rem;
    height: 3rem;
}

.caixa-produto .caixa-produto-botoes ul {
    list-style-type: none;
}

    .caixa-produto .caixa-produto-botoes ul > li {
        padding-top: 1rem;
    }

.caixa-produto-descricao-curta {
    padding-top: 3rem;
}

@media (max-width: 991px) {
    .caixa-produto-row > div:nth-child(n+1) {
        padding-right: 1.5rem;
    }

    .caixa-produto-item .caixa-produto-item-img img {
        width: 5rem;
        height: 5rem;
    }
}

.AI-titulo {
    color: #6300a6;
    font-weight: bold;
}

.AI-subtitulo {
    color: #9900ff;
}

.CN-titulo {
    color: #999000;
    font-weight: bold;
}

.CN-subtitulo {
    color: #aaa32c;
}

.CW-titulo {
    color: #007d17;
    font-weight: bold;
}

.CW-subtitulo {
    color: #25ae46;
}

.GE-titulo, .WM-titulo {
    color: #339345;
    font-weight: bold;
}

.GE-subtitulo, .WM-subtitulo {
    color: #67c472;
}

.GV-titulo, .GD-titulo, .IW-titulo {
    color: #c6005b;
    font-weight: bold;
}

.GV-subtitulo, .GD-subtitulo, .IW-subtitulo {
    color: #ff2e88;
}

.WB-titulo {
    color: #6300a6;
    font-weight: bold;
}

.WB-subtitulo {
    color: #9900ff;
}

.SH-titulo, .ND-titulo {
    color: #402D82;
    font-weight: bold;
}

.SH-subtitulo, .ND-subtitulo {
    color: #7D60AE;
}

.LW-titulo, .WN-titulo {
    color: #007716;
    font-weight: bold;
}

.LW-subtitulo, .WN-subtitulo {
    color: #00a744;
}

.NF-titulo, .NFS-titulo, .NFC-titulo, .CE-titulo {
    color: #6d6d6d;
    font-weight: bold;
}

.NF-subtitulo, .NFS-subtitulo, .NFC-subtitulo, .CE-subtitulo {
    color: #7f7f7f;
}

.PW-titulo, .CD-titulo {
    color: #007d8b;
    font-weight: bold;
}

.PW-subtitulo, .CD-subtitulo {
    color: #00adbb;
}

.BN-titulo, .SC-titulo, .CE-titulo {
    color: #c65b08;
    font-weight: bold;
}

.BN-subtitulo, .SC-subtitulo, .CE-subtitulo {
    color: #ff8a3d;
}

.WL-titulo, .XI-titulo {
    color: #005d9c;
    font-weight: bold;
}

.WL-subtitulo, .XI-subtitulo {
    color: #008acd;
}

.RI-titulo, .RE-titulo {
    color: #5a66ad;
    font-weight: bold;
}

.RI-subtitulo, .RE-subtitulo {
    color: #827fbb;
}

.WP-titulo, .IDCLASS-titulo {
    color: #c50026;
    font-weight: bold;
}

.WP-subtitulo, .IDCLASS-subtitulo {
    color: #ff4a4f;
}

.PC1-titulo, .PC2-titulo, .PC3-titulo, .PC4-titulo, .PC5-titulo, .PC6-titulo, .PC7-titulo {
    /*color: #d71920;
    font-weight: bold;
    margin-top: 14% !important;*/
}

.PC1-subtitulo, .PC2-subtitulo, .PC3-subtitulo, .PC4-subtitulo, .PC5-subtitulo, .PC6-subtitulo, .PC7-subtitulo {
    color: #7e7e7e;
}

.PECW-titulo {
    color: #FF445F;
    font-weight: bold;
}

.PECW-subtitulo {
    color: #FF5457;
}

@media screen and (min-width: 1200px) {
    #paneltamanhoigual {
        height: 350px;
    }
}
ol.progtrckr {
    margin: 0;
    padding: 0;
    height: 70px;
    list-style-type: none;
}

    ol.progtrckr li {
        display: inline-block;
        text-align: center;
        line-height: 3.5em;
    }

    ol.progtrckr[data-progtrckr-steps="2"] li {
        width: 49%;
    }

    ol.progtrckr[data-progtrckr-steps="3"] li {
        width: 33%;
    }

    ol.progtrckr[data-progtrckr-steps="4"] li {
        width: 24%;
    }

    ol.progtrckr[data-progtrckr-steps="5"] li {
        width: 19%;
    }

    ol.progtrckr[data-progtrckr-steps="6"] li {
        width: 16%;
    }

    ol.progtrckr[data-progtrckr-steps="7"] li {
        width: 14%;
    }

    ol.progtrckr[data-progtrckr-steps="8"] li {
        width: 12%;
    }

    ol.progtrckr[data-progtrckr-steps="9"] li {
        width: 11%;
    }

    ol.progtrckr li.progtrckr-done {
        color: black;
        border-bottom: 4px solid yellowgreen;
    }

    ol.progtrckr li.progtrckr-todo {
        color: silver;
        border-bottom: 4px solid silver;
    }

    ol.progtrckr li:after {
        content: "\00a0\00a0";
    }

    ol.progtrckr li:before {
        position: relative;
        bottom: -2.5em;
        float: left;
        left: 50%;
        line-height: 1em;
    }

    ol.progtrckr li.progtrckr-done:before {
        content: "\2713";
        color: white;
        background-color: yellowgreen;
        height: 2.2em;
        width: 2.2em;
        line-height: 2.2em;
        border: none;
        border-radius: 2.2em;
    }

    ol.progtrckr li.progtrckr-todo:before {
        content: "\039F";
        color: silver;
        background-color: white;
        font-size: 2.2em;
        bottom: -1.2em;
    }

.QuemSomosColunaPrincipal {
    /*border-top: 1px solid #EFEFEF;*/
    padding-top: 10px;
}

    .QuemSomosColunaPrincipal h1 {
        margin-bottom: 10px;
    }

    .QuemSomosColunaPrincipal p {
        /*text-align: justify;*/
    }

@media screen and (max-width: 767px) and (min-width: 490px) {
    .QuemSomosColunaPrincipal p {
        display: inline-block;
    }
}

.QuemSomosColunaPrincipal img {
    margin: 0 0 20px 20px !important;
    float: right !important;
}

@media screen and (max-width: 767px) {
    .QuemSomosColunaPrincipal img {
        margin: 0 auto !important;
        display: block;
        float: none !important;
    }
}

.QuemSomosColunaSecundaria {
    background-color: #F9F9F9;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 4% 4% 4%;
}

    .QuemSomosColunaSecundaria h3 {
        color: #D71920;
    }

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .QuemSomosColunaSecundaria {
    }
}

@media screen and (min-width: 490px) and (max-width: 767px) {
    .QuemSomosColunaSecundaria {
        width: 100%;
        display: block;
        margin-bottom: 2%;
        margin-top: 2%;
        background-color: none;
        border: none;
        padding: 0;
    }
}

@media screen and (max-width: 489px) {
    .QuemSomosColunaSecundaria {
        width: 100%;
        display: block;
        margin-bottom: 2%;
        margin-top: 2%;
        background-color: none;
        border: none;
        padding: 0;
    }
}

.QuemSomosColunaSecundaria p {
    /*text-align: justify;*/
}

.QuemSomosColunaPrincipal h3 {
    color: #D71920;
    margin-bottom: 3%;
}

@media screen and (max-width: 489px) {
    .QuemSomosColunaPrincipal h3 {
    }
}

.QuemSomosColunaSecundaria > ul {
    list-style: disc !important;
}

.QuemSomosPremios {
    margin-bottom: 10px;
}

    .QuemSomosPremios h3 {
        font-weight: bold;
        color: #D71920;
    }

    .QuemSomosPremios .item {
        width: 210px;
        height: 210px;
        text-align: center;
        vertical-align: middle;
    }

        .QuemSomosPremios .item h4 {
            font-weight: bold;
        }

#divQuemSomos {
    margin-top: 1%;
}

.wrapperBannerQuemSomos img {
    width: 100%;
}

#qid {
    padding: 10px 15px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 20px;
}

label.btn {
    padding: 18px 60px;
    white-space: normal;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s
}

    label.btn:hover {
        text-shadow: 0 3px 2px rgba(0,0,0,0.4);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

label.btn-block {
    text-align: left;
    position: relative
}

label .btn-label {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding: 0 10px;
    background: rgba(0,0,0,.15);
    height: 100%
}

label .glyphicon {
    top: 34%
}

.element-animation1 {
    animation: animationFrames ease .8s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease .8s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease .8s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

.element-animation2 {
    animation: animationFrames ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

.element-animation3 {
    animation: animationFrames ease 1.2s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease 1.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease 1.2s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

.element-animation4 {
    animation: animationFrames ease 1.4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease 1.4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease 1.4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes animationFrames {
    0% {
        opacity: 0;
        transform: translate(-1500px,0px)
    }

    60% {
        opacity: 1;
        transform: translate(30px,0px)
    }

    80% {
        transform: translate(-10px,0px)
    }

    100% {
        opacity: 1;
        transform: translate(0px,0px)
    }
}

@-webkit-keyframes animationFrames {
    0% {
        opacity: 0;
        -webkit-transform: translate(-1500px,0px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(30px,0px)
    }

    80% {
        -webkit-transform: translate(-10px,0px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px,0px)
    }
}

@-ms-keyframes animationFrames {
    0% {
        opacity: 0;
        -ms-transform: translate(-1500px,0px)
    }

    60% {
        opacity: 1;
        -ms-transform: translate(30px,0px)
    }

    80% {
        -ms-transform: translate(-10px,0px)
    }

    100% {
        opacity: 1;
        -ms-transform: translate(0px,0px)
    }
}

.quiz-modal-header {
    background-color: transparent;
    color: inherit
}

.quiz-modal-body {
    min-height: 205px
}

#loadbar {
    position: absolute;
    width: 62px;
    height: 77px;
    top: 2em
}

.blockG {
    position: absolute;
    background-color: #FFF;
    width: 10px;
    height: 24px;
    -moz-border-radius: 8px 8px 0 0;
    -moz-transform: scale(0.4);
    -moz-animation-name: fadeG;
    -moz-animation-duration: .8800000000000001s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-border-radius: 8px 8px 0 0;
    -webkit-transform: scale(0.4);
    -webkit-animation-name: fadeG;
    -webkit-animation-duration: .8800000000000001s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -ms-border-radius: 8px 8px 0 0;
    -ms-transform: scale(0.4);
    -ms-animation-name: fadeG;
    -ms-animation-duration: .8800000000000001s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -o-border-radius: 8px 8px 0 0;
    -o-transform: scale(0.4);
    -o-animation-name: fadeG;
    -o-animation-duration: .8800000000000001s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    border-radius: 8px 8px 0 0;
    transform: scale(0.4);
    animation-name: fadeG;
    animation-duration: .8800000000000001s;
    animation-iteration-count: infinite;
    animation-direction: linear
}

#rotateG_01 {
    left: 0;
    top: 28px;
    -moz-animation-delay: .33s;
    -moz-transform: rotate(-90deg);
    -webkit-animation-delay: .33s;
    -webkit-transform: rotate(-90deg);
    -ms-animation-delay: .33s;
    -ms-transform: rotate(-90deg);
    -o-animation-delay: .33s;
    -o-transform: rotate(-90deg);
    animation-delay: .33s;
    transform: rotate(-90deg)
}

#rotateG_02 {
    left: 8px;
    top: 10px;
    -moz-animation-delay: .44000000000000006s;
    -moz-transform: rotate(-45deg);
    -webkit-animation-delay: .44000000000000006s;
    -webkit-transform: rotate(-45deg);
    -ms-animation-delay: .44000000000000006s;
    -ms-transform: rotate(-45deg);
    -o-animation-delay: .44000000000000006s;
    -o-transform: rotate(-45deg);
    animation-delay: .44000000000000006s;
    transform: rotate(-45deg)
}

#rotateG_03 {
    left: 26px;
    top: 3px;
    -moz-animation-delay: .55s;
    -moz-transform: rotate(0deg);
    -webkit-animation-delay: .55s;
    -webkit-transform: rotate(0deg);
    -ms-animation-delay: .55s;
    -ms-transform: rotate(0deg);
    -o-animation-delay: .55s;
    -o-transform: rotate(0deg);
    animation-delay: .55s;
    transform: rotate(0deg)
}

#rotateG_04 {
    right: 8px;
    top: 10px;
    -moz-animation-delay: .66s;
    -moz-transform: rotate(45deg);
    -webkit-animation-delay: .66s;
    -webkit-transform: rotate(45deg);
    -ms-animation-delay: .66s;
    -ms-transform: rotate(45deg);
    -o-animation-delay: .66s;
    -o-transform: rotate(45deg);
    animation-delay: .66s;
    transform: rotate(45deg)
}

#rotateG_05 {
    right: 0;
    top: 28px;
    -moz-animation-delay: .7700000000000001s;
    -moz-transform: rotate(90deg);
    -webkit-animation-delay: .7700000000000001s;
    -webkit-transform: rotate(90deg);
    -ms-animation-delay: .7700000000000001s;
    -ms-transform: rotate(90deg);
    -o-animation-delay: .7700000000000001s;
    -o-transform: rotate(90deg);
    animation-delay: .7700000000000001s;
    transform: rotate(90deg)
}

#rotateG_06 {
    right: 8px;
    bottom: 7px;
    -moz-animation-delay: .8800000000000001s;
    -moz-transform: rotate(135deg);
    -webkit-animation-delay: .8800000000000001s;
    -webkit-transform: rotate(135deg);
    -ms-animation-delay: .8800000000000001s;
    -ms-transform: rotate(135deg);
    -o-animation-delay: .8800000000000001s;
    -o-transform: rotate(135deg);
    animation-delay: .8800000000000001s;
    transform: rotate(135deg)
}

#rotateG_07 {
    bottom: 0;
    left: 26px;
    -moz-animation-delay: .99s;
    -moz-transform: rotate(180deg);
    -webkit-animation-delay: .99s;
    -webkit-transform: rotate(180deg);
    -ms-animation-delay: .99s;
    -ms-transform: rotate(180deg);
    -o-animation-delay: .99s;
    -o-transform: rotate(180deg);
    animation-delay: .99s;
    transform: rotate(180deg)
}

#rotateG_08 {
    left: 8px;
    bottom: 7px;
    -moz-animation-delay: 1.1s;
    -moz-transform: rotate(-135deg);
    -webkit-animation-delay: 1.1s;
    -webkit-transform: rotate(-135deg);
    -ms-animation-delay: 1.1s;
    -ms-transform: rotate(-135deg);
    -o-animation-delay: 1.1s;
    -o-transform: rotate(-135deg);
    animation-delay: 1.1s;
    transform: rotate(-135deg)
}

@-moz-keyframes fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #FFF
    }
}

@-webkit-keyframes fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #FFF
    }
}

@-ms-keyframes fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #FFF
    }
}

@-o-keyframes fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #FFF
    }
}

@keyframes fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #FFF
    }
}

.rating {
    text-align: left;
}

    .rating li {
        text-align: left;
    }

        .rating li span {
            margin: 0 10px 10px 10px;
            font-size: 13pt !important;
        }

            .rating li span.filled {
                
            }

.rodape, .rodape p, .rodape p > a, .rodape a > .fab, .rodape a > .fa {
    color: #fff;
}

.logo-rodape {
    width: 145px;
}

body {
    /*font-family: Roboto,Arial,Helvetica,sans-serif;*/
    font-family: Inter,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.vermelho-dtc {
    background-color: #D71920;
}

.vermelho-dtc-fonte {
    color: #D71920;
}

.cinza-dtc {
    background-color: #62686D;
}

.imgLink {
    color: #D71920;
    cursor: pointer;
}

.ngCellText {
    padding-left: 5px;
}

a:hover, a:focus, a:visited {
    text-decoration: none;
    color: #D71920;
}

.imgLink-cm:last-child {
    padding-right: 20px;
}

@media print {
    .hide-impressao {
        display: none;
        visibility: hidden;
    }
}

.grid-msg-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
}

    .grid-msg-overlay .msg {
        opacity: 1;
        position: absolute;
        top: 32.5%;
        left: 32.5%;
        width: 35%;
        height: 10%;
        background-color: #eee;
        border-radius: 4px;
        border: 1px solid #555;
        text-align: center;
        font-size: 24px;
        display: table;
    }

        .grid-msg-overlay .msg span {
            display: table-cell;
            vertical-align: middle;
        }

.treinamento-menu-btn {
    padding: 6px 12px;
    /*border-radius: 4px;*/
    border-right: solid 1px #D71920;
    border-bottom: solid 1px #D71920;
    margin-right: 5px;
    margin-bottom: 15px;
    width: 150px;
    font-weight: bold;
}

    .treinamento-menu-btn:hover {
        text-decoration: underline;
    }

/*Bloqueia os controles de trasmissão Youtube*/
.yt-cntainer {
    position: relative;
}

.yt-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/*Bloqueia os controles de trasmissão Youtube*/

#lnkAtendimentoOnLine, #lnkAtendimentoOffLine {
    text-decoration: none;
}

#SiteSol .titulo-telefone {
    padding-top: 30px;
}

#SiteSol .titulo-sol {
    margin-top: 25px;
}

.titulo-sol-OnLine {
    /* margin-top: 30px; */
    color: #47b749;
    /*padding: 0 400px 20px 0px;*/
    /*background: url(/Content/themes/Suporte/Images/atendimentoOnLine.png) no-repeat 30%;*/
    background-position-y: 0;
    font-size: 12pt !important;
    text-align: right;
    cursor: pointer;
    font-weight: bold;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .titulo-sol-OnLine {
        /*padding: 0px 80px 0px 5px;*/
        /*background: url(/Content/themes/Suporte/Images/atendimentoOnLine.png) no-repeat 84%;*/
        background-position-y: 0;
        font-size: 12pt !important;
        background-size: 21% 56%;
    }
}

.titulo-sol-OffLine {
    margin-top: 30px;
    color: #b92025;
    padding: 0 80px 20px 5px;
    background: url(/Content/themes/Suporte/Images/atendimentoOffLine.png) no-repeat 90%;
    background-position-y: 7px;
    font-size: 12pt !important;
    text-align: right;
    cursor: default;
    font-weight: bold;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .titulo-sol-OffLine {
        padding: 0 80px 20px 5px;
        background-position-y: 12px;
        background-size: 21% 56%;
    }
}

.linkDefault {
    color: #337ab7 !important;
    text-decoration: underline !important;
}

/*Banner*/

.CaixaSlide {
    margin-top: 1.5%;
}

/*Redes Sociais*/

#RedesSociaisDC {
    margin-top: 4%;
}

    #RedesSociaisDC p {
        display: inline-block;
        margin-left: 12%;
    }
/* Navegação rápida */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #divNavegacaoRapida input[type="text"]:first-child {
        font-size: 22px !important;
    }
}

.TotalizadorItem {
    text-align: right;
    font-size: 9pt !important;
    margin: 1% !important;
}

/* Rodapé */


.header-danger {
    background-color: #d9534f;
    color: #ffffff;
}

.padding-left-zero {
    padding-left: 0 !important;
}

.padding-right-zero {
    padding-right: 0 !important;
}

.display-inline-block {
    display: inline-block !important;
}


.error {
    border: 1px solid #b94a48 !important;
    background-color: #fee !important;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

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

.icone-whatsapp-pag-certificado-digital {
    width: 2%;
}

/*nav-pills dtc*/
.tabLink {
    cursor: pointer;
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #D71920;
}

    .tabLink:hover, .tabLink:focus, .tabLink:visited, .tabLink active {
        cursor: pointer;
        text-decoration: none;
        background-color: #D71920;
        color: #fff;
    }

/*boletos*/
.boleto-btn {
    cursor: pointer;
    font-size: 18pt;
    margin: 0 0.5rem
}

.grecaptcha-badge {
    display:none;
}

.impressao-boleto-container {
    display: flex;
}

.impressao-boleto-item {
    display: inline-flex;
}

    .impressao-boleto-item .input-group-addon {
        padding: 6px 6px;
    }

.impressao-boleto-item input.xs {
    width:4rem; 
}


/*LGPD*/
/*ANTIGO*/
/*.lgpd-conteudo {
    background-color: #dcdcdc;
    position: fixed;
    bottom: 0;
    left: 10px;
    z-index: 999;
    height: 130px;
    padding: 15px;
    color: #000;
    margin-left: -10px;
}*/
.lgpd-container {
    /*width: 96.7vw;*/
    min-height: 12rem;
    background: #dcdcdc;
    position: fixed;
    bottom: 7rem;
    border-radius: 0.5rem;
    /*padding: 1rem 0 0 5rem;*/
    margin-right: 2rem;
    padding-top: 3rem;
}
/*LGPD*/

/*caixa promo - detalhes produtos*/
.caixa-promo {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #D71920;
    color: #ffff;
}

    .caixa-promo h2 {
        color: #ffff;
        padding-bottom: 20px;
    }

    .caixa-promo .label-error {
        color: #ffff !important;
    }

    .caixa-promo .btn-promo {
        border-color: #fff;
    }

    .caixa-promo h2 {
        text-align: center;
    }

    .caixa-promo h3 {
    }

    .caixa-promo h4 {
    }

    .caixa-promo h5 {
        font-weight: normal;
    }

    .caixa-promo .codigo-cupom {
        /*border: solid 1px #fff;*/
        padding: 5px;
        background-color: #000;
    }

    .caixa-promo p {
        text-align: center;
    }
/*caixa promo - detalhes produtos*/
.caixaTelefone-xs {
    /*padding: 10px 15px;*/
    font-weight: bold;
    font-size: 15pt;
}

    .caixaTelefone-xs a {
        color: #555;
    }

.caixaTelefone-lg, .caixaTelefone-lg a {
    padding: 0 10px 10px 10px;
    display: inline-block;
    /* text-align: end; */
    width: 100%;
    color: #555;
}

    .caixaTelefone-lg .telefone, .caixaTelefone-lg .telefone a {
        font-weight: bold;
        font-size: 16pt;
        width: 235px;
        float: right;
        padding-right: 15px;
    }

    .caixaTelefone-lg .atendimento {
        width: 250px;
        float: right;
    }

.caiaxaStatusAtendimentoOnline a {
    background-color: #62686D;
    padding: 10px 50px;
    border-radius: 5px;
}

.caiaxaStatusAtendimentoOnline a {
    color: #fff;
}

.caiaxaStatusAtendimentoOnline .statusOn {
    color: #00c853;
}

.caiaxaStatusAtendimentoOnline .statusOff {
    color: #d50000 !important;
}

.topo-logo-data-cempro {
    padding-top: 18px;
}

.topo-logo-data-cempro-dist {
    margin-top: 50px;
}

.topo-titulo-telefone { /*LG*/
    color: #6D6E71;
    font-size: 18pt;
    padding-top: 48px;
    text-align: right;
}

.LinkNavegacao span img {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media screen and (min-width: 992px) and (max-width: 1200px) { /*MD*/
    .topo-titulo-telefone {
        font-size: 13pt;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .topo-titulo-telefone {
        font-size: 18pt;
        padding-top: 31px;
    }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .telefone {
        margin-top: 2.5rem;
    }
}

@media screen and (min-width: 490px) and (max-width: 767px) {
    .topo-titulo-telefone {
        padding-top: 18px;
        font-size: 12pt;
    }
}

@media screen and (max-width: 489px) { /*XS*/
    .topo-titulo-telefone {
        font-size: 15pt;
        padding-top: 46px;
    }

    .caiaxaTelefone {
        font-size: 16pt;
    }

    .caiaxaStatusAtendimentoOnline a {
        background-color: #62686D;
        padding: 10px 15px;
        border-radius: 5px;
    }
}

.titulo-sol {
    /*margin-top: 25px;*/
}

.atendimentoOnlineTopo a {
}

.atendimentoOfflineTopo a {
}

.titulo-sol-OnLine {
}

.titulo-sol-OffLine {
}

.my-drop-zone {
    border: dotted 3px lightgray !important;
    height: 100px;
}

.nv-file-over {
    border: dotted 3px #D71920 !important;
}
/* Default class applied to drop zones on over */
.another-file-over-class {
    border: dotted 3px green !important;
}

.canvasThumb {
    background-color: #f3f3f3;
    -webkit-box-shadow: 3px 3px 3px 0 #e3e3e3;
    -moz-box-shadow: 3px 3px 3px 0 #e3e3e3;
    box-shadow: 3px 3px 3px 0 #e3e3e3;
    border: 1px solid #c3c3c3;
    height: 100px;
    margin: 6px 0 0 6px;
}