.p_modal_74s3162dkl,
body {
    font-family: var(--custom-fonts)
}

.p_modal_74s3162dkl h2,
.p_modal_74s3162dkl p {
    padding: 0;
    text-align: center
}

body {
    font-size: 14px;
    margin: 0;
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#p_loading,
.p_loading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #dadada;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.circle-loader_74s3162dkl,
.confeti,
.p_modal_74s3162dkl h2,
.p_modal_74s3162dkl p {
    position: relative
}

.parpadea {
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-name: parpadeo;
    -webkit-animation-name: parpadeo;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear
}

.parpadea1only {
    animation-iteration-count: forwards;
    -webkit-animation-iteration-count: forwards
}

.parpadea2only {
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2
}

.parpadea3only {
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: 3
}

@-webkit-keyframes parpadeo {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes parpadeo {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.ladea {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ladea;
    animation-name: ladea;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@-webkit-keyframes ladea {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
        animation-timing-function: cubic-bezier(.25, .25, .75, .75);
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    10%,
    30%,
    50% {
        -webkit-transform: rotateY(5deg);
        transform: rotateY(5deg)
    }

    20%,
    40% {
        -webkit-transform: rotateY(-5deg);
        transform: rotateY(-5deg)
    }

    60%,
    to {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes ladea {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
        animation-timing-function: cubic-bezier(.25, .25, .75, .75);
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    10%,
    30%,
    50% {
        -webkit-transform: rotateY(5deg);
        transform: rotateY(5deg)
    }

    20%,
    40% {
        -webkit-transform: rotateY(-5deg);
        transform: rotateY(-5deg)
    }

    60%,
    to {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

.temblor_74s3162dkl:hover {
    -webkit-animation: temblor .82s cubic-bezier(.36, .07, .19, .97) both;
    animation: temblor .82s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes temblor {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes temblor {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

.temblor_inf_74s3162dkl {
    -webkit-animation: temblor_inf 2s infinite;
    animation: temblor_inf 2s infinite
}

@-webkit-keyframes temblor_inf {
    0% {
        -webkit-transform: translate(1px, 1px) rotate(0);
        transform: translate(1px, 1px) rotate(0)
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
        transform: translate(-1px, -2px) rotate(-1deg)
    }

    20% {
        -webkit-transform: translate(-3px) rotate(1deg);
        transform: translate(-3px) rotate(1deg)
    }

    30% {
        -webkit-transform: translate(3px, 2px) rotate(0);
        transform: translate(3px, 2px) rotate(0)
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
        transform: translate(1px, -1px) rotate(1deg)
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
        transform: translate(-1px, 2px) rotate(-1deg)
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0);
        transform: translate(-3px, 1px) rotate(0)
    }

    70% {
        -webkit-transform: translate(3px, 1px) rotate(-1deg);
        transform: translate(3px, 1px) rotate(-1deg)
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
        transform: translate(-1px, -1px) rotate(1deg)
    }

    90% {
        -webkit-transform: translate(1px, 2px) rotate(0);
        transform: translate(1px, 2px) rotate(0)
    }

    to {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
        transform: translate(1px, -2px) rotate(-1deg)
    }
}

@keyframes temblor_inf {
    0% {
        -webkit-transform: translate(1px, 1px) rotate(0);
        transform: translate(1px, 1px) rotate(0)
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
        transform: translate(-1px, -2px) rotate(-1deg)
    }

    20% {
        -webkit-transform: translate(-3px) rotate(1deg);
        transform: translate(-3px) rotate(1deg)
    }

    30% {
        -webkit-transform: translate(3px, 2px) rotate(0);
        transform: translate(3px, 2px) rotate(0)
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
        transform: translate(1px, -1px) rotate(1deg)
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
        transform: translate(-1px, 2px) rotate(-1deg)
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0);
        transform: translate(-3px, 1px) rotate(0)
    }

    70% {
        -webkit-transform: translate(3px, 1px) rotate(-1deg);
        transform: translate(3px, 1px) rotate(-1deg)
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
        transform: translate(-1px, -1px) rotate(1deg)
    }

    90% {
        -webkit-transform: translate(1px, 2px) rotate(0);
        transform: translate(1px, 2px) rotate(0)
    }

    to {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
        transform: translate(1px, -2px) rotate(-1deg)
    }
}

.p_modal_74s3162dkl img {
    max-height: 20vh;
    max-width: 100%
}

.p_modal_74s3162dkl h2 {
    color: #575757;
    display: block;
    font-size: 25px;
    font-weight: 600;
    margin: 25px 0;
    text-transform: none
}

.p_modal_74s3162dkl p {
    color: #797979;
    float: none;
    font-size: 15px;
    font-weight: 300;
    line-height: normal;
    margin: 10px 0;
    text-align: inherit
}

.p_modal_button {
    background-color: #8cd4f5;
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px rgba(140, 212, 245, .8), inset 0 0 0 1px rgba(0, 0, 0, .047);
    box-shadow: 0 0 2px rgba(140, 212, 245, .8), inset 0 0 0 1px rgba(0, 0, 0, .047);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    margin: 16px 5px 0;
    padding: 10px 32px
}

.checkmark_74s3162dkl {
    display: none
}

.checkmark_74s3162dkl.draw_74s3162dkl:after {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: checkmark;
    animation-name: checkmark;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg)
}

.checkmark_74s3162dkl:after {
    border-right: 3px solid #5cb85c;
    border-top: 3px solid #5cb85c;
    content: "";
    height: 3.5em;
    left: 1.75em;
    opacity: 1;
    position: absolute;
    top: 3.5em;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 1.75em
}

@-webkit-keyframes checkmark {
    0% {
        height: 0;
        opacity: 1;
        width: 0
    }

    20% {
        height: 0;
        opacity: 1;
        width: 1.75em
    }

    40%,
    to {
        height: 3.5em;
        opacity: 1;
        width: 1.75em
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        opacity: 1;
        width: 0
    }

    20% {
        height: 0;
        opacity: 1;
        width: 1.75em
    }

    40%,
    to {
        height: 3.5em;
        opacity: 1;
        width: 1.75em
    }
}

.circle-loader_74s3162dkl {
    -webkit-animation: loader-spin 1.2s linear infinite;
    animation: loader-spin 1.2s linear infinite;
    border: 1px solid rgba(0, 0, 0, .2);
    border-left-color: #5cb85c;
    border-radius: 50%;
    display: inline-block;
    height: 7em;
    vertical-align: top;
    width: 7em
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    -webkit-transition: border .5s ease-out;
    -o-transition: border .5s ease-out;
    transition: border .5s ease-out
}

@-webkit-keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.confeti {
    min-height: 100vh;
    overflow: hidden
}

[class|=confetti] {
    position: absolute
}

.red {
    background-color: #e94a3f
}

.yellow {
    background-color: #faa040
}

.blue {
    background-color: #5fc9f5
}



/* ------------------------------------------------------------- */

.nwcolor{
    padding: 0px !important;
   
    background-color: #002b45 !important;
}