#Modal-pop1, #Modal-pop2, #Modal-pop3 {
	font-family: "Open Sans", serif;
}

#Modal-pop1 .login-main, #Modal-pop2 .login-main, #Modal-pop3 .login-main{
    display: flex;
    justify-content: center;
    align-items: center;
}
#Modal-pop1 .login-main h1, #Modal-pop2 .login-main h1, #Modal-pop3 .login-main h1, #Modal-pop1 .login-main span.h1, #Modal-pop2 .login-main span.h1, #Modal-pop3 .login-main span.h1 {color: #4b7df7; font-size: 55px; font-weight: 800; margin: 0px auto; padding:0; font-family: "Open Sans", serif; font-style: normal; line-height: 62px;}

#Modal-pop1 .login-container, #Modal-pop2 .login-container, #Modal-pop3 .login-container {
  max-width: 670px;
  width: 100%;
  padding: 30px;
  margin: 30px;
  border: 2px solid #767680;
  border-radius: 19px;
  text-align: center;
}
#Modal-pop1 .login-container .login-logo, #Modal-pop2 .login-container .login-logo, #Modal-pop3 .login-container .login-logo {
  margin-bottom: 10px;
  margin-top: 35px;
}
#Modal-pop1 .login-container .login-logo img, #Modal-pop2 .login-container .login-logo img, #Modal-pop3 .login-container .login-logo img{max-width: 187px;}

#Modal-pop1 .login-container p.subtitle, #Modal-pop2 .login-container p.subtitle, #Modal-pop3 .login-container p.subtitle{font-family: "Open Sans", serif;font-size: 18px; margin: 0px 0px 30px; padding:0px;}

#Modal-pop1 .login-container p, #Modal-pop2 .login-container p, #Modal-pop3 .login-container p {
  margin-bottom: 20px;
}
#Modal-pop1 .login-form .input-group, #Modal-pop2 .login-form .input-group, #Modal-pop3 .login-form .input-group {
  margin-bottom: 15px;
  text-align: left;
}
#Modal-pop1 .login-form .input-group.forgot-pass-text, #Modal-pop2 .login-form .input-group.forgot-pass-text, #Modal-pop3 .login-form .input-group.forgot-pass-text{ text-align: right; margin-bottom: 30px;}

#Modal-pop1 .login-form .input-group input, #Modal-pop2 .login-form .input-group input, #Modal-pop3 .login-form .input-group input{
  font-family: "Open Sans", serif;
  width: 100%;
  padding: 0px 15px; 
  height: 56px;
  font-size: 14px;
  border: 1px solid #000;
  border-radius: 4px;
}

#Modal-pop1 .login-form .input-group input.is-invalid, #Modal-pop2 .login-form .input-group input.is-invalid, #Modal-pop3 .login-form .input-group input.is-invalid{
	border: 1px solid #FF0000;
}

#Modal-pop1 .login-form .input-group input.login-email, #Modal-pop2 .login-form .input-group input.login-email, #Modal-pop3 .login-form .input-group input.login-email{
	background-image: url(/assets/images/checkout_images/mesage.png); 
	background-repeat: no-repeat; 
	background-position:15px center;
	padding-left: 50px;
}


/* #Modal-pop1 .pop-bx.pop2 .login-container, #Modal-pop2 .pop-bx.pop2 .login-container, #Modal-pop3 .pop-bx.pop2 .login-container{top: 50%; left: 50%; transform: translate(-50%, -50%);} */

/* #Modal-pop1 .login-main.pop-bx, #Modal-pop2 .login-main.pop-bx, #Modal-pop3 .login-main.pop-bx{
	position: fixed;
    z-index: 99;
    left: 50%;
	display:none;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
} */

/* #Modal-pop1 .pop-bx .login-container, #Modal-pop2 .pop-bx .login-container, #Modal-pop3 .pop-bx .login-container{padding: 50px; position:relative; max-width:550px;} */
#Modal-pop1 .login-main.pop-bx .button-group-l-r .login-btn, #Modal-pop2 .login-main.pop-bx .button-group-l-r .login-btn, #Modal-pop3 .login-main.pop-bx .button-group-l-r .login-btn {
	width:100%; 
	font-weight:700;  
	background:#C50019; 
	color: white;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    border: none;
	font-family: "Open Sans", serif;
	height: 52px; border-radius: 52px;
}
#Modal-pop1 .login-main.pop-bx .button-group-l-r .login-btn:hover, #Modal-pop2 .login-main.pop-bx .button-group-l-r .login-btn:hover, #Modal-pop3 .login-main.pop-bx .button-group-l-r .login-btn:hover {
	background: #d13334;
}
#Modal-pop1 .dotted-line, #Modal-pop2 .dotted-line, #Modal-pop3 .dotted-line{
    align-items: center;
    align-self: stretch;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' fill='none'%3E%3Crect width='100%25' height='100%25' stroke='%23002772' stroke-dasharray='15, 10' stroke-dashoffset='15' stroke-linecap='square' stroke-width='1' rx='30' ry='30'/%3E%3C/svg%3E");
    display: flex;
    flex: 0 0 5.5rem;
    flex-direction: column;
    justify-content: center;
    position: relative;
    text-align: center;
    padding: 50px 30px;
    margin-bottom: 30px;
}

