/*pop step 1*/

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.2');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.2') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.2') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.2') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.2') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
#errmsg {
    color: red;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0;
	text-align: center;
}
.step1{width:722px; margin:0 auto; padding:22px; display:table; background:#ffffff; box-shadow:inset 0px 0px 10px 10px rgba(210, 210, 210, 0.2); height:300px; border:5px solid #fff; box-sizing:border-box; position: relative;}

.step1 h1{ width:100%; float:left; margin:0px; padding:0px; text-align:center; font-size:34px; color:#000; font-weight:400;}

.step-image { float:left; margin:-27px 0 0 0; padding:0px; line-height:0px; position:absolute; }
.progress-img { width:100%; float:left; margin:0px; padding:0px; line-height:0px; text-align:center;}
.progress-img > img {
    max-width: 100%;
    width: 92%;
}
.cross{float:right; margin:-35px -35px 0 0; padding:0px; line-height:0px;}
.logo1 { width:100%; float:left; margin:0px; padding:15px 0; line-height:0px; text-align:center}
.fields { width:100%; float:left; margin:20px 0 6px 0; padding:0 30px; box-sizing:border-box;}
.txtfields{width:100%; float:left; margin:0 0 8px 0; padding:0px 10px; border:#a2a1a1 1px solid; border-radius:5px; height:46px; box-sizing:border-box; font-size:16px; color:#7a7a7a; font-weight:300;}

#register{ width:492px; margin:0 auto; padding:0px; display:table;}
 
.register a i{ font-size:25px; color:#fff; font-weight:700;}

.register {  border: 0 none;cursor:pointer;display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s;
transition-duration: 0.3s;  background:#f0c018; padding:15px; border-radius:6px; box-shadow:0px 5px 0px #dfb111; font-size:20px; color:#fff; text-transform:uppercase; text-align:center; font-weight:700; text-decoration:none; line-height:25px; }
.register:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#333; padding:15px 0; border-radius:6px; box-shadow:0px 5px 0px #dfb111; font-size:20px; color:#fff; text-transform:uppercase; text-align:center; font-weight:700; text-decoration:none; line-height:25px;  
-webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; 
-webkit-transition-property:transform; transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out; border-radius:5px;}
.register:hover, .register:focus, .register:active {color: #fff; border-radius:5px;}
.register:hover:before, .register:focus:before, .register:active:before {-webkit-transform: scaleY(1); transform: scaleY(1); }

.share { margin:0 auto; padding:15px 0 0 0; display:table; color:#7a7a7a; font-size:14px; font-weight:300; text-align:center;}
.icon{float:left; margin:0 7px 0 0; }

/* Modal Content/Box */
.modal-content {
   /* background-color: #fefefe; padding: 20px;
    border: 1px solid #888;*/
    margin: 8% auto; /* 15% from the top and centered */
   
    width: 50%; /* Could be more or less, depending on screen size */
}

/*close pop step 1*/

/*pop step 2*/
.step2{width:930px; margin:0 auto; padding:22px 25px; display:table; background:#ffffff; box-shadow:inset 0px 0px 10px 10px rgba(210, 210, 210, 0.2); height:300px; box-sizing:border-box; position: relative;}
.step-image1 { float:left; margin:0px 0 0 -26px; padding:0px; line-height:0px; position:absolute; }
.step2 h1{ width:100%; float:left; margin:0px; padding:15px 0 0 100px; text-align:left; font-size:18px; color:#333333; font-weight:700; box-sizing:border-box;}

.step-left { width:480px; float:left; margin:40px 0 0 0; padding:0px;}
.step-left ul{ width:100%; float:left; margin:0px 0 0 0; padding:0px;}
.step-left ul li{ width:100%; float:left; margin:0px 0 6px 0; padding:0px; list-style:none;}
.step-left ul li span{ width:160px; float:left; margin:0px; padding:0px; list-style:none; line-height:36px; font-size:14px; color:#222;}
.field-right { width:320px; float:right; margin:0px; padding:0px;}
.txtfields1{width:100%; float:left; margin:0 0 0px 0; padding:0px 10px; border:#a2a1a1 1px solid; border-radius:5px; height:36px; box-sizing:border-box; font-size:14px; color:#7a7a7a; font-weight:300;}

.phone-num { width:102px; float:left; margin:0 7px 0 0; padding:0px;}
.phone-num1 { width:102px; float:left; margin:0 0px 0 0; padding:0px;}
.verify { float:right; margin:5px 0 0 0; padding:0px; clear:both;}
.verify a{ float:right; margin:0px 0 0 0; padding:4px 10px; background:#37951d; border-radius:5px; text-align:center; color:#fff; font-size:13px; font-weight:400; text-decoration:none}
.verify a:hover{ float:right; margin:0px 0 0 0; padding:4px 10px; background:#333; border-radius:5px; text-align:center; color:#fff; font-size:13px; font-weight:400; clear:both;}

.complete { width:253px; float:right; margin:6px 0 0 0; padding:0px 0;}
.complete input[type="submit"] { border:0px;width:253px; float:right; margin:0px; background:#f0c018; padding:15px 0; border-radius:6px; box-shadow:0px 5px 0px #dfb111; font-size:20px; color:#fff; text-transform:uppercase; text-align:center; font-weight:700; text-decoration:none; line-height:25px; cursor: pointer !important;}
.complete input[type="submit"]:hover{ width:253px; float:right; margin:0px; background:#333; padding:15px 0; border-radius:6px; box-shadow:0px 5px 0px #dfb111; font-size:20px; color:#fff; text-transform:uppercase; text-align:center; font-weight:700; text-decoration:none; line-height:25px; }


.step-right { width:350px; float:right; margin: 25px 0 0; padding:0px; background: #EBEBE4 none }
.step-right h2{ width:100%; float:left; margin:0px; padding:0px; text-align:left; font-size:14px; color:#333333; font-weight:700; text-transform:uppercase; margin: 11px 0 4px 8px;}

.amazon-profile { width:100%; float:left; margin:20px 0 0 0; padding:15px; border:#d4d4d4 1px solid; border-radius:10px; line-height:18px; font-size:13px; color:#333; box-sizing:border-box; position:relative;}
.amazon-profile span{ width:100%; float:left; margin:0px; padding:0px; line-height:18px; font-size:14px; color:#333; font-weight:600;}
.amazon-profile p{float:left; margin:-34px 0 0 0; padding:0px; line-height:0px;}



.amazon-profile:after {content: ""; display: block;  width: 0;  height: 0;  margin-top: -12px; 
border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-right: 18px solid #DCDCDC;
    position: absolute;
    left: 25px;
    top: -14px;
    transform: rotate(90deg);}



/*close pop step 2*/

/*popup 2*/

.popup1 {width:551px; margin:0 auto; padding:35px 18px 22px 18px; display:table; background:#ffffff; box-shadow:inset 0px 0px 10px 10px rgba(210, 210, 210, 0.2); height:300px; border:5px solid #fff; box-sizing:border-box; position: relative;}
.popup1 h1{ width:100%; float:left; margin:0px; padding:0px 25px 0 25px; text-align:center; font-size:28px; color:#333333; font-weight:400; box-sizing:border-box; text-transform:uppercase; font-family: 'Open Sans', sans-serif; letter-spacing:-1.5px;}
.popup1 h1 span {font-weight:700;}
.cross1 {float:right; margin:-40px -20px 0 0; padding:0px; line-height:0px;}

.fields1 { width:100%; float:left; margin:20px 0 6px 0; padding:0 30px; box-sizing:border-box;}
.txtfields2{width:100%; float:left; margin:0 0 8px 0; padding:0px 10px; border:#a2a1a1 1px solid; border-radius:5px; height:56px; box-sizing:border-box; font-size:18px; color:#7a7a7a; font-weight:300; text-align:center}

.submit-now { width:253px; margin:0 auto; padding:0px 0; display:table;}
.submit-now input[type="submit"] {cursor:pointer;border:0px; width:253px; float:right; margin:0px; background:#f0c018; padding:15px 0; border-radius:6px; box-shadow:0px 5px 0px #dfb111; font-size:20px; color:#fff; text-transform:uppercase; text-align:center; font-weight:700; text-decoration:none; line-height:25px; }
.submit-now input[type="submit"]:hover{ width:253px; float:right; margin:0px; background:#333; padding:15px 0; border-radius:6px; box-shadow:0px 5px 0px #dfb111; font-size:20px; color:#fff; text-transform:uppercase; text-align:center; font-weight:700; text-decoration:none; line-height:25px; }

.popup1 ul{margin:16px 0 0 0; padding:0px; width:100%; float:left;}
.popup1 ul li{width:50%; margin:0px; padding:0px; float:left; list-style:none; font-size:14px; font-weight:300; color:#333;line-height:23px;}
.popup1 ul li:last-child{width:145px; margin:0px; padding:0px; float:right; line-height:23px;}
.popup1 ul li a{color:#333; text-decoration:none}
.popup1 ul li a:hover{color:#000; text-decoration: underline}

.popup-icon{float:left; margin:0 10px 0 0; padding:0px;}
.msgcls{
    color: red;
   font-size: 14px;
    font-weight: bold;
}
#alertmsg > img {
    vertical-align: middle;
}


.step-right-area { width:350px; float:right; margin:0px 0 0 0; padding:0px;}
.name-help{ background: #EBEBE4 none repeat scroll 0 0; width: 80%; float: left;  margin: 90px 0 0 !important; padding: 12px;
border-radius: 3px; line-height: 21px; font-size: 16px; color: #333; box-sizing: border-box; position: relative;}
.name-help:after {content: "";  display: block; width: 0; height: 0; margin-top: -12px; border-top: 12px solid transparent;
border-bottom: 12px solid transparent; border-right: 17px solid #EBEBE4;  position: absolute; left: -14px; top: 22px;}




.email-help{ background: #EBEBE4 none repeat scroll 0 0; width: 80%; float: left;  margin: 35px 0 0 !important; padding: 12px;
border-radius: 3px; line-height: 21px; font-size: 16px; color: #333; box-sizing: border-box; position: relative;}
.email-help:after {content: "";  display: block; width: 0; height: 0; margin-top: -12px; border-top: 12px solid transparent;
border-bottom: 12px solid transparent; border-right: 17px solid #EBEBE4;  position: absolute; left: -14px; top: 22px;}

.closebutton {
    margin: 0 4px 0 91px !important;
}

/*popup 2*/

.agreediv {
    border: 1px solid;
    border-radius: 5px;
    float: left;
    height: 140px;
    overflow-y: scroll;
    scroll-behavior: auto;
    width: 100%;
	font-size:13px;
}

@media only screen and (min-width: 1000px) and (max-width: 1169px){

.modal{z-index:9999;}
.modal-content {
    margin: 10% auto;
    width: 90%;
}
}

@media only screen and (min-width: 768px) and (max-width: 999px){
.modal{z-index:9999;}
.modal-content {
    margin: 10% auto;
    width: 90%;
}

/*popup*/
.step1{width:100%; margin:0 auto; padding:22px; display:table; background:#ffffff; box-shadow:inset 0px 0px 10px 10px rgba(210, 210, 210, 0.2); height:300px; border:5px solid #fff; box-sizing:border-box; position: relative;}
.step1 h1{ width:100%; float:left; margin:0px; padding:0px; text-align:center; font-size:18px; color:#000; font-weight:400;}
.progress-img { width:100%; float:left; margin:0px; padding:0px; line-height:0px; text-align:center;}
.progress-img img{ width:100%; height:auto;}
.fields { width:100%; float:left; margin:20px 0 6px 0; padding:0 0px; box-sizing:border-box;}
#register{ width:100%; margin:0 auto; padding:0px; display:table;}
/*close popup*/
/*step 2*/
.step2{width:100%;}
.step-left { width:100%;}
.field-right { width:510px;}
.phone-num { width:32%;}
.phone-num1 { width:33%;}
.step-right { width:350px; float:left; margin:40px 0 0 0; padding:0px;}



/*close step 2*/


}

@media only screen and (min-width: 480px) and (max-width: 767px){

.modal-content {
    margin: 8% auto;
    width: 90%;
}

/*popup*/
step-image{display:none;}
.step1{width:100%; margin:0 auto; padding:22px; display:table; background:#ffffff; box-shadow:inset 0px 0px 10px 10px rgba(210, 210, 210, 0.2); height:300px; border:5px solid #fff; box-sizing:border-box; position: relative;}
.step1 h1{ width:100%; float:left; margin:0px; padding:0px; text-align:center;   font-size: 15px; color:#000; font-weight:400;}
.logo1{  padding: 5px 0;}
.progress-img { width:100%; float:left; margin:0px; padding:0px; line-height:0px; text-align:center;}
.progress-img img{ width:100%; height:auto; display:none;}
.fields { width:100%; float:left; margin:20px 0 6px 0; padding:0 0px; box-sizing:border-box;}
#register{ width:100%; margin:0 auto; padding:0px; display:table;}
.register{
font-size: 13px;
    font-weight: 500;
    line-height: 12px;
    padding: 8px 0;
}
.txtfields{
	font-size: 13px;
	font-weight: 300;
	height: 32px;
	margin: 0 0 6px;
}
/*close popup*/
.popup1 {width:100%; margin:0 auto; padding:35px 15px 22px 15px; display:table; background:#ffffff; box-shadow:inset 0px 0px 10px 10px rgba(210, 210, 210, 0.2); height:300px; border:5px solid #fff; box-sizing:border-box; position: relative;}
.popup1 h1{ width:100%; float:left; margin:0px; padding:0px 15px 0 15px; text-align:center; font-size:26px; color:#333333; font-weight:400; box-sizing:border-box; text-transform:uppercase; font-family: 'Open Sans', sans-serif; letter-spacing:-1.5px;}
.fields1 { width:100%; float:left; margin:20px 0 6px 0; padding:0 0px; box-sizing:border-box;}

}

@media only screen and (max-width: 479px){
.modal-content {
    margin: 8% auto;
    width: 90%;
}


.homemobileDiv .modal-content{width:100%; margin:inherit;}
.homemobileDiv .step1{display:block; height:auto;}
.homemobileDiv .logo1 img{width:100%;}
.homemobileDiv .register { width: 100%; white-space:normal;}
.homemobileDiv #register { width: 100%;}
.homemobileDiv #myModal{width:100%;}
.homemobileDiv .container{width:100%;}

/*popup*/
.step1{width:100%; margin:0 auto; padding:12px; display:table; background:#ffffff; box-shadow:inset 0px 0px 10px 10px rgba(210, 210, 210, 0.2); height:300px; border:5px solid #fff; box-sizing:border-box; position: relative;}

.step1 h1{ width:100%; float:left; margin:0px; padding:0px; text-align:center; font-size:18px; color:#000; font-weight:400;}
.progress-img { width:100%; float:left; margin:0px; padding:0px; line-height:0px; text-align:center;}
.progress-img img{ width:100%; height:auto;}
.fields { width:100%; float:left; margin:20px 0 6px 0; padding:0 0px; box-sizing:border-box;}
.logo1 { width:100%; float:left; margin:55px 0 0 0; padding:15px 0; line-height:0px; text-align:center}
.logo1 img{ width:100%; height:auto;}
#register{ width:100%; margin:0 auto; padding:0px; display:table;}

.register {padding:15px 0; font-size:18px; }
.register:before {padding:15px 0; font-size:18px;}
 
/*close popup*/


/*step 2*/
.step2{width:100%;}
.step-left { width:100%;}
.field-right { width:100%;}
.phone-num { width:32%;}
.phone-num1 { width:32%;}
.step-right { width:350px; float:left; margin:40px 0 0 0; padding:0px;}



/*close step 2*/
.popup1 {width:100%; margin:0 auto; padding:35px 10px 22px 10px; display:table; background:#ffffff; box-shadow:inset 0px 0px 10px 10px rgba(210, 210, 210, 0.2); height:300px; border:5px solid #fff; box-sizing:border-box; position: relative;}
.popup1 h1{ width:100%; float:left; margin:0px; padding:0px 10px 0 10px; text-align:center; font-size:26px; color:#333333; font-weight:400; box-sizing:border-box; text-transform:uppercase; font-family: 'Open Sans', sans-serif; letter-spacing:-1.5px;}

.fields1 { width:100%; float:left; margin:20px 0 6px 0; padding:0 0px; box-sizing:border-box;}

}