body{font-family: myriad-pro,'NanumGothicCoding'; font-weight:400; background:url(../images/page-bg.jpg) no-repeat center; background-size:cover; min-height:100vh;}
.sign-on-header{background:#f6f6f6; text-align:center; padding:25px 20px; position: relative;

z-index: 99;}
.sign-on-header img{margin:0 14px;
opacity: 0.3;}
.sign-on-header img.active{margin:0 14px;
  opacity: 1;}
.login-con {
    max-width: 511px;
    background-color: #ffffff;
    padding: 56px;
    width: 100%;
    margin: 20px auto;
    
}

.login-con {
  max-width: 511px;
  background-color: #ffffff;
  padding: 56px;
  width: 100%;
overflow:hidden;
	}
.sign-on-header img:first-child{margin-left:0;}
.sign-on-header img:last-child{margin-right:0;}

.ceter-con{margin: 0;height: calc(100vh - 80px); position: relative;display: table; width:100%; }
.center-con-inner{width: 100%;
max-width: 511px;    display: table-cell; vertical-align: middle;}
.form-control{background-color: #e4e4e4; height:62px; border:none; box-shadow:none; border-radius:0;}
.form-control:focus{box-shadow:none;}
.checkbox [type="checkbox"]:not(:checked),
.checkbox [type="checkbox"]:checked {position: absolute;left: -9999px;}
.checkbox [type="checkbox"]:not(:checked) + label,
.checkbox [type="checkbox"]:checked + label {position: relative;padding-left: 33px;cursor: pointer;color: #7d7d7d; font-size: 13px;}
.checkbox [type="checkbox"]:checked + label {color:#7d7d7d;}
/* checkbox aspect */
.checkbox [type="checkbox"]:not(:checked) + label:before,
.checkbox [type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0; top: 0;width:20px;height:20px;border-radius: 4px;}
.checkbox [type="checkbox"]:not(:checked) + label:before{ border: 2px solid #e4e4e4;background: #fff;}
.checkbox [type="checkbox"]:checked + label:before{ border: 1px solid #dd1a56;background: #dd1a56;}
/* checked mark aspect */
.checkbox [type="checkbox"]:not(:checked) + label:after,
.checkbox [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  top: 6px; left: 4px;
 font-size: 15px;
  line-height: 0.8;
  transition: all .2s;
    background:url(../images/ic_check.svg) no-repeat left top;
    width:12px;
    height:9px;
}
/* checked mark aspect changes */
.checkbox [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.checkbox [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
.checkbox [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.checkbox [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.checkbox [type="checkbox"]:disabled + label {
  color: #aaa;
}
.login-con .btn-default{width:100%; height:46px; background:#dc1956; border:none; box-shadow:none; margin-top:25px; color:#fff; font-size: 20px; font-weight:700;}
.forgot-pass{color:#7d7d7d;}
.forgot-pass:hover{color:#7d7d7d; text-decoration:none;}
.m-top{margin-top:20px;}
.login-con h1{color: #2d2d2d;
font-size: 30px;
font-weight: 600;
margin: 0 0 35px 0;
text-align: center;}
.form-bottom-txt.form-bottom-txt{color: #939ba3; font-size: 16px; margin-top:30px;}
.form-bottom-txt a{font-weight:600; color: #dc1956;}
.login-con .form-group{margin-bottom:20px; position:relative;}
.login-image{margin-bottom:30px;}
.password-txt{color: #7d7d7d; font-size:16px; margin-bottom: 25px;}
.password-txt a{font-weight: 600;color: #7d7d7d;}
.login-con h1.forgot-heading{margin-bottom: 20px;}
.form-errors label.pop-errors {
    background: #dd233a none repeat scroll 0 0;
    border-radius: 4px;
    color: #ffffff;
    font-family: myriad-pro,'NanumGothicCoding';
    font-weight: 400;
    font-size: 13px;
    font-weight: normal;
    padding: 2px 8px;
    position: absolute;
    right: 0;
    top: -21px;
    z-index: 99;
}
.form-errors label.pop-errors::after {
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #dd233a;
    content: "";
    height: 0;
    position: absolute;
    right: 9px;
    top: 22px;
    width: 0;
}
.verify-code .inputs{width: 52px;
height: 62px;
border: none;
background: #efefef;
display: inline-block;
border-radius: 3px;
margin-left: 12px;
font-size: 28px;
text-align: center;}
.verify-code{text-align:center;}
.select-platform a{width:100%; float: left; height: 121px;		
  border-radius: 60px;		
  background-color: #ffffff;		
  box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.04); text-align: center;		
  line-height: 121px;		
  margin: 13px 0; border:3px solid #fff;}		
  .select-platform a:hover{border:3px solid #db1b55;}		
  .select-platform a img{width:243px; height:auto;}		
  .select-platform a.woomarket-logo:hover{border:3px solid #010202;}		
  .select-platform a.wooplatform-logo:hover{border:3px solid #f15a29;}		
  .error-msg{font-size: 178px; color: #2d2d2d; font-weight:700; line-height:178px;}		
  .error-msg img{display: inline-block;		
  		
  vertical-align: middle;		
  	
  margin: -27px 0 0 -33px;}		
  .error-msg img.error-image{display: inline-block;		
  vertical-align: middle;		
  margin: -24px 0 0 0; width:134px; height:auto;}		
  .error-txt{font-size:20px;}		
  .error-heading{font-size:30px; font-weight:600;}		
  .select-login{background-color: #f9f9f9;}
  .user-menu{color: #969696;
font-size: 18px;
font-weight: 700;}
.user-name {
max-width: 145px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-top:6px;
}
.user-menu .caret{margin-top:9px;}
.language-select .select-wrapper {
border: 2px solid #e7e7e7;
border-radius: 7px;
width: 145px;
background: #ffffff url("../images/down-arrow.png") no-repeat scroll right center; float: left; position:relative;
margin-left: 10px;
}
.language-select .select-wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
-webkit-appearance: none;
background:none;
height:34px;
}
select::-ms-expand {
display: none;
}
.language-txt{color: #7d7d7d;
font-size: 16px;
margin: 8px 0 0 16px;}
.logo-list{    width:450px;
  margin: auto;}
.login-right-options{margin-left:20px;}
.logo-list span img{max-width:100%; height:auto;}
.logo-list span{margin:0 25px;}
.social-signup {
  overflow: hidden;
  margin: 30px 0 0 0;
}
.social-signup a {
  width: 47%;
  height: 52px;
  background-color: #475993;
  border-radius: 5px;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 52px;
}
.social-signup a {
  width: 47%;
  height: 46px;
  background-color: #475993;
  border-radius: 5px;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 46px;
}
.social-signup a.google-icon {
  background: #dc4e41;
}
.social-signup img {
  margin-right: 10px;
}
@media (max-width:1023px){
  
.sign-on-header{flex-wrap:wrap;}
.sign-on-header img {
    margin: 0 10px;
    opacity: 0.3;
}
.logo-list{width:100%;}
.login-right-options{margin-left:0; margin-top:0;}

.sign-on-header img.active{
  margin: 0 25px;
  opacity: 1;
}
}


.show-password{ position: absolute;right: 10px; top: 22px; width:37px; height:26px;  float: left; cursor:pointer; background-image:url("../images/hide-password.svg");}
.show-password.opened{ background:url("../images/show-password.svg") no-repeat left top;}
.success-msg{color:#2d2d2d; font-size:26px; position:fixed; width:100%; text-align: center; background:#fff; z-index:999; padding: 31px 20px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.44);}
.success-tick{width:46px; height:46px; display:inline-block; background:#5ebe7f; border-radius:50%; box-shadow: 3px -4px 0 0 #55ab73 inset;}
.error-tick{width:46px; height:46px; display:inline-block; background:#e04a60; border-radius:50%; box-shadow: 3px -4px 0 0 #ca4357 inset;}
.alert-popup .success-tick{background:#8ac55e; box-shadow: 11px -15px 0 0 #65b74a inset; width:172px; height:172px; padding:50px 0 0 0; margin-bottom: 25px;}

@media (max-width:767px){
  .error-msg{font-size:140px; line-height:140px;}		
.error-msg img{width:178px; height:auto;}		
.error-msg img.error-image{width:97px;}		
.login-con .btn-default{font-size:16px;}
.login-con {
padding: 15px;
width: 90%;
}
.login-con h1{
margin: 0 0 23px 0;
font-size: 24px;
}
.form-control{
height:42px;
}
.show-password{top:8px;}
.login-con .btn-default{
height:42px;
margin-top:13px;
line-height: 27px;
}
.form-bottom-txt.form-bottom-txt{
margin-top: 10px;    
}
}

/* loader */

.sk-circle {

  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.sk-circle{display:inline-block;}
.redirect-loader{    max-width: 500px;
  margin: auto;
      margin-top: auto;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-top: 0;
  height: calc(100vh - 80px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.redirect-loader p{font-size:14px;}
  .redirect-loader p.redirect-heading{font-size: 26px;
    margin-top: 13px;}
    .green-button.gray-btn {
      background-color: #d1d3d4;
      box-shadow: 0 -4px 0 0 #aeb1b3 inset;
      margin-left: 11px;
      text-align: center;
      line-height: 46px;
  }

  .update-buttons .green-button {
    width: 192px;
}
.green-button {
    background: #dc1956 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    box-shadow: 0 -4px 0 0 #dc1956 inset;
    color: #ffffff;
    font-family: myriad-pro-semi-condensed,'NanumGothicCoding-Bold';
    font-weight: 700;
    font-size: 21px;
    height: 46px;
    margin-top: 10px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    width: 100%;
}

@media (max-width:479px){
  .language-select .select-wrapper{width:122px;}
language-txt{font-size:12px;}
.sign-on-header img {
    margin: 0 5px;
    opacity: 0.3;
}
.logo-list span{margin:0 5px;}
.user-menu{font-size:13px; max-width:89px;}
.sign-on-header img.active {
  margin: 0 5px;
  opacity: 1;
}
.update-buttons .green-button {
  width: 122px;}
  
.sign-on-header{padding: 25px 10px;}
.login-right-options{width:100%;}
.sign-on-header .dropdown{max-width:109px;}
.user-name {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 6px;
}
.language-txt{font-size:13px;}
}
.update-buttons .green-button:hover{color:#ffffff; text-decoration:none;}