@keyframes sk-fade-in {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.sk-fade-in {
    -webkit-animation: sk-fade-in 2s;
    -moz-animation: sk-fade-in 2s;
    -o-animation: sk-fade-in 2s;
    -ms-animation: sk-fade-in 2s
}

.sk-chasing-dots {
    animation: sk-rotate 2s linear infinite;
    height: 27px;
    position: relative;
    width: 27px
}

.sk-dot1,
.sk-dot2 {
    animation: sk-bounce 2s ease-in-out infinite;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    height: 60%;
    position: absolute;
    top: 0;
    width: 60%
}

.sk-dot2 {
    animation-delay: -1s;
    bottom: 0;
    top: auto
}

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

@keyframes sk-bounce {
    0%,
    to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.sk-circle-wrapper {
    height: 22px;
    position: relative;
    width: 22px
}

.sk-circle {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sk-circle:before {
    animation: sk-bouncedelay 1.2s ease-in-out infinite;
    animation-fill-mode: both;
    background-color: #333;
    border-radius: 100%;
    content: "";
    display: block;
    height: 20%;
    margin: 0 auto;
    width: 20%
}

.sk-circle2 {
    transform: rotate(30deg)
}

.sk-circle3 {
    transform: rotate(60deg)
}

.sk-circle4 {
    transform: rotate(90deg)
}

.sk-circle5 {
    transform: rotate(120deg)
}

.sk-circle6 {
    transform: rotate(150deg)
}

.sk-circle7 {
    transform: rotate(180deg)
}

.sk-circle8 {
    transform: rotate(210deg)
}

.sk-circle9 {
    transform: rotate(240deg)
}

.sk-circle10 {
    transform: rotate(270deg)
}

.sk-circle11 {
    transform: rotate(300deg)
}

.sk-circle12 {
    transform: rotate(330deg)
}

.sk-circle2:before {
    animation-delay: -1.1s
}

.sk-circle3:before {
    animation-delay: -1s
}

.sk-circle4:before {
    animation-delay: -.9s
}

.sk-circle5:before {
    animation-delay: -.8s
}

.sk-circle6:before {
    animation-delay: -.7s
}

.sk-circle7:before {
    animation-delay: -.6s
}

.sk-circle8:before {
    animation-delay: -.5s
}

.sk-circle9:before {
    animation-delay: -.4s
}

.sk-circle10:before {
    animation-delay: -.3s
}

.sk-circle11:before {
    animation-delay: -.2s
}

.sk-circle12:before {
    animation-delay: -.1s
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    to {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}

.sk-cube-grid {
    height: 27px;
    width: 27px
}

.sk-cube {
    animation: sk-scaleDelay 1.3s ease-in-out infinite;
    background: #333;
    float: left;
    height: 33%;
    width: 33%
}

.sk-spinner .sk-cube:first-child {
    animation-delay: .2s
}

.sk-spinner .sk-cube:nth-child(2) {
    animation-delay: .3s
}

.sk-spinner .sk-cube:nth-child(3) {
    animation-delay: .4s
}

.sk-spinner .sk-cube:nth-child(4) {
    animation-delay: .1s
}

.sk-spinner .sk-cube:nth-child(5) {
    animation-delay: .2s
}

.sk-spinner .sk-cube:nth-child(6) {
    animation-delay: .3s
}

.sk-spinner .sk-cube:nth-child(7) {
    animation-delay: 0s
}

.sk-spinner .sk-cube:nth-child(8) {
    animation-delay: .1s
}

.sk-spinner .sk-cube:nth-child(9) {
    animation-delay: .2s
}

@keyframes sk-scaleDelay {
    0%,
    70%,
    to {
        transform: scaleX(1)
    }
    35% {
        transform: scale3D(0, 0, 1)
    }
}

.sk-double-bounce {
    height: 27px;
    position: relative;
    width: 27px
}

.sk-double-bounce1,
.sk-double-bounce2 {
    animation: sk-bounce 2s ease-in-out infinite;
    background-color: #333;
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

.sk-double-bounce2 {
    animation-delay: -1s
}

@keyframes sk-bounce {
    0%,
    to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.sk-folding-cube {
    height: 27px;
    position: relative;
    transform: rotate(45deg);
    width: 27px
}

.sk-folding-cube .sk-cube {
    float: left;
    height: 50%;
    position: relative;
    transform: scale(1.1);
    width: 50%
}

.sk-folding-cube .sk-cube:before {
    animation: sk-foldCubeAngle 2.4s linear infinite both;
    background-color: #333;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: 100% 100%;
    width: 100%
}

.sk-folding-cube .sk-cube2 {
    transform: scale(1.1) rotate(90deg)
}

.sk-folding-cube .sk-cube3 {
    transform: scale(1.1) rotate(180deg)
}

.sk-folding-cube .sk-cube4 {
    transform: scale(1.1) rotate(270deg)
}

.sk-folding-cube .sk-cube2:before {
    animation-delay: .3s
}

.sk-folding-cube .sk-cube3:before {
    animation-delay: .6s
}

.sk-folding-cube .sk-cube4:before {
    animation-delay: .9s
}

@keyframes sk-foldCubeAngle {
    0%,
    10% {
        opacity: 0;
        transform: perspective(140px) rotateX(-180deg)
    }
    25%,
    75% {
        opacity: 1;
        transform: perspective(140px) rotateX(0deg)
    }
    90%,
    to {
        opacity: 0;
        transform: perspective(140px) rotateY(180deg)
    }
}

.sk-pulse {
    animation: sk-scaleout 1s ease-in-out infinite;
    background-color: #333;
    border-radius: 100%;
    height: 27px;
    width: 27px
}

@keyframes sk-scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    to {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.sk-rotating-plane {
    animation: sk-rotateplane 1.2s ease-in-out infinite;
    background-color: #333;
    height: 27px;
    width: 27px
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.sk-three-bounce>div {
    animation: sk-bouncedelay 1.4s ease-in-out infinite;
    animation-fill-mode: both;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    height: 18px;
    width: 18px
}

.sk-three-bounce .sk-bounce1 {
    animation-delay: -.32s
}

.sk-three-bounce .sk-bounce2 {
    animation-delay: -.16s
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.sk-wandering-cubes {
    height: 27px;
    position: relative;
    width: 27px
}

.sk-cube1,
.sk-cube2 {
    animation: sk-cubemove 1.8s ease-in-out infinite;
    background-color: #333;
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px
}

.sk-cube2 {
    animation-delay: -.9s
}

@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
    }
    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)
    }
    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
    }
    to {
        transform: rotate(-1turn);
        -webkit-transform: rotate(-1turn)
    }
}

.sk-wave {
    height: 27px;
    width: 50px
}

.sk-wave>div {
    animation: sk-stretchdelay 1.2s ease-in-out infinite;
    background-color: #333;
    display: inline-block;
    height: 100%;
    width: 6px
}

.sk-wave .sk-rect2 {
    animation-delay: -1.1s
}

.sk-wave .sk-rect3 {
    animation-delay: -1s
}

.sk-wave .sk-rect4 {
    animation-delay: -.9s
}

.sk-wave .sk-rect5 {
    animation-delay: -.8s
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.sk-wordpress {
    animation: sk-inner-circle 1s linear infinite;
    background: #333;
    border-radius: 27px;
    display: inline-block;
    height: 27px;
    position: relative;
    width: 27px
}

.sk-inner-circle {
    background: #fff;
    border-radius: 8px;
    display: block;
    height: 8px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 8px
}

@keyframes sk-inner-circle {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }
    to {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn)
    }
}

.react-tel-input {
    position: relative;
    width: 200px
}

.react-tel-input .ad {
    background-position: -16px 0
}

.react-tel-input .ae {
    background-position: -32px 0
}

.react-tel-input .af {
    background-position: -48px 0
}

.react-tel-input .ag {
    background-position: -64px 0
}

.react-tel-input .ai {
    background-position: -80px 0
}

.react-tel-input .al {
    background-position: -96px 0
}

.react-tel-input .am {
    background-position: -112px 0
}

.react-tel-input .ao {
    background-position: -128px 0
}

.react-tel-input .ar {
    background-position: -144px 0
}

.react-tel-input .as {
    background-position: -160px 0
}

.react-tel-input .at {
    background-position: -176px 0
}

.react-tel-input .au {
    background-position: -192px 0
}

.react-tel-input .aw {
    background-position: -208px 0
}

.react-tel-input .az {
    background-position: -224px 0
}

.react-tel-input .ba {
    background-position: -240px 0
}

.react-tel-input .bb {
    background-position: 0 -11px
}

.react-tel-input .bd {
    background-position: -16px -11px
}

.react-tel-input .be {
    background-position: -32px -11px
}

.react-tel-input .bf {
    background-position: -48px -11px
}

.react-tel-input .bg {
    background-position: -64px -11px
}

.react-tel-input .bh {
    background-position: -80px -11px
}

.react-tel-input .bi {
    background-position: -96px -11px
}

.react-tel-input .bj {
    background-position: -112px -11px
}

.react-tel-input .bm {
    background-position: -128px -11px
}

.react-tel-input .bn {
    background-position: -144px -11px
}

.react-tel-input .bo {
    background-position: -160px -11px
}

.react-tel-input .br {
    background-position: -176px -11px
}

.react-tel-input .bs {
    background-position: -192px -11px
}

.react-tel-input .bt {
    background-position: -208px -11px
}

.react-tel-input .bw {
    background-position: -224px -11px
}

.react-tel-input .by {
    background-position: -240px -11px
}

.react-tel-input .bz {
    background-position: 0 -22px
}

.react-tel-input .ca {
    background-position: -16px -22px
}

.react-tel-input .cd {
    background-position: -32px -22px
}

.react-tel-input .cf {
    background-position: -48px -22px
}

.react-tel-input .cg {
    background-position: -64px -22px
}

.react-tel-input .ch {
    background-position: -80px -22px
}

.react-tel-input .ci {
    background-position: -96px -22px
}

.react-tel-input .ck {
    background-position: -112px -22px
}

.react-tel-input .cl {
    background-position: -128px -22px
}

.react-tel-input .cm {
    background-position: -144px -22px
}

.react-tel-input .cn {
    background-position: -160px -22px
}

.react-tel-input .co {
    background-position: -176px -22px
}

.react-tel-input .cr {
    background-position: -192px -22px
}

.react-tel-input .cu {
    background-position: -208px -22px
}

.react-tel-input .cv {
    background-position: -224px -22px
}

.react-tel-input .cw {
    background-position: -240px -22px
}

.react-tel-input .cy {
    background-position: 0 -33px
}

.react-tel-input .cz {
    background-position: -16px -33px
}

.react-tel-input .de {
    background-position: -32px -33px
}

.react-tel-input .dj {
    background-position: -48px -33px
}

.react-tel-input .dk {
    background-position: -64px -33px
}

.react-tel-input .dm {
    background-position: -80px -33px
}

.react-tel-input .do {
    background-position: -96px -33px
}

.react-tel-input .dz {
    background-position: -112px -33px
}

.react-tel-input .ec {
    background-position: -128px -33px
}

.react-tel-input .ee {
    background-position: -144px -33px
}

.react-tel-input .eg {
    background-position: -160px -33px
}

.react-tel-input .er {
    background-position: -176px -33px
}

.react-tel-input .es {
    background-position: -192px -33px
}

.react-tel-input .et {
    background-position: -208px -33px
}

.react-tel-input .fi {
    background-position: -224px -33px
}

.react-tel-input .fj {
    background-position: -240px -33px
}

.react-tel-input .fk {
    background-position: 0 -44px
}

.react-tel-input .fm {
    background-position: -16px -44px
}

.react-tel-input .fo {
    background-position: -32px -44px
}

.react-tel-input .bl,
.react-tel-input .fr,
.react-tel-input .mf {
    background-position: -48px -44px
}

.react-tel-input .ga {
    background-position: -64px -44px
}

.react-tel-input .gb {
    background-position: -80px -44px
}

.react-tel-input .gd {
    background-position: -96px -44px
}

.react-tel-input .ge {
    background-position: -112px -44px
}

.react-tel-input .gf {
    background-position: -128px -44px
}

.react-tel-input .gh {
    background-position: -144px -44px
}

.react-tel-input .gi {
    background-position: -160px -44px
}

.react-tel-input .gl {
    background-position: -176px -44px
}

.react-tel-input .gm {
    background-position: -192px -44px
}

.react-tel-input .gn {
    background-position: -208px -44px
}

.react-tel-input .gp {
    background-position: -224px -44px
}

.react-tel-input .gq {
    background-position: -240px -44px
}

.react-tel-input .gr {
    background-position: 0 -55px
}

.react-tel-input .gt {
    background-position: -16px -55px
}

.react-tel-input .gu {
    background-position: -32px -55px
}

.react-tel-input .gw {
    background-position: -48px -55px
}

.react-tel-input .gy {
    background-position: -64px -55px
}

.react-tel-input .hk {
    background-position: -80px -55px
}

.react-tel-input .hn {
    background-position: -96px -55px
}

.react-tel-input .hr {
    background-position: -112px -55px
}

.react-tel-input .ht {
    background-position: -128px -55px
}

.react-tel-input .hu {
    background-position: -144px -55px
}

.react-tel-input .id {
    background-position: -160px -55px
}

.react-tel-input .ie {
    background-position: -176px -55px
}

.react-tel-input .il {
    background-position: -192px -55px
}

.react-tel-input .in {
    background-position: -208px -55px
}

.react-tel-input .io {
    background-position: -224px -55px
}

.react-tel-input .iq {
    background-position: -240px -55px
}

.react-tel-input .ir {
    background-position: 0 -66px
}

.react-tel-input .is {
    background-position: -16px -66px
}

.react-tel-input .it {
    background-position: -32px -66px
}

.react-tel-input .jm {
    background-position: -48px -66px
}

.react-tel-input .jo {
    background-position: -64px -66px
}

.react-tel-input .jp {
    background-position: -80px -66px
}

.react-tel-input .ke {
    background-position: -96px -66px
}

.react-tel-input .kg {
    background-position: -112px -66px
}

.react-tel-input .kh {
    background-position: -128px -66px
}

.react-tel-input .ki {
    background-position: -144px -66px
}

.react-tel-input .km {
    background-position: -160px -66px
}

.react-tel-input .kn {
    background-position: -176px -66px
}

.react-tel-input .kp {
    background-position: -192px -66px
}

.react-tel-input .kr {
    background-position: -208px -66px
}

.react-tel-input .kw {
    background-position: -224px -66px
}

.react-tel-input .ky {
    background-position: -240px -66px
}

.react-tel-input .kz {
    background-position: 0 -77px
}

.react-tel-input .la {
    background-position: -16px -77px
}

.react-tel-input .lb {
    background-position: -32px -77px
}

.react-tel-input .lc {
    background-position: -48px -77px
}

.react-tel-input .li {
    background-position: -64px -77px
}

.react-tel-input .lk {
    background-position: -80px -77px
}

.react-tel-input .lr {
    background-position: -96px -77px
}

.react-tel-input .ls {
    background-position: -112px -77px
}

.react-tel-input .lt {
    background-position: -128px -77px
}

.react-tel-input .lu {
    background-position: -144px -77px
}

.react-tel-input .lv {
    background-position: -160px -77px
}

.react-tel-input .ly {
    background-position: -176px -77px
}

.react-tel-input .ma {
    background-position: -192px -77px
}

.react-tel-input .mc {
    background-position: -208px -77px
}

.react-tel-input .md {
    background-position: -224px -77px
}

.react-tel-input .me {
    background-position: -112px -154px;
    height: 12px
}

.react-tel-input .mg {
    background-position: 0 -88px
}

.react-tel-input .mh {
    background-position: -16px -88px
}

.react-tel-input .mk {
    background-position: -32px -88px
}

.react-tel-input .ml {
    background-position: -48px -88px
}

.react-tel-input .mm {
    background-position: -64px -88px
}

.react-tel-input .mn {
    background-position: -80px -88px
}

.react-tel-input .mo {
    background-position: -96px -88px
}

.react-tel-input .mp {
    background-position: -112px -88px
}

.react-tel-input .mq {
    background-position: -128px -88px
}

.react-tel-input .mr {
    background-position: -144px -88px
}

.react-tel-input .ms {
    background-position: -160px -88px
}

.react-tel-input .mt {
    background-position: -176px -88px
}

.react-tel-input .mu {
    background-position: -192px -88px
}

.react-tel-input .mv {
    background-position: -208px -88px
}

.react-tel-input .mw {
    background-position: -224px -88px
}

.react-tel-input .mx {
    background-position: -240px -88px
}

.react-tel-input .my {
    background-position: 0 -99px
}

.react-tel-input .mz {
    background-position: -16px -99px
}

.react-tel-input .na {
    background-position: -32px -99px
}

.react-tel-input .nc {
    background-position: -48px -99px
}

.react-tel-input .ne {
    background-position: -64px -99px
}

.react-tel-input .nf {
    background-position: -80px -99px
}

.react-tel-input .ng {
    background-position: -96px -99px
}

.react-tel-input .ni {
    background-position: -112px -99px
}

.react-tel-input .bq,
.react-tel-input .nl {
    background-position: -128px -99px
}

.react-tel-input .no {
    background-position: -144px -99px
}

.react-tel-input .np {
    background-position: -160px -99px
}

.react-tel-input .nr {
    background-position: -176px -99px
}

.react-tel-input .nu {
    background-position: -192px -99px
}

.react-tel-input .nz {
    background-position: -208px -99px
}

.react-tel-input .om {
    background-position: -224px -99px
}

.react-tel-input .pa {
    background-position: -240px -99px
}

.react-tel-input .pe {
    background-position: 0 -110px
}

.react-tel-input .pf {
    background-position: -16px -110px
}

.react-tel-input .pg {
    background-position: -32px -110px
}

.react-tel-input .ph {
    background-position: -48px -110px
}

.react-tel-input .pk {
    background-position: -64px -110px
}

.react-tel-input .pl {
    background-position: -80px -110px
}

.react-tel-input .pm {
    background-position: -96px -110px
}

.react-tel-input .pr {
    background-position: -112px -110px
}

.react-tel-input .ps {
    background-position: -128px -110px
}

.react-tel-input .pt {
    background-position: -144px -110px
}

.react-tel-input .pw {
    background-position: -160px -110px
}

.react-tel-input .py {
    background-position: -176px -110px
}

.react-tel-input .qa {
    background-position: -192px -110px
}

.react-tel-input .re {
    background-position: -208px -110px
}

.react-tel-input .ro {
    background-position: -224px -110px
}

.react-tel-input .rs {
    background-position: -240px -110px
}

.react-tel-input .ru {
    background-position: 0 -121px
}

.react-tel-input .rw {
    background-position: -16px -121px
}

.react-tel-input .sa {
    background-position: -32px -121px
}

.react-tel-input .sb {
    background-position: -48px -121px
}

.react-tel-input .sc {
    background-position: -64px -121px
}

.react-tel-input .sd {
    background-position: -80px -121px
}

.react-tel-input .se {
    background-position: -96px -121px
}

.react-tel-input .sg {
    background-position: -112px -121px
}

.react-tel-input .sh {
    background-position: -128px -121px
}

.react-tel-input .si {
    background-position: -144px -121px
}

.react-tel-input .sk {
    background-position: -160px -121px
}

.react-tel-input .sl {
    background-position: -176px -121px
}

.react-tel-input .sm {
    background-position: -192px -121px
}

.react-tel-input .sn {
    background-position: -208px -121px
}

.react-tel-input .so {
    background-position: -224px -121px
}

.react-tel-input .sr {
    background-position: -240px -121px
}

.react-tel-input .ss {
    background-position: 0 -132px
}

.react-tel-input .st {
    background-position: -16px -132px
}

.react-tel-input .sv {
    background-position: -32px -132px
}

.react-tel-input .sx {
    background-position: -48px -132px
}

.react-tel-input .sy {
    background-position: -64px -132px
}

.react-tel-input .sz {
    background-position: -80px -132px
}

.react-tel-input .tc {
    background-position: -96px -132px
}

.react-tel-input .td {
    background-position: -112px -132px
}

.react-tel-input .tg {
    background-position: -128px -132px
}

.react-tel-input .th {
    background-position: -144px -132px
}

.react-tel-input .tj {
    background-position: -160px -132px
}

.react-tel-input .tk {
    background-position: -176px -132px
}

.react-tel-input .tl {
    background-position: -192px -132px
}

.react-tel-input .tm {
    background-position: -208px -132px
}

.react-tel-input .tn {
    background-position: -224px -132px
}

.react-tel-input .to {
    background-position: -240px -132px
}

.react-tel-input .tr {
    background-position: 0 -143px
}

.react-tel-input .tt {
    background-position: -16px -143px
}

.react-tel-input .tv {
    background-position: -32px -143px
}

.react-tel-input .tw {
    background-position: -48px -143px
}

.react-tel-input .tz {
    background-position: -64px -143px
}

.react-tel-input .ua {
    background-position: -80px -143px
}

.react-tel-input .ug {
    background-position: -96px -143px
}

.react-tel-input .us {
    background-position: -112px -143px
}

.react-tel-input .uy {
    background-position: -128px -143px
}

.react-tel-input .uz {
    background-position: -144px -143px
}

.react-tel-input .va {
    background-position: -160px -143px
}

.react-tel-input .vc {
    background-position: -176px -143px
}

.react-tel-input .ve {
    background-position: -192px -143px
}

.react-tel-input .vg {
    background-position: -208px -143px
}

.react-tel-input .vi {
    background-position: -224px -143px
}

.react-tel-input .vn {
    background-position: -240px -143px
}

.react-tel-input .vu {
    background-position: 0 -154px
}

.react-tel-input .wf {
    background-position: -16px -154px
}

.react-tel-input .ws {
    background-position: -32px -154px
}

.react-tel-input .ye {
    background-position: -48px -154px
}

.react-tel-input .za {
    background-position: -64px -154px
}

.react-tel-input .zm {
    background-position: -80px -154px
}

.react-tel-input .zw {
    background-position: -96px -154px
}

.react-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.react-tel-input .hide {
    display: none
}

.react-tel-input .v-hide {
    visibility: hidden
}

.react-tel-input input[type=tel],
.react-tel-input input[type=text] {
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px #e3e3e3;
    height: 28px;
    line-height: 25px;
    margin-bottom: 0 !important;
    margin-left: 0;
    margin-top: 0 !important;
    padding-left: 44px;
    position: relative;
    width: 100%;
    z-index: 0
}

.react-tel-input input[type=tel]:focus,
.react-tel-input input[type=text]:focus {
    border-color: #42bdff #42bdff #42bdff #cacaca
}

.react-tel-input input[type=tel].invalid-number,
.react-tel-input input[type=tel].invalid-number:focus,
.react-tel-input input[type=text].invalid-number,
.react-tel-input input[type=text].invalid-number:focus {
    background-color: #faf0f0;
    border: 1px solid #d79f9f;
    border-left-color: #cacaca
}

.react-tel-input .flag-dropdown {
    background-color: #eaeaea;
    border: 1px solid #cacaca;
    border-radius: 3px 0 0 3px;
    bottom: 0;
    outline: 0 solid #0000;
    padding: 0;
    position: absolute;
    top: 0
}

.react-tel-input .flag-dropdown.open-dropdown {
    background: #fff;
    border-bottom: 0;
    border-radius: 3px 0 0 0
}

.react-tel-input .flag-dropdown.open-dropdown .selected-flag {
    background: #fff;
    border-radius: 3px 0 0 0
}

.react-tel-input .flag-dropdown:hover {
    cursor: pointer
}

.react-tel-input .flag-dropdown:hover .selected-flag {
    background-color: #fff
}

.react-tel-input input[disabled]+.flag-dropdown:hover {
    cursor: default
}

.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag {
    background-color: #0000
}

.react-tel-input .selected-flag {
    border-radius: 3px 0 0 3px;
    height: 26px;
    padding: 0 0 0 8px;
    position: relative;
    width: 38px;
    z-index: 13
}

.react-tel-input .selected-flag .flag {
    height: 11px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 16px
}

.react-tel-input .selected-flag .arrow {
    border-left: 3px solid #0000;
    border-right: 3px solid #0000;
    border-top: 4px solid #555;
    height: 0;
    left: 20px;
    margin-top: -2px;
    position: relative;
    top: 50%;
    width: 0
}

.react-tel-input .selected-flag .arrow.up {
    border-bottom: 4px solid #555;
    border-top: none
}

.react-tel-input .country-list {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    box-shadow: 1px 1px 4px #0003;
    list-style: none;
    margin: -1px 0 0 -1px;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    top: 26px;
    width: 400px;
    z-index: 20
}

.react-tel-input .country-list .flag {
    display: inline-block;
    height: 11px;
    margin-right: 6px;
    margin-top: 2px;
    width: 16px
}

.react-tel-input .country-list .divider {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.react-tel-input .country-list .country {
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.react-tel-input .country-list .country .dial-code {
    color: #999
}

.react-tel-input .country-list .country:hover {
    background-color: #e8f7fe
}

.react-tel-input .country-list .country.highlight {
    background-color: #c7e2f1
}

.react-tel-input .country-list .country-name {
    margin-right: 6px
}

[class^=formik] {
    box-sizing: border-box
}

.formik-item {
    display: flex;
    flex-direction: column
}

.formik-item>:not(.formik-group) {
    width: 97%
}

.formik-label {
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 3px;
    white-space: nowrap
}

.formik-label.required:before {
    color: #ff7165;
    content: "*";
    margin: 0 3px
}

.formik-item .invalid-msg {
    color: #d22323
}

.formik-item:not(.disabled) .formik-uploadfield:hover {
    border-color: #01b1f0;
    color: #01b1f0
}

.formik-item:not(.disabled) .formik-spinnerfield-step-btn:hover {
    background-color: #eaeaea;
    cursor: pointer
}

.invalid .Select .Select-control,
.invalid .formik-editor,
.invalid .formik-input,
.invalid .formik-inputtags-tag-list,
.invalid .formik-mobile .form-control,
.invalid .formik-uploadfield {
    border-color: #ff4e3f;
    box-shadow: 0 0 3px #ff7165
}

.disabled .Select .Select-control,
.disabled .formik-input,
.disabled .formik-mobile .form-control,
.disabled .formik-mobile button.selected-flag,
.disabled .formik-mobile button.selected-flag:hover,
.disabled .formik-native-select {
    background-color: #efefef;
    border: 1px solid #efefef;
    box-shadow: 0 0 0 #fff;
    color: #bbb
}

.disabled .formik-radio-label {
    box-shadow: 0 0 0 #fff;
    color: #bbb
}

.disabled .formik-mobile .selected-flag .arrow {
    border-top-color: inherit
}

.disabled .Select.has-value.Select--single>.Select-control .Select-value .Select-value-label {
    color: inherit
}

.disabled .formik-uploadfield,
.disabled .formik-uploadfield:hover {
    background-color: #efefef;
    color: #bbb
}

.disabled .formik-editor,
.disabled .formik-inputtags-tag-list {
    background-color: #efefef;
    border: 1px solid #efefef
}

.disabled .formik-inputtags-tag-item {
    background-color: #bbb
}

.disabled .formik-spinnerfield-step-btn {
    background-color: #efefef
}

.formik-horizontal .formik-item {
    align-items: center;
    flex-direction: row;
    width: 100%
}

.formik-horizontal .formik-item>.formik-label {
    padding-right: 10px;
    text-align: right;
    width: 200px
}

.formik-horizontal .formik-item>:not(.formik-label):not(small) {
    width: calc(40% - 100px)
}

.formik-horizontal .formik-item>small {
    padding-left: 10px;
    width: calc(60% - 100px)
}

.info-msg {
    color: #777;
    font-size: 14px;
    font-weight: 300
}