a {
    outline: none;
}

* {
    transform: transale3d(0,0,0);
}

/*------------------------------------------------------------------------------------*/
#boxlogin {
    position: fixed;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.80);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#boxlogin #loginfb {
    background-color: #365899;
    color: #FFF;
    padding: 5px;
    border-radius: 5px;
    width: 200px;
    box-sizing: border-box;
    height: 33px;
    margin: 0 auto;
    margin-top: 10px;
    cursor: pointer;
}

#boxlogin #loginfb svg {
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: 2px;
}

#boxlogin form {
    background-color: #FFF;
    width: 800px;
    box-sizing: border-box;
    padding: 10px;
    position: absolute;
    left: calc(50% - 400px);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.50);
    overflow: auto;
    animation-name: anime_cad;
    animation-duration: 0.6s;
}

@keyframes anime_cad {
    from {
        top: -600px;
    }

    to {
        top: 0;
    }
}

#boxlogin h2 {
    margin: 0;
    width: 100%;
    background-color: #f3f3f3;
    color: #1d1d1d;
    margin-bottom: 10px;
    padding: 10px 0;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0px;
    clear: both;
    font-size: 13px;
    display: none;
}

#boxlogin .options {
    height: 30px;
}

#boxlogin .options.full div {
    width: 318px;
}

#boxlogin .options div {
    float: left;
    padding: 10px 0;
    margin-bottom: 0;
    background-color: #818181;
    margin-right: 0;
    width: 50%;
    text-align: center;
    transition: all 0.3s ease-out;
    text-transform: uppercase;
    font-size: 11px;
    cursor: pointer;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #FFF;
    border: 1px solid #f1f1f1;
    border-bottom: 0;
    cursor: pointer;
    height: 40px;
    margin-top: 3px;
    padding-top: 13px;
}

#boxlogin .options div i {
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 4px;
}

#boxlogin .options div.sel {
    opacity: 1;
    color: #FFF;
    background-color: #ff2d6f;
    height: 43px;
    margin-top: 0;
}

#boxlogin h2:before, #boxlogin h2:after {
    display: none
}

#boxlogin .box:before {
    content: '';
    position: absolute;
    width: 318px;
    height: calc(100% - 60px);
    border: 1px solid #f1f1f1;
    top: 49px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 0;
    pointer-events: none;
}

#boxlogin .box {
    position: fixed;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    right: 0;
    top: calc(50% - 250px);
    min-width: 110px;
    z-index: 1;
    left: 50%;
    width: 340px;
    border-radius: 10px;
    height: auto;
    margin-left: -170px;
    z-index: 500;
    box-sizing: border-box;
    padding: 0;
    padding-top: 0;
    padding: 10px;
    padding-bottom: 20px;
}

#boxlogin .box header {
    height: auto;
    padding-bottom: 10px;
}

#boxlogin .box .logo {
    width: 210px;
    margin: 0 auto;
    float: none;
    background-size: contain;
}

#boxlogin .box h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #ff2e71;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 0;
}

#boxlogin .box h3 span {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #4c4c4c;
    width: 330px;
    margin: 0 auto;
    margin-bottom: 10px;
    font-weight: 100;
}

@keyframes anime_over {
    from {
        right: -100%;
    }

    to {
        right: 0%;
    }
}

#boxlogin ::-webkit-input-placeholder {
    color: #b1b1b1;
    font-weight: 100
}

#boxlogin :-moz-placeholder {
    /* Firefox 18- */
    color: #b1b1b1;
    font-weight: 100
}

#boxlogin ::-moz-placeholder {
    /* Firefox 19+ */
    color: #b1b1b1;
    font-weight: 100
}

#boxlogin :-ms-input-placeholder {
    color: #b1b1b1;
    font-weight: 100
}

#boxlogin .coluna_login input {
    padding-left: 10px
}

#boxlogin .coluna_login button {
    background-color: #c51a51;
    color: #FFF;
    border: 0;
    display: block;
    width: 90%;
    padding: 5px;
    text-transform: uppercase;
    padding: 15px 0;
    margin-left: 15px;
    cursor: pointer;
    font-size: 15px;
    border-radius: 10px;
    outline: none;
    margin-top: 30px;
}

#boxlogin .ret .msg {
    text-align: center;
    color: #fc2323;
}

#boxlogin .ret2 .msg {
    text-align: center;
    color: #fc2323;
    padding: 5px;
}

#boxlogin .ret {
    position: absolute;
    width: 320px;
    height: 30px;
    top: 290px;
}

#boxlogin .ret .loading {
    background-image: url('/front/images/loader.svg');
    height: 25px;
    background-position: center -26px;
    background-repeat: no-repeat;
}

#boxlogin label {
    display: block;
    margin-bottom: 5px;
    font-weight: 300;
    text-transform: uppercase;
    color: #6f6f6f;
    padding: 0;
    text-align: center;
    margin-top: 25px;
}

#boxlogin label.perfil {
    display: none;
}

#boxlogin label input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    font-size: 20px;
    border-bottom: 1px solid #dedede;
    outline: none;
    color: #cd2465;
    padding-left: 45px;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    background-color: #FFF !important;
}

#boxlogin .esconder {
    display: none;
}

#boxlogin .recuperar_senha {
    color: #6f6f6f;
    font-size: 10px;
    text-transform: uppercase;
    padding: 0 10px;
    text-align: center;
}

#boxlogin .check_login {
    padding: 15px;
    color: #FFF;
    width: 90%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    border-radius: 10px;
    font-size: 15px;
    margin-left: 15px;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    min-height: 100%;
    color: #4c4c4c;
    background-color: #fafafa;
    overflow-x: hidden;
}

.selecao {
    position: absolute;
    z-index: 200;
    width: 414px;
    left: 50%;
    margin-left: -212px;
    top: 10%;
}

.selecao .tipo {
    background-color: #FFF;
    width: 180px;
    text-align: center;
    height: 110px;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 10px;
    margin: 15px;
    margin-right: 0;
    margin-left: 21px;
    cursor: pointer;
}

.selecao .tipo i {
    display: block;
    font-size: 62px;
    margin-bottom: 5px;
    color: #ff2d6f;
}

body.over_open {
    /* overflow: hidden; */
    /* position: fixed; */
    width: 100%;
}

a {
    color: inherit;
    transform: all .3s ease-out;
    text-decoration: none;
}

.on_mobile {
    display: none;
}

.center {
    max-width: 935px;
    margin-left: auto;
    margin-right: auto;
}

.page_home .center {
    max-width: 1080px
}

svg {
    width: 16px;
}

