/* Custom CSS File */
      html {
        position: relative;
        min-height: 100%;
        overflow: auto;
      }
      body{
        min-height: 100%;
        min-height: 100vh;
        overflow: auto;
        padding-top: 50px;
        margin-bottom: 50px;
        background-image: linear-gradient(-33deg, #000000 0%, #4682b4 50%, #000000 100%);
        background-color: #000000;
        padding-right:0px !important;
        margin-right:0px !important;
      }
      hr {
        height: 1px;
        border: none; 
        color: white; 
        background-color: #4682b477;
      }
/*
      ::placeholder {
        color: #b0c4de !important;
        opacity: 1;
      }
      :-ms-input-placeholder {
        color: #b0c4de !important;
      }
      ::-ms-input-placeholder {
        color: #b0c4de !important;
      }
*/
      .postData a:hover {
        text-decoration: none;
        cursor: pointer;
      }
      .postImage {
        min-height:140px;
        border-radius: 4px;
      }
      .closePost {
        position: absolute;
        top: 3px;
        right: 8px;
      }
      .imageLoaded{
        animation: imageClear ease-in-out 3s;
        -webkit-animation: imageClear ease-in-out 3s;
        animation-iteration-count: 1; 
        animation-fill-mode: forwards; 
      }
      @keyframes imageClear {
        0% {filter: blur(2px);}
        100% {filter: blur(0px);}
      }
      @-webkit-keyframes imageClear {
        0% {-webkit-filter: blur(2px);}
        100% {-webkit-filter: blur(0px);}
      }

      .postMessage {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        max-width: 320px;
        overflow: hidden;
        text-overflow: ellipsis;
        height:120px;
      }
      .img-thumbnail {
        background-color: #d5d5d575 !important;
      }
      .fa-input {
        font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
      }
      .nonselectable {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
      }
 
      .selectable {  
        -webkit-user-select: all;  /* Chrome 49+ */
        -khtml-user-select: all; /* Konqueror HTML */
        -moz-user-select: all;     /* Firefox 43+ */
        -ms-user-select: all;      /* No support yet */
        user-select: all;          /* Likely future */   
      }
      .navbar {
        /*  background-color: #5588ccdb;  */
        padding-right:0px !important;
        margin-right:0px !important;
      }

      .navbar-custom {
      }


/* change the brand and text color */
      .navbar-custom .navbar-brand {
        background: #ff6347; /* -webkit-gradient(linear, left top, left bottom, from(#bc3500), to(#ffb699)) no-repeat;  */
        font-size: 26px !important;
        font-weight: bold;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .navbar-custom .navbar-text {
        background: #ff6347; /* -webkit-gradient(linear, left top, left bottom, from(#bc3500), to(#ffb699)) no-repeat;  */
        font-size: 22px !important;
        font-weight: bold;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
/* change the link color */
      .navbar-custom .navbar-nav .nav-link {
        font-size: 18px !important;
        font-family: Verdana,Geneva,sans-serif;
        color: #ecf0f1;
        text-shadow: 2px 2px 4px #000000;
      }  
/* change the color of active or hovered links */
      .navbar-custom .nav-item.active .nav-link, .navbar-custom .nav-item:hover .nav-link {
        color: white;
        font-weight: bold;
      }
      .navbar-custom .nav-item .nav-link:focus {
        outline: none;
      }
      .icon-bar {
      	width: 2.2rem; 
      	height: 5px;
      	background-color: #ffffff;
      	display: block;
      	transition: all 0.2s;
      	margin-top: 4px
      }
      .navbar-toggler {
        border: none;
        background: transparent !important;
      }
      .navbar-toggler:focus {
        outline: none;
      }
      .navbar-toggler .top-bar {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: 10% 10%;
        transform: rotate(45deg);
        transform-origin: 10% 10%;
      }
      .navbar-toggler .middle-bar {
        opacity: 0;
      }
      .navbar-toggler .bottom-bar {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: 10% 90%;
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
      }
      .navbar-toggler.collapsed .top-bar {
        -webkit-transform: rotate(0);
        transform: rotate(0);
      }
      .navbar-toggler.collapsed .middle-bar {
        opacity: 1;
      }
      .navbar-toggler.collapsed .bottom-bar {
        -webkit-transform: rotate(0);
        transform: rotate(0);
      }

      .navbar-toggler.collapsed .topBar {
        -webkit-transform: rotate(0);
        transform: rotate(0);
      }
      .navbar-toggler.collapsed .middleBar {
        opacity: 1;
      }
      .navbar-toggler.collapsed .bottomBar {
        -webkit-transform: rotate(0);
        transform: rotate(0);
      }

      .navbar-custom .navbar-nav .nav-link .fa {
        margin-right: 5px;
        margin-left: 5px;
      }
      .navbar-custom .navbar-nav .nav-link .nav-link-text {  
        display: none;
      }
      .dropdown-menu {
        max-width: 97% !important;
      }
      .dropdown-menu .dropdown-item:hover {
        font-weight: bold;
        cursor: pointer; 
      }
      .footer {
        position: absolute;
        width: 100%;
        height: 50px;
        line-height: 50px;
        left: 0;
        bottom: 5px;
      }
      .fixedButton {
        position: fixed;
        display: inline-block;
        bottom: 60px;
        right: 0;
        width: 128px;
        height: 45px;
        border-radius: 25px 0 0 25px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        background-color: white;
        z-index: 1000;
        text-align: left;
        padding-left: 15px;
      }
      .fixedButton a{
        text-decoration: none;
        font-size: 14px;
        color: #079e9e;
        font-weight: bold;
      }
      .fixedButton a:focus, .fixedButton a:hover, .fixedButton a:active{
        outline: 0;
      }
      .fixedButton i{
        vertical-align: middle;
        line-height: 45px;
        font-size: 30px;
      }
      .fixedButton:active {
        background-color: lightgray;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px);
      }
      .active i, .active span{
/*        color: lightblue;  */
        color: #079e9e;
      }
      .col-sm-padding{
        padding: 2px !important;
      }
      .btn:active {
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px);
      }
      .btn:focus, .btn:active {
        outline: none !important;
        box-shadow: none;
      }
      .tagCloud{
        text-decoration: none;
        list-style-type: none;
        opacity: 0 !important;
      }
      .hashTags{
        opacity: 0 !important;
      }
      .tagCloud-xXs{
        font-size: 9px;
      }
      .tagCloud-Xs{
        font-size: 10px;
      }
      .tagCloud-Sm{
        font-size: 11px;
      }
      .tagCloud-Md{
        font-size: 12px;
      }
      .tagCloud-Lg{
        font-size: 13px;
      }
      .tagCloud-Xl{
        font-size: 14px;
      }
      .tagCloud-xXl{
        font-size: 15px;
      }
      .modal{
        overflow-y: auto !important;
      }
      .modal-open{
        overflow:auto !important;
        overflow-x:hidden !important;
        padding-right: 0 !important;
      }
     .modal-sm{
        max-width: 320px;
        margin: auto;
      }
      .modal-content .modal-header .close:focus {
        outline: none;
      }
      .modal-header {
        border-bottom:none;
        padding-top: 0.50rem;
        padding-bottom: 0.30rem;
      }
      .modal-body{
        padding-bottom: 0.050rem !important;
      }
      .modal-footer {
        border-top:none;
        padding-top: 0.050rem;
        padding-bottom: 0.50rem;
      }
      .modal-dialog-bottom {
        position: absolute;
        top: 60% !important;
        right: 0;
        left: 0;
        z-index: 10010;
        overflow: auto;
        overflow-y: auto;
      }
      .hideForm, .hideElement{
        display:none;
      }
      .bg-opaque{
        background-color: #d5d5d5f5;
      }
      .loadingSpinner{
        position: fixed;
        z-index: 2000;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -webkit-text-stroke: 0.100rem #ffffff55;
        color: #079e9e75;
      }
      .modalContainer, .cardContainer{
        position:relative;
        min-height: 200px !important;
      }
      .overlaySpinner{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -webkit-text-stroke: 0.100rem #ffffff55;
        color: #079e9e75;
      }
      .cardContainer #imageControls{
        position: absolute;
        top: 76%;
        left: 5%;
      }
      .cardContainer #imageLabel, .cardContainer #btnOrient{
        background-color: #00000075;
        border: none;
        border-radius: 5px;
        color: white;
        padding: 10px;
        font-size: 16px;
        outline: none;
      }
      .cardContainer #imageLabel:active, .cardContainer #btnOrient:active {
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px);
      }

      .userFNameContainer {
        position: absolute;
        left: 10px;
        top: 7px;
        background-color: #00000095;
        border: none;
        border-radius: 5px;
      }
      .postListContainer{
        position: relative;
      }
      .postControllers {
        position: absolute;
        bottom: 5%;
        left: 50%;
        -webkit-transform: translate(-50%, 5%);
        -moz-transform: translate(-50%, 5%);
        -ms-transform: translate(-50%, 5%);
        -o-transform: translate(-50%, 5%);
        transform: translate(-50%, 5%);
        width: 90%;
        background-color: #000000cd;
        border: none;
        border-radius: 5px;
        padding: 10px;
max-height: 80%;
      }
      .shareCheckBox {
        display: none;
      }
      .shareCheckBox + label {
      
      }
      .shareCheckBox:checked + label i{
/*
        color: #ff6347 !important;
*/
        color: #079e9e !important;
      }
      .postHereContainer{
        height: 2.35rem;
        vertical-align: middle;
        line-height: 1.2rem;
      }
      .postHereContainer .postHereCheckBox {
        display: none;
      }
      .postHereContainer .postHereCheckBox + label {

      }
      .postHereContainer .postHereCheckBox:checked + label i{
        color: #079e9e !important;
      }
      .postHereContainer:hover .postHereCheckBox:checked + label i{
        color: #ffffff !important;
      }

      #tabList ul > li > a {
        padding: 0 5px 0 5px;
        border: none !important;
      }
      #tabList ul {
        border: none !important;
      }
      .tabGroup > li > a > i {
        color: lightgray !important;
      }
      .tabGroup > li > a.active > i {
        color: #079e9e !important;
      }
      .custom-control-label{
        padding-top:0.20rem;
      }
      .custom-control-label::before, .custom-control-label::after {
        width: 1.5rem;
        height: 1.5rem;
      }
      .custom-control-label:before{
        background-color:lightgray;
        border:none;
      }
      .custom-checkbox .custom-control-input:checked~.custom-control-label::before,
      .custom-radio .custom-control-input:checked~.custom-control-label::before,
      .custom-control-input:active~.custom-control-label::before {
        background-color:#079e9e;
      }
      .custom-checkbox .custom-control-input:disabled~.custom-control-label::before{
        background-color:#079e9e50 !important;
      }
      .custom-checkbox .custom-control-input:focus~.custom-control-label::before{
        -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #079e9e50; 
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #079e9e50;
      }
      .custom-radio .custom-control-input:disabled~.custom-control-label::before{
        background-color:#079e9e50 !important;
      }
      .custom-radio .custom-control-input:focus~.custom-control-label::before{
        -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #079e9e50;
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #079e9e50;
      }
      .input-group-prepend {
        width : 20%;
      }
      .input-group-prepend label {
        width: 100%;
      }
      .fa-rotate-45 {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
      }
      .fa-stack-md .fa-stack-1x{
        top: 0.3rem !important;
        left: 0.5rem !important;
        font-size: 0.8rem !important;
      }
      .fa-stack-md .fa-stack-2x {
        font-size: 1rem !important;
      }
      .fa-stack-md .text-stroke {
        -webkit-text-stroke: 0.07rem white;
      }
      .fa-stroke{
        -webkit-text-stroke: 0.1rem #f8f8ff !important;
        text-shadow: 0px 0px 0.1rem #f8f8ff !important;
      }
      .fa-stroke-2x{
        -webkit-text-stroke: 0.2rem #f8f8ff !important;
        text-shadow: 0px 0px 0.2rem #f8f8ff !important;
      }
      .vEllipsis{
        position: absolute;
        top: 0;
        left: 0;
        font-size: 24px;
        color: black;
      }
  .btnHere {
    height: 2.35rem !important;
    font-size: 0.8rem;
  }
  .btnHere:focus .fa-stack-md.text-stroke:before{
    -webkit-text-stroke: 0.07rem white !important;
  }
  .btnHere:hover .fa-stack-md.text-stroke:before{
    -webkit-text-stroke: 0.07rem #079e9e !important;
  }
  .btnHere:hover .fa-stack-md:before{
    color: white !important;
  }
      .form-control:focus {
        border-color: #079e9e;
        box-shadow: 0 0 0 0.2rem #079e9e50; 
      } 
      .icon-disabled {
        color: #d5d5d5 !important;
      }
      .btn-info{
        background-color: #079e9e !important;
      }
      .btn-info:disabled{
        background-color: #4db6ac !important;
      }
      .btn-danger{
        color: #dc143c !important;
      }
      .btn-outline-info{
        border-color: #079e9e !important;
      }
      .btn-outline-info:hover, .btn-outline-info:active{
        background-color: #079e9e !important;
      }
      .btn-outline-info:hover i:before,
      .btn-outline-info:active i:before{
/*
        color: white !important;
*/
        -webkit-text-stroke: 0.1rem white !important;
      }
      .text-info{
        color: #079e9e !important;
      }
      .text-danger{
        color: #dc143c !important;
      }
      .text-miqru{
        color: #ff6347;
      }
      .text-hidden {
        color: rgba(0, 0, 0, 0);
        font-size: 1px;
      }
      .text-disabled{
        color: #d5d5d5 !important;
      }
      .text-href {
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-color: #e8d972;
        text-decoration-thickness: 2px;
        -webkit-text-decoration-line: underline;
        -webkit-text-decoration-style: solid;
        -webkit-text-decoration-color: #e8d972;
        -webkit-text-decoration-thickness: 2px;
        -webkit-text-underline-position: under;
        -ms-text-underline-position: under;
        text-underline-position: under;
      }
      .bg-disabled{
        background-color: #f0f0f0;
        color: black;
      }
      .text-justify{ 
        text-align: justify !important; 
      }
      .text-nowrap{ 
        white-space: nowrap !important; 
      }
      .text-wrap{
        word-wrap: break-word;
      }
      .text-no-overflow{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .text-stroke {
        -webkit-text-stroke: 0.005rem black;
      }
      .textarea-noresize {
        resize: none;
      }
      .textarea-dark:disabled{
        color: black !important;
        opacity: 1;
      }
      .text-shadow-light{
        text-shadow: -0.025rem  0.025rem 0 #fff,
                      0.025rem  0.025rem 0 #fff,
                      0.025rem -0.025rem 0 #fff,
                     -0.025rem -0.025rem 0 #fff;
      }
      #publicWall{
        cursor: pointer;
      }
      #qrURL {
        display: block;
      }
      .lockedElement{
        border-color: #dcdcdc !important;
        background-color: #9ad7d7 !important;
      }
      .submitElement{
        border-color: #079e9e !important;
        background-color: #079e9e !important;
      }
      .rangeSignUpBox,
      .rangeConfirmBox {                                            /*slider*/
        position: relative;
        height: 2.4rem;
        width: 8rem;
        border-radius: 0.35rem;
        border: 1px solid #b5b5b5;
      }
      .rangeSignUpBox,
      .rangeConfirmBox {                                            /*slider*/
        background-color: #61c1c1;
      }
      .rangeSignUp,
      .rangeConfirm {                                   /*thumb position*/
        vertical-align: middle;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        outline: none;
        border: 0;
        height: 1.9rem;
        width: 7.5rem;
        margin: 0.20rem 0 0 0.2rem;
      }
      .rangeSignUp::-moz-range-thumb,
      .rangeConfirm::-moz-range-thumb {                 /*thumb(mozilla)*/
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 1.5rem;
        width: 2.7rem;
        border: 1px solid #f8f8ff;
        border-radius: 0.35rem;
        background-color: #dcdcdc90;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      }
      .rangeSignUp::-webkit-slider-thumb,
      .rangeConfirm::-webkit-slider-thumb {             /*thumb(webkit)*/
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 1.9rem;
        width: 2.7rem;
        border: 1px solid #f8f8ff;
        border-radius: 0.35rem;
        background-color: #dcdcdc90;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      }
      .rangeSignUp::-moz-range-track,
      .rangeConfirm::-moz-range-track {                 /*track(mozilla)*/
        height: 2rem;
        width: parent;
        background-color: transparent;
        background-repeat: no-repeat;
      }
      .rangeSignUp::-webkit-slider-runnable-track,
      .rangeConfirm::-webkit-slider-runnable-track {    /*track(webkit)*/
        height: 2rem;
        width: parent;
        background-color: transparent;
        background-repeat: no-repeat;
      }
      .rangeSignUp::-moz-range-track {
        background-image: url("../media/textsave.svg");
      }
      .rangeSignUp::-webkit-slider-runnable-track {
        background-image: url("../media/textsave.svg");
      }
      .rangeConfirm::-moz-range-track {                 /*track(mozilla)*/
        background-image: url("../media/textconfirm.svg");
      }
      .rangeConfirm::-webkit-slider-runnable-track {    /*track(webkit)*/
        background-image: url("../media/textconfirm.svg");
      }
      .inputFile {
        top:0;
        left:0;
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
      }
      .inputFile:disabled+label {
        background-color: #80cbc4 !important;
        border: 1px solid #079e9e30 !important;
      }
      .embed-responsive .card-img-top {
        object-fit: cover;
      }
/* Chrome, Safari, Edge, Opera */
      input[type=number]::-webkit-inner-spin-button, 
      input[type=number]::-webkit-outer-spin-button { 
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0; 
      }
/* Firefox */
      input[type=number] {
        -moz-appearance: textfield;
      }
/*
      #imageContainer{
        background-repeat: no-repeat;
        background-image: url("../media/user.svg");
      }
      .logContent, .logIcon{
        display: inline-block;
        vertical-align: top;
      }
*/
      .logContent a:hover {
        text-decoration: none;
      }
      .deleteLog {
        position: absolute;
        top: 0px;
        right: 16px;
      }
      .logContent{
        width: 92%;
      }
      
      .lds-ellipsis {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 15px;
      }
      .lds-ellipsis div {
        position: absolute;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #079e9e;
        border: 2px solid #ffffff75;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
      }
      .lds-ellipsis div:nth-child(1) {
        left: 8px;
        animation: lds-ellipsis1 0.6s infinite;
      }
      .lds-ellipsis div:nth-child(2) {
        left: 8px;
        animation: lds-ellipsis2 0.6s infinite;
      }
      .lds-ellipsis div:nth-child(3) {
        left: 32px;
        animation: lds-ellipsis2 0.6s infinite;
      }
      .lds-ellipsis div:nth-child(4) {
        left: 56px;
        animation: lds-ellipsis3 0.6s infinite;
      }
      @keyframes lds-ellipsis1 {
        0% {transform: scale(0);}
        100% {transform: scale(1);}
      }
      @keyframes lds-ellipsis3 {
        0% {transform: scale(1);}
        100% {transform: scale(0);}
      }
      @keyframes lds-ellipsis2 {
        0% {transform: translate(0, 0);}
        100% {transform: translate(24px, 0);}
      }

      .faa-pause{
        -webkit-animation-play-state: paused !important; 
        -moz-animation-play-state: paused !important; 
        -o-animation-play-state: paused !important;
        animation-play-state: paused !important;
      }

      .faa-ring {
        -webkit-animation: ring 2s ease infinite;
        animation: ring 2s ease infinite;
      }

      @keyframes ring {
        0% {
          -webkit-transform: rotate(-15deg);
          -ms-transform: rotate(-15deg);
          transform: rotate(-15deg)
        }
        2% {
          -webkit-transform: rotate(15deg);
          -ms-transform: rotate(15deg);
          transform: rotate(15deg)
        }
        4% {
          -webkit-transform: rotate(-18deg);
          -ms-transform: rotate(-18deg);
          transform: rotate(-18deg)
        }
        6% {
          -webkit-transform: rotate(18deg);
          -ms-transform: rotate(18deg);
          transform: rotate(18deg)
        }
        8% {
          -webkit-transform: rotate(-22deg);
          -ms-transform: rotate(-22deg);
          transform: rotate(-22deg)
        }
        10% {
          -webkit-transform: rotate(22deg);
          -ms-transform: rotate(22deg);
          transform: rotate(22deg)
        }
        12% {
          -webkit-transform: rotate(-18deg);
          -ms-transform: rotate(-18deg);
          transform: rotate(-18deg)
        }
        14% {
          -webkit-transform: rotate(18deg);
          -ms-transform: rotate(18deg);
          transform: rotate(18deg)
        }
        16% {
          -webkit-transform: rotate(-12deg);
          -ms-transform: rotate(-12deg);
          transform: rotate(-12deg)
        }
        18% {
          -webkit-transform: rotate(12deg);
          -ms-transform: rotate(12deg);
          transform: rotate(12deg)
        }
        20% {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg)
        }
      }

      .faa-bounce {
        -webkit-animation: bounce 2s ease infinite;
        animation: bounce 2s ease infinite;
      }

      @keyframes bounce {
        0%, 10%, 20%, 50%, 80%, 100% {
          -webkit-transform:translateY(0);
          transform: translateY(0);
        }
        40% {
          -webkit-transform:translateY(-5px);
          transform: translateY(-5px);
        }
        60% {
          -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
        }
      }

      .faa-float {
        -webkit-animation: float 2s ease infinite;
        animation: float 2s ease infinite;
      }

      @keyframes float {
        0% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
        }
        50% {
          -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
        }
        100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
        }
      }

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

      @keyframes tada {
        0% {
          -webkit-transform: scale(1);
          transform: scale(1);
        }
        10%, 20% {
          -webkit-transform: scale(.9) rotate(-8deg);
          transform: scale(.9) rotate(-8deg);
        }
        30%, 50%, 70% {
          -webkit-transform: scale(1.3) rotate(8deg);
          transform: scale(1.3) rotate(8deg);
        }
        40%, 60% {
          -webkit-transform: scale(1.3) rotate(-8deg);
          transform: scale(1.3) rotate(-8deg);
        }
        80%, 100% {
          -webkit-transform: scale(1) rotate(0);
          transform: scale(1) rotate(0);
        }
      }

      .faa-horizontal{
	-webkit-animation: horizontal 3s ease infinite;
	animation: horizontal 3s ease infinite;
      }

      @keyframes horizontal {
        0% {
          -webkit-transform: translate(0,0);
          transform: translate(0,0);
        }
        6% {
          -webkit-transform: translate(5px,0);
          transform: translate(5px,0);
        }
        12% {
          -webkit-transform: translate(0,0);
          transform: translate(0,0);
        }
        18% {
          -webkit-transform: translate(5px,0);
          transform: translate(5px,0);
        }
        24% {
          -webkit-transform: translate(0,0);
          transform: translate(0,0);
        }
        30% {
          -webkit-transform: translate(5px,0);
          transform: translate(5px,0);
        }
        36%, 100% {
          -webkit-transform: translate(0,0);
          transform: translate(0,0);
        }
      }


  
      @media (max-width: 575.98px) {
        .navbar-custom .navbar-nav {
          min-width: 215px;
        }
        .navbar-custom .navbar-brand {
          font-size: 22px !important;
        }
        .navbar-custom .navbar-text {
          display: none;
        }
        .navbar-custom .navbar-nav .nav-link .nav-link-text {  
          display: inline-block;
          font-size: 18px !important;
        }
        .navstack{
          margin-bottom: -0.9em;
        }

      }

      @media (max-width: 767.98px) {
        .navbar-custom .navbar-nav .nav-link .nav-link-text {  
          display: inline-block;
          font-size: 18px !important;
        }
      }

      @media (max-width: 991.98px) {
        .navbar-custom .navbar-nav {
          background-color: #708090;
          padding: 10px 1px 10px 10px;
          border-radius: 5px;
          max-width: 50%;
        }
        .navbar-custom .navbar-nav .nav-link {
          width: parent;
          margin-left:auto;
          margin-right:0;
        }  
        .navbar-custom .nav-item.active .nav-link, .navbar-custom .nav-item:hover .nav-link {
          color: white;
        }
        .navbar-custom .navbar-nav .nav-link .nav-link-text {  
          display: inline-block;
          font-size: 18px !important;
        }
      }