body,html{height:100%}

input::placeholder {
    color: rgba(108, 117, 125, 0.45);
 }
textarea::placeholder {
    color: rgba(108, 117, 125, 0.45);
 }

.traz{
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.blur{
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}
.b_000000{border-color:#000 !important}
.b_c3c3c3{border-color: rgba(195, 195, 195, 0.52) !important}
.b-danger{border-color:red !important;}
.bg-black{
    background:#000 !important;
    color:#fff !important;
}
.va-1{vertical-align:-1px}
.va-2{vertical-align:-2px}
.va-3{vertical-align:-3px}
.va-4{vertical-align:-4px}
.va-5{vertical-align:-5px}
.va-10{vertical-align:-10px}


.flex_body{display:flex}
.flex{display:flex}
.flex1{flex:1}
.flex2{flex:2}
.flex3{flex:3}
.flex4{flex:4}
.flex5{flex:5}
.flex6{flex:6}
.flex7{flex:7}
.flex8{flex:8}
.flex9{flex:9}

.flex-wrap{flex-wrap: wrap;}
.flex-wrap{flex-wrap: wrap-reverse;}
.row-reverse{flex-direction: row-reverse;}
.column{flex-direction: column;}
.column-reverse{flex-direction: column-reverse;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}
.justify-end{justify-content: end;}
.items-center{align-items: center;}

.loader_sp_txt,.loader_sp_img{
    overflow:hidden;
    position: relative;
}
.loader_sp_img .loader{
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    height:500%;
    margin-left: -250%;
    -webkit-animation: phAnimation 1.5s linear infinite;
    animation: phAnimation 1.5s linear infinite;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 46%, hsla(0, 0%, 93%, 0.35) 50%, hsla(0, 0%, 100%, 0) 84%) 50% 50%
}

.loader_sp_txt .loader{
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    height:500%;
    margin-left: -250%;
    -webkit-animation: phAnimation 1.9s linear infinite;
    animation: phAnimation 1.s linear infinite;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 46%, hsla(0, 0%, 87%, 0.35) 50%, hsla(0, 0%, 100%, 0) 84%) 50% 50%
}


.ph-item {
    direction: ltr;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;


}

.ph-item, .ph-item *, .ph-item :after, .ph-item :before {
    box-sizing: border-box
}

.ph-item:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    margin-left: -250%;
    -webkit-animation: phAnimation .8s linear infinite;
    animation: phAnimation .8s linear infinite;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 46%, hsla(0, 0%, 100%, .35) 50%, hsla(0, 0%, 100%, 0) 54%) 50% 50%
}

.ph-item div{
    padding:8px;
    background-color: #ced4da;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
}

.profile30{
    background-color: #ced4da;
    width:30px;
    height:30px;
    border-radius: 30px;
}
.profile50{
    background-color: #ced4da;
    width:50px;
    height:50px;
    border-radius: 50px;
}

.ph-picture {
    width: 100%;
    height: 120px;
    background-color: #ced4da;
}

@-webkit-keyframes phAnimation {
    0% {
        transform: translate3d(-30%, 0, 0)
    }
    to {
        transform: translate3d(30%, 0, 0)
    }
}

@keyframes phAnimation {
    0% {
        transform: translate3d(-30%, 0, 0)
    }
    to {
        transform: translate3d(30%, 0, 0)
    }
}


.text-shadow{
    text-shadow: -1px -1px 0px rgba(73,73,73,.3), -1px -0.5px 0px rgba(73,73,73,.3), -1px 0px 0px rgba(73,73,73,.3), -1px 0.5px 0px rgba(73,73,73,.3), -1px 1px 0px rgba(73,73,73,.3), -0.5px -1px 0px rgba(73,73,73,.3), -0.5px -0.5px 0px rgba(73,73,73,.3), -0.5px 0px 0px rgba(73,73,73,.3), -0.5px 0.5px 0px rgba(73,73,73,.3), -0.5px 1px 0px rgba(73,73,73,.3), 0px -1px 0px rgba(73,73,73,.3), 0px -0.5px 0px rgba(73,73,73,.3), 0px 0px 0px rgba(73,73,73,.3), 0px 0.5px 0px rgba(73,73,73,.3), 0px 1px 0px rgba(73,73,73,.3), 0.5px -1px 0px rgba(73,73,73,.3), 0.5px -0.5px 0px rgba(73,73,73,.3), 0.5px 0px 0.5px rgba(73,73,73,.3), 0.5px 0.5px 0.5px rgba(73,73,73,.3), 0.5px 1px 0.5px rgba(73,73,73,.3), 1px -1px 0px rgba(73,73,73,.3), 1px -0.5px 0px rgba(73,73,73,.3), 1px 0px 1px rgba(73,73,73,.3), 1px 0.5px 1px rgba(73,73,73,.3), 1px 1px 1px rgba(73,73,73,.3);
}


