ul
{
padding:0px;
margin:0px;
}
ul li
{
list-style:none;
}
body
{
width:100%;
margin:0px;
padding:0px;
background-color: #aaa;
/*font-family: 'NeueHaasGroteskDisp Pro' !important;*/
font-weight:400 !important;
/*font-family: "OpenSans-Regular" !important;*/
overflow-x:hidden;
}
body {
margin: 0;
font-family: 'Montserrat-Medium', sans-serif !important; /* Custom font */
}
@font-face {
font-family: 'Montserrat-Medium';
src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
url('../fonts/Montserrat-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat-SemiBold';
src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
url('../fonts/Montserrat-SemiBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
/* Fallback font */
@font-face {
font-family: 'FallbackFont'; /* Name it whatever you like */
font-style: normal;
font-weight: normal;
src: local('Arial'), local('Helvetica'), sans-serif;
}
/* Apply the fallback font to all elements */
* {
font-family: 'FallbackFont', sans-serif;
}
a:focus
{
outline:none !important;
outline-offset:0px !important;
text-decoration:none !important;
}
a:focus, a:hover
{
outline:none !important;
outline-offset:0px !important;
text-decoration:none !important;
}
.top_links a:focus
{
color:#fff !important;
}
#page_wrap
{
width:100%;
height:auto;
padding:0px;
margin:0px;
}
.hydro_login_bg
{
width: 100%;
height:100vh;
float: left;
background-image:url(../images/hydrocart-bg.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.hydro_login_bg:after
{
content: " ";
z-index: 10;
display: block;
height:100vh;
position:absolute;
top: 0;
left: 0;
right: 0;
background-color: #000;
opacity: 0.5;
}


/* Login */
.CaptchaWrap { width: 50%;
height: auto;
float: left;position: relative; }
.CaptchaTxtField { 
border: 1px solid #ccc; 
display: block;  
box-sizing: border-box;
}

.forgetpw_popup div.index_popup_forms
{
height:auto !important;    
padding:0px !important;    
}
.enq_capcha_field {
width: 50%;
height: 40px;
float: left;
}
.success {
color: green;
font-size: 18px;
margin-bottom: 15px;
display: none;
}
#UserCaptchaCode {
padding: 8px 10px;
outline: none;
font-size: 12px;
font-weight: normal;
width: 100%;
height: auto;
float: left;
}
.errormsg {
width: 100%;
height: auto;
float: left;
font-size: 12px;
margin-top: 2px;
color: red;
text-align: left;
letter-spacing: 0.8px;
}
.CaptchaWrap {
width: 50%;
height: auto;
float: left;
position: relative;
}
.CaptchaWrap input
{
border:none !important;
outline:none !important;
}
#CaptchaImageCode {
text-align: center;
padding: 0px 0;
width: 85%;
height: auto;
float: left;
overflow: hidden;
}
#CaptchaImageCode canvas
{
padding:0px !important;    
}
.capcode {
font-size: 46px;
display: block;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
letter-spacing: 1px;
color: #ccc;
font-weight: 100;
font-style: italic;
width: 100% !important;
height: 34px !important;
float: left;
}
#CaptchaImageCode {
text-align: center;
padding: 0px 0;
width:82%;
height:35px;
float: left;
overflow: hidden;
}
.ReloadBtn {
background: url(../images/reload.webp) left top no-repeat !important;
background-size: 100% !important;
width: 20px !important;
height: 20px !important;
border: 0px !important;
outline: none !important;
cursor: pointer !important;
margin: 6px 0px 0px 5px !important;
}
#CaptchaImageCode input.ReloadBtn
{
padding: 0px !important;
height: 23px !important;
width: 23px !important;   
outline:none !important;
}
#CaptchaImageCode input.ReloadBtn:hover, #CaptchaImageCode input.ReloadBtn:focus
{
outline:none !important;    
}
input.ReloadBtn
{
padding: 0px !important;
height: 23px !important;
width: 23px !important;  
outline: none !important;
}
input.ReloadBtn:hover, input.ReloadBtn:focus
{
outline: none !important;    
}
#myModalforgetpw div.modal-body {
    padding: 0px 0px 25px 0px !important;
}
.modal-open {
overflow: hidden !important;
width: 102% !important;
}
html
{
overflow:hidden;    
}



.ecom_login
{
width: 100%;
height:100vh;
float: left;
/*background-image:url(../images/online-shopping.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;*/
background-color: #f9fcff;
    background-image: linear-gradient(
147deg, #f9fcff 0%, #dee4ea 74%);
background-attachment:fixed;
}
.ecom_login2:after
{
content: " ";
z-index: 10;
display: block;
height:100vh;
position:absolute;
top: 0;
left: 0;
right: 0;
background-color: #fff;
opacity: 0.9;
}
.bck_to_hm_btn {
position: absolute;
right: 30px;
top: 30px;
z-index:111;
}
.bck_to_hm_btn a {
color:#fff;
font-size:12px;
letter-spacing:1px;
font-family: 'NeueHaasGroteskDisp Pro'; font-weight:normal;
z-index:111;
}

.ecom_login_contain
{
width: 30%;
height: auto;
float: left;
margin: 10% 35% 0px 35%;
position: absolute;
z-index: 111;
background-color: #fff;
padding: 20px 30px;
}
.ecom_forgetpw_contain {
width: 100%;
height: auto;
float: left;
margin: 0px;
z-index: 111;
padding: 0px;
}
.ecom_login_contain form
{
width:100%;
height:auto;
float:left;	
}

.hydro_login_contain
{
width: 30%;
height: auto;
float: left;
margin: 10% 35% 0px 35%;
position: absolute;
z-index: 111;
background-color:#fffc;
padding: 20px 30px;
text-align:center;
}
.hydro_login_contain form
{
width:100%;
height:auto;
float:left;	
}
.hydro_login_contain form img
{
margin:0px 0px 15px 0px;    
}




.ecom_login_logo
{
width:100%;
height:auto;
float:left;
margin:0% 0px 0px 0%;
font-family: 'Crete Round' !important;
color: #000;
font-size: 35px;
font-weight: 800;
text-align: center;
}
.ecom_login_logo img {
height: auto;
width: 212px;
}
.ecom_login_logo span
{
font-family: 'Josefin Sans' !important;    
}
.ecom_login_hdtxt
{
width: 100%;
height:auto;
float: left;
font-size: 16px;
letter-spacing: 1px;
font-weight: 600;
color: #000;
margin:2% 0px 5% 0px;
text-align: center;
}
.hydro_log_footer {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    text-align: center;
    bottom: 0px;
    padding: 8px 0px;
    font-size: 10px;
    font-family: 'NeueHaasGroteskDisp Pro'; font-weight:normal;
    color: #fff;
    letter-spacing: 1px;
    z-index:111;
}
.login_field
{
width:100%;
height:58px;
float:left;
}
.login_field input
{
width:100%;
height:auto;
float:left;
outline:none;
border:none;
border-bottom:1px solid #111;
padding:0px 0px 8px 0px;
font-size:14px;
letter-spacing:1px;
color:#111;
background-color:transparent;
}
.ecom_login_btn
{
width:auto;
height:auto;
float:right;
text-align:center;
margin:25px 0px 8px 0px;
}
.login_fpw
{
width: auto;
height: auto;
float: left;
margin: -12px 0px 0px 0px;
padding: 12px 0px 0px 0px;
}
.login_fpw a
{
font-size: 11px;
letter-spacing: 0.8px;
font-weight: 400;
color: #111;
}
.login_fpw a:hover
{
text-decoration:underline !important;
color:#111;
}
.resend_otp
{
width:auto;
height:auto;
float:left;
}
.resend_otp a 
{
font-size: 11px;
letter-spacing: 0.8px;
font-weight: 400;
color: #111;
float: left;
margin: 0px 10px 0px 0px;
}
.resend_otp a:hover
{
text-decoration:underline !important;
color:#111;
}
.resend_otp_timelft
{
width:auto;
height:auto;
float:left;
font-size:12px;
letter-spacing:1px;
color:red;
}

.ecom_login_btn input
{
width:100%;
height:auto;
float:left;
padding:7px 12px;
background-color:transparent;
border:1px solid #111;
font-size:15px;
letter-spacing:1px;
font-weight:normal;
color:#111;
outline:none;
margin: -35px 0px 0px 0px;
}
.ecom_login_btn input:hover
{
background-color:#B00707;
color:#fff;
border:1px solid #B00707;
}
#ecom_login_verify_fom
{
display:;
}
#ecom_forget_pw
{
display:;
}
#ecom_new_pw
{
}
/* Login End */