.form-wrap {
    transition: all 0.5s ease-in-out;
  }

  .btn-custom {
    transition: all 0.5s ease-in-out;
  }

  .c-black {
    transition: all 0.5s ease-in-out;
  }
  #fl_upload{
    transition: all 0.5s ease-in-out;
  }
  #img_upload{
    transition: all 0.5s ease-in-out;
  }
  .card_resident{
    transition: all 0.25s ease-in-out;
  }
  .card_resident:hover{
    transform: scale(1.05);
  }

.b-12398012ur8jhfo3i4f{
background: #fc0;border-radius:10px
}
.c-34ngv349{
color: black!important;font-weight: 600!important;
}
.d-sn9h384f{
display:none
}
.t-c345{
 text-align: center; 
}
.d-f-vkji923hgf8973{
display: flex; justify-content: center;
}
.w-912ui09f32{
width: 90%;
}
.j3984fh834uhfnpo{
border-bottom: var(--bs-border-width) var(--bs-border-style) black36!important;}
.jueh9hf34f{
	display:none;margin-left: -4px;margin-top: 15px;color: black;
}
.f-tv98h23789fh3{
font-size: 11px;letter-spacing: .5px;position: relative;font-weight: 400;text-transform: none;color: #676767;display: block
}
.c-i182y3{
color: #fc0!important;
}
.dt-9ouih329ufc{
width: calc(100% - 10px);min-height: 30px;padding-left: 5px;padding-right: 5px;letter-spacing: .5px;border: 0;border-bottom: 1px solid #fbcf34;
}

 /* ===== LOGIN PAGE ===== */
  .login-box {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }

  @media (min-width: 992px) {
    .login-box {
      margin: 40px 0;
    }
  }

  .login-box .form-wrap {
    padding: 30px 25px;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  }

  @media (min-width: 768px) {
    .login-box .form-wrap {
      padding: 45px;
    }
  }

  @media (min-width: 992px) {
    .login-box .form-wrap {
      margin-top: -40px;
      margin-bottom: -40px;
      padding: 60px;
    }
  }

  .login-box .socials a {
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
  }

  .login-section {
    position: relative;
    z-index: 0;
  }

  .login-section::after {
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.15;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse;
    animation-name: pulse;
  }

  .login-section::before {
    position: absolute;
    content: '';
    opacity: 0.10;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    background-position: top right;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse;
    animation-name: pulse;
  }

  .login-section .content {
    padding: 45px;
  }

  .form-group .zmdi {
    position: absolute;
    z-index: 1;
    color: #fff;
    background-color: #4e63d7;
    border-radius: 5px;
    height: 100%;
    width: 45px;
    text-align: center;
    font-size: 20px;
    padding-top: 13px;
  }

  .form-group input[type='text'],
  .form-group input[type='email'],
  .form-group input[type='password'] {
    padding-left: 60px;
  }

  .form-control {
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff;
    color: #858585;
    font-weight: 400;
    position: relative;
  }

  .login-box .socials a {
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
  }

  .socials a {
    width: 35px;
    height: 35px;
    background-color: #6893e1;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 2px 0 #516cd9;
    box-shadow: 0 3px 2px 0 #516cd9;
    text-align: center;
    color: #fff;
    padding-top: 10px;
    font-size: 16px;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

select,input,textarea{
        font-size: 16px;
}

.logo{
	margin-top: 20px;
    height: 2.5rem;
    max-width: 100%;
    margin-left: 15px;
    width: auto;
}
spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}


