@charset "UTF-8";
* {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img,
abbr,
acronym,
fieldset-img,
table {
    border: 0 none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}

ol,
ul,
menu {
    list-style: none
}

ol {
    list-style-type: auto!important;
}

ol li {
    overflow: visible!important;
}

body {
    line-height: 1;
    font-size: 14px;
    font-family: "regular", sans-serif
}

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

em {
    font-style: normal
}

img {
    border: 0
}

input:focus,
textarea:focus,
select:focus {
    outline: 0
}

.ext {
    text-align: center;
    clear: both;
    float: none
}

.tpl-1 {
    margin: 0 auto;
    text-align: left;
    position: relative;
    width: 1200px;
    padding: 0 10px
}

.tpl-2 {
    margin: 0 auto;
    text-align: left;
    position: relative;
    width: 1220px;
    padding: 0
}

.tpl-3 {
    margin: 0 auto;
    text-align: left;
    position: relative;
    width: 1250px;
    padding: 5px
}

.tpl-container {
    background: #fff url(https://fraldasdipano.vteximg.com.br/arquivos/bg-4.jpg) no-repeat center top
}

.tpl-ini {
    border-radius: 5px 5px 0 0;
    position: relative;
    top: -10px;
    margin-bottom: -10px;
    padding-top: 10px;
    background: #fff
}

h2.titulo-sessao {
    font-size: 32px;
    padding: 0 10px 50px 10px;
    color: #666; }

body,
#header .tpl-1 {
    background: #fff url(https://fraldasdipano.vteximg.com.br/arquivos/bg-1.png) repeat-x
}

#header {
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/bg-2.png) repeat-x
}

#gcontent {
    background: #fff url(https://fraldasdipano.vteximg.com.br/arquivos/bg-3.png) repeat-x;
    padding-bottom: 50px
}

.myo-cancel-btn {
    background: #fb86b2;
    background-color: #fb86b2 !important;
    border: 1px solid #fa5a96 !important;
    border-bottom-width: 3px !important;
    color: #fff !important
}

#nav-store {
    background: #fbfcfd url(https://fraldasdipano.vteximg.com.br/arquivos/bg-5.png) repeat-x left bottom
}

#nav-store .tpl-3 {
    border-bottom: 20px solid #e1eef4;
    background: #9C3;
    border-radius: 30px 30px 0 0
}

.nivel-0 {
    border: 1px dashed #fff;
    border-radius: 30px 30px 0 0
}

.line {
    clear: both;
    float: none;
    overflow: hidden
}

.col,
.search .fulltext-search-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.col10 {
    float: left;
    width: 10%
}

.col15 {
    float: left;
    width: 15%
}

.col20 {
    float: left;
    width: 20%
}

.col25 {
    float: left;
    width: 25%
}

.col30 {
    float: left;
    width: 30%
}

.col33 {
    float: left;
    width: 33.33333%
}

.col35 {
    float: left;
    width: 35%
}

.col40 {
    float: left;
    width: 40%;
}

.col45 {
    float: left;
    width: 45%
}

.col50 {
    float: left;
    width: 50%
}

.col55 {
    float: left;
    width: 55%
}

.col60 {
    float: left;
    width: 60%
}

.col66 {
    float: left;
    width: 66.66667%
}

.col65 {
    float: left;
    width: 65%
}

.col70 {
    float: left;
    width: 70%
}

.col75 {
    float: left;
    width: 75%
}

.col80 {
    float: left;
    width: 80%
}

.col90 {
    float: left;
    width: 90%
}

.col-right {
    float: right
}

.col-left {
    float: left
}

.col-right.border {
    border-left: 10px solid #fff
}

.col-left.border {
    border-right: 10px solid #fff
}

.col-center.border {
    float: left;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff
}

.clear {
    clear: both
}

.hide {
    display: none
}

.ico {
    background-image: url(https://fraldasdipano.vteximg.com.br/arquivos/img-common-6.png?v=21213);
    background-repeat: no-repeat;
    display: block;
    text-indent: -99999px;
    font-size: 0;
    color: #fff
}

.arrow {
    display: block;
    text-indent: -99999px;
    font-size: 0;
    color: #fff
}

.drop {
    display: none;
    position: absolute;
    z-index: 910;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.hover-open:hover .drop {
    display: block
}

.box-banner:hover {
    opacity: .9
}

div#ajaxBusy,
.loading {
    background: #fff url(https://fraldasdipano.vteximg.com.br/arquivos/gt-load.gif) no-repeat scroll center center;
    border-radius: 26px;
    height: 26px;
    left: 5px;
    position: absolute;
    text-indent: -9999px;
    top: 5px;
    width: 26px;
    z-index: 999999
}

#header .logo {
    padding: 18px 0
}

#header .logo span {
    display: none
}

#header .logo img {
    display: block
}

.pitbar {
    float: left;
    overflow: hidden;
    padding: 0 12px
}

.pitbar a {
    display: block;
    float: left;
    padding: 15px 0 15px 45px;
    position: relative;
    color: #666;
    font-size: 13px;
    height: 26px;
    cursor: default
}

.pitbar .ico {
    position: absolute;
    left: 0;
    top: 50%;
    width: 45px;
    height: 24px;
    margin-top: -12px
}

.pitbar .eq00 {
    background-position: 0 0
}

.pitbar .eq01 {
    background-position: -45px 0
}

.pitbar .eq02 {
    background-position: -90px 0
}

.pitbar .eq03 {
    background-position: -135px 0
}

.nav-user {
    padding: 0 12px;
    position: relative;
    z-index: 20;
    width: 520px
}

.nav-user ul {
    overflow: visible
}

.nav-user li {
    float: left
}

.pitbar.col-left a:nth-child(1),
.pitbar.col-left a:nth-child(2) {
    display: none
}

.nav-user>ul>li:nth-child(1) {
    display: inline-block !important;
    position: relative
}

.nav-user>ul>li:nth-child(2),
.nav-user>ul>li:nth-child(3) {
    display: none
}

.nav-user>ul>li:last-child {
    float: right
}

.nav-user>ul>li:last-child a {
    color: #666;
    text-shadow: none;
    cursor: default;
    background-color: transparent;
    padding: 20px 30px;
    font-weight: 300
}

.nav-user>ul>li:last-child a span {
    color: #ff87b5;
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: -3px;
    margin-left: 2px;
    vertical-align: middle;
    font-weight: 700
}

.nav-user>ul>li:last-child a .ico {
    background-position: -415px -320px
}

.nav-user>ul>li .submenu {
    position: absolute;
    bottom: -70px;
    left: 50%;
    width: 170px;
    height: 90px;
    text-align: center;
    background-color: #ff87b5;
    padding: 5px;
    border-radius: 17px;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.nav-user>ul>li:nth-child(1):hover .submenu {
    bottom: -100px;
    visibility: visible;
    opacity: 1
}

.nav-user>ul>li .submenu::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #ff87b5 transparent
}

.nav-user>ul>li .submenu ul {
    border: 1px dashed #fff;
    box-sizing: border-box;
    border-radius: 17px;
    padding: 0 5px
}

.nav-user>ul>li .submenu li {
    display: block;
    float: none;
    border-bottom: 1px solid #fff
}

.nav-user>ul>li .submenu li:last-child {
    border-bottom: 0
}

.nav-user>ul>li .submenu li a {
    padding: 9px 0 8px;
    color: #fff;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
    height: auto
}

.nav-user>ul>li .submenu li a:hover {
    opacity: .75
}

.nav-user a {
    font-size: 14px;
    height: 14px;
    color: #7ec142;
    text-shadow: 1px 0 0 #fff;
    position: relative;
    display: block;
    padding: 21px 10px 21px 24px;
    font-weight: 700
}

.nav-user a:hover {
    color: #72af3a;
    text-shadow: none
}

.nav-user .ico {
    position: absolute;
    left: 0;
    top: 50%;
    width: 22px;
    height: 24px;
    margin-top: -12px
}

.nav-user .eq00 {
    background-position: -180px 0
}

.nav-user .eq01 {
    background-position: -202px 0
}

.bt-lista {
    padding: 0 15px 33px;
    margin: 5px 0 0 28px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/bg-6.png) repeat-y center center
}

.bt-lista div {
    width: 250px;
    border-radius: 30px;
    background: #8cc8e3;
    box-shadow: 2px 2px 6px #bbb;
    padding: 2px
}

.bt-lista a {
    display: block;
    font-family: 'bold', sans-serif;
    border-radius: 30px;
    border: 1px dashed #fff;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-size: 17px;
    height: 18px;
    text-align: center;
    padding: 23px 0;
    text-indent: 30px;
    transition: all .3s ease
}

.bt-lista a:hover {
    background: #40a5d0
}

.bt-lista .ico,
.bt-fraldas .ico,
.bt-filtrar .ico {
    position: absolute;
    width: 38px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    left: 24px
}

.bt-lista .ico {
    background-position: -224px 0
}

.bt-fraldas .ico,
.bt-filtrar .ico {
    background-position: -320px -230px
}

.bt-fraldas .active .ico,
.bt-filtrar .active .ico {
    background-position: -358px -230px
}

.search {
    padding: 7px 0 35px
}

fieldset.busca select,
legend,
.search label {
    display: none
}

.search fieldset.busca {
    position: relative;
    display: block;
    background: #fff;
    width: 374px;
    border: 1px solid #9C3;
    border-radius: 30px
}

.search .fulltext-search-box {
    font-size: 13px;
    height: 64px;
    display: block;
    vertical-align: baseline;
    padding: 0 80px 0 44px;
    color: #999;
    width: 100%;
    border: 0;
    background: transparent
}

.search .fulltext-search-box:focus {
    color: #000
}

.search .btn-buscar {
    border: 0;
    cursor: pointer;
    width: 80px;
    height: 64px;
    font-size: 0;
    text-indent: -9999px;
    background: transparent url(https://fraldasdipano.vteximg.com.br/arquivos/img-common-6.png?v=21213) no-repeat 0 -24px;
    position: absolute;
    right: 0;
    top: 0
}

.search .btn-buscar:hover {
    background-position: -80px -24px
}

.ui-autocomplete {
    background: #fff;
    width: 374px !important;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-radius: 20px
}

.ui-autocomplete img {
    margin-right: 6px;
    vertical-align: middle;
    float: left
}

.ui-autocomplete {
    z-index: 999 !important
}

.ui-autocomplete a {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    padding: 10px 5px;
    font-size: 15px;
    color: #999;
    overflow: hidden;
    display: block
}

.ui-autocomplete a:hover,
.ui-autocomplete .ui-state-hover {
    background: #eafdff none repeat scroll 0 0;
    color: #390;
    transition: all .3s ease;
    padding-left: 10px
}

.resume-cart .amount-items-in-cart,
.amount-items-in-cart li,
.amount-items-in-cart li.amount-items strong,
.cartInfoWrapper span.title {
    display: none !important
}

.mini-cart {
    position: absolute;
    right: 0;
    top: -180px;
    width: 240px;
    height: 180px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/bg-7.png) no-repeat;
    z-index: 19;
    opacity: 0
}

.mini-cart a.sub-open {
    position: relative;
    font-family: 'regular', sans-serif;
    color: #5fb8e2;
    font-size: 16px;
    padding: 74px 0 88px 86px;
    display: block
}

.mini-cart a.sub-open .ico {
    position: absolute;
    width: 39px;
    height: 37px;
    background-position: -262px 0;
    left: 70px;
    top: 96px
}

.amount-items-in-cart li.amount-items {
    display: block !important;
    position: absolute;
    color: #5fb8e2;
    font-size: 30px;
    top: 96px;
    padding: 4px 0;
    left: 115px;
    font-family: "bold", sans-serif
}

.amount-items-in-cart li.amount-items span {
    font-size: 16px;
    font-family: "regular", sans-serif
}

.resume-cart {
    right: 0;
    z-index: 20;
    width: 620px;
    background: #a1d1e7;
    border-radius: 15px;
    overflow: hidden
}

.vtexsc-wrap {
    max-height: 258px;
    overflow: auto;
    padding: 10px;
    margin: 10px
}

.vtexsc-wrap::-webkit-scrollbar {
    width: 10px
}

.vtexsc-wrap::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 10px
}

.vtexsc-wrap::-webkit-scrollbar-thumb {
    background-color: #a0d1e8;
    border-radius: 10px
}

.vtexsc-cart {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    display: block !important
}

.vtexsc-cart table.vtexsc-productList {
    width: 100%
}

.vtexsc-cart .vtexsc-wrap th {
    font-weight: 400;
    padding: 10px 1%;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff
}

.vtexsc-cart .vtexsc-wrap td {
    padding: 10px 1%;
    font-size: 13px;
    border-top: 5px solid #a1d1e7;
    border-bottom: 5px solid #a1d1e7;
    background: #fff;
    color: #666
}

.vtexsc-cart td.cartSkuImage {
    width: 14%;
    text-align: center
}

.vtexsc-cart td.cartSkuImage img {
    width: 90%;
    height: auto
}

.vtexsc-cart td.cartSkuName {
    width: 38%
}

.vtexsc-cart td.cartSkuName a {
    color: #666;
    font-size: 15px
}

.vtexsc-cart td.cartSkuName h4 {
    font-weight: 400
}

.vtexsc-cart td.cartSkuPrice {
    width: 18%;
    font-size: 18px;
    color: #390;
    font-family: "bold", sans-serif
}

.vtexsc-cart td.cartSkuQuantity {
    width: 8%
}

.vtexsc-cart .cartSkuQuantity {
    text-align: center
}

.vtexsc-cart td.cartSkuActions {
    width: 8%;
    text-align: center
}

.vtexsc-cart span.cartSkuRemove a {
    display: block !important;
    margin: 0 auto;
    width: 13px;
    height: 13px;
    text-indent: -999px;
    color: #fff;
    font-size: 0;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/iconRemove.gif) no-repeat
}

.cartFooter {
    overflow: hidden;
    padding: 20px;
    border-top: 1px dashed #fff;
    background: #a1d1e7;
    border-radius: 0 0 15px 15px;
    box-shadow: -1px 0 6px #7cbede
}

.cartTotal {
    color: #fff;
    font-size: 13px;
    float: left;
    margin-left: 10px;
    text-transform: uppercase;
    height: 24px;
    padding: 13px 0
}

.vtexsc-totalCart {
    font-size: 25px;
    display: inline-block;
    padding-left: 4px;
    font-family: "bold", sans-serif
}

.cartFooter a.cartCheckout {
    display: block;
    float: right;
    width: 220px;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    background: #9C3;
    text-transform: uppercase;
    font-size: 18px;
    height: 18px;
    border-radius: 20px;
    transition: all .3s ease;
    font-family: 'bold', sans-serif;
    box-shadow: 0 0 0 4px #9C3;
    border: 1px dashed #fff
}

.cartFooter a.cartCheckout:hover {
    background: #729625
}

.mini-cart-vazio {
    color: #5fb8e2;
    border: 2px dashed #5fb8e2;
    background: #eafdff;
    text-align: center;
    padding: 25px;
    font-size: 20px;
    font-family: "bold", sans-serif
}

#nav-store ul.nivel-0 {
    display: block
}

#nav-store li.nivel-1 {
    float: left;
    width: 11.111111111111%;
    position: relative;
    border-radius: 30px 30px 0 0;
    padding: 6px 6px 0 6px;
    top: -6px;
    margin-bottom: -6px
}

#nav-store li.nivel-1 a.sub-open {
    display: block;
    color: #fff;
    text-align: center;
    padding: 46px 0 0;
    height: 44px;
    border-radius: 30px 30px 0 0;
    line-height: 1.2;
    position: relative;
    border: 1px solid #9C3;
    border-bottom: none !important
}

#nav-store li.nivel-1 a.sub-open.one {
    padding: 56px 0 0;
    height: 34px
}

#nav-store li.nivel-1:hover {
    background: #a4da37
}

#nav-store li.nivel-1 a.sub-open:hover,
#nav-store li.nivel-1:hover a.sub-open {
    border: 1px dashed #fff
}

#nav-store li.nivel-1 a.sub-open.click-close {
    background: #a4da37;
    box-shadow: 0 0 0 4px #a4da37;
    border: 1px dashed #fff !important;
    border-bottom: none !important
}

