.callback > #feedback_three > .form_agreement {
	margin: 0;
}



.callback {
  perspective: 1000px;
  visibility: hidden;
  transition: visibility 0s 0.6s;
}
.callback, .callback .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.callback .overlay {
  z-index: 100;
  cursor: default;
  background-color: transparent;
  transition: background-color 0.3s 0.3s;
}
.callback:target {
  visibility: visible;
  transition: visibility 0s 0s;
  z-index: 104;
}

.callback:target .overlay {
  background-color: #002833;
  transition: background-color 0.3s 0s;
}

.callback:target form {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, -50%) rotateX(0deg);
	max-width: 400px;
	transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, max-width 0.3s 0.3s ease-out, transform 0.3s 0.3s ease-out;
	border-radius: 10px;
	border: 2px solid #555;
}

.callback:target form .close {
  transition: transform 0.3s 0.6s ease-out;
  transform: scale(1) rotate(0deg);
  border-radius: 50%;
}


.callback form {
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s ease-in, max-width 0.3s 0s ease-in;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -150%) rotateX(60deg);
  background-color: #fff;
  width: 100%;
  max-width: 300px;
  padding: 0 2rem 2rem;
  text-align: right;
  z-index: 200;
  box-sizing: border-box;
 }


.callback form header {
  color: #0da3cc;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1rem;
  position: relative;
  margin: 15px auto;
  width: 100%;
}

.callback > form > input:not(.btn) {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
	outline: none;
	background-color: #fff;
	transition: 0.3s background-color;
	margin-top: 10px;
	height: 36px;
	border: 2px solid #555;
	border-radius: 5px;
}

.callback > form > textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
	outline: none;
	background-color: #fff;
	transition: 0.3s background-color;
	margin-top: 10px;
	border: 2px solid #555;
  border-radius: 5px;
  font-family: Arial;
}


.callback form input:focus {
  background-color: rgba(255, 255, 255, 0.8);
}

.callback form .send-btn {
	margin: 10px 0;
	width: 100%;
	font-size: 16px;
	background: none;
	color: #555;
	border-radius: 5px;
	border: 2px solid #555;
	text-transform: uppercase;
}

.callback form .close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: -60px;
  transform: scale(0) rotate(-360deg);
  transition: transform 0.3s 0s ease-out;
}

.callback form .close:before, .callback form .close:after {
  content: "";
  position: absolute;
  width: 60%;
  height: 2px;
  background-color: #fff;
  top: 50%;
  left: 20%;
  transition: transform 0.3s;
}
.callback form .close:hover:before, .callback form .close:hover:after {
  transform: rotate(0deg);
}
.callback form .close:before {
  transform: rotate(45deg);
}
.callback form .close:after {
  transform: rotate(-45deg);
}

.formTitle {
  display: block;
}

.callback_agreement {
  display: flex;
  justify-content: space-around;
  flex-flow: row nowrap;
  margin: 10px auto;
}

.alert.alert-success.alert-dismissible > .close {
	display: none;
}

.agreement_box{
 color:#0da3cc;
}

.alert-danger{
  color:red;
  background-color: #fff;
}

.alert-success {
  color: #0da3cc;
  background-color: #fff;
}