@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap');
main{
    font-family: 'Montserrat', sans-serif;
}
.price span{
    line-height:100%.
}
.holder-image{
    position:relative;
}
.tag{
    position:absolute;
    bottom:0;
    right: 0;
    padding:2px 10px;
    font-weight:bold;
    font-size: 12px;
    text-align:center;
}
.desc{
    background-color:#DEFF00;
    right: auto;
    left: 0;
}
.desc .glyphicon {
    margin-right: 5px;
    margin-left: -4px;
    display: inline-block;
}
.best-sell{
    background-color:#08F8F8;
}
.frete{
    background-color:#09E8AC;
    max-width: 140px;
    width: 100%;
}
.photo{
    background-color:#FFBA00;
}
.best-sell img,
.photo img{
    display:inline-block;
    vertical-align: middle!important;
    margin: 0!important;
}
.frete img{
    max-width:20px;
    display:inline-block;
    vertical-align:middle;
}
h1 {
    text-align: center;
    font-size: 18px;
}
/* Category */
    .category-slide{
        /*max-width: 550px;*/
        text-align:center;
        margin:0 auto;
    }
    .banner-promo{
        text-align:center;
        margin:0 0 50px;
    }
    .banner-promo img{
        border-radius:20px
    }
    .item-category{
        display: inline-block;
        vertical-align: middle;
        margin: 10px;
    }

    .item-category a{
        color:#000;
        text-decoration:none;
    }
    .item-category span{
        border-radius: 100px;
        padding: 9px 19px;
        display: inline-block;
        max-width: 95px;
        width: 100%;
        vertical-align: middle;
    }
    .item-category span img{
        display:block;
        margin: 20% auto;
        width: 48px;
        height: 48px;
    }
    .item-category p{
        font-size:12px;
        max-width: 80px;
        display:block;
        margin: 10px auto;
        min-height: 40px;
        color: #000;
    }
    .category-slide .item-1 span{
        background-color: #FFA507;
    }
    .category-slide .item-2 span{
        background-color:#83DEA5;
    }
    .category-slide .item-3 span{
        background-color: #FED176;
    }
    .category-slide .item-4 span{
        background-color: #CD6A7E;
    }
    .category-slide .item-5 span{
        background-color:#76B1FE;
    }
    .category-slide .item-6 span{
        background-color: #DE83C6;
    }
    .category-slide .item-7 span{
        background-color: #C9DE83;
    }
/* Category */


/* Fotolivros */
    .fotolivros h1{
        text-align: center;
        font-size: 18px;
        color: #000;
    }
    .fotolivro-slider{
        max-width: 1300px;
        margin:0 auto;
    }
    .fotolivro-item a{
        display:block;
        border-radius: 10px;
        box-shadow: 0px 4px 9px #ccc;
        text-align:center;
        margin:10px;
        color:#000;
        padding:0 0 10px;
        text-decoration: none;
    }
    .fotolivro-item a img{
        width:100%;
        border-radius: 10px;
    }
    .fotolivro-slider h2{
        font-size:16px;
        margin:20px 0 20px;
    }
    .fotolivro-item .prod-title{
        font-weight:bold;
    }
    .fotolivro-item .subtext-prod{
        max-width: 160px;
        margin:0 auto 20px;
        height: 40px;
        font-size: 13px;
    }
    .fotolivro-item .price-de{
        font-size:15px;
    }
    .fotolivro-item span{
        display:block;
    }
    .fotolivro-item .price-por{
        font-size:33px;
    }
    .slick-prev:before,
    .slick-next:before {
        display: block;
        background-color: #fff;
        color: #FC525F;
        font-size: 22px;
        border-radius: 100px;
        opacity: 1;
        width: 50px;
        box-shadow: 1px 2px 3px #ccc;
        height: 50px;
        padding: 13px 0 0;
    }
    .slick-prev,
    .slick-next{
        z-index:1;
    }
    .slick-next {
        right: -5px;
    }
    .slick-prev {
        left: -38px;
    }