#nav-store li.nivel-1 .ico {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -23px;
    width: 46px;
    height: 36px
}

#nav-store li.nivel-1 .eq00 {
    background-position: 0 -88px
}

#nav-store li.nivel-1 .eq01 {
    background-position: -46px -88px
}

#nav-store li.nivel-1 .eq02 {
    background-position: -92px -88px
}

#nav-store li.nivel-1 .eq03 {
    background-position: -138px -88px
}

#nav-store li.nivel-1 .eq04 {
    background-position: -184px -88px
}

#nav-store li.nivel-1 .eq05 {
    background-position: -230px -88px
}

#nav-store li.nivel-1 .eq06 {
    background-position: -276px -88px
}

#nav-store li.nivel-1 .eq07 {
    background-position: -322px -88px
}

#nav-store li.nivel-1 .eq08 {
    background-position: -368px -88px
}

#nav-store .canto {
    position: absolute;
    bottom: -20px;
    width: 10px;
    height: 20px
}

#nav-store .canto.eq00 {
    left: 0;
    background-position: -262px -48px
}

#nav-store .canto.eq01 {
    right: 0;
    background-position: -272px -48px
}

.nivel-2 {
    position: absolute;
    background: #fff;
    padding: 6px;
    border-radius: 0 0 30px 30px;
    box-shadow: 1px 1px 4px #ccc
}

.al-left .nivel-2 {
    left: 0
}

.al-right .nivel-2 {
    right: 0
}

.nivel-2 .tap {
    position: absolute;
    height: 10px;
    width: 130px;
    background: #fff;
    top: 0
}

.al-left .tap {
    border-left: 1px dashed #9C3;
    left: 6px
}

.al-right .tap {
    border-right: 1px dashed #9C3;
    right: 6px
}

.nivel-3 {
    overflow: hidden;
    width: 520px;
    border-radius: 0 0 30px 30px;
    border: 1px dashed #9c3
}

.nivel-3 ul {
    padding: 30px
}

.nivel-3 li.title {
    color: #666;
    font-size: 18px;
    height: 36px;
    text-transform: uppercase;
    padding: 0 0 20px;
    background: 0;
    font-family: "bold", sans-serif
}

.nivel-3 li.title a {
    font-size: 15px
}

.nivel-3 li {
    padding: 15px 0 15px 20px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/sep1.png) no-repeat left center
}

.nivel-3 a {
    color: #666;
    font-size: 15px
}

.nivel-3 a:hover {
    color: #fb83b0
}

.bt-fraldas,
.bt-filtrar {
    padding: 2px 0;
    display: none
}

.bt-fraldas,
.bt-fraldas a {
    background: #9C3
}

.bt-filtrar,
.bt-filtrar a {
    background: #fd85b2
}

.bt-fraldas .dash,
.bt-filtrar .dash {
    display: block;
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
    font-family: 'bold', sans-serif;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-size: 17px;
    height: 18px;
    text-align: center;
    padding: 23px 0;
    transition: all .3s ease
}

.bt-fraldas .dash:hover {
    background: #729625
}

.bt-filtrar .dash:hover {
    background: #e9437d
}

.bt-fraldas .dash.active {
    background: #729625 !important
}

.bt-filtrar .dash.active {
    background: #e9437d !important
}

.banner.posicao1 {
    padding-bottom: 10px
}

.banner img {
    width: 100%;
    height: auto;
    display: block
}

.cycle-slideshow {
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 8
}

.cycle-slideshow a,
.cycle-slideshow li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    display: block
}

.cycle-slideshow a:first-child,
.cycle-slideshow li:first-child {
    position: static;
    z-index: 100
}

.cycle-prev,
.cycle-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    z-index: 1000;
    transition: all .3s ease;
    font-size: 0;
    text-indent: -9999px;
    background: #8cc8e3 url(https://fraldasdipano.vteximg.com.br/arquivos/setas-banner.png) no-repeat;
    transition: all .3s ease;
    border-radius: 50%;
    border: 1px dashed #fff;
    box-shadow: 0 0 0 4px #8cc8e3
}

.cycle-prev {
    left: 10px;
    background-position: 0 0
}

.cycle-next {
    right: 10px;
    background-position: 0 -40px
}

.cycle-prev:hover {
    left: 10px;
    background-position: -40px 0
}

.cycle-next:hover {
    right: 10px;
    background-position: -40px -40px
}

.cycle-pager {
    width: 90%;
    padding: 0 5%;
    z-index: 500;
    position: absolute;
    overflow: hidden;
    bottom: 15px;
    text-align: center
}

.cycle-pager span {
    font-family: arial;
    font-size: 40px;
    width: 23px;
    height: 20px;
    display: inline-block;
    color: #fff;
    cursor: pointer
}

.cycle-pager span.cycle-pager-active {
    color: #8cc8e3
}

.content-custom h1 {
    font-size: 1.9rem
}

.banner.posicao2 h2,
body.home .list-prod h2 {
    text-align: center;
    color: #9c3;
    font-weight: 400;
    padding: 15px 0;
    font-family: 'bold', sans-serif;
    font-size: 30px
}

.banner.posicao2 h2 a,
body.home .list-prod h2 a {
    color: inherit
}

.banner.posicao2 .box-banner {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px
}

.banner.posicao2 .group-2 .box-banner {
    width: 49%
}

.banner.posicao2 .group-2 .box-banner:last-child {
    margin-right: 0;
    text-align: right;
    float: right;
    height: 343px;
    max-height: 343px;
    border-radius: 15px;
    overflow: hidden
}

.group-3 .box-banner {
    width: 33.33333%
}

.group-3 .box-banner a {
    box-shadow: 0 0 6px #ccc;
    display: block;
    border-radius: 8px;
    padding: 4px;
    transition: all .3s ease
}

.group-3 .box-banner a:hover {
    box-shadow: none
}

.group-3 .box-banner .dash {
    border: 1px dashed #9C3;
    color: #9C3;
    text-align: center;
    display: block;
    border-radius: 8px;
    padding: 4px
}

.group-3 .box-banner h3 {
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'bold', sans-serif;
    border-top: 1px dashed #9C3;
    padding: 8px 0 3px;
    font-size: 25px
}

.group-3 .box-banner p {
    font-size: 16px;
    padding: 3px 0 8px
}

.nav-home {
    overflow: hidden;
    padding: 5px 0 25px
}

.nav-home ul {
    overflow: hidden
}

.nav-home li {
    padding: 10px
}

.nav-home li a {
    border-radius: 10px;
    display: block;
    padding: 90px 8px 0;
    height: 106px;
    text-align: center;
    border: 1px dashed #009fda;
    background: #fff;
    position: relative;
    cursor: default
}

.nav-home li a:hover {
    background: #effafe
}

.nav-home li strong {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 22px;
    color: #6cf;
    font-family: "bold", sans-serif
}

.nav-home li p {
    font-size: 15px;
    color: #bbb;
    padding-top: 8px;
    font-family: "regular", sans-serif
}

.nav-home li .ico {
    position: absolute;
    width: 68px;
    height: 55px;
    left: 50%;
    margin-left: -34px;
    top: 26px
}

.nav-home .eq00 {
    background-position: 0 -124px
}

.nav-home .eq01 {
    background-position: -68px -124px
}

.nav-home .eq02 {
    background-position: -136px -124px
}

.nav-home .eq03 {
    background-position: -204px -124px
}

#calculadora {
    margin: 90px 0;
    padding: 40px 0 0;
    background: #fcfcfe url(https://fraldasdipano.vteximg.com.br/arquivos/bg-8.jpg) no-repeat center top;
    border-top: 1px dashed #8acae3;
    border-bottom: 1px dashed #8acae3;
    color: #fd85b2
}

#calculadora .tpl-1 {
    min-height: 424px
}

#calculadora.load .tpl-1 {
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/gt-load.gif) no-repeat center center
}

#calculadora h2,
#listasHome h2 {
    text-align: center;
    padding: 84px 0 10px;
    position: relative;
    font-weight: 400;
    font-size: 50px;
    font-family: "bold", sans-serif
}

#calculadora h2 .ico {
    position: absolute;
    top: 0;
    left: 50%;
    width: 51px;
    height: 51px;
    margin-left: -25px;
    background-position: -162px -25px
}

#calculadora h2+p,
#listasHome h2+p {
    text-align: center;
    font-size: 20px;
    line-height: 1.2;
    text-shadow: 1px 1px 0 #fff
}

.calculadora {
    padding: 40px 0 0;
    margin: 0 auto;
    width: 380px;
    overflow: hidden
}

.calculadora #quantidade {
    font-size: 15px;
    height: 64px;
    display: block;
    vertical-align: baseline;
    padding: 0 30px;
    color: #666;
    width: 240px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 30px
}

.calculadora .dash {
    border-radius: 30px;
    background: #8fc8e5;
    padding: 4px
}

.calculadora .bt-calcular {
    border-radius: 30px;
    border: 0;
    height: 56px;
    width: 120px;
    cursor: pointer;
    background: #8fc8e5;
    border: 1px dashed #fff;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    transition: all .3s ease;
    font-family: "bold", sans-serif
}

.calculadora .bt-calcular:hover {
    background: #63b4da
}

#calculadora .result {
    text-align: center;
    display: none
}

.error-qtd {
    display: none;
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
    color: #9fcf40
}

#calculadora {
    background-size: cover
}

.calculadora-v2__help {
    background: #f4f4f4;
    color: #fc81af;
    width: 15px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: 25px;
    top: 18px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    padding: 2px;
    font-family: "bold", sans-serif
}

.calculadora-v2__help:hover+.calculadora-v2__info {
    display: block
}

.calculadora-v2__helpwrap {
    border: 1px dashed #fd85b2;
    border-radius: 50%;
    padding: 0;
    width: 13px;
    height: 13px;
    display: block;
    font-size: 11px
}

.calculadora-v2__info {
    display: none;
    background: #fd8cb7;
    color: #fff;
    position: absolute;
    width: 195px;
    border-radius: 20px;
    padding: 10px;
    font-size: 20px;
    top: 0;
    right: -245px;
    line-height: 26px;
    text-transform: uppercase;
    font-family: "bold", sans-serif;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .3)
}

.calculadora-v2__info.-erro {
    background: #9C3
}

.calculadora-v2__infowrap {
    border: 3px dashed #fff;
    border-radius: 20px;
    padding: 10px 20px
}

.calculadora-v2__device {
    position: relative;
    background: #8fc8e5;
    border-radius: 20px;
    padding: 10px;
    width: 485px;
    margin: 50px auto;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.calculadora-v2__devicewrap {
    border: 2.5px dashed #e0eef7;
    border-radius: 20px;
    padding: 14px
}

.calculadora-v2__teclado {
    margin: 25px auto 0;
    text-align: center
}

.calculadora-v2__qtd {
    background: #f4f4f4;
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    border-radius: 13px;
    font-family: "bold", sans-serif;
    color: #fd85b2;
    height: 74px;
    padding-top: 16px;
    box-sizing: border-box;
    border: 0;
    margin-top: 17px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .3)
}

.calculadora-v2__qtd.-number {
    line-height: 45px;
    font-size: 45px
}

.calculadora-v2__qtd::-webkit-input-placeholder {
    color: #fab0c9
}

.calculadora-v2__qtd::-moz-placeholder {
    color: #fab0c9
}

.calculadora-v2__qtd:-ms-input-placeholder {
    color: #fab0c9
}

.calculadora-v2__qtd:-moz-placeholder {
    color: #fab0c9
}

.calculadora-v2__tecla {
    background: #f4f4f4;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 40px;
    margin-right: 15px;
    margin-bottom: 15px;
    display: inline-block;
    border-radius: 15px;
    cursor: pointer;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .3);
    font-family: "bold", sans-serif;
}

.calculadora-v2__tecla:nth-child(6n) {
    margin-right: 0
}

.calculadora-v2__tecla:active {
    box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, .7)
}

.calculadora-v2__tecla.-calcular,
.calculadora-v2__tecla.-limpar {
    border-radius: 10px;
    margin-right: 0;
    font-size: 26px;
    width: 27%;
    vertical-align: bottom
}

.result p.title {
    font-size: 25px;
    color: #fb86b2;
    font-family: "regular", sans-serif
}

.comparacao {
    padding: 30px 0 0;
    position: relative
}

.comparacao .numeros {
    width: 620px;
    margin: 0 auto;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/icon-vezes.png) no-repeat center center
}

.comparacao p {
    font-size: 34px;
    padding-bottom: 16px;
    font-family: "bold", sans-serif
}

.comparacao p span {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-family: "regular", sans-serif
}

.comparacao .ico {
    position: absolute;
    width: 25px;
    height: 27px;
    top: 50%;
    left: 50%
}

.comparacao .qtd-descartavel {
    color: #6a8591
}

.comparacao .qtd-dipano {
    color: #7abf42
}

.comparacao .saiba-mais {
    padding: 25px 0 0
}

.comparacao .saiba-mais a {
    font-size: 19px;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    padding: 4px;
    border-radius: 20px;
    background: #8cc8e3;
    width: 200px;
    text-align: center
}

.comparacao .saiba-mais a .dash {
    display: block;
    background: #8fc8e5;
    border: 1px dashed #fff;
    padding: 11px 0;
    border-radius: 20px;
    transition: all .3s ease;
    font-family: "regular", sans-serif
}

.comparacao .saiba-mais a .dash:hover {
    background: #63b4da
}

.comparacao .saiba-mais a.recalcular {
    background: #9C3;
    margin-right: 10px
}

.comparacao .saiba-mais a.recalcular .dash {
    background: #9C3
}

.comparacao .saiba-mais a.recalcular .dash:hover {
    background: #a4da37
}

.comparacao .saiba-mais p {
    font-size: 12px;
    color: #999;
    padding-top: 25px;
    font-family: Arial, sans-serif
}

#listasHome {
    margin: 20px 0 70px;
    padding: 90px 0 40px;
    background: #fff url(https://fraldasdipano.vteximg.com.br/arquivos/bg-9.jpg) no-repeat center top;
    border-top: 1px dashed #f36a9e;
    border-bottom: 1px dashed #f36a9e;
    color: #8cc8e3
}

#listasHome h2 {
    padding-top: 50px
}

#listasHome h2 .ico {
    position: absolute;
    top: 0;
    left: 50%;
    width: 38px;
    height: 32px;
    margin-left: -19px;
    background-position: -224px 0
}

#listasHome .action-list {
    padding: 25px 0;
    overflow: hidden;
    margin: 0 auto;
    width: 620px
}

#listasHome .action-list a {
    display: block;
    padding: 4px;
    border-radius: 30px;
    background: #8cc8e3;
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 48%
}

#listasHome .action-list .dash {
    display: block;
    background: #8fc8e5;
    border: 1px dashed #fff;
    padding: 20px 0;
    border-radius: 30px;
    transition: all .3s ease;
    font-family: "bold", sans-serif
}

#listasHome .action-list .dash:hover {
    background: #63b4da
}

.advantage-list {
    text-align: center;
    padding-top: 60px
}

.advantage-list li {
    display: inline-block;
    padding: 0 15px 0 25px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/sep2.png) no-repeat left center;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "bold", sans-serif
}

.advantage-list li.first {
    background: 0;
    padding-left: 15px
}

.collection .list-prod {
    position: relative
}

.list-prod ul,
.list-prod li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.products .list-prod li {
    width: 33.33333%
}

.products .list-prod li img.basehover {
    display: none !important
}

.list-prod li {
    float: left;
    width: 25%;
    position: relative;
    padding: 5px
}

.list-prod li .ct {
    border-radius: 8px;
    background: #fff;
    margin: 5px;
    position: relative
}

.list-prod li:hover .ct {
    box-shadow: 0 0 6px #ccc;
    z-index: 19
}

.list-prod .product-img {
    padding: 8px 4px
}

.list-prod .product-img img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.list-prod .product-info {
    padding: 8px 25px;
    letter-spacing: -.5px;
    height: 258px
}

.list-prod h3 {
    font-weight: 400;
    font-size: 17px;
    line-height: 1.1;
    padding-bottom: 18px
}

.list-prod h3 a {
    color: #666;
    font-family: "bold", sans-serif
}

.list-prod .short-description {
    font-size: 15px;
    color: #666;
    line-height: 1.1;
    padding-bottom: 16px;
    height: 50px;
    overflow: hidden
}