.clear {
    display: block;
    clear: both;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

a.logo {
    display: block;
    float: left;
    background-image: url('/front/images/logo_curta_e_compre.svg?v=3');
    width: 250px;
    height: 52px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 10px;
}

.toplink {
    display: none;
}

.page_home .toplink {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ff296e;
    font-weight: 300;
    font-size: 11px;
}

header {
    background-color: #FFF;
    height: 80px;
    border-bottom: 1px solid #e6e6e6;
}

.page_painel-de-controle header .center {
    max-width: initial;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.page_home nav {
    display: block;
    width: 125px;
}

.page_home h1 {
    display: block;
    float: left;
    font-size: 29px;
    font-weight: 600;
    color: #888888;
    padding-left: 0;
    padding-top: 27px;
    width: 670px;
    text-align: left;
    margin-left: 30px;
}

.page_home h1 .emojis {
    float: right;
}

.page_home h2 {
    display: block;
    font-size: 30px;
    font-weight: 600;
    color: #191919;
    text-align: center;
    padding: 25px 0;
    font-weight: 700;
}

.page_home h3 {
    text-align: center;
    padding-top: 60px;
    font-size: 31px;
    font-weight: 300;
    color: #9e9e9e;
    text-transform: uppercase;
    padding-bottom: 60px;
}

.page_home h3.margin {
    padding-left: 310px;
    text-align: left;
}

.page_home h3 b {
    font-weight: bold;
    color: #212121;
}

.page_home h3 span {
    font-weight: 300;
    text-transform: none;
    display: block;
    color: #a0a0a0;
    font-size: 26px;
    padding-top: 10px;
}

.page_home .info {
    width: 190px;
    height: 190px;
    box-sizing: border-box;
    background-color: #FFF;
    border-radius: 100%;
    position: relative;
    color: #545454;
    float: left;
    margin-bottom: 140px;
    margin-right: 90px;
    margin-left: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px;
    transition: all 0.1s ease-out;
    box-shadow: 0 10px 0px #c2c2c3;
}

.page_home .info:after {
    content: '';
    background-image: url('/front/images/chevron-right.svg');
    position: absolute;
    top: 80px;
    right: -70px;
    width: 40px;
    height: 43px;
    background-repeat: no-repeat;
    background-size: 40px;
    opacity: 0.4;
}

.page_home .info:hover {
    /* background-size: 180px; */
}

.page_home .info.info1 {
    background-image: url('/front/images/icone_4.png');
}

.page_home .info.info2 {
    background-image: url('/front/images/icone_3.png');
}

.page_home .info.info3 {
    background-image: url('/front/images/icone_2.png');
}

.page_home .info.info4 {
    margin-right: 0;
    background-image: url('/front/images/icone_1.png');
}

.page_home .info.info4:after {
    display: none;
}

.page_home .info span {
    position: absolute;
    width: 100%;
    font-weight: normal;
    bottom: -90px;
    text-align: center;
    display: block;
    height: 70px;
    font-size: 18px;
}

.page_home .info span i {
    display: block;
    font-style: normal;
    font-weight: lighter;
    color: #929292;
}

.page_home .box_comecar input {
    display: block;
    border: 5px solid #ebeae8;
    border-radius: 30px;
    margin: 0 auto;
    width: 420px;
    padding: 10px 30px;
    box-sizing: border-box;
    font-size: 32px;
    font-style: italic;
    font-weight: 200;
}

.page_home .box_comecar button {
    display: block;
    margin: 0 auto;
    border-radius: 20px;
    margin-top: 22px;
    height: 60px;
    width: 420px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    line-height: 14px;
    padding-top: 9px;
}

.page_home .box_comecar button i {
    font-size: 10px;
    font-style: normal;
    /* position: absolute; */
    width: 100%;
    text-align: center;
    /* bottom: 8px; */
    left: 0;
}

.page_home .box_preco {
    width: 700px;
    margin: 0 auto;
    height: 390px;
    position: relative;
    margin-bottom: 100px;
    text-align: center;
}

.page_home .box_preco .preco {
    float: left;
    width: 330px;
    border: 10px solid #ebeae8;
    border-radius: 35px;
    background-color: #FFF;
    margin-right: 40px;
    box-sizing: border-box;
    height: 360px;
    text-align: center;
    height: 380px;
    box-shadow: 0 10px 0px #c2c2c3;
}

.page_home .box_preco .preco .crie {
    width: 270px;
    font-size: 16px;
    padding-top: 21px;
    height: 60px;
    margin-left: -5px;
    border-radius: 10px;
    position: absolute;
    bottom: 43px;
}

.page_home .box_preco span {
    display: block;
    font-size: 40px;
    color: #ff2e64;
    font-weight: 100;
    margin-top: 15px;
}

.page_home .box_preco span span {
    display: inline;
    font-size: 18px;
    color: #717171;
    font-weight: 100 !important;
}

.page_home .box_preco span i {
    display: block;
    color: #808080;
    font-size: 14px;
    font-style: normal;
    padding: 0 60px;
}

.page_home .box_texto {
    border: 10px solid #ebeae8;
    border-radius: 50px;
    background-color: #f5f4f3;
    width: 100%;
    height: 270px;
    margin-bottom: 40px;
    box-shadow: 0 10px 0px #c2c2c3;
    background-position: 30px 27px;
    background-repeat: no-repeat;
}

.page_home .box_texto .box {
    background-color: #FFF;
    float: right;
    width: 810px;
    height: 100%;
    border-radius: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-sizing: border-box;
    padding: 30px 50px;
    font-size: 1.26em;
    font-weight: 300;
    color: #989898;
    line-height: 1.7;
}

.page_home .box_texto .box b {
    position: absolute;
    font-size: 32px;
    margin-top: -10px;
    margin-left: 10px;
}

.page_home .box_texto .box h2 {
    padding: 0;
    text-align: left;
    margin-bottom: 14px;
}

.page_home .box_texto .box a {
    color: #129d6a;
    text-transform: none;
}

.page_home .box_texto.info5 {
    background-image: url('/front/images/icone_5.png');
}

.page_home .box_texto.info6 {
    background-image: url('/front/images/icone_6.png');
}

.page_home .box_texto.info7 {
    background-image: url('/front/images/icone_7.png');
}

.comprar_produto {
}

.comprar_produto .loja {
    font-size: 23px;
    padding-top: 32px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-weight: 300;
    margin-top: 10px;
    background-color: #fbfbfb;
    padding-bottom: 18px;
}

.teste .comprar_produto .loja {
    display: none;
}

.teste .comprar_produto .pics_slider {
    margin: 0;
    width: 414px;
    height: 414px;
}

.teste .comprar_produto .box_slider {
    margin-top: 0px;
    margin-left: -20px;
    width: 414px;
}

.teste .comprar_produto .pics_slider .pic_slider {
    background-size: cover;
    background-position: center center;
    width: 414px;
    height: 414px;
    transition: all 0.3s ease-out;
}

.teste .disable .comprar_produto .pics_slider .pic_slider {
    width: 530px;
    height: 530px;
    margin-left: -60px;
    margin-top: 0;
}

.teste .disable .comprar_produto .pics_slider li.pic_slider {
    margin-left: 0px;
}

.comprar_produto .box_slider {
    width: 370px;
}

.comprar_produto .loja i {
    position: absolute;
    margin-top: -15px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    width: 260px;
    line-height: 10px;
    color: #a2a2a2;
}

.comprar_produto .loja:after {
    content: '';
    display: block;
    clear: both;
}

.comprar_produto .loja img {
    float: left;
    width: 70px;
    border: 1px solid #eaeaea;
    margin-right: 10px;
    margin-top: -23px;
}

.comprar_produto .produtos {
    position: fixed;
    z-index: 500;
    background-color: #ececec;
    right: 0;
    width: 100%;
    bottom: 0;
    width: 414px;
    max-height: calc(100% - 100px);
    overflow: auto;
    padding-bottom: 90px;
    bottom: -100%;
    transition: all 0.3s ease-out;
}

.comprar_produto .produtos .box_fix {
    display: none
}

.comprar_produto .produtos.open {
    display: block;
    bottom: 0;
}

.comprar_produto .produtos.open .box_fix {
    display: block
}

.comprar_produto .produtos .box_fix {
    margin-left: 0;
}

.comprar_produto .produtos h3 {
    text-align: center !important;
    padding: 10px 0 !important;
    background-color: #000;
    color: #FFF !important;
    margin-bottom: 20px;
    font-weight: 300;
}

.comprar_produto .produtos .produto {
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 15px;
    padding-top: 10px;
    min-height: 110px;
}

.comprar_produto .produtos .produto:after {
    content: '';
    display: block;
    clear: both;
}

.comprar_produto .produtos .produto .check {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    transition: all 0.3s ease-out;
    left: 15px;
}

.comprar_produto .produtos .produto .check.sel {
}

.comprar_produto .produtos .produto .check i {
    position: absolute;
    color: #ff2d6f;
    font-size: 25px;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.comprar_produto .produtos .produto .check i.unchecked {
    display: block;
    opacity: 1;
}

.comprar_produto .produtos .produto .check i.checked {
    opacity: 0;
}

.comprar_produto .produtos .produto .check.sel i.unchecked {
    opacity: 0;
}

.comprar_produto .produtos .produto .check.sel i.checked {
    display: block;
    opacity: 1;
}

.comprar_produto .produtos .produto .dados {
    float: left;
    width: 240px;
    color: #2b2b2b;
    margin-left: 50px;
}

.comprar_produto .produtos .produto .dados h2 {
    float: left;
    width: 230px;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
    text-align: left !important;
}

.comprar_produto .produtos .produto .dados .foto {
    float: right;
    width: 100px;
    margin-top: 0;
    margin-right: 20px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 2px;
}

.comprar_produto .produtos .produto .dados .foto img {
    border: 1px solid #cecece;
    display: block;
}

.comprar_produto .produtos .produto .dados .precos {
    float: left;
    width: 240px;
    padding: 0;
    margin-top: 0;
}

.comprar_produto .produtos .produto .dados .precos .preco {
    display: none;
    font-size: 23px;
    font-weight: bold;
}

.comprar_produto .produtos .produto .dados .grades {
    float: left;
    width: 230px;
    position: relative;
    padding-top: 0;
    clear: both;
}

.comprar_produto .produtos i.opcoes {
    font-size: 10px;
    font-style: normal;
    margin-bottom: 4px;
    display: block;
    width: 100px;
    margin-top: 5px;
}

.comprar_produto .produtos i.opcoes.red {
    color: #fd1616;
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.comprar_produto .produtos .produto .dados .grades .grade {
    float: left;
    background-color: #f5f5f5;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #000;
    transition: all 0.3s ease-out;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 5px;
    min-width: 41px;
    text-align: center;
    font-size: 10px;
}

.comprar_produto .produtos .produto .dados .grades .grade.estoque_vazio {
    opacity: .2;
    cursor: not-allowed;
}

.comprar_produto .produtos .produto .dados .grades .grade.sel {
    background-color: #000;
    color: #FFF;
    border: 1px solid #000;
}

a.link-thin {
    color: #b7b5b5;
    padding: 15px 0;
    display: block;
    border-top: 1px solid #ebeae8;
    border-bottom: 1px solid #ebeae8;
    margin-top: 15px;
}

.page_home .box_preco .preco h3 {
    padding: 20px 0px;
    font-style: normal;
    font-weight: bold;
    color: #717171;
    border-bottom: 1px solid #ebeae8;
}

.page_home .box_preco .preco.preco1 {
    padding: 0 25px;
    margin-right: 0;
    display: inline-block;
    float: none;
}

.page_home .box_preco .preco.preco2 {
    margin-right: 0;
    padding: 0 25px;
}

.page_home .box_preco .preco.preco2 span {
    font-weight: bold;
}

.btn_color {
    color: #FFF;
    background-color: #da2748;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    font-weight: bold;
    font-size: 18px;
}

.btn_color i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
}

.page_home h1 i {
    font-style: normal;
    font-size: 24px;
    margin-left: 5px;
}

header .busca {
    float: left;
    position: relative;
    padding-top: 27px;
    margin-left: 75px;
    display: none;
}

header .busca input {
    background-color: #fafafa;
    border: 1px solid #e6e6e6;
    width: 290px;
    height: 30px;
    box-sizing: border-box;
    padding-left: 30px;
    font-weight: lighter;
    color: #989898;
}

header .busca i {
    position: absolute;
    top: 30px;
    left: 3px;
    color: #818181;
}

header nav {
    float: right;
    width: 275px;
    color: #818181;
    padding-top: 40px;
    position: relative;
}

header nav a {
    float: right;
    display: block;
    padding-right: 0;
    margin-right: 0;
    position: relative;
}

header nav a b {
    font-weight: 300;
    margin-right: 5px;
}

header nav a:nth-child(2) {
}

header nav a:nth-child(1) {
    margin-left: 10px;
}

#carrinho {
    display: none;
}

.page_cadastrado #carrinho {
    display: block;
}

header nav a i {
    vertical-align: middle;
    font-size: 23px !important;
    margin-top: -4px;
}

.menu_minha_conta {
    position: fixed;
    /* background-color: #ffffff; */
    /* border: 1px solid #e6e6e6; */
    e6; */ right: 0;
    top: 50%;
    display: none;
    min-width: 110px;
    z-index: 1;
    left: 50%;
    width: 340px;
    border-radius: 10px;
    height: auto;
    margin-left: -170px;
    margin-top: -150px;
    z-index: 500;
    box-sizing: border-box;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 0;
    border: ;
}

.menu_minha_conta.open {
    display: block;
    top: 79px;
    right: 2px;
}

.menu_minha_conta ul {
    background-color: #FFF;
    margin-left: -20px;
    margin-right: -20px;
    border-radius: 15px;
    overflow: hidden;
}

.menu_minha_conta ul li {
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0;
}

.btns {
    height: 30px;
    margin-bottom: 20px;
    margin-left: 3px;
    margin-right: 3px;
    position: relative;
}

.btns .btn_add {
    position: absolute;
    top: 0;
    background-color: #ff2e71;
    color: #FFF;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
    padding-top: 7px;
    cursor: pointer;
    right: 0;
}

.btns .btn_add i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.btns div {
    width: 35px;
    height: 30px;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    text-align: center;
    color: #a9a9a9;
}

.btns div i {
    font-size: 30px;
}

.btns div.sel {
    color: #ff2d6f;
}

.btns .btn_list {
    display: none;
}

.menu_minha_conta ul li a {
    padding: initial;
    padding: 10px;
    text-align: left;
    display: block;
    float: none;
    text-indent: initial;
    height: auto;
    text-align: right;
    width: auto;
    margin: 0;
    text-align: center;
}

.menu_minha_conta ul li a i {
    vertical-align: middle;
    margin-right: 20px;
    margin-left: 20px;
}

.menu_minha_conta ul li:nth-of-type(2) {
}

.menu_minha_conta ul li a:hover {
    background-color: #f3f3f3;
}

content {
    display: block;
    min-height: 1200px;
    padding-bottom: 50px;
    clear: both;
}

content .user {
    padding-top: 30px;
    padding-bottom: 30px;
}

content .user .user_image {
    float: left;
    width: 150px;
    height: 150px;
    background-size: cover;
    background-position: center center;
}

content .user .user_profile {
    float: right;
    width: 610px;
}

.user_profile2 {
    display: none;
}

content .user .user_profile h1 {
    font-size: 35px;
    margin-bottom: 10px;
    font-weight: 100;
}

.force_update {
    margin-right: 10px;
    color: #ff2d6f;
    display: none;
}

.page_cadastrado .force_update {
    display: block;
}

.force_update i {
    vertical-align: middle;
}

content .user .user_profile .products {
    float: left;
    font-size: 16px;
}

content .user .user_profile .followed_by {
    padding-left: 80px;
    float: left;
    font-size: 16px;
}

content .user .user_profile b {
    font-size: 18px;
    font-weight: bold;
}

content .user .user_profile h2 {
    clear: both;
    font-weight: bold;
    font-size: 18px;
    padding-top: 10px;
}

content .user .user_profile h3 {
    font-size: 18px;
    padding-right: 50px;
    font-weight: 300;
}

content .pics {
    margin-left: -12px;
    margin-right: -12px;
    display: none;
}

content .lista_produtos {
    margin-left: -12px;
    margin-right: -12px;
    min-height: 500px;
    display: none;
}

.carregando {
    display: none;
    text-align: center;
}

content .lista_produtos a {
    float: left;
    width: 295px;
    height: 295px;
    margin: 12px;
    background-size: 295px;
    position: relative;
    margin-bottom: 73px;
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    box-sizing: border-box;
}

content .lista_produtos a .foto {
    width: 295px;
    height: 295px;
    background-position: center center;
    background-size: contain;
    margin-bottom: 15px;
    background-repeat: no-repeat;
}

content .lista_produtos a:before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 295px;
    border: 1px solid #e6e6e6;
    position: absolute;
}

content .lista_produtos a h2 {
    color: #474747;
    min-height: 35px;
    display: block;
    text-align: left;
    float: left;
    width: 210px;
}

content .lista_produtos a h3 {
    font-weight: bold;
    font-size: 15px;
    text-align: right;
}

content .lista_produtos a h4 {
    position: absolute;
    right: 0;
    font-size: 10px;
    top: 299px;
    color: #9a9a9a;
    text-transform: none;
    font-weight: 300;
}

content .pics .pic {
    float: left;
    width: 295px;
    height: 295px;
    margin: 13px;
    background-size: cover;
    position: relative;
    margin-bottom: 50px;
}

content .pics .pic .foto {
    width: 295px;
    height: 295px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #eaeaea;
}

content .pics .pic .box {
    width: 100%;
    display: block;
    padding: 15px 0;
    margin-top: 295px;
}

content .pics .pic .box_fill {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 7px 0;
    top: 0;
    height: 50px;
    font-size: 13px;
    background-color: #f1f1f1;
    margin-top: 295px;
    display: none;
}

content .pics .pic:hover .edit_produto {
    opacity: 1;
}

content .pics .pic .edit_produto {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 7px 0;
    top: 0;
    height: 333px;
    font-size: 13px;
    background-color: transparent;
    padding: 0;
}

content .pics .pic .edit_produto svg {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
    height: 30px !important;
    margin-bottom: -6px;
}

content .pics .pic:nth-child(3n+0) {
    margin-right: 0
}

content .pics .pic .comprar {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 7px 0;
    top: 0;
    height: 333px;
    font-size: 13px;
    background-color: transparent;
    padding: 0;
}

content .pics .pic .text {
    display: none;
}

content .bkgfull.cinza {
    background-color: rgba(169, 169, 169, 0.08);
}

content .box_comecar {
    border: 10px solid #ebeae8;
    border-radius: 50px;
    background-color: #FFF;
    height: 275px;
    position: absolute;
    width: 100%;
    bottom: -170px;
    box-shadow: 0 10px 0px #c2c2c3;
    box-sizing: border-box;
}