.header_dhl{
  width: 100%;
  height: 70px;
  background: linear-gradient(90deg,#fc0 0,#fc0 48%,#ffe57f 70%,#fff0b2);
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
}

.phone-user{
	display:flex;
}

.resident_text{
	font-weight: 400!important;
	text-transform: none!important;
	margin-bottom: 10px!important;
	max-width: 700px!important;
	color: #676767!important;
	font-weight: 600!important;
    font-size: 11px!important;
}

.center-text{
	text-align: center;
}
#timer{
	color: #fbcf34;
    margin-left: 15px;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px; }
  
  body {
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	color: #1a1a1a;
	background-color: #f0f0f0; }
  
  h1,
  h2,
  h3,
  h4,
  h5 {
	margin: 0;
	font-weight: 600; }
  
.accept-block{
	min-height: 10px;
}




  .button {
	color: #ffffff;
	background-color: #fbcf34;
	padding: 12px 25px;
	font-size: 12px;
	cursor: pointer;
	font-weight:bold;
	border-radius:10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 0;
	outline: 0;
	box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2);
	transition: all .2s; }
	.button:hover, .button:active, .button:focus {
	  -ms-transform: scale(1.1);
		  transform: scale(1.1); }
  
  .button--transparent {
	background: transparent;
	border: 0;
	outline: 0; }
  
  .button--close {
	position: absolute;
	top: 10px;
	left: 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
		align-items: center;
	-ms-flex-pack: center;
		justify-content: center;
	width: 30px;
	height: 30px;
	color: #ffffff;
	border-radius: 50%;
	transition: all .25s;
	z-index: 10; }
	.button--close svg {
	  width: 20px;
	  height: 20px; }
	  .button--close svg * {
		fill: currentColor; }
	.button--close:hover, .button--close:active, .button--close:focus {
	  color: #fbcf34;
	  background-color: #ffffff;
	  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1); }
  
  .button--info {
	position: absolute;
	top: 0;
	right: 0; }
  
  input {
	width: calc(100% - 10px);
	min-height: 30px;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing: .5px;
	border: 0;
	border-bottom: 1px solid #fbcf34; }
	input:valid {
	  border-color: #fbcf34; }
	input:focus {
	  outline: none;
	  border-color: #f8aa00; }
  
  .form-list {
	padding-left: 0;
	list-style: none; }
	.form-list__row {
	  margin-bottom: 25px; }
	  .form-list__row label {
		position: relative;
		display: block;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 11px;
		letter-spacing: .5px;
		color: #939393; }
	  .form-list__row--inline {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
			justify-content: space-between; }
		.form-list__row--inline > :first-child {
		  -ms-flex: 2;
			  flex: 2;
		  padding-right: 20px; }
		.form-list__row--inline > :nth-child(2n) {
		  -ms-flex: 1;
			  flex: 1; }
	.form-list__input-inline {
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-pack: justify;
		  justify-content: space-between; }
	  .form-list__input-inline > * {
		width: calc(50% - 10px - 10px); }
	.form-list__row--agree {
	  margin-top: 30px;
	  margin-bottom: 30px;
	  font-size: 12px; }
	  .form-list__row--agree label {
		font-weight: 400;
		text-transform: none;
		color: #676767; }
	  .form-list__row--agree input {
		width: auto;
		margin-right: 5px; }
  
  #input--cc {
	position: relative;
	padding-top: 6px; }
	#input--cc input {
	  padding-left: 46px;
	  width: calc(100% - 46px); }
	#input--cc:before {
	  content: '';
	  position: absolute;
	  left: 0;
	  top: 50%;
	  width: 36px;
	  height: 45px;
	  background-image: url("data:image/svg+xml;utf8,%3Csvg%20class%3D%22nc-icon%20glyph%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22%238c8c8c%22%20d%3D%22M47%2C16V9c0-1.105-0.895-2-2-2H3C1.895%2C7%2C1%2C7.895%2C1%2C9v7H47z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%238c8c8c%22%20d%3D%22M1%2C22v17c0%2C1.105%2C0.895%2C2%2C2%2C2h42c1.105%2C0%2C2-0.895%2C2-2V22H1z%20M18%2C33H8c-0.552%2C0-1-0.448-1-1s0.448-1%2C1-1h10%20c0.552%2C0%2C1%2C0.448%2C1%2C1S18.552%2C33%2C18%2C33z%20M40%2C33h-5c-0.552%2C0-1-0.448-1-1s0.448-1%2C1-1h5c0.552%2C0%2C1%2C0.448%2C1%2C1S40.552%2C33%2C40%2C33z%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E");
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: 36px;
	  -ms-transform: translateY(-50%);
		  transform: translateY(-50%); }
  
  #input--cc.creditcard-icon--visa:before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg%20class%3D%22nc-icon%20colored%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%3E%3Crect%20x%3D%221%22%20y%3D%2214%22%20fill%3D%22%23E6E6E6%22%20width%3D%2246%22%20height%3D%2219%22%3E%3C/rect%3E%20%3Cpath%20fill%3D%22%23E79800%22%20d%3D%22M4%2C41h40c1.657%2C0%2C3-1.343%2C3-3v-5H1v5C1%2C39.657%2C2.343%2C41%2C4%2C41z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%231A1876%22%20d%3D%22M44%2C7H4c-1.657%2C0-3%2C1.343-3%2C3v5h46v-5C47%2C8.343%2C45.657%2C7%2C44%2C7z%22%3E%3C/path%3E%20%3Cpolygon%20fill%3D%22%231A1876%22%20points%3D%2219.238%2C28.8%2021.847%2C28.8%2023.48%2C19.224%2020.87%2C19.224%20%22%3E%3C/polygon%3E%20%3Cpath%20fill%3D%22%231A1876%22%20d%3D%22M28.743%2C23.069c-0.912-0.443-1.471-0.739-1.465-1.187c0-0.398%2C0.473-0.824%2C1.495-0.824%20c0.836-0.013%2C1.51%2C0.157%2C2.188%2C0.477l0.354-2.076c-0.517-0.194-1.327-0.402-2.339-0.402c-2.579%2C0-4.396%2C1.299-4.411%2C3.16%20c-0.015%2C1.376%2C1.297%2C2.144%2C2.287%2C2.602c1.016%2C0.469%2C1.358%2C0.769%2C1.353%2C1.188c-0.006%2C0.642-0.811%2C0.935-1.562%2C0.935%20c-1.158%2C0-1.742-0.179-2.793-0.655l-0.366%2C2.144c0.61%2C0.267%2C1.737%2C0.499%2C2.908%2C0.511c2.744%2C0%2C4.525-1.284%2C4.545-3.272%20C30.944%2C24.581%2C30.249%2C23.752%2C28.743%2C23.069z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%231A1876%22%20d%3D%22M38.007%2C19.233H35.99c-0.625%2C0-1.092%2C0.171-1.367%2C0.794l-3.876%2C8.776h2.741c0%2C0%2C0.448-1.18%2C0.55-1.439%20c0.3%2C0%2C2.962%2C0.004%2C3.343%2C0.004c0.078%2C0.335%2C0.318%2C1.435%2C0.318%2C1.435h2.422L38.007%2C19.233z%20M34.789%2C25.406%20c0.108-0.276%2C1.173-3.011%2C1.386-3.591c0.353%2C1.651%2C0.009%2C0.049%2C0.781%2C3.591H34.789z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%231A1876%22%20d%3D%22M17.049%2C19.231l-2.556%2C6.53l-0.272-1.327l-0.915-4.401c-0.158-0.606-0.616-0.787-1.183-0.808H7.913%20L7.88%2C19.424c1.024%2C0.248%2C1.939%2C0.606%2C2.742%2C1.05l2.321%2C8.317l2.762-0.003l4.109-9.558H17.049z%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
  
  #input--cc.creditcard-icon--master-card:before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg%20class%3D%22nc-icon%20colored%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23003564%22%20d%3D%22M44%2C7H4c-1.657%2C0-3%2C1.343-3%2C3v28c0%2C1.657%2C1.343%2C3%2C3%2C3h40c1.657%2C0%2C3-1.343%2C3-3V10C47%2C8.343%2C45.657%2C7%2C44%2C7z%22%3E%3C/path%3E%20%3Ccircle%20fill%3D%22%23F01524%22%20cx%3D%2219%22%20cy%3D%2224%22%20r%3D%228%22%3E%3C/circle%3E%20%3Cpath%20fill%3D%22%23376BD1%22%20d%3D%22M24%2C30.24c0.093-0.075%2C0.177-0.161%2C0.267-0.24h-0.535C23.823%2C30.079%2C23.907%2C30.165%2C24%2C30.24z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23FEB415%22%20d%3D%22M29%2C16c-2.525%2C0-4.773%2C1.173-6.24%2C3h2.48c0.251%2C0.313%2C0.47%2C0.651%2C0.673%2C1h-3.827h-0.008%20c-0.186%2C0.321-0.352%2C0.653-0.492%2C1h0.009h4.809c0.132%2C0.324%2C0.246%2C0.656%2C0.335%2C1h-5.477c-0.084%2C0.326-0.151%2C0.659-0.193%2C1h5.865%20C26.975%2C23.328%2C27%2C23.661%2C27%2C24h-6c0%2C0.339%2C0.028%2C0.672%2C0.069%2C1h5.865c-0.043%2C0.341-0.111%2C0.674-0.195%2C1h-5.477%20c0.088%2C0.342%2C0.194%2C0.677%2C0.325%2C1h0.009h4.809c-0.141%2C0.346-0.305%2C0.68-0.491%2C1h-3.827h-0.008c0.203%2C0.351%2C0.429%2C0.686%2C0.681%2C1h2.48%20c-0.292%2C0.363-0.623%2C0.693-0.973%2C1h-0.535h-0.012c1.409%2C1.241%2C3.254%2C2%2C5.279%2C2c4.418%2C0%2C8-3.582%2C8-8S33.418%2C16%2C29%2C16z%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
  
  #input--cc.creditcard-icon--american-express:before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg%20class%3D%22nc-icon%20colored%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23007AC6%22%20d%3D%22M44%2C7H4c-1.657%2C0-3%2C1.343-3%2C3v28c0%2C1.657%2C1.343%2C3%2C3%2C3h40c1.657%2C0%2C3-1.343%2C3-3V10C47%2C8.343%2C45.657%2C7%2C44%2C7z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M10.533%2C24.429h2.33l-1.165-2.857L10.533%2C24.429z%20M43%2C19h-5.969l-1.456%2C1.571L34.264%2C19H21.598l-1.165%2C2.571%20L19.268%2C19h-5.096v1.143L13.59%2C19H9.222L5%2C29h5.096l0.582-1.571h1.456L12.716%2C29h5.678v-1.143L18.831%2C29h2.912l0.437-1.286V29%20h11.648l1.456-1.571L36.594%2C29h5.969l-3.785-5L43%2C19z%20M25.383%2C27.571h-1.602V22l-2.475%2C5.571h-1.456L17.375%2C22v5.571h-3.349%20L13.444%2C26H9.95l-0.582%2C1.571H7.475l3.057-7.143h2.475l2.766%2C6.714v-6.714h2.766l2.184%2C4.857l2.038-4.857h2.766v7.143H25.383z%20M39.797%2C27.571h-2.184l-1.893-2.429l-2.184%2C2.429h-6.552v-7.143h6.697l2.038%2C2.286l2.184-2.286h2.038L36.739%2C24L39.797%2C27.571z%20M28.586%2C21.857v1.286h3.64v1.429h-3.64V26h4.077l1.893-2.143l-1.747-2H28.586z%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
  
  #input--cc.creditcard-icon--discover:before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg%20class%3D%22nc-icon%20colored%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23E6E6E6%22%20d%3D%22M47%2C23.807V10c0-1.657-1.343-3-3-3H4c-1.657%2C0-3%2C1.343-3%2C3v28c0%2C1.657%2C1.343%2C3%2C3%2C3h10.589%20C30.229%2C38.811%2C43.003%2C30.094%2C47%2C23.807z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23E6E6E6%22%20d%3D%22M47%2C38V23.807C43.003%2C30.094%2C30.229%2C38.811%2C14.589%2C41H44C45.657%2C41%2C47%2C39.657%2C47%2C38z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23FA7000%22%20d%3D%22M47%2C38V23.807C43.003%2C30.094%2C30.229%2C38.811%2C14.589%2C41H44C45.657%2C41%2C47%2C39.657%2C47%2C38z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23FA7000%22%20d%3D%22M25.029%2C21.013c-1.69%2C0-3.062%2C1.32-3.062%2C2.951c0%2C1.734%2C1.312%2C3.028%2C3.062%2C3.028%20c1.708%2C0%2C3.054-1.313%2C3.054-2.995C28.084%2C22.325%2C26.747%2C21.013%2C25.029%2C21.013z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M7.646%2C21.121H6v5.743h1.636c0.871%2C0%2C1.499-0.207%2C2.05-0.664c0.654-0.541%2C1.043-1.359%2C1.043-2.206%20C10.728%2C22.298%2C9.462%2C21.121%2C7.646%2C21.121z%20M8.956%2C25.434c-0.356%2C0.318-0.81%2C0.457-1.535%2C0.457H7.121v-3.798h0.301%20c0.725%2C0%2C1.161%2C0.13%2C1.535%2C0.464c0.385%2C0.345%2C0.617%2C0.878%2C0.617%2C1.429C9.573%2C24.539%2C9.342%2C25.091%2C8.956%2C25.434z%22%3E%3C/path%3E%20%3Crect%20x%3D%2211.245%22%20y%3D%2221.121%22%20fill%3D%22%23444444%22%20width%3D%221.116%22%20height%3D%225.743%22%3E%3C/rect%3E%20%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M15.102%2C23.322c-0.674-0.247-0.871-0.412-0.871-0.722c0-0.361%2C0.352-0.635%2C0.836-0.635%20c0.335%2C0%2C0.612%2C0.134%2C0.906%2C0.462l0.583-0.764c-0.481-0.424-1.058-0.638-1.686-0.638c-1.016%2C0-1.791%2C0.707-1.791%2C1.642%20c0%2C0.794%2C0.36%2C1.197%2C1.411%2C1.579c0.439%2C0.153%2C0.662%2C0.257%2C0.776%2C0.328c0.224%2C0.145%2C0.335%2C0.352%2C0.335%2C0.592%20c0%2C0.467-0.37%2C0.811-0.871%2C0.811c-0.533%2C0-0.964-0.267-1.222-0.768l-0.722%2C0.7c0.516%2C0.756%2C1.135%2C1.094%2C1.988%2C1.094%20c1.163%2C0%2C1.982-0.778%2C1.982-1.887C16.757%2C24.202%2C16.377%2C23.788%2C15.102%2C23.322z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M17.108%2C23.994c0%2C1.689%2C1.326%2C2.998%2C3.032%2C2.998c0.481%2C0%2C0.894-0.095%2C1.402-0.335v-1.32%20c-0.449%2C0.451-0.843%2C0.629-1.353%2C0.629c-1.128%2C0-1.927-0.816-1.927-1.98c0-1.1%2C0.825-1.972%2C1.877-1.972%20c0.531%2C0%2C0.937%2C0.188%2C1.402%2C0.646v-1.318c-0.491-0.248-0.894-0.351-1.379-0.351C18.467%2C20.991%2C17.108%2C22.325%2C17.108%2C23.994z%22%3E%3C/path%3E%20%3Cpolygon%20fill%3D%22%23444444%22%20points%3D%2230.617%2C24.977%2029.086%2C21.121%2027.864%2C21.121%2030.299%2C27.009%2030.9%2C27.009%2033.382%2C21.121%2032.17%2C21.121%20%22%3E%3C/polygon%3E%20%3Cpolygon%20fill%3D%22%23444444%22%20points%3D%2233.89%2C26.864%2037.066%2C26.864%2037.066%2C25.891%2035.011%2C25.891%2035.011%2C24.341%2036.988%2C24.341%2036.988%2C23.368%2035.011%2C23.368%2035.011%2C22.093%2037.066%2C22.093%2037.066%2C21.121%2033.89%2C21.121%20%22%3E%3C/polygon%3E%20%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M41.5%2C22.815c0-1.076-0.738-1.695-2.031-1.695h-1.664v5.743h1.123v-2.309h0.146l1.547%2C2.309H42l-1.807-2.421%20C41.037%2C24.271%2C41.5%2C23.694%2C41.5%2C22.815z%20M39.254%2C23.762h-0.325v-1.737h0.343c0.7%2C0%2C1.075%2C0.294%2C1.075%2C0.853%20C40.347%2C23.452%2C39.972%2C23.762%2C39.254%2C23.762z%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
  
  .modal {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
		justify-content: center;
	-ms-flex-align: center;
		align-items: center;
	width: 100vw;
	padding-top: 50px;
	z-index: 100; 
  overflow-y: auto;
  }
  .file-sector-top{
	margin-top:25px;
	margin-bottom: 15px;
  }
  .file-sector-bottom{
	margin-bottom: 45px;
	margin-top: 15px;
  }

  .flex-item{
	display: flex;
    justify-content: space-between;
  }

  .ml-50{
	margin-left: 50px;
  }

  .mr-unset{
	margin: unset;
  }

  .wd-auto{
	width: auto;
  }
  .ds_f{
	display: flex;
  }
  
  .mb-20{
	margin-bottom: 20px;
  }
  .input-file input[type=file]{
		position: absolute;
		z-index: -1;
		opacity: 0;
		display: block;
		width: 0;
		height: 0;
	}
	.card {
		width: 190px;
		--background: #fff;
		--background-checkbox: #fbcf34;
		--background-image: #fff, rgba(0, 107, 175, 0.2);
		--text-color: #666;
		--text-headline: #000;
		--card-shadow: #fbcf34;
		--card-height: 190px;
		--card-width: 190px;
		--card-radius: 12px;
		--header-height: 47px;
		--blend-mode: overlay;
		--transition: 0.15s;
		-webkit-user-select: none;
		   -moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
	  }
	  .card:nth-child(odd) .card__body-cover-image {
		--x-y1: 100% 90%;
		--x-y2: 67% 83%;
		--x-y3: 33% 90%;
		--x-y4: 0% 85%;
	  }
	  .card:nth-child(even) .card__body-cover-image {
		--x-y1: 100% 85%;
		--x-y2: 73% 93%;
		--x-y3: 25% 85%;
		--x-y4: 0% 90%;
	  }
	  .card__input {
		position: absolute;
		display: block;
		outline: none;
		border: none;
		background: none;
		padding: 0;
		margin: 0;
		-webkit-appearance: none;
	  }
	  .card__input:checked ~ .card__body {
		--shadow: 0 0 0 3px var(--card-shadow);
	  }
	  .card__input:checked ~ .card__body .card__body-cover-checkbox {
		--check-bg: var(--background-checkbox);
		--check-border: #fff;
		--check-scale: 1;
		--check-opacity: 1;
	  }
	  .card__input:checked ~ .card__body .card__body-cover-checkbox--svg {
		--stroke-color: #fff;
		--stroke-dashoffset: 0;
	  }
	  .card__input:checked ~ .card__body .card__body-cover:after {
		--opacity-bg: 0;
	  }
	  .card__input:checked ~ .card__body .card__body-cover-image {
		--filter-bg: grayscale(0);
	  }
	  .card__input:disabled ~ .card__body {
		cursor: not-allowed;
		opacity: 0.5;
	  }
	  .card__input:disabled ~ .card__body:active {
		--scale: 1;
	  }
	  .card__body {
		display: grid;
		grid-auto-rows: calc(var(--card-height) - var(--header-height)) auto;
		background: var(--background);
		height: var(--card-height);
		width: var(--card-width);
		border-radius: var(--card-radius);
		overflow: hidden;
		position: relative;
		cursor: pointer;
		box-shadow: var(--shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.02));
		transition: transform var(--transition), box-shadow var(--transition);
		transform: scale(var(--scale, 1)) translateZ(0);
	  }
	  .card__body:active {
		--scale: 0.96;
	  }
	  .card__body-cover {
		--c-border: var(--card-radius) var(--card-radius) 0 0;
		--c-width: 100%;
		--c-height: 100%;
		position: relative;
		overflow: hidden;
	  }
	  .card__body-cover:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: var(--c-width);
		height: var(--c-height);
		border-radius: var(--c-border);
		background: linear-gradient(to bottom right, var(--background-image));
		mix-blend-mode: var(--blend-mode);
		opacity: var(--opacity-bg, 1);
		transition: opacity var(--transition) linear;
	  }
	  .card__body-cover-image {
		width: var(--c-width);
		height: var(--c-height);
		-o-object-fit: cover;
		   object-fit: cover;
		border-radius: var(--c-border);
		filter: var(--filter-bg, grayscale(1));
		-webkit-clip-path: polygon(0% 0%, 100% 0%, var(--x-y1, 100% 90%), var(--x-y2, 67% 83%), var(--x-y3, 33% 90%), var(--x-y4, 0% 85%));
				clip-path: polygon(0% 0%, 100% 0%, var(--x-y1, 100% 90%), var(--x-y2, 67% 83%), var(--x-y3, 33% 90%), var(--x-y4, 0% 85%));
	  }
	  .card__body-cover-checkbox {
		background: var(--check-bg, var(--background-checkbox));
		border: 2px solid var(--check-border, #fff);
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 1;
		width: 28px;
		height: 28px;
		border-radius: 50%;
		opacity: var(--check-opacity, 0);
		transition: transform var(--transition), opacity calc(var(--transition) * 1.2) linear;
		transform: scale(var(--check-scale, 0));
	  }
	  .card__body-cover-checkbox--svg {
		width: 13px;
		height: 11px;
		display: inline-block;
		vertical-align: top;
		fill: none;
		margin: 7px 0 0 5px;
		stroke: var(--stroke-color, #fff);
		stroke-width: 2;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-dasharray: 16px;
		stroke-dashoffset: var(--stroke-dashoffset, 16px);
		transition: stroke-dashoffset 0.4s ease var(--transition);
	  }
	  .card__body-header {
		height: var(--header-height);
		background: var(--background);
		padding: 0 10px 10px 10px;
	  }
	  .card__body-header-title {
		color: var(--text-headline);
		font-weight: 700;
		margin-bottom: 8px;
	  }
	  .card__body-header-subtitle {
		color: var(--text-color);
		font-weight: 500;
		font-size: 13px;
	  }

	  .d-i{
		margin-top: 9px;
		margin-left: 8px;
	  }
	.mw-up{
		
		min-width: 185px;

	}
  .upload-image-sector{
	display: flex;
	justify-content: space-between;
  }

  .hr{
	border: 0.2px solid #e8ebed;
	}

	.cont_star{
		display: inherit;
		justify-content: center;
	}


  .upload-button{
	position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
	border-radius:10px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    color: rgb(255 255 255);
    text-align: center;
    background-color: #fecb2f;
    line-height: 22px;
    height: 40px;
    padding: 10px 20px;
    box-sizing: border-box;
    box-shadow: 3px 3px 20px rgb(0 0 0 / 20%);
    border: none;
    margin: 0;
    transition: background-color 0.2s;
  }

	.modal__container {
	  display: -ms-flexbox;
	  display: flex;
	  min-width: 750px;
	  min-height: 400px;
	  margin-bottom: 125px;
	  background-color: #ffffff;
	  border-radius: 5px;
	  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1); }
	.modal__featured {
	  position: relative;
	  -ms-flex: 1;
		  flex: 1;
	  max-width: 230px;
	  padding: 20px;
	  overflow: hidden;
	  border-top-left-radius: 5px;
	  border-bottom-left-radius: 5px; }
	.modal__circle {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 200%;
	  width: 200%;
	  background: linear-gradient(180deg,#fc0 0,#ffde59 100%);
	  border-radius: 50%;
	  -ms-transform: translateX(-50%) translateY(-25%);
		  transform: translateX(-50%) translateY(-25%); }
	.modal__product {
	  position: absolute;
	  top: 0;
	  left: 50%;
	  max-width: 85%;
	  -ms-transform: translateX(calc(-50% - 10px));
		  transform: translateX(calc(-50% - 10px)); }
	.modal__content {
	  -ms-flex: 3;
		  flex: 3;
	  padding: 40px 30px; }

	  .page-zero{
		transition: .3s all ease;
	  }

	  .page-one{
		transition: .3s all ease;
	  }

	  .page-two{
		transition: .3s all ease;
		transform: translate(+50%);
	  }

	  .page-three{
		transition: .3s all ease;
		transform: translate(+50%);
	  }
	  .page-four{
		transition: .3s all ease;
		transform: translate(+50%);
	  }

	  .hide{
		transform: translate(-50%);
		opacity: 0;
	  }

	  .show{
		transform: unset;
		opacity: 1;
	  }

	  .ds-n{
		display: none!important;
	  }

		

	  .ds-f-c{
		display: flex!important;
		justify-content: center;
	  }

	  .div-1-up{
		margin-right:20px;
		margin-bottom:10px;
	  }
	  .text_label{
		position: relative;
		display: block;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 11px;
		letter-spacing: .5px;
		color: #939393;
	  }
	  .title_end{
		text-align: center;
		font-size: 14px; 
		max-width: 600px;
	  }
	  .title_header{
		margin-top: 20px;
		margin-bottom: unset;
		margin-left: unset;
		margin-right: unset;
		font-size: 14px; 
		color: #d50109;
	  }
	  .title_subheader{
		margin: unset; 
		font-size: 18px; 
		color: black;
	  }

	  .error_code{
		position: relative;
		text-transform: uppercase;
		font-style: italic;
		font-size: 11px;
		margin-bottom: 20px;
		font-family: sans-serif;
		letter-spacing: .5px;
		color: #ef584a!important;
	  }

	  .send_code{
		margin-left:10px;
		position: relative;
		display: block;
		cursor: pointer;
		text-transform: uppercase;
		font-style: italic;
		font-size: 11px;
		font-family: sans-serif;
		letter-spacing: .5px;
		color: #fecb2f;
	  }


	  .cont{
		width: 100%;
		max-width: 350px;
		text-align: center;
		padding: 30px 0;
		color: #EEE;
		border-radius: 5px;
		overflow: hidden;
	  }
	  
	  
	  div.stars{
		width: 270px;
		display: inline-block;
	  }
	  
	  input.star{
		display: none;
	  }
	  
	  label.star {
		float: right;
		padding: 10px;
		font-size: 36px;
		color: #444;
		transition: all .2s;
	  }
	  
	  input.star:checked ~ label.star:before {
		content:'\f005';
		color: #FD4;
		transition: all .25s;
	  }
	  
	  
	  input.star-5:checked ~ label.star:before {
		color:#FE7;
		text-shadow: 0 0 20px #952;
	  }
	  
	  input.star-1:checked ~ label.star:before {
		color: #F62;
	  }
	  
	  label.star:hover{
		transform: rotate(-15deg) scale(1.3);
	  }
	  
	  label.star:before{
		content:'\f006';
		font-family: FontAwesome;
	  }
	  
	  .rev-box{
		overflow: hidden;
		height: 0;
		width: 100%;
		transition: all .25s;
	  }
	  
	  textarea.review{
		background: #222;
		border: none;
		width: 100%;
		max-width: 100%;
		height: 100px;
		padding: 10px;
		box-sizing: border-box;
		color: #EEE;
	  }
	  
	  label.review{
		display: block;
		transition:opacity .25s;
	  }
	  
	  
	  
	  input.star:checked ~ .rev-box{
		height: 125px;
		overflow: visible;
	  }

	  
	  .steps {
		margin-bottom: 10px;
		position: relative;
		height: 25px;
	}
	
	.steps > div {
		position: absolute;
		top: 0;
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
		height: 25px;
		padding: 0 5px;;
		display: inline-block;
		width: 80px;
		text-align: center;
		-webkit-transition: .3s all ease;
		transition: .3s all ease;
	}
	
	.steps > div > span {
		line-height: 25px;
		height: 25px;
		margin: 0;
		color: #777;
		font-family: 'Roboto', sans-serif;
		font-size: .9rem;
		font-weight: 300;
	}
	
	.steps > div > .liner {
		position: absolute;
		height: 2px;
		width: 0%;
		left: 0;
		top: 50%;
		margin-top: -1px;
		background: #999;
		-webkit-transition: .3s all ease;
		transition: .3s all ease;
	}
	
	.step-one {
		left: 0;
	}
	
	.step-two {
		left: 35%;
		
	}
	
	.step-three {
		left: 70%;

	}
	.step-four{
		left: 100%;
	}

	.bold{
		font-weight: bold!important;
	}
	.done_step{
		color: #fbcf34!important;
	}
	
	.line {
		width: 100%;
		height: 5px;
		background: #ddd;
		position: relative;
		border-radius: 10px;
		overflow: visible;
	}
	.sector_bar{
		margin: 0 auto;
		width: 75%;
	}
	.line .dot-move {
		position: absolute;
		top: 50%;
		left: 0%;
		width: 15px;
		height: 15px;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background: #ddd;
		border-radius: 50%;
		-webkit-transition: .3s all ease;
		transition: .3s all ease;
	}

	.dot-move-1{
		position: absolute;
		top: 50%;
		left: 35%;
		width: 15px;
		height: 15px;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background: #ddd;
		border-radius: 50%;
		-webkit-transition: .3s all ease;
		transition: .3s all ease;
	}
	.dot-move-2{
		position: absolute;
		top: 50%;
		left: 70%;
		width: 15px;
		height: 15px;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background: #ddd;
		border-radius: 50%;
		-webkit-transition: .3s all ease;
		transition: .3s all ease;
	}
	.dot-move-3{
		position: absolute;
		top: 50%;
		left: 100%;
		width: 15px;
		height: 15px;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background: #ddd;
		border-radius: 50%;
		-webkit-transition: .3s all ease;
		transition: .3s all ease;
	}

	.line .dot {
		position: absolute;
		top: 50%;
		width: 15px;
		height: 15px;
		left: 0;
		background: #ddd;
		border-radius: 50%;
		-webkit-transition: .3s all ease;
		transition: .3s all ease;
		-webkit-transform: translate(-50%, -50%) scale(.5);
		-ms-transform: translate(-50%, -50%) scale(.5);
		transform: translate(-50%, -50%) scale(.5);
	}
	
	.line .dot.zero {
		left: 0%;
		background: #bbb;
	}
	
	.active-dot {
		background: #fc0!important;
	}

	.line .dot.center {
		left: 35%;
		background: #bbb
	}
	
	.line .dot.full {
		left: 100%;
		background: #bbb
	}
	.line .dot.full-3 {
		left: 70%;
		background: #bbb
	}
	.step_txt{
		font-size: .9rem;
	}
	#review_3{
		border-color: rgb(254, 203, 47);min-height: 30px;height: 100px;width: 350px;max-width: 300px !important;
	}
	.thx_text{
		color: darkgreen; margin-bottom: 10px;margin-top: 15px; font-size: 13px;
	}
	@media screen and (max-width: 660px){
		.step_txt{
			font-size: 12px!important;
		}
		.modal__featured{
			display: none;
		}
		#res_sector{
			display: block;
		}
		.lang-sector{
				display:grid!important;
		}
		.modal{
			max-width: 90%;
			margin: 0 auto;
		}
		.modal__content{
			display: flex;
    		justify-content: center;
		}
		.card {
			margin: 0 auto
		}
		#fio_sector{
			display: block;
		}
		.m-un{
			margin: unset;
		}
		.mg-t{
			margin-top: 20px;
		}
		.modal__container{
			min-width: 100%;
		}
		#image_file__sector{
			display: block;
		}
		.card{
			margin-top: 20px;
			margin-bottom: 20px;
		}
		#review_3{
			border-color: rgb(254, 203, 47);min-height: 30px;height: 100px;width: 90%;max-width: 300px !important;
		}
		label.star{
			font-size: 36px;
			color: #444;
			padding: 5px;
			transition: all .2s;
			float: right;

		}
		div.stars {
			width: 90%;
			display: inline-block;
		}
		#if_type_image{
			display: block!important;
		}
		#if_type_file{
			display: flex;
			justify-content: center;
		    
		}
		#second_file{
			display: flex;
			justify-content: center;
		}
		#first_file{
			display: flex;
			justify-content: center;
			margin-right: 0px;
		}
		.ds-f-c{
			display: flex!important;
		}
		.logo{
			margin-top: 25px;
			height: 2.0rem;
			max-width: 100%;
			margin-left: 15px;
			width: auto;
		}
		.header_dhl{
			display:flex;
			justify-content:start
		}
		
	}

@media screen and (min-width: 1250px){
	.sector_bar {
		width: 40%;
	}
}

.modal_w {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.lang-sector{
	display:flex;
	justify-content:center;
	margin:20px;
}
.lang-a{
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	text-align:center;
	margin-left:10px;
}