.list-prod .product-price {
    color: #666;
    font-size: 15px;
    letter-spacing: -1px;
    padding-bottom: 18px
}

.list-prod .product-price em {
    color: #390
}

.list-prod .product-price b {
    font-weight: 400
}

.list-prod .regular-price {
    display: inline-block;
    padding-right: 8px
}

.list-prod .regular-price em {
    text-decoration: line-through
}

.list-prod .regular-price+.best-price b {
    display: none
}

.list-prod .best-price strong {
    font-size: 21px;
    font-family: 'bold', sans-serif;
    font-weight: 400;
    color: #390
}

.list-prod .installment-price {
    display: block;
    padding-top: 3px;
    color: #390
}

.list-prod .installment-price strong {
    font-weight: 400
}

.product-action {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
    display: none
}

.product-action a {
    display: block;
    padding: 3px;
    border-radius: 30px;
    margin: 5px 15px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-size: 14px;
    text-align: center
}

.product-action a .ico {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 25px;
    width: 38px;
    height: 32px
}

.product-action .dash {
    display: block;
    border: 1px dashed #fff;
    border-radius: 30px;
    transition: all .3s ease;
    font-family: 'bold', sans-serif
}

.product-action a em {
    font-size: 12px;
    letter-spacing: -.5px
}

.product-action a.add-list {
    background: #8cc8e3
}

.product-action a.add-list .dash {
    background: #8cc8e3 url(https://fraldasdipano.vteximg.com.br/arquivos/bg-add-lista-2.png) no-repeat 6px center;
    padding: 7px 0
}

.product-action a.add-list .dash:hover {
    background-color: #63b4da
}

.product-action a.add-list .gt-add-list .dash {
    padding-left: 22px
}

.product-action a.add-cart {
    background: #9C3
}

.product-action a.add-cart .dash {
    background: #9C3;
    font-size: 16px;
    padding: 6px 0
}

.product-action a.add-cart .dash:hover {
    background: #769c27
}

.product-action a.esgotado {
    background: #fb86b2
}

.product-action a.esgotado .dash {
    background: #fb86b2;
    font-size: 16px;
    padding: 6px 0
}

.product-action a.esgotado .dash:hover {
    background-color: #f82172
}

.atingido .product-action .add-cart,
.product-action .comprado {
    display: none
}

.atingido .product-action {
    display: block !important;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .6)
}

.atingido .product-action .comprado {
    display: block;
    position: absolute;
    top: 50%;
    background: #fff;
    text-align: center;
    width: 80%;
    left: 10%;
    border-radius: 30px;
    color: #999;
    font-size: 12px;
    font-family: Arial, sans-serif;
    padding: 18px 0
}

.list-prod li:hover .product-action {
    display: block
}

.product-versus {
    overflow: hidden;
    margin: 23px 3px 5px
}

.product-versus span {
    display: block;
    width: 48%;
    margin: 0 1%;
    text-align: center;
    padding: 13px 0;
    background: #f9f8e5;
    font-size: 12px;
    float: left
}

.product-versus span b {
    font-size: 16px
}

.product-versus .desejados {
    color: #fb86b2
}

.product-versus .comprados {
    color: #9c3
}

.flags-colecao,
.flags-desconto {
    position: absolute;
    display: none
}

.flags-desconto.show_flag {
    display: block;
    color: #fff;
    font-family: 'bold', sans-serif;
    font-size: 16px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/bg-flag-desconto.png) no-repeat;
    letter-spacing: -.5px;
    width: 59px;
    text-align: center;
    padding: 6px 0 12px;
    top: 20px;
    left: -8px
}

.flags-desconto.show_flag:after {
    content: " off"
}

.flags-colecao.show_flag {
    display: block;
    right: 0;
    top: -11px
}

.flags-colecao.show_flag p {
    width: 74px;
    height: 74px;
    background-image: url(https://fraldasdipano.vteximg.com.br/arquivos/bg-flags-2.png);
    background-repeat: no-repeat;
    font-size: 0;
    text-indent: -99999px
}

.flags-colecao p.novidade {
    background-position: 0 0
}

.flags-colecao p.noturna {
    background-position: 0 -296px
}

.flags-colecao p.minky {
    background-position: 0 -222px
}

.flags-colecao p.especial {
    background-position: 0 -148px
}

.flags-colecao p.outlet {
    background-position: 0 -74px
}

.flags-colecao p.start-kit {
    background-position: 0 -370px
}

.flags-colecao p.mesh {
    background-position: 0 -444px
}

.flags-colecao.show_flag p+p,
.flag_0 {
    display: none !important
}

.slider {
    position: relative;
    padding: 0;
    overflow: hidden
}

.slider ul {
    position: absolute
}

.list-prod .arrow,
.photos .arrow,
.arrow {
    width: 57px;
    height: 57px;
    position: absolute;
    z-index: 30
}

.list-prod .arrow,
.arrow {
    top: 0
}

.photos .arrow {
    top: 50%;
    margin-top: -26px;
    display: none
}

.photos:hover .arrow {
    display: block
}

.list-prod .slider-next,
.photos .slider-next,
.fotos:hover .slider-next {
    right: 10px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/arrow-next.png) no-repeat center center
}

.list-prod .slider-previous,
.photos .slider-previous,
.fotos:hover .slider-previous {
    left: 10px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/arrow-previous.png) no-repeat center center
}

.fotos .arrow {
    top: calc(50% - 23px)
}

.group-0 .list-prod .arrow {
    top: 85px;
    width: 36px;
    height: 36px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/img-common-6.png?v=21213) no-repeat;
    top: 20px
}

.group-0 .list-prod .slider-previous {
    left: auto;
    right: 50px;
    background-position: -287px -180px
}

.group-0 .list-prod .slider-next {
    background-position: -323px -180px
}

.custom p a.c-phone {
    color: #5fb8e2;
    font-size: 34px;
    font-family: 'bold', sans-serif;
    text-decoration: none
}

.custom p a.c-phone .ddd {
    font-size: 24px;
    font-family: "regular", sans-serif
}

.custom p a.c-email {
    font-size: 14px;
    color: #5fb8e2;
    text-decoration: none
}

.c-mapa iframe {
    width: 100%
}

body.fale-conosco .content-custom .custom {
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/bg-contato.jpg) no-repeat right top
}

.sup-contato .col-left+.col-left {
    width: 280px;
    margin-left: 30px;
    padding-left: 30px;
    height: 400px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/sep-contato.gif) no-repeat left 90px
}

.sup-contato .col-left+.col-left h2 {
    padding-bottom: 0
}

#footer {
    padding: 50px 0;
    background: #f7fbfd url(https://fraldasdipano.vteximg.com.br/arquivos/bg-10.png) repeat-x left top
}

.footer .auto-atendimento {
    display: none
}

.footer h4 {
    text-transform: uppercase;
    color: #9c3;
    font-size: 20px;
    font-weight: 400;
    padding: 10px 0;
    line-height: 1.2;
    font-family: "bold", sans-serif
}

.footer .ft-contact h4,
.ft-contact {
    color: #5fb8e2
}

.footer .last {
    padding-bottom: 20px
}

.ft-contact p {
    line-height: 1.4;
    font-size: 16px;
    padding-right: 25px
}

.ft-contact p strong {
    font-weight: 400;
    font-family: "bold", sans-serif
}

.ft-contact p em {
    display: block;
    font-style: italic;
    padding-top: 15px
}

.ft-contact a.phone {
    color: #9c3;
    font-size: 34px;
    display: block;
    padding: 10px 0;
    font-family: "bold", sans-serif
}

.ft-contact a.phone .ddd {
    font-size: 24px;
    font-family: "regular", sans-serif
}

.ft-contact a.email {
    font-size: 14px;
    color: #5fb8e2
}

.ft-contact p.horario {
    font-size: 11px;
    padding: 10px 0 30px
}

.ft-contact a.mapa {
    display: block;
    width: 267px;
    height: 140px;
    overflow: hidden;
    margin: 10px 0;
    box-shadow: 0 0 4px #aaa
}

.ft-contact a.mapa img {
    display: block;
    transition: all .2s ease-in-out
}

.ft-contact a.mapa img:hover {
    transform: scale(1.1)
}

.nav-footer li {
    padding: 10px 0;
    font-size: 16px
}

.nav-footer {
    padding-bottom: 15px
}

.nav-footer a {
    color: #999
}

.nav-footer a:hover {
    color: #fb86b2
}

.social-share {
    overflow: hidden
}

.social-share li {
    float: left;
    text-align: left;
    margin-right: 21px;
    margin-bottom: 10px;
    margin-left: 3px
}

.social-share a {
    width: 77px;
    height: 79px
}

.social-share a:hover {
    -webkit-animation: spin .5s linear;
    -moz-animation: spin .5s linear;
    animation: spin .5s linear
}

.social-share .eq00 {
    background-position: 0 -179px
}

.social-share .eq01 {
    background-position: -77px -179px
}

.social-share .eq02 {
    background-position: -154px -179px
}

.social-share .eq03 {
    background-image: url(https://fraldasdipano.vteximg.com.br/arquivos/dipano_ico-insta.png);
    display: block !important;
    background-size: 100%
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.footer .ft-news {
    padding-bottom: 70px
}

.footer .ft-news h4 {
    font-size: 24px;
    padding-bottom: 8px
}

.newsletter h3,
.newsletter fieldset p {
    display: none
}

.newsletter-client-email,
.newsletter-client-name {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    height: 68px;
    border-radius: 40px;
    border: 1px solid #9C3;
    padding-left: 30px;
    font-size: 13px;
    color: #999;
    width: 100%;
    margin-bottom: 7px
}

.newsletter-client-email:focus,
.newsletter-client-name:focus {
    color: #333;
    background: #d3ebf6;
    border: 1px dashed #9C3
}

.newsletter-button-ok {
    border: 0;
    cursor: pointer;
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    height: 68px;
    border-radius: 40px;
    background: #9C3;
    transition: all .3s ease;
    width: 100%;
    font-family: "bold", sans-serif
}

.newsletter-button-ok:hover {
    background: #769c27
}

.newsletter fieldset.success {
    font-family: 'bold', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.1;
    color: #5fb8e2
}

.newsletter fieldset.error {
    font-family: 'bold', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.1;
    color: #f9488a
}

.newsletter .bt-voltar {
    height: 50px;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    border-radius: 30px;
    background: #8cc8e3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'bold', sans-serif;
    font-size: 16px;
    padding: 0 30px;
    margin-top: 10px
}

.newsletter .bt-voltar:hover {
    background: #63b4da
}

#informacoes-legais {
    background: #f7fbfd url(https://fraldasdipano.vteximg.com.br/arquivos/bg-11.png) repeat-x left bottom
}

#informacoes-legais h5 {
    font-weight: 400;
    color: #999;
    font-size: 11px;
    padding: 30px 0 10px;
    text-transform: uppercase
}

#informacoes-legais .selos {
    border-top: 1px dashed #9fcf40
}

.bandeiras {
    overflow: hidden
}

.bandeiras .ico {
    float: left;
    width: 60px;
    height: 38px;
    margin: 6px 6px 0 0
}

.bandeiras .eq00 {
    background-position: 0 -270px
}

.bandeiras .eq01 {
    background-position: -60px -270px
}

.bandeiras .eq02 {
    background-position: -120px -270px
}

.bandeiras .eq03 {
    background-position: -180px -270px
}

.bandeiras .eq04 {
    background-position: -240px -270px
}

.bandeiras .eq05 {
    background-position: -300px -270px
}

.bandeiras .eq06 {
    background-position: -360px -270px
}

.bandeiras .eq07 {
    background-position: -420px -270px
}

.powered-by {
    text-align: center;
    padding: 44px 0 0
}

.powered-by .ico {
    height: 26px;
    margin: 0 10px;
    display: inline-block
}

.powered-by .eq00 {
    background-position: -315px 0;
    width: 77px
}

.powered-by .eq01 {
    background-position: -392px 0;
    width: 112px
}

.copyright {
    padding: 40px 0 50px;
    text-align: center
}

.copyright p {
    font-size: 13px;
    line-height: 1.2;
    color: #666
}

#top-page {
    position: fixed;
    display: none;
    right: 0;
    width: 37px;
    height: 33px;
    top: 50%;
    margin-top: -17px;
    cursor: pointer;
    background-position: -467px -90px;
    z-index: 99
}

.bread-crumb {
    padding-left: 12px;
    min-height: 95px
}

.bread-crumb ul {
    overflow: hidden;
    display: none
}

.bread-crumb li {
    padding: 40px 35px 40px 0;
    margin-right: 15px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/sep-breadcrumb.png) no-repeat right center;
    float: left;
    font-size: 16px;
    color: #999
}

.bread-crumb li.last {
    padding: 37px 0;
    background: 0
}

.bread-crumb li a {
    color: #999
}

.bread-crumb li.last,
.bread-crumb li.last a,
.bread-crumb li strong {
    color: #9c3;
    font-weight: 400;
    font-family: 'bold', sans-serif;
    font-size: 22px;
    text-transform: capitalize
}

.bread-crumb li a:hover {
    color: #666
}

.custom {
    color: #666;
    padding: 0 0 40px 12px
}

.custom h2 {
    color: #9c3;
    font-weight: 400;
    padding: 15px 0;
    font-family: 'bold', sans-serif;
    font-size: 38px
}

.custom h3 {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-family: 'bold', sans-serif;
    color: #f793b7;
    padding: 15px 0;
    font-weight: 400
}

.custom p {
    padding: 15px 0;
    line-height: 1.2;
    font-size: 17px
}

.custom .last {
    padding-bottom: 40px !important
}

.custom p a {
    color: #8cc8e3;
    text-decoration: underline
}

.custom .img-custom {
    padding: 10px 0
}

.custom .img-legend {
    text-transform: uppercase;
    color: #666;
    font-size: 10px;
    display: block;
    padding: 5px 0 10px
}

.menu-custom {
    text-transform: uppercase;
    font-family: "bold", sans-serif
}

.menu-custom h3,
.left-nav .title {
    background: #9C3;
    padding: 4px;
    border-radius: 8px 8px 0 0;
    font-weight: 400
}

.menu-custom h3 a,
.left-nav .title .dash {
    display: block;
    position: relative;
    border: 1px dashed #fff;
    border-radius: 8px 8px 0 0;
    padding: 30px 0 30px 30px;
    color: #fff;
    font-size: 17px;
    transition: all .3s ease
}

.menu-custom h3 a:hover {
    background: #769c27
}

.menu-custom .ico {
    position: absolute;
    right: 20px;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    background-position: -298px -48px;
    transition: all .3s ease
}

.menu-custom .active .ico {
    background-position: -282px -48px
}

.nav-custom,
.left-nav .menu-departamento {
    border: 1px dashed #9C3;
    border-top: 0;
    border-radius: 0 0 8px 8px
}

.nav-custom {
    padding: 10px 32px 0
}

.nav-custom ul {
    display: block;
    padding-bottom: 30px
}

.nav-custom li {
    padding: 6px 0
}

.nav-custom a {
    display: block;
    padding: 6px 0 8px 24px;
    color: #8cc8e3;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/sep1.png) no-repeat left center;
    font-size: 16px
}

.nav-custom a:hover {
    color: #fb86b2
}

.nav-custom h4 {
    font-size: 17px;
    color: #9c3;
    font-weight: 400;
    padding: 6px 0
}

.contact-custom {
    padding: 32px;
    border: 1px dashed #9C3;
    border-radius: 8px;
    margin-top: 32px;
    line-height: 1.4
}

.contact-custom h3 {
    font-weight: 400;
    font-family: 'bold', sans-serif;
    color: #8cc8e3;
    font-size: 25px
}

.contact-custom p {
    font-size: 13px;
    color: #8cc8e3
}

.contact-custom .phone {
    font-family: 'bold', sans-serif;
    color: #9c3;
    font-size: 30px;
    display: block
}

.contact-custom .email {
    font-family: 'bold', sans-serif;
    color: #9c3;
    font-size: 17px
}

.contact-custom .horario {
    font-size: 12px;
    color: #999;
    padding-bottom: 5px
}

