.relative {
    position: relative
}

.floatL {
    float: left;
    display: block
}

.floatR {
    float: right
}

.text-center {
    text-align: center !important
}

.bg-yellow {
    background: #fcdf40 !important;
}

.bg-blue {
    background: #bb9b52
}

.bg-light-gray {
    background: #ebebeb
}

.bg-light-gray1 {
    background: #e0e0e0
}

.bg-gray {
    background: #666
}

.bg-white {
    background: #fff !important
}

.bg-pink {
    background: #d93758
}

.bg-pinkish {
    background: #dd2f76
}

.bg-black {
    background: #000
}

.bg-bluish {
    background: #3d4094
}

.bg-skyblue {
    background: #5CD7F0
}

.bg-green_bright {
    background: #00C66B
}

.bg-redish_bright {
    background: #EE6055
}

.bg-orange_bright {
    background: #FD812D
}

.bdr_round {
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    border-radius: 50px !important
}

.font_145 {
    font-size: 145px;
    color: #d7d7d7
}

.line_height-20 {
    line-height: 20px
}

.line_height-24 {
    line-height: 24px
}

.line_height-28 {
    line-height: 28px
}

.line_height-30 {
    line-height: 30px
}

.line_height-36 {
    line-height: 36px
}

.line_height-40 {
    line-height: 40px
}

.line_height-44 {
    line-height: 44px
}

.line_height-50 {
    line-height: 50px
}

.line_height-56 {
    line-height: 56px
}

.line_height-60 {
    line-height: 60px
}

.separator3-100 {
    display: block;
    width: 100px;
    height: 2px;
    margin: 15px 0;
    background-color: #224daf;
    position: relative
}

.separator2-50 {
    display: block;
    width: 50px;
    height: 5px;
    margin: 15px 0;
    background-color: #ffffff;
    position: relative
}

.separator1-50 {
    display: block;
    width: 50px;
    height: 2px;
    margin: 10px 0;
    background-color: #ffffff;
    position: relative
}

.separator-100 {
    display: block;
    width: 100px;
    height: 2px;
    margin: 25px 0;
    background-color: #fff;
    position: relative
}

.separator-50 {
    display: block;
    width: 50px;
    height: 2px;
    margin: 20px 0;
    background-color: #000;
    position: relative
}

.divider10,
.divider100,
.divider20,
.divider30,
.divider40,
.divider60,
.divider70,
.divider80,
.divider90 {
    float: left;
    width: 100%;
    clear: both
}

.bold-100 {
    font-weight: 100
}

.bold-200 {
    font-weight: 200
}

.bold-300 {
    font-weight: 300
}

.bold-400 {
    font-weight: 400
}

.bold-500 {
    font-weight: 500
}

.bold-600 {
    font-weight: 600
}

.bold-700 {
    font-weight: 700
}

.bold-800 {
    font-weight: 800
}

.bold-900 {
    font-weight: 900
}

.opacity_0 {
    opacity: 0
}

.no-padding {
    padding: 0 !important
}

.no-padding-left {
    padding-left: 0
}

.no-padding-right {
    padding-right: 0
}

.padding-10 {
    padding: 10px
}

.padding-20 {
    padding: 20px
}

.padding-30 {
    padding: 30px
}

.padding-40 {
    padding: 40px
}

.padding-50 {
    padding: 50px
}

.padding-60 {
    padding: 60px
}

.padding-70 {
    padding: 70px
}

.padding-80 {
    padding: 80px
}

.padding-90 {
    padding: 90px
}

.pt-0 {
    padding-top: 0 !important
}

.pt-10 {
    padding-top: 10px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}

.pt-60 {
    padding-top: 60px
}

.pt-70 {
    padding-top: 70px
}

.pt-80 {
    padding-top: 80px
}

.pt-90 {
    padding-top: 90px
}

