body {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0
}

* {
    box-sizing: border-box
}

img {
    max-width: 100%
}

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

.p_hidden {
    display: none!important
}

.p_opacity {
    opacity: .6
}

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

.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
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

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

@keyframes ladea {
    0% {
        transform: rotateY(0);
        animation-timing-function: cubic-bezier(.25, .25, .75, .75)
    }
    10% {
        transform: rotateY(5deg)
    }
    20% {
        transform: rotateY(-5deg)
    }
    30% {
        transform: rotateY(5deg)
    }
    40% {
        transform: rotateY(-5deg)
    }
    50% {
        transform: rotateY(5deg)
    }
    60% {
        transform: rotateY(0)
    }
    100% {
        transform: rotateY(0)
    }
}

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

@keyframes temblor {
    10%, 90% {
        transform: translate3d(-1px, 0, 0)
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0)
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0)
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0)
    }
}

.temblor_inf {
    animation: temblor_inf 2s;
    animation-iteration-count: infinite
}

.temblor_2 {
    animation: temblor 2s;
    animation-iteration-count: 2
}

@keyframes temblor_inf {
    0% {
        transform: translate(1px, 1px) rotate(0)
    }
    10% {
        transform: translate(-1px, -2px) rotate(-1deg)
    }
    20% {
        transform: translate(-3px, 0) rotate(1deg)
    }
    30% {
        transform: translate(3px, 2px) rotate(0)
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg)
    }
    50% {
        transform: translate(-1px, 2px) rotate(-1deg)
    }
    60% {
        transform: translate(-3px, 1px) rotate(0)
    }
    70% {
        transform: translate(3px, 1px) rotate(-1deg)
    }
    80% {
        transform: translate(-1px, -1px) rotate(1deg)
    }
    90% {
        transform: translate(1px, 2px) rotate(0)
    }
    100% {
        transform: translate(1px, -2px) rotate(-1deg)
    }
}

.pulse {
    animation: pwg-pulse 1s infinite
}

.pulse-2 {
    animation: pwg-pulse 1s 2
}

.pulse-3 {
    animation: pwg-pulse 1s 3
}

.pulse-white {
    animation: pwg-pulse-white 1s infinite
}

@keyframes pwg-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
    }
    100% {
        box-shadow: 0 0 0 25px transparent
    }
}

@keyframes pwg-pulse-white {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .2)
    }
    100% {
        box-shadow: 0 0 0 25px rgba(255, 255, 255, 0)
    }
}

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

.p_modal {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.p_modal h2 {
    color: #575757;
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    display: block
}

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

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

.checkmark {
    display: none
}

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

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

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1
    }
    20% {
        height: 0;
        width: 1.75em;
        opacity: 1
    }
    40% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1
    }
    100% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1
    }
}

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

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

@keyframes loader-spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

#canvasConfetti {
    display: block;
    position: relative;
    zindex: 1;
    pointer-events: none;
    position: fixed;
    top: 0
}

#flag{
    height: 60px !important;
    border-radius: 50%;
}