#header {background: #232f3e}

.my_account_page_footer a {position: relative; font-size: 13px;}
.my_account_page_footer a.fl span {
  font-size: 16px;
  position: relative;
  top: 3px;
  left: -4px;
  margin-right: -5px;
}
.my_account_page_footer a span {display: none;}
.my_account_page_footer .fr {float: right;}
.border-box {border: 1px solid #ddd;}
.user-form .card-body {padding: 0px;}
.user-form .page-header h1, #authentication  #wrapper h1  {text-transform: uppercase}
.user-form h1, #authentication  #wrapper h1 {font-size: 20px; font-weight: 600; color: #222}
.user-form {margin: 0 auto;}
.user-form--sm {max-width: 600px;}
.password-email span {position: relative; top: 6px;}
.box-registration, #authentication .box-register, #registration #wrapper .card  {background: #f7f7f7}
.form-text.text-muted {display: none}
.form-group .custom-control.custom-checkbox {margin-bottom: -10px}
#wrapper .form-control {height: calc(2.3em + 1rem + 0px);}
#wrapper .form-group .form-label {top: 4px}
#wrapper  .form-group .form-control:focus ~ .form-label, #wrapper  .form-group.active .form-label, #wrapper  .form-group.form-ok .form-label, #wrapper  .form-group.form-error .form-label {
  transform: translateY(-0.7rem) translateY(0.1rem) scale(0.8);
}

.register-info-top p {font-weight: 500; font-size: 14px}
.register-info-top ul {list-style: none}
.register-info-top ul li {position: relative; font-size: 14px; padding-left: 22px; margin-bottom: 4px; font-weight: 500;}
.register-info-top ul li:before {content:''; width: 6px; height: 6px; border-radius: 50%; background: #333; position: absolute; left: 0px; top: 7px;}
#authentication .forgot-password a {font-weight: 600; text-decoration: underline; font-size: 14px;}
#authentication .forgot-password a:hover {text-decoartion: none}
#registration .register-form .field-password-policy {display: block !important}


.form-group-birthday ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    transparent;
}
.form-group-birthday :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    transparent;
   opacity:  0;
}
.form-group-birthday ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    transparent;
   opacity:  0;
}
.form-group-birthday :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    transparent;
   opacity:  0;
}
.form-group-birthday ::-ms-input-placeholder { /* Microsoft Edge */
   color:    transparent;
   opacity:  0;
}

.form-group-birthday ::placeholder { /* Most modern browsers support this now. */
   color:    transparent;
   opacity:  0;
}