content .video {
    box-sizing: border-box;
    width: 891px;
    height: 510px;
    background-color: #f5f5f5;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid #ebeae8;
    border-radius: 50px;
    position: relative;
    margin-bottom: 80px;
    box-shadow: 0 10px 0px #c2c2c3;
    overflow: hidden;
}

content .video:before {
    content: '';
    position: absolute;
    z-index: 2;
    width: 887px;
    height: 503px;
    border: 10px solid #ebeae8;
    border-radius: 43px;
    top: -7px;
    left: -8px;
    pointer-events: none;
    display: none;
}

content .video iframe {
    width: 103%;
    height: 523px;
    border-radius: 40px;
    border: 1px solid #ebeae8;
    margin-top: -20px;
}

content .banner {
    background-image: url('/front/images/maos.png');
    width: 100%;
    height: 380px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    margin-bottom: 235px;
}

footer {
    background-color: #e6e6e6;
    height: 120px;
    position: relative;
    box-sizing: border-box;
    padding-top: 20px;
}

footer ul {
    float: left;
    margin-top: 40px;
    margin-left: 190px;
}

footer ul li {
    float: left;
    margin: 0 15px;
}

footer ul li a {
}

footer ul img {
    width: 70px;
    position: absolute;
    margin-top: -20px;
    margin-left: 20px;
}

.crie {
    display: block;
    margin: 0 auto;
    border-radius: 10px;
    margin-top: 0;
    height: 60px;
    width: 500px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding-top: 18px;
}

.pop-up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 300;
}

.pop-up .box {
    background-color: #FFF;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 400px;
    margin-left: -300px;
    margin-top: -200px;
    box-sizing: border-box;
    padding: 30px;
}

.pop-up .box .logo {
    float: none;
    margin: 0 auto;
    margin-bottom: 30px;
}

.pop-up .box .crie {
    position: relative;
    left: initial;
    top: initial;
    margin: 0 auto;
    display: block;
    margin-top: 25px;
}

.pop-up .box .fechar {
}

.pop-up .box .texto {
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
}

.pop-up .box .texto b {
    font-weight: bold;
}

.pop-up .box a {
}

.crie_sua_loja img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

.crie_sua_loja content h1,.registrar-conta content h1 {
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    text-transform: uppercase;
    color: #ff2e71;
}

.crie_sua_loja content h1 b {
    color: #4a4a4a;
    font-weight: bold;
}

.crie_sua_loja content h1 span {
    display: block;
    text-transform: none;
    color: #5a5a5a;
}

.crie_sua_loja content h2,.registrar-conta content h2 {
    font-size: 15px;
    text-align: left;
    font-weight: bold !important;
}

content a {
    color: #ff2e71;
    text-transform: uppercase;
}

content p {
    text-align: center;
    padding: 30px 210px;
    font-size: 14px;
}

.crie_sua_loja content p,.registrar-conta content p {
    padding: 20px 0;
}

.registrar-conta content p {
    text-align: justify;
}

.crie_sua_loja p span {
    display: block;
    color: #ff2e71;
    text-transform: uppercase;
    font-size: 12px;
}

.login,.open_selection {
    background-color: #ff2e71;
    color: #FFF;
    width: 360px;
    padding: 15px;
    margin: 20px auto;
    display: block;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 0;
}

.shadow {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: none;
}

.progress {
    position: fixed;
    top: 0;
    width: 100%;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    left: 0;
    z-index: 500;
    border-bottom: 1px solid #bdbdbd;
    display: none;
}

.progress .bar {
    height: 100%;
    background-color: #ff2d6f;
    width: 0%;
}

#copyinput {
    position: absolute;
    z-index: 1000;
    border: 1px solid;
    width: 100%;
    padding: 10px;
    top: -100px;
}

#load_ajax {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    min-width: 300px;
    z-index: 10;
    width: 414px;
    box-sizing: border-box;
    padding: 20px;
    transition: all 0.3s ease-out;
    right: -100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 0;
    -webkit-overflow-scrolling: touch;
    background-color: #fbfbfb;
    padding-top: 0;
    padding-bottom: 60px;
}

#load_ajax .painel {
    border: 0;
    margin-top: 0;
}

#load_ajax.disable {
    overflow: hidden;
}

#load_ajax.disable:before {
    content: '';
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 300;
}

#load_ajax.open {
    right: 0;
}

#load_ajax .cadastro_produto #loadprod {
    position: fixed;
    width: 414px;
    right: 0;
    top: 0;
    background-color: #fff;
    z-index: 300;
    padding: 10px;
    box-sizing: border-box;
    height: 100%;
    display: none;
    overflow: auto;
}

#load_ajax .cadastro_produto #loadprod h2 {
    margin: -10px;
    margin-bottom: 10px;
}

#load_ajax .cadastro_produto #loadprod .produtos {
}

#load_ajax .cadastro_produto #loadprod .produtos .item {
    clear: both;
    cursor: pointer;
    height: 70px;
    margin-left: -10px;
    padding: 10px;
}

#load_ajax .cadastro_produto #loadprod .produtos .item:nth-child(odd) {
    background-color: #f5f5f5;
}

#load_ajax .cadastro_produto #loadprod .produtos .item:hover {
    background-color: #ff2d6f;
    color: #FFF;
}

#load_ajax .cadastro_produto #loadprod .produtos .item .foto {
    float: left;
    width: 50px;
    margin-right: 5px;
}

#load_ajax .cadastro_produto #loadprod .produtos .item .foto img {
    width: 100%;
    border: 1px solid #dcdcdc;
}

#load_ajax .cadastro_produto #loadprod .produtos .item .id {
    float: left;
    width: 90px;
}

#load_ajax .cadastro_produto #loadprod .produtos .item .nome {
    float: left;
    width: 314px;
}

#load_ajax content {
    padding-bottom: 40px;
    padding-top: 0;
    /* background-color: #FFF; */
    margin-left: 0;
    margin-right: 0;
    min-height: auto;
}

#load_ajax content.checkout {
    margin-left: -20px;
    margin-right: -20px;
}

#load_ajax .cadastro_produto content {
    padding-top: 0;
}

#load_ajax .cadastro_produto .produtos {
}

#load_ajax h3 {
    font-size: 14px;
    padding: 0;
    text-align: left;
    text-transform: none;
    color: inherit;
}

#load_ajax::-webkit-scrollbar {
    width: 5px;
    z-index: 1;
}

#load_ajax::-webkit-scrollbar-track {
    background: rgba(221, 221, 221, 0.30);
}

#load_ajax::-webkit-scrollbar-thumb {
    background: rgba(102, 102, 102, 0.50);
}

.produtos::-webkit-scrollbar {
    width: 5px;
    z-index: 1;
}

.produtos::-webkit-scrollbar-track {
    background: rgba(221, 221, 221, 0.30);
}

.produtos::-webkit-scrollbar-thumb {
    background: rgba(102, 102, 102, 0.50);
}

#load_ajax .fechar,#boxlogin .fechar {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 35px;
    z-index: 41;
    cursor: pointer;
    background-image: url('/front/images/arrow-left.svg');
    height: 35px;
    background-position: center center;
    background-repeat: no-repeat;
}

.copylink {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 19px;
    right: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.copylink input {
    display: none;
}

#load_ajax header {
    border: 0;
    height: auto;
    margin-left: -20px;
    margin-right: -20px;
    height: 60px;
    background-color: #FFF;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    width: 414px;
}

#load_ajax .boxcinza {
    background-color: #f8f8f8;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
}

#load_ajax .aceite {
    padding-left: 50px;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    width: 310px;
    text-align: center;
}

.box_fix {
    position: fixed;
    bottom: -2px;
    padding-bottom: 20px;
    border-top: 1px solid #dedede;
    background-color: #FFF;
    width: 414px;
    right: 0;
    z-index: 200;
    margin-left: -20px;
}

.listagem .box_fix {
    position: fixed;
    padding-bottom: 100px;
}

.checkout .box_fix {
    position: fixed;
    right: 0;
    margin: 0;
    width: 414px;
    border: 0;
}

#load_ajax .aceite:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: #eaeaea;
    left: 10px;
    top: -2px;
    border-radius: 3px;
    border: 1px solid #afafaf;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

#load_ajax .boxcinza span {
    display: block;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.4;
}

#load_ajax .aceite.sel:before {
    background-color: #0eb587;
    border: 1px solid #FFF;
    border-radius: 100%;
}

#load_ajax .boxcinza span b {
    width: 30px;
    display: block;
    float: left;
    font-size: 20px;
}

#load_ajax header .logo {
    width: 180px;
    background-size: contain;
    margin: 0 auto;
    float: none;
    height: 60px;
    margin-top: 0;
}

.registrar-conta b {
    font-weight: bold;
    background-color: #f8f8f8;
    display: block;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    font-size: 15px;
    text-align: justify;
}

.registrar-conta .botao_ex {
    display: block;
    font-size: 12px;
    width: 150px;
    padding: 0;
    padding: 8px;
    padding-left: 33px;
    position: relative;
    margin-top: 5px;
}

.registrar-conta .botao_ex svg {
    position: absolute;
    top: 3px;
    left: 3px;
}

.comprar_produto .pics_slider {
    margin: 20px;
    width: 370px;
    height: 370px;
}

.comprar_produto .box_slider .pics_slider {
    margin-left: 0
}

.comprar_produto .pics_slider .pic_slider {
    width: 370px;
    height: 370px;
    background-size: cover;
    margin: 0;
    display: block;
}

.comprar_produto pre {
    padding: initial;
    text-align: left;
    /* min-height: 430px; */
    padding-bottom: 0;
    opacity: 1;
    transition: all 0.3s ease-out;
    padding-top: 15px;
    font-family: roboto;
}

.disable .comprar_produto pre {
    opacity: 0;
}

.cadastro_produto p {
    padding: initial;
    text-align: left;
    margin: 20px;
}

.cadastro_produto .qtde_produtos {
    margin-left: -20px;
    margin-right: -20px;
    background-color: #f7f8f8;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 20px;
    padding-top: 15px;
}

.cadastro_produto .qtde_produtos span {
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 16px;
}

.cadastro_produto .qtde_produtos .opcoes {
    padding-left: 55px;
}

.cadastro_produto .qtde_produtos .opcoes .qtde {
    float: left;
    width: 65px;
    text-align: center;
    padding: 20px 0;
    position: relative;
    cursor: pointer;
}

.cadastro_produto .qtde_produtos .opcoes .qtde:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #FFF;
    border-radius: 100%;
    border: 2px solid #e6e6e6;
    left: 0;
    top: 17px;
}

.cadastro_produto .qtde_produtos .opcoes .qtde.sel:before {
    background-color: #3e3e3e;
}

.cadastro_produto h2,.comprar_produto h2 {
    text-align: center !important;
    background-color: #f7f8f8;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 900;
    color: #2b2b2b;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 0;
}

.cadastro_produto .pic {
    width: 370px;
    height: 370px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    margin-top: 20px;
}

#box_texto {
    display: none;
    position: fixed;
    z-index: 500;
    background-color: #FFF;
    border-radius: 50px;
    border: 10px solid #ebeae8;
    left: 50%;
    top: 50%;
    margin-left: -493px;
    margin-top: -280px;
}

#box_texto .fechar {
    background-color: #ff2e71;
    border-radius: 100%;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 35px;
    cursor: pointer;
}

#box_texto h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    margin-top: 30px;
}

#box_texto .box_scroll {
    width: calc(100% - 190px);
    margin: 0 auto;
    margin-top: 30px;
    height: 420px;
    overflow: auto;
    margin-bottom: 30px;
}

.fb-login-button {
    margin-top: 20px;
    margin-bottom: 10px;
}

form {
    /* margin: 20px; */
    padding-bottom: 50px;
}

form .titulo {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    background-color: #f7f4f4;
    min-height: 40px;
    padding-bottom: 1px;
    margin-bottom: 10px;
}

form .box_plano {
}

form .box_plano b {
    float: right;
    font-size: 18px;
    font-weight: 500;
}

form .titulo h2 {
    padding: 10px 0;
    margin: 0;
    width: 380px;
    padding-bottom: 0;
    border: 0;
}

#load_ajax form .titulo h3 {
    font-size: 12px !important;
    font-weight: 300;
    margin-bottom: 10px;
}

.inputtag {
    position: fixed;
    background-color: #ff2e71;
    color: #FFF;
    z-index: 5;
    padding: 10px;
    font-size: 12px;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    box-shadow: 0px 5px 0 rgba(0, 0, 0, 0.20);
    right: 0;
    z-index: 200;
    top: 0;
    border-radius: 0;
    width: 414px;
}

