.button:hover::before {
    background: transparent !important;
}

li.product:hover .button, li.product:hover .button::before {
    background: #00d2ff !important;
}
.single_add_to_cart_button.button {
    background: #00d2ff !important;
}
.single_add_to_cart_button.button:hover {
    background: black !important;
}
/* Images Products */
.img-list{
  height: 200px !important;
  max-width: 200px !important;
  max-height: 200px !important;
  margin: 0 auto !important;
}
.img-product{
  width: 90% !important;
}
.img-home{
  width: 100% !important;
}
/* Radio Buttons */
.radio {
   margin: 16px 0;
   display: block;
   cursor: pointer;
}
.radio input {
   display: none;
}
.radio input + span {
    line-height: 22px;
    height: 22px;
    padding-left: 22px;
    display: block;
    position: relative;
}
.radio input + span:not(:empty) {
    padding-left: 30px;
}
.radio input + span:before, .radio input + span:after {
    content: '';
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 50%;
    left: 0;
    top: 0;
    position: absolute;
}
.radio input + span:before {
    background: #D1D7E3;
    transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
    transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
    transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}
.radio input + span:after {
    background: #fff;
    -webkit-transform: scale(0.78);
    transform: scale(0.78);
    transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
.radio input:checked + span:before {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    background-color: #00d2ff !important;
}
.radio input:checked + span:after {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}
.radio:hover input + span:before {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
}
.radio:hover input + span:after {
    -webkit-transform: scale(0.74);
    transform: scale(0.74);
}
.radio:hover input:checked + span:after {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
}
/* Span Badge */
span.badge {
	border-radius: 4px;
    display: inline;
    padding: 5px;
    color: #fff;
    text-decoration: none;
    background-color: #00d2ff !important;
    margin: 0 auto;
    font-size: 10px;
}
span.badge-info{
	background-color: #8862e0 !important;
}
span.badge-process{
	background-color: #004c8c !important;
}
span.badge-on-way{
	background-color: #005662 !important;
}
span.badge-warning{
	background-color: #ffaf00 !important;
}
span.badge-success{
	background-color: #00ce68 !important;
}
span.badge-danger{
	background-color: #e65251 !important;
}
span.badge a{
	text-decoration: none;
	color: #fff;
}
/* Pagination */
.pagination > li > a,
.pagination > li > span{
	width: 50px;
	border-radius: 50px !important;
	margin: 2px;
    background-color: #fff !important;
    border: solid 2px #00d2ff !important;
    color: #00d2ff !important;
    font-weight: bold !important;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #00d2ff !important;
    border: solid 2px #fff !important;
    color: #fff !important;
	 font-weight: bold !important;
} 