.pt-100 {
    padding-top: 100px
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-10 {
    padding-bottom: 10px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-100 {
    padding-bottom: 100px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-30 {
    padding-left: 30px
}

.pl-40 {
    padding-left: 40px
}

.pl-50 {
    padding-left: 50px
}

.pl-60 {
    padding-left: 60px
}

.pl-70 {
    padding-left: 70px
}

.pl-80 {
    padding-left: 80px
}

.pl-90 {
    padding-left: 90px
}

.pl-100 {
    padding-left: 100px
}

.pr-5 {
    padding-right: 5px
}

.pr-6 {
    padding-right: 6px
}

.pr-7 {
    padding-right: 7px
}

.pr-8 {
    padding-right: 8px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-30 {
    padding-right: 30px
}

.pr-40 {
    padding-right: 40px
}

.pr-50 {
    padding-right: 50px
}

.pr-60 {
    padding-right: 60px
}

.pr-70 {
    padding-right: 70px
}

.pr-80 {
    padding-right: 80px
}

.pr-90 {
    padding-right: 90px
}

.pr-100 {
    padding-right: 100px
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-100 {
    margin-bottom: 100px
}

.ml-0 {
    margin-left: 0 !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-15 {
    margin-left: 15px !important
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.ml-60 {
    margin-left: 60px
}

.ml-70 {
    margin-left: 70px
}

.ml-80 {
    margin-left: 80px
}

.ml-90 {
    margin-left: 90px
}

.ml-100 {
    margin-left: 100px
}

.mr-0 {
    margin-right: 0 !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

.mr-60 {
    margin-right: 60px
}

.mr-70 {
    margin-right: 70px
}

.mr-80 {
    margin-right: 80px
}

.mr-90 {
    margin-right: 90px
}

.mr-100 {
    margin-right: 100px
}

.divider10 {
    height: 10px
}

.divider20 {
    height: 20px
}

.divider30 {
    height: 30px
}

.divider40 {
    height: 40px
}

.divider50 {
    float: left;
    height: 50px;
    width: 100%;
    clear: both
}

.divider60 {
    height: 60px
}

.divider70 {
    height: 70px
}

.divider80 {
    height: 80px
}

.divider90 {
    height: 90px
}

.divider100 {
    height: 100px
}

.font-size_1vh {
    font-size: 1vh
}

.font-size_2vh {
    font-size: 2vh
}

.font-size_3vh {
    font-size: 3vh
}

.font-size_3_5vh {
    font-size: 3.5vh
}

.font-size_4vh {
    font-size: 4vh
}

.font-size_4_5vh {
    font-size: 4.5vh
}

.font-size_5vh {
    font-size: 5vh
}

.font-size_5_5vh {
    font-size: 5.5vh
}

.font-size_6vh {
    font-size: 6vh
}

.font-size_6_5vh {
    font-size: 6.5vh
}

.font-size_7vh {
    font-size: 7vh
}

.font-size_7_5vh {
    font-size: 7.5vh
}

.font-size_8vh {
    font-size: 8vh
}

.font-size_8_5vh {
    font-size: 8.5vh
}

.font-size_9vh {
    font-size: 9vh
}

.font-size_9_5vh {
    font-size: 9.5vh
}

.font-size_10vh {
    font-size: 10vh
}

.font-size_10_5vh {
    font-size: 10.5vh
}

.font-size_11vh {
    font-size: 11vh
}

.font-size_11_5vh {
    font-size: 11.5vh
}

.font-size_12vh {
    font-size: 12vh
}

.font-size_12_5vh {
    font-size: 12.5vh
}

.font-green {
    color: #A6CE39 !important
}

.font-white {
    color: #fff !important
}

.font-dark_blue {
    color: #16315b !important
}

.font-gray {
    color: #666 !important
}

.font-bluish {
    color: #3d4094 !important
}

.font-blue {
    color: #224daf !important
}

.font-bright_blue {
    color: #288fc5 !important
}

.font-copper {
    color: #c27948 !important
}

.font-pink {
    color: #ec008c !important
}

.font-maroon {
    color: #c92f31 !important
}

.font-black {
    color: #000 !important
}

.font-orange {
    color: #f63 !important
}

.font-yellow {
    color: #fcdf40 !important
}

.z-index0 {
    z-index: 0
}

.z-index1 {
    z-index: 1
}

.z-index2 {
    z-index: 2
}

.z-index3 {
    z-index: 3
}

.z-index4 {
    z-index: 4
}

.z-index5 {
    z-index: 5
}

.z-index6 {
    z-index: 6
}

.z-index7 {
    z-index: 7
}

.z-index8 {
    z-index: 8
}

.z-index99 {
    z-index: 99
}

@-moz-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.arrow11 {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border-radius: 2px solid #ea088c;
    background: url(../credential/bounce-arrow.html);
    background-size: contain
}

.bounce11 {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite
}

.letterSace-01 {
    letter-spacing: 1px;
}

.letterSace-02 {
    letter-spacing: 2px;
}

.letterSace-03 {
    letter-spacing: 3px;
}

.letterSace-04 {
    letter-spacing: 4px;
}

.letterSace-05 {
    letter-spacing: 5px;
}

.row-flex {
    display: flex;
}