/* Fotolivros */
/* Fotos */
    .fotos {
        display: grid;
        grid-template-columns: 33vw 33vw;
        grid-template-areas:
            "empty"
            "content";
        justify-content: center;
        align-items: center;
        margin: 0 0;
        padding: 60px 0 50px;
        text-align: center;
    }
    .fotos h1{
        grid-area: content;
        grid-column: 1 / 3;
        grid-row: 1 / 1;
        text-align: center;
        color: #000;
        margin: 30px 0;
    }
    .image-foto{
        grid-area: content;
        grid-column: 1 / 1;
        grid-row: 2 / 2;
        text-align: center;
        font-size: 22px;
        text-transform: uppercase;
        color: #000;
        box-shadow: 0px 3px 8px #ccc;
        margin: 0 10px;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }
    .pacotes-fotos{
        grid-area: content;
        grid-column: 2 / 2;
        grid-row: 2 / 2;
        text-align: center;
        font-size: 22px;
        text-transform: uppercase;
        color: #000;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0px 3px 8px #ccc;
        margin: 0 10px;
        padding: 12px 0;
    }
    .image-foto .fotos-1015{
        font-size:45px;
        font-weight:bold;
        text-transform:none;
    }
    .pacotes-fotos .tag{
        position:relative;
        border-radius: 10px;
    }
    .pacotes-fotos .frete img{
        max-width:20px;
        display:inline-block;
        vertical-align:middle;
    }
    .pacotes-fotos .foto-ietm a{
        color:#000;
        text-decoration:none;
    }
    .pacotes-fotos .desc{
        max-width: 90px;
        margin-bottom: 9px;
    }
    .pacotes-fotos .photo{
        max-width: 135px;
    }
    .fotos-1015{
        position:absolute;
        bottom:0px;
        color:#fff;
        text-align:center;
        width:100%;
    }
    .foto-ietm img,
    .pacotes-itens{
        display:inline-block;
        vertical-align:top;
    }
    .foto-ietm:after{
        content:'';
        display:block;
        max-width:380px;
        border:solid 1px #EBEBEE;
        margin:10px auto;
    }
    .last-item:after{
        display:none;
    }
    .pacotes-itens h2{
        font-size:16px;
        line-height: 100%;
        margin: 10px 0 0;
        text-transform: none;
        font-weight: bold;
    }
    .link-fotos{
        font-size:16px;
        display:block;
        text-align:left;
        margin-left: 20%;
        text-transform: none;
    }
    .image-foto .price span{
        display:block;
    }
    .image-foto .price-por small{
        display:block;
        font-weight:normal;
        line-height:100%;
        font-size: 12px;
        text-align:right;
        max-width: 158px;
        margin: -12px auto 0;
    }
    .price-por{}
    .image-foto .fotos-price{
        font-size:12px;
        font-weight: normal;
    }
    a.cta-fotos{
        color:#fff;
        font-size:14px;
        display:block;
        margin:30px auto;
        padding:10px;
        border:solid 1px;
        max-width:150px;
        border-radius:30px;
        text-transform:uppercase;
    }
    @media(max-width:768px){
        .fotos {
            grid-template-columns: 95vw;
            padding: 10px 0;
        }
        .fotos h1 {
            grid-column: 1 / 1;
            color: #000;
            font-weight: 800;
        }
        .fotos h1 p{
            font-size: 14px;
        }
        .image-foto{
            display:none;
        }
        .pacotes-fotos{
            grid-area: content;
            grid-column: 1 / 1;
            grid-row: 2 / 2;
            width:98%;
            margin: 0 auto;
        }
        .foto-ietm img{
            max-width: 130px;
        }
    }