.form-group-birthday .form-text.text-muted {display: block;position: absolute;right: 10px;top: 13px;color: #ddd !important;}

.header-nav .header-row {align-items: center;}
.header-nav .header-row .icon-checkout {font-size: 14px; font-weight: 500; position: relative; padding-left: 40px; color: #fff}
.header-nav .header-row .icon-checkout:before {content:''; width: 30px; height: 30px; background-size: 100% !important; background-repeat: no-repeat !important; position: absolute; left: 0px; top: -5px}
.header-nav .header-row .safe-payment.icon-checkout:before {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTcwNyAxNzA3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0xNDcwIDE3MDZINDk0Yy00OSAwLTg5LTQwLTg5LTg4di02MGMwLTE0IDExLTI1IDI1LTI1czI1IDExIDI1IDI1djYwYzAgMjIgMTggNDAgNDAgNDBoOTc4YzIyIDAgNDAtMTggNDAtNDBWNzIwSDQ1MnYyMjRjMCAxMy0xMSAyNC0yNSAyNHMtMjUtMTEtMjUtMjRWNjk3YzAtMTQgMTEtMjUgMjUtMjVoMTEwN2MxNCAwIDI1IDExIDI1IDI1djkyMWMxIDQ4LTM5IDg4LTg5IDg4eiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNDM4IDcyMEg1MjZjLTE0IDAtMjUtMTEtMjUtMjVWNDgwQzUwMiAyMTUgNzE3IDAgOTgyIDBzNDgwIDIxNSA0ODAgNDgwdjIxN2MwIDEyLTExIDIzLTI0IDIzem0tODg4LTQ4aDg2M1Y0ODBjMC0yMzctMTk0LTQzMS00MzEtNDMxUzU1MCAyNDIgNTUwIDQ4MHoiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMTMzNyA3MjBINjI3Yy0xNCAwLTI1LTExLTI1LTI1VjQ4MGMxLTIwOSAxNzAtMzgwIDM4MC0zODAgMjA5IDAgMzgwIDE2OSAzODAgMzc5djIxNmMtMSAxNC0xMSAyNS0yNSAyNXptLTY4NS00OGg2NjFWNDgwYy0xLTE4My0xNDktMzMxLTMzMS0zMzFTNjUyIDI5NyA2NTIgNDc5ek0xMDUzIDE0ODZIOTExYy0xNCAwLTI1LTExLTI1LTI1di0yNjRjLTQ2LTMyLTczLTgzLTczLTEzOCAwLTkzIDc1LTE3MCAxNjgtMTcwIDkyIDAgMTY5IDc3IDE2OSAxNzAgMCA1NS0yOCAxMDgtNzQgMTM4djI2NGMwIDE1LTExIDI1LTIzIDI1em0tMTE3LTQ5aDkzdi0yNTJjMC04IDQtMTcgMTMtMjEgMzctMjIgNjEtNjEgNjEtMTA0IDAtNjctNTUtMTIxLTEyMS0xMjEtNjcgMC0xMTkgNTQtMTE5IDEyMSAwIDQzIDIzIDgzIDYxIDEwNCA3IDQgMTIgMTMgMTIgMjF6TTQyOCAxNTgyYy0yIDAtNSAwLTgtMi0yNzctMTAyLTI3NS0yNzctMjcyLTQ4MHYtNjZjMC0xNCAxMS0yNSAyNS0yNSAxNTMgMCAyMzctODIgMjM5LTg0IDktOSAyNS05IDM0IDAgMiAyIDg2IDg0IDIzOCA4NCAxNCAwIDI1IDExIDI1IDI1djY2YzIgMjAzIDUgMzc4LTI3MSA0ODAtNCAwLTcgMi0xMCAyem0tMjMxLTUyNXY0M2MtMyAyMDQtNCAzNDAgMjMxIDQzMCAyMzYtOTAgMjMzLTIyNiAyMzItNDMwdi00M2MtMTE5LTUtMTk4LTU1LTIzMC04Mi0zNSAyNy0xMTQgNzctMjMzIDgyeiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Ik0zNzQgMTM2N2MtNyAwLTEyLTMtMTYtN2wtNzctNzdjLTktOS05LTI1IDAtMzQgMTAtMTAgMjUtMTAgMzUgMGw2MCA1OSAxNjYtMTY2YzEwLTEwIDI1LTEwIDM1IDBzMTAgMjUgMCAzNWwtMTg2IDE4M2MtNCA0LTEwIDctMTcgN3oiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);}
.header-nav .header-row .back-shop.icon-checkout:before {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik03LjI5MyA0LjI5M2ExIDEgMCAwIDEgMS40MTQgMS40MTRMNi40MTQgOEgxNWE2IDYgMCAwIDEgMCAxMmgtNWExIDEgMCAxIDEgMC0yaDVhNCA0IDAgMCAwIDAtOEg2LjQxNGwyLjI5MyAyLjI5M2ExIDEgMCAxIDEtMS40MTQgMS40MTRsLTQtNGExIDEgMCAwIDEgMC0xLjQxNHoiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);}
.header-nav .header-row .back-shop.icon-checkout {padding-left: 30px;}
.header-nav .header-row img.logo {max-width: 120px; border-radius: 10px;}

