/*
 * Configuração Global.
 * Definindo a Fonte padrão para todos os elementos.
 * Removendo efeitos padrão do Microsoft Edge e do Google Chrome.
 */

html, body, input, button, select, textarea, h1, h2, h3, h4, h5, h6, span, small, p, div { font-family: "PT Sans", sans-serif !important; font-weight: 400; letter-spacing: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html, body { overflow-x: hidden; }
::-ms-clear, input::-ms-clear,
::-ms-reveal, input::-ms-reveal { display: none; }
textarea { resize: none; }
button:focus, input, textarea, input[type="text"] { outline: none !important; box-shadow: none !important; }

/* Sticky footer styles
   https://getbootstrap.com/docs/3.3/examples/sticky-footer-navbar/sticky-footer-navbar.css
-------------------------------------------------- */
html { position: relative; min-height: 100%; }
body { margin-bottom: 60px; }
.footer { position: absolute; bottom: 0; width: 100%; }

/*===== Margens ====*/
.margin-top-0x { margin-top: 0 !important; }
.margin-top-5x { margin-top: 5px !important; }
.margin-top-10x { margin-top: 10px !important; }
.margin-top-15x { margin-top: 15px !important; }
.margin-top-20x { margin-top: 20px !important; }
.margin-top-25x { margin-top: 25px !important; }
.margin-top-30x { margin-top: 30px !important; }
.margin-top-35x { margin-top: 35px !important; }

.margin-bottom-0x { margin-bottom: 0 !important; }
.margin-bottom-5x { margin-bottom: 5px !important; }
.margin-bottom-10x { margin-bottom: 10px !important; }
.margin-bottom-15x { margin-bottom: 15px !important; }
.margin-bottom-20x { margin-bottom: 20px !important; }
.margin-bottom-25x { margin-bottom: 25px !important; }
.margin-bottom-30x { margin-bottom: 30px !important; }
.margin-bottom-35x { margin-bottom: 35px !important; }

.margin-left-0x { margin-left: 0 !important; }
.margin-left-2x { margin-left: 2px !important; }
.margin-left-5x { margin-left: 5px !important; }
.margin-left-10x { margin-left: 10px !important; }
.margin-left-15x { margin-left: 15px !important; }
.margin-left-20x { margin-left: 20px !important; }
.margin-left-25x { margin-left: 25px !important; }
.margin-left-30x { margin-left: 30px !important; }
.margin-left-35x { margin-left: 35px !important; }

.margin-right-0x { margin-right: 0 !important; }
.margin-right-2x { margin-right: 2px !important; }
.margin-right-5x { margin-right: 5px !important; }
.margin-right-10x { margin-right: 10px !important; }
.margin-right-15x { margin-right: 15px !important; }
.margin-right-20x { margin-right: 20px !important; }
.margin-right-25x { margin-right: 25px !important; }
.margin-right-30x { margin-right: 30px !important; }
.margin-right-35x { margin-right: 35px !important; }

/*=====  Padding ====*/
.padding-top-0x { padding-top: 0 !important; }
.padding-top-2x { padding-top: 2px !important; }
.padding-top-5x { padding-top: 5px !important; }
.padding-top-10x { padding-top: 10px !important; }
.padding-top-15x { padding-top: 15px !important; }
.padding-top-20x { padding-top: 20px !important; }
.padding-top-25x { padding-top: 25px !important; }
.padding-top-30x { padding-top: 30px !important; }

.padding-bottom-0x { padding-bottom: 0 !important; }
.padding-bottom-2x { padding-bottom: 2px !important; }
.padding-bottom-5x { padding-bottom: 5px !important; }
.padding-bottom-10x { padding-bottom: 10px !important; }
.padding-bottom-15x { padding-bottom: 15px !important; }
.padding-bottom-20x { padding-bottom: 20px !important; }
.padding-bottom-25x { padding-bottom: 25px !important; }
.padding-bottom-30x { padding-bottom: 30px !important; }

.padding-left-0x { padding-left: 0 !important; }
.padding-left-2x { padding-left: 2px !important; }
.padding-left-5x { padding-left: 5px !important; }
.padding-left-10x { padding-left: 10px !important; }
.padding-left-15x { padding-left: 15px !important; }
.padding-left-20x { padding-left: 20px !important; }
.padding-left-25x { padding-left: 25px !important; }
.padding-left-30x { padding-left: 30px !important; }

/*===== Fontes ====*/
.font-size-10x { font-size: 10px !important; }
.font-size-11x { font-size: 11px !important; }
.font-size-12x { font-size: 12px !important; }
.font-size-13x { font-size: 13px !important; }
.font-size-14x { font-size: 14px !important; }
.font-size-15x { font-size: 15px !important; }
.font-size-16x { font-size: 16px !important; }
.font-size-17x { font-size: 17px !important; }
.font-size-18x { font-size: 18px !important; }
.font-size-20x { font-size: 20px !important; }
.font-size-22x { font-size: 22px !important; }
.font-size-24x { font-size: 24px !important; }
.font-size-26x { font-size: 26px !important; }
.font-size-28x { font-size: 28px !important; }
.font-size-30x { font-size: 30px !important; }

/*===== Cabeçalho: Logo Marca ====*/
.navbar { border: 0 none; margin-bottom: 0; }
.navheader { background: #999999; border-bottom: 3px solid #797979; }

/*===== Cabeçalho: Campo de Busca ====*/
.left-inner-addon { position: relative; }
.left-inner-addon input { padding-left: 30px; }
.left-inner-addon i { position: absolute; padding: 10px 12px; pointer-events: none; }
.right-inner-addon { position: relative; }
.right-inner-addon input { padding-right: 30px; }
.right-inner-addon i { position: absolute; right: 0; padding: 10px 12px; pointer-events: none; }

.search-on-top { -ms-border-radius: 10px; border-radius: 10px; margin-top: 75px; border: 2px solid #5a5a5a; background-image: linear-gradient(bottom, #cdcdcd 10%, #fff 100%); background-image: -o-linear-gradient(bottom, #cdcdcd 10%, #fff 100%); background-image: -moz-linear-gradient(bottom, #cdcdcd 10%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #cdcdcd 10%, #fff 100%); background-image: -ms-linear-gradient(bottom, #cdcdcd 10%, #fff 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.05, #cdcdcd), color-stop(1, #fff) ); }
.search-on-top:focus { border: 2px solid #5a5a5a; }
.search-on-top::-webkit-input-placeholder { font-size: 18px; color: #302f2f; }
.search-on-top:-moz-placeholder { font-size: 18px; color: #302f2f; -ms-opacity: 1; opacity: 1; }
.search-on-top::-moz-placeholder { font-size: 18px; color: #302f2f; -ms-opacity: 1; opacity: 1; }
.search-on-top:-ms-input-placeholder { font-size: 18px; line-height: 0; /* BUG no IE no placeholder */ color: #302f2f; }

/*===== Cabeçalho: Endereço ====*/
.address-box { height: 175px; font-style: normal; background-color: #ef1d16; box-shadow: -5px 0 10px -5px #333; overflow: hidden; -ms-transform: skew(-20deg); -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg); }
.address-box div { -ms-transform: skewX(20deg); -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); -o-transform: skewX(20deg); transform: skewX(20deg); margin: 10px 0 0 35px; }
.address-box div .facebook,
.address-box div .e-mail { font-size: 18px; color: #000; font-weight: bold; }
.address-box div .endereco { font-size: 18px; color: #000; font-weight: 400; }

/*===== Menu Cabeçalho ====*/
@media (min-width: 768px) {
    .navbar-nav { float: none; margin: 0 auto; display: table; table-layout: fixed; }
}

/*===== Menu Cabeçalho ====*/
.menu, .navbar-header { background: #fbfbfb; border: 1px solid Silver; box-shadow: 0 6px 15px -5px rgba(0, 0, 0, 0.175); }
.menu .nav > li > a { padding: 30px 20px; }
.menu .navbar-nav > li > a { font-size: 22px; background: #fbfbfb; color: #000000; border: 0 none; }
.menu .navbar-nav > li > a:hover,
.menu .navbar-nav > li > a:focus { background-color: #eceaeb; border: 0 none; }

/*===== Botão Exibe/Oculta Menu Responsivo ====*/
.navbar-toggle { border: none; background: transparent !important; }
.navbar-toggle:hover { background: transparent !important; }
.navbar-toggle .icon-bar { width: 22px; -ms-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.navbar-toggle .top-bar { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -ms-transform-origin: 10% 10%; -o-transform-origin: 10% 10%; -webkit-transform-origin: 10% 10%; -moz-transform-origin: 10% 10%; transform-origin: 10% 10%; }
.navbar-toggle .middle-bar { -ms-opacity: 0; opacity: 0; }
.navbar-toggle .bottom-bar { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 10% 90%; -o-transform-origin: 10% 90%; -webkit-transform-origin: 10% 90%; -moz-transform-origin: 10% 90%; transform-origin: 10% 90%; }
.navbar-toggle.collapsed .top-bar { -ms-transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.navbar-toggle.collapsed .middle-bar { -ms-opacity: 1; opacity: 1; }
.navbar-toggle.collapsed .bottom-bar { -ms-transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.navbar-default .navbar-toggle .icon-bar { background: #de1b17; }

/*===== Menu Mobile Responsivo ====*/
#menu-mobile { margin: 7.5px -15px 0 -15px; }
#menu-mobile { background-color: #FFF; color: #ffffff; -ms-border-radius: 0; border-radius: 0; padding-top: 0; margin-top: 0; border-top: 1px solid #e5e5e5; }
#menu-mobile > li { border-bottom: 1px solid #e5e5e5; border-left: 2px solid #FFF; color: #000000; letter-spacing: 0.02em; }
#menu-mobile > li > a { font-size: 14px; color: #000000; letter-spacing: 0.02em; text-decoration: none; }
#menu-mobile > li > a:hover { border-left: 2.5px solid Silver; color: #5a5a5a; }
#menu-mobile > li > a:hover { background-color: #FFF; }
#menu-mobile > li > a:focus,
#menu-mobile .open > a { background-color: #FFF; }
#menu-mobile > .active > a,
#menu-mobile > .active > a:hover,
#menu-mobile > .active > a:focus { background-color: #FFF; border-left: 2px solid Silver; color: #5a5a5a; }

/*===== Mobile: Campo de Busca ====*/
.input-search-mobile { margin-top: 8px; margin-left: 10px; }
.input-search-mobile input::-webkit-input-placeholder { font-size: 15px; color: #9b9898; }
.input-search-mobile input:-moz-placeholder { font-size: 15px; color: #9b9898; -ms-opacity: 1; opacity: 1; }
.input-search-mobile input::-moz-placeholder { font-size: 15px; color: #9b9898; -ms-opacity: 1; opacity: 1; }
.input-search-mobile input:-ms-input-placeholder { font-size: 15px; line-height: 0; color: #9b9898; }
.input-search-mobile input:focus { border: 1px solid #b7b6b6; }

/*===== Aplicando a Fonte na descrição do Slider ====*/
.carousel-caption,
.carousel-caption h3 { font-family: "Satisfy", sans-serif !important; font-weight: 400; letter-spacing: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*===== Rodapé ====*/
.footer .mobile-menu-footer { background: #fe0000; }
.footer .mobile-menu-footer .navbar-nav > li > a { color: #000000; font-size: 18px; }
.footer .mobile-menu-footer .navbar-nav > li > a:hover,
.footer .mobile-menu-footer .navbar-nav > li > a:focus { background: #fe0000; }

.footer .copyright { background: #000; text-align: center; color: rgba(255,255,255,.5); padding: 10px 0; margin: 0; }
.footer .copyright a { color: rgba(255,255,255,.5); font-weight: bold; -webkit-transition: color 1s; -ms-transition: color 1s; -o-transition: color 1s; -moz-transition: color 1s; transition: color 1s; }
.footer .copyright a:hover { color: #FFF; text-decoration: none; }

/*===== Rodapé Carousel ====*/
#titulo-marcas-large, #titulo-marcas-small { width: 100%; height: 100%; font-family: "Satisfy", sans-serif !important; margin: 20px 0; text-align: center; font-weight: bold; color: #000; }
#titulo-marcas-large { font-size: 72px; }
#titulo-marcas-small { font-size: 32px; }
.footer #box-marcas-footer { background: #eceaeb; border-top: 1px solid #d4d4d4; padding-bottom: 40px; }

/*===== Conteudo Global ====*/
.render-body { min-height: 400px; padding: 20px 0; }

/*===== Efeito nos títulos (linhas laterias) ====*/
.decorated { overflow: hidden; text-align: center; margin-bottom: 25px; }
.decorated > .line { position: relative; display: inline-block; }
.decorated > .line:before,
.decorated > .line:after { content: ''; position: absolute; top: 50%; border-bottom: 2px solid; width: 592px; margin: 0 20px; }
.decorated > .line:before { right: 100%; }
.decorated > .line:after { left: 100%; }
.decorated > .downline { border: 0 none; margin: 0 auto; border: 0 none; width: 192px; height: 10px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAAAKCAMAAADVcaHnAAAA8FBMVEX////+/v78/Pz6+vr4+Pj29vb09PTy8vLw8PDu7u7r6+vq6url5eXg4ODe3t7a2trX19fV1dXR0dHPz8/MzMzJycnFxcXDw8O/v7+7u7u5ubm0tLSxsbGtra2pqamlpaWhoaGdnZ2bm5uYmJiUlJSRkZGNjY2KioqHh4eDg4OAgIB9fX16enp3d3d0dHRycnJubm5ra2toaGhlZWViYmJfX19bW1tVVVVRUVFOTk5ISEhERERBQUE/Pz87Ozs4ODg1NTUyMjIuLi4sLCwoKCgmJiYiIiIfHx8bGxsZGRkTExMQEBALCwsFBQUBAQEAAAANQOYEAAACQUlEQVR42r1Ug9fdThAdJD/Utm3bR/2La7dHtd0e1jaT7PQuXs9+9ncHmX3ZJHsHjzJw0G7R2x3c+ZqpF+Auv8ad3GK2eLUQtByTZTvDPRgUCGELhQqLV1HVIkAhJb9//M6Ils6VFw9+GY1dPJl/165qmrqu6gaXxpwX19SUHyDFUZNr900mC9Z5TtiSTy47eFFqkaQsSoFTVaEEY2qHq09o///+Qye/TdjFne4BzFzTVFXjAjMIVmBpbDkphN3Wiy0aUKqGo4mKsArwj09tKczUOxh7IWoOrFxkhODDud0TrMUAmqJuYOxcDTQgFmANUNewqh0Znl6IaKi8hupL9ubsq60Q1k06sgrCLm2U+NvZLf8b1llzdpbTlHPKOMLakTUDj0gFDsXjveOy+8adJOP6y6bOpiPvsXZ9xmTiFxBqtk69verRPSU3ccfljfUhDdwh1hXx9qkllUmb22czL6Ox8U+mf1CCUkVVhSEAi8aR9OFf5ubMt6gLQGXNoCmGNY3VOasx+/j0vt9HsNg8/cTe8vyrfAxDgyoMUBZmmCJS730bCDOl5PuP+Ll30PA9gyBGj+GTv7hFv/OUiG8rPwQAJgNOlbldPtrAs0GnykR6dmXOuh8360VTX1xcuMo+1kUYeum2+5Gj2PtwVRhuHL3TnmOK6WLqF0RD4gSmgIBfmH5cJb304T2iWeuF6O4jovkrJdAmF/5HXTwfFkhoksaFNhw2cNe/F/+OGD2+jIsxYznuHTdm5H8FZ9tinK/7hT+gAHca8AzV/wAAAABJRU5ErkJggg==') no-repeat center center; }

/*===== Página não encontrada (404) ====*/
.box-404 { background: url('/Images/404-bg.png'); background-repeat: no-repeat; background-position: center 30px; }
.display-404 { color: #FFF; font-size: 240px; letter-spacing: 10px; font-weight: 900; text-shadow: 12px 12px 30px rgba(0,0,0,0.1); }
.big-p { font-size: 35px; color: #29303b; }
.medium-p { color: #686f7a; }

/*===== Box ====*/
.box { border: 1px solid #f0f0f0; padding-top: 10px; padding-bottom: 10px; -webkit-box-shadow: 2px 2px 5px 0 #e7e7e8; -moz-box-shadow: 2px 2px 5px 0 #e7e7e8; box-shadow: 2px 2px 5px 0 #e7e7e8; }

/*===== MVC Validation ====*/
label.field-validation-valid,
span.field-validation-valid, .field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #a94442; box-shadow: none; }
.input-validation-error:focus { border: 1px solid #a94442; box-shadow: none; }
.field-validation-error { color: #a94442; }
.validation-summary-errors { display: block; }
.validation-summary-errors ul { list-style: circle; list-style-image: none; list-style-type: none; margin: 0; padding: 0; }
.validation-summary-errors ul li { color: #a94442; margin: 0 0 8px 0; padding: 0; }
.validation-summary-valid { display: none; }

/*===== Carousel Marcas Rodapé ====*/
.carousel-control { width: 4%; }
.carousel-control.left, .carousel-control.right { margin-left: 15px; background-image: none; }

@media (max-width: 767px) {
    .carousel-inner .active.left { left: -100%; }
    .carousel-inner .next { left: 100%; }
    .carousel-inner .prev { left: -100%; }
    .active > div { display: none; }
    .active > div:first-child { display: block; }
}

@media (min-width: 767px) and (max-width: 992px ) {
    .carousel-inner .active.left { left: -50%; }
    .carousel-inner .next { left: 50%; }
    .carousel-inner .prev { left: -50%; }
    .active > div { display: none; }
    .active > div:first-child { display: block; }
    .active > div:first-child + div { display: block; }
}

@media (min-width: 992px ) {
    .carousel-inner .active.left { left: -25%; }
    .carousel-inner .next { left: 25%; }
    .carousel-inner .prev { left: -25%; }
}

/*===== Produtos ====*/
.box-produto { width: 99.5%; height: 352px; text-align: center; padding: 10px 0; margin: 0 auto 15px auto; vertical-align: middle; border: 1px solid #dedede; -webkit-box-shadow: 2px 2px 5px 0 #e7e7e8; -moz-box-shadow: 2px 2px 5px 0 #e7e7e8; box-shadow: 2px 2px 5px 0 #e7e7e8; }
.box-produto img { border: 0 none; margin: 0 auto 10px auto; padding: 0; vertical-align: middle; }
.box-produto .variacoes { height: 40px; }
.box-produto .variacoes span { font-size: 13px; font-weight: normal; }

/*===== Tags Style ====*/
.cmu_tags { overflow: hidden; padding: 0; font-size: 11px; margin-left: 10px; margin-bottom: 15px; }
.cmu_tags a { background: #85c8ea; border-radius: 3px 0 0 3px; color: #fff !important; height: 20px; float: left; line-height: 20px; padding: 0 30px 0 10px; position: relative; margin: 0 3px 3px 0; text-decoration: none; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; }
.cmu_tags a.nolink { cursor: default; }
.cmu_tags a::before { background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; right: 13px; position: absolute; width: 6px; top: 6.5px; }
.cmu_tags a::after { background: #fff; border-bottom: 10px solid transparent; border-left: 10px solid #85c8ea; border-top: 10px solid transparent; content: ''; position: absolute; right: 0; top: 0; }
.cmu_tags a:hover { background-color: #426b7f; color: white; }
.cmu_tags a:hover::after { border-left-color: #426b7f; }

/*===== Catálogos ====*/
.box-catalogo { width: 99.5%; padding: 10px 0; margin: 0 auto 40px auto; vertical-align: middle; background: #f8f5f5; border: 1px solid #d4d4d4; text-align: center; -webkit-box-shadow: 2px 2px 5px 0 #e7e7e8; -moz-box-shadow: 2px 2px 5px 0 #e7e7e8; box-shadow: 2px 2px 5px 0 #e7e7e8; }
.box-catalogo p { text-align: left; width: 90%; margin: 0 auto 10px auto; }

/*===== Efeito padrão dos Links ====*/
a.link { color: #000; text-decoration: none; cursor: default; }
a.link.bold { font-weight: bold; }
a.link:active { color: #b94a48 !important; text-decoration: none; cursor: pointer; }
a.link:hover,
a.link:focus { color: #ae4341 !important; text-decoration: underline; cursor: pointer; }

/*===== Template Paginação ====*/
.pagination > li > a { margin: 0 2px; background-color: #FFF; color: #5a5a5a; }
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover { color: #5a5a5a; background-color: #f1f1f1; border: solid 1px Silver; }
.pagination > .active > a { color: #5a5a5a; background-color: #eceaeb; border: solid 1px Silver; }
.pagination > .active > a:hover,
.pagination > .active > a:focus { color: #454444; background-color: #eceaeb; border: solid 1px #9b9898; }

/*===== Menu Lateral Marcas ====*/
.box-marcas { width: 100%; height: auto; }
.box-marcas .titulo { font-weight: bold; color: #242424; font-size: 18px; margin-top: 0; padding-top: 0; }
.box-marcas ul { list-style: none; padding: 0; margin: 0; height: 600px }
.box-marcas ul li { color: #5c5c5c; font-size: 16px; }
.box-marcas ul li .active { color: #de1b18; font-weight: bold; }

/*===== Detalhes do Produto ====*/
.box-detalhe-produto { cursor: default; }
.box-detalhe-produto .titulo { font-size: 24px; margin: 0; padding: 0; font-weight: bold; color: #242424; }
.box-detalhe-produto .subtitulo { font-size: 15px; margin: 10px 0 15px 0; padding: 0; color: #5c5c5c; }
.box-detalhe-produto .lista-variacoes { padding: 0; margin: 0 0 0 25px; }
.box-detalhe-produto .lista-variacoes li { margin: 0; padding: 0; margin-bottom: 5px; }
.box-detalhe-produto .lista-variacoes li span { font-size: 16px; }
.box-detalhe-produto .lista-variacoes li small { color: #5c5c5c; }
.box-veja-tambem { border-top: 1px solid #5c5c5c; margin-top: 25px; }
.box-veja-tambem .titulo { margin: 0; padding: 0; margin-top: 10px; font-weight: bold; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active { border-color: #9b9898; }

/* Responsive */
@media screen and (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media screen and (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media screen and (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}

/*===== Icone para voltar ao topo ====*/
a.scrollup { bottom: 20px; display: none; height: 44px; position: fixed; right: 20px; text-indent: -9999px; width: 44px; z-index: 9999999999999999999; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAABpElEQVR42t2YUWrCQBBAQ0WxP6Gf9StQay0GIQ36V20jIsZA7pSb5AI5S66QE+QK6Y7MQgjJkp2s29WBh0Q368M1s7NjWfSYMt4YX4xvxoURIRd8z8cxU0tTjBkfjH1Npi97vHd8C7ER451xJog1OeNcI1Vyr4yjArEmR5x7UKxuINZkRRF7Ymw0yHE2+J29Q6dcXdKYZSUv9+wf5TgzUY47GSB46sqVrgFyHLdt2woNEgyb2+PSIDnOsi54MFDwwOVeDJTjgJs1VzGZ53lRURRRVVVRmqaRbdsqBMHtWs8NlivL8irHyfNchSS4WT+q5RRKghs9OYvkFEmCGy3/9ZFTIBmSBGXkBkqG0kvsOE6nHDy9Ivksy0hLLPWQJEnSKdfnF6Y8JL7MTXEcC+VEkpAnJQV9UqIGIZFcmyS8wjUlUZO2OvgvAn3GBkEwaKszvlgwtdz6vKuC1fiS/y4OTcYfO01YavchWh+8ebTVKLeVbR7xWGuQWz90A7PeAl4obAEvVLaA6zHBRjjloPWLW+pEV8f/GcshqNl2LUI7/GyOY0nxBwxgfS4NvL5eAAAAAElFTkSuQmCC')  no-repeat scroll 0 0 transparent; }

.text-white {
    color: #fff;
}