.form_produto {
    background-color: #FFF;
    position: relative;
    margin-left: 0;
    margin-right: -20px;
    padding-left: 0;
    padding-right: 20px;
}

.form_produto label {
    margin-left: 20px;
}

.form_produto .foto {
    position: absolute;
    width: 115px;
    height: 115px;
    border: 1px solid #dadada;
    right: 30px;
    background-color: #f9f9f9;
    cursor: pointer;
    background-image: url('/front/images/camera.svg');
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: -64px;
}

.form_produto button {
    width: 150px;
    height: 35px;
    background-color: #fff;
    color: #676767;
    border-radius: 10px;
    border: 2px solid #e0e0e0;
    outline: none;
    transition: all 0.3s ease-out;
    position: relative;
    padding-left: 35px;
    margin-left: 20px;
    text-align: left;
    font-size: 10px;
    display: block;
    float: none;
    margin-top: 5px;
    margin-bottom: 0;
}

.form_produto button svg {
    position: absolute;
    top: 4px;
    left: 5px;
}

button.importar_produto {
    width: 200px;
    height: 35px;
    background-color: #fff;
    color: #676767;
    border-radius: 10px;
    border: 2px solid #e0e0e0;
    outline: none;
    transition: all 0.3s ease-out;
    position: relative;
    padding-left: 35px;
    margin-left: 20px;
    text-align: left;
    font-size: 10px;
    display: block;
    float: none;
    margin-bottom: 10px;
    /* margin: 0 auto; */
    cursor: pointer;
    /* display: none; */
}

button.importar_produto i {
    position: absolute;
    top: 4px;
    left: 5px;
}

.form_produto label button:hover {
    background-color: #ff2e71;
    color: #FFF;
}

.form_produto label i {
    padding-left: 0;
    left: 0;
}

.form_produto i.varinfo {
    padding: initial;
    height: initial;
    padding: 10px;
    background-color: transparent;
    width: 140px;
    float: none;
    margin-left: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #757575;
    font-style: normal;
    text-align: center;
    padding-left: 20px;
    display: block;
    width: 250px;
    text-align: left;
}

.form_produto label input {
    padding: 25px 20px 0 20px;
    padding-bottom: 0;
    margin-left: 0;
    padding-left: 5px;
    max-width: 250px;
    padding-right: 0;
}

.form_produto h2 {
    background-color: #333333;
    color: #FFF;
    padding: 10px 0;
    box-sizing: border-box;
    max-width: 100%;
    margin-left: 0;
    font-weight: 100;
}

.form_produto .variacoes {
    margin-top: 0;
    counter-reset: section;
}

.box_form label {
    display: block;
}

.box_form label i {
    position: absolute;
    font-size: 12px;
    font-style: normal;
}

.box_form label input {
    display: block;
    padding: 5px;
    border-bottom: 1px solid #c5c5c5;
    padding-top: 20px;
    width: 100%;
}

.form_produto .var {
    padding: 0px 20px;
    padding-top: 25px;
    border: 0;
    height: 225px;
    position: relative;
}

.form_produto .var:before {
    counter-increment: section;
    content: "Varia\00e7\00e3o: " counter(section);
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff2e71;
    width: 85px;
    color: #FFF;
    font-size: 10px;
    padding-top: 4px;
    border-bottom-right-radius: 5px;
    text-align: left;
    padding-left: 19px;
    padding-bottom: 4px;
    height: auto;
}

.form_produto .remove {
    z-index: 20;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    background-color: #d8d8d8;
    cursor: pointer;
    color: #FFF;
}

.form_produto .remove:hover {
    background-color: #e60101;
}

.form_produto .variacoes .var:nth-child(odd) {
    background-color: #f7f8f8;
    border-left: 3px solid #ff2e71;
}

.form_produto .variacoes .var:nth-child(even) {
    background-color: #fff;
    border-left: 3px solid #7d2b46;
    margin-top: 5px;
    margin-bottom: 5px;
}

.form_produto .var label {
    float: left;
    width: 180px;
    display: block;
    min-width: initial;
    padding-right: 10px;
    padding-top: 0;
    margin: 0;
    margin-bottom: 10px;
}

.form_produto .var label.cubagem {
    padding-right: 0;
    width: 180px;
}

.form_produto .var label.cubagem b {
    position: absolute;
    top: 26px;
    color: #8a8a8a;
}

.form_produto label.link {
    padding: 10px 20px;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    float: none;
}

.form_produto label.link input {
    border: 0;
    padding-left: 0;
    padding-right: 0;
}

.form_produto .copyclick {
    max-width: initial;
    margin-left: -20px;
    font-size: 12px;
    font-weight: 300;
    color: #ff2e71;
}

.form_produto .var label.cubagem input {
    width: 52px;
    float: left;
    padding-left: 0;
    margin-left: 5px;
    text-align: center;
}

.form_produto .var label i {
    padding-left: 0;
}

.form_produto .var label input {
    margin-left: 0;
    width: 100%;
    box-sizing: border-box;
}

.form_produto .var .cubagem input {
    width: 53px;
    text-align: center;
    vertical-align: bottom;
}

form label {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 5px;
    margin-top: 0;
    width: 99.5%;
    min-width: 360px;
    margin-left: 0;
    margin-right: 20px;
}

form label.w5 {
    width: 60px;
    min-width: initial;
    min-height: 55px;
}

form label.w10 {
    width: 167px;
    min-width: initial;
    min-height: 45px;
}

form label svg {
    position: absolute;
    right: 10px;
    top: 20px;
    pointer-events: none;
}

form h2 {
    clear: both;
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
    text-align: left;
    padding-left: 0;
    font-size: 14px !important;
    text-align: left !important;
    margin-bottom: 20px;
    font-weight: bold !important;
}

form label.short {
    width: 24.5%;
    margin-right: 0.5%;
    min-width: 175px;
}

form label.middle {
    width: 49.5%;
    margin-right: 0.5%;
    min-width: 360px;
}

form label.full {
}

form label i {
    display: block;
    position: absolute;
    font-style: normal;
    left: 5px;
    top: 2px;
    font-size: 12px;
    font-weight: 400;
}

.teste form label i {
    top: 25px;
    left: 5px;
    transition: all 0.3s ease-out;
    pointer-events: none;
    color: #e04978;
}

.teste form label.sel i {top: 5px;}


.cubagem {
    float: left;
    width: 175px;
    position: relative;
    padding-top: 5px;
}

.cubagem i {
    display: block;
    position: absolute;
    font-style: normal;
    left: 5px;
    top: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #e04978;
}

.box_form .checkonoff {
    display: none
}

.box_form .check {
    width: 50px;
    height: 10px;
    background-color: #d8d8d8;
    border-radius: 1px;
    margin-top: 32px;
    cursor: pointer;
    position: absolute;
    color: #FFF;
    font-size: 14px;
    transition: all 0.3s ease-out;
    margin-left: 0;
    border-radius: 10px;
}

.box_form .check.sel {
    background-color: #ff2a6f;
}

.box_form .check div {
    transition: all 0.3s ease-out;
    margin-left: 0;
    margin-top: -8px;
    font-weight: 300;
    background-color: #efefef;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    box-shadow: 0 2px 0px #0000004d;
}

.box_form .check div i {
    display: block;
    width: 23px;
    height: 20px;
    background-color: #afafaf;
    position: absolute;
    margin-top: 1px !important;
    border-radius: 0;
    margin-left: 39px;
    transition: all 0.3s ease-out;
    border-radius: 7px;
}

.box_form .check.sel div {
    background-color: #ff2a6f;
    margin-left: 27px;
    box-shadow: 0 2px 0px #0000004d;
}

.box_form .check.sel div i {
    margin-left: 4px;
    background-color: #ffffff;
}

form input,form select {
    box-sizing: border-box;
    padding: 20px 5px 0px 5px;
    font-size: 20px;
    width: 100%;
    border: 0px solid #e0e0e0;
    color: #2b2b2b;
    background-color: transparent;
    border-radius: 0;
    font-weight: 300;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid transparent;
}

form input:invalid,form select:invalid {
    border-bottom: 1px solid #c11010;
}

form input:disabled {
    opacity: 0.4;
}

.bbs_alert {
    animation-name: bbs_alert;
    animation-duration: 0.8s;
}

@keyframes bbs_alert {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.bbs_alert.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    font-family: Helvetica, Arial, Sans-Serif;
    letter-spacing: initial;
}

.bbs_alert.overlay.tipo_2 {
    background-color: transparent;
}

.bbs_alert.overlay a {
    color: #e25a63
}

.bbs_alert .box {
    background-color: #FFF;
    box-sizing: border-box;
    padding: 15px;
    width: 460px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33);
    border-radius: 2px;
    left: calc( 50% - 230px );
    position: fixed;
    top: 30%;
    text-align: center;
    animation-name: bbs_alert_box;
    animation-duration: 0.3s;
    border-radius: 4px;
}

.bbs_alert .box.tipo_4 {
    /* top: 50%; */
    /* width: 340px; */
    /* left: calc( 50% - 170px ); */
    height: 120px;
    /* padding-top: 22px; */
    /* margin-top: -60px; */
    /* border-radius: 10px; */
}

.bbs_alert .box.tipo_4 img {
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    margin-top: -10px !important;
}

.bbs_alert .box.tipo_4 h5 {
    font-size: 20px;
    margin-top: 0px;
}

.bbs_alert .box.tipo_4 span {
    margin: 0;
    padding-top: 4px;
}

.bbs_alert .box.tipo_2 {
    bottom: 0;
    width: 290px;
    left: calc( 50% - 145px );
    height: 60px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: initial;
    animation-name: bbs_alert_up;
}

@keyframes bbs_alert_up {
    from {
        bottom: -50px;
    }

    to {
        bottom: 0px;
    }
}

.bbs_alert .box.tipo_2 img {
    width: 50px !important;
    float: left;
    position: absolute;
    top: 0;
    margin: 0 !important;
    height: 60px !important;
    left: 20px;
}

.bbs_alert .box.tipo_2 h5 {
    font-size: 20px;
    margin-top: -10px;
    padding-left: 65px;
}

.bbs_alert .box.tipo_2 span {
    margin: 0;
    padding-top: 4px;
    padding-left: 65px;
}

.bbs_alert .box img {
    animation-name: img_alert;
    animation-duration: 2s;
}

@keyframes img_alert {
    from {
        opacity: 0;
    }

    to {
        opacity: 1
    }
}

.bbs_alert .box i {
    font-size: 65px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.bbs_alert .box i.fa-exclamation {
    color: #c00505;
    border: 7px solid #c00505;
    border-radius: 100%;
    width: 90px;
    height: 90px;
    line-height: 85px;
    box-sizing: border-box;
    text-align: center;
}

.bbs_alert .box i.fa-refresh {
    color: #2384db;
    border-radius: 100%;
    width: 90px;
    height: 82px;
    line-height: 85px;
    box-sizing: border-box;
    text-align: center;
}

@keyframes bbs_alert_box {
    from {
        transform: scale(0.65);
    }

    to {
        transform: scale(1);
    }
}

.bbs_alert h5 {
    font-weight: normal;
    text-align: center;
    font-size: 29px;
    margin: 0;
    color: #ff2e71;
}

.bbs_alert span {
    display: block;
    text-align: center;
    padding-top: 40px;
    color: #7a7a7a;
    margin-bottom: 60px;
}

.bbs_alert span:after {
    content: '';
    display: block;
    clear: both;
}

.bbs_alert .btn {
    display: block;
    padding: 10px 0px;
    background-color: #e2e2e2;
    cursor: pointer;
    font-size: 10px;
    height: 35px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    width: 50%;
    padding-left: 0;
    text-align: center;
    padding-left: 0;
    line-height: 18px;
    transition: all 0.3s ease-out;
}

.bbs_alert .btn::before {
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 0.10);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.bbs_alert .btn:hover::before {
    opacity: 1;
}

.bbs_alert .btn i {
    font-size: 20px;
    margin: initial;
    margin-right: 10px;
    vertical-align: sub;
}

.bbs_alert .btn.btnnone {
    background-color: #eaeaea;
    color: #FFF;
    left: 0;
    border-bottom-left-radius: 3px;
}

.bbs_alert .btn.btncancel {
    margin-left: -15px;
    background-color: #e01818;
    color: #FFF;
}

.bbs_alert .btn.btnok {
    background-color: #0eb587;
    color: #FFF;
    right: 0;
    border-bottom-right-radius: 3px;
}

.bbs_alert .tipo_1 .btn.btnok {
    left: 0;
    width: 100%;
}

.bbs_alert .btn.btnnone {
    display: none;
}

.bbs_alert .btn i {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.1);
    height: 100%;
    box-sizing: border-box;
    width: 15%;
    font-size: 16px;
    display: none;
}