.contact-custom .fale {
    text-transform: uppercase;
    color: #8cc8e3;
    text-decoration: underline;
    font-size: 15px;
    font-family: "bold", sans-serif
}

.bt-help {
    display: block;
    float: right;
    padding: 14px 22px 14px 50px;
    position: relative;
    color: #fff;
    font-size: 18px;
    font-family: 'bold', sans-serif;
    background: #4c9a1a;
    border-radius: 30px;
    margin: 40px 0 12px
}

.bt-help:hover {
    background: #60bf20
}

.bt-help .ico {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    background-position: -484px -50px;
    left: 20px
}

#fotosEnviadas h2 {
    text-align: center;
    font-weight: 400;
    font-family: 'bold', sans-serif;
    font-size: 30px;
    color: #5fb8e2;
    padding: 40px 0 20px;
    background: #e0f0f7 url(https://fraldasdipano.vteximg.com.br/arquivos/bg12.png) repeat-x
}

#fotosEnviadas h2 a {
    color: #5fb8e2
}

#fotosEnviadas h2 a:hover {
    color: #62aa4f
}

#fotosEnviadas .photos {
    background: #d3ebf6;
    position: relative
}

#fotosEnviadas li {
    float: left;
    position: relative
}

#fotosEnviadas li:hover .insta-hover {
    opacity: .5;
    background-color: #000;
    position: absolute;
    z-index: 555;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    height: auto;
    display: block
}

#fotosEnviadas li:hover .insta-hover-texto {
    opacity: 1;
    color: #fff;
    z-index: 777;
    display: inline;
    position: absolute;
    width: 100%;
    top: calc(50% - 10px);
    left: 0
}

#fotosEnviadas li img {
    width: 100%;
    height: auto;
    display: block
}

#instafeed {
    background-image: linear-gradient(to bottom, #dceef6, #d3ebf6)
}

#instafeed .fotos {
    width: 100%;
    position: relative;
    margin: 0 auto
}

#fotosEnviadas .saiba-mais {
    background: #e0f0f7 url(https://fraldasdipano.vteximg.com.br/arquivos/bg12-2.png) repeat-x left bottom
}

#fotosEnviadas .saiba-mais,
.vitrines .saiba-mais {
    text-align: center;
    padding: 15px 0 40px
}

#fotosEnviadas .saiba-mais a,
.vitrines .saiba-mais a {
    font-family: 'regular', sans-serif;
    color: #fff;
    font-size: 18px;
    display: block;
    margin: 0 auto;
    padding: 2px;
    border-radius: 20px;
    background: #fd85b2;
    width: 430px
}

#fotosEnviadas .saiba-mais a .dash,
.vitrines .saiba-mais a .dash {
    border: 1px dashed #fff;
    border-radius: 20px;
    display: block;
    padding: 4px 0
}

#fotosEnviadas .saiba-mais a:hover,
.vitrines .saiba-mais a:hover {
    background: #fc3a83
}

.testimonials-wrapper {
    margin: 25px 0;
    border-top: dashed 3px #a8c959;
    border-bottom: dashed 3px #a8c959;
    min-height: 381px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/background-yourviews-testemonials.png) top left no-repeat transparent;
    background-size: cover
}

.testimonials-wrapper .titulo {
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #60a8c8;
    margin-top: 20px
}

.testimonials-wrapper .yv-bootstrap {
    background-color: initial;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: inline-block;
    margin: 20px 0
}

.testimonials-wrapper .yv-bootstrap * {
    box-shadow: none !important;
    border: solid 0 !important
}

.testimonials-wrapper .yv-bootstrap>div {
    margin-left: 90px
}

.testimonials-wrapper .yv-bootstrap>div:first-child {
    margin-left: 0
}

.testimonials-wrapper .yv-bootstrap .yv-author {
    margin-top: 2px;
    text-align: center;
    font-size: 15px !important;
    color: #60a8c8
}

.testimonials-wrapper .yv-bootstrap .yv-author * {
    color: inherit !important
}

.testimonials-wrapper .yv-bootstrap .yv-author .yv-img-circle {
    display: none !important
}

.testimonials-wrapper .yv-bootstrap .yv-viewmore-btn {
    color: #60a8c8 !important;
    padding-left: 4px !important;
}

.testimonials-wrapper .yv-bootstrap .yv-ratings .fa-shopping-cart,
.testimonials-wrapper .yv-bootstrap .yv-ratings .fa-truck,
.testimonials-wrapper .yv-bootstrap .yv-ratings .fa-support {
    font-size: 17px !important;
    vertical-align: middle !important;
    margin-right: 3px !important;
    color: #646464 !important
}

.testimonials-wrapper .yv-bootstrap .yv-comment {
    color: #646464 !important;
    margin-bottom: 3px
}

.yv-storereviews {
    padding: 20px;
    background-image: none !important
}

.yv-review-user .yv-reviewstore {
    display: none
}

.yv-review-user .yv-row>:nth-child(2) {
    padding-bottom: 5px;
    width: 75%
}

.testimonials-wrapper a.saiba-mais {
    text-align: center;
    display: block;
    font-size: 1.5rem;
    color: #ff86b5;
    padding-top: 0
}

.testimonials-wrapper a.saiba-mais:hover {
    text-decoration: none;
    color: #8cc8e3
}

.xp-faq .item {
    border-bottom: 1px dashed #9c3;
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: grid;
    grid-template-columns: auto 10%;
    grid-template-rows: auto auto;
    grid-template-areas: 'pergunta seta' 'resposta resposta'
}

.xp-faq .secao {
    color: #8cc8e3;
    font-size: 1.8rem;
    text-transform: initial;
    margin-top: 50px;
    margin-bottom: 20px
}

.xp-faq .item .pergunta {
    cursor: pointer;
    font-size: 1.1rem;
    text-transform: initial;
    grid-area: pergunta;
    color: #f793b7;
    padding: 15px 0
}

.xp-faq .item .fa-angle-down {
    color: #ccc;
    padding: 15px 0;
    cursor: pointer;
    grid-area: seta;
    text-align: right
}

.xp-faq .item .resposta {
    display: none;
    grid-area: resposta
}

.xp-faq .item.enable .fa-angle-down {
    transform: scaleY(-1)
}

.xp-faq .item.enable .resposta {
    display: initial
}

@media screen and (max-width:800px) {
    .xp-faq {
        width: 95%;
        margin: 0 auto
    }
    .testimonials-wrapper .yv-bootstrap>div {
        float: none !important;
        margin: 10px auto !important
    }
    .fotos .slider {
        margin-left: -800px !important
    }
}

body.depoimentos .tpl-ini {
    padding-top: 0;
    border-radius: 5px
}

.top-page {
    background: #fbf7f4 url(https://fraldasdipano.vteximg.com.br/arquivos/bg-depoimentos.jpg) no-repeat 50px top;
    height: 230px;
    padding: 5px;
    border-radius: 5px;
    text-align: center
}

.top-page h2 {
    font-size: 40px;
    font-weight: 400;
    font-family: 'bold', sans-serif;
    color: #fb86b2;
    padding: 46px 0 16px
}

.top-page p {
    font-size: 19px;
    color: #5fb8e2;
    line-height: 1.4
}

.top-page p a {
    color: #5fb8e2;
    font-family: 'bold', sans-serif;
    text-decoration: underline
}

.top-page p a:hover {
    color: #fb86b2;
    text-decoration: none
}

.top-page .dash {
    border-radius: 5px;
    display: block;
    height: 230px;
    border: 1px dashed #5fb8e2
}

.gallery-dpi ul {
    overflow: hidden;
    padding-bottom: 50px
}

.gallery-dpi li {
    padding: 10px;
    position: relative;
    display: none
}

.gallery-dpi li.exibe {
    display: list-item
}

.gallery-dpi .ver-mais {
    padding-bottom: 50px;
    text-align: center
}

.gallery-dpi .ver-mais a {
    border-radius: 30px;
    padding: 16px 0;
    text-align: center;
    display: inline-block;
    width: 160px;
    text-transform: uppercase;
    font-family: 'bold', sans-serif;
    font-size: 15px;
    color: #999;
    box-shadow: 0 1px 4px #999;
    background: #f2f2f2
}

.gallery-dpi .ver-mais a:hover {
    background: #ddd
}

.gallery-dpi li.active .capa {
    border: 2px dashed #9c3
}

.gallery-dpi li:hover .capa {
    opacity: .2
}

.gallery-dpi li:hover a {
    display: block
}

.gallery-dpi .capa {
    overflow: hidden;
    border-radius: 20px;
    border: 2px dashed #fb86b2
}

.gallery-dpi img {
    display: block;
    width: 100%;
    height: auto
}

.gallery-dpi .depoimento {
    display: none
}

.gallery-dpi li a {
    position: absolute;
    width: 160px;
    color: #9c3;
    border: 2px dashed #9c3;
    text-align: center;
    font-family: 'bold', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -80px;
    padding: 14px 0;
    height: 20px;
    border-radius: 30px;
    display: none;
    transition: all .3s ease
}

.gallery-dpi li a:hover {
    background: #9c3;
    color: #fff
}

.amp-capa {
    padding: 20px
}

.amp-capa img {
    height: 250px
}

.amp-depoimento .txt {
    font-size: 17px;
    color: #999;
    line-height: 1.3;
    padding: 0 30px;
    margin: 0 20px;
    height: 130px;
    overflow: auto
}

.amp-depoimento .txt::-webkit-scrollbar {
    width: 10px
}

.amp-depoimento .txt::-webkit-scrollbar-track {
    background-color: #ddd;
    border-radius: 10px
}

.amp-depoimento .txt::-webkit-scrollbar-thumb {
    background-color: #a0d1e8;
    border-radius: 10px
}

.amp-depoimento .quem {
    font-size: 14px;
    color: #999;
    padding: 18px
}

.jn-depoimento a.face {
    width: 47px;
    height: 48px;
    margin: 0 auto 15px;
    background-position: -240px -180px
}

.next-dpi,
.prev-dpi {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 160px
}

.prev-dpi {
    left: 30px;
    background-position: -287px -180px
}

.next-dpi {
    right: 30px;
    background-position: -323px -180px
}

.txt-como-enviar {
    padding: 30px 60px
}

.txt-como-enviar h3 {
    font-weight: 400;
    font-family: 'bold', sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    color: #fb86b2;
    padding-bottom: 10px
}

.txt-como-enviar p {
    padding: 6px 0;
    line-height: 1.2;
    color: #666;
    font-size: 14px
}

.txt-como-enviar p.end {
    font-family: 'bold', sans-serif;
    color: #7ec142;
    font-size: 20px
}

.txt-como-enviar p a {
    text-decoration: underline;
    color: #5fb8e2;
    font-family: "bold", sans-serif
}

.giftlist-print-wrapper {
    display: none !important
}

.list-products .searchResultsTime,
.orderBy label,
.list-products .pager.top,
.list-products .pager.bottom,
.list-products .filterBy,
.list-products .compare,
.vitrine+.searchResultsTime+.sub,
.search-multiple-navigator fieldset.filtro_marca {
    display: none !important
}

.product-action a.add-list .dash {
    padding: 8px 8px 8px 20px
}

.left-nav {
    padding-right: 20px
}

.left-nav .title {
    font-family: 'bold', sans-serif;
    text-transform: uppercase
}

.left-nav .menu-departamento {
    padding: 10px 0 50px 32px
}

.search-multiple-navigator h3,
.category-nav .menu-departamento h4,
.bt-refinar,
.menu-navegue,
.search-single-navigator {
    display: none !important
}

.category-nav {
    display: none
}

body.sh-l .category-nav {
    display: block
}

body.sh-l .list-prod .product-price {
    height: 90px
}

.search-multiple-navigator {
    display: block !important
}

.menu-departamento h5 {
    font-weight: 400;
    font-family: 'bold', sans-serif;
    color: #666;
    font-size: 18px;
    text-transform: uppercase;
    padding: 6px 0 6px 16px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/sep1.png) no-repeat left center
}

.menu-departamento fieldset {
    display: block;
    padding: 18px 0 12px
}

.menu-departamento label {
    display: block;
    letter-spacing: -.5px;
    position: relative;
    padding: 12px 0 12px 35px;
    font-size: 17px;
    color: #666;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/sep3.png) no-repeat 10px 10px;
    cursor: pointer
}

.menu-departamento label:hover {
    color: #5fb8e2
}

.menu-departamento label.sr_selected {
    background-position: 10px -30px
}

.menu-departamento fieldset.filtro_cor label {
    font-size: 0;
    display: block;
    text-indent: -9999px;
    float: left;
    width: 24px;
    height: 24px;
    margin: 8px 0 0 8px;
    border: 3px solid #ccc;
    border-radius: 50%;
    background: 0;
    padding: 0
}

.menu-departamento fieldset.filtro_cor label.sr_selected {
    border-color: #333
}

.menu-departamento label input {
    display: none
}

.menu-departamento fieldset.filtro_cor label.sr_selected {
    border-color: #666
}

.menu-departamento fieldset.filtro_cor label.sr_branca {
    background: #fff
}

.menu-departamento fieldset.filtro_cor label.sr_purpura {
    background: #b06fde
}

.menu-departamento fieldset.filtro_cor label.sr_rosa {
    background: #f693b6
}

.menu-departamento fieldset.filtro_cor label.sr_amarela {
    background: #fce235
}

.menu-departamento fieldset.filtro_cor label.sr_vanilla {
    background: #faf1b5
}

.menu-departamento fieldset.filtro_cor label.sr_verde {
    background: #8cb840
}

.menu-departamento fieldset.filtro_cor label.sr_kiwi {
    background: #b4e37d
}

.menu-departamento fieldset.filtro_cor label.sr_azul-clara {
    background: #a0dbdf
}

.menu-departamento fieldset.filtro_cor label.sr_azul {
    background: #a0dbdf
}

.menu-departamento fieldset.filtro_cor label.sr_vermelha {
    background: #f54d4d
}

.menu-departamento fieldset.filtro_cor label.sr_chocolate {
    background: #9d6e3b
}

.qtd-filter {
    display: inline-block;
    color: #999;
    padding-left: 5px
}

.list-products {
    position: relative
}

.resultado-busca-filtro select {
    padding: 20px;
    color: #bbb;
    border: 1px solid #ccc;
    font-size: 14px;
    border-radius: 6px;
    margin-right: 12px;
    position: absolute;
    right: 0;
    top: 18px
}

body.resultado-busca .search-single-navigator,
body.sh-l .search-single-navigator {
    display: block !important
}

body.resultado-busca .search-single-navigator h3,
body.sh-l .search-single-navigator h3 {
    font-weight: 400;
    padding: 20px 0 8px
}

body.resultado-busca .search-single-navigator h3 a,
body.sh-l .search-single-navigator h3 a {
    font-weight: 400;
    font-family: 'bold', sans-serif;
    color: #666;
    font-size: 16px;
    text-transform: uppercase;
    padding: 6px 0 6px 16px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/sep1.png) no-repeat left center
}

body.resultado-busca .search-single-navigator li,
body.resultado-busca .search-single-navigator h4,
body.sh-l .search-single-navigator li,
body.sh-l .search-single-navigator h4 {
    font-weight: 400;
    padding: 5px 0 5px 15px
}

body.resultado-busca .search-single-navigator li a,
body.resultado-busca .search-single-navigator h4 a,
body.sh-l .search-single-navigator li a,
body.sh-l .search-single-navigator h4 a {
    font-size: 15px;
    color: #666
}

body.resultado-busca .search-single-navigator a:hover,
body.sh-l .search-single-navigator a:hover {
    color: #5fb8e2 !important
}

.busca-vazio {
    display: none !important
}

#buscaVazia {
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/bg-busca-2.jpg) no-repeat;
    padding: 120px 0 400px 400px
}

#buscaVazia h1 {
    font-weight: 400;
    font-family: 'bold', sans-serif;
    color: #f693b6;
    font-size: 30px;
    padding: 0 0 18px
}

#buscaVazia h2 {
    color: #666;
    font-size: 16px;
    padding: 0 0 18px
}

#buscaVazia ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 20px
}

#buscaVazia ul li {
    font-size: 15px;
    padding-left: 15px;
    color: #666;
    margin-bottom: 10px;
    font-family: "regular", sans-serif
}

#buscaVazia li:before {
    content: ">";
    color: #f693b6;
    font-size: 16px;
    margin-right: 10px
}