.text-shadow2{
    text-shadow: -1px -1px 0px rgba(73,73,73,.1), -1px -0.5px 0px rgba(73,73,73,.1), -1px 0px 0px rgba(73,73,73,.1), -1px 0.5px 0px rgba(73,73,73,.1), -1px 1px 0px rgba(73,73,73,.1), -0.5px -1px 0px rgba(73,73,73,.1), -0.5px -0.5px 0px rgba(73,73,73,.1), -0.5px 0px 0px rgba(73,73,73,.1), -0.5px 0.5px 0px rgba(73,73,73,.1), -0.5px 1px 0px rgba(73,73,73,.1), 0px -1px 0px rgba(73,73,73,.1), 0px -0.5px 0px rgba(73,73,73,.1), 0px 0px 0px rgba(73,73,73,.1), 0px 0.5px 0px rgba(73,73,73,.1), 0px 1px 0px rgba(73,73,73,.1), 0.5px -1px 0px rgba(73,73,73,.1), 0.5px -0.5px 0px rgba(73,73,73,.1), 0.5px 0px 0.5px rgba(73,73,73,.1), 0.5px 0.5px 0.5px rgba(73,73,73,.1), 0.5px 1px 0.5px rgba(73,73,73,.1), 1px -1px 0px rgba(73,73,73,.1), 1px -0.5px 0px rgba(73,73,73,.1), 1px 0px 1px rgba(73,73,73,.1), 1px 0.5px 1px rgba(73,73,73,.1), 1px 1px 1px rgba(73,73,73,.1);
}

.div_img100 img{
    width:100%;
}

.ql-align-center{
    text-align:center;
}

.ql-align-left{
    text-align:left;
}

.ql-align-right{
    text-align:right;
}

