.header-top{
	position: sticky;
    top: 117px;
    top: 0px;
    z-index: 9;
}

.testimoniel-item{
	position: absolute;
	width: 100%; 
	opacity: 0;
}

.test-img{
	height: 200px !important;
    width: 200px !important;
    margin: auto;
    border-radius: 50%;
}

.frame{
	width: 32%;
    cursor: zoom-in;
    border: 7px inset #999;
}

.footer {
    background: #071119;
    padding: 0em 0;
    text-align: center;
}

.footer-link{
    color: #f58703;
    font-size: 15px;
    text-align: left;
}

.grid-top {
    text-align: center;
    min-height: 150px;
}

.glyphicon.glyphicon-home ,.glyphicon.glyphicon-time,.glyphicon.glyphicon-cog,
.glyphicon.glyphicon-lock,.glyphicon-eye-open, .glyphicon.glyphicon-plane, .glyphicon.glyphicon-list-alt,.glyphicon.glyphicon-sunglasses,.glyphicon.glyphicon-check,.glyphicon.glyphicon-briefcase{
  font-size: 1.5em;
  color: #FFF;
  background: #1b3e5c;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 2.3em;
}

.welcome p {
    font-size: 1em;
    color: #171616;
}

img~p {
    padding: 1px;
}

.red ul li a {
    text-decoration: none;
    color: #846508;
    font-size: 1em;
    margin: 0.4em 0;
    display: inline-block;
    font-weight: 600;
}

.top-content p {
    font-size: 1em;
    color: #757070;
    line-height: 1.9em;
    font-weight: 600;
}


.desktop{
    display:flex;justify-content: center;align-items: center;margin-bottom: 10px;
}

@media(max-width:768px){
  .desktop{
    display:block;justify-content: center;align-items: center;margin-bottom: 10px;
  }  
}

/* FIS admin shell */
:root {
    --fis-ink: #17212b;
    --fis-muted: #697586;
    --fis-orange: #e87922;
    --fis-orange-dark: #bf5510;
    --fis-surface: #ffffff;
    --fis-page: #f4f7fa;
    --fis-line: #e5eaf0;
}

html,
body {
    min-height: 100%;
}

body#page-top {
    background: var(--fis-page);
    color: var(--fis-ink);
    font-family: "Nunito", "Segoe UI", sans-serif;
}

#wrapper {
    min-height: 100vh;
}

.sidebar {
    background: var(--fis-ink) !important;
    background-image: none !important;
    box-shadow: 4px 0 18px rgba(23, 33, 43, .08);
    padding: 18px 12px;
    width: 15rem;
}

.sidebar .sidebar-brand {
    height: 52px;
    justify-content: flex-start !important;
    padding: 0 10px;
    text-transform: none;
}

.sidebar .sidebar-brand-icon {
    transform: none;
    color: var(--fis-orange);
    font-size: 1.25rem;
}

.sidebar .sidebar-brand-text {
    color: #fff;
    font-size: .95rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sidebar > p {
    color: #aeb9c5 !important;
    font-size: .7rem;
    letter-spacing: .12em;
    margin: 0 10px 18px;
    text-align: left !important;
    text-transform: uppercase;
}

.sidebar .sidebar-heading {
    color: #8492a2;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .12em;
    margin: 18px 10px 6px;
    text-transform: uppercase;
}

.sidebar .sidebar-divider {
    border-top-color: rgba(255, 255, 255, .1);
    margin: 12px 8px;
}

.sidebar .nav-item {
    margin: 2px 0;
}

.sidebar .nav-link {
    border-radius: 8px;
    color: #c9d2dc;
    font-size: .83rem;
    padding: .72rem .78rem;
    transition: background-color .15s ease, color .15s ease;
}

.sidebar .nav-link i {
    color: #91a1b1;
    margin-right: .55rem;
    width: 1.1rem;
}

.sidebar .nav-link:hover,
.sidebar .nav-item.active > .nav-link {
    background: rgba(232, 121, 34, .15);
    color: #fff;
}

.sidebar .nav-link:hover i,
.sidebar .nav-item.active > .nav-link i {
    color: var(--fis-orange);
}

.sidebar .btn-link.nav-link {
    border: 0;
    text-align: left;
}

#content-wrapper {
    background: var(--fis-page);
    min-height: 100vh;
}

#content .topbar {
    background: var(--fis-surface) !important;
    border-bottom: 1px solid var(--fis-line);
    box-shadow: none !important;
    height: 72px;
    margin-bottom: 0 !important;
    padding: 0 32px;
}

#content .topbar .navbar-text {
    background: #f7f9fb;
    border: 1px solid var(--fis-line);
    border-radius: 999px;
    color: var(--fis-muted);
    font-size: .78rem;
    max-width: min(42vw, 320px);
    overflow: hidden;
    padding: .48rem .85rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-profile-trigger {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--fis-ink);
    display: flex;
    max-width: 280px;
    padding: .25rem 0 .25rem .5rem;
    text-align: left;
}

