.register-sticky .icon {width: 20px; margin: auto; -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; animation: quick-alo-circle-img-anim 1s infinite ease-in-out; }
.register-sticky .line{fill:#FFFFFF; animation-name: register-sticky; animation-duration: 0.5s; animation-iteration-count: infinite; }
.register-sticky .frame-icon {background: #2c705f; border-radius: 50%; width: 50px; height: 50px; display: flex; border: 2px solid #d5ce3b; }
.register-sticky {display: flex; align-items: center; position: fixed; bottom: 20px; left: 10px; line-height: 100px; padding-top: 14px; padding-left: 14px; padding-right: 14px; border-radius: 50%; color: #fff; box-shadow: 0 0 1.5rem rgba(255,255,255,.7); z-index: 500; cursor: pointer; animation-name: register-sticky; animation-duration: 0.5s; animation-iteration-count: infinite; background: url(../images/register-bg.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 80px; height: 80px; } 
@keyframes register-sticky {
  0%   {color: #fff;fill:#FFFFFF;}
  50%   {color: #ffe635;fill:#ffe635;}
  100%   {color: #fff;fill:#FFFFFF;}
}
@keyframes quick-alo-circle-img-anim {
  0%   {transform: rotate(0) scale(1) skew(1deg);}
  10%   {transform: rotate(-25deg) scale(1) skew(1deg);}
  20%   { transform: rotate(25deg) scale(1) skew(1deg);}
  30%   { transform: rotate(-25deg) scale(1) skew(1deg);}
  40%   { transform: rotate(25deg) scale(1) skew(1deg);}
  50%   { transform: rotate(0) scale(1) skew(1deg);}
  100%   { transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes quick-alo-circle-img-anim {
  0%   {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  10%   {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20%   { -webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30%   { -webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40%   { -webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50%   { -webkit-transform: rotate(0) scale(1) skew(1deg);}
  100%   { -webkit-transform: rotate(0) scale(1) skew(1deg);}
}

.hotline-phone-ring-wrap {position: absolute; bottom: 0px; right: 0; width: 100%; height: 100%; }
.hotline-phone-ring {position: fixed; visibility: visible; background-color: transparent; width: 120px; height: 120px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 80px; z-index: 9999999;}
.hotline-phone-ring-circle {width: 87px; height: 87px; top: 10px; left: 10px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid #ef4d53; -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: .5; }
.hotline-phone-ring-wrap>* { pointer-events: none; }
.hotline-phone-ring-circle-fill {width: 57px; height: 57px; top: 25px; left: 25px; position: absolute; background: -webkit-linear-gradient(#ed1f25, #ef4d53); border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.hotline-phone-ring-img-circle {background: -webkit-linear-gradient(#ed1f25, #ef4d53); width: 33px; height: 33px; top: 37px; left: 37px; position: absolute; background-size: 20px; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; z-index: 100; }
.hotline-phone-ring-img-circle .pps-btn-img {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.hotline-phone-ring-img-circle .pps-btn-img img {width: 20px; height: 20px; }

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1;
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6;
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

/*PopUp Form*/
#popup-form .close-button { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; cursor: pointer; border: 2px solid #fff; border-radius: 50%; padding: 8px; background-color: #333; display: flex; align-items: center; justify-content: center;}
#popup-form { display: none; }
#popup-form .wpcf7-form-control.wpcf7-submit.button-submit { display: none; }
#popup-form .form-home__contact-submit .ajax-loader{ position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
#popup-form .form-home__contact-submit { position: relative; }
#popup-form {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; }
#popup-form.open {opacity: 1;}
#popup-form {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; }
#popup-form.open {opacity: 1; visibility: visible; display: block;}
#popup-form .component-inner {width: 500px; max-width: 90%; max-height: 95%; margin: auto; top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: auto; }
#popup-form .component-inner .component-info {background: #fff; position: relative; border-radius: 20px; overflow: hidden;}
#popup-form .component-inner .component-info .form-contact {max-width: unset; position: relative; padding: 30px 30px 70px 30px; }
#popup-form .component-inner .component-info .form-contact .group-heading {text-align: center; }
#popup-form .component-inner .close-button {position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; cursor: pointer; }
#popup-form .component-inner .component-info .form-contact .group-heading {max-width: 438px; margin: auto; padding-bottom: 31px; }
#popup-form .component-inner .component-info .form-contact .group-heading img {margin-bottom: 7px; width: 200px;}
#popup-form .component-inner .component-info .form-contact .group-heading .title {font-size: 27px; margin-bottom: 15px; text-transform: uppercase;}
#popup-form .component-inner .component-info .form-contact .group-heading .description {color: #bf9e04; }
#popup-form .form-register__inner .form-group label.error  { color: #dc3545; }

#popup-form .form-home__contact-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -11px; }
#popup-form .form-home__contact-wrap .form-group {width: 100%; margin-bottom: 0; } 
#popup-form .form-home__contact-wrap .form-group.input-small {width: 50%; }
#popup-form .form-home__contact-wrap .form-group input, #popup-form  .form-home__contact-wrap .form-group textarea {width: 100%; border: 1px solid #704122; border-radius: 5px; padding: 10px 17px; outline: none; }
#popup-form .form-home__contact-wrap .form-group .inner {padding: 11px; }
.form-home__contact-wrap .form-group .inner span { display: block; width: 100%; }
#popup-form .form-home__contact-submit button {width: 100%; text-align: center; background: #B31E22; font-weight: bold; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 14px; border-radius: 5px; }
#popup-form .form-home__contact-submit .quote { color: #dc3545; font-style: italic; text-align: center; }

/*Form*/
.form-home__contact-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -11px; }
.form-home__contact-wrap .form-group {width: 100%; margin-bottom: 0; }
.form-home__contact-wrap .form-group.input-small {width: 50%; }
.form-home__contact-wrap .form-group input, .form-home__contact-wrap .form-group textarea {width: 100%; border: 1px solid #fff; border-radius: 5px; padding: 10px 17px; outline: none; }
.form-home__contact-wrap .form-group .inner {padding: 11px; } 
.form-home__contact-wrap .form-group  { display: block; }
.form-home__contact-submit button {width: 100%; text-align: center; background: #bf9e04; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 14px; border-radius: 5px; color: #fff; border: 2px solid #fff; font-size: 16px; padding: 10px; }
.form-home__contact-submit { position: relative; }
.form-home__contact-submit .ajax-loader { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
.wpcf7-not-valid-tip { position: absolute; left: 0; font-size: 14px; text-align: center; font-style: italic; }
.wpcf7 form .wpcf7-response-output { position: absolute; margin-top: 10px; font-size: 14px; }
.form-home__contact .quote { font-size: 14px; text-align: center; font-style: italic; color: #dc3232; }

/*Form Footer*/
.footer .wpcf7-response-output { color: #fff; }
.footer .wpcf7 form .wpcf7-response-output { margin-top: 0px; color: #dc3232; }
.footer .wpcf7-not-valid-tip { text-align: left; font-size: 12px; font-style: italic; color: #fff; }

/*Form Horizon*/
.section-form-project { padding-top: 30px; padding-bottom: 30px; background: #2c705f; color: #fff; position: relative; }
.section-form-project .title { font-size: 20px; }
.section-form-project .description { margin-bottom: 40px; }
.section-form-project .wrap-form { display: flex; margin-right: -15px; margin-left: -15px;}
.section-form-project .wrap-form .form-group { padding-left: 15px; padding-right: 15px; width: 27%; }
.section-form-project .wrap-form .form-group .input { width: 100%; padding: 11px 15px; border-radius: 5px;}
.section-form-project .wrap-form .wrap-submit { width: 19%; }
.section-form-project .wrap-form .wrap-submit .submit { width: 100%; padding: 15px 15px; background-color: #fec55f; border: 1px solid transparent; border-radius: 5px; transition: all ease 0.6s; cursor: pointer; white-space: nowrap; line-height: 1;}
.section-form-project .wrap-form .wrap-submit .submit:hover { background-color: #D4CAA6; border: 1px solid #fff; }


#popup-home .close-button { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; cursor: pointer; border: 2px solid #fff; border-radius: 50%; padding: 8px; background-color: #940909; display: flex; align-items: center; justify-content: center;}
#popup-home { display: none; }
#popup-home { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; }
#popup-home.open {opacity: 1; visibility: visible; display: block;}
#popup-home .component-inner {width: 900px; max-width: 90%; max-height: 95%; margin: auto; top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.content-page-thankyou { background: url(../images/examples/bg-thank-you.jpeg) no-repeat; background-size: cover; background-position: center; height: 100vh; position: relative; }
.content-page-thankyou .heading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 40px 30px; border-radius: 20px; min-width: 320px; box-shadow: 0px 0px 20px rgb(0 0 0 / 20%); background-color: rgba(255,255,255,0.8);}
.content-page-thankyou .logo { text-align: center; margin-bottom: 20px; }
.content-page-thankyou .logo img { max-height: 80px; margin: auto; object-fit: contain;}

@media screen and (max-width: 767px){ /* 640 */
  #popup-home .close-button { width: 28px; height: 28px; right: -10px; top: -14px; }
}