/* Fotos */
/* Ampliacao */
    .formatos-fotos {
        display: grid;
        grid-template-columns: 33vw 33vw;
        grid-template-areas:
            "empty"
            "content";
        justify-content: center;
        align-items: center;
        margin: 0 0;
        padding: 60px 0 50px;
        text-align: center;
    }
    .formatos-fotos h1{
        grid-area: content;
        grid-column: 1 / 3;
        grid-row: 1 / 1;
        text-align: center;
        color: #000;
        margin: 30px 0;
    }
    .image-foto-retro{
        grid-area: content;
        grid-column: 2 / 2;
        grid-row: 2 / 2;
        text-align: center;
        font-size: 22px;
        text-transform: uppercase;
        color: #000;
        border-radius: 10px;
        box-shadow: 0px 3px 8px #ccc;
        margin: 0 10px;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }
    .tamnhos-fotos{
        grid-area: content;
        grid-column: 1 / 1;
        grid-row: 2 / 2;
        text-align: center;
        font-size: 22px;
        text-transform: uppercase;
        color: #000;
        background-color: #fff;
        box-shadow: 0px 3px 8px #ccc;
        margin: 0 10px;
        padding: 13px 0;
        border-radius:10px;
        overflow:hidden;
    }
    .tamnhos-fotos .tag{
        position:relative;
        border-radius: 10px;
    }
    .tamnhos-fotos .frete img{
        max-width:20px;
        display:inline-block;
        vertical-align:middle;
    }
    .tamnhos-fotos .desc{
        max-width: 90px;
    }
    .tamnhos-fotos .photo{
        max-width: 135px;
    }
    .fotos-1015{
        position:absolute;
        bottom:0px;
        color:#fff;
        text-align:center;
        width:100%;
    }
    .pacotes-itens,
    .tamanhos-itens img{
        display:inline-block;
        vertical-align:top;
    }
    .foto-ietm img{
        margin-right:10px;
    }
    .tamanhos-itens:after{
        content:'';
        display:block;
        max-width:380px;
        border:solid 1px #EBEBEE;
        margin:10px auto;
    }
    .pacotes-itens{
        text-align:left;
    }
    .pacotes-itens .price-de{
        font-size:14px;
    }
    .pacotes-itens .price-por{
        font-size:22px;
    }
    .last-item:after{
        display:none;
    }
    .tamanhos-itens h2{
        font-size:16px;
    }
    .formatos-fotos .tamanhos-itens{
        max-width: 420px;
        margin:0 auto;
        text-align:left;
    }
    .formatos-fotos .tamanhos-itens a{
        color:#000;
        text-decoration:none;
    }
    .formatos-fotos .link-fotos{
        font-size:16px;
        display:block;
        text-align:left;
        margin-left: 20%;
        margin-top:20px;
    }
    .fotos-retro{
        position:absolute;
        bottom:0;
        text-align:center;
        width:100%;
        color:#fff;
    }
    .fotos-retro{
        font-size:45px;
        font-weight:bold;
        text-transform:none;
    }
    .fotos-retro .price span{
        display:block;
    }
    .fotos-retro .fotos-price {
        font-size: 12px;
        font-weight: normal;
    }
    .fotos-retro .price-por small {
        display: block;
        font-weight: normal;
        line-height: 100%;
        font-size: 12px;
        text-align: right;
        max-width: 158px;
        margin: -12px auto 0;
    }
    @media(max-width:768px){
        .formatos-fotos {
            grid-template-columns: auto;
            padding: 10px 0 ;
        }
        
        .formatos-fotos h1{
            grid-area: content;
            grid-column: 1 / 1;
            grid-row: 1 / 1;
            text-align: center;
            color: #000;
            margin: 30px auto;
            font-weight: 800;
        }
        .formatos-fotos h1 p{
            font-size: 14px;
        }
        .image-foto-retro{
            display:none;
        }
        .tamnhos-fotos{
            grid-area: content;
            grid-column: 1 / 1;
            grid-row: 2 / 2;
            text-align: center;
            font-size: 22px;
            text-transform: uppercase;
            color: #000;
            background-color: #fff;
            box-shadow: 0px 3px 8px #ccc;
            margin: 0 10px;
            padding: 13px 0;
            border-radius:10px;
            overflow:hidden;
        }
        .pacotes-itens .price-de {
            font-size: 12px;
        }
        .pacotes-itens .price-por{
            font-size:20px;
        }
        .last-item:after{
            content: '';
            display: block;
            max-width: 380px;
            border: solid 1px #EBEBEE;
            margin: 10px auto;
        }
        .formatos-fotos .link-fotos,
        .link-fotos{
            margin-left:7%;
        }
     }
