.iti__flag {
  background-image: url("../img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("../img/flags@2x.png");
  }
}

.register-holder {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: none;
  pointer-events: auto;
}
.register-holder.block{
  display: block;
}

.register-holder.none {
  display: none;
}

.registration-form-wrapper {
  padding: 25px;
  background-color: #fafafa;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  margin-top: 3%;
  border-radius: 5px;
}

.registration-form-wrapper label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
}

.registration-form-wrapper .form-group {
  margin-bottom: 20px;
}

.registration-form-wrapper input[type="text"], .registration-form-wrapper input[type="tel"], .registration-form-wrapper input[type="email"], .registration-form-wrapper input[type="password"] {
  display: block;
  width: 100%;
  padding: .665rem 15px;
  font-size: .857rem;
  line-height: 1.75;
  color: #404040;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #a3a3a3;
  border-radius: 5px;
  transition: border-color .2s ease-in-out, background .2s ease-in-out;
}

.registration-form-wrapper input[type="tel"], .registration-form-wrapper input[type="email"], .registration-form-wrapper input[type="password"] {
  direction: ltr;
  text-align: left;
}

.iti {
  width: 100%;
  direction: ltr;
}

.registration-form-wrapper button, button.signup-button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: .665rem 15px;
  font-size: 1rem;
  min-width: 100px;
  border-radius: 5px;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  cursor: pointer;
  color: #fff;
  background-color: #ff4232;
  border-color: #ff4232;
  width: 100%;
  font: 15px IRANSans;
}


/* The checkbox-container */

.checkbox-container {
  display: block;
  position: relative;
  padding-right: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 5px;
  border: 1px solid #cecece;
}

/* On mouse-over, add a grey background color */

.checkbox-container:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */

.checkbox-container input:checked~.checkmark {
  background-color: #ff4232;
  border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.checkbox-container input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#sntripphone, #sntripphonenumber {
  padding-left: 50px;
}

#sntrip_registersubmit.spinner, #sntrip_send_code.spinner {
  background: url('../img/spinner.svg') left center no-repeat #ff4232;
}

.registration-form-wrapper {
  display: none;
}

.registration-form-wrapper.block {
  display: block;
}

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  display: none;
}

.alert.block {
  display: block;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.closebtn svg {
  width: 20px;
  height: 20px;
}

.closebtn {
  float: left;
  clear: both;
  cursor: pointer;
}

.sntrip-description h3 {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
figure.image-cricle {
  width: 30%;
  margin: 0 auto;
  color: green;
  margin-bottom: 30px;
}
.third-form p{
  font-weight: bold;
  text-align: center;
  font-size: 15px;
}
.registration-header {
  padding: 5px 0;
}
.registration-header a, .registration-header span {
  display: inline-block;
  vertical-align: top;
}
a.return-step svg {
  display: inline-block;
  width: 9px;
  vertical-align: middle;
  margin-left: 5px;
}
@media only screen and (max-width:720px){
  .iti--container{
    z-index: 100000;
    pointer-events: auto; 
  }
  .more-posts-btn, .pointer-none{
    pointer-events: auto; 
  }
}