.admin-profile-trigger:focus,
.admin-profile-trigger:hover {
    color: var(--fis-ink);
    outline: 0;
}

.admin-profile-trigger::after {
    color: #94a0ad;
    margin-left: .55rem;
}

.admin-avatar {
    align-items: center;
    background: #fff1e6;
    border: 1px solid #ffd3b2;
    border-radius: 50%;
    color: var(--fis-orange-dark);
    display: inline-flex;
    height: 36px;
    justify-content: center;
    margin-right: .65rem;
    width: 36px;
}

.admin-profile-copy {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    min-width: 0;
}

.admin-profile-copy strong,
.admin-profile-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-profile-copy strong {
    font-size: .8rem;
    font-weight: 700;
}

.admin-profile-copy small {
    color: var(--fis-muted);
    font-size: .68rem;
    margin-top: .2rem;
    max-width: 180px;
}

.admin-profile-menu {
    border: 1px solid var(--fis-line);
    border-radius: 10px;
    min-width: 0;
    padding: .35rem;
    width: 208px;
}

#content .topbar .admin-profile-menu {
    min-width: 0 !important;
    width: 208px !important;
}

.admin-profile-menu .dropdown-item {
    align-items: center;
    border-radius: 7px;
    color: var(--fis-ink);
    display: flex;
    font-size: .8rem;
    min-height: 38px;
    padding: .55rem .65rem;
}

.admin-profile-menu .dropdown-item i {
    color: #91a1b1;
    margin-right: .65rem;
    text-align: center;
    width: 1rem;
}

.admin-profile-menu .dropdown-item:hover {
    background: #fff5ed;
    color: var(--fis-orange-dark);
}

.admin-profile-menu form {
    margin: 0;
}

#content > .container-fluid {
    padding: 30px 32px 42px;
}

#content h1,
#content h2,
#content h3,
#content h4 {
    color: var(--fis-ink);
    font-weight: 700;
}

#content h1.h3 {
    font-size: 1.45rem;
    letter-spacing: -.01em;
}

#content .card {
    border: 1px solid var(--fis-line);
    border-radius: 10px;
    box-shadow: 0 5px 18px rgba(23, 33, 43, .045) !important;
}

#content .card-header {
    background: var(--fis-surface);
    border-bottom: 1px solid var(--fis-line);
    color: var(--fis-ink);
    font-size: .9rem;
    font-weight: 700;
    padding: 1rem 1.25rem;
}

#content .card-body {
    padding: 1.25rem;
}

#content .border-left-primary {
    border-left: 4px solid var(--fis-orange) !important;
}

#content .text-primary {
    color: var(--fis-orange-dark) !important;
}

#content .btn-primary {
    background: var(--fis-orange);
    border-color: var(--fis-orange);
}

#content .btn-primary:hover,
#content .btn-primary:focus {
    background: var(--fis-orange-dark);
    border-color: var(--fis-orange-dark);
}

#content .table {
    color: var(--fis-ink);
    font-size: .82rem;
    margin-bottom: 0;
}

#content .table thead th {
    background: #f7f9fb !important;
    border-bottom: 1px solid var(--fis-line);
    border-top: 0;
    color: var(--fis-muted) !important;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
}

#content .table td,
#content .table th {
    border-color: var(--fis-line);
    padding: .8rem .75rem;
    vertical-align: middle;
}

#content .form-control,
#content .form-control-file {
    border-color: #d7dfe7;
    border-radius: 7px;
    color: var(--fis-ink);
    font-size: .85rem;
}

#content .form-control:focus {
    border-color: var(--fis-orange);
    box-shadow: 0 0 0 .18rem rgba(232, 121, 34, .14);
}

#sidebarToggle,
#sidebarToggleTop {
    color: var(--fis-orange);
}

@media (max-width: 768px) {
    .sidebar {
        width: auto !important;
    }

    .sidebar .sidebar-brand {
        justify-content: center !important;
        padding: 0;
    }

    .sidebar .sidebar-brand-text,
    .sidebar > p,
    #accordionSidebar .nav-link span {
        display: none !important;
    }

    #accordionSidebar .nav-item,
    #accordionSidebar .nav-link {
        max-width: 65px;
        overflow: hidden;
        width: 65px;
    }

    #accordionSidebar .nav-link {
        text-align: center;
    }

    .sidebar .nav-link i {
        margin-right: 0;
    }

    #content .topbar {
        padding: 0 16px;
    }

    #content .topbar .navbar-text {
        max-width: 52vw;
    }

    .admin-profile-copy {
        display: none;
    }

    .admin-profile-trigger {
        max-width: 48px;
    }

    .admin-avatar {
        margin-right: .2rem;
    }

    .admin-profile-menu {
        max-width: calc(100vw - 24px);
        min-width: 0;
        width: 240px;
    }

    #content .topbar .admin-profile-menu {
        max-width: calc(100vw - 24px) !important;
        width: 240px !important;
    }

    #content > .container-fluid {
        padding: 22px 16px 32px;
    }

    #content .card-body {
        padding: 1rem;
    }
}