.supply {
	font-family: "Roboto",sans-serif;
	
    display: flex;

    justify-content: space-between;

    margin-top: 30px;
	
	margin-bottom: 30px;

}

.supply-block {

    width: calc(33.3333% - 12px);

}

.supply-head {

    height: 30px;

    background: #4f81bc;

    border-radius: 10px 10px 0 0;

    font-weight: 900;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    text-transform: uppercase;

}

.supply-body-up {

    background: #7eb9ff;

    background: linear-gradient(to top, #4f81bc, #7eb9ff);

    margin-top: 10px;

    position: relative;

}

.supply-f-m {

    display: flex;

    justify-content: space-between;

    padding: 5px 5px 0 5px;

}

.supply-f-m div {

    color: #fff;

    text-transform: uppercase;

    font-size: 10px;

}

.supply-f-m div:last-child {

    text-align: right;

}

.supply-product-img {

    display: flex;

    justify-content: center;

}

.supply-product-img img {

    margin-bottom: -15px;

    padding: 15px 15px 0;
	
	max-height: 155px;
	
	max-width: 100%;

}

.supply-price-bottle {

    margin-top: 25px;

}

.supply-price-f-bottle {

    color: #4f81bc;

    display: flex;

    justify-content: center;

    border-top: 1px solid #4f81bc;

    padding: 10px 0;

}

.supply-price-f-bottle .supply-currency {

    font-size: 26px;

    line-height: 26px;

    margin-top: 5px;

    font-weight: 600;

    margin-right: 5px;

}

.supply-price-f-bottle .supply-price {

    font-size: 50px;

    font-weight: 500;

    line-height: 50px;

}

.supply-price-f-bottle .supply-penny {

    font-weight: 400;

    margin-top: 5px;

    margin-left: 5px;

    text-transform: uppercase;

}

.supply-price-f-bottle .supply-penny div:first-child {

    font-size: 20px;

}

.supply-price-f-bottle .supply-penny div:last-child {

    font-size: 10px;

}

.supply-count-bottle {

    text-align: center;

}

.supply-count-bottle span {

    -webkit-clip-path: polygon(7% 0, 93% 0, 100% 100%, 0% 100%);

    clip-path: polygon(7% 0, 93% 0, 100% 100%, 0% 100%);

    background: #4f81bc;

    display: inline-block;

    padding: 2px 30px;

    color: #fff;

    font-size: 14px;

    margin-bottom: -1px;

}

.supply-total-price {

    text-align: center;

    font-size: 22px;

    color: #4f81bc;

    font-weight: bold;

}

.supply-regular-price {

    text-align: center;

    font-size: 14px;

    color: #6f7172;
}

.supply-you-save {

    text-align: center;

    font-size: 14px;

    color: #cd0909;

    margin-top: 10px;

    font-weight: 600;

}

.supply-cart-btn {

    margin-top: 15px;
	
	text-align: center;

}

.supply-cart-btn a {

    text-shadow: 1px 1px 1px rgba(178,72,6,1);

    background: #ff9247;

    background: -moz-linear-gradient(top,#ff9247 -1%,#f75b03 100%);

    background: -webkit-gradient(linear,left top,left bottom,color-stop(-1%,#ff9247),color-stop(100%,#f75b03));

    background: -webkit-linear-gradient(top,#ff9247 -1%,#f75b03 100%);

    background: -o-linear-gradient(top,#ff9247 -1%,#f75b03 100%);

    background: -ms-linear-gradient(top,#ff9247 -1%,#f75b03 100%);

    background: linear-gradient(to bottom,#ff9247 -1%,#f75b03 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9247',endColorstr='#f75b03',GradientType=0);

}

.supply-cart-btn a {

    display: block;

    padding: 14px 0;

    width: 100%;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 10px;

    color: #fff!important;

    text-align: center;

    font-weight: 700;

    font-size: 22px;

    text-decoration: none;

    -webkit-box-shadow: 0 2px 5px 0 rgba(50,50,50,0.46);

    -moz-box-shadow: 0 2px 5px 0 rgba(50,50,50,0.46);

    box-shadow: 0 2px 5px 0 rgba(50,50,50,0.46);

    border-bottom: 5px solid #b24806;

    border-top: 1px solid #b24806;

    border-left: 1px solid #b24806;

    border-right: 1px solid #b24806;

}

.content-tab .supply-cart-btn a {
	display: inline-block;
	padding: 10px 0;
	max-width: 170px;
	font-size: 19px;
}

.supply-body {

    background: #f3f3f3;

}

.supply-body-footer {

    background: #f3f3f3;

    padding: 0 20px 20px 20px;

}

.supply-cart-btn a:hover {

    background: #f75b03;

    background: -moz-linear-gradient(top,#f75b03 0%,#ff9247 101%);

    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f75b03),color-stop(101%,#ff9247));

    background: -webkit-linear-gradient(top,#f75b03 0%,#ff9247 101%);

    background: -o-linear-gradient(top,#f75b03 0%,#ff9247 101%);

    background: -ms-linear-gradient(top,#f75b03 0%,#ff9247 101%);

    background: linear-gradient(to bottom,#f75b03 0%,#ff9247 101%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f75b03',endColorstr='#ff9247',GradientType=0);

}



.supply-losung div:before, .supply-losung div:after {

    display: block;

    content: "";

}



.supply-losung div:before {

    background: #000000;

    -webkit-clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);

    clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);

    position: absolute;

    width: 100%;

    height: 100%;

    top: 1px;

    left: 0;

    z-index: -2;

}

.supply-losung div:after {

    background: #4f81bc;

    -webkit-clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);

    clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0;

    z-index: -1;

}



.supply-losung div {

    background: #4f81bc;

    display: inline-block;

    padding: 4px 16px;

    color: #fff;

    font-size: 16px;

    margin-bottom: -1px;

    -webkit-clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);

    clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);

}

.supply-losung {

    position: absolute;

    display: flex;

    justify-content: center;

    width: 100%;

    margin-top: -5px;

    text-transform: uppercase;

}

.supply-sale {

    position: absolute;

    top: 50px;

    right: -15px;
	
	display: none;

}

.supply-coupon {
    display: flex;
    justify-content: center;
    font-size: 32px;
    font-weight: 600;
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.supply-product-img img {
		max-height: 128px;
	}
}

@media screen and (min-width: 769px) and (max-width: 991px){
	.supply-product-img img {
		max-height: 101px;
	}
}

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

    .supply {

        flex-direction: column;
        width: 330px;
        margin: 0 auto;
        /* padding: 0 20px; */
        margin-top: 30px;

    }

    .supply-block {

        width: 100%;

        margin-bottom: 20px;

    }

}

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

    .supply {

        width: 100%;

        padding: 0 10px;



    }

}

@media screen and (min-width: 769px) {
	.container.fh {
		height: 86.9vh;
	}
}