/* error */
    .error{ border: 2px solid #f00; color: #f00; background-color: #faf5e1; margin: 3px 0; }
        label.error{
			height: 30px;
            margin: 0; 
            padding: 0 1px;
        }
	/*
    .error{ border: 2px solid #f00; color: #f00; background-color: #faf5e1; margin: 3px 0; }
        label.error{
            margin: 0; 
            padding: 0 1px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            border: 1px solid #f00;
            color: #f00;
            background-color: #f7d2d8;
            width: auto; 
            font-weight: normal; 
            padding: 3px; 
        }
        
	*/
        input.error,select.error,textarea.error{ 
			height: 40px;
            border: 1px solid #f00; 
            background-color: #f7d2d8; 
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }


div#offcanvasCart div.mini-cart-item div.mini-cart-item__content{ margin: 0 0 0 5px !important; }

/*----------------------------------------*/
/*  My Account
/*----------------------------------------*/
	.myaccount-popup {
	  z-index: 99;
	  transform: scale(0);
	  transition: all 0.3s ease;
	  opacity: 0;
	  visibility: hidden;
	}
	.myaccount-popup.open {
	  transform: scale(1);
	  opacity: 1;
	  visibility: visible;
	}
	.myaccount-popup__form {
	  max-width: 800px;
	  width: 100%;
	}
	.myaccount-popup__field {
	  font-size: 18px;
	  padding-left: 5px;
	  padding-right: 35px;
	}
	.myaccount-popup__field::-webkit-input-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.myaccount-popup__field:-moz-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.myaccount-popup__field::-moz-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.myaccount-popup__field:-ms-input-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.myaccount-popup__icon {
	  font-size: 22px;
	}
	.myaccount-popup__close {
	  background-color: #212121;
	}
	.myaccount-popup__close:hover {
	  background-color: #BC8157;
	}

	.myaccount-form {
	  position: relative;
	  border-width: 0 0 1px 0;
	  border-style: solid;
	  border-color: #85858570;
	  width: 280px;
	}
	@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
	  .myaccount-form {
		width: 100%;
	  }
	}
	.myaccount-form-field {
	  font-size: 12px;
	  color: #333333;
	  min-height: 30px;
	  border: 0px;
	  width: 100%;
	  padding-right: 15px;
	}
	.myaccount-form-btn {
	  position: absolute;
	  top: 0;
	  right: 0;
	  border: 0px;
	  background-color: transparent;
	}

/*----------------------------------------*/
/*  My Account Details
/*----------------------------------------*/
	.myaccountdetails-popup {
	  z-index: 99;
	  transform: scale(0);
	  transition: all 0.3s ease;
	  opacity: 0;
	  visibility: hidden;
	}
	.myaccountdetails-popup.open {
	  transform: scale(1);
	  opacity: 1;
	  visibility: visible;
	}
	.myaccountdetails-popup__form {
	  max-width: 800px;
	  width: 100%;
	}
	.myaccountdetails-popup__field {
	  font-size: 18px;
	  padding-left: 5px;
	  padding-right: 35px;
	}
	.myaccountdetails-popup__field::-webkit-input-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.myaccountdetails-popup__field:-moz-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.myaccountdetails-popup__field::-moz-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.myaccountdetails-popup__field:-ms-input-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.myaccountdetails-popup__icon {
	  font-size: 22px;
	}
	.myaccountdetails-popup__close {
	  background-color: #212121;
	}
	.myaccountdetails-popup__close:hover {
	  background-color: #BC8157;
	}

	.myaccountdetails-form {
	  position: relative;
	  border-width: 0 0 1px 0;
	  border-style: solid;
	  border-color: #85858570;
	  width: 280px;
	}
	@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
	  .myaccountdetails-form {
		width: 100%;
	  }
	}
	.myaccountdetails-form-field {
	  font-size: 12px;
	  color: #333333;
	  min-height: 30px;
	  border: 0px;
	  width: 100%;
	  padding-right: 15px;
	}
	.myaccountdetails-form-btn {
	  position: absolute;
	  top: 0;
	  right: 0;
	  border: 0px;
	  background-color: transparent;
	}

/*----------------------------------------*/
/*  My Account Addresses
/*----------------------------------------*/
	.myaccountaddress-popup {
	  z-index: 99;
	  transform: scale(0);
	  transition: all 0.3s ease;
	  opacity: 0;
	  visibility: hidden;
	}
	.myaccountaddress-popup.open {
	  transform: scale(1);
	  opacity: 1;
	  visibility: visible;
	}
	.myaccountaddress-popup__form {
	  max-width: 800px;
	  width: 100%;
	}
	.myaccountaddress-popup__field {
	  font-size: 18px;
	  padding-left: 5px;
	  padding-right: 35px;
	}
	.myaccountaddress-popup__field::-webkit-input-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.myaccountaddress-popup__field:-moz-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.myaccountaddress-popup__field::-moz-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.myaccountaddress-popup__field:-ms-input-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.myaccountaddress-popup__icon {
	  font-size: 22px;
	}
	.myaccountaddress-popup__close {
	  background-color: #212121;
	}
	.myaccountaddress-popup__close:hover {
	  background-color: #BC8157;
	}

	.myaccountaddress-form {
	  position: relative;
	  border-width: 0 0 1px 0;
	  border-style: solid;
	  border-color: #85858570;
	  width: 280px;
	}
	@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
	  .myaccountaddress-form {
		width: 100%;
	  }
	}
	.myaccountaddress-form-field {
	  font-size: 12px;
	  color: #333333;
	  min-height: 30px;
	  border: 0px;
	  width: 100%;
	  padding-right: 15px;
	}
	.myaccountaddress-form-btn {
	  position: absolute;
	  top: 0;
	  right: 0;
	  border: 0px;
	  background-color: transparent;
	}

/*----------------------------------------*/
/*  Login
/*----------------------------------------*/
	.login-popup {
	  z-index: 99;
	  transform: scale(0);
	  transition: all 0.3s ease;
	  opacity: 0;
	  visibility: hidden;
	}
	.login-popup.open {
	  transform: scale(1);
	  opacity: 1;
	  visibility: visible;
	}
	.login-popup__form {
	  max-width: 800px;
	  width: 100%;
	}
	.login-popup__field {
	  font-size: 18px;
	  padding-left: 5px;
	  padding-right: 35px;
	}
	.login-popup__field::-webkit-input-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.login-popup__field:-moz-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.login-popup__field::-moz-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.login-popup__field:-ms-input-placeholder {
	  opacity: 1;
	  color: #888888;
	}
	.login-popup__icon {
	  font-size: 22px;
	}
	.login-popup__close {
	  background-color: #212121;
	}
	.login-popup__close:hover {
	  background-color: #BC8157;
	}

	.login-form {
	  position: relative;
	  border-width: 0 0 1px 0;
	  border-style: solid;
	  border-color: #85858570;
	  width: 280px;
	}
	@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
	  .login-form {
		width: 100%;
	  }
	}
	.login-form-field {
	  font-size: 12px;
	  color: #333333;
	  min-height: 30px;
	  border: 0px;
	  width: 100%;
	  padding-right: 15px;
	}
	.login-form-btn {
	  position: absolute;
	  top: 0;
	  right: 0;
	  border: 0px;
	  background-color: transparent;
	}