#scrollLoading {
    padding: 15px;
    border: 1px dashed #ccc;
    border-radius: 6px;
    text-align: center;
    color: #999;
    clear: both
}

#scrollLoading+#scrollLoading {
    display: none
}

.productAdvantage h3 {
    font-size: 16px;
    color: #fff;
    padding: 14px 18px;
    background: #8cc8e3;
    border-radius: 8px 8px 0 0;
    font-weight: 400;
    font-family: "bold", sans-serif
}

.productAdvantage ul {
    border-radius: 0 0 8px 8px;
    border: 1px dashed #8cc8e3;
    padding-bottom: 14px;
    border-top: 0
}

.productAdvantage li {
    padding: 18px 0;
    margin: 0 18px;
    border-bottom: 1px solid #e1edf5;
    color: #5fb8e2;
    line-height: 1.3
}

.productAdvantage li.last {
    border: none !important
}

.productAdvantage li strong {
    font-weight: 400;
    font-size: 16px;
    font-family: "bold", sans-serif
}

.productAdvantage li p {
    font-size: 14px
}

.image-product #include {
    position: relative
}

.image-product #image img#image-main {
    width: 100%;
    height: auto
}

.image-product .thumbs {
    display: none;
}

.image-product .thumbs li {
    float:left;padding:5px;
}

.image-product p.info-amp { clear:both; text-align:unset; }

.zoomWrapper {
    width: 100% !important;
    height: 100% !important
}

.zoomWrapperImage {
    height: 100% !important
}

.zoomWindow {
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important
}

.zoomPad {
    position: relative
}

.zoomPup {
    filter: alpha(opacity=70);
    opacity: .7;
    background: #fff
}

.zoomWrapperImage {
    width: 100% !important;
    height: 100% !important
}

.zoomWrapperImage img {
    width: 1240px;
    height: 1240px
}

.zoomPreload {
    height: 30x;
    width: 30px;
    border-radius: 30px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/gt-load.gif) no-repeat center center;
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    margin-left: -15px;
    margin-top: -15px
}

.info-amp {
    text-align: center;
    font-size: 12px;
    color: #999;
    padding: 10px 0
}

.info-product {
    padding: 0 30px 0 50px;
    position: relative
}

.productName {
    font-size: 25px;
    color: #666;
    line-height: 1.2
}

.productReference {
    font-size: 14px;
    color: #999;
    padding: 10px 0
}

.productReference span {
    display: inline-block;
    padding-right: 10px
}

.evaluation-rate strong {
    display: none
}

.productPrice {
    padding: 20px 0
}

.productPrice strong {
    font-weight: 400
}

.productPrice .valor-de,
.productPrice .valor-por {
    font-size: 0;
    color: #fff
}

.productPrice .valor-de strong {
    text-decoration: line-through;
    font-size: 18px;
    color: #390
}

.productPrice .valor-por strong {
    font-size: 28px;
    color: #390;
    font-family: "bold", sans-serif
}

.productPrice .valor-dividido {
    color: #390;
    font-size: 21px;
    padding-top: 10px
}

.economia-de {
    font-size: 12px;
    padding-top: 4px;
    color: #09f
}

.productPrice .preco-a-vista {
    display: none !important
}

.sku-selector-container {
    display: none !important
}

.qty-product label {
    display: block;
    font-size: 16px;
    color: #999;
    text-transform: uppercase;
    font-family: 'bold', sans-serif;
    padding-bottom: 8px
}

.qty-product span {
    display: block;
    width: 52px;
    padding: 0 34px;
    position: relative
}

.campo-qtd {
    height: 46px;
    width: 50px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    border: 2px solid #ddd
}

.qty-product .ico {
    position: absolute;
    width: 36px;
    height: 50px;
    top: 0;
    background-color: transparent
}

.qty-product .ico:hover {
    background-color: #ddd
}

.qty-product .eq00 {
    background-position: -396px -180px;
    left: 0;
    border-radius: 4px 0 0 4px
}

.qty-product .eq01 {
    background-position: -360px -180px;
    right: 0;
    border-radius: 0 4px 4px 0
}

.share-product {
    padding: 24px 18px 0 0
}

.at-svc-pinterest_share {
    display: none !important
}

.at-share-btn {
    border-radius: 4px
}

.productBuy {
    padding: 34px 0 16px
}

.productBuy .buy-button,
.comprar-junto a#lnkComprar {
    border-radius: 40px;
    text-align: center;
    font-size: 0;
    background: #9C3;
    border: 1px dashed #fff;
    transition: all .3s ease;
    box-shadow: 0 0 0 4px #9C3
}

.productBuy .buy-button {
    padding: 22px 0;
    width: 280px;
    margin: 4px;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'bold', sans-serif;
    color: #fff
}

.productBuy .buy-button:before {
    content: "Eu quero!";
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'bold', sans-serif;
    color: #fff;
    display: none
}

.productBuy .buy-button:hover,
.comprar-junto a#lnkComprar:hover {
    background: #729625
}

.productAdd {
    padding-bottom: 24px
}

.productAdd .gt-add-list {
    border-radius: 20px;
    text-align: center;
    background: #8cc8e3;
    border: 1px dashed #fff;
    transition: all .3s ease;
    box-shadow: 0 0 0 4px #8cc8e3;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'bold', sans-serif;
    color: #fff;
    padding: 8px 0;
    text-align: center;
    display: block;
    width: 280px;
    margin: 4px;
    transition: all .3s ease;
    position: relative
}

.productAdd .gt-add-list .ico {
    position: absolute;
    left: 5px;
    width: 22px;
    height: 22px;
    top: 50%;
    margin-top: -11px;
    background-position: -415px -320px
}

.productAdd .gt-add-list:hover {
    background: #54aed6
}

.productBuy.productAvisame {
    float: none;
    clear: both;
    width: 100%
}

.productBuy.productAvisame {
    float: none;
    clear: both;
    width: 100%;
    padding: 10px 0
}

.notifyme {
    display: block;
    margin: 5px 0
}

.notifyme h3 {
    color: #5fb8e2;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "bold", sans-serif
}

.notifyme p {
    color: #666;
    padding-bottom: 15px
}

.notifyme fieldset {
    position: relative;
    padding-right: 30px;
    display: block
}

.notifyme-client-name,
.notifyme-client-email {
    border: 1px solid #ccc;
    border-radius: 20px;
    width: 47%;
    margin: 0 2% 0 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px
}

.notifyme-button-ok {
    background: #9C3 none repeat scroll 0 0;
    cursor: pointer;
    border: medium none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    font-family: 'bold', sans-serif;
    text-transform: uppercase;
    right: 0;
    bottom: 0;
    position: absolute
}

.notifyme-button-ok:hover {
    background: #729625
}

#calculoFrete .contentWrapper {
    padding-top: 26px;
    border-top: 1px solid #e1edf5
}

#calculoFrete fieldset {
    overflow: hidden;
    display: block;
    padding-left: 72px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/icon-frete.png) no-repeat left top
}

#calculoFrete h2 {
    font-weight: 400;
    font-family: 'bold', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #8cc8e3;
    padding: 0 0 8px
}

#calculoFrete .fitext {
    border: 1px solid #d2d2d2;
    padding: 0 10px;
    width: 148px;
    border-radius: 30px;
    height: 50px;
    float: left;
    vertical-align: middle
}

#calculoFrete .freight-btn {
    width: 100px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 22px;
    box-shadow: 0 0 0 4px #8cc8e3;
    background: #8cc8e3;
    border: 1px dashed #fff;
    border-radius: 40px;
    cursor: pointer;
    font-family: 'bold', sans-serif;
    margin: 6px 0 6px 8px;
    color: #fff
}

#calculoFrete .freight-btn:hover {
    background: #40a5d0
}

#calculoFrete label.prefixo {
    font-size: 0;
    color: #fff
}

#calculoFrete span.cep-busca {
    display: block;
    float: none;
    clear: both;
    padding: 5px 0;
    width: 170px;
    text-align: center
}

#calculoFrete a.lnkExterno {
    overflow: hidden;
    font-size: 11px;
    color: #999;
    text-decoration: underline
}

#calculoFrete a.lnkExterno:hover {
    text-decoration: none
}

.freight-values {
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    margin-top: 8px;
    padding: 0 1px 0 0
}

.freight-values table {
    width: 100%
}

.freight-values th {
    font-family: 'bold', sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: #8cc8e3;
    border-right: 1px solid #8cc8e3
}

.freight-values th+th {
    width: 50%
}

.freight-values th,
.freight-values td {
    padding: 10px;
    font-size: 14px;
    text-align: left
}

.freight-values td {
    color: #666;
    font-family: 'regular';
    border: 1px dashed #8cc8e3
}

.freight-values td+td+td {
    display: none
}

p.popupCalculoFreteWrapper,
#calculoFrete h1,
#calculoFrete .footer,
#calculoFrete .close,
#calculoFrete .quantity,
a.shipping-value,
p#popupCalculoFreteWrapper {
    display: none !important
}

.tab-size {
    position: absolute;
    border-radius: 50%;
    display: block;
    width: 90px;
    height: 90px;
    border: 1px dashed #fb86b2;
    text-align: center;
    top: 60px;
    right: 30px;
    background-color: #fff
}

.tab-size:hover,
.tab-size.active {
    background-color: #fbdde8
}

.tab-size .txt {
    color: #fb86b2;
    font-size: 16px;
    display: block;
    font-family: 'bold', sans-serif;
    padding-top: 44px
}

.tab-size .ico,
.jn-size h2 .ico {
    position: absolute;
    width: 51px;
    height: 25px;
    background-position: -415px -92px;
    left: 50%;
    margin-left: -25px
}

.tab-size .ico {
    top: 15px
}

.jn-size h2 .ico {
    top: 0
}

.new-title {
    font-weight: 400;
    font-family: 'bold', sans-serif;
    font-size: 25px;
    color: #9c3;
    border-bottom: 1px dashed #9c3;
    margin: 70px 0 31px
}

.new-title .dash {
    display: inline-block;
    padding: 24px 42px;
    border-radius: 5px 5px 0 0;
    border: 1px dashed #9c3;
    border-bottom: 0;
    background: #fff;
    margin-bottom: -1px
}

#caracteristicas {
    display: none !important
}

.cm-dicas-de-uso,
.cm-video,
.cm-tamanhos {
    display: none
}

.cm-description {
    font-size: 16px;
    line-height: 1.3;
    color: #666;
    padding: 10px 40px 50px 16px
}

.cm-dicas-de-uso {
    font-size: 16px;
    line-height: 1.3;
    color: #666;
    padding: 10px 40px 10px 16px
}
.cm-description .productDescription ul {
    list-style-type: disc;
    padding-left: 4%;
}
.cm-dicas-de-uso a, .productDescription a {
    color: #666;
    font-weight: normal;
}
.cm-dicas-de-uso h4 {
    font-weight: 400;
    font-family: 'bold', sans-serif;
    font-size: 25px;
    color: #9c3;
    padding: 0 0 30px
}

.cm-dicas-de-uso h5 {
    font-size: 16px;
    font-weight: 400;
    font-family: 'bold', sans-serif;
    color: #666;
    text-transform: uppercase;
    padding: 0 0 4px
}

.cm-dicas-de-uso h6 {
    font-size: 24px;
    font-family: 'bold', sans-serif;
    font-weight: 400;
    color: #999;
    padding: 0 0 10px
}

.cm-dicas-de-uso li br {
    display: none
}

.cm-dicas-de-uso li p {
    margin-bottom: 10px
}

.cm-dicas-de-uso p {
    padding: 1px 0
}

.cm-dicas-de-uso p.last {
    padding-bottom: 50px
}

.cm-dicas-de-uso ul>br {
    display: none
}

.cm-dicas-de-uso li {
    overflow: auto;
    padding: 10px 0;
    /* border-top: 1px solid #ddd; */
    /* display: table; */
    height: auto;
}

.cm-dicas-de-uso li>br:first-child {
    display: none
}

.cm-dicas-de-uso .img-lavagem img {
    display: block;
    width: 100%;
    height: auto;
    float: left;
}

.cm-dicas-de-uso .txt-lavagem {
    padding-left: 24px
}

.cm-dicas-de-uso .txt-lavagem ul {
    list-style-type: disc!important;
}

.cm-dicas-de-uso .txt-lavagem ul li {
    overflow: visible;
}

.cm-video {
    padding: 10px 0 50px 0
}

.cm-video h4,
.cm-tamanhos h4 {
    color: #999;
    font-weight: 400;
    font-family: 'bold', sans-serif;
    font-size: 23px;
    padding: 0 0 16px;
    position: relative
}

.cm-video h4 a {
    position: absolute;
    right: 5px;
    top: 5px;
    text-decoration: underline;
    color: #999;
    font-family: 'regular', sans-serif;
    font-size: 14px
}

.cm-video h4 a:hover {
    text-decoration: none
}

.cm-video .videoDetalhe iframe {
    border-radius: 0 !important
}

.cm-tamanhos {
    padding: 10px 0
}

.cm-tamanhos img {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 12px
}

.cm-tamanhos h6,
.cm-tamanhos br {
    display: none
}

.custom-info .addthis_button_facebook {
    padding-left: 35px
}

.facebook-share-box {
    width: 55px;
    display: block;
    margin: 0 auto;
    display: none
}

.rating-produto,
.rating-demonstrativo,
.rating-wrapper .rating,
.info-comentario div.rating {
    height: 18px;
    width: 87px
}

.ratingStar,
.rating-produto,
.rating-demonstrativo,
.rating-wrapper div,
.info-comentario div.rating {
    background-image: url(https://fraldasdipano.vteximg.com.br/arquivos/gt-stars-2.png);
    background-repeat: no-repeat;
    display: block;
    text-indent: -999em
}

.a05,
.a10,
.avaliacao05,
.avaliacao10 {
    background-position: 0 -20px
}

.a15,
.a20,
.avaliacao15,
.avaliacao20 {
    background-position: 0 -40px
}

.a25,
.a30,
.avaliacao25,
.avaliacao30 {
    background-position: 0 -60px
}

.a35,
.a40,
.avaliacao35,
.avaliacao40 {
    background-position: 0 -80px
}

.a45,
.a50,
.avaliacao45,
.avaliacao50 {
    background-position: 0 -100px
}

#divCompreJunto {
    overflow: hidden;
    position: relative
}

#divCompreJunto td.itemA,
#divCompreJunto td.itemB {
    width: 20%
}

#divCompreJunto td.itemA img,
#divCompreJunto td.itemB img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

#divCompreJunto td.plus,
#divCompreJunto td.equal {
    width: 15%;
    text-align: center;
    font-family: 'bold', sans-serif;
    color: #fff;
    font-size: 50px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/bg-sinal.png) no-repeat center center
}

#divCompreJunto td.buy {
    text-align: center;
    color: #390
}

hr.buy-together,
#divCompreJunto p.more {
    display: none
}

#divCompreJunto .buy br+strong {
    display: block;
    color: #09f;
    font-weight: 400;
    font-size: 13px;
    padding-top: 10px
}

#divCompreJunto .buy {
    line-height: 20px;
    color: #000;
    padding-left: 10px;
    font-size: 15px
}

#divCompreJunto h3 {
    font-weight: 400;
    padding-top: 15px
}

#divCompreJunto h3 a {
    font-size: 15px;
    color: #666;
    line-height: 1.3
}

#divCompreJunto .especial {
    font-size: 20px;
    font-family: 'bold', sans-serif;
    color: #ebcc52;
    padding-bottom: 10px
}

p.comprar-junto {
    padding: 4px
}

.comprar-junto a#lnkComprar {
    padding: 12px 0;
    display: block;
    width: 220px;
    margin: 20px auto 0;
    height: 20px
}

.comprar-junto a#lnkComprar:before {
    content: "Compre junto";
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'bold', sans-serif;
    color: #fff
}

.mob {
    display: none
}

.close-mob {
    width: 30px;
    height: 30px;
    background-position: -448px -128px;
    position: absolute;
    top: 5px;
    right: 5px
}

.burger {
    display: none;
    padding: 4px;
    border-radius: 10px 10px 0 0;
    cursor: pointer
}

.burger.active {
    background: #a4da37
}

