/**********************************************
    APOLLOADMIN.NET SLIDE ENQUIRY FORM
**********************************************/

.slide-form.carousel .carousel-item { background-color: #eaeaea; height: 400px; position: relative; }
        .slide-form.carousel .carousel-item .inner-content { padding: 3rem; width: 100%;  text-align: center; position: absolute; top: 50%; transform: translateY(-50%); }
    .slide-form .form-control { height: 50px; box-shadow: none; border-radius: 0px; }
        .slide-form textarea.form-control { height: 150px; }

    .slide-form .form-group { -webkit-animation-delay: 0.5s !important; animation-delay: 0.5s !important; opacity: 0; }
    .slide-form .button { -webkit-animation-delay: 1s !important; animation-delay: 1s !important; opacity: 0; }


    .slide-form .carousel-item:first-child a[data-slide="prev"] { display: none !important; }
    .slide-form .carousel-item:last-child a[data-slide="next"], .slide-form .carousel-item:last-child a[data-slide="prev"] { display: none !important; }

    .slide-form .carousel-item.active .form-group, .slide-form .carousel-item.active .button {
	    -webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	            animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    }

    .slide-form input[type=radio], .slide-form input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; position: relative; background-color: rgba(255,255,255,0.4); color: #666;
         top: 10px; height: 30px; width: 30px; border: 0; border-radius: 50px; cursor: pointer; margin-right: 7px; outline: none;  }
        .slide-form input[type=radio]:checked::before, .slide-form input[type=checkbox]:checked::before { position: absolute; font: normal normal normal 14px/1 FontAwesome; left: 9px; top: 8px; content: '\f00c'; }
        .slide-form input[type=radio]:hover, .slide-form input[type=checkbox]:hover { background-color: #f7f7f7; }
        .slide-form input[type=radio]:checked, .slide-form input[type=checkbox]:checked { background-color: #f1f1f1; }
    .slide-form input[type=checkbox] { border-radius: 3px !important; }

    .form-radio-list label[for] { margin-top: 15px; }

    /* Validation */
    .slide-form .validate-alert { display: none !important; }
    .slide-form .validate-error { color: red; }
    .slide-form .valid { border-color: green; color: green;}
    .slide-form .form-group.valid label:first-child:after { content: "\f058"; position: absolute; right: 5px; top: 5px; color: green;  display: inline-block;
                                        font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    

/* Keyframes */
@-webkit-keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}


/* Validate icons */
.jello-horizontal, .slide-form label.validate-error, .slide-form .form-group.valid label:first-child:after {
    -webkit-animation: jello-horizontal 2s ease-in-out 1s infinite both;
	        animation: jello-horizontal 2s ease-in-out 1s infinite both;
}


@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  15% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  20% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  25% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  32% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  38% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  15% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  20% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  25% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  32% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  38% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

/* Carousel overlay */

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}