/* Ampliacao */
/* Fotopresentes */
    .fotopresentes{
        margin:0;
        padding:50px 0;
    }
    .fotopresentes h1{
        text-align: center;
        font-size: 18px;
        color: #000;
    }
    .fotopresente-slider{
        max-width: 1300px;
        margin:0 auto;
    }
    .fotopresente-item a{
        background-color:#fff
    }
    .fotopresente-item a{
        display:block;
        border-radius: 10px;
        box-shadow: 0px 4px 9px #ccc;
        text-align:center;
        margin:10px;
        color:#000;
        padding:0 0 10px;
        text-decoration: none;
    }
    .fotopresente-slider h2{
        font-size:16px;
        margin:20px 0 30px;
        font-weight:bold;
    }
    .fotopresente-item .price span{
        display:block;
    }
    .fotopresente-item .price-de{
        font-size:15px;
    }
    .fotopresente-item .price-por{
        font-size:33px;
    }
    .fotopresente-item a img{
        width:100%;
        border-radius: 10px;
    }
    @media(max-width:768px){
        .fotopresentes{
            padding:10px 0;
        }
    }
/* Fotopresentes */
/* Decoracao */
    .decoracao{
        /*background-color:#fff; */
        margin:0;
        padding:50px 0;
    }
    .decoracao h1{
        text-align: center;
        font-size: 18px;
        color: #000;
    }
    .decoracao-slider{
        max-width: 1300px;
        margin:0 auto;
    }
    .decoracao-item a{
        display:block;
        border-radius: 10px;
        box-shadow: 0px 4px 9px #ccc;
        text-align:center;
        margin:10px;
        color:#000;
        padding:0 0 10px;
        text-decoration: none;
        background-color: #fff;
    }
    .decoracao-slider h2{
        font-size:16px;
        margin:20px 0 30px;
        font-weight:bold;
    }
    .decoracao-item .price-de{
        font-size:15px;
    }
    .decoracao-item .price-por{
        font-size:33px;
    }
    .decoracao-item a img{
        width:100%;
        border-radius:10px;
    }
    .decoracao-item .price span{
        display:block;
    }
    @media(max-width:768px){
        .decoracao{
            padding:10px 0;
        }
    }
/* Decoracao */
/* Hero */
    .slick-slide img{
        width: 100%;
    }
    .hero-category.slick-prev,
    .hero-category .slick-next{
        z-index:1;
    }
    .hero-category .slick-next {
        right: 45px;
    }
    .hero-category .slick-prev {
        left: 12px;
    }
    .slick-dots li button {
        background: #ccc;
        border-radius: 10px;
        width: 5px;
        height: 5px;
    }
    li.slick-active{
        opacity:0.5;
    }
    .filter-mobile{
        display:none;
    }
    @media(max-width:768px){
        .hero-category {
            display: grid;
            grid-template-columns: auto;
            grid-template-areas:
                "empty"
                "content";
            justify-content: center;
            align-items: center;
            margin: 0 0;
            text-align: center;
            width: 100%;
            max-width: 378px;
        }
        .slide-banner{
            grid-area: content;
            grid-column: 1 / 1;
            grid-row: 2 / 2;
            max-width: 768px;
            width: 100%;
        }
        .category-slide{
            grid-area: content;
            grid-column: 1 / 1;
            grid-row: 1 / 1;
        }
        .banner-promo{
            grid-area: content;
            grid-column: 1 / 1;
            grid-row: 4 / 4;
        }
        .banner-promo img{
            max-width: 340px;
            margin:0 auto;
        }
        .filter-mobile{
            display:block;
            grid-area: content;
            grid-column: 1 / 1;
            grid-row: 3 / 3;
            margin-bottom:30px
        }
        .filter-mobile a{
            display:inline-block;
            vertical-align:top;
            color:#000;
            text-decoration:none;
            text-align:center;
            margin:10px 10px;
        }
        .filter-mobile img{
            display:block;
            margin: 5px auto;
        }
        .item-category {
            margin: 10px 5px;
        }
        .category-slide .item-2{
        }
        .item-category span {
            padding: 9px 18px;
            max-width: 95px;
            width: 100%;
        }
        .category-slide .item-2 span {
            padding: 10px 15px;
        }
        .item-category span img {
            max-width: 43px;
            max-height: 43px;
        }
        .slick-slide img {
            margin: 0 auto;
            width: auto;
            border-radius: 20px;
        }
    }
/* Hero */

/* Extras */
@media (max-width:768px){
    .fotolivro-item .price-por,
    .fotopresente-item .price-por,
    .decoracao-item .price-por{
        font-size: 26px;
    }
    .frete {
        padding: 3px 5px;
        max-width: 134px;
    }
}
/* Extras */