.burger .dash {
    border-radius: 10px 10px 0 0;
    display: block;
    border: 1px dashed #fff
}

.burger .ico {
    width: 48px;
    height: 36px;
    background-position: -380px -44px
}

.burger.active .ico {
    background-position: -428px -44px
}

.bt-mobile {
    display: none;
    float: left;
    padding: 44px 6px
}

.bt-mobile a {
    width: 48px;
    height: 36px;
    background-position: -380px -44px
}

.close-menu {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
    right: 12%;
    background-position: -464px -180px;
    display: none;
    margin-right: -40px
}

#TB_overlay {
    background: rgba(0, 0, 0, .6)
}

#TB_closeWindowButton {
    background-image: url(https://fraldasdipano.vteximg.com.br/arquivos/img-common-6.png?v=21213);
    background-repeat: no-repeat;
    font-size: 0;
    text-indent: -9999px;
    display: block;
    float: none !important;
    padding: 0 !important
}

#TB_window {
    position: absolute !important;
    height: auto !important;
    margin-top: 0 !important;
    top: 40px !important;
    background: #fff;
    border-radius: 20px;
    border: 2px dashed #09F;
    box-shadow: 0 0 0 8px #fff
}

#TB_ajaxContent {
    height: auto !important;
    padding: 0 !important;
    width: auto !important
}

#TB_ajaxWindowTitle {
    font-size: 35px;
    color: #fb86b2;
    text-align: center;
    font-family: 'bold', sans-serif;
    padding: 40px 0 0 !important;
    float: none !important
}

.ext-modal-fixed {
    display: none;
    height: 100%
}

.ext-modal,
.ext-modal-fixed,
.fundo-cinza {
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 997
}

.facebook-share-button {
    display: none
}

.fundo-cinza {
    display: none;
    z-index: 996
}

.int-modal,
.int-modal-fixed {
    left: 50%;
    background: #fff;
    z-index: 998;
    border-radius: 4px;
    border-radius: 20px;
    padding: 8px
}

.dash-modal {
    border: 2px dashed #09F;
    display: block;
    border-radius: 20px
}

.int-modal-fixed,
.int-modal {
    position: fixed;
    top: 50%
}

.jn-depoimento {
    margin-top: -278px
}

.fb-produto img {
    width: 48px !important;
    height: 48px !important
}

body .vtexIdUI .modal-header .close {
    right: 10px;
    top: 10px;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/img-common-6.png?v=21213) no-repeat -340px -48px !important;
    outline: 0;
    cursor: pointer;
    display: block !important;
    text-indent: -99999px;
    font-size: 0;
    color: #fff;
    z-index: 998
}

.jn-espiar iframe {
    width: 100%;
    height: 530px
}

.jn-alert {
    width: 500px;
    margin-left: -250px;
    top: 30%;
    text-align: center;
    font-size: 16px
}

.alert-popup-msg {
    padding: 100px 0 20px 0;
    font-family: 'bold', sans-serif;
    color: #8cc8e4;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/icon-alert.png) center 40px no-repeat
}

.confirm-buttons {
    margin: 20px
}

.confirm-buttons a {
    display: inline-flex;
    margin: 0 20px;
    border: 2px solid #8cc8e3;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-size: 14px;
    text-align: center;
    background: #8cc8e3
}

.confirm-buttons a span {
    padding: 8px 15px;
    border: 1px dashed #fff;
    border-radius: 30px;
    margin: 2px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-size: 14px;
    text-align: center;
    background: #8cc8e3
}

.close-modal,
.int-modal-fixed .click-hide,
#TB_closeWindowButton {
    position: absolute;
    width: 26px;
    height: 26px;
    top: -13px;
    right: -13px;
    z-index: 998;
    background-position: -340px -48px
}

.jn-list {
    width: 350px;
    text-align: center;
    margin-left: -183px;
    margin-top: -187px;
    font-family: "bold", sans-serif
}

.jn-list .dash-modal {
    padding: 50px
}

.jn-list h2 {
    padding: 6px 0;
    font-size: 18px;
    color: #fb86b2;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    text-indent: 40px
}

.jn-list h2 .ico {
    position: absolute;
    left: 20px;
    background-position: -224px 0;
    top: 50%;
    margin-top: -16px;
    width: 38px;
    height: 32px
}

.jn-list ul {
    padding-top: 18px
}

.jn-list li {
    margin-top: 3px
}

.jn-list li a {
    border-radius: 20px;
    display: block;
    background: #5fb8e2;
    padding: 16px 0;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 2px #bbb;
    font-size: 17px;
    position: relative
}

.jn-list li a:hover {
    background: #7fc6e8
}

.jn-list li .ico {
    position: absolute;
    width: 22px;
    height: 26px;
    left: 24px;
    top: 50%;
    margin-top: -13px
}

.jn-list li .eq00 {
    background-position: 0 -358px
}

.jn-list li .eq01 {
    background-position: -22px -358px
}

.jn-list li .eq02 {
    background-position: -44px -358px
}

.jn-list li .eq03 {
    background-position: -66px -358px
}

.jn-list li .eq04 {
    background-position: 0 -384px
}

.jn-list li a:hover .eq00 {
    background-position: -88px -358px
}

.jn-list li a:hover .eq01 {
    background-position: -110px -358px
}

.jn-list li a:hover .eq02 {
    background-position: -132px -358px
}

.jn-list li a:hover .eq03 {
    background-position: -154px -358px
}

.jn-list li a:hover .eq04 {
    background-position: -88px -383px
}

.jn-depoimento,
.jn-enviar-depoimento {
    position: fixed !important;
    width: 550px;
    top: 50% !important;
    margin-top: -250px !important;
    text-align: center;
    margin-left: -283px
}

.jn-enviar-depoimento {
    margin-top: -194px
}

.jn-size {
    width: 550px;
    text-align: center;
    margin-left: -283px;
    margin-top: -229px;
    font-family: "bold", sans-serif
}

.jn-size .dash-modal {
    padding: 20px
}

.jn-size h2 {
    padding: 30px 0 10px;
    font-size: 20px;
    color: #fb86b2;
    font-weight: 400;
    position: relative
}

.jn-size p {
    color: #fb86b2;
    font-size: 20px;
    line-height: 1.2;
    padding: 14px 0
}

.jn-size p strong {
    font-weight: 400;
    color: #5fb8e2
}

.jn-size p+p {
    font-size: 16px;
    color: #8cc8e3
}

.int-modal.jn-add {
    width: 500px;
    text-align: center;
    margin-left: -250px;
    margin-top: -140px;
    top: 40%;
    position: fixed
}

.jn-add .dash {
    height: 265px
}

.jn-add iframe {
    min-height: 350px;
    width: 480px
}

.box-add-list {
    padding: 42px 0;
    text-align: center
}

.box-add-list h2 {
    padding: 6px 0;
    font-size: 18px;
    color: #fb86b2;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    text-indent: 40px;
    font-family: "bold", sans-serif
}

.box-add-list h2 .ico {
    position: absolute;
    left: 58px;
    background-position: -224px 0;
    top: 50%;
    margin-top: -16px;
    width: 38px;
    height: 32px
}

body.gt-lista-add {
    background: #fff !important
}

.custom-add-list .glis-create {
    display: none !important
}

.custom-add-list .glis-mylist span.glis-existing-title {
    display: block;
    color: #ccc;
    font-size: 17px;
    font-family: 'bold', sans-serif;
    text-align: center;
    padding-bottom: 20px
}

.custom-add-list .glis-mylist span.glis-existing-title strong {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #8cc8e3;
    font-family: 'bold', sans-serif;
    padding: 18px 0 10px
}

.custom-add-list .glis-ul li {
    text-align: center;
    margin-bottom: 5px
}

.custom-add-list .glis-ul .glis-submit-list,
.custom-add-list .giftlist-insertsku-must-login a {
    display: inline-block;
    padding: 8px 40px;
    border-radius: 20px;
    color: #fff;
    font-family: 'bold', sans-serif;
    font-size: 16px;
    transition: all .3s ease;
    min-width: 150px
}

.custom-add-list .glis-ul .glis-submit-list {
    background: #fb86b2 url(https://fraldasdipano.vteximg.com.br/arquivos/icon-mais-lista.png) no-repeat 5px center
}

.custom-add-list .glis-ul .glis-submit-list:hover {
    background-color: #f81d6f
}

.custom-add-list .giftlist-insertsku-must-login {
    padding-top: 20px;
    text-align: center
}

.custom-add-list .giftlist-insertsku-must-login a {
    background: #5fb8e2
}

.custom-add-list .giftlist-insertsku-must-login a:hover {
    background: #269ad2
}

.custom-add-list.gt-load-list .result-list {
    background: #fff url(https://fraldasdipano.vteximg.com.br/arquivos/gt-load.gif) no-repeat center center;
    min-height: 30px
}

.custom-add-list.gt-load-list .result-list .giftlist-insertsku-wrapper,
.custom-add-list .glis-title,
.custom-add-list .glis-selected,
.custom-add-list .glis-sku-single {
    display: none
}

.custom-add-list .glis-save {
    display: none !important
}

.gt-glis-save {
    text-align: center
}

.gt-glis-save .glis-save-inserted {
    font-size: 19px;
    color: #9c3;
    padding: 30px 0;
    font-style: italic
}

.gt-glis-save .glis-edit-link {
    border-radius: 30px;
    background: #ccc;
    font-family: 'bold', sans-serif;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    width: 180px;
    padding: 9px 0;
    display: inline-block
}

.gt-glis-save .glis-edit-link:hover {
    background: #999
}

.jn-video {
    width: 680px;
    text-align: center;
    margin-left: -340px
}

.jn-video .dash-modal {
    padding: 10px
}

.videoDetalhe {
    padding-bottom: 270px;
    position: relative;
    width: 100%;
    border-radius: 15px;
    overflow: hidden
}

.videoDetalhe a img {
    margin-top: -55px
}

.videoDetalhe iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 10px
}

.videoDetalhe a span.icon-player {
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/player.png);
    width: 100px;
    height: 100px;
    display: block;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px
}

.videoDetalhe a span.icon-player {
    opacity: 1
}

body.home .videoDetalhe {
    height: 323px;
    padding-bottom: 0;
    width: 100%;
    border-radius: 15px;
    overflow: hidden
}

body.home .videoDetalhe iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 10px
}

body.home .videoDetalhe a span.icon-player {
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/player.png);
    width: 100px;
    height: 100px;
    display: block;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px
}

body.home .videoDetalhe a span.icon-player {
    opacity: 1
}

h2.title-avaliacao {
    font-family: 'bold', sans-serif;
    color: #9c3;
    font-weight: 400;
    display: block;
    font-size: 38px;
    padding: 0 0 40px 10px
}

#yv-review-notfound {
    display: none
}

body #yv-show-form,
body .yv-qa {
    padding: 0 10px;
    background: #fff;
    background-position: 10px 0
}

body #yv-show-form .yv-bootstrap {
    padding: 0 !important;
    font-family: "regular", sans-serif
}

body #yv-show-form .yv-media-1 {
    border: none !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: block !important
}

body #yv-show-form .yv-media-1 div {
    text-align: left !important;
    float: left
}

body #yv-show-form .yv-media-1 div div {
    float: none
}

body #yv-show-form .yv-media-1 div div div {
    font-weight: normal !important;
    font-family: 'bold', sans-serif;
    padding-top: 12px;
    font-size: 16px !important
}

body #yv-show-form .yv-media-1 div span {
    color: #666 !important;
    font-size: 25px !important
}

body #yv-show-form #yv-review-notfound,
body #yv-show-form strong.yv-reviewform-title+br,
body #yv-show-form hr.yv-hr-title,
body #yv-show-form hr,
body .yv-qa hr {
    display: none !important
}

body #yv-show-form strong.yv-reviewform-title {
    font-family: 'bold', sans-serif;
    color: #9c3;
    font-weight: 400;
    display: block;
    font-size: 38px;
    padding: 40px 0 0 0;
    margin-top: 50px;
    border-top: 1px dashed #9C3
}

body.produto #yv-show-form strong.yv-reviewform-title {
    display: none
}

body.produto #yv-show-form .yv-imageupload-wrapper+.yv-control-label strong.yv-reviewform-title {
    display: block
}

body #yv-show-form strong.yv-reviewform-title+br+em {
    font-style: normal;
    font-size: 18px;
    color: #666;
    font-family: 'regular', sans-serif;
    display: block
}

body #yv-show-form .yv-bootstrap label.yv-control-label,
body #yv-show-form .yv-bootstrap label+span {
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'regular', sans-serif;
    font-size: 22px
}

body #yv-show-form .yv-bootstrap label.yv-control-label {
    color: #fb86b2 !important;
    padding: 25px 0 8px
}

body #yv-show-form .yv-bootstrap .yv-form-group+label {
    display: none
}

body #yv-show-form .yv-bootstrap .yv-form-group+label+em.secondary {
    font-style: normal;
    display: block;
    margin-top: 8px;
    max-width: 500px;
    background: #ebf5d6;
    padding: 20px 50px 20px 30px;
    border-radius: 20px;
    font-size: 18px;
    color: #fb86b2;
    font-family: 'regular', sans-serif;
    line-height: 1.1
}

body #yv-show-form .yv-bootstrap .yv-form-group+label+em.secondary+br {
    display: none
}

body #yv-show-form .yv-bootstrap #yv-sendform,
body #yv-show-form .yv-bootstrap .uploadcare-widget-button.uploadcare-widget-button-open {
    padding: 18px 20px;
    border-radius: 30px;
    background: #8cc8e3;
    font-size: 16px;
    border: 1px dashed #fff;
    cursor: pointer;
    box-shadow: 0 0 0 2px #8cc8e3;
    font-family: 'bold', sans-serif;
    vertical-align: middle;
    margin: 4px;
    outline: none !important;
    transition: all .3s ease
}

body #yv-show-form .yv-bootstrap+div {
    display: none
}

body #yv-show-form {
    min-height: auto
}

body #yv-show-form .yv-bootstrap textarea.yv-form-control {
    max-width: 800px
}

#yv-reviews #yv-writereview,
body .yv-qa .yv-btn-info {
    background: #f2f2f2;
    color: #9b9b9b;
    box-shadow: 0 0 0 2px #f2f2f2, 1px 1px 1px 2px rgba(10, 10, 0, .5);
    border: 1px solid #f2f2f2;
    font-family: bold, sans-serif;
    font-size: 16px
}

#yv-reviews #yv-writereview:hover,
body .yv-qa .yv-btn-info:hover,
body .yv-qa .yv-btn-info:focus {
    background: #f2f2f2;
    color: #9b9b9b;
    box-shadow: 0 0 0 2px #f2f2f2, 1px 1px 1px 2px rgba(10, 10, 0, .5);
    border: 1px solid #f2f2f2;
    font-family: bold, sans-serif;
    font-size: 16px;
    outline: none !important
}

.yv-qa-vote-btn {
    width: 50px !important;
    height: 50px !important;
    background: #f2f2f2 !important;
    color: #9b9b9b !important;
    box-shadow: 0 0 0 2px #f2f2f2, 1px 1px 1px 2px rgba(10, 10, 0, .5) !important;
    border: 1px solid #f2f2f2 !important;
    font-family: bold, sans-serif;
    font-size: 16px
}

.yv-bootstrap .yv-btn-default:hover {
    background: #40a5d0;
    box-shadow: 0 0 0 2px #40a5d0, 1px 1px 1px 2px rgba(10, 10, 0, .5)
}

.yv-btn.yv-btn-default.yv-btn-sm.yv-qa-replybtn {
    box-shadow: 0 0 0 3px #8cc8e3, 0 0 0 0 rgba(10, 10, 0, .5)
}

.yv-btn.yv-btn-default.yv-btn-sm.yv-qa-replybtn:hover {
    background: #40a5d0 !important
}

body .yv-login-frame .yv-media .yv-user-name .yv-social-logout {
    display: none
}

body .yv-login-frame .yv-media .yv-user-name .yv-inline-edit {
    color: #999;
    font-size: 20px;
    font-family: 'bold', sans-serif;
    border: 1px solid #ebf5d6;
    background: 0;
    padding: 5px;
    border-radius: 4px
}

body .yv-login-frame .yv-media .yv-user-name .yv-inline-edit:focus {
    background: #fff;
    border: 1px solid #999
}

