@import url('../../libs/jquery-bxslider/jquery.bxslider.css');
@import url('../../libs/jquery-ui/jquery-ui.css');
@import url('../../libs/jquery-jscrollpane/jquery.jscrollpane.css');

/* COLORS
----------------------------------------------------------------------------------------
AZUL CLARO 		#268fcc
AZUL ESCURO		#003260
VERMELHO		#ed1c24
CINZA CLARO		#e2e7ea
*/

/* FUNCTIONS
----------------------------------------------------------------------------------------*/
@import url('functions.css');

/* LOADING
----------------------------------------------------------------------------------------*/
@import url('loading.css');


/* FONTS
----------------------------------------------------------------------------------------*/
@import url('fonts.css');

/* RESET
----------------------------------------------------------------------------------------*/

.calculatorDirectiveRight {
  float: right !important;    
}

.calculatorDirectiveLeft {
  float: left !important;    
}

.monthCustom[disabled] {
   opacity: .3;
}

 .monthCustom {
        display: inline-block;
        border: 1px solid #CCC;
        width: 15%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-top: 5px;
        cursor: pointer;
   }

        .monthCustom.active {
            background: #CCC;
        }

        .monthCustom + .monthCustom {
            margin-left: 1%;
        }

        .monthCustom:nth-child(7) {
            margin-left: 0px;
        }

    .customIcon {
        display: inline-block;
        background: #333;
        color: #e9e9e9;
        font-size: 8px;
        width: 14px;
        height: 14px;
        line-height: 14px;
        border-radius: 7px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .yearsCustom {
        display: inline-block;
    }

    .EditPanel {
        opacity: 0.3;
    }

.RegulationMilhas {
    float: right;
    position: relative;
    top: 40px;
    color: #758b97;
    font-size: 13px;
}

* {
    margin: 0px;
    padding: 0px;
    border: medium none;
    font-family: 'Ubuntu', 'Trebuchet MS';
    outline: none;
}

html {
    height: 100%;
}

body {
    height: 100%;
}

ul,
ol {
    list-style: none outside none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

/*a:hover {
    text-decoration: underline;
}*/


/*div.overlay {
  display: table;
  position: fixed;
  background: #ffffff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity:1 !important;
}

         
div.overtext {
  display: table-cell;
  width: 100%;
  height: 100%;
  background: #ffffff;
  text-align: center;
  vertical-align: middle;
  color: #000000;
  border: 0px solid;
  opacity:1 !important;
}*/

 .btn.btn-disabled {
     pointer-events: none;
     opacity: 0.55;
 }

:active:not(input, textarea),
:focus:not(input, textarea),
::-moz-focus-inner:not(input, textarea) {
    outline: none;
    border: medium none;
}

::-webkit-input-placeholder {
    color: inherit;
    font: inherit;
    line-height: inherit;
}

::-moz-placeholder {
    color: inherit;
    font: inherit;
    line-height: inherit;
}

:-ms-input-placeholder {
    color: inherit;
    font: inherit;
    line-height: normal;
}

button {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
th {
    font-weight: normal;
}

em,
i,
address,
small {
    font-style: normal;
}


/*ADD Animation*/
.wr-topo *,
.wr-usuario *,
.wr-atendimento *,
.wr-rodape *,
.wr-conteudo .ct,
.bx-carrinho *,
.controles-carrinho,
.controles-carrinho *,
.bx-confirmacao,
.bx-pagamento *,
.bx-endereco *,
.animatedIcon-navigation,
.animatedIcon-navigation:before,
.animatedIcon-navigation:after,
.wr-busca *,
.wr-carrossel-topo .bx-wrapper .bx-viewport,
.wr-lojas,
.wr-milhas * {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

/*REMOVE Animation*/
.ui-slider * {
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -ms-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}

/* MODAL SEM AJAX
-----------------------------------------------------------*/
.bx-modal-home {
    display: none;
}

/* MODAL
-----------------------------------------------------------*/
.overlay {
    background: #0a0303;
    opacity: 0.8;
    filter: alpha(opacity=70);
    width: 100%;
    height: 2000px;
    position: fixed;
    top: 0px;
    z-index: 99992;
    display: none;
}

.bx-modal {
    background: #fff;
    width: 350px;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -175px;
    z-index: 99993;
    display: none;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 3px rgba(50, 50, 50, 0.75);
}

    .bx-modal .header {
        width: 100%;
        position: relative;
    }

        .bx-modal .header h2 {
            background: #268fcc;
            font-family: 'Ubuntu-Bold', 'Trebuchet MS';
            color: #fff;
            font-size: 20px;
            text-transform: uppercase;
            padding: 10px 20px;
            line-height: 20px;
        }

        .bx-modal .header .btn-fechar {
            color: #fff;
            font-size: 23px;
            font-family: 'Ubuntu-Bold', 'Trebuchet MS';
            position: absolute;
            right: 0;
            top: 0;
            text-decoration: none;
            text-align: center;
            cursor: pointer;
            width: 45px;
            height: 40px;
            line-height: 40px;
        }

    .bx-modal .content {
        padding: 20px;
        padding: 10px 20px;
        min-height: 100px;
    }

        .bx-modal .content p {
            color: #aeaeae;
            font-size: 14px;
        }

        .bx-modal .content .btn-cancelar {
            background: #268fcc;
            float: left;
            border-radius: 5px;
            color: #fff;
            font-family: "Ubuntu-Bold","Trebuchet MS";
            height: 35px;
            text-align: center;
            text-transform: uppercase;
            width: 100px;
            margin-top: 20px;
        }

    .bx-modal .footer {
        background: #003260;
        width: 100%;
        float: left;
        position: relative;
        margin-top: 10px;
    }

        .bx-modal .footer .detalhe-footer {
            width: 50%;
            height: 5px;
            float: left;
            display: block;
            position: absolute;
            top: -5px;
        }

        .bx-modal .footer .detalhe-left {
            left: 0px;
            background: #3e6371;
        }

        .bx-modal .footer .detalhe-right {
            background: #ae8940;
            right: 0px;
        }

/* ESTRUTURA
-----------------------------------------------------------*/
.wr-site {
    background: #e2e7ea;
    width: 100%;
    min-height: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.wr {
    width: 100%;
    position: relative;
}

.wr-conteudo {
    /*margin-top:80px;*/
}



.pg-conteudo {
    padding-bottom: 0;
}

.wr .ct {
    width: 980px;
    margin: 0px auto;
    position: relative;
    display: table;
    box-sizing: border-box;
}

.wr-geral-topo {
    display: table;
}

/* TOPO
-----------------------------------------------------------*/
.wr-topo {
    background: #268fcc;
    float: left;
    z-index: 99991;
}

    .wr-topo .ct {
        height: 80px;
    }

        .wr-topo .ct .logo {
            background-size: contain;
            width: 164px;
            display: block;
            text-indent: -99999px;
            position: relative;
            top: 25px;
            margin-left: 20px;
            float: left;
        }

            .wr-topo .ct .logo .ico-logo {
                background: url(../Img/Layout/logo-wp.png) no-repeat scroll left top transparent;
                height: 31px;
                float: left;
                width: 100%;
            }

        .wr-topo .ct .mn {
            float: right;
            margin-top: 30px;
        }

            .wr-topo .ct .mn li {
                float: left;
                display: inline;
                margin: 0px 15px;
            }

                .wr-topo .ct .mn li a {
                    color: #fff;
                    font-family: 'Ubuntu-Bold', 'Trebuchet MS';
                    font-size: 14px;
                    text-transform: uppercase;
                }

.wr-usuario {
    background: #003261;
    float: left;
    z-index: 100;
}

.wr-usuario-mobile {
    display: none;
}

.wr-usuario .ct {
    height: 80px;
}

    .wr-usuario .ct p {
        font-size: 16px;
        color: #fff;
        line-height: 80px;
        float: left;
        text-transform: uppercase;
        margin-left: 20px;
    }

        .wr-usuario .ct p strong {
            font-weight: normal;
            font-family: 'Ubuntu-Bold';
            letter-spacing: -1px;
        }

    .wr-usuario .ct ul li {
        float: left;
        display: inline;
    }

    .wr-usuario .ct .mn-itens {
        float: right;
        height: 80px;
    }

        .wr-usuario .ct .mn-itens li a {
            color: #fff;
            font-family: 'Ubuntu-Bold';
            font-size: 14px;
            text-transform: uppercase;
            display: block;
            height: 80px;
            line-height: 80px;
            padding: 0px 20px;
        }

            .wr-usuario .ct .mn-itens li a:hover,
            .wr-usuario .ct .mn-itens li a.ativo {
                background: url(../Img/Layout/bg-mn-usuario.jpg) repeat-x scroll left top;
                color: #ef1b27;
                text-decoration: none;
                border-bottom: 5px solid #ef1b27;
            }

    .wr-usuario .ct .mn-acoes {
        position: absolute;
        bottom: -30px;
        margin-left: 20px;
    }

        .wr-usuario .ct .mn-acoes li a {
            color: #278fcc;
            font-family: 'Ubuntu-Light', 'Trebuchet MS';
            font-size: 11px;
            display: block;
            margin: 0 10px 0 0;
        }
/* SCROLL
-----------------------------------------------------------*/
.jspVerticalBar {
    width: 5px;
    background: none;
}

.jspTrack {
    background: #eef1f2;
    border-radius: 5px;
}

.jspDrag {
    background: #268fcc;
    border-radius: 5px;
}



/* BUSCA
-----------------------------------------------------------*/
.wr-busca {
    float: left;
    z-index: 100;
    background-color: #003260;
    /*position: absolute;
    top: 80px;*/
}

    .wr-busca .ct {
        background: #003260;
    }

.saudacao {
    line-height: 40px;
    color: #fff;
    margin: 20px 0px;
    float: left;
    font-size: 14px;
    font-family: 'Ubuntu-Bold', 'Trebuchet MS';
    padding-left: 20px;
}

    .saudacao img {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        float: left;
        margin: 0px 20px 0px 20px;
        display: none;
    }

    .saudacao span {
        display: block;
        float: left;
        line-height: 40px;
    }

        .saudacao span b {
            color: #ed1c24;
            font-family: 'Ubuntu-Bold', 'Trebuchet MS';
            font-size: 15px;
        }

        .saudacao span strong {
            background: #ed1c24;
            display: inline-block;
            padding: 2px 4px 0px 4px;
            border-radius: 3px;
            line-height: 20px;
        }

.wr-busca .ct .fm-busca {
    background-color: tomato;
    float: right;
    margin: 20px 20px 20px 0px;
    position: relative;
}

.fm-busca input {
    background: #00284d;
    border-top: 1px solid #00203e;
    border-bottom: 1px solid #268fcc;
    height: 40px;
    padding: 0px 15px 0px 46px;
    text-transform: uppercase;
    width: 320px;
    color: #fff;
    line-height: 40px;
}

.fm-busca .ico-busca {
    background: #00284d url(../Img/Layout/icones.png) scroll no-repeat -105px -655px;
    height: 40px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 40px;
    text-indent: -99999px;
}

.wr-busca .ct .links-compra {
    float: right;
}

.links-compra li {
    float: left;
    display: inline;
    border-left: 1px solid #335b80;
    position: relative;
    padding-left: 10px;
}

    .links-compra li .bx-assistente {
        position: absolute;
        right: -20px;
        top: 100%;
        display: none;
    }

        .links-compra li .bx-assistente .seta {
            background: url(../Img/Layout/seta-webbie.png) scroll no-repeat left top;
            width: 22px;
            height: 17px;
            display: block;
            position: absolute;
            right: 50px;
            top: -15px;
        }

        .links-compra li .bx-assistente .content {
            border: 2px solid #268fcc;
            background: #fff;
            padding: 15px;
            min-width: 150px;
        }

            .links-compra li .bx-assistente .content fieldset {
                display: none;
            }

            .links-compra li .bx-assistente .content p {
                color: #268fcc;
                font-size: 12px;
            }

            .links-compra li .bx-assistente .content label {
                color: #268fcc;
                font-size: 9px;
                display: block;
                margin: 5px 0px 0px 0px;
            }

            .links-compra li .bx-assistente .content input {
                background: #268fcc;
                padding: 2px 5px;
                color: #fff;
                font-size: 12px;
            }

    .links-compra li a {
        display: block;
        text-indent: -77777px;
        width: 80px;
        height: 40px;
        margin: 20px 0px;
    }

        .links-compra li a:hover {
            text-decoration: none;
        }

        .links-compra li a.assistente {
            background: url(../Img/Layout/sprite_webbie.gif) scroll no-repeat center center transparent;
        }

        .links-compra li a.carrinho {
            background: url(../Img/Layout/icones.png) scroll no-repeat -88px -304px transparent;
        }

            .links-compra li a.carrinho span {
                color: #ed1c24;
                display: block;
                font-size: 15px;
                font-weight: bold;
                letter-spacing: -1px;
                text-align: center;
                text-indent: 0;
                position: relative;
                top: 1px;
                left: 0px;
            }

.wr-busca.fixed {
    position: fixed;
    top: 0px;
    z-index: 99999999;
}

/* CARROSSEL HOME
-----------------------------------------------------------*/
.wr-carrossel-topo {
    width: 100%;
    float: left;
    margin-top: -82px;
}

    .wr-carrossel-topo .bx-wrapper .bx-viewport {
        height: 490px !important;
    }

    .wr-carrossel-topo .carrossel-home li {
        height: 500px;
    }

        .wr-carrossel-topo .carrossel-home li .ct {
            height: 400px;
            padding: 20px 0 80px;
        }

.carrossel-home li {
    background-position: center bottom;
    background-repeat: no-repeat;
}

.wr-carrossel-topo .carrossel-home li.banner-simples {
    background-position: center center;
}

.carrossel-home li .ct .col {
    float: left;
    width: 33.33%;
    display: none;
}

    .carrossel-home li .ct .col:first-child {
        display: block;
    }

.carrossel-home li .ct img {
    max-width: initial;
}

.carrossel-home li .ct h1 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -2px;
    font-family: 'Ubuntu-Bold';
    color: #fff;
    text-transform: uppercase;
    margin-top: 120px;
}

    .carrossel-home li .ct h1 small {
        letter-spacing: 0px;
        display: block;
        font-size: 14px;
        color: #e5ec6a;
    }

.carrossel-home li .ct h2 {
    margin-top: 30px;
    color: #e5ec6a;
    font-size: 30px;
    font-family: 'Ubuntu-Bold';
    letter-spacing: -2px;
    line-height: 30px;
}

    .carrossel-home li .ct h2 small {
        display: inline-block;
        color: #fff;
        padding-top: 30px;
        border-top: 1px solid #fff;
        font-size: 14px;
        font-family: 'Ubuntu-Light';
        letter-spacing: 0px;
    }


.bx-wrapper .bx-controls-direction a {
    background-color: #e5ec6a;
    width: 105px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-marcas .bx-wrapper .bx-controls-direction a {
    width: 45px;
}

.bx-wrapper .bx-controls-direction a span {
    background-image: url(../Img/Layout/icones.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    width: 50px;
    height: 45px;
    float: left;
}

.bx-wrapper .bx-controls-direction a.bx-prev span {
    float: right;
}

.bx-wrapper .bx-prev {
    left: 0px;
    border-radius: 0px 5px 5px 0px;
}

    .bx-wrapper .bx-prev span {
        background-position: -19px -1150px;
    }

/*.bx-wrapper .bx-prev:hover {
    -webkit-animation: move_left_arrow_carrossel 0.3s linear infinite;
    -moz-animation: move_left_arrow_carrossel 0.3s linear infinite;
    animation: move_left_arrow_carrossel 0.3s linear infinite;
}*/
.bx-wrapper .bx-next {
    right: 0px;
    border-radius: 5px 0px 0px 5px;
}

    .bx-wrapper .bx-next span {
        background-position: 18px -1050px;
    }

/*.bx-wrapper .bx-next:hover {
    -webkit-animation: move_right_arrow_carrossel 0.3s linear infinite;
    -moz-animation: move_right_arrow_carrossel 0.3s linear infinite;
    animation: move_right_arrow_carrossel 0.3s linear infinite;
}*/

.bx-wrapper .bx-pager {
    position: absolute;
    bottom: 120px;
}

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: none;
        width: 6px;
        height: 6px;
        border: 2px solid #e5ec6a;
    }

        .bx-wrapper .bx-pager.bx-default-pager a.active {
            background: #e5ec6a;
        }



/* VITRINE HOME
-----------------------------------------------------------*/
.pg {
    padding: 60px 0;
    float: left;
    width: 100%;
}

    .pg .bx-vitrine {
        float: left;
        width: 100%;
    }

        .pg .bx-vitrine > li {
            background: #fff none repeat scroll 0 0;
            border-bottom: 1px solid #e2e7ea;
            border-right: 1px solid #e2e7ea;
            box-sizing: border-box;
            display: inline;
            float: left;
            margin: 0 1.5% 20px 0;
            padding: 30px 20px;
            position: relative;
            width: 18.8%;
        }

        .pg .bx-vitrine li:nth-child(5n) {
            margin-right: 0;
        }

        .pg .bx-vitrine li a {
            display: block;
        }

            .pg .bx-vitrine li a:hover {
                text-decoration: none;
            }

        .pg .bx-vitrine li .num-desconto {
            background: #d71921;
            width: 40px;
            height: 40px;
            display: block;
            border-radius: 20px;
            position: absolute;
            left: 20px;
            bottom: 40px;
            line-height: 40px;
            color: #fff;
            font-family: 'Ubuntu-Bold';
            font-size: 16px;
            display: none;
        }

            .pg .bx-vitrine li .num-desconto img {
                display: none;
            }

            .pg .bx-vitrine li .num-desconto b {
                width: 40px;
                height: 40px;
                color: #fff;
                font-size: 13px;
                font-family: 'Ubuntu-Bold';
                text-align: center;
                position: absolute;
                left: 0px;
                top: 0px;
                display: block;
                line-height: 40px;
                text-align: center;
            }

        .pg .bx-vitrine li .foto-produto {
            border-bottom: 1px solid #dbe4e7;
            margin: 12% auto 15%;
            padding-bottom: 40px;
            width: 80%;
        }

        .pg .bx-vitrine li .descricao {
            text-align: center;
        }

        .pg .bx-vitrine li .nome-produto {
            font-size: 14px;
            font-family: 'Ubuntu-Light';
            color: #879aa5;
            margin-bottom: 20px;
        }

            .pg .bx-vitrine li .nome-produto strong {
                font-family: 'Ubuntu-Bold';
                display: block;
            }

        .pg .bx-vitrine li .preco-de {
            font-size: 14px;
            font-family: 'Ubuntu-Light';
            color: #268fcc;
            float: right;
            width: 100%;
            text-decoration: line-through;
        }

            .pg .bx-vitrine li .preco-de s {
            }

        .pg .bx-vitrine li .preco {
            font-size: 40px;
            line-height: 34px;
            font-family: 'Ubuntu-Bold';
            color: #268fcc;
            float: right;
            width: 100%;
            letter-spacing: -2.5px;
        }

        .pg .bx-vitrine li b {
            font-size: 14px;
            line-height: 10px;
            font-family: 'Ubuntu-Bold';
            color: #268fcc;
            float: right;
            width: 100%;
            padding-top: 5px;
            text-transform: uppercase;
        }

        .pg .bx-vitrine li .parceiro {
        }

        .pg .bx-vitrine li .hover-options {
            display: none;
            position: absolute;
            left: 0px;
            top: 0px;
            background-color: #ed1c24;
            width: 100%;
        }

            .pg .bx-vitrine li .hover-options li {
                border: 0;
            }

                .pg .bx-vitrine li .hover-options li a {
                    /*background-image: url(../Img/Layout/sprite_icons.png);
    background-repeat: no-repeat;
    background-attachment: scroll;*/
                    color: #fff;
                    display: block;
                    font-size: 14px;
                    line-height: 94px;
                    /*text-indent: 70px;*/
                    text-transform: uppercase;
                    height: 94px;
                }

                    .pg .bx-vitrine li .hover-options li a .ico-vitrine {
                        background: url(../Img/Layout/icones.png) no-repeat scroll left top;
                        width: 50px;
                        float: left;
                        height: 30px;
                        margin: 30px 15px 0 0;
                    }

                    .pg .bx-vitrine li .hover-options li a.add-carrinho .ico-vitrine {
                        background-position: 8px -309px;
                    }

                    .pg .bx-vitrine li .hover-options li a.ver-detalhes .ico-vitrine {
                        background-position: 8px -907px;
                    }

                    .pg .bx-vitrine li .hover-options li a.add-desejos .ico-vitrine {
                        background-position: 8px -955px;
                    }

            .pg .bx-vitrine li .hover-options li {
            }

                .pg .bx-vitrine li .hover-options li:hover {
                    -webkit-transition: all .5s ease;
                    -moz-transition: all .5s ease;
                    -ms-transition: all .5s ease;
                    -o-transition: all .5s ease;
                    transition: all .5s ease;
                    background: url(../Img/Layout/bg-00000-20perc.png) repeat-x scroll 0px top;
                    width: 100%;
                }

    /*.pg .bx-vitrine li .hover-options li a.add-carrinho {
    background-position: -15px -1870px;
}

.pg .bx-vitrine li .hover-options li a.ver-detalhes {
    background-position: -15px -1667px;
}

.pg .bx-vitrine li .hover-options li a.add-desejos {
    background-position: -15px -1770px;
}*/

    .pg .btn-ver-todos-produtos,
    .ct-marcas .btn-ver-parceiros {
        background: #268fcc;
        width: 99.8%;
        height: 60px;
        display: block;
        line-height: 60px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        float: left;
    }

        .pg .btn-ver-todos-produtos:hover {
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
            background: url(../Img/Layout/bg-00000-20perc.png) no-repeat scroll left 0px / 100% #003260;
        }


    /* BREADCRUMB
-----------------------------------------------------------*/
    .pg .bc {
        float: left;
        width: 100%;
        /*margin-bottom: 60px;*/
    }

        .pg .bc li {
            color: #fff;
            font-size: 14px;
            float: left;
        }

            .pg .bc li.separador {
                background: url(../Img/Layout/ico-seta-breadcrumb.png) no-repeat scroll center center transparent;
                float: left;
                line-height: 20px;
                padding: 0 10px;
                text-indent: -99999px;
                width: 7px;
            }

/* CATEGORIAS
-----------------------------------------------------------*/
.wr-categorias {
    position: absolute;
    bottom: -5px;
    z-index: 100;
    height: 80px;
}

    .wr-categorias .ct ul {
        background: #003260;
        border-bottom: 5px solid #ed1c24;
        width: 100%;
        display: table;
        box-sizing: border-box;
    }

        .wr-categorias .ct ul li {
            display: table-cell;
            border-right: 1px solid #1a4770;
            width: 10%;
        }

            .wr-categorias .ct ul li:last-child {
                border-right: 0;
            }

            .wr-categorias .ct ul li a {
                color: #fff;
                display: block;
                font-family: 'Ubuntu-Light', 'Trebuchet MS';
                font-size: 10px;
                text-align: center;
                padding: 20px 0;
                /*line-height: 120px;*/
            }

            .wr-categorias .ct ul li:hover,
            .wr-categorias .ct ul li.ativo {
                background-color: #268fcc;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -ms-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease;
            }

            .wr-categorias .ct ul li a .ico {
                background-image: url(../Img/Layout/icones.png);
                background-repeat: no-repeat;
                background-position: center top;
                width: 50px;
                height: 30px;
                margin: 0 auto 5px;
                display: block;
            }

            .wr-categorias .ct ul li a .ico-cat-todas {
                background-position: 0 -808px;
            }

            .wr-categorias .ct ul li a .ico-cat-eletronicos {
                background-position: 0 -705px;
            }

            .wr-categorias .ct ul li a .ico-cat-eletrodomesticos {
                background-position: 0 -758px;
            }

            .wr-categorias .ct ul li a .ico-cat-midias {
                background-position: 0 -608px;
            }

            .wr-categorias .ct ul li a .ico-cat-ingressos {
                background-position: 0 -505px;
            }

            .wr-categorias .ct ul li a .ico-cat-paguecontas {
                background-position: 0 -555px;
            }

            .wr-categorias .ct ul li a .ico-cat-recargacelular {
                background-position: 0 -458px;
            }

            .wr-categorias .ct ul li a .ico-cat-viagens {
                background-position: 0 -411px;
            }

            .wr-categorias .ct ul li a .ico-cat-informatica {
                background-position: 0 -1810px;
            }

            .wr-categorias .ct ul li a .ico-cat-beleza-saude {
                background-position: 0 -1710px;
            }

            .wr-categorias .ct ul li a .ico-cat-mesa-banho {
                background-position: 0 -1960px;
            }

            .wr-categorias .ct ul li a .ico-cat-utilidades-domesticas {
                background-position: 0 -1860px;
            }


            .wr-categorias .ct ul li.ativo a .ico-cat-todas,
            .wr-categorias .ct ul li a:hover .ico-cat-todas,
            .wr-categorias .ct ul li:hover .ico-cat-todas {
                background-position: left -808px;
            }

            .wr-categorias .ct ul li.ativo a .ico-cat-eletronicos,
            .wr-categorias .ct ul li a:hover .ico-cat-eletronicos,
            .wr-categorias .ct ul li:hover .ico-cat-eletronicos {
                background-position: left -705px;
            }

            .wr-categorias .ct ul li.ativo a .ico-cat-eletrodomesticos,
            .wr-categorias .ct ul li a:hover .ico-cat-eletrodomesticos,
            .wr-categorias .ct ul li:hover .ico-cat-eletrodomesticos {
                background-position: left -758px;
            }

            .wr-categorias .ct ul li.ativo a .ico-cat-midias,
            .wr-categorias .ct ul li a:hover .ico-cat-midias,
            .wr-categorias .ct ul li:hover .ico-cat-midias {
                background-position: left -608px;
            }

            .wr-categorias .ct ul li.ativo a .ico-cat-ingressos,
            .wr-categorias .ct ul li a:hover .ico-cat-ingressos,
            .wr-categorias .ct ul li:hover .ico-cat-ingressos {
                background-position: left -505px;
            }

            .wr-categorias .ct ul li.ativo a .ico-cat-paguecontas,
            .wr-categorias .ct ul li a:hover .ico-cat-paguecontas,
            .wr-categorias .ct ul li:hover .ico-cat-paguecontas {
                background-position: left -555px;
            }

            .wr-categorias .ct ul li.ativo a .ico-cat-recargacelular,
            .wr-categorias .ct ul li a:hover .ico-cat-recargacelular,
            .wr-categorias .ct ul li:hover .ico-cat-recargacelular {
                background-position: left -458px;
            }

            .wr-categorias .ct ul li.ativo a .ico-cat-viagens,
            .wr-categorias .ct ul li a:hover .ico-cat-viagens,
            .wr-categorias .ct ul li:hover .ico-cat-viagens {
                background-position: left -411px;
            }

            .wr-categorias .ct ul li.ativo a .ico-cat-informatica,
            .wr-categorias .ct ul li a:hover .ico-cat-informatica,
            .wr-categorias .ct ul li:hover .ico-cat-informatica {
                background-position: left -1810px;
            }

            .wr-categorias .ct ul li.ativo a .ico-cat-beleza-saude,
            .wr-categorias .ct ul li a:hover .ico-cat-beleza-saude,
            .wr-categorias .ct ul li:hover .ico-cat-beleza-saude {
                background-position: left -1710px;
            }

            .wr-categorias .ct ul li.ativo a .ico-cat-mesa-banho,
            .wr-categorias .ct ul li a:hover .ico-cat-mesa-banho,
            .wr-categorias .ct ul li:hover .ico-cat-mesa-banho {
                background-position: left -1960px;
            }

            .wr-categorias .ct ul li.ativo a .ico-cat-utilidades-domesticas,
            .wr-categorias .ct ul li a:hover .ico-cat-utilidades-domesticas,
            .wr-categorias .ct ul li:hover .ico-cat-utilidades-domesticas {
                background-position: left -1860px;
            }


    /*.wr-categorias .ct ul li a.cat-todas {
    background-position: center -782px;
}
.wr-categorias .ct ul li a.cat-eletronicos {
    background-position: center -682px;
}
.wr-categorias .ct ul li a.cat-eletrodomesticos {
    background-position: center -582px;
}
.wr-categorias .ct ul li a.cat-midias {
    background-position: center -482px;
}

.wr-categorias .ct ul li a.cat-ingressos {
    background-position: center -382px;
}

.wr-categorias .ct ul li a.cat-paguecontas {
    background-position: center -282px;
}

.wr-categorias .ct ul li a.cat-recargacelular {
    background-position: center -82px;
}

.wr-categorias .ct ul li a.cat-viagens {
    background-position: center 18px;
}*/

    .wr-categorias.fixed {
        position: fixed;
        top: 1px;
        z-index: 9999999;
    }

        .wr-categorias.fixed .ct {
            border-top: 1px solid #1a4770;
        }

/* ATENDIMENTO RODAPE
-----------------------------------------------------------*/

.wr-atendimento {
    /*background: url(../Img/Layout/tira-atendimento.jpg) repeat-x scroll left top #e2e7ea;*/
    background: #e2e7ea;
    padding-bottom: 120px;
}

.wr-carrinho,
.wr-pagamento,
.wr-confirmacao,
.wr-endereco,
.wr-pedidos {
    padding-bottom: 120px;
}

.wr-atendimento .ct .col {
    width: 33.33%;
    float: left;
}

.wr-atendimento .col.col-1 {
    display: none;
}

/*.wr-atendimento .ct .col-1 {
    width: 28%;
}*/

.wr-atendimento .ct .col-2 {
    margin: 0 5%;
}

.wr-atendimento .ct .col .bx {
    height: 220px;
    float: left;
}

.wr-atendimento .ct .col h4 {
    font-size: 18px;
    color: #268fcc;
    font-family: 'Ubuntu-Bold', 'Trebuchet MS';
    clear: both;
    margin-bottom: 20px;
}

.wr-atendimento .ct .col p {
    color: #7b95a4;
    font-family: 'Ubuntu-Light', 'Trebuchet MS';
    font-size: 18px;
    line-height: 17px;
    margin-bottom: 10px;
}

    .wr-atendimento .ct .col p strong {
        color: #268fcc;
        display: block;
        font-family: 'Ubuntu-Bold', 'Trebuchet MS';
        margin-top: 5px;
    }

.wr-atendimento .ct .col small {
    font-family: 'Ubuntu-Light', 'Trebuchet MS';
    color: #7b95a4;
    font-size: 14px;
}

    .wr-atendimento .ct .col small a {
        color: inherit;
        font-family: inherit;
        text-decoration: underline;
    }

.wr-atendimento .ct .col ul li {
    float: left;
    display: inline;
    margin-right: 10px;
}

.wr-atendimento .ct .col .fm-news {
    margin-bottom: 25px;
}

    .wr-atendimento .ct .col .fm-news input {
        background: #d0d5d7;
        border-bottom: 1px solid #268fcc;
        width: 230px;
        height: 39px;
        padding: 0px 15px;
        float: left;
        line-height: 39px;
    }

    .wr-atendimento .ct .col .fm-news button {
        background: #268fcc;
        width: 40px;
        height: 40px;
        float: left;
        color: #fff;
        font-size: 14px;
        text-align: center;
        font-family: 'Ubuntu-Bold', 'Trebuchet MS';
        text-transform: uppercase;
    }

.wr-atendimento .ct .bx-ajuda {
    padding: 0 0px;
    margin: 0px 0px 50px 0px;
    float: left;
    width: 100%;
    height: 145px;
    border-top: 4px solid #268fcc;
}

    .wr-atendimento .ct .bx-ajuda li {
        float: left;
        display: inline;
        width: 33.33%;
    }

        .wr-atendimento .ct .bx-ajuda li a {
            display: block;
            height: 50px;
            /*padding: 0px 0px 0px 70px;*/
            font-size: 20px;
            font-family: 'Ubuntu-Light', 'Trebuchet MS';
            color: #268fcc;
            line-height: 26px;
        }

            .wr-atendimento .ct .bx-ajuda li a .ico {
                background: url(../Img/Layout/sprite_icons.png) no-repeat scroll;
                width: 70px;
                height: 50px;
                float: left;
            }

            .wr-atendimento .ct .bx-ajuda li a .ico-ajuda {
                background-position: -22px -1400px;
            }

            .wr-atendimento .ct .bx-ajuda li a .ico-parceiro {
                background-position: -22px -1200px;
            }

            .wr-atendimento .ct .bx-ajuda li a .ico-faq {
                background-position: -22px -1300px;
            }

            .wr-atendimento .ct .bx-ajuda li a strong {
                font-family: 'Ubuntu-Bold', 'Trebuchet MS';
                display: block;
            }

.wr-atendimento .bx-legal {
    background: #d2dcde none repeat scroll 0 0;
    margin-bottom: 50px;
    border-bottom: 1px solid #a5b8be;
}

.wr-atendimento .ct p.txt-legal {
    float: left;
    color: #3e6371;
    font-family: 'Ubuntu-Light', 'Trebuchet MS';
    font-size: 13px;
    padding: 50px 0;
}

    .wr-atendimento .ct p.txt-legal .ico-feliz {
        background: url(../Img/Layout/icones.png) no-repeat scroll -100px -1300px;
        float: left;
        height: 50px;
        margin: -10px 15px 0;
        width: 50px;
    }
/* RODAPE
-----------------------------------------------------------*/
.wr-rodape {
    background-color: #0a0f25;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

    .wr-rodape .ct {
        padding: 40px 0px;
    }

        .wr-rodape .ct .lnk-parceiro-rodape {
            float: right;
            background: url(../Img/Layout/logo-rodape.png) no-repeat scroll right top;
            height: 37px;
            width: 94px;
        }

        .wr-rodape .ct ul {
            float: left;
        }

            .wr-rodape .ct ul li {
                float: left;
                display: inline;
                margin: 0px 20px 0px 0px;
            }

                .wr-rodape .ct ul li a {
                    color: #fff;
                    font-family: 'Ubuntu-Light', 'Trebuchet MS';
                    line-height: 34px;
                    font-size: 14px;
                }

        .wr-rodape .ct .detalhe-left {
            background: #0ab2dd;
            width: 50%;
            height: 5px;
            float: left;
            display: block;
            position: absolute;
            left: 0px;
            top: -5px;
        }

        .wr-rodape .ct .detalhe-right {
            background: #ccd42a;
            width: 50%;
            height: 5px;
            float: left;
            display: block;
            position: absolute;
            right: 0px;
            top: -5px;
        }

/* ALERTA
-----------------------------------------------------------*/
.bx-alerta {
    background: none repeat scroll 0 0 #fff;
    display: table;
    position: fixed;
    right: 30px;
    bottom: -250px;
    width: 270px;
    z-index: 100000000;
    box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.05);
}

    .bx-alerta h3 {
        background: url(../Img/Layout/sprite_icons.png) no-repeat scroll -29px -2104px;
        padding: 8px 0px 3px 55px;
        margin: 20px 20px 20px 20px;
        text-transform: uppercase;
        color: #12aaeb;
        font-size: 16px;
        font-family: 'Ubuntu-Bold', 'Trebuchet MS';
        line-height: 15px;
    }

        .bx-alerta h3 strong {
            color: #38638e;
            display: block;
        }

    .bx-alerta p {
        color: #38638e;
        font-size: 14px;
        margin: 0px 20px 20px 20px;
    }

        .bx-alerta p a {
            color: inherit;
            text-decoration: underline;
        }

    .bx-alerta .btn-fechar {
        background: #f5f6f8;
        border-top: 1px solid #dae1e7;
        height: 50px;
        line-height: 50px;
        color: #12aaeb;
        font-size: 12px;
        text-align: center;
        text-transform: uppercase;
        display: block;
    }

.mn-mobile {
    background: #379fdd;
    width: 100%;
    position: absolute;
    display: none;
    top: 80px;
    z-index: 9999;
}

.btn-mn-mobile {
    float: right;
    margin: -100px 0px 0px 0px;
}

/* MILHAS
-----------------------------------------------------------*/
.pg-milhas {
    padding-top: 30px;
}

/* MILHAS CONVERSOR
-----------------------------------------------------------*/
.space-banner {
    float: left;
    padding: 20px 0 60px;
    width: 100%;
}

.bx-conversor {
    /*margin-top: 100px;*/
    text-align: left;
    float: left;
}

    .bx-conversor fieldset {
        background: #fff;
        width: 100%;
        padding: 30px;
        box-sizing: border-box;
    }

        .bx-conversor fieldset h2 {
            font-size: 22px;
            text-transform: uppercase;
            font-family: 'Ubuntu-Bold', 'Trebuchet MS';
            color: #f47920;
            letter-spacing: -1px;
            line-height: 22px;
            margin-bottom: 30px;
        }

            .bx-conversor fieldset h2 span {
                background: transparent url("../Img/Layout/icones.png") no-repeat scroll left top;
                float: left;
                height: 22px;
                width: 40px;
            }

        .bx-conversor fieldset .fm-campo {
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }

            .bx-conversor fieldset .fm-campo label {
                color: #758b97;
                float: left;
                font-size: 14px;
                line-height: 40px;
                width: 32% !important;
            }

            .bx-conversor fieldset .fm-campo input[type="text"] {
                background: #f3f5f6;
                height: 40px;
                line-height: 40px;
                padding: 0 10px;
                box-sizing: border-box;
                border-bottom: 1px solid #f47a20;
                width: 68% !important;
                color: #758b97;
                font-size: 14px;
                text-transform: uppercase;
            }

        .bx-conversor fieldset .fm-pontos-convertidos input[type="text"] {
            border-bottom: 0;
            color: #f47a20;
            font-family: 'Ubuntu-Bold', 'Trebuchet MS';
            font-size: 22px;
        }

        .bx-conversor fieldset .btn-finalizar {
            border-radius: 5px;
            color: #fff;
            font-family: "Ubuntu-Bold","Trebuchet MS";
            height: 50px;
            letter-spacing: -1px;
            line-height: 100%;
            padding: 20px 0 0 70px;
            position: relative;
            text-align: left;
            text-transform: uppercase;
            width: 140px;
            text-decoration: none;
            float: left;
            margin-top: 30px;
        }

            .bx-conversor fieldset .btn-finalizar .ico-finalizar {
                background: transparent url("../Img/Layout/icones.png") no-repeat scroll -14px -58px;
                height: 32px;
                left: 25px;
                position: absolute;
                top: 20px;
                width: 22px;
            }

.msg-alert {
}

.msg-alert-calc {
    float: right;
    width: 62%;
}

.msg-alert-cart {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    padding: 30px;
    width: 100%;
}

.msg-alert li:before {
    content: '\2022';
    padding: 0 4px 0 0;
}

.msg-alert li {
    font-size: 11px;
    color: tomato;
}

.bn-campanha img {
    width: 100%;
}

.bn-campanha .bn-g[src=""], .bn-campanha .bn-m[src=""], .bn-campanha .bn-p[src=""] {
    display: none !important;
}

.bn-campanha .bn-g {
    display: block;
}

.bn-campanha .bn-m {
    display: none;
}

.bn-campanha .bn-p {
    display: none;
}

.pg-milhas .logo {
    margin: 30px 0 60px 0;
}

.bn-campanha.vitrine {
    padding: 0px 0 20px 0;
}

@media screen and (min-width: 1281px) {
    .wr .ct {
        width: 1170px;
        /*box-sizing: border-box;*/
    }

    .wr-usuario .ct .mn-itens li a {
        padding: 0px 40px;
    }

    .wr-usuario .ct .mn-itens li:last-child a {
        padding-right: 20px;
    }

    .wr-usuario .ct p {
        font-size: 20px;
    }

    .wr-usuario .ct .mn-acoes li a {
        color: #278fcc;
        font-family: 'Ubuntu-Bold', 'Trebuchet MS';
        font-size: 14px;
        margin: 0px 15px 0px 0px;
    }

    .fm-busca input {
        width: 400px;
    }

    .wr-atendimento .ct .bx-ajuda li a {
        font-size: 24px;
    }

    .wr-atendimento .ct .col .fm-news input {
        width: 260px;
    }

    .wr-carrossel-topo .bx-wrapper .bx-viewport {
        height: 600px !important;
    }

    .wr-carrossel-topo .carrossel-home li {
        height: 610px;
    }

        .wr-carrossel-topo .carrossel-home li.banner-simples {
            background-position: center center;
        }

        .wr-carrossel-topo .carrossel-home li .ct {
            height: 445px;
            padding: 80px 0 85px;
        }

    .bx-wrapper .bx-pager {
        bottom: 100px;
    }

    .pg .bx-vitrine li .hover-options li a {
        height: 77px;
        line-height: 77px;
    }

        .pg .bx-vitrine li .hover-options li a .ico-vitrine {
            margin-top: 20px;
        }

        .pg .bx-vitrine li .hover-options li a.add-carrinho .ico-vitrine {
            background-position: 8px -309px;
        }

        .pg .bx-vitrine li .hover-options li a.ver-detalhes .ico-vitrine {
            background-position: 8px -907px;
        }

        .pg .bx-vitrine li .hover-options li a.add-desejos .ico-vitrine {
            background-position: 8px -955px;
        }

    .bx-conversor fieldset .fm-campo label {
        width: 31%;
    }

    .bx-conversor fieldset .fm-campo input[type="text"] {
        width: 69%;
    }

    .msg-alert-calc {
        width: 69%;
    }
}

@media screen and (max-width: 1000px) {

    .pg {
        padding: 20px 0 60px;
    }

    .bx-modal {
        width: 90%;
        margin-left: -45%;
    }

    .wr .ct {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .wr-conteudo {
        margin-top: 0;
    }

    .wr-rodape .ct {
        padding: 20px;
    }

    .wr-busca,
    .wr-topo .mn {
        /*display: none;*/
    }

    .btn-mn-mobile {
        display: none;
        float: right;
        height: 35px;
        margin: 25px 0 0 0;
        position: relative;
        text-indent: -77777px;
        width: 46px;
        border: 1px solid transparent;
        border-radius: 5px;
    }

        .btn-mn-mobile:hover {
            border: 1px solid #fff;
        }

        .btn-mn-mobile span,
        .btn-mn-mobile span:after,
        .btn-mn-mobile span:before {
            background: #fff;
            display: block;
            height: 5px;
            width: 35px;
            border-radius: 1px;
            position: absolute;
            left: 5px;
            top: 10px;
        }

        .btn-mn-mobile span {
            top: 15px;
            content: '';
        }

            .btn-mn-mobile span:after {
                top: 10px;
                left: 0px;
                content: '';
            }

        .btn-mn-mobile.ativo span {
            background: transparent;
        }

            .btn-mn-mobile.ativo span:before {
                top: 0px;
                border-radius: 3px;
                height: 7px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -ms-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease;
            }

            .btn-mn-mobile.ativo span:after {
                top: 0;
                border-radius: 3px;
                height: 7px;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -ms-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease;
            }

        .btn-mn-mobile span:before {
            top: -10px;
            content: '';
            left: 0px;
        }

    .wr-usuario-mobile {
        display: none;
    }

    .wr-usuario .ct {
        height: 50px;
    }

        .wr-usuario .ct p {
            padding: 0;
            line-height: 50px;
            font-size: 13px;
            margin-left: 0;
        }

        .wr-usuario .ct .mn-acoes {
            margin-left: 0px;
        }

        .wr-usuario .ct .mn-itens {
            height: 50px;
        }

            .wr-usuario .ct .mn-itens li a {
                line-height: 50px;
                height: 50px;
                padding: 0 15px;
                font-size: 13px;
            }


    .wr-usuario-mobile .ct {
        height: 80px;
    }

        .wr-usuario-mobile .ct .mn-acoes {
            bottom: 20px;
        }

    .mn-mobile ul.user li {
        background: #48afee;
    }

    .mn-mobile li a {
        display: block;
        padding: 10px 10px;
        color: #fff;
        font-size: 14px;
    }

        .mn-mobile li a:hover {
            background: #003261;
            background: #268fcc;
            text-decoration: none;
        }

    .wr-topo .ct .logo {
        margin-left: 0;
    }

    .wr-atendimento {
        background: #e2e7ea;
    }

        .wr-atendimento .ct .bx-ajuda li a {
            font-size: 17px;
            padding: 0 0 0;
            text-align: center;
            width: 100%;
            box-sizing: border-box;
        }

            .wr-atendimento .ct .bx-ajuda li a .ico {
                display: block;
                margin: 0 auto;
                float: none;
            }

        .wr-atendimento .ct .col h4 {
            font-size: 16px;
        }

        .wr-atendimento .ct .col .fm-news input {
            width: 150px;
        }


    .wr-carrossel-topo .carrossel-home li .ct {
        height: 495px;
        padding-top: 70px;
    }

    .carrossel-home li .ct .col {
        width: 30%;
    }

    .carrossel-home li .ct img {
        width: 100%;
        margin-top: 70px;
    }

    .wr-carrossel-topo .carrossel-home li.banner-simples {
        background-size: cover;
    }

    .carrossel-home li .ct h1 {
        font-size: 20px;
    }

    .bx-wrapper .bx-controls-direction a {
        width: 40px;
    }

        .bx-wrapper .bx-controls-direction a span {
            width: 30px;
        }

    .bx-wrapper .bx-prev:hover,
    .bx-wrapper .bx-next:hover {
        animation: none;
    }

    .bx-wrapper .bx-next span {
        background-position: -3px -1050px;
    }

    .pg .bx-vitrine > li {
        width: 32.3%;
    }

    .pg .bx-vitrine li:nth-child(5n) {
        margin-right: 1.5%;
    }

    .pg .bx-vitrine li:nth-child(3n) {
        margin-right: 0;
    }

    .pg .bx-vitrine li .hover-options li a {
        height: 77px;
        line-height: 77px;
    }

        .pg .bx-vitrine li .hover-options li a .ico-vitrine {
            margin-top: 20px;
        }

    /*.pg .bx-vitrine li:nth-child(3n) {
        border-right: 1px solid #e2e7ea;
    }*/

    .pg .bx-vitrine li:nth-child(2n) {
        border-right: 0;
    }

    .pg .bx-vitrine li .nome-produto {
        font-size: 15px;
    }

    .bx-conversor fieldset .fm-campo label {
        width: 50%;
    }

    .bx-conversor fieldset .fm-campo input[type="text"] {
        width: 50%;
    }

    .saudacao span.txt-saudacao {
        display: none;
    }

    .bn-campanha .bn-g {
        display: none;
    }

    .bn-campanha .bn-m {
        display: block;
    }

    .bn-campanha .bn-p {
        display: none;
    }

    .msg-alert-calc {
        width: 50%;
    }
}

@media screen and (max-width: 900px) {

    .saudacao {
        margin: 0;
        padding: 5px 0;
    }

    .links-compra li a.carrinho {
        background-position: -107px -304px;
        margin: 5px 0;
    }

    .links-compra li a {
        width: 40px;
    }

    .wr-atendimento .ct .bx-ajuda li a {
        font-size: 15px;
    }

    .wr-atendimento .ct .col {
        width: 90%;
        margin: 0 0 20px 5%;
    }

    .wr-atendimento .ct .col-2 {
        margin-left: 5%;
    }

    .wr-atendimento .ct .col .bx {
        height: auto;
        margin-bottom: 35px;
    }

    .wr-atendimento .ct .col .fm-news input {
        width: 35%;
    }

    .wr-atendimento .ct .col p br,
    .wr-atendimento .ct .col small br {
        display: none;
    }


    .carrossel-marcas li {
        background: #fff;
    }

        .carrossel-marcas li a img {
            margin: 0 auto;
        }

    .pg .bx-vitrine li .foto-produto {
        width: 75%;
    }
}

@media screen and (max-width: 670px) {

    .wr-carrossel-topo {
        height: 630px;
    }

    .wr-categorias {
        height: auto;
    }

        .wr-categorias.fixed {
            height: 40%;
        }

        .wr-categorias .ct ul li {
            width: 33.3%;
            float: left;
            box-sizing: border-box;
        }

            .wr-categorias .ct ul li:nth-child(3n) {
                border-right: 0;
            }

            .wr-categorias .ct ul li a.cat-todas {
                background-position: center -792px;
            }

            .wr-categorias .ct ul li a.cat-eletronicos {
                background-position: center -692px;
            }

            .wr-categorias .ct ul li a.cat-eletrodomesticos {
                background-position: center -592px;
            }

            .wr-categorias .ct ul li a.cat-midias {
                background-position: center -492px;
            }

            .wr-categorias .ct ul li a.cat-ingressos {
                background-position: center -392px;
            }

            .wr-categorias .ct ul li a.cat-paguecontas {
                background-position: center -292px;
            }

            .wr-categorias .ct ul li a.cat-recargacelular {
                background-position: center -92px;
            }

            .wr-categorias .ct ul li a.cat-viagens {
                background-position: center 8px;
            }

    .wr-topo .ct .mn {
        /*margin-right: -200%;*/
    }

    .wr-usuario .ct .mn-itens {
        margin: -30px -200% 0 0;
    }


    .pg .bx-vitrine li .nome-produto {
        height: 38px;
    }

    .wr-rodape .ct ul li {
        display: none;
    }

        .wr-rodape .ct ul li:first-child {
            display: block;
        }

        .wr-rodape .ct ul li a {
            font-size: 12px;
        }

    .wr-usuario .ct {
        height: auto;
        padding: 10px;
    }

        .wr-usuario .ct p {
            padding: 0;
            line-height: 30px;
            font-size: 13px;
        }

        .wr-usuario .ct .mn-acoes {
            left: 10px;
        }

        .wr-usuario .ct .mn-itens {
            height: 50px;
        }

            .wr-usuario .ct .mn-itens li a {
                line-height: 50px;
                height: 50px;
                padding: 0 15px;
                font-size: 13px;
            }

        .wr-usuario .ct .mn-acoes {
            bottom: auto;
            float: left;
            left: auto;
            margin: 10px 0 0;
            position: static;
            width: 100%;
        }

            .wr-usuario .ct .mn-acoes li a {
                color: #30b3ff;
                text-transform: uppercase;
            }

    .bx-conversor fieldset .fm-campo label {
        line-height: normal;
        margin-right: 10%;
        width: 40%;
    }

    .bx-conversor fieldset .fm-campo input[type="text"] {
        width: 50%;
    }

    .bx-conversor fieldset .fm-pontos-convertidos input[type="text"] {
        font-size: 18px;
    }

    .bx-conversor fieldset .btn-finalizar {
        background-position: 15px center;
        background-size: 7% 48% !important;
        font-size: 14px;
        height: 35px;
        padding: 10px 10px 0 36px;
        width: 90px;
    }

        .bx-conversor fieldset .btn-finalizar .ico-finalizar {
            left: 6px;
            top: 6px;
        }

    .pg .bx-vitrine li .preco {
        font-size: 30px;
    }

    .pg .bx-vitrine li b {
        font-size: 12px;
    }
}


@media screen and (max-width: 480px) {
    .wr-carrossel-topo {
        height: 560px;
    }

    .wr-categorias .ct ul li {
        width: 33.3%;
        float: left;
        box-sizing: border-box;
    }

        .wr-categorias .ct ul li a {
            padding: 10px 0;
        }

    .pg .bx-vitrine > li {
        width: 49%;
    }

    .pg .bx-vitrine li:nth-child(2n) {
        margin-right: 0;
    }

    .pg .bx-vitrine li:nth-child(3n),
    .pg .bx-vitrine li:nth-child(5n) {
        margin-right: 1.5%;
    }

    .pg .bx-vitrine > li,
    .pg .bx-vitrine li:nth-child(3n) {
        border-right: 0;
    }

    .wr-atendimento .ct .bx-ajuda {
        margin-bottom: 0;
        padding-bottom: 30px;
        width: 90%;
        margin-left: 5%;
    }

        .wr-atendimento .ct .bx-ajuda li {
            width: 100%;
            margin-bottom: 25px;
        }

            .wr-atendimento .ct .bx-ajuda li a {
                text-align: left;
            }

                .wr-atendimento .ct .bx-ajuda li a .ico {
                    float: left;
                }

    .wr-atendimento .ct .col .fm-news input {
        width: 75%;
    }

    .carrossel-home li .ct .col:first-child {
        display: none;
    }

    .carrossel-home li .ct .col {
        width: 100%;
    }

        .carrossel-home li .ct .col img {
            width: 40%;
            margin: 0 auto;
        }

    .carrossel-home li .ct .col-2 {
        margin-top: -110px;
        width: 50%;
    }

        .carrossel-home li .ct .col-2 img {
            width: 80%;
        }

    .carrossel-home li .ct .col-3 {
        box-sizing: border-box;
        margin-top: -60px;
        padding-right: 20px;
        text-align: right;
        width: 50%;
    }

        .carrossel-home li .ct .col-3 h1 {
            font-size: 16px;
            letter-spacing: normal;
            line-height: 20px;
            margin: 0;
        }

        .carrossel-home li .ct .col-3 h2 {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 20px;
            margin-top: 10px;
        }

            .carrossel-home li .ct .col-3 h2 small {
                display: block;
                padding-top: 10px;
            }

            .carrossel-home li .ct .col-3 h1 br,
            .carrossel-home li .ct .col-3 h2 br {
                display: none;
            }

    .wr-carrossel-topo .carrossel-home li {
        height: 370px;
    }

    .wr-carrossel-topo .bx-wrapper .bx-viewport {
        height: 370px !important;
    }

    .wr-carrossel-topo .carrossel-home li .ct {
        height: 330px;
    }

    .bx-wrapper .bx-pager {
        bottom: 40px;
    }

    .pg .bx-vitrine li .preco {
        font-size: 34px;
    }

    .bx-wrapper .bx-controls-direction {
        display: none;
    }

    .bx-conversor fieldset h2 {
        font-size: 16px;
        line-height: 18px;
    }

        .bx-conversor fieldset h2 span {
            height: 40px;
        }

    .bx-conversor fieldset .fm-campo {
        margin-bottom: 30px;
    }

        .bx-conversor fieldset .fm-campo label {
            width: 100%;
            margin-right: 0;
            font-size: 13px;
            margin-bottom: 10px;
        }

        .bx-conversor fieldset .fm-campo input[type="text"] {
            width: 100%;
            margin-right: 0;
            font-size: 13px;
        }

    .bx-conversor fieldset .btn-finalizar {
        margin-top: 0;
    }

    .bn-campanha .bn-g {
        display: none;
    }

    .bn-campanha .bn-m {
        display: none;
    }

    .bn-campanha .bn-p {
        display: block;
    }

    .msg-alert-calc {
        width: 100%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 375px) {
    .pg .bc li {
        font-size: 13px;
    }

        .pg .bc li.separador {
            padding: 0 5px;
        }

    .carrossel-home li .ct .col img {
        width: 60%;
    }

    .carrossel-home li .ct .col-2 {
        margin-top: 55px;
    }

        .carrossel-home li .ct .col-2 img {
            width: 100%;
        }

    .carrossel-home li .ct .col-3 {
        margin-top: 90px;
    }

        .carrossel-home li .ct .col-3 h1 {
            font-size: 12px;
        }

        .carrossel-home li .ct .col-3 h2 {
            font-size: 14px;
        }

    .pg .bx-vitrine > li {
        width: 100%;
        margin-right: 0;
    }

    .pg .bx-vitrine li .foto-produto {
        width: 50%;
    }

    .pg .bx-vitrine li .hover-options li a {
        font-size: 12px;
    }

    .wr-atendimento .ct .bx-ajuda {
        width: 100%;
        margin-left: 0;
    }

    .wr-atendimento .ct .col {
        width: 100%;
        margin-left: 0;
    }

    .wr-atendimento .ct .col-3 .bx-aplicativo ul li {
        width: 49%;
        margin-right: 1%;
    }

        .wr-atendimento .ct .col-3 .bx-aplicativo ul li:last-child {
            margin-right: 0;
        }

        .wr-atendimento .ct .col-3 .bx-aplicativo ul li a img {
            width: 100%;
        }

    .bx-conversor fieldset h2 span {
        height: 40px;
    }

    .bx-conversor fieldset .fm-campo {
        margin-bottom: 30px;
    }

        .bx-conversor fieldset .fm-campo label {
            font-size: 13px;
            margin-bottom: 10px;
        }

        .bx-conversor fieldset .fm-campo input[type="text"] {
            font-size: 13px;
        }

    .bx-conversor fieldset .btn-finalizar {
        margin-top: 0;
    }

    .space-banner {
        height: 190px;
    }

    .pg .bx-vitrine li .foto-produto {
        margin: 0 0 20px;
        padding: 0;
        width: 80%;
    }
}

/******IPONE 6********/

@media screen and (max-width: 414px) {
    .space-banner {
        height: auto;
        padding: 10px 0 40px;
    }
}

@media screen and (min-width:641px) and (max-width: 740px) {

    .pg .bx-vitrine li .foto-produto {
        width: 75%;
    }

    .pg .bx-vitrine li .nome-produto {
        height: 38px;
    }
}

@media screen and (min-width:668px) and (max-width: 740px) {
}
/*******FIM IPHONE 6*********/

/* IE antigo
-----------------------------------------------------------*/
.ie-older select {
    filter: alpha(opacity=1);
}

.ie-older.wr-site {
    overflow: visible;
}

.break-word {
    word-wrap: break-word;
}

.btn-agree {
    background: #f5f6f8;
    border-top: 1px solid #dae1e7;
    height: 50px;
    line-height: 50px;
    color: #12aaeb;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    width: 20%;
    float: left;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-desagree {
    background: #f5f6f8;
    border-top: 1px solid #dae1e7;
    height: 50px;
    line-height: 50px;
    color: #12aaeb;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

/*.wr-site.wr-site-milhas.windows.chrome.desktop.wr-calculadora {
    background-color: #f8f1e7;
}*/

.disableButtonAgendamento {
    opacity: 0.5 !important;
    cursor : none;
}

.enableButtonAgendamento {
    opacity: 1 !important;   
    cursor : pointer;
}