@charset "utf-8";

/*
/ Reset & Common
*/
#gb-product-tile p {
    margin:0;
    padding:0;
    line-height:1;
}
#gb-product-tile a {
	display:block;
    position:relative;
	width:100%;
    color:#FFF;
}
#gb-product-tile a.text-blk {
    color:#000;
}
#gb-product-tile {
    height:auto;
    padding-top:8px;
    padding-bottom:0;
}
@media screen and (max-width:1239px) {
    #gb-product-tile {
        padding-top:3px !important;
    }
}
@media screen and (max-width:1023px) {
    #gb-product-tile {
        padding-top:10px !important;
    }
}
@media screen and (max-width:767px) {
    #gb-product-tile {
        padding-top:25px !important;
    }
}
@media screen and (max-width:480px) {
    #gb-product-tile {
        padding-top:10px !important;
    }
}
#gb-product-tile:hover {
    border-color:#FFF;
}
#gb-product-tile img {
	display:block;
    width:100%;
    max-width:316px;
}
#gb-product-tile .gb-text-wrap {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding-top:7.985%;/*22(275.5)*/
    padding-left:7.985%;/*22(275.5)*/
    text-align:left;
}
#gb-product-tile .gb-text-top {
    margin-bottom:2.766%;/*7(253)*/
    font-size:14.79px;/*34*0.435*/
    font-weight:400;
    line-height:1;
}
@media (max-width:1279px) {
    #gb-product-tile .gb-text-top {
        font-size:1.193vw;
    }
}
@media (max-width:1023px) {
    #gb-product-tile .gb-text-top {
        font-size:1.661vw;/*17*/
    }
}
@media (max-width:639px) {
    #gb-product-tile .gb-text-top {
        font-size:2.546vw;/*16.269*/
    }
}
#gb-product-tile .gb-prod-name {
    margin-bottom:6.719%;/*17(253)*/
    font-size:26.1px;/*60*0.435*/
    font-family: Canela, serif;
    line-height:1.066;
}
@media (max-width:1279px) {
    #gb-product-tile .gb-prod-name {
        font-size:2.04vw;
    }
}
@media (max-width:1023px) {
    #gb-product-tile .gb-prod-name {
        font-size:2.932vw;/*30*/
    }
}
@media (max-width:639px) {
    #gb-product-tile .gb-prod-name {
        font-size:4.493vw;/*28.71*/
    }
}
#gb-product-tile .gb-text-bottom {
    margin-bottom:8.3%;/*21(253)*/
    font-size:14.79px;/*34*0.435*/
    font-weight:400;
    line-height:1;
}
@media (max-width:1279px) {
    #gb-product-tile .gb-text-bottom {
        font-size:1.156vw;
    }
}
@media (max-width:1023px) {
    #gb-product-tile .gb-text-bottom {
        font-size:1.661vw;/*17*/
    }
}
@media (max-width:639px) {
    #gb-product-tile .gb-text-bottom {
        font-size:2.546vw;/*16.269*/
    }
}
#gb-product-tile .gb-cta {
    width:48.221%;/*122(253)*/
    padding:2.964% 0;/*7.5(253)*/
    border:1px solid #FFF;
    font-size:14px;/*32*0.435*/
    font-weight:700;
    line-height:1;
    text-align:center;
}
@media (max-width:1279px) {
    #gb-product-tile .gb-cta {
        font-size:1.094vw;
    }
}
@media (max-width:1023px) {
    #gb-product-tile .gb-cta {
        font-size:1.564vw;/*16*/
    }
}
@media (max-width:639px) {
    #gb-product-tile .gb-cta {
        font-size:2.396vw;/*15.312*/
    }
}
#gb-product-tile a.text-blk .gb-cta {
    border-color:#000;
}