.myForm {  
  display: flex;
  flex-wrap: wrap;
}
.myForm input, .myForm textarea, .myForm select {
  background: #FFFFFF;
  border: 3px solid #E0E3E7;
  width: 100%;
  padding: 10px 12px;
  transition: .5s;
  color: #929BA5;
  max-width: 100%;
  min-width: 100%;
  margin-bottom: 15px;
}
.myForm input:hover, .myForm textarea:hover, .myForm select:hover, .myForm input:focus-within, .myForm textarea:focus-within, .myForm select:focus-within{
  border-color: #E2676E;
  color: #E2676E;
}
.myForm label {
  transition: .5s;
}
.myForm label:hover {
  color: #000;
}
.myForm label .select {
  border-color: #dd1b3d;
}
.myForm label .select:focus-within {
  color: #000;
}
.myForm label .select:focus-within input {
  border-color: #dd1b3d;
  color: #000;
}
.myForm button, .myForm  .button{
  margin: 0 auto;
}
@-webkit-keyframes calcAnimation {
  from {
    transform: scale(0.7);
  }
  to {
    transform: scale(1);
  }
}
.calcIcon {
  display: block;
  border-radius: 50%;
  background-color: #1A8AEF;
  width: 70px;
  height: 70px;
  z-index: 2;
  position: relative;
  border: none;
  position: fixed;
  right: 70px;
  top: calc(65% - 25px);
}
.calcIcon::before {
  position: absolute;
  content: '';
  border-radius: 50%;
  background-image: url(/assets/images/callBack.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  animation: calcAnimation .5s infinite alternate;
  -webkit-animation: calcAnimation .5s infinite alternate;
}
.calcIcon::after {
  background-color: rgba(26, 138, 239, 0.34);
  position: absolute;
  content: '';
  border-radius: 50%;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-transition: all .5s cubic-bezier(.68, -0.55, .27, 1.55);
  transition: all .5s cubic-bezier(.68, -0.55, .27, 1.55);
}
.calcIcon:hover::after {
  -webkit-transform: scale(1.4, 1.4);
  transform: scale(1.4, 1.4);
}
.calcIcon::after {
	background-color: rgba(26, 138, 239, 0.34);
	position: absolute;
	content: '';
	border-radius: 50%;
 	display: block;
	width: 100%;
	height: 100%;
	z-index: 0;
	-webkit-transition: all .5s cubic-bezier(.68, -0.55, .27, 1.55);
	transition: all .5s cubic-bezier(.68, -0.55, .27, 1.55);
}


.modal {
  max-width: 440px;
  margin: 0 auto;
  border: 1px solid #d1d1d1;
  padding: 0;
}
.modal__header {
  padding: 30px 30px 0;
  text-transform: uppercase;
  text-align: center;
}
.modal__type {
  margin-bottom: 10px;
}
.modal__name {
  font-size: .8rem;
}
.modal__content {
  padding: 20px 30px 30px;  
}
.modal__form {}
.modal__label {}

.modal__privacy {
  font-size: .9rem;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.modal .fancybox-close-small {
  background: transparent;  
}
.modal .fancybox-close-small:hover {
  background: transparent;
  color: #CB2535;
}
.modal .fancybox-close-small:hover::after {
  background: #CB2535;
}
.modal .fancybox-close-small:active {
  background: transparent;
  box-shadow: none;
  color: #CB2535;
}
.modal .fancybox-close-small:active::after {
  background: #CB2535;
  .transition();
}
.modal .fancybox-close-small::after {
  background: #CB2535;
  .transition();
}
@media screen and (max-width: 500px) {
  .modal__content {
    padding: 15px;
  }
}