/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


/*= General =================== */

/** General >> Woocommerce shipping totals table data **/
.woocommerce-shipping-totals td {
	visibility: visible !important;
	cursor: pointer !important;
}

/** General >> Shipping method list item (#1) **/
#shipping_method li:nth-of-type(1) {
	border: 2px solid rgb(252, 73, 19) !important;
	-webkit-animation-name: rubberBand !important;
	animation-name: rubberBand !important;
	-webkit-animation-duration: 1s !important;
	animation-duration: 1s !important;
}

/** General >> Shipping method list item (#2) **/
#shipping_method li:nth-of-type(2) {
	border: 2px solid rgb(252, 73, 19) !important;
	-webkit-animation-name: rubberBand !important;
	animation-name: rubberBand !important;
	-webkit-animation-duration: 1s !important;
	animation-duration: 1s !important;
}

/** General >> List item (#1) label **/
#shipping_method > li:nth-of-type(1) > label {
	color: rgb(252, 73, 19) !important;
	background-color: rgb(255, 255, 255) !important;
	cursor: pointer !important;
}

/** General >> List item (#2) label **/
#shipping_method > li:nth-of-type(2) > label {
	color: rgb(252, 73, 19) !important;
	background-color: rgb(255, 255, 255) !important;
	cursor: pointer !important;
}

/** General >> Content the content **/
#Content .the_content {
	border-color: rgb(252, 73, 19) !important;
}

/** General >> Submit button _3 **/
#product-6147 button[type="submit"] {
	width: 120px !important;
	min-width: 120px !important;
	container-type: normal !important;
}

/** General >> Mfn wish button **/
.cart .mfn-wish-button {
	padding-right: 80px !important;
}

/** General >> Custom options _3 **/
#Content .custom_options {
	width: 500px !important;
	min-width: 500px !important;
}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** General >> Quantity **/
	#product-5514 .quantity {
	margin-right: 40px !important;
}

	/** General >> Submit button **/
	#product-5514 button[type="submit"] {
	width: 100px !important;
	min-width: 100px !important;
	margin-right: 30px !important;
}

	/** General >> Cart **/
	#product-5514 .cart {
	width: 300px !important;
}

	/** General >> Cart _2 **/
	#Content .cart {
	width: 200px !important;
}

	/** General >> Quantity _2 **/
	#product-6147 .quantity {
	width: 80px !important;
	min-width: 80px !important;
}

	/** General >> Custom options **/
	#product-6147 .custom_options {
	width: 180px !important;
}

	/** General >> Submit button _3 **/
	#product-6147 button[type="submit"] {
	width: 100px !important;
	min-width: 100px !important;
}

	/** General >> Custom options _3 **/
	#Content .custom_options {
	width: 230px !important;
	min-width: 230px !important;
}

	/** General >> Quantity _3 **/
	#Content .quantity {
	width: 80px !important;
	margin-right: 0 !important;
}

	/** General >> Submit button _5 **/
	#Content button[type="submit"] {
	width: 80px !important;
	min-width: 80px !important;
}

	/** General >> Mfn product add to cart **/
	#Content .mfn-product-add-to-cart {
	margin-left: -25px !important;
}

}