#Modal-pop1 .pop-bx .login-form .input-group input.login-email, #Modal-pop2 .pop-bx .login-form .input-group input.login-email, #Modal-pop3 .pop-bx .login-form .input-group input.login-email{border-radius: 0;}
#Modal-pop1 .pop-bx .login-container p.subtitle, #Modal-pop2 .pop-bx .login-container p.subtitle, #Modal-pop3 .pop-bx .login-container p.subtitle {color: #4b7df7; margin-bottom: 0; margin-top: 10px; font-size: 20px; font-weight: 500;}

#Modal-pop1 .pop-bx .guest-checkout, #Modal-pop2 .pop-bx .guest-checkout, #Modal-pop3 .pop-bx .guest-checkout {
    margin: 30px auto 0;
    max-width: 400px;
	font-family: "Open Sans", serif;
	font-weight: normal;
	line-height: 20px;
	font-size:14px;
	color: #000;
}
#Modal-pop1 .cancel-pop, #Modal-pop2 .cancel-pop, #Modal-pop3 .cancel-pop {position:absolute; right:40px; top:40px; cursor:pointer;}
#Modal-pop1 .cancel-pop img, #Modal-pop2 .cancel-pop img, #Modal-pop3 .cancel-pop img{height:24px; width:24px;}
#Modal-pop1 .login-main.pop2 h1, #Modal-pop2 .login-main.pop2 h1, #Modal-pop3 .login-main.pop2 h1, #Modal-pop1 .login-main.pop2 span.h1, #Modal-pop2 .login-main.pop2 span.h1, #Modal-pop3 .login-main.pop2 span.h1 {font-size: 35px; line-height:49px;}
/* #Modal-pop1 .login-main.pop2 h1 span, #Modal-pop2 .login-main.pop2 h1 span, #Modal-pop3 .login-main.pop2 h1 span {color:#c50019; } */

#Modal-pop1 .start-shopping, #Modal-pop2 .start-shopping, #Modal-pop3 .start-shopping {}
#Modal-pop1 .dotted-line.promo-code, #Modal-pop2 .dotted-line.promo-code, #Modal-pop3 .dotted-line.promo-code {background:none;}

#Modal-pop1 .dotted-line.promo-code h1, #Modal-pop2 .dotted-line.promo-code h1, #Modal-pop3 .dotted-line.promo-code h1, #Modal-pop1 .dotted-line.promo-code span.h1, #Modal-pop2 .dotted-line.promo-code span.h1, #Modal-pop3 .dotted-line.promo-code span.h1 {font-size:30px; line-height:40px;}
#Modal-pop1 .dotted-line.promo-code h1 span.promo, #Modal-pop2 .dotted-line.promo-code h1 span.promo, #Modal-pop3 .dotted-line.promo-code h1 span.promo, #Modal-pop1 .dotted-line.promo-code span.h1 span.promo, #Modal-pop2 .dotted-line.promo-code span.h1 span.promo, #Modal-pop3 .dotted-line.promo-code span.h1 span.promo {color:#c50019;}

#Modal-pop1 .promo-code img, #Modal-pop2 .promo-code img, #Modal-pop3 .promo-code img {max-width:70px; margin-bottom:25px;}

#Modal-pop1 .modal-name, #Modal-pop2 .modal-name, #Modal-pop3 .modal-name {display:none;}

@media screen and (max-width: 768px) {
	#Modal-pop1 .dotted-line, #Modal-pop2 .dotted-line, #Modal-pop3 .dotted-line{
		 padding: 20px 20px;
	}
	#Modal-pop1 .login-main.pop2 h1, #Modal-pop2 .login-main.pop2 h1, #Modal-pop3 .login-main.pop2 h1, #Modal-pop1 .login-main.pop2 span.h1, #Modal-pop2 .login-main.pop2 span.h1, #Modal-pop3 .login-main.pop2 span.h1 {font-size: 26px; line-height:36px;}
	#Modal-pop1 .login-main h1, #Modal-pop2 .login-main h1, #Modal-pop3 .login-main h1, #Modal-pop1 .login-main span.h1, #Modal-pop2 .login-main span.h1, #Modal-pop3 .login-main span.h1 {color: #4b7df7; font-size: 30px; line-height: 40px;}
	#Modal-pop1 .login-container, #Modal-pop2 .login-container, #Modal-pop3 .login-container {padding: 20px;}
}