body .yv-login-frame .yv-media .yv-user-name .yv-text-tip-small {
    padding: 0 5px;
    font-size: 14px;
    color: #999;
    font-style: normal
}

body .yv-login-frame .yv-show-social-seph {
    display: none
}

body strong.yv-reviewform-title+br,
body #yv-show-form strong.yv-reviewform-title+br+hr {
    display: none
}

body .yv-login-frame .yv-media .yv-login-frame .yv-media-body .yv-user-name {
    padding: 0
}

body .yv-login-frame .yv-media {
    padding: 20px 30px;
    border-radius: 20px;
    background: #ebf5d6
}

body #yv-show-form .yv-bootstrap .yv-col-md-4 {
    line-height: 1
}

body #yv-show-form .yv-control-label+br {
    display: none
}

#vtex-callcenter {
    position: relative;
    z-index: 999
}

body.top-fixed.-callcenter #header {
    padding-top: 65px
}

@media only screen and (min-width:1020px) {
    body.top-fixed #header {
        position: fixed;
        left: 0;
        top: 0;
        display: none;
        width: 100%;
        z-index: 920;
        border-bottom: 1px solid #fff;
        background: #fff;
        border-bottom: 1px dashed #9c3;
        box-shadow: 0 5px 0 #fff
    }
    body.top-fixed #header .tpl-1 {
        background: #fff
    }
    body.top-fixed #header .logo {
        padding: 8px 0 14px
    }
    body.top-fixed #header .logo img {
        width: auto;
        height: 98px
    }
    body.top-fixed #header .pitbar,
    body.top-fixed #header .nav-user,
    body.top-fixed #nav-store .canto,
    body.top-fixed .mini-cart a.sub-open .tit,
    body.top-fixed .amount-items-in-cart li.amount-items span {
        display: none
    }
    body.top-fixed #header .search {
        padding: 32px 0
    }
    body.top-fixed .search .fulltext-search-box,
    body.top-fixed .search .btn-buscar {
        height: 54px
    }
    body.top-fixed .search .btn-buscar {
        background-position: 0 -29px
    }
    body.top-fixed .search .btn-buscar:hover {
        background-position: -80px -29px
    }
    body.top-fixed .bt-lista {
        padding: 0 20px 0 0;
        margin: 30px 0
    }
    body.top-fixed .bt-lista a {
        padding: 18px 0
    }
    body.top-fixed .mini-cart {
        background: 0;
        height: auto;
        width: auto
    }
    body.top-fixed .mini-cart a.sub-open {
        padding: 41px 6px
    }
    body.top-fixed .amount-items-in-cart li.amount-items {
        position: relative;
        top: auto;
        left: auto;
        padding-left: 35px
    }
    body.top-fixed .mini-cart a.sub-open .ico {
        top: 41px;
        left: 0
    }
    body.top-fixed .burger {
        display: block;
        float: left;
        margin: 37px 90px
    }
    body.top-fixed #nav-store {
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 921;
        top: 78px;
        display: none
    }
    body.top-fixed #nav-store .tpl-3 {
        border-bottom: 0
    }
    body.top-fixed header {
        height: 287px
    }
}

@media only screen and (max-width:1260px) {
    .tpl-1,
    .tpl-2,
    .tpl-3 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .tpl-1,
    .tpl-2 {
        width: 98%
    }
    .tpl-3 {
        width: 100%
    }
    .tpl-container {
        padding: 0 10px
    }
    #header {
        background: 0
    }
    #header .logo {
        padding: 38px 0
    }
    #header .logo img {
        height: 88px;
        width: auto
    }
    .list-prod .slider {
        width: 915px;
        margin: 0 auto
    }
    .fotos .slider {
        margin-left: -1260px !important
    }
}

@media only screen and (max-width:1170px) {
    .search fieldset.busca {
        width: 304px
    }
    .bt-lista div {
        width: 226px
    }
    #nav-store li.nivel-1 a.sub-open {
        font-size: 13px
    }
    .group-3 .box-banner h3 {
        font-size: 24px;
        letter-spacing: -.5px
    }
    .ft-contact a.mapa {
        width: 227px;
        height: 119px
    }
    .social-share a {
        width: 47px;
        height: 48px
    }
    .social-share .eq00 {
        background-position: -240px -180px
    }
    .social-share .eq01 {
        background-position: -288px -128px
    }
    .social-share .eq02 {
        background-position: -335px -128px
    }
    .fotos .slider {
        margin-left: -1170px !important
    }
}

@media only screen and (max-width:1020px) {
    .tpl-1,
    .tpl-2 {
        width: 99%
    }
    .tpl-2 {
        background: #fff
    }
    .tpl-1 {
        padding: 0 5px
    }
    .tpl-1.tpl-ini {
        padding-top: 5px
    }
    .tpl-container {
        padding: 0
    }
    .banner.posicao1 {
        padding-bottom: 5px
    }
    #nav-store .canto,
    .mini-cart a.sub-open .tit,
    .amount-items-in-cart li.amount-items span {
        display: none !important
    }
    .nav-user {
        padding-right: 0
    }
    .nav-user a {
        font-size: 13px;
        letter-spacing: -.5px
    }
    .mini-cart {
        background: 0;
        height: auto;
        width: auto;
        margin-top: 65px
    }
    .mini-cart a.sub-open {
        padding: 10px 6px
    }
    .amount-items-in-cart li.amount-items {
        position: relative;
        top: auto;
        left: auto;
        padding-left: 35px
    }
    .mini-cart a.sub-open .ico {
        top: 10px;
        left: 0
    }
    .productAdvantage {
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 15px
    }
    .productAdvantage ul {
        overflow: hidden
    }
    .productAdvantage li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 33.33333333%;
        border-bottom: 0;
        border-right: 1px solid #e1edf5;
        margin: 14px 0 0;
        padding: 0 14px
    }
    .productAdvantage li p {
        font-size: 12px;
        height: 50px
    }
    .info-product {
        width: 55%;
        padding-right: 0
    }
    .ft-contact a.mapa {
        width: 90%;
        height: auto
    }
    .ft-contact a.mapa img {
        width: 100%;
        height: auto
    }
    .ft-contact a.phone {
        font-size: 30px
    }
    .ft-contact a.email {
        font-size: 12px
    }
    .gallery-dpi li:hover .capa {
        opacity: 1
    }
    .gallery-dpi li a {
        display: block !important;
        font-size: 12px;
        padding: 0;
        height: 100%;
        width: 100%;
        top: 0;
        margin: 0;
        left: 0;
        border: 0;
        font-size: 0;
        color: #fff
    }
    .gallery-dpi li a:hover {
        background: 0
    }
    .sup-contato .col-left {
        float: none;
        width: auto
    }
    .sup-contato .col-left+.col-left {
        float: none;
        clear: both;
        padding: 30px 0 0 0;
        height: auto;
        margin: 0;
        background: 0
    }
    .fotos .slider {
        margin-left: -1020px !important
    }
}

@media only screen and (max-width:920px) {
    .nav-home li {
        width: 50%;
        padding: 5px
    }
    .nav-home li a {
        height: 86px
    }
    .banner.posicao2 .group-2 .box-banner {
        width: 50%;
        margin-right: 0
    }
    .group-3 .dash img {
        display: none
    }
    .group-3 .box-banner h3 {
        border-top: 0
    }
    .group-3 .box-banner {
        float: none;
        clear: both;
        width: 100%;
        padding: 0
    }
    .group-3 .box-banner a {
        box-shadow: none;
        padding: 0
    }
    .group-3 .box-banner .dash {
        border-right: 0;
        border-left: 0;
        border-radius: 0
    }
    #calculadora {
        margin: 40px 0
    }
    #calculadora .tpl-1 {
        min-height: 0
    }
    .calculadora {
        padding: 30px 0
    }
    .search fieldset.busca {
        width: 240px
    }
    .pitbar {
        padding: 0
    }
    .pitbar a {
        padding: 17px 0 17px 42px;
        font-size: 11px;
        height: 21px;
        letter-spacing: -.5px
    }
    .left-nav {
        width: 35%
    }
    .left-nav .menu-departamento,
    .nav-custom {
        padding: 10px 16px 40px
    }
    .list-products {
        width: 65%
    }
    .products .list-prod li {
        width: 50%
    }
    .photos .arrow {
        display: block
    }
    .footer .col-right {
        float: none;
        clear: both;
        width: 100%;
        text-align: center
    }
    .footer .ft-news,
    .ft-social {
        padding-bottom: 20px
    }
    .newsletter {
        width: 60%;
        margin: 0 auto
    }
    .social-share li {
        float: none;
        clear: both;
        margin: 0 4px;
        display: inline-block
    }
    .ft-contact,
    .ft-map {
        width: 33.33333%
    }
    .custom {
        width: 60%
    }
    .content-custom .col25 {
        width: 35%
    }
    .img-custom img {
        width: 100%;
        height: auto
    }
    .list-prod .slider {
        width: 610px
    }
    .fotos .slider {
        margin-left: -920px !important
    }
}

@media only screen and (max-width:810px) {
    .tpl-1,
    .tpl-2 {
        width: 100%
    }
    .tpl-3 {
        padding: 5px 0
    }
    #nav-store .tpl-3 {
        border-bottom: 0
    }
    .tpl-ini {
        top: auto;
        border-radius: 0
    }
    .banner.posicao1 {
        padding-bottom: 10px
    }
    #nav-store li.nivel-1 {
        width: 33.33333%
    }
    .pitbar,
    .nav-user {
        display: none
    }
    #header .tpl-1 {
        padding: 0 0 70px;
        margin: 0;
        width: 100%
    }
    .bt-lista {
        background: 0;
        padding: 0;
        margin: 0;
        float: none;
        clear: both;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .bt-lista div {
        width: auto;
        border-radius: 0;
        box-shadow: none;
        padding: 2px 0
    }
    .bt-lista a {
        text-indent: 0;
        border-radius: 0;
        border-left: 0;
        border-right: 0
    }
    .search {
        float: none;
        clear: both;
        width: 98%;
        margin: 0;
        padding: 0 1%
    }
    .search fieldset.busca {
        width: 100%;
        border: 0;
        border-radius: 5px;
        background: #ececec
    }
    #nav-store .tpl-3 {
        border-radius: 0
    }
    .nivel-0 {
        border-left: 0;
        border-right: 0;
        border-radius: 0
    }
    #header .logo {
        padding: 18px 0 18px 10px
    }
    .mini-cart {
        position: initial;
        float: right;
        top: auto !important;
        right: auto;
        margin: 0
    }
    .mini-cart a.sub-open {
        padding: 42px 10px;
        height: 40px
    }
    .mini-cart a.sub-open.click-close .ico {
        background-position: -420px -128px
    }
    .mini-cart a.sub-open.click-close .amount-items-in-cart li.amount-items {
        color: #f07fa7
    }
    .amount-items-in-cart li.amount-items {
        padding-left: 25px
    }
    .mini-cart a.sub-open .ico {
        width: 20px;
        height: 20px;
        top: 50%;
        margin-top: -10px;
        background-position: -390px -128px;
        left: 10px
    }
    .resume-cart {
        border-radius: 0;
        width: 100%;
        border-bottom: 5px solid #fff;
        border-top: 5px solid #fff
    }
    .resume-cart a.mob.close-mob {
        display: block
    }
    .cartFooter {
        border-radius: 0
    }
    .bt-fraldas,
    body.home .nav-store,
    .bt-filtrar {
        display: block
    }
    .nav-store,
    body.home .bt-fraldas,
    .bread-crumb,
    .left-nav .title {
        display: none
    }
    #nav-store li.nivel-1 {
        position: initial
    }
    .nivel-2 {
        border-radius: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .nivel-2 .tap,
    .banner.posicao1 {
        display: none !important
    }
    .nivel-3 {
        border-radius: 0;
        width: 100%
    }
    #nav-store li.nivel-1:hover,
    .bt-fraldas .dash:hover,
    .bt-filtrar .dash:hover {
        background: 0
    }
    #nav-store li.nivel-1 a.sub-open:hover,
    #nav-store li.nivel-1:hover a.sub-open {
        border: 1px solid #9c3
    }
    .footer .auto-atendimento {
        display: block
    }
    .left-nav {
        display: none
    }
    .left-nav,
    .list-products {
        float: none;
        clear: both;
        width: 100%;
        padding: 0
    }
    .resultado-busca-filtro {
        overflow: hidden
    }
    .resultado-busca-filtro select {
        position: relative;
        top: auto;
        right: auto;
        padding: 10px;
        float: right;
        margin: 10px 0
    }
    .products .list-prod li {
        width: 33.33333%
    }
    .list-prod .product-img {
        padding: 8px
    }
    .list-prod .product-info {
        padding: 8px 8px 0 8px
    }
    .list-prod .product-info {
        min-height: 100px
    }
    .list-prod li img.basehover {
        display: none !important
    }
    .list-prod li .ct {
        background: 0;
        position: initial;
        z-index: 99;
        top: auto;
        left: auto;
        z-index: 10;
        margin: 0
    }
    .list-prod .product-price {
        height: 100px
    }
    .list-prod .product-action {
        display: block
    }
    .product-action {
        position: relative;
        bottom: auto;
        left: auto;
        display: block;
        padding: 0 0 15px;
        width: 100%;
        height: auto;
        margin: -105px 0 50px
    }
    .product-action a.add-list .dash {
        letter-spacing: -.5px
    }
    .product-action a {
        margin: 5px
    }
    .product-action a.add-list .ico,
    .product-action a .ico {
        display: none
    }
    .product-action a.add-cart .dash,
    .product-action a.esgotado .dash {
        padding: 8px 0;
        text-align: center;
        height: auto
    }
    .product-action a {
        font-size: 14px
    }
    .product-action a.add-cart .dash {
        font-size: 16px
    }
    .list-prod li:hover .ct {
        box-shadow: none
    }
    .flags-colecao.show_flag {
        right: 0;
        top: 0
    }
    .flags-desconto.show_flag {
        top: 10px;
        left: 10px
    }
    .product-action {
        margin: -80px 0 50px
    }
    .info-product {
        padding-left: 20px
    }
    #calculoFrete .freight-btn {
        width: 70px
    }
    .description-product .col60.col,
    .description-product .col40.col {
        float: none;
        clear: both;
        width: 100%
    }
    .cm-description,
    .cm-dicas-de-uso,
    .cm-video,
    .cm-tamanhos {
        padding: 20px 20px 30px
    }
    .top-page {
        height: auto;
        padding: 0;
        background: #fbf7f4
    }
    .top-page .dash {
        border: 0;
        height: auto;
        padding: 40px 20px 50px
    }
    .top-page h2 {
        padding-top: 0
    }
    body.depoimentos .tpl-ini {
        border-radius: 0
    }
    body.depoimentos .col33 {
        width: 50%
    }
    #calculadora h2,
    #listasHome h2 {
        font-size: 35px
    }
    #calculadora h2+p,
    #listasHome h2+p {
        font-size: 18px
    }
    #calculadora h2+p br,
    #listasHome h2+p br {
        display: none
    }
    .advantage-list {
        display: none
    }
    #listasHome .action-list {
        width: 540px
    }
    .list-prod .slider {
        height: 530px !important
    }
    .fotos .slider {
        margin-left: -810px !important
    }
}

@media only screen and (max-width:740px) {
    .list-prod h3 {
        font-size: 12px;
        height: 12px;
        overflow: hidden
    }
    .list-prod .regular-price {
        display: block
    }
    #buscaVazia {
        padding: 20px 0 450px 20px;
        background-position: left bottom
    }
    .image-product {
        float: none;
        clear: both;
        width: 60%;
        margin: 0 auto;
        padding: 20px 0
    }
    .info-product {
        float: none;
        clear: both;
        width: 80%;
        margin: 0 auto;
        padding: 0
    }
    .info-amp {
        display: none
    }
    .content-custom .col25,
    .custom {
        width: 100%;
        float: none;
        clear: both;
        padding-left: 0
    }
    td.Dicas-de-uso .dicas,
    td.Dicas-de-uso .ajustes-tamanho {
        float: none;
        clear: both;
        width: 100%
    }
    td.Dicas-de-uso .dicas {
        padding-top: 30px
    }
    body.fale-conosco .content-custom .custom {
        background: 0
    }
    .sup-contato .col-left+.col-left {
        width: auto
    }
    #TB_closeWindowButton {
        top: 5px !important;
        right: 5px !important
    }
    #TB_window {
        top: 10px !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        width: 94% !important;
        left: 3% !important
    }
    #TB_ajaxWindowTitle {
        font-size: 25px;
        padding: 20px 0 0 !important
    }
    .fotos .slider {
        margin-left: -740px !important
    }
}

