.welcomeCerti{
  position:absolute;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  display:block;
  z-index: 1;
}

.manomitenextPrev {
  display: none;
}

.step.active {
  opacity: 1;
}
.step.finish {
  background-color: #4CAF50;
}

input.invalid {
  background-color: #ffdddd;
}

.choose::-webkit-file-upload-button {
  color: white;
  display: inline-block;
  background: #1CB6E0;
  border: none;
  padding: 7px 15px;
  font-weight: 700;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
  font-size: 10pt;
}
.intro-section-desc{padding-left:0.25rem;padding-right:0.25rem;color:#8094ae}.intro-section-desc strong{color:#526484}.overline-title{font-size:11px;font-weight:700;color:#6a6b6e !important;text-transform:uppercase;letter-spacing:4px;display:inline-block;padding-bottom:.75rem;line-height:1}.text-white h2,.text-white h3,.text-white h4{color:#6c75f5;}.intro-section-desc:not(:first-child){margin-top:.25rem}.intro-banner-desc,.intro-section-desc,.intro-content-entry{font-size:15px}@media (min-width: 992px){.intro-nav-link{padding:0.75rem 1.75rem;font-size:14px}.intro-action{padding-left:2rem}.intro-banner{background-size:1920px;padding-bottom:480px}.intro-small-foot img{max-height:32px}.intro-heading-lead{font-size:2.25rem}.intro-content-aside{padding-right:3.5rem}}@media (min-width: 1200px){.overline-title{font-size:12px}.intro-banner-inner{padding-top:9.5rem}.intro-banner .title{font-size:2.75rem}.intro-action-group{margin-top:3.5rem}}@media (min-width: 1540px){.intro-banner{background-size:2560px;padding-bottom:640px}.intro-banner .title{font-size:4rem}.intro-banner-desc,.intro-section-desc{font-size:1.125rem}.intro-content-entry{font-size:1rem}.intro-heading-lead{font-size:3rem}.intro-section-desc:not(:first-child){margin-top:1.5rem}.intro-content-aside{padding-right:4.5rem}}@media (min-width: 2560px){.intro-banner{background-size:100%}}.intro-heading-lead{line-height:1.25}.intro-heading-lead span{font-weight:300}.intro-section-subtitle{font-size:13px}.-introupcoming-item:not(:first-child){margin-top:2rem}.intro-upcoming-info{display:block;max-width:48%;font-size:12px}.intro-upcoming-sub{text-transform:uppercase;font-size:10px;display:block;margin-bottom:1.25rem;font-weight:500;letter-spacing:2px}@media (min-width: 992px) and (max-width: 1199px), (min-width: 576px) and (max-width: 767px){.intro-upcoming-info{max-width:40%}}@media (max-width: 991px){.intro-upcoming-items{padding-top:1.5rem}}@media (max-width: 575px){.intro-upcoming-item{min-height:auto;padding:1.25rem;background-size:280px}.intro-upcoming-info{max-width:55%}}@media (max-width: 413px){.intro-upcoming-items{padding-left:.5rem;padding-right:.5rem}.intro-upcoming-item{padding-bottom:50%;background-size:125%}.intro-upcoming-info{max-width:100%}}.intro-team{padding-top:0.75rem}.intro-team>.title{font-size:12px;font-weight:700;letter-spacing:3px;color:#8094ae;text-transform:uppercase;margin-bottom:.75rem;display:block}.intro-team-list{display:flex;flex-wrap:wrap}.intro-team-member{display:inline-flex;align-items:center;width:100%}.intro-team-member:not(:first-child){margin-top:1.25rem}.intro-team-info{padding-left:.75rem}.intro-team-title{margin-bottom:.25rem;margin-top:0.15rem;font-size:1rem}.intro-team-role{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#8094ae;line-height:1.2;display:inline-block}.intro-team-media{width:48px;height:48px;flex-shrink:0}.intro-team-media img{width:100%;border-radius:50%}@media (min-width: 479px){.intro-team-list{justify-content:space-between}.intro-team-member{width:50%}.intro-team-member:not(:first-child){margin-top:0}}@media (min-width: 992px){.intro-team-list{justify-content:flex-start}.intro-team-member{width:auto;padding-right:5rem}}.intro-featured-block{padding:1.25rem .5rem 0}.intro-featured-card{border-radius:8px;padding:1.5rem;font-size:15px;color:#8094ae;background:#ffffff}.intro-featured-card.right{background:rgb(2, 4, 29);box-shadow:6px 5px 40px rgba(30,48,75,0.08);margin-top:2rem}.intro-featured-card .title{margin-bottom:1rem}.intro-featured-action{margin-top:2rem;margin-bottom:0.5rem}.intro-featured-action .btn>.icon:last-child{margin-left:.75rem;font-size:1rem;vertical-align:middle;margin-top:-2px;display:inline-block}.intro-featured-list{padding-left:0;margin-bottom:0}.intro-featured-list li{font-size:14px;color:#96a0dd;padding:2px 0}.intro-featured-list .note{font-size:12px;color:#f4bd0e}@media (min-width: 768px){.intro-featured-block{padding:2.5rem 0 0}.intro-featured-card{padding:30px}.intro-featured-card.right{margin-left:-60px}}@media (min-width: 1200px){.intro-featured-block{padding:3.5rem 0 0}.intro-featured-card{padding:45px}.intro-featured-card.right{margin-left:-90px}}@media (min-width: 1540px){.intro-featured-block{max-width:940px;margin:auto}.intro-featured-card{padding:70px}.intro-featured-card.right{padding:50px 50px 45px;margin-left:-110px}}.intro-footer{padding:1.875rem .5rem}.intro-footer p{margin-bottom:0}


/* Make the image responsive */

.alternate-body {
box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important;border: 0!important;background-color: #f4f5f7!important;
}
.alternate-wrap {
box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
border: 0;
transition: box-shadow .15s ease; border-radius: .25rem;position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.alternate-input {
border: none;
box-shadow: none;
position: relative;
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
transition: all .15s ease;
font-size: .875rem;
}
.grecaptcha-badge { 
visibility: hidden;
}

.currenter{
background-color: #ffffff;
}

.credit-card .card-front {
  background-color: rgb(20, 20, 20);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 
  border-radius: 4px;
  padding: 25px;
  margin: auto;
}

.M_customCard{
border-radius:10%; 
box-shadow: 12px 12px 16px 0 rgba(0, 0, 0, 0),-8px -8px 12px 0 rgba(255, 255, 255, 0);
box-shadow: 12px 12px 16px 0 rgba(255, 255, 255, 0) inset,-8px -8px 12px 0 rgba(0, 0, 0, .25) inset;
}

@-webkit-keyframes rotateInDownLeft {
from {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
  opacity: 0;
}

to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
}

@keyframes rotateInDownLeft {
from {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
  opacity: 0;
}

to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
}

.M_rotateInDownLeft{
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}

.Manimations {
-webkit-animation-duration: 1s;
animation-duration: 1s;

}

.filepond--drop-label {
color: #3058be;
}

.filepond--label-action {
text-decoration-color: #255b91;
}

.filepond--panel-root {
border-radius: 2em;
background-color: #edf0f4;
height: 1em;
}

.filepond--item-panel {
background-color: #153472;
}

.filepond--drip-blob {
background-color: #0e3774;
}

.text-e, .ql-toolbar{
background-color: #fff;
box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
height: 100%;
}

.ql-editor{
background-color: #fff;
}

.modal.modal-fullscreen .modal-dialog {
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
max-width: none; 
z-index: 9;

}

.modal.modal-fullscreen .modal-content {
height: auto;
height: 100vh;
border-radius: 0;
border: none; 
z-index: 9;

}

.modal.modal-fullscreen .modal-body {
overflow-y: auto; 
z-index: 9;
}

:root {
--background: #000000;
}
@media (min-width: 800px) {
:root {
    --size: 1.2;
}
}
@media (min-width: 1200px) {
:root {
    --size: 1.4;
}
}
/* to see yourself like in a mirror */
.self {
transform: scale(-1, 1);
}
/* flicker animation taken from http://goonhub.com/secret */
.flicker {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(18, 16, 16, 0.2);
opacity: 0;
z-index: 1000;
pointer-events: none;
animation: flicker 0.12s infinite;
}
@keyframes flicker {
0% {
opacity: 0.552;
}
5% {
opacity: 0.48287;
}
10% {
opacity: 0.59134;
}
15.0% {
opacity: 0.79543;
}
20% {
opacity: 0.75134;
}
25% {
opacity: 0.1956;
}
30.0% {
opacity: 0.90687;
}
35% {
opacity: 0.122;
}
40% {
opacity: 0.62254;
}
45% {
opacity: 0.56977;
}
50% {
opacity: 0.9925;
}
55.0% {
opacity: 0.55487;
}
60.0% {
opacity: 0.16607;
}
65% {
opacity: 0.12353;
}
70% {
opacity: 0.2214;
}
75% {
opacity: 0.67908;
}
80% {
opacity: 0.97163;
}
85.0% {
opacity: 0.1275;
}
90% {
opacity: 0.37186;
}
95% {
opacity: 0.24475;
}
100% {
opacity: 0.37221;
}
}

/* turn off animation */
.tv {
height: 100vh;
position: relative;
}
.tv.collapse {
animation: size 2s ease-out;
animation-fill-mode: forwards;
}
.tv.collapse:before {
content: '';
display: block;
height: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: white;
z-index: 1;
opacity: 0;
animation: opacity 2s ease-out;
animation-fill-mode: forwards;
}

@keyframes opacity {
to { opacity: 1; }
}
@keyframes size {
50% {
    transform: scaleX(calc(1 / var(--width)));
    opacity: 1;
}
98% {
    transform: scaleX(calc(1 / var(--width))) scaleY(calc(1 / var(--height)));
    opacity: 1;
}
100% {
    transform: scaleX(calc(1 / var(--width))) scaleY(calc(1 / var(--height)));
    opacity: 0;
}  
}
.tooltip-inner {
background-color: #a0a3a5;
/*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
color: #fbfcfd;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
border-top-color: #f1f5fd!important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
border-right-color: #f1f5fd!important;
}


.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
border-bottom-color: #f1f5fd!important;
}


.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
border-left-color: #f1f5fd!important;
}


@keyframes move-scratch {
  0% {
    left: 0;
  }
  50% {
    left: 200px;
  }
  100% {
    left: 0;
  }
}

.miraCartoon3{
  position:absolute;
  max-width: 100%;
  height: 300px;
  margin-left: auto;
  display:block;
  opacity: 0.8;
}

.filepond--drop-label {
  color: white;
}

.filepond--label-action {
  text-decoration-color: #f4bd0e;
}

.filepond--panel-root {
  background-color: #848381;
}