/* CF7 Styles */
 .wpcf7-response-output {
   /*position: absolute;*/
   top: 100%;
  /*  position: inherit;
    top: 100%;
    float: right;*/
}
 footer .wpcf7 .wpcf7-response-output {
   color: #fff !important;

   font-size: 0.8rem;

}
 footer .wpcf7 .wpcf7-spinner {
   top: calc(100% + 10px);
   right: 10px;
}
 footer .wpcf7 .wpcf7-spinner div {
   background: #fff !important;
   top: unset;
}
.wpcf7 form.submitting .wooinside_form_btn [type="submit"]:before {
	 content: '';
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background: #fff;
	 opacity: .8;
	 pointer-events: none;
}
 .wpcf7 form.submitting .wooinside_form_btn [type="submit"]:after{
	 content: '';
	 animation: spin 650ms infinite linear;
	 border: 2px solid transparent;
	 border-radius: 32px;
	 border-top: 2px solid #fdb913 !important;
	 border-right: 2px solid #fdb91366 !important;
	 border-bottom: 2px solid #fdb913 !important;
	 border-left: 2px solid #fdb91366 !important;
	 content: "";
	 display: block;
	 height: 20px;
	 top: 50%;
	 margin-top: -10px;
	 left: 50%;
	 margin-left: -10px;
	 right: auto;
	 position: absolute;
	 width: 20px;
 }
 .wpcf7 form.submitting .wooinside_form_btn .btn[type="submit"]:before,
 .wpcf7 form.submitting .wooinside_form_btn .btn[type="submit"]:after{
	 border-radius: 2.5rem;
 }
 footer .wpcf7 form.submitting .wooinside_form_btn .btn[type="submit"]:before{
	 border-radius: 0;
 }
 .wpcf7 {
   direction: unset !important;
   position: relative;
   
   /*font-size: 1em;*/
}
 .wpcf7 .wpcf7-not-valid {
   color: #fff;
   /*font-size: 1em;*/
   font-weight: normal;
   display: block;
   /*border-color: var(--alert-color) !important;*/
   border-color: #FF0000 !important;
   /*background-color: #ffe1e6 !important;*/
}
 .wpcf7 form:not(.submitting) .wpcf7-spinner {
   display: none;
}
 .wpcf7 form.submitting .wpcf7-spinner {
   display: inline-block;
   position: absolute;
}
 .wpcf7 .wpcf7-spinner {
   /*height: auto !important;*/
   z-index: 2;
}
 .wpcf7 .screen-reader-response {
   position: absolute;
   overflow: hidden;
   clip: rect(1px, 1px, 1px, 1px);
   height: 1px;
   width: 1px;
   margin: 0;
   padding: 0;
   border: 0;
}
 .wpcf7 .ajax-loader {
   visibility: hidden;
   display: inline-block;
   background-color: #23282d;
   opacity: 0.75;
   width: 24px;
   height: 24px;
   border: none;
   border-radius: 100%;
   padding: 0;
   margin: 0 24px;
   position: absolute;
   left: 50%;
   bottom: 10px;
   transform: translateX(-100%);
}
 .wpcf7 .ajax-loader::before {
   content: '';
   position: absolute;
   background-color: #fbfbfc;
   top: 4px;
   left: 4px;
   width: 6px;
   height: 6px;
   border: none;
   border-radius: 100%;
   transform-origin: 8px 8px;
   animation-name: spin;
   animation-duration: 1000ms;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
}
 .wpcf7 form.submitting .ajax-loader {
   visibility: visible;
}
 .wpcf7 form.submitting .wpcf7-submit {
   pointer-events: none;
}
 @keyframes spin {
   from {
     transform: rotate(0deg);
  }
   to {
     transform: rotate(360deg);
  }
}
/* Form loader */
 .form-loader {
   display: inline-block;
   position: relative;
   width: 80px;
   height: 80px;
}
 .form-loader div {
   /*position: absolute;*/
   top: 33px;
   width: 13px;
   height: 13px;
   border-radius: 50%;
   background: #336699;
   animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
 .form-loader div:nth-child(1) {
   left: 8px;
   animation: form-loader1 0.6s infinite;
}
 .form-loader div:nth-child(2) {
   left: 8px;
   animation: form-loader2 0.6s infinite;
}
 .form-loader div:nth-child(3) {
   left: 32px;
   animation: form-loader2 0.6s infinite;
}
 .form-loader div:nth-child(4) {
   left: 56px;
   animation: form-loader3 0.6s infinite;
}
 @keyframes form-loader1 {
   0% {
     transform: scale(0);
  }
   100% {
     transform: scale(1);
  }
}
 @keyframes form-loader3 {
   0% {
     transform: scale(1);
  }
   100% {
     transform: scale(0);
  }
}
 @keyframes form-loader2 {
   0% {
     transform: translate(0, 0);
  }
   100% {
     transform: translate(24px, 0);
  }
}
/* End CF7 Styles */
 




footer .wpcf7 .wpcf7-spinner { top: 50% !important; right: 43% !important;
}


 .dot-spin {
 position: relative;
 width: 7px;
 height: 7px !important;
 border-radius: 50%;
 background-color: transparent;
 color: transparent;
 box-shadow: 0 -12px 0 0 #fff, 8.72984px -8.72984px 0 0 #fff, 12px 0 0 0 #fff, 8.72984px 8.72984px 0 0 rgba(152, 128, 255, 0), 0 12px 0 0 rgba(152, 128, 255, 0), -8.72984px 8.72984px 0 0 rgba(152, 128, 255, 0), -12px 0 0 0 rgba(152, 128, 255, 0), -8.72984px -8.72984px 0 0 rgba(152, 128, 255, 0);
 animation: dotSpin 1.5s infinite linear;
}

@keyframes dotSpin {
 0%,
 100% {
 box-shadow: 0 -12px 0 0 #fff, 8.72984px -8.72984px 0 0 #fff, 12px 0 0 0 #fff, 8.72984px 8.72984px 0 -5px rgba(152, 128, 255, 0), 0 12px 0 -5px rgba(152, 128, 255, 0), -8.72984px 8.72984px 0 -5px rgba(152, 128, 255, 0), -12px 0 0 -5px rgba(152, 128, 255, 0), -8.72984px -8.72984px 0 -5px rgba(152, 128, 255, 0);
 }
 12.5% {
 box-shadow: 0 -12px 0 -5px rgba(152, 128, 255, 0), 8.72984px -8.72984px 0 0 #fff, 12px 0 0 0 #fff, 8.72984px 8.72984px 0 0 #fff, 0 12px 0 -5px rgba(152, 128, 255, 0), -8.72984px 8.72984px 0 -5px rgba(152, 128, 255, 0), -12px 0 0 -5px rgba(152, 128, 255, 0), -8.72984px -8.72984px 0 -5px rgba(152, 128, 255, 0);
 }
 25% {
 box-shadow: 0 -12px 0 -5px rgba(152, 128, 255, 0), 8.72984px -8.72984px 0 -5px rgba(152, 128, 255, 0), 12px 0 0 0 #fff, 8.72984px 8.72984px 0 0 #fff, 0 12px 0 0 #fff, -8.72984px 8.72984px 0 -5px rgba(152, 128, 255, 0), -12px 0 0 -5px rgba(152, 128, 255, 0), -8.72984px -8.72984px 0 -5px rgba(152, 128, 255, 0);
 }
 37.5% {
 box-shadow: 0 -12px 0 -5px rgba(152, 128, 255, 0), 8.72984px -8.72984px 0 -5px rgba(152, 128, 255, 0), 12px 0 0 -5px rgba(152, 128, 255, 0), 8.72984px 8.72984px 0 0 #fff, 0 12px 0 0 #fff, -8.72984px 8.72984px 0 0 #fff, -12px 0 0 -5px rgba(152, 128, 255, 0), -8.72984px -8.72984px 0 -5px rgba(152, 128, 255, 0);
 }
 50% {
 box-shadow: 0 -12px 0 -5px rgba(152, 128, 255, 0), 8.72984px -8.72984px 0 -5px rgba(152, 128, 255, 0), 12px 0 0 -5px rgba(152, 128, 255, 0), 8.72984px 8.72984px 0 -5px rgba(152, 128, 255, 0), 0 12px 0 0 #fff, -8.72984px 8.72984px 0 0 #fff, -12px 0 0 0 #fff, -8.72984px -8.72984px 0 -5px rgba(152, 128, 255, 0);
 }
 62.5% {
 box-shadow: 0 -12px 0 -5px rgba(152, 128, 255, 0), 8.72984px -8.72984px 0 -5px rgba(152, 128, 255, 0), 12px 0 0 -5px rgba(152, 128, 255, 0), 8.72984px 8.72984px 0 -5px rgba(152, 128, 255, 0), 0 12px 0 -5px rgba(152, 128, 255, 0), -8.72984px 8.72984px 0 0 #fff, -12px 0 0 0 #fff, -8.72984px -8.72984px 0 0 #fff;
 }
 75% {
 box-shadow: 0 -12px 0 0 #fff, 8.72984px -8.72984px 0 -5px rgba(152, 128, 255, 0), 12px 0 0 -5px rgba(152, 128, 255, 0), 8.72984px 8.72984px 0 -5px rgba(152, 128, 255, 0), 0 12px 0 -5px rgba(152, 128, 255, 0), -8.72984px 8.72984px 0 -5px rgba(152, 128, 255, 0), -12px 0 0 0 #fff, -8.72984px -8.72984px 0 0 #fff;
 }
 87.5% {
 box-shadow: 0 -12px 0 0 #fff, 8.72984px -8.72984px 0 0 #fff, 12px 0 0 -5px rgba(152, 128, 255, 0), 8.72984px 8.72984px 0 -5px rgba(152, 128, 255, 0), 0 12px 0 -5px rgba(152, 128, 255, 0), -8.72984px 8.72984px 0 -5px rgba(152, 128, 255, 0), -12px 0 0 -5px rgba(152, 128, 255, 0), -8.72984px -8.72984px 0 0 #fff;
 }
}



.wpcf7-response-output {
    margin-top: 1rem;
	margin-bottom: 1rem;
    font-size: 15px;
}