/* CSS Reset 
--------------------------------------------------------------*/   
.clr { height: 0; font-size: 0; line-height: 0; clear: both; }
* html .clrd { height: 1%; overflow: visible; }
*+html .clrd { min-height: 1%; }
.clrd:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size:0; }
.clrL { clear: left; }
.clrB { clear: both; }
select { display: block;  background-size: 12px auto ; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiM5MTkxOTEiIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg=="); background-repeat: no-repeat;    -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-smooth: always; cursor: pointer;  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;  -webkit-font-smoothing: antialiased !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body select:-internal-autofill-selected,  select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active  { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiM5MTkxOTEiIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==")!important;  }
select::-ms-expand { display: none; }
@-moz-document url-prefix() {
 select {
-moz-appearance: none;
 text-indent: 0.01px;
 text-overflow: '';
}
}
/* Selects and input sizes and font
--------------------------------------------------------------*/   

/*select { line-height: 1.5em;  height: 1.5em; }*/
input[type=text], input[type=password], input[name=shippingPostcode], input[type=email],  input[type=tel],  input[type=number],  input[type=search], textarea, .inTxt { -moz-osx-font-smoothing: grayscale; -webkit-transition-property: all; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -moz-transition-property: all; -moz-transition-duration: 150ms; -moz-transition-timing-function: linear; transition-property: all; transition-duration: 150ms; transition-timing-function: linear; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  -webkit-background-clip: padding-box; background-clip: padding-box;  }
.textarea { -webkit-transition-property: all; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -moz-transition-property: all; -moz-transition-duration: 150ms; -moz-transition-timing-function: linear; transition-property: all; transition-duration: 150ms; transition-timing-function: linear; display: block; }
textarea { overflow-y: auto; overflow-x: hidden; display: block; font-family: "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; }
.textarea textarea { width: 100%; max-width: 100%!important;  }
input, select, textarea { -moz-transform: scale3d(1, 1, 1); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: scale3d(1, 1, 1); -webkit-perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); }


#InnerCont .ctr { margin: 0 auto; max-width: 1100px; padding: 40px 10px; }
@media screen and (min-width: 768px) {
#InnerCont .ctr { padding: 104px 10px 40px 10px; }
}
/* 
////
//// Login
////
--------------------------------------------------------------*/
#loginCont * { box-sizing: border-box; }
#loginCont  { background: var(--bg-body-login); display: flex; justify-content: center; align-items: center; padding: 6rem 10px; min-height: calc(100vh - 448px); font-family: "Roboto", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; }
#loginCont p { margin: 0; }
#loginCont  .loginForm { background: #f9f9f9; border: solid 1px #d9d9d9; padding: 16px; color: #000; max-width: 386px; margin: 0 auto;  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);  -moz-box-shadow:  0px 0px 10px rgba(0,0,0,0.3);   -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.3); -webkit-border-radius:0px; -moz-border-radius: 0px; border-radius: 0px; }
#loginCont  .title { font-size: 20px; text-align: center; padding:4px 0 20px 0;  font-weight: bold;  }
#loginCont p { position: relative; }
#loginCont p label { font-size: 16px; line-height: 1.5em; }
#loginCont p input, #loginCont p textarea { background: none #fbfbfb!important; color: #000!important; font-size: 16px!important;  height: 2.54em!important; }
#loginCont p textarea { height: auto!important; min-height: 7.1em;width: 100%!important; max-width: 100%; }
#loginCont .msg {font-size: 13px; line-height: 1.2em; width: 100%; display: block; padding: 0 0 10px 0; text-align: center;  }
#loginCont .keep label { padding-left: 0; font-size: 13px; text-align: left; line-height: 1.2em; width: auto; display: block; padding: 0.5em 0; }
#loginCont .keep label input { float: left; width: 1em!important; height: 1em!important; display: block; margin: 0 0.4em 0 0; vertical-align: top; position: relative; top: 0em;  }
#loginCont p label.error, #loginCont p small.error  { float: left; font-size: 11px; padding: 2px 0 0 0;  color: #fa2700;  }
#loginCont .creat { padding-left: 0; font-size: 13px; line-height: 1.2em; width: 100%; display: block; padding: 0.5em 0; text-align: center;  }
#loginCont .creat a { color: rgba(0,0,0,0.75) }
#loginCont .creat a:hover { color: #000; }
#loginCont p.tos { text-align: center; font-size: 11px; line-height: 1.2em; width: 100%; display: block; padding: 0; color: rgba(255,255,255,0.75) }
#loginCont .formBtn { font-size: 18px; line-height: 2em; padding: 0.4em 1.2em; color: #fff;background-color: #1d84f7; font-family: "Roboto",sans-serif;display: inline-block;border: none;text-decoration: none; outline: 0;width: 100%; text-align: center; margin: 0 auto; box-sizing: border-box; cursor: pointer; }
@media all and (max-width: 1024px) {
#loginCont { min-height: calc(100vh - 368px); }
}
@media all and (max-width: 1024px) {
#loginCont { min-height: calc(100vh - 368px); }
}
@media (max-width: 479px) {
#loginCont { min-height: calc(100vh - 48.8rem); }
#loginCont  .title { font-size: 18px; text-align: center; padding:3px 0 19px 0;   }
}