.bbs_alert .btn i:before {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

.bbs_alert .btn.btnok i.fa-shopping-cart {
    display: none
}

.bbs_alert .btn.btnok.ir_carrinho i.fa-shopping-cart {
    display: block
}

.bbs_alert .btn.btnok.ir_carrinho i.fa-check {
    display: none;
}

.bbs_alert .btn.btncancel i.fa-arrow-left {
    display: none
}

.bbs_alert .btn.btncancel.continuar_carrinho i.fa-arrow-left {
    display: block;
}

.bbs_alert .btn.btncancel.continuar_carrinho i.fa-times {
    display: none;
}

.bbs_alert .btn.btncancel.continuar_carrinho i.fa-arrow-left {
    display: none
}

.painel {
    margin-top: 0;
    margin-bottom: 30px;
    position: relative;
    background-color: #FFF;
}

.painel h1 {
    text-transform: uppercase;
    font-size: 18px;
}

.painel .pedido {
    margin-top: 10px;
    margin-left: -10px;
    margin-right: -10px;
}

.painel .pedido .resumo {
    background-color: #818181;
    color: #FFF;
    padding: 10px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.painel .pedido.etapa_0 .resumo {
    background-color: #2d2d2d;
}

.painel .pedido.statuspg_2 .resumo {
    background-color: #cecece;
}

.painel .pedido.etapa_1 .resumo {
    background-color: #ff2d6f;
}

.painel .pedido.etapa_2 .resumo {
    background-color: #c3d60b;
}

.painel .pedido.etapa_3 .resumo {
    background-color: #0eb587;
}

.painel .pedido .resumo b {
    font-weight: 500;
    display: inline-block;
    margin-right: 30px;
}

.painel .pedido .detalhes {
    display: none;
    border: 1px solid #e2e0e0;
}

#load_ajax .painel .pedido .detalhes {
    display: block;
}

#load_ajax .painel .status {
    display: block;
    padding-left: 0;
}

.painel .pedido .loja {
    font-weight: 300;
    background-color: #eaeaea;
    padding: 10px;
    height: 75px;
    font-size: 12px;
    line-height: 21px;
    padding-top: 5px;
    width: 100%;
    float: none;
}

.painel .pedido .cliente {
    font-weight: 300;
    background-color: #eaeaea;
    padding: 10px;
    height: auto;
    font-size: 12px;
    line-height: 21px;
    padding-top: 5px;
    width: 100%;
    line-height: 1.4;
    font-size: 14px;
}

.painel .pedido .loja img {
    width: 40px;
    float: left;
}

.painel .pedido .loja b {
    float: left;
    font-weight: 300;
    margin-left: 10px;
    margin-top: 10px;
}

.painel .pedido .dados {
}

.painel .pedido .dados .qtde {
}

.painel .pedido .dados .vlrfrete {
}

.painel .pedido .dados .vlr {
}

.painel .pedido .status {
    float: none;
    width: 100%;
    height: 75px;
    background-color: #f9f9f9;
    position: relative;
    padding-top: 10px;
    padding-left: 122px;
}

.painel .pedido .status_pg {
    position: absolute;
}

.painel .pedido .status_pg i {
    position: absolute;
    left: 33px;
    top: 12px;
    font-size: 28px;
    z-index: 2;
    background-color: #FFF;
    border-radius: 100%;
    display: none;
}

.painel .pedido.statuspg_0 .status_pg i.pg_wait {
    display: block;
    color: #ff2d6e;
    pointer-events: auto;
}

.painel .pedido.statuspg_1 .status_pg i.pg_ok {
    display: block;
    color: #2fc308;
    display: none;
}

.painel .pedido.statuspg_2 .status_pg i.pg_erro {
    display: block;
    color: #e42525;
    pointer-events: auto;
}

.painel .pedido .status.status_A {
}

.painel .pedido .produtos {
    min-height: 50px;
    padding: 5px;
}

.painel .pedido .pg {
    display: block;
    text-align: center;
    background-color: #ff2d6f;
    color: #FFF;
    padding: 10px;
}

.painel .pedido .entrega {
    background-color: #f9f9f9;
    padding: 10px;
    font-weight: 300;
}

.painel .pedido .entrega h2 {
    background-color: #eaeaea;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    padding: 5px;
    margin-bottom: 10px;
}

.painel .pedido .produtos:after {
    content: '';
    clear: both;
    display: block;
}

.painel .pedido .cancelar {
    margin-top: 30px;
    color: #e40000;
    text-align: right;
    padding: 10px;
    font-size: 12px;
    cursor: pointer;
    opacity: 0.4;
}

.painel .pedido .produtos img {
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 10px;
}

.painel .pedido .produtos h2 {
    font-size: 14px;
    font-weight: 500;
}

.painel .pedido .produtos h3 {
    font-weight: 300;
    font-size: 14px;
}

.painel .pedido .status .etapa {
    float: left;
    width: 98px;
    text-align: center;
    text-transform: none;
    font-size: 10px;
    color: #919191;
    padding-top: 35px;
    position: relative;
    margin-top: -5px;
    font-weight: 300;
}

.painel .pedido .status h2 {
    text-align: center;
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 5px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.painel .pedido .status .cancelado {
    text-align: center;
    background-color: #f11d1d;
    color: #FFF;
    margin-left: -122px;
    margin-top: 10px;
    padding: 10px;
}

.painel .pedido .status .etapa i {
    display: block;
    position: absolute;
    border: 4px solid #d9d9d9;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    top: 11px;
    left: 38px;
}

.painel .pedido .status .etapa i:after {
    content: '';
    border-bottom: 4px solid #d9d9d9;
    width: 80px;
    position: absolute;
    left: -80px;
    top: 5px;
}

.painel .pedido .status .etapa.sel i {
    border: 4px solid #ff2d6f;
}

.painel .pedido .status .etapa.sel i:after {
    border-bottom: 4px solid #ff2d6f;
}

.painel .pedido .status .etapa:nth-child(2) i:after {
    display: none
}

.painel .pedido .status .etapa.sel i b {
    display: block;
    position: absolute;
    background-color: #ff2d6f;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    top: 2px;
    left: 2px;
}

.painel:after {
    content: '';
    clear: both;
    display: block;
}

.painel .btnmenu {
    display: none;
}

.painel aside {
    width: 170px;
    height: 100%;
    min-height: 500px;
    box-sizing: border-box;
    padding: 5px 0;
    padding-left: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #dadada;
    background-color: #fafafa;
}

.painel aside nav {
}

.painel aside nav ul {
    width: 100%;
}

.painel aside nav ul li {
    text-transform: uppercase;
    padding: 15px 0;
    padding-left: 20px;
    border-left: 2px solid #fff;
    cursor: pointer;
}

.painel aside nav ul li.sel {
    border-left: 2px solid #000;
    background-color: #dfdfdf;
}

.painel #load_pc {
    width: calc(100% - 160px);
    margin-left: 160px;
    box-sizing: border-box;
    padding: 30px;
}

.painel #load_pc form {
    max-width: 730px;
}

.painel .legendas {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 71px;
}

.painel .legendas b {
    display: block;
    padding-left: 30px;
    line-height: 2;
    position: relative;
    float: left;
    width: 173px;
    font-size: 10px;
    height: 30px;
}

.painel .legendas b:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 100%;
    left: 0;
    top: 0;
}

.painel .legendas b:nth-child(1):before {
    background-color: #0eb587
}

.painel .legendas b:nth-child(2):before {
    background-color: #2d2d2d
}

.painel .legendas b:nth-child(3):before {
    background-color: #ff2d6e
}

.painel .legendas b:nth-child(4):before {
    background-color: #cecece
}

.painel .legendas b:nth-child(5):before {
    background-color: #efd416
}

.painel .legendas b:nth-child(5):before {
    background-color: #20af07
}

