/*.girl{
    background-image: url(images/girl.jpg);
    background-size: cover;
}
.girl > [name="SIMPLE_FORM_3"]{
    width: 40%;
    float: right;
    margin-left: 60%;
}
.callBack-form.girl{
    width: 875px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.girl .callBack-form__main{
    margin-top: 15px; 
}

.girl .callBack-form__close-link{
    top: 20px;
    right: 20px;
    filter: grayscale(1);
}*/


@-webkit-keyframes slide-in-top {
    0% {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-top {
    0% {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  
  .slide-in-top {
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-out-top {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      opacity: 0;
    }
  }
  @keyframes slide-out-top {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      opacity: 0;
    }
  }


  
  .slide-out-top {
	-webkit-animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}