.footer-checkout {background: #f9f9f9}
.footer-checkout p.head-checkout {font-weight: 700; margin-bottom: 4px; font-size: 16px;}
.footer-checkout p {font-size: 13px; margin-bottom: 4px;}
.footer-checkout p.faq-checkout a {font-weight: 600; text-decoration: underline; font-size: 14px; color: #a2c823;}
.footer-checkout .ps-module-link {flex: 0 0 100%; max-width: 100%; margin-bottom: 0px !important; padding: 0px}
.footer-checkout .row {align-items: flex-end;}
.footer-checkout .ps-module-link .d-flex {display: none !important}
.footer-checkout .ps-module-link .collapse {display: block !important}
.footer-checkout .ps-module-link li {display: inline-block; border-right: 1px solid #222; padding-right: 8px; margin-right: 4px !important}
.footer-checkout .ps-module-link li:last-child {border-right: 0px; padding-right: 0px; margin-right: 0px;}
.footer-checkout .ps-module-link .links-list {padding-top: 4px; padding-bottom: 8px;}
.footer-checkout .ps-module-link .links-list a {color: #222 !important; font-size: 14px !important;}



@media (min-width: 1200px) {
	
.user-form {max-width: 800px;}
.padding-box {padding: 40px 70px 30px; margin: 40px auto;}
#registration .user-form.box-registration  {max-width: 600px;}
#authentication #wrapper .card {max-width: 90%; margin: 0 auto 40px;}
#authentication #wrapper  .padding-box {padding: 40px 50px 30px;}
#authentication  #wrapper h1 {margin-bottom: 40px !important}
#authentication  #wrapper .btn.btn-primary {padding-top: 15px; padding-bottom: 15px;}
#authentication #wrapper .register-zone {max-width: 390px}
#authentication #wrapper .login-zone {padding-right: 100px !important;}
#authentication #login-form .form-footer .btn {min-width: 280px}
#login-form  .form-group-password .input-group-append .material-icons {position: relative;  top: -3px;}
	
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	
.user-form {max-width: 650px;}
.padding-box {padding: 30px 30px; margin: 30px auto;}
.padding-box.box-registration {padding: 30px 60px;}
#authentication  #wrapper .btn.btn-primary {padding-top: 15px; padding-bottom: 15px;}
#authentication  #wrapper h1 {margin-bottom: 50px !important}
#authentication #wrapper .register-zone {max-width: 340px}
#authentication #wrapper .login-zone {padding-right: 80px !important;}
#authentication #login-form .form-footer .btn {min-width: 280px}
#login-form  .form-group-password .input-group-append .material-icons {position: relative;  top: -3px;}
	
}


@media only screen and (min-width:768px) and (max-width:991px) {
	
.user-form {max-width: 500px;}
.padding-box {padding: 30px 30px; margin: 20px auto;}
.padding-box.box-registration {padding: 30px 60px;}
.user-form h1 {font-size: 22px;}
#authentication  #wrapper .btn.btn-primary {padding-top: 15px; padding-bottom: 15px;}
#authentication  #wrapper h1 {margin-bottom: 30px !important}
#authentication #wrapper .login-zone {padding-right: 40px !important;}
#authentication #login-form .form-footer .btn {min-width: 240px}

}

@media ( min-width :992px) {
.header-nav .header-row .back-shop.icon-checkout:before {background-size: 23px !important; background-position: 0px 2px !important;}
}

@media ( min-width :768px) {
.text-left.required_text {text-align: right !important;}
#authentication .text-left.required_text {text-align: left !important;}
#registration .text-left.required_text {text-align: left !important;}
}

@media ( max-width :767px) {

.padding-box, .padding-box.login-zone {padding: 30px; margin-top: 10px;}
.padding-box.login-zone {border: 1px solid #ddd; margin-bottom: 20px;}
.padding-box.box-registration {padding: 30px; margin-top: 10px;}
.user-form h1 {font-size: 22px;}
.card-footer.text-left {text-align: center !important; margin-top: 10px !important}
.footer-checkout .checkout-right.text-right {text-align: left !important}
	
}


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

.header-nav.header-checkout {box-shadow: 0px 5px 10px rgba(0,0,0,0.06);}
.header-nav.header-checkout .row {padding-bottom: 15px !important; padding-top: 15px !important}
.header-nav.header-checkout img.logo {max-width: 100px;}
.header-nav.header-checkout .header-row .icon-checkout span {display: none}
#footer {margin-top: 30px;}
	
}

@media ( max-width :576px) {

.user-form h1, #authentication  #wrapper h1 {font-size: 18px;}
.header-nav.header-checkout img.logo {max-width: 100px;}

}