.hover_box:hover{

    box-shadow: -9pt 22px 31px -0.052083333in rgba(25,42,70,.13);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.pos_stick{
    position: sticky;

}
.b-b2x{border-bottom:2px solid rgba(0, 0, 0, 0.78);padding-bottom:20px;margin-bottom:30px}

.m-t11{margin-top:11px}
.m-t12{margin-top:12px}
.m-t13{margin-top:13px}
.m-t14{margin-top:14px}
.m-l30{margin-left:30px}
.clearfix{ clear: both;}
.pull-left{float:left}
.pull-right{float:right}

.row-col {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    width: 100%;
    height: 100%; }
.row-col > [class*="z-col-"],
.row-col > [class*="col-"],
.row-col > [class*=" col-"] {
    vertical-align: top;
    float: none;
    padding: 0;
    position: static; }

.row-row {
    display: table-row;
    height: 100%; }

.row-cell {
    display: table-cell;
    vertical-align: top; }


@media (min-width: 992px) {
    .row-col > [class*="z-col-lg"],
    .row-col > [class*="col-lg"],
    .row-col > [class*=" col-lg"] {
        display: table-cell;
        height: 100%; } }

@media (min-width: 768px) {
    .row-col > [class*="z-col-md"],
    .row-col > [class*="col-md"],
    .row-col > [class*=" col-md"] {
        display: table-cell;
        height: 100%; } }

@media (min-width: 544px) {
    .row-col > [class*="z-col-sm"],
    .row-col > [class*="col-sm"],
    .row-col > [class*=" col-sm"] {
        display: table-cell;
        height: 100%; } }

.row-col > [class*="z-col-xs"],
.row-col > [class*="col-xs"],
.row-col > [class*=" col-xs"] {
    display: table-cell;
    height: 100%; }

@media (max-width: 543px) {
    .row-col-xs {
        display: block; }
    .row-col-xs .row-body {
        overflow: visible !important; }
    .row-col-xs .row-inner {
        position: static; }
}


* {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
*::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.form-control-line select{border-radius:0; !important;}

.active > .b{
   /* border:1px solid rgba(140, 217, 224, 0.45)*/
}
.b{border:1px solid rgba(205, 205, 205, 0.18)}
.b-b{border-bottom:1px solid rgba(205, 205, 205, 0.18)}
.b-r{border-right:1px solid rgba(205, 205, 205, 0.18)}
.b-t{border-top:1px solid rgba(205, 205, 205, 0.18)}
.b-l{border-left:1px solid rgba(205, 205, 205, 0.18)}

.b_cdcdcd{border-color:#cdcdcd}

.profile_img{
    background-size:cover;
    background-position:center;

}

.bg_blur{
    -webkit-filter: blur(30px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.box-shadow,
.box-shadow ,
.box-shadow  {
    -webkit-box-shadow: 5px rgba(0,0,0,0.14);
    box-shadow: 0 3px 60px rgba(0,0,0,0.14);

}

.box-color{
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.07);
    border:1px solid #ececec
}

.box-shadow2,
.box-shadow2 ,
.box-shadow2  {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
    border:1px solid #ececec
}


.box-shadow-z0,
.box-shadow-z0 .box,
.box-shadow-z0 .box-color {
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15); }

.box-shadow-z1,
.box-shadow-z1 .box,
.box-shadow-z1 .box-color {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px 0px rgba(0, 0, 0, 0.02); }

.box-shadow-z2,
.box-shadow-z2 .box,
.box-shadow-z2 .box-color {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 -1px 0px rgba(0, 0, 0, 0.02); }

.box-shadow-z3,
.box-shadow-z3 .box,
.box-shadow-z3 .box-color {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -1px 0px rgba(0, 0, 0, 0.02); }


.box-shadow-z5{box-shadow: -9pt 12px 21px -0.052083333in rgba(25,42,70,.13);}
.box-shadow-z6{box-shadow: -9pt 12px 21px -0.052083333in rgba(25,42,70,.03);}
.r5{border-radius: 5px !important }
.r10{border-radius: 10px !important }
.r15{border-radius: 15px  !important }
.r20{border-radius: 20px  !important }
.r30{border-radius: 30px  !important }


.backdrop0{
    position: fixed;width:100%;height:100vh;z-index:4;background-color: rgba(0, 0, 0, 0.73); top:0px;left:0px
}
.backdrop00{
    position: absolute;width:100%;height:100%;z-index:4;background-color: rgba(0, 0, 0, 0.11); top:0px;left:0px
}
.pos_center{
    position: absolute;
    top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
    z-index:5
}

.top10{top:10px}
.top20{top:20px}

.row-col > col-md-1 {width:calc( (100% / 1) *  1)}
.row-col > col-md-2 {width:calc( (100% / 1) *  2)}
.row-col > col-md-10 {width:calc( (100% / 1) *  10)}

.h-full{height:100%}
.w-full{width:100%}

@media (min-width: 600px) {
    .hh10 {
        height: 10vh !important
    }

    .hh20 {
        height: 20vh !important
    }

    .hh25 {
        height: 25vh !important
    }

    .hh30 {
        height: 30vh !important
    }

    .hh35 {
        height: 35vh !important
    }

    .hh40 {
        height: 40vh !important
    }

    .hh45 {
        height: 45vh !important
    }

    .hh50 {
        height: 50vh !important
    }

    .hh55 {
        height: 55vh !important
    }

    .hh60 {
        height: 60vh !important
    }

    .hh65 {
        height: 65vh !important
    }

    .hh70 {
        height: 70vh !important
    }

    .hh75 {
        height: 75vh !important
    }

    .hh80 {
        height: 80vh !important
    }

    .hh85 {
        height: 85vh !important
    }

    .hh90 {
        height: 90vh !important
    }

    .hh95 {
        height: 95vh !important
    }

    .hh100 {
        height: 100vh !important
    }
}
.bold600{font-weight: 600}
.bold300{font-weight: 300}
.bold400{font-weight: 400}
.bold500{font-weight: 500}

.bgwhite{background-color:#fff
}


/* -------------- loader10 -------------- */

.loader10:before{
    content: "";
    position: absolute;
    top: 0px;
    left: -25px;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    -webkit-animation: loader10g 3s ease-in-out infinite;
    animation: loader10g 3s ease-in-out infinite;
}

.loader10{
    position: relative;
    width: 12px;
    height: 12px;
    top: 46%;
    left: 46%;
    border-radius: 12px;
    -webkit-animation: loader10m 3s ease-in-out infinite;
    animation: loader10m 3s ease-in-out infinite;
}


.loader10:after{
    content: "";
    position: absolute;
    top: 0px;
    left: 25px;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    -webkit-animation: loader10d 3s ease-in-out infinite;
    animation: loader10d 3s ease-in-out infinite;
}

@-webkit-keyframes loader10g{
    0%{background-color: rgba(0, 0 , 0, .2);}
    25%{background-color: rgba(0, 0 , 0, 1);}
    50%{background-color: rgba(0, 0 , 0, .2);}
    75%{background-color: rgba(0, 0 , 0, .2);}
    100%{background-color: rgba(0, 0 , 0, .2);}
}
@keyframes loader10g{
    0%{background-color: rgba(0, 0 , 0, .2);}
    25%{background-color: rgba(0, 0 , 0, 1);}
    50%{background-color: rgba(0, 0 , 0, .2);}
    75%{background-color: rgba(0, 0 , 0, .2);}
    100%{background-color: rgba(0, 0 , 0, .2);}
}

@-webkit-keyframes loader10m{
    0%{background-color: rgba(0, 0 , 0, .2);}
    25%{background-color: rgba(0, 0 , 0, .2);}
    50%{background-color: rgba(0, 0 , 0, 1);}
    75%{background-color: rgba(0, 0 , 0, .2);}
    100%{background-color: rgba(0, 0 , 0, .2);}
}
@keyframes loader10m{
    0%{background-color: rgba(0, 0 , 0, .2);}
    25%{background-color: rgba(0, 0 , 0, .2);}
    50%{background-color: rgba(0, 0 , 0, 1);}
    75%{background-color: rgba(0, 0 , 0, .2);}
    100%{background-color: rgba(0, 0 , 0, .2);}
}

@-webkit-keyframes loader10d{
    0%{background-color: rgba(0, 0 , 0, .2);}
    25%{background-color: rgba(0, 0 , 0, .2);}
    50%{background-color: rgba(0, 0 , 0, .2);}
    75%{background-color: rgba(0, 0 , 0, 1);}
    100%{background-color: rgba(0, 0 , 0, .2);}
}
@keyframes loader10d{
    0%{background-color: rgba(0, 0 , 0, .2);}
    25%{background-color: rgba(0, 0 , 0, .2);}
    50%{background-color: rgba(0, 0 , 0, .2);}
    75%{background-color: rgba(0, 0 , 0, 1);}
    100%{background-color: rgba(0, 0 , 0, .2);}
}



.loader11:before{
    content: "";
    position: absolute;
    top: 0px;
    left: -25px;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    -webkit-animation: loader11g 3s ease-in-out infinite;
    animation: loader11g 3s ease-in-out infinite;
}

.loader11{
    position: relative;
    width: 12px;
    height: 12px;
    top: 46%;
    left: 46%;
    border-radius: 12px;
    -webkit-animation: loader11m 3s ease-in-out infinite;
    animation: loader11m 3s ease-in-out infinite;
}


.loader11:after{
    content: "";
    position: absolute;
    top: 0px;
    left: 25px;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    -webkit-animation: loader11d 3s ease-in-out infinite;
    animation: loader11d 3s ease-in-out infinite;
}

@-webkit-keyframes loader11g{
    0%{background-color: rgba(255,255,255, .2);}
    25%{background-color: rgba(255,255,255, 1);}
    50%{background-color: rgba(255,255,255, .2);}
    75%{background-color: rgba(255,255,255, .2);}
    100%{background-color: rgba(255,255,255, .2);}
}
@keyframes loader11g{
    0%{background-color: rgba(255,255,255, .2);}
    25%{background-color: rgba(255,255,255, 1);}
    50%{background-color: rgba(255,255,255, .2);}
    75%{background-color: rgba(255,255,255, .2);}
    100%{background-color: rgba(255,255,255, .2);}
}

@-webkit-keyframes loader11m{
    0%{background-color: rgba(255,255,255, .2);}
    25%{background-color: rgba(255,255,255, .2);}
    50%{background-color: rgba(255,255,255, 1);}
    75%{background-color: rgba(255,255,255, .2);}
    100%{background-color: rgba(255,255,255, .2);}
}
@keyframes loader11m{
    0%{background-color: rgba(255,255,255, .2);}
    25%{background-color: rgba(255,255,255, .2);}
    50%{background-color: rgba(255,255,255, 1);}
    75%{background-color: rgba(255,255,255, .2);}
    100%{background-color: rgba(255,255,255, .2);}
}

@-webkit-keyframes loader11d{
    0%{background-color: rgba(255,255,255, .2);}
    25%{background-color: rgba(255,255,255, .2);}
    50%{background-color: rgba(255,255,255, .2);}
    75%{background-color: rgba(255,255,255, 1);}
    100%{background-color: rgba(255,255,255, .2);}
}
@keyframes loader11d{
    0%{background-color: rgba(255,255,255, .2);}
    25%{background-color: rgba(255,255,255, .2);}
    50%{background-color: rgba(255,255,255, .2);}
    75%{background-color: rgba(255,255,255, 1);}
    100%{background-color: rgba(255,255,255, .2);}
}




@keyframes wiggle {
    50% {
        transform: rotate(-4deg) scale(1.1)
    }
}

@-webkit-keyframes wiggle {
    50% {
        -webkit-transform: rotate(-4deg) scale(1.1)
    }
}

.wiggle {
    animation: wiggle .5s infinite;
    -webkit-animation: wiggle .5s infinite
}

@keyframes pulse {
    15% {
        transform: scale(1.2)
    }
}

@-webkit-keyframes pulse {
    15% {
        -webkit-transform: scale(1.2)
    }
}

.pulse {
    animation: pulse 3s infinite;
    -webkit-animation: pulse 3s infinite
}

@keyframes wave {
    50% {
        transform: translateY(-3px)
    }
}

@-webkit-keyframes wave {
    50% {
        -webkit-transform: translateY(-3px)
    }
}

.wave {
    animation: wave .5s infinite;
    -webkit-animation: wave .5s infinite
}

@-webkit-keyframes wobble {
    0%, 100% {
        -webkit-transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes wobble {
    0%, 100% {
        transform: none
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

.wobble {
    animation: wobble 2s infinite;
    -webkit-animation: wobble 2s infinite
}

@-webkit-keyframes rubberBand {
    0%, 100% {
        -webkit-transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {
    0%, 100% {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
}

.rubberBand {
    animation: rubberBand 2s infinite;
    -webkit-animation: rubberBand 2s infinite
}

@-webkit-keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -1px, 0)
    }
}

@keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -10px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -5px, 0)
    }
    90% {
        transform: translate3d(0, -1px, 0)
    }
}

.bounce {
    animation: bounce 1.5s infinite;
    -webkit-animation: bounce 1.5s infinite
}

@-webkit-keyframes tada {
    0%, 100% {
        -webkit-transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes tada {
    0%, 100% {
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

.tada {
    animation: tada 2s infinite;
    -webkit-animation: tada 2s infinite
}

.animated-letter {
    display: inline-block
}

.animated-letter:nth-child(1) {
    animation-delay: 0ms
}

.animated-letter:nth-child(2) {
    animation-delay: .1s
}

.animated-letter:nth-child(3) {
    animation-delay: .2s
}

.animated-letter:nth-child(4) {
    animation-delay: .3s
}

.animated-letter:nth-child(5) {
    animation-delay: .4s
}

.animated-letter:nth-child(6) {
    animation-delay: .5s
}

.animated-letter:nth-child(7) {
    animation-delay: .6s
}

.animated-letter:nth-child(8) {
    animation-delay: .7s
}

.animated-letter:nth-child(9) {
    animation-delay: .8s
}

.animated-letter:nth-child(10) {
    animation-delay: .9s
}

.animated-letter:nth-child(11) {
    animation-delay: 1s
}

.animated-letter:nth-child(12) {
    animation-delay: 1.1s
}

.animated-letter:nth-child(13) {
    animation-delay: 1.2s
}

.animated-letter:nth-child(14) {
    animation-delay: 1.3s
}

.animated-letter:nth-child(15) {
    animation-delay: 1.4s
}

.animated-letter:nth-child(16) {
    animation-delay: 1.5s
}

.animated-letter:nth-child(17) {
    animation-delay: 1.6s
}

.animated-letter:nth-child(18) {
    animation-delay: 1.7s
}

.animated-letter:nth-child(19) {
    animation-delay: 1.8s
}

.animated-letter:nth-child(20) {
    animation-delay: 1.9s
}

.animated-letter:nth-child(21) {
    animation-delay: 2s
}

.animated-letter:nth-child(22) {
    animation-delay: 2.1s
}

.animated-letter:nth-child(23) {
    animation-delay: 2.2s
}

.animated-letter:nth-child(24) {
    animation-delay: 2.3s
}

.animated-letter:nth-child(25) {
    animation-delay: 2.4s
}

.animated-letter:nth-child(26) {
    animation-delay: 2.5s
}

.animated-letter:nth-child(27) {
    animation-delay: 2.6s
}

.animated-letter:nth-child(28) {
    animation-delay: 2.7s
}

.animated-letter:nth-child(29) {
    animation-delay: 2.8s
}

.animated-letter:nth-child(30) {
    animation-delay: 2.9s
}

.animated-letter:nth-child(1) {
    -webkit-animation-delay: 0ms
}

.animated-letter:nth-child(2) {
    -webkit-animation-delay: .1s
}

.animated-letter:nth-child(3) {
    -webkit-animation-delay: .2s
}

.animated-letter:nth-child(4) {
    -webkit-animation-delay: .3s
}

.animated-letter:nth-child(5) {
    -webkit-animation-delay: .4s
}

.animated-letter:nth-child(6) {
    -webkit-animation-delay: .5s
}

.animated-letter:nth-child(7) {
    -webkit-animation-delay: .6s
}

.animated-letter:nth-child(8) {
    -webkit-animation-delay: .7s
}

.animated-letter:nth-child(9) {
    -webkit-animation-delay: .8s
}

.animated-letter:nth-child(10) {
    -webkit-animation-delay: .9s
}

.animated-letter:nth-child(11) {
    -webkit-animation-delay: 1s
}

.animated-letter:nth-child(12) {
    -webkit-animation-delay: 1.1s
}

.animated-letter:nth-child(13) {
    -webkit-animation-delay: 1.2s
}

.animated-letter:nth-child(14) {
    -webkit-animation-delay: 1.3s
}

.animated-letter:nth-child(15) {
    -webkit-animation-delay: 1.4s
}

.animated-letter:nth-child(16) {
    -webkit-animation-delay: 1.5s
}

.animated-letter:nth-child(17) {
    -webkit-animation-delay: 1.6s
}

.animated-letter:nth-child(18) {
    -webkit-animation-delay: 1.7s
}

.animated-letter:nth-child(19) {
    -webkit-animation-delay: 1.8s
}

.animated-letter:nth-child(20) {
    -webkit-animation-delay: 1.9s
}

.animated-letter:nth-child(21) {
    -webkit-animation-delay: 2s
}

.animated-letter:nth-child(22) {
    -webkit-animation-delay: 2.1s
}

.animated-letter:nth-child(23) {
    -webkit-animation-delay: 2.2s
}

.animated-letter:nth-child(24) {
    -webkit-animation-delay: 2.3s
}

.animated-letter:nth-child(25) {
    -webkit-animation-delay: 2.4s
}

.animated-letter:nth-child(26) {
    -webkit-animation-delay: 2.5s
}

.animated-letter:nth-child(27) {
    -webkit-animation-delay: 2.6s
}

.animated-letter:nth-child(28) {
    -webkit-animation-delay: 2.7s
}

.animated-letter:nth-child(29) {
    -webkit-animation-delay: 2.8s
}

.animated-letter:nth-child(30) {
    -webkit-animation-delay: 2.9s
}