.free-shipping{background-color: #483729;width: 100%;padding: 12px 15px;}
.free-shipping .container{max-width: 1283px;position: relative;}
.free-shipping .wrapper-text{position: relative;text-align: center;max-width: 650px;margin: 0 auto;}
.free-shipping .wrapper-text p > span {position: relative;}
.free-shipping .wrapper-text p > span::before{content: '';position: absolute;top: calc(50% - 8px);left: -30px;width: 18px;height: 18px;background: url(/sysimages/icon-check-white.png) no-repeat left top/18px;}

.free-shipping .wrapper-text p, .free-shipping .wrapper-text span, .free-shipping .wrapper-text a{display: inline-block;color: #fff;}
.free-shipping .wrapper-text p{font-size: 14px;}
.free-shipping .wrapper-text span{font-size: 16px;padding-right: 9px; font-weight: bold;}
.free-shipping .wrapper-text a{font-size: 11px;text-decoration: underline;margin-left: 10px;}
.free-shipping .wrapper-text a:hover{text-decoration: none;}

.free-shipping .wrapper-close{position: absolute;top: 0;right: 0;width: 16px;height: 17px;}
.free-shipping .wrapper-close .close{position: relative;}
.free-shipping .wrapper-close .close::before{content: '';position: absolute;top: calc(50% + 2px);left: 0;width: 16px;height: 17px;background: url(/sysimages/icon-close-shipping.png) no-repeat left top/16px;}
.free-shipping .wrapper-close .close:hover::before{opacity: 0.7;}

body.isChromeSafari .free-shipping .wrapper-close .close::before{top: calc(50% + 2px);}
body.IEMODE .free-shipping .wrapper-close .close::before{top: calc(50% + 2px);}
body.isSafari .free-shipping{padding: 15px;}

@media screen and (max-width: 768px){
	.free-shipping {padding-top: 8px; padding-bottom: 6px;}
	.free-shipping .wrapper-text p > span::before{left: -19px; top: 6px;}
	.free-shipping .wrapper-close .close::before {top:6px;}
	.free-shipping .wrapper-text p, .free-shipping .wrapper-text span, .free-shipping .wrapper-text a{display: block;}
	.free-shipping .wrapper-text p, .free-shipping .wrapper-text span{font-size: 12px; line-height: 100%;}
	.free-shipping .wrapper-close{top: calc(50% - 15px);right: -5px;}
	.free-shipping .wrapper-close .close{width: 16px;height: 17px;display: block;}
}

.free-shipping .close:after{width: 0px !important;}