@media only screen and (max-width:620px) {
    .bt-mobile {
        display: block
    }
    .nav-burger {
        position: absolute;
        z-index: 999;
        top: 0;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, .6);
        display: none
    }
    .close-menu {
        display: block
    }
    .int-burger {
        width: 88%;
        background: #fff;
        overflow: hidden
    }
    .ft-map {
        width: 50%
    }
    .footer h4 {
        padding: 10px 20px
    }
    .nav-footer li {
        padding: 0 10px
    }
    .nav-footer li a {
        display: block;
        padding: 10px;
        font-size: 13px
    }
    .newsletter {
        width: 90%
    }
    .ft-contact,
    .powered-by {
        float: none;
        clear: both;
        width: 100%
    }
    .ft-contact {
        padding-left: 100px
    }
    .powered-by {
        text-align: right
    }
    .bandeiras,
    .selo-seguranca,
    #listasHome,
    .collection.group-2 {
        display: none
    }
    .ft-contact a.mapa {
        width: 267px;
        height: auto
    }
    .ft-social {
        margin-bottom: 15px;
        border-bottom: 1px dashed #9c3
    }
    #footer .tpl-1 {
        position: initial
    }
    .products .list-prod li {
        width: 50%
    }
    .productAdvantage {
        display: none
    }
    .new-title {
        font-size: 23px
    }
    .new-title .dash {
        padding: 18px 24px
    }
    #divCompreJunto table {
        display: block !important;
        width: 100%
    }
    #divCompreJunto td {
        display: block !important;
        width: 100% !important;
        float: none;
        clear: both
    }
    #divCompreJunto td.plus,
    #divCompreJunto td.equal {
        background: 0;
        color: #8cc8e3
    }
    #divCompreJunto h3 {
        text-align: center
    }
    #divCompreJunto td.itemA img,
    #divCompreJunto td.itemB img {
        width: 50%
    }
    .gallery-dpi {
        padding-top: 5px
    }
    .gallery-dpi li {
        padding: 5px
    }
    .gallery-dpi .capa {
        border-radius: 10px
    }
    .gallery-dpi li a {
        border-radius: 10px
    }
    body.depoimentos .col33 {
        width: 100%
    }
    .amp-capa {
        padding: 20px;
        height: 200px;
        overflow: hidden
    }
    .amp-capa img {
        width: 70%
    }
    .list-prod .slider {
        width: 305px
    }
    .int-modal-fixed,
    .int-modal {
        top: 10px !important;
        margin: 0 !important;
        width: 90% !important;
        padding: 3% !important;
        left: 2% !important;
        position: absolute !important
    }
    .int-modal.jn-add {
        height: auto
    }
    .int-modal-fixed img,
    .int-modal img {
        width: 100%;
        height: auto
    }
    .close-modal,
    .int-modal-fixed .click-hide {
        top: 5px;
        right: 5px
    }
    .jn-list .dash-modal {
        padding: 20px
    }
    .list-prod {
        padding: 0 5px;
        height: auto
    }
    .list-prod .flags-colecao.show_flag {
        right: 10%
    }
    .list-prod .flags-colecao.show_flag p {
        width: 50px;
        height: 50px;
        background-size: cover
    }
    .list-prod .flags-colecao p.novidade {
        background-position: 0 0
    }
    .list-prod .flags-colecao p.noturna {
        background-position: 0 -249px
    }
    .list-prod .flags-colecao p.minky {
        background-position: 0 -149px
    }
    .list-prod .flags-colecao p.especial {
        background-position: 0 -99px
    }
    .list-prod .flags-colecao p.outlet {
        background-position: 0 -50px
    }
    .list-prod .flags-colecao p.start-kit {
        background-position: 0 -250px
    }
    .list-prod .flags-desconto.show_flag {
        line-height: 10px;
        font-size: 13px;
        background-size: contain;
        top: 10%;
        width: 45px
    }
    .list-prod ul {
        border-top: 1px dashed #e0e0e0;
        margin-top: 20px;
        height: auto
    }
    .list-prod ul:first-of-type {
        border-top: 0;
        margin-top: 0
    }
    .list-prod li .ct {
        position: relative;
        height: auto
    }
    .list-prod li {
        width: 50%;
        height: auto;
        box-sizing: border-box;
        padding: 0 10px;
        float: none;
        display: inline-block;
        margin-top: 20px
    }
    .list-prod li:nth-child(even) {
        border-left: 1px dashed #e0e0e0
    }
    .list-prod .short-description {
        display: block;
        font-size: 13px;
        height: 70px !important;
        padding: 0 !important;
        margin-bottom: 10px
    }
    .list-prod .yv-review-quickreview {
        height: 20px !important
    }
    .list-prod .product-name {
        display: block;
        font-size: 17px;
        height: 57px !important;
        padding: 0 !important
    }
    .list-prod .product-action {
        margin: 0;
        height: auto
    }
    .list-prod .product-price {
        height: 58px
    }
    .list-prod .product-price em {
        display: block
    }
    .list-prod .product-action a.add-list .dash {
        font-size: 0;
        background: #8cc8e3 url(https://fraldasdipano.vteximg.com.br/arquivos/bg-add-lista-2.png) no-repeat 32px center;
        padding: 4px 0
    }
    .list-prod .product-action a.add-list .dash:hover {
        background-color: #63b4da
    }
    .list-prod .product-action a.add-list .dash:before {
        content: 'CH\00c1';
        font-size: 15px;
        display: inline-block;
        margin-left: 13px
    }
    .list-prod .product-action a.add-cart .dash {
        padding: 4px 0;
        font-size: 15px
    }
    body.home .prateleira ul li {
        position: relative
    }
    body.home .prateleira ul li:after {
        content: "";
        display: inline-block;
        width: 99%;
        height: 1px;
        border-bottom: 1px dashed #e0e0e0;
        position: absolute;
        left: 0;
        bottom: -10px
    }
    .prat-homolog.produto .list-prod,
    .prat-homolog.category .list-prod,
    .prat-homolog.departament .list-prod {
        height: auto
    }
    .prat-homolog.produto .list-prod ul,
    .prat-homolog.produto .list-prod li,
    .prat-homolog.category .list-prod ul,
    .prat-homolog.category .list-prod li,
    .prat-homolog.departament .list-prod ul,
    .prat-homolog.departament .list-prod li {
        height: auto
    }
    .prat-homolog.produto .list-prod .product-info,
    .prat-homolog.category .list-prod .product-info,
    .prat-homolog.departament .list-prod .product-info {
        height: 235px
    }
    .prat-homolog.produto .list-prod .product-action,
    .prat-homolog.category .list-prod .product-action,
    .prat-homolog.departament .list-prod .product-action {
        margin: 0
    }
    #promocoesHome .collection.group-2 {
        display: block
    }
    .fotos .slider {
        margin-left: -620px !important
    }
}

@media only screen and (max-width:540px) {
    .newsletter,.nav-home {
        display: none
    }

section#calculadora {
    box-sizing: border-box;
    width: 100%;
    /* display: table; */
}

.comparacao .numeros {
    width: 90%;
    background-position: center 46%;
}

.comparacao .numeros > div {
    width: 100%;
}

.comparacao .qtd-descartavel {
    margin-bottom: 60px;
}

.comparacao p {
    font-size: 22px;
}

.comparacao p span {
    font-size: 14px;
}

.comparacao .saiba-mais a.recalcular {
    margin: 0 0 10px 0;
}

.calculadora-v2__devicewrap {
    padding: 14px 5px;
}

.calculadora-v2__tecla {
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 39px;
    margin-right: 7px;
}

.calculadora-v2__device {
    width: 100%;
    padding: 10px 5px;
}
    .banner.posicao2 {
        padding-bottom: 30px
    }
    .banner.posicao2 .group-2 .box-banner {
        float: none;
        clear: both;
        width: 100%
    }
    body.home .list-prod h2 {
        padding: 0 60px;
        font-size: 26px;
        letter-spacing: -.5px
    }
    .banner.posicao2 h2 {
        font-size: 26px
    }
    .image-product {
        width: 80%
    }
    .vtexIdUI .modal-header .close {
        right: 10px !important;
        top: 10px !important
    }
    .vtexId-modal-app {
        width: 90% !important;
        left: 0 !important;
        margin-left: 0 !important;
        top: 0 !important;
        height: 90% !important;
        margin: 2% 4% !important;
        border-radius: 0 !important
    }
    .jn-add iframe {
        min-height: 350px;
        width: 100%
    }
    .videoDetalhe {
        padding-bottom: 187px
    }
    .fotos .slider {
        margin-left: -540px !important
    }
}

@media only screen and (max-width:480px) {
    .yv-bootstrap .yv-row {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .yv-review-user .yv-row>* {
        padding-bottom: 5px !important;
        width: 95% !important
    }
    .yv-storereview-buyprocess-title {
        height: initial !important
    }
    .ft-contact {
        padding: 0 20px
    }
    .ft-map {
        width: 100%
    }
    .int-burger {
        width: 80%
    }
    .close-menu {
        right: 20%
    }
    .powered-by {
        text-align: center
    }
    .powered-by .ico {
        margin: 0 5px
    }
    .image-product {
        width: 100%;
        padding: 0 0 16px
    }
    .info-product {
        width: 100%;
        padding: 16px
    }
    .new-title .dash {
        padding: 18px 16px
    }
    #fotosEnviadas .saiba-mais a,
    .vitrines .saiba-mais a {
        width: auto;
        margin: 0 20px;
        border-radius: 40px
    }
    #fotosEnviadas .saiba-mais a .dash,
    .vitrines .saiba-mais a .dash {
        padding: 4px 20px;
        border-radius: 40px
    }
    .hidden-xs {
        display: none
    }
    .fotos .slider {
        margin-left: -480px !important
    }
    #fotosEnviadas .slider {
        margin-left: 24px !important
    }
}

@media only screen and (max-width:362px) {
    #header .logo img {
        height: 78px
    }
    .mini-cart a.sub-open {
        padding: 37px 8px
    }
    .bt-mobile {
        padding: 39px 5px
    }
    .nav-footer li a {
        padding: 8px 10px
    }
    .product-action {
        margin: -60px 0 50px
    }
    .yv-review-quickreview {
        height: 30px
    }
    .list-prod .product-img img {
        width: 70%
    }
    .list-prod .product-info {
        height: auto
    }
    .list-prod li .ct {
        height: 440px
    }
    .list-prod .short-description {
        height: 34px;
        overflow: hidden
    }
    .list-prod .product-name {
        height: 27px;
        overflow: hidden
    }
    .videoDetalhe {
        padding-bottom: 165px
    }
    .fotos .slider {
        margin-left: -362px !important
    }
}

@media only screen and (max-width:326px) {
    .ft-contact a.mapa {
        width: 100%
    }
    .fotos .slider {
        margin-left: -326px !important
    }
}

.nav-footer li .ico.folder {
    background-image: url(https://fraldasdipano.vteximg.com.br/arquivos/dipano_ico-folder.png);
    background-size: contain;
    width: 180px;
    height: 180px;
    display: block;
    margin-top: -25px
}

.overlay {
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: inline-block;
    z-index: 88888
}

.folder-modal {
    position: fixed;
    left: 50%;
    margin-left: -450px;
    top: 50%;
    margin-top: -300px;
    border-right: 13px solid #fff;
    border-left: 13px solid #fff;
    border-top: 15px solid #fff;
    border-bottom: 13px solid #fff;
    background: #fff;
    z-index: 999999;
    border-radius: 20px
}

.folder-modal iframe {
    border: 2px dashed #09f;
    padding: 25px 15px;
    background: #fff;
    border-radius: 15px
}

.close {
    display: inline-block;
    position: fixed;
    color: transparent;
    top: 50%;
    margin-top: -315px;
    z-index: 999999;
    right: 50%;
    margin-right: -525px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    background: url(https://fraldasdipano.vteximg.com.br/arquivos/popup-close-btn.png) no-repeat center;
    background-size: contain
}

#vtex-callcenter .cc-fr-ns {
    color: #fff !important
}

@media screen and (max-width:920px) {
    .banner.posicao2 .group-2 .box-banner:last-child img {
        width: 92%
    }
    body.home .videoDetalhe {
        height: 245px
    }
}

@media screen and (max-width:540px) {
    .banner.posicao2 .group-2 .box-banner:last-child img {
        width: 100%
    }
    body.home .videoDetalhe {
        height: 205px
    }
}

#profile .form-business-data-name {
    display: none
}

.btn-layout {
    display: inline-block;
    position: relative;
    border: 1px dashed #fff;
    border-radius: 8px;
    padding: 5px 40px;
    color: #fff;
    font-size: 13px;
    transition: all .3s ease;
    text-transform: uppercase;
    font-family: "regular", sans-serif;
    font-weight: 100;
    cursor: pointer;
    box-shadow: 0 0 0 3px #fb83b0
}

.btn-layout-rosa {
    background: #fb83b0;
    box-shadow: 0 0 0 3px #fb83b0
}

.btn-layout-verde {
    background: #9C3;
    box-shadow: 0 0 0 3px #9C3
}

.btn-layout-azul {
    background: #8cc8e3;
    box-shadow: 0 0 0 3px #8cc8e3
}

body.listas.extrato,
body.listas.extrato #gcontent,
body.listas.extrato .tpl-container {
    background: 0
}

body.listas.extrato iframe#launcher,
body.listas.extrato #vtex-callcenter {
    display: none
}

.modal {
    position: fixed;
    left: 50%;
    top: 50%;
    background: #fff;
    z-index: 1050;
    width: 600px;
    padding: 0;
    margin-left: -300px;
    margin-top: -290px;
    display: none;
    outline: 0;
    padding: 8px;
    border-radius: 20px;
    font-family: "bold", sans-serif !important
}

.modal .fechar-x {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    top: -13px;
    right: -13px;
    z-index: 998;
    background-position: -340px -48px;
    background-image: url(img-common-6.png);
    background-repeat: no-repeat;
    display: block;
    text-indent: -99999px;
    font-size: 0;
    color: #fff;
    cursor: pointer
}

.modal>div:not(#response-message),
.modal>form:not(#response-message),
.modal>iframe:not(#response-message) {
    border: 2px dashed #09F;
    display: block;
    border-radius: 20px;
    padding: 15px
}

.modal>iframe:not(#response-message) {
    margin: 0 auto
}

.show {
    display: block !important
}

.ico-print,
.ico-refresh {
    display: none
}

@media screen {
    .ico-print,
    .ico-refresh {
        display: inline-block
    }
}

#fotosEnviadas .ver-todos a {
    display: block;
    color: #ff87b5;
    font-size: 1.3em;
    background: 0;
    padding: 10px;
    font-weight: 700
}

.xp-faq {
    margin-bottom: 50px
}

.xp-faq .resposta ul {
    list-style: disc;
    list-style-position: inside
}

.xp-faq .resposta ul li {
    line-height: 1.4
}

.perguntas-frequentes-link {
    position: absolute;
    top: 27px;
    right: 27px;
    color: #9C3;
    font-size: 1.6em
}

a.btn-disable {
    background-color: #cac4c4 !important;
    pointer-events: none
}

.vitrine-video {
    float: none;
    clear: both;
    margin-top: 20px;
    width: 100%;
    text-align: center
}

.vitrine-video h2 {
    text-align: left;
    font-size: 1.7rem
}

.vitrine-video article {
    display: inline-block;
    max-width: 30%;
    margin-right: 10px
}

.vitrine-video iframe {
    width: 250px;
    height: auto;
    padding: 10px 0
}

.vitrine-video div {
    text-align: justify;
    font-size: 1rem
}

@media screen and (max-width:800px) {
    .perguntas-frequentes-link {
        top: 36px;
        right: 36px
    }
    .vitrine-video article {
        max-width: 100%;
        margin-right: 0
    }
}