content.carrinhofull {
    font-size: 12px;
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.carrinhofull .titulo {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    font-size: 18px;
    background-color: #FFF;
    margin-top: 0;
}

.carrinhofull .vazio {
    text-align: center;
    font-weight: 100;
}

.carrinhofull .cabecalho {
    display: none;
}

.carrinhofull .listagem {
    font-size: 17px;
    padding-bottom: 180px;
}

.carrinhofull .cabecalho div {
    background-color: #efefef !important;
    font-weight: 100;
    font-size: 10px;
    text-transform: uppercase;
    padding: 4px;
    height: 33px;
}

.carrinhofull .foto {
    float: left;
    width: 80px;
    background-color: transparent !important;
}

.carrinhofull .foto img {
    width: 70px;
    height: 70px;
    display: block;
    border: 1px solid #dadada;
}

.carrinhofull .produto {
    float: left;
    width: 215px;
}

.carrinhofull .produto b {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 215px;
    display: block;
}

.carrinhofull .produto span {
    display: block;
    width: 310px;
    font-size: 12px;
    font-weight: 100;
    margin-top: 1px;
}

.carrinhofull .presente {
    display: none;
}

.carrinhofull .qtde {
    position: absolute;
    text-align: center;
    width: 150px;
    margin-top: 42px;
    margin-left: 75px;
}

.carrinhofull .qtde span {
    display: block;
    float: left;
    width: 30px;
    cursor: pointer;
}

.carrinhofull .qtde span.ret {
    margin-top: 2px;
}

.carrinhofull .vlrunt {
    float: left;
    text-align: right;
    width: 70px;
    display: none;
}

.carrinhofull .vlrtot {
    float: left;
    text-align: right;
    width: 70px;
    font-weight: 500;
    color: #ff2d6f;
}

.carrinhofull .listagem .item {
    border-bottom: 1px solid #e2e2e2;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
}

.carrinhofull h3 {
    text-transform: uppercase !important;
    border-top: 1px solid #e4e4e4;
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 20px !important;
    font-size: 14px !important;
    text-align: right !important;
}

.carrinhofull .boxcupom {
    text-align: right;
    text-transform: uppercase;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 5px;
}

.carrinhofull .boxcupom input {
    width: 215px;
    text-align: left;
    font-size: 16px;
}

.carrinhofull .boxcupom h3 {
    width: 150px;
    position: absolute;
    margin-left: 0;
    margin-top: 18px;
    text-align: left !important;
    padding: 0 !important;
    border: 0;
    color: #8a8a8a !important;
    font-weight: 400;
}

.carrinhofull .entrega h3 {
    width: 140px;
    position: absolute;
    margin-left: 0;
    margin-top: 18px;
    text-align: left !important;
    padding: 0 !important;
    border: 0;
}

.carrinhofull .entrega {
    padding-bottom: 5px;
    text-align: right;
    padding-top: 5px;
    background-color: #ff2d6f;
    color: #FFF;
    margin-left: 0;
    padding-left: 20px;
    margin-right: 0;
    padding-right: 20px;
}

.carrinhofull .entrega h3 {
    font-weight: bold !important;
}

.carrinhofull .entrega input {
    width: 215px;
    text-align: left;
    font-size: 16px;
}

.carrinhofull .boxcupom span {
    color: #f70504;
    display: block;
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 10px;
    position: absolute;
    right: 30px;
    margin-top: -30px;
}

.carrinhofull .opcaofrete {
    float: left;
    width: 370px;
    text-align: left;
    margin-left: 20px;
    position: absolute;
    /* top: 10px; */
}

.carrinhofull .opcaofrete h3 {
    text-align: left !important;
    border: 0;
}

.carrinhofull input {
    border: 1px solid #d4d4d4;
    padding: 10px 15px;
    font-size: 25px;
    width: 160px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: right;
    border: 0;
    background-color: #f0f0f0;
}

.carrinhofull .carrinho_info {
    display: none;
    text-align: center;
    padding: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    background-color: #000;
    border-radius: 10px;
    margin: 20px;
    font-size: 20px;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    width: 374px;
}

.carrinhofull .carrinho_info.cep {
    background-color: #ff520e;
    cursor: default;
}

.carrinhofull .carrinho_info.atualizar {
    background-color: #0095b7;
}

.carrinhofull .carrinho_info.atualizar {
    background-color: #0095b7;
}

.carrinhofull .carrinho_info.btn-finalizar {
    background-color: #0eb587;
}

.carrinhofull .freteitem {
    padding: 10px;
    background-color: #e8e8e8;
    border-radius: 10px;
    margin-bottom: 5px;
    position: relative;
    width: 175px;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    text-align: right;
    height: 45px;
    padding-top: 6px;
    margin-right: 15px;
}

.carrinhofull .trocarfrete .freteitem:nth-child(4) {
    margin-right: 0;
}

.carrinhofull .freteitem b {
    float: left;
    text-align: left;
    padding-top: 6px;
}

.carrinhofull .freteitem b b {
    display: none ;
}

.carrinhofull .freteitem i {
    display: block;
    position: absolute;
    right: 10px;
    top: 27px;
    font-style: normal;
    font-size: 11px;
}

.carrinhofull .freteitem.sel {
    background-color: #ff2d6f;
    color: #FFF;
}

.carrinhofull .totais {
    padding: 20px;
    text-align: right;
    font-size: 16px;
    padding-bottom: 0;
}

.carrinhofull .totais .text {
    float: left;
    width: 100px;
    margin-left: 174px;
    display: none;
}

.carrinhofull .totais .text_total {
    float: left;
    width: 70px;
    margin-left: 174px;
    padding-top: 22px;
}

.carrinhofull .freteselecionado {
    display: none;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 0;
    color: #ff2d6e;
}

.carrinhofull .freteselecionado i {
    font-style: normal;
    margin-left: 5px
}

.carrinhofull .totais .valor {
    float: left;
    text-align: right;
    width: 100px;
    display: none;
}

.carrinhofull .totais .valortotal {
    font-size: 23px;
    color: #545454;
    padding-right: 10px;
    padding-top: 18px;
    margin-bottom: -3px;
    font-weight: 700;
}

.checkout .box_checkout {
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    float: none;
    display: block;
    height: 580px;
    margin-left: 0px;
    margin-top: 0;
}

.checkout .carrinho .listagem {
    display: none;
}

.checkout .btn-avancar-pg {
    width: 350px;
    display: block;
    color: #FFF;
    background-color: #31bfba;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    border-radius: 10px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}

.checkout .btn-avancar-final {
    float: none;
    margin-right: 2%;
    width: 350px;
    display: block;
    color: #FFF;
    background-color: #3cbfba;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    margin-top: 13px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    margin-left: auto;
    padding: 20px;
}

.checkout h2:before,.checkout h2:after {
    display: none
}

.checkout h2 {
    width: 100%;
    text-align: left;
    margin: 0 0 0px 4px;
    border-bottom: 1px solid #B7B7B7;
    padding-bottom: 5px;
    color: #5D6172;
}

.checkout .box_checkout .endereco_entrega {
    padding: 0;
    position: absolute;
    box-sizing: border-box;
    width: 790px;
    transition: all 0.3s ease-out;
}

.checkout .box_checkout .endereco_entrega .preencher {
    position: absolute;
    right: 0;
    text-align: center;
    padding: 10px;
    background-color: #2384db;
    color: #fff;
    width: 270px;
    cursor: pointer;
    top: 40px;
    display: none;
}

.checkout .box_checkout .endereco_entrega.close {
    margin-left: -810px;
}

.checkout .box_checkout .opcoes_de_pagamento {
    padding: 10px;
    position: absolute;
    box-sizing: border-box;
    width: 790px;
    height: 710px;
    margin-left: 790px;
    transition: all 550ms cubic-bezier(0.17, 0.79, 0.215, 1.0025);
}

.checkout .box_checkout .opcoes_de_pagamento.open {
    margin-left: 0;
    width: 100%;
}

.checkout .carrinho {
    float: right;
    width: 308px;
    margin-top: 0;
    padding-left: 10px;
    box-sizing: border-box;
    padding-right: 10px;
    border-left: 0;
    min-height: 790px;
    line-height: 30px;
    background-color: #FFF;
}

.checkout .carrinho .item {
    border-bottom: 1px solid #DFDFDF;
    line-height: initial;
}

.checkout .carrinho .item .foto {
    float: left;
    margin: 0px 10px 0 0;
}

.checkout .carrinho .item .produto {
    float: left;
    width: 160px;
    font-size: 12px;
    margin-top: 10px;
}

.checkout .carrinho .item .produto span {
    display: block;
    color: #898989;
    font-size: 10px;
}

.checkout .carrinho .item .qtde {
    float: left;
    width: 20px;
    margin-top: 38px;
    text-align: center;
    font-size: 12;
}

.checkout .carrinho .item .vlrunt {
    width: 60px;
    font-size: 10px;
    margin-top: 4px;
    text-align: right;
    position: absolute;
    right: 10px;
}

.checkout .carrinho .item .vlrtot {
    width: 58px;
    font-size: 15px;
    text-align: right;
    font-weight: bold;
    position: absolute;
    right: 10px;
    margin-top: 30px;
}

.checkout .carrinho .totais {
    text-align: left;
    font-size: 13px;
    margin-top: 10px;
}

.checkout .carrinho .totais .text {
    float: left;
    width: 90px;
}

.checkout .carrinho .totais .valor {
    float: left;
    width: 79px;
    margin-bottom: 3px;
    padding-right: 5px;
    text-align: right;
}

.comdesconto {
    display: none;
}

.checkout .carrinho .valortotal {
    font-size: 25px;
    color: #5D6172;
    font-weight: bold;
    padding-top: 0;
}

.desconto_a_vista {
    padding: 5px
}

.checkout .carrinho .parcelado {
    margin-top: 0;
    0: 1px solid #e7e7e7; display: none;
}

.checkout .carrinho .parcelado * {
    display: inline;
    float: none;
    margin: 0;
    font-size: 12px;
}

.checkout .carrinho .totais .freteselecionado {
    text-align: left;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 10px;
    float: left;
    padding: 0px 10px;
    box-sizing: border-box;
    width: 240px;
    padding-left: 0;
}

.checkout .carrinho .totais .freteselecionado i {
    display: inline;
    text-transform: none;
    margin: -10px;
    padding: 0px 10px;
    color: #2E2E2E;
    font-style: normal;
    margin-top: 0;
    text-align: left;
    margin-left: -1px;
}

.checkout .carrinho .dadoscliente {
    text-align: left;
    margin-bottom: 10px;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 19px;
    padding-top: 10px;
}

.checkout .carrinho .dadoscliente b {
    display: block;
    text-transform: uppercase;
    background-color: #E7E7E7;
    color: #000;
    padding: 5px;
}

.checkout .carrinho .endereco {
    text-align: left;
    margin-bottom: 10px;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 19px;
    padding-top: 0;
}

.checkout .carrinho .endereco b {
    display: block;
    text-transform: uppercase;
    background-color: #E7E7E7;
    color: #000;
    padding: 5px;
}

.checkout .carrinho .formapagamento {
    text-align: left;
    margin-bottom: 10px;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 10px;
    font-size: 12px;
}

.checkout .carrinho .formapagamento b {
    display: block;
    text-transform: uppercase;
    background-color: #E7E7E7;
    color: #000;
    padding: 5px;
}

.checkout header .info {
    float: left;
    padding: 10px;
    margin: 0;
    width: 230px;
    color: #828282;
    height: 60px;
    font-size: 12px;
    margin-left: 50px;
    margin-top: 10px;
}

.checkout header .info i {
    position: absolute;
    color: #343434;
    margin-left: -20px;
    font-size: 18px;
    margin-top: -1px;
}

.checkout header .info span {
    display: block;
    text-transform: uppercase;
    font-weight: lighter;
    margin-top: 10px;
    color: #343434;
    font-size: 12px;
}

.checkout header .info b {
    display: inline-block;
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
}

.checkout header .seguranca {
    float: right;
    width: 513px;
    height: 110px;
}

.checkout header .seguranca .box {
    float: left;
    width: 170px;
    border-left: 1px solid #DFDFDF;
    height: 100%;
}

.checkout header .seguranca h2:before,.checkout header .seguranca h2:after {
    display: none
}

.checkout header .seguranca h2 {
    margin: 0;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #5D5D5D;
    padding-top: 20px;
    border: 0;
    letter-spacing: 0.04em;
    padding-bottom: initial;
    width: initial;
}

.checkout header .seguranca .selo1 {
    background-image: url('//images.bigbangshop.com.br/protect.png');
    width: 100px;
    height: 45px;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 5px auto;
}

.checkout header .seguranca .selo2 {
    background-image: url('//images.bigbangshop.com.br/cf-logo-v-rgb.png');
    width: 100px;
    height: 50px;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 5px auto;
}

.checkout header .seguranca .selo3 {
    background-image: url('//images.bigbangshop.com.br/logo_bbs.svg');
    width: 65px;
    height: 50px;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 5px auto;
}

.checkout header a.logo {
    float: left;
    width: 260px;
    height: 101px;
    background-position: center center;
    margin-top: 0;
    background-color: rgb(0, 0, 0);
    background-repeat: no-repeat;
    background-size: 95%;
    background-image: url('/images/logo_loja.png');
    position: initial;
    left: initial;
    top: initial;
    margin-left: initial;
}

.checkout label {
    float: left;
    margin-right: 2%;
    margin-bottom: 5px;
    width: 98%;
    position: relative;
    color: #797979;
}

.checkout label.middle {
    width: 260px;
    min-width: initial;
}

.checkout label.short {
    width: 158px;
    min-width: initial;
}

.checkout label.short2 {
    width: 112px;
    min-width: initial;
}

.checkout .opcoes_de_pagamento {
}

.checkout .opcoes_de_pagamento .tipopg ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: block;
    height: 38px;
    padding-left: 10px;
    margin-bottom: -2px;
}

.checkout .opcoes_de_pagamento .tipopg ul li {
    float: left;
    padding: 10px;
    background-color: #fbfbfb;
    margin-right: 2px;
    cursor: pointer;
    display: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #ababab;
}

.checkout .opcoes_de_pagamento .tipopg ul li.ativo {
    display: block
}

.checkout .opcoes_de_pagamento .tipopg ul li.sel {
    background-color: #f2f2f2;
    color: #3a3a3a;
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento {
    float: left;
    height: 70px;
    width: 70px;
    background-color: #FFFFFF;
    cursor: pointer;
    display: none;
    text-align: center;
    box-sizing: border-box;
    padding-top: 55px;
    background-position: center 0px;
    background-repeat: no-repeat;
    outline: 3px solid #D8D8D8;
    margin-right: 10px !important;
    margin-left: 5px;
    font-size: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-indent: -1000px;
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.ativo {
    display: block;
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.ativo.sel {
    outline: 5px solid #ff2e71;
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.deposito {
    background-image: url('https://img.bigbangshop.com.br/deposito.png');
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.boleto {
    background-image: url('https://img.bigbangshop.com.br/boleto.png');
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.bb {
    background-image: url('https://img.bigbangshop.com.br/bb.png');
}

.checkout .opcoes_de_pagamento .tipopg .tab {
    background-color: #f2f2f2;
    box-sizing: border-box;
    padding: 20px;
    display: none;
    /* border: 4px solid #ff2e71; */
    margin-top: -1px;
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.bra {
    background-image: url('https://img.bigbangshop.com.br/bra.png');
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.ita {
    background-image: url('https://img.bigbangshop.com.br/itau.png');
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.ban {
    background-image: url('https://img.bigbangshop.com.br/ban.png');
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.hsb {
    background-image: url('https://img.bigbangshop.com.br/hsbc.png');
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.visa {
    background-image: url('https://img.bigbangshop.com.br/visa.png');
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.visa-debito {
    background-image: url('https://img.bigbangshop.com.br/visa-debito.png');
    background-size: 90%;
    background-position: center 29px;
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.master-debito {
    background-image: url('https://img.bigbangshop.com.br/master-debito.png');
    background-size: 95%;
    background-position: center 7px;
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.master {
    background-image: url('https://img.bigbangshop.com.br/master.png');
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.amex {
    background-image: url('https://img.bigbangshop.com.br/amex.png');
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.aura {
    background-image: url('https://img.bigbangshop.com.br/aura.png');
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.diners {
    background-image: url('https://img.bigbangshop.com.br/diners.png');
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.elo {
    background-image: url('https://img.bigbangshop.com.br/elo.png');
    margin-right: 0 !important;
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.pagseguro {
    background-image: url('https://img.bigbangshop.com.br/pagseguro.png');
    width: 150px;
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.bcash {
    background-image: url('https://img.bigbangshop.com.br/bcash.png');
    width: 150px;
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.moip {
    background-image: url('https://img.bigbangshop.com.br/moip.png');
    width: 150px;
}

.checkout .boxcartao {
    margin-top: 40px;
    padding: 10px 0 0 15px;
}

.checkout h1 {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    - top: 0px;
    font-size: 18px;
    padding-top: 20px;
    background-color: #f7f7f7;
}

.checkout h1:before.checkout h1:after {
    display: none
}

.checkout .box_checkout .endereco_entrega {
    width: 385px;
    padding-left: 20px;
}

.checkout .box_checkout .endereco_entrega .box_fix {
    z-index: 300
}

.checkout .box_checkout .opcoes_de_pagamento {
    height: auto;
}

.checkout .carrinho {
    float: none;
    width: 100%;
    position: relative;
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento {
    width: 61px;
    margin-right: 0 !important;
    outline: 1px solid #D8D8D8;
    background-size: 50px;
    height: 30px;
    box-sizing: border-box;
    font-size: 10px;
    background-position: top center;
    padding-top: 0;
}

.checkout .opcoes_de_pagamento .tipopg .tab .pagamento.ativo.sel {
    outline: 2px solid #ff2e71;
}

.checkout .boxcartao {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px;
    height: 390px;
}

.checkout .boxcartao input,.checkout .boxcartao select {
    max-width: 375px;
    font-weight: 400;
    color: #3e3e3e;
    padding-top: 30px;
    transition: all 0.3s ease-out;
}

input:focus,select:focus {
    background: #f3f2f2;
}

.checkout .opcoes_de_pagamento .tipopg .tab {
    height: auto;
    padding-left: 7px;
    padding-right: 0;
}

.checkout .opcoes_de_pagamento .tipopg {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px;
}

.painel .btn_add {
    position: absolute;
    top: 23px;
    background-color: #ff2e71;
    color: #FFF;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
    padding-top: 7px;
    cursor: pointer;
    left: 530px;
}

.painel .btn_add i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

#datatable_wrapper {
    margin-top: -33px;
    font-weight: 100;
    font-size: 12px;
}

.dataTables_length {
    text-align: right;
    display: none;
}

#datatable_filter {
    float: right;
    margin-bottom: 20px;
}

#datatable_filter input {
    border: 1px solid #d2d2d2;
    padding: 10px;
    margin-left: 10px;
}

.dataTable {
}

.m200 {
    min-width: 200px
}

.dataTable .etapa {
    text-align: center;
    position: relative;
}

.dataTable .etapa.etapa_0 div:nth-child(1) {
    background-color: #f41c24;
}

.dataTable .etapa.etapa_1 div:nth-child(1) {
    /* background-color:#ff2d6f; */
}

.dataTable .etapa.etapa_1 div:nth-child(2) {
    background-color: #e39b1b;
}

.dataTable .etapa.etapa_2 div:nth-child(1) {
    /* background-color:#ff2d6f; */
}

.dataTable .etapa.etapa_2 div:nth-child(2) {
    /* background-color:#ff2d6f; */
}

.dataTable .etapa.etapa_2 div:nth-child(3) {
    background-color: #d6d030;
}

.dataTable .etapa.etapa_3 div:nth-child(1) {
    /* background-color:#ff2d6f; */
}

.dataTable .etapa.etapa_3 div:nth-child(2) {
    /* background-color:#ff2d6f; */
}

.dataTable .etapa.etapa_3 div:nth-child(3) {
    /* background-color:#ff2d6f; */
}

.dataTable .etapa.etapa_3 div:nth-child(4) {
    background-color: #2fc048;
}

.dataTable .etapa.etapa_4 div:nth-child(1) {
    background-color: #ff2d6f;
}

.dataTable .etapa.etapa_4 div:nth-child(2) {
    background-color: #ff2d6f;
}

.dataTable .etapa.etapa_4 div:nth-child(3) {
    background-color: #ff2d6f;
}

.dataTable .etapa.etapa_4 div:nth-child(4) {
    background-color: #ff2d6f;
}

.dataTable .etapa div {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #dedede;
    border-radius: 100%;
    margin: 0 5px;
    position: relative;
}

.dataTable .etapa div.cancelado {
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: #cacaca;
    color: #FFF;
    text-align: center;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    top: 0px;
}

.dataTable .etapa div.pg_erro {
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: #fb0e0e;
    color: #FFF;
    text-align: center;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    top: 0px;
}

.dataTable .etapa div.finalizado {
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: #05c527;
    color: #FFF;
    text-align: center;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    top: 0px;
}

.dataTable .etapa div i {
    position: absolute;
    width: 30px;
    height: 3px;
    background-color: inherit;
    top: 8px;
    right: -30px;
    display: none;
}

.dataTable .etapa div:nth-child(1) {
    margin-left: 0;
}

.dataTable .etapa div:nth-child(4) {
    margin-right: 0;
}

.dataTable .etapa div:nth-child(4) i {
    display: none
}

.dataTable .etapa div b {
}

.dataTable .etapa div span {
    position: absolute;
    display: none;
    z-index: 2;
    text-align: center;
    background-color: inherit;
    border-radius: 5px;
    padding: 10px;
    color: #FFF;
    width: 110px;
    top: -50px;
    left: -50px;
    box-shadow: 0 3px 4px #00000047;
}

.dataTable .etapa div:hover span {
    display: block;
}

.dataTable thead {
}

.dataTable thead th {
    font-weight: 300;
    background-color: #dedede;
    padding: 5px;
}

.dataTable tbody {
}

.dataTable tbody a {
    color: #333;
    display: block;
    padding: 10px 0;
    text-transform: none;
}

.dataTable tbody a b.inativo {
    color: #ff2e71;
}

.dataTable tbody .even {
    background-color: #f3f3f3
}

.dataTable tbody td {
    padding: 5px !important;
    vertical-align: middle;
}

.dataTable tbody td.center {
    text-align: center;
}

.dataTable tbody td:before {
    display: none !important;
}

.dataTable .right {
    text-align: right;
}

.dataTable tbody td img {
    width: 33px;
    height: 33px;
    border: 1px solid #d2d2d2;
}

.dataTables_info {
    margin-top: 10px;
    font-weight: 3000
}

.dataTables_paginate {
    text-align: right;
    margin-top: 10px;
}

.dataTables_paginate a {
    margin: 0 2px;
    cursor: pointer;
    background-color: #ff2e71;
    color: #FFF;
    padding: 5px;
    border-radius: 5px;
}

.dashboard_novo {
    color: #484748;
    background-color: #FFF;
    clear: both;
}

.dashboard_novo h2 {
    margin: 0;
    font-weight: normal;
    color: #484748;
}

.dashboard_novo .daterange {
    float: right;
    background-color: transparent;
    width: 190px;
    top: 10px;
    position: absolute;
    right: 0;
    z-index: 0;
}

.dashboard_novo .daterange i {
    padding-left: 2px;
    padding-top: 2px;
    font-size: 10px;
}

.dashboard_novo .daterange select {
    border: 1px solid #e4e3e3;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
    width: 95%;
}

.dashboard_novo .dataselect {
    position: absolute;
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #46bac1;
    display: none;
    width: 292px;
    left: -322px;
    top: -50px;
    zoom: 0.7; }

.dashboard_novo .dataselect input {
    display: inline-block !important;
    width: 120px !important;
}

.dashboard_novo .dataselect button {
    display: block;
    border: 0;
    margin-top: 5px;
    width: 100%;
    background-color: #46bac1;
    color: #FFF;
    padding: 10px 0;
}

.dashboard_novo .box {
    box-sizing: border-box;
    padding: 40px;
    position: relative;
    padding-bottom: 0px;
}

.dashboard_novo ul.tab {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 40px;
    height: 33px;
}

.dashboard_novo ul.tab li {
    float: left;
    margin-right: 50px;
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
    padding-bottom: 15px;
    color: #848484;
    transition: all 0.3s ease-out;
    font-weight: 500;
    letter-spacing: 0.05em;
    font-size: 14px;
}

.dashboard_novo ul.tab li.sel,.dashboard_novo ul.tab li:hover {
    border-bottom: 3px solid #47bac1;
    color: #484748;
    cursor: pointer;
}

.dashboard_novo .bkg_dash {
    background-color: #ebf1f5;
    margin-left: -40px;
    margin-right: -40px;
}

.dashboard_novo .ret_dados {
    min-height: 1020px;
    border-top: 2px solid #e2e6e6;
    padding-bottom: 30px;
    clear: both;
    margin: initial;
    /* width: calc(100% - 73px); */
    max-width: 1830px;
    margin-left: 2%;
}

.dashboard_novo .ret_dados:after {
    content: '';
    display: block;
    clear: both
}

.dashboard_novo .infobox {
    background-color: #FFF;
    float: left;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #e2e6e6;
    margin-top: 10px;
    width: 16.2%;
    max-width: 295px;
    height: 105px;
    position: relative;
    min-width: 195px;
    border-radius: 5px;
    border-bottom: 3px solid #ff296e;
    margin-left: 0.2%;
    margin-right: 0.2%;
}

.dashboard_novo .infobox .mp {
    float: left;
    background-size: 70%;
    width: 20%;
    height: 60px;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    box-sizing: border-box;
    padding-top: 35px;
    border-right: 1px solid #d4d4d4;
}

.dashboard_novo .legenda {
    position: relative;
    font-size: 13px;
    left: 10px;
    display: block;
    height: auto;
    padding-top: 10px;
    padding-bottom: 20px;
    background-color: #FFF;
    padding-left: 20px;
    margin-top: 11px;
    margin-left: -5px;
    width: 996px;
    border-radius: 3px;
    max-width: 95%;
}

.dashboard_novo .legenda:after {
    content: '';
    clear: both;
    display: block
}

.dashboard_novo .legenda span {
    display: block;
    position: relative;
    float: left;
    padding: 8px 20px 0 20px;
}

.dashboard_novo .infobox.med_box {
    /* width: 31.5%; */
    height: 300px;
}

.dashboard_novo .infobox.full_box {
    max-width: 600px;
    width: 32.65%;
    padding-bottom: 17.5%;
    position: relative;
}

.dashboard_novo .infobox.full_box50 {
    max-width: 600px;
    width: 49.14%;
    padding-bottom: 20%;
    position: relative;
    max-width: none;
}

.dashboard_novo .infobox.nolimits {
    max-height: none;
    padding-bottom: 0;
    height: auto;
    min-height: 420px;
}

.dashboard_novo .infobox.full_box.chart {
    padding-bottom: 16.2%;
}

.dashboard_novo .infobox .overflow {
    height: 290px;
    overflow: hidden;
    overflow-y: auto;
}

.dashboard_novo .infobox table {
    font-size: 16px;
    width: 100%;
}

.dashboard_novo .infobox table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dashboard_novo .infobox table td b {
    display: block;
    font-size: 12px
}

.dashboard_novo .infobox table tr {
    border-bottom: 1px solid #dadada;
}

.dashboard_novo .chart {
    height: calc(100% - 45px) !important;
    box-sizing: border-box;
    position: absolute;
}

.dashboard_novo .infobox .titulo {
    font-size: 14px;
    position: relative;
    background-color: #ffffff;
    color: #484748;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
    padding: 5px;
    margin-bottom: 0px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    font-weight: 500;
    padding-left: 13px;
    padding-top: 10px;
}

.dashboard_novo .infobox .titulo i {
    position: absolute;
    font-size: 30px;
    right: 10px;
    color: #e2e6e6;
    top: 5px;
}

.dashboard_novo .infobox .valor {
    font-size: 31px;
    color: #ff296e;
}

.dashboard_novo .infobox .valor b {
    font-size: 20px;
    font-weight: 300;
    color: #484748;
    margin-left: 5px;
}

.dashboard_novo .infobox .valor2 {
    font-size: 30px;
    color: #31a7a2;
    line-height: 26px;
}

.dashboard_novo .infobox .valor2 b {
    color: #484748;
    font-size: 12px;
    font-weight: normal;
}

.dashboard_novo .infobox .subvalor {
    font-size: 12px;
    height: 15px;
    color: #b9b9b9;
    margin-top: 5px;
}

.dashboard_novo .infobox .comparativo {
    color: #ffffff;
    font-size: 12px;
    border-top: 1px solid #e2e6e6;
    padding-top: 5px;
    text-align: center;
    margin-top: 10px;
    background-color: #47bac1;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 18px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: none;
}

.dashboard_novo .item {
    border-bottom: 1px solid #DDD;
    padding: 5px 0 5px 0;
    padding-left: 24px;
    position: relative;
    font-size: 16px;
}

.dashboard_novo .statuspg {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #000;
    border-radius: 100%;
    top: 7px;
    left: 0;
    z-index: 1;
}

.dashboard_novo .context {
    cursor: pointer;
}

.dashboard_novo .statuspg.statuspg_0 {
    background-color: #f43920;
}

.dashboard_novo .statuspg.statuspg_1 {
    background-color: #36a2eb;
}

.dashboard_novo .statuspg.statuspg_2 {
    background-color: #ff9f40;
}

.dashboard_novo .statuspg.statuspg_3 {
    background-color: #4bc0c0;
}

.dashboard_novo .statuspg.statuspg_4 {
    background-color: #0fd039;
}

.dashboard_novo .statuspg.statuspg_5 {
    background-color: #ffe121;
}

.dashboard_novo .statuspg.statuspg_6 {
    background-color: #d8d8d8;
}

.dashboard_novo .item span {
    display: block;
    color: #202020;
    width: 100%;
    height: 19px;
    overflow: hidden;
    position: relative;
}

.dashboard_novo .item span a {
    text-decoration: none;
    color: #50bdc4;
}

.dashboard_novo .item span b {
    display: block;
    width: 110px;
    text-align: right;
    font-size: 15px;
    margin-top: -5px;
    background-color: #F6F6F6;
    padding: 5px;
    right: 0;
    position: absolute;
}

.dashboard_novo .item span b i {
    /* display: block; */
    font-style: normal;
    font-weight: normal;
}

.page_contato h1 {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
}

.page_contato .titulo {
    margin-top: 70px;
}

.contato .texto-email {
    text-align: center;
    padding-top: 30px;
}

.contato .texto-email span {
    font-size: 20px;
    text-transform: uppercase;
}

.contato .texto-email p {
    font-size: 15px;
}

.contato .form-contato {
    margin: 0 auto;
    margin-top: 60px;
    width: 995px;
}

.contato .form-contato .form-contato-esquerdo {
    float: left;
    width: 490px;
}

.contato .form-contato .form-contato-direito {
    float: right;
    width: 490px;
}

.contato .form-contato .form-contato-esquerdo .campo-longo {
    float: left;
    width: 460px;
    margin-bottom: 20px;
    padding: 8px 10px;
    /* border-radius: 5px; */
    border: 1px solid rgba(9, 9, 9, 0.45);
    color: #090909;
    font-size: 15px;
}

.contato .form-contato .form-contato-esquerdo .campo-metade {
    float: left;
    width: 224px;
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 8px 10px;
    /* border-radius: 5px; */
    border: 1px solid rgba(9, 9, 9, 0.45);
    font-size: 15px;
    color: #808285;
}

.contato .form-contato .form-contato-direito #msg-contato {
    width: 460px;
    margin-bottom: 15px;
    padding: 8px 10px;
    /* border-radius: 5px; */
    border: 1px solid rgba(9, 9, 9, 0.45);
    height: 158px;
    color: #808285;
}

.contato .form-contato .form-contato-direito .btn-contato {
    background-color: #080808;
    border: 0;
    padding: 10px 45px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    outline: 0;
    font-size: 15px;
    transition: all 0.3s ease-out;
    margin-top: -2px;
}

.contato .form-contato .form-contato-direito .btn-contato:hover {
    background: #6a6d66;
}

.container-info-contato {
    background: #f6f6f6;
    padding: 80px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-top: 65px;
}

.container-info-contato .center {
    width: 1020px;
}

.container-info-contato .info-contato-esquerdo {
    width: 378px;
    float: left;
}

.container-info-contato .titulo-info-contato {
    margin-bottom: 40px;
    color: #9b9480;
    font-size: 20px;
    text-transform: uppercase;
}

.container-info-contato .fa-phone, .container-info-contato .fa-whatsapp, .container-info-contato .fa-map-marker {
    position: absolute;
    font-size: 25px;
    margin: 0 0 0 -30px;
    color: #585858;
}

.container-info-contato img {
    float: left;
    margin-right: 15px;
}

.container-info-contato p {
    font-size: 16px;
    color: #585858;
}

.container-info-contato .texto-fale-conosco {
    font-size: 14px;
    color: #585858;
    margin-top: 15px;
    /* margin-left: 40px; */
}

.container-info-contato .info-contato-direito {
    width: 300px;
    float: left;
}

.container-info-contato .info-contato-direito div {
    height: 55px;
    line-height: 30px;
    font-size: 14px;
    color: #585858;
}

.container-info-contato .info-contato-direito div b {
    display: block;
}

.container-info-contato .info-contato-direito div .rede-social {
    color: #585858;
    font-size: 20px;
}

.new_header {
    height: 580px;
    background-image: url(/front/images/new_bkg.png);
    background-position: top center;
    background-repeat-y: no-repeat;
    font-size: 16px;
    box-sizing: border-box;
    padding-top: 0;
    margin-bottom: 170px;
}

.new_header .topo {
    background-color: #FFF;
    height: 80px;
}

.new_header .center:before {
    content: '';
    background-image: url(/front/images/tel1.png);
    background-repeat: no-repeat;
    pointer-events: none;
    width: 504px;
    height: 602px;
    display: block;
    position: absolute;
    right: -100px;
    top: -70px;
}

.new_header .topo .center {
    padding-right: 200px;
}

.new_header .topo .center:before {
    display: none
}

.new_header .center {
    position: relative;
}

.new_header a.logo {
    width: 260px;
    height: 70px;
    margin-left: 10px;
    margin-top: 0;
}

.new_header h1 {
    margin: 0;
    padding: 0;
    float: none;
    clear: both;
    color: #FFF;
    width: auto;
    font-size: 50px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 55px;
    padding-top: 90px;
    padding-left: 10px;
}

.new_header h2 {
    font-size: 27px;
    text-align: left;
    padding: initial;
    font-weight: 300;
    color: #FFF;
    padding-top: 40px;
    padding-left: 10px;
}

.new_header h2 i {
    font-weight: 700;
}

.new_header .login,.open_selection {
    width: initial;
    background: initial;
    margin: initial;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
    text-align: right;
    color: #ff2d6f;
    float: left;
    margin-top: 33px;
    margin-left: 15px;
}

.new_header .login i,.new_header .open_selection i {
    vertical-align: middle;
    margin-top: -4px;
    font-size: 30px;
    margin-left: 5px;
}

.new_header a.como_funciona {
    float: left;
    width: 200px;
    background-color: #ff2d6f;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 30px;
    padding: 8px 0;
    border: 2px solid #FFF;
    margin-left: 20px;
    margin-top: 25px;
    height: auto;
    background-image: none;
    margin-bottom: 0;
}

.new_header a.ligar {
    float: left;
    width: 235px;
    background-color: transparent;
    text-align: center;
    color: #ff2d6e;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 30px;
    padding: 8px 0;
    border: 2px solid #ff2d6e;
    margin-left: 15px;
    margin-top: 25px;
    font-weight: 400;
}

.new_header .loja_pronta {
    border: 10px solid #ebeae8;
    border-radius: 50px;
    background-color: #FFF;
    height: 225px;
    position: absolute;
    width: 100%;
    box-shadow: 0 10px 0px #c2c2c3;
    box-sizing: border-box;
    margin-left: -540px;
    left: 50%;
    top: 467px;
}

.new_header .loja_pronta:before {
    display: none;
}

.new_header .loja_pronta h3 {
    padding: initial;
    font-size: 39px;
    font-weight: 900;
    color: #ff296e;
    padding-top: 30px;
}

.new_header .loja_pronta .fake_input {
    width: 700px;
    margin: 0 auto;
    background-color: #FFF;
    border: 5px solid #dedede;
    border-radius: 60px;
    font-size: 31px;
    font-style: italic;
    padding: 10px 20px;
    padding-right: 0;
    box-sizing: border-box;
    margin-top: 10px;
}

.new_header .loja_pronta .fake_input i {
    font-weight: 700;
    font-size: 30px;
    color: #ff296e;
    margin-left: 5px;
}

.new_header .loja_pronta .fake_input input {
    font-size: 25px;
    width: 210px;
    color: #ff296e;
    background-color: transparent !important;
}

.new_header .loja_pronta button {
    background: initial;
    background-image: url('/front/images/btn_go.png');
    width: 74px;
    height: 74px;
    background-repeat: no-repeat;
    position: absolute;
    right: 90px;
    top: 86px;
}

.page_home .como_funciona {
    height: 750px;
    background-image: url(/front/images/new_bkg.png);
    background-position: top center;
    background-repeat-y: no-repeat;
    font-size: 16px;
    box-sizing: border-box;
    padding-top: 20px;
    margin-bottom: 0;
    background-size: cover;
    position: relative;
}

.page_home .como_funciona h2 {
    color: #FFF;
    text-transform: uppercase;
    text-align: left;
    font-size: 42px;
    margin-top: 80px;
    margin-bottom: 30px;
}

.page_home .como_funciona .telefone {
    background-image: url(/front/images/tel2.png?v=1);
    width: 619px;
    height: 662px;
    position: absolute;
    top: 70px;
    margin-left: -60px;
}

.page_home .como_funciona .telefone .etapa {
    width: 273px;
    height: 483px;
    background-repeat: no-repeat;
    margin-top: 58px;
    margin-left: 170px;
    position: absolute !important;
    display: none;
}

.page_home .como_funciona .telefone .etapa:nth-of-type(1) {
    background-image: url(/front/images/etapa1.png);
    display: block;
}

.page_home .como_funciona .telefone .etapa:nth-of-type(2) {
    background-image: url(/front/images/etapa2.png?v=1);
}

.page_home .como_funciona .telefone .etapa:nth-of-type(3) {
    background-image: url(/front/images/etapa3.png?v=1);
}

.page_home .como_funciona .telefone .etapa:nth-of-type(4) {
    background-image: url(/front/images/etapa4.png?v=1);
}

.page_home .como_funciona .etapas {
    color: #FFF;
    float: right;
    width: 625px;
}

.page_home .como_funciona .etapa {
    clear: both;
    font-weight: 100;
    font-size: 26px;
    margin-bottom: 45px;
    cursor: pointer;
    padding-left: 17px;
}

.page_home .como_funciona .etapa span {
    font-weight: 100
}

.page_home .como_funciona .etapa.sel span {
    font-weight: 900;
}

.page_home .como_funciona .etapa .time {
    float: left;
    width: 40px;
    font-size: 35px;
    font-weight: 100;
    position: relative;
    margin-top: -4px;
    margin-right: 20px;
    text-align: center;
    margin-left: -10px;
}

.page_home .como_funciona .etapa .time:before {
    content: '';
    width: 45px;
    height: 45px;
    border-radius: 100%;
    border: 1px solid #ffffff8c;
    position: absolute;
    left: 0;
    top: -3px;
    transition: all 0.2s ease-out;
    margin-left: -3px;
}

.page_home .como_funciona .etapa.sel .time:before {
    border: 6px solid #FFF;
    width: 50px;
    height: 50px;
    left: -6px;
    top: -5px;
    margin-left: 0px;
}

.page_home .como_funciona .etapa.sel,.page_home .como_funciona .etapa.sel .time {
    font-weight: bold;
    position: relative;
}

.page_home .como_funciona .teste {
    width: 400px;
    background-color: #FFF;
    text-align: center;
    color: #ff296e;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 30px;
    padding: 8px 0;
    border: 2px solid #FFF;
    margin-left: 20px;
    margin-top: 25px;
    height: auto;
    background-image: none;
    position: relative;
    display: block;
    text-align: center;
    font-size: 24px;
}

.page_home .como_funciona .teste b {
    position: absolute;
    width: 400px;
    text-align: center;
    left: 0;
    top: 54px;
    color: #FFF;
    font-weight: 300;
    font-size: 15px;
}

.page_nao_cadastrado .criar {
    background-image: url(/front/images/new_bkg.png);
    background-position: top center;
    background-repeat-y: no-repeat;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 80px;
    z-index: 1;
    animation-name: anime_criar;
    animation-duration: 0.6s;
}

@keyframes anime_criar {
    from {
        bottom: -60px;
    }

    to {
        bottom: 0;
    }
}

.page_nao_cadastrado .criar .teste {
    width: 400px;
    background-color: #FFF;
    text-align: center;
    color: #ff296e;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 30px;
    padding: 8px 0;
    border: 2px solid #FFF;
    margin-left: 20px;
    margin-top: 25px;
    height: auto;
    background-image: none;
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 20px;
}

.page_nao_cadastrado .criar .teste b {
    position: absolute;
    width: 400px;
    text-align: center;
    left: 0;
    top: 42px;
    color: #FFF;
    font-weight: 300;
    font-size: 15px;
}

.page_home .depoimento {
    height: 375px;
}

.page_home .depoimento .perfil {
    margin-top: -10px;
    float: left;
    text-align: center;
    font-size: 24px;
    width: 250px;
}

.page_home .depoimento .perfil span {
    display: block;
    font-size: 12px;
    font-style: italic;
    padding: 10px 30px;
}

.page_home .depoimento .perfil .foto {
    width: 165px;
    height: 165px;
    border: 10px solid #e8e8e8;
    border-radius: 100%;
    margin-bottom: 10px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    background-size: cover;
}

.page_home .depoimento .msg {
    float: right;
    width: 800px;
    margin-top: 10px;
    margin-left: 30px;
    font-size: 21px;
    font-weight: 100;
    color: #757575;
    font-style: italic;
    padding-left: 30px;
    line-height: 1.5;
    letter-spacing: 0.05em;
}

.page_home .depoimento .msg:before {
    content: '\201C';
    position: absolute;
    margin-left: -50px;
    font-size: 80px;
    margin-top: -40px;
    font-family: initial;
}

.page_home .depoimento .msg:after {
    content: '\201D';
    position: absolute;
    margin-left: 0;
    font-size: 80px;
    margin-top: 0px;
    font-family: initial;
    line-height: 1;
}