.card-black h2, .card-black span {
    color: #FFFFFF;
}

.card-black {
    background-color: #000000;
}

.card-gray h2, .card-gray span {
    color: #FFFFFF;
}

.card-gray {
    background-color: #545b62;
}


.fa-aa:before {
    font-family: "Work Sans", sans-serif;
    font-style: normal !important;
    font-weight: bold;
    content: 'A';
    -webkit-text-stroke: 2px grey;
}

.fa-bb:before {
    font-family: "Work Sans", sans-serif;
    font-style: normal !important;
    font-weight: normal;
    content: 'B';
    -webkit-text-stroke: 2px grey;
}

.fa-aa-w:before {
    font-family: "Work Sans", sans-serif;
    font-style: normal !important;
    font-weight: bold;
    color: transparent;
    content: 'A';
    -webkit-text-stroke: 1px blue;
}

.fa-bb-w:before {
    font-family: "Work Sans", sans-serif;
    font-style: normal !important;
    font-weight: normal;
    color: transparent;
    content: 'B';
    -webkit-text-stroke: 1px orange;
}

.fa-a1:before {
    font-family: "Work Sans", sans-serif;
    font-style: normal !important;
    font-weight: bold;
    content: 'A';
    color: transparent;
    -webkit-text-stroke: 2px grey;
}

.fa-b1:before {
    font-family: "Work Sans", sans-serif;
    font-style: normal !important;
    font-weight: bold;
    content: 'B1';
    color: transparent;
    -webkit-text-stroke: 2px grey;
}

.fa-b2:before {
    font-family: "Work Sans", sans-serif;
    font-style: normal !important;
    font-weight: bold;
    content: 'B2';
    color: transparent;
    -webkit-text-stroke: 2px grey;
}

.nav-item-custom .active i:before {
    -webkit-text-stroke: 2px #3acc51;
}


.nav-link-custom:hover > i:before {
    -webkit-text-stroke: 2px #3acc51;
}

.initial-hide {
    display: none;
}

.div-show {
    display: block;

    -webkit-animation: slide-down .5s ease-out;
    -moz-animation: slide-down .5s ease-out;
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slide-down {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

.bootstrap-datetimepicker-widget table td span {
    width: 36px;
}

.bg-pink {
    background-color: deeppink !important;
    border-color: #c7006b !important;
}

.bg-pink:active, .bg-pink:focus, .bg-pink:hover {
    background: #c7006b !important;
    border-color: #c7006b !important;
}

.bg-violet {
    background-color: #84238f !important;
    border-color: #77108f !important;
}

.bg-violet:active, .bg-violet:focus, .bg-violet:hover {
    background: #760f8f !important;
    border-color: #75168f !important;
}

.mh-25 {
    max-height: 100px;
}

/*  some additionals */
.hide {
    display: none !important;
}

.invisible {
    visibility: none !important;
}

.default-cursor {
    cursor: default;
!important;
}

.pointer-cursor {
    cursor: pointer !important;
}

.text-cursor {
    cursor: text !important;
}

.wait-cursor {
    cursor: wait !important;
}

.copy-cursor {
    cursor: copy !important;
}

.disabled-cursor {
    cursor: no-drop !important;
}

.no-cursor {
    cursor: none !important;
}

.letter-spacing-1 {
    letter-spacing: 1px !important;
}

.letter-spacing-2 {
    letter-spacing: 2px !important;
}

.letter-spacing-3 {
    letter-spacing: 3px !important;
}

.letter-spacing-4 {
    letter-spacing: 4px !important;
}

.no-bg {
    background: none !important;
}

.no-border {
    background: none !important;
}

.h-150 {
    height: 150% !important;
}

.h-200 {
    height: 250% !important;
}

.h-250 {
    height: 250% !important;
}

.line-1 {
    height: 2.2em !important;
}

.line-2 {
    height: 4.4em !important;
}

.line-3 {
    height: 6.6em !important;
}

.v-top {
    vertical-align: top !important;
}

.v-middle {
    vertical-align: middle !important;
}

.v-bottom {
    vertical-align: bottom;
!important;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation: flasher linear 1.7s infinite;
    animation: flasher linear 1.7s infinite;

}

@-webkit-keyframes flasher {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    83% {
        opacity: 0;
    }
    86% {
        opacity: 1;
    }
    89% {
        opacity: 0
    }
    92% {
        opacity: 1;
    }
    95% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes flasher {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    83% {
        opacity: 0;
    }
    86% {
        opacity: 1;
    }
    89% {
        opacity: 0
    }
    92% {
        opacity: 1;
    }
    95% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.owl-carousel {
    max-height: 189px !important;
    overflow: hidden;
}

html {
    scroll-behavior: auto;
}

.main-form {
    width: 100%;
}
.long-btn {
    white-space: pre-line;
}

.no-cursor {
  cursor: none !important;
}
.cursor-grab {
  cursor: grab !important;
}
.cursor-anchor {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default !important;
}

.text-underline { 
    text-decoration: underline!important; 
}

.text-cut-line { 
    text-decoration: line-through!important; 
}

.text-bold {
    font-weight: bold!important;
}