body {
    font-family: 'Poppins' !important;
}
a,
a:hover,
a:active {
    text-decoration: none !important;
    color          : initial;
}

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    width     : 7px;
    background: #dfdfdf;
}

::-webkit-scrollbar-thumb {
    width           : 7px;
    border-radius   : 10px;
    background-color: #161616;
    outline         : none;
}

.canvas {
    overflow: hidden;
    position: relative;
}

.canva-logo {
    height: 10vh;
}

.canva-logo img {
    position: absolute;
    display : block;
    width   : auto;
    height  : auto;
    margin  : auto;
    top     : -100%;
    bottom  : -100%;
    left    : -100%;
    right   : -100%;
}

.canva-logo img {
    min-height: 100%;
    max-height: 100%;
    max-width : 150%;
}

nav a {
    font-size: 14px;
}

nav a.nav-link {
    color      : #ae1008;
    font-weight: 500;
}

.dropdown-menu {
    top                    : 95%;
    border                 : 1px solid rgba(0, 0, 0, 0);
    border-radius          : .25rem;
    border-top-right-radius: 0;
    border-top-left-radius : 0;
    box-shadow             : 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.dropdown-toggle::after {
    margin-left: 0;
    border     : 0;
}

.dropdown-item {
    font-size     : 12px !important;
    font-weight   : normal;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.dropdown-item.active,
.dropdown-item:active {
    color           : inherit;
    background-color: transparent;
}

nav a.nav-link:hover,
nav a.nav-link:focus,
nav a.nav-link.show,
nav a.nav-link.show:hover,
nav a.nav-link.show:focus,
.dropdown-item:focus,
.dropdown-item:hover {
    color           : #f9f9f9 !important;
    background-color: #ae1008;
}

.navbar-brand {
    font-size     : 12px !important;
    letter-spacing: .2rem;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-size : 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiA8Zz4KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+CiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iIzliOWQ5ZSIgaWQ9InN2Z18xIiBkPSJtNDQzLjYsMzg3LjFsLTEzMS4yLC0xMzEuN2wxMzEuNSwtMTMwYzUuNCwtNS40IDUuNCwtMTQuMiAwLC0xOS42bC0zNy40LC0zNy42Yy0yLjYsLTIuNiAtNi4xLC00IC05LjgsLTRjLTMuNywwIC03LjIsMS41IC05LjgsNGwtMTMwLjksMTI5LjZsLTEzMS4xLC0xMjkuNWMtMi42LC0yLjYgLTYuMSwtNCAtOS44LC00Yy0zLjcsMCAtNy4yLDEuNSAtOS44LDRsLTM3LjMsMzcuNmMtNS40LDUuNCAtNS40LDE0LjIgMCwxOS42bDEzMS41LDEzMGwtMTMxLjEsMTMxLjZjLTIuNiwyLjYgLTQuMSw2LjEgLTQuMSw5LjhjMCwzLjcgMS40LDcuMiA0LjEsOS44bDM3LjQsMzcuNmMyLjcsMi43IDYuMiw0LjEgOS44LDQuMWMzLjUsMCA3LjEsLTEuMyA5LjgsLTQuMWwxMzAuNiwtMTMxLjJsMTMwLjcsMTMxLjFjMi43LDIuNyA2LjIsNC4xIDkuOCw0LjFjMy41LDAgNy4xLC0xLjMgOS44LC00LjFsMzcuNCwtMzcuNmMyLjYsLTIuNiA0LjEsLTYuMSA0LjEsLTkuOGMtMC4xLC0zLjYgLTEuNiwtNy4xIC00LjIsLTkuN3oiLz4KIDwvZz4KPC9zdmc+");
}

video {
    object-fit        : cover;
    width             : 100vw;
    height            : 100vh;
    position          : fixed;
    top               : 0;
    left              : 0;
    z-index           : -99;
    -webkit-transition: opacity 500ms ease 350ms, visibility 0ms 1s;
    -o-transition     : opacity 500ms ease 350ms, visibility 0ms 1s;
    transition        : opacity 500ms ease 350ms, visibility 0ms 1s;
}

.carousel-caption {
    display        : flex;
    flex-direction : column;
    justify-content: center;
    top            : 0;
    text-align     : left;
}


.canva-square {
    height                 : 200px;
    border-top-left-radius : .2rem;
    border-top-right-radius: .2rem;
}

.canva-section {
    height: 250px;
}

.canva-strech {
    height: 300px;
}

.canva-avatar-lg {
    height: 150px;
    width : 150px;
}

.canva-slide-img {
    height: 70vh;
}

.canva-slide-img div,
.canva-slide-img img,
.canva-section img,
.canva-avatar-lg img,
.canva-square img,
.canva-strech img {
    position: absolute;
    top     : -100%;
    bottom  : -100%;
    left    : -100%;
    right   : -100%;
    margin  : auto;
    width   : auto;
    height  : auto;
}

.canva-slide-img img,
.canva-section img,
.canva-avatar-lg img,
.canva-square img,
.canva-strech img {
    min-width : 100%;
    min-height: 100%;
    max-width : 150%;
    max-height: 150%;
}

.canva-section img,
.canva-slide-img img {
    max-height: 200%;
    max-width : 200%;
}

.canva-section img,
.canva-strech img {
    max-height: 300%;
}

/* .canva-section img, */
.canva-slide-img div {
    background-color: #00000033;
    background-image: linear-gradient(to right, #0000ff99, #00000000);
}

.alert-dismissible {
    padding: 0;
}

.alert-dismissible .btn-close {
    background-color: white;
}

.breadcrumb-item {
    padding         : 1rem 0;
    background-color: #e6e6e6;
}

.breadcrumb-item a {
    color: #ff4400;
}

.breadcrumb-item:first-child {
    padding-left: 1rem;
}

.breadcrumb-item:last-child {
    padding-right: 1rem;
    /* color     : #ff8c00; */
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-left : .6rem;
    padding-right: .6rem;
}

a span,
.btn.btn-sm span {
    position  : relative;
    font-size : 12px;
    color     : #afafaf;
    transition: ease-in .2s;
}

.span-s span {
    position  : relative;
    transition: ease-in .2s;
}

.social-div,
.social-div a span,
.social-div a i {
    color: #ffffffcc;
}

.social-div a i {
    font-size: 14px;
}

.span-s span::before,
a span:before,
.btn>span:before {
    position        : absolute;
    left            : 0;
    bottom          : -.2rem;
    height          : 1px;
    background-color: #afafaf;
    width           : 50%;
    content         : '';
    transition      : ease-in .2s;
}

.span-s span::before {
    height          : .2rem;
    border-radius   : .2rem;
    bottom          : 0rem;
    width           : 25%;
    background-color: #282d32;
}

.social-div a span:before {
    bottom: -.1rem;
    color : #ffffffcc;
}

a:hover span,
.btn.btn-sm:hover span {
    color: #2a2a2a;
}

.social-div a:hover span,
.social-div a:hover i {
    color: #ffff00;
}

a:hover span:before,
.btn.btn-sm:hover span:before {
    background-color: #2a2a2a;
    width           : 100%;
}

.social-div a:hover span:before {
    background-color: #ffff00;
}

.ls-1 {
    letter-spacing: .1rem;
}

.stack-image {
    position: relative;
    overflow: hidden;
}

.stack-image-inner {
    position        : absolute;
    bottom          : 0;
    left            : 0;
    right           : 0;
    height          : 0%;
    background-color: #00000080;
    background-image: linear-gradient(#00000000, #00000066, #000000bb, #000000dd);
    transition      : ease-in-out .4s;
    color           : #ffffff;
    filter          : blur(0px);
}

.stack-image:hover .stack-image-inner {
    height: 100%;
}

.stack-image .stack-image-inner hr {
    margin-bottom: 5rem !important;
    transition   : ease-in .4s;
    opacity      : 1;
}

.stack-image:hover .stack-image-inner hr {
    margin-bottom: .25rem !important;
}

.stack-image .stack-image-inner h4 {
    transition: ease-in .4s;
}

.stack-image:hover .stack-image-inner h4 {
    color: #ffff00;
}

.stack-image .btn.btn-sm:hover span {
    color: #ffff00;
}

.stack-image .btn.btn-sm:hover span:before {
    background-color: #ffff00;
}

a[role='slide'] span::before {
    background-color: transparent;
}

@media (max-width: 992px) {
    nav a {
        font-size: 12px !important;
    }
}

@media (max-width: 768px) {
    nav a {
        font-size: 14px !important;
    }

    .canva-slide-img {
        height: 90vh;
    }

    .canva-slide-img img {
        max-width: 350%;
    }

    .canva-section {
        height: 200px;
    }

}

/* Footer */
.map-clean {
    color           : #313437;
    background-color: #fff;
}

.map-clean p:last-child {
    font-size: 28px;
}

.map-clean hr {
    border-width: 3px;
}

.map-clean h2 {
    font-weight  : bold;
    margin-bottom: 20px;
    padding-top  : 40px;
    color        : inherit;
}

@media (max-width:767px) {
    .map-clean h2 {
        margin-bottom: 25px;
        padding-top  : 25px;
        font-size    : 24px;
    }
}

.map-clean .intro {
    font-size: 16px;
    max-width: 500px;
    margin   : 0 auto 40px;
}

.map-clean iframe {
    background-color: #eee;
}


.footer-dark {
    padding         : 50px 0;
    color           : #f0f9ff;
    background-color: #282d32;
}

.footer-dark h3 {
    margin-top   : 0;
    margin-bottom: 12px;
    font-weight  : bold;
    font-size    : 16px;
}

.footer-dark ul {
    padding      : 0;
    list-style   : none;
    line-height  : 1.6;
    font-size    : 14px;
    margin-bottom: 0;
}

.footer-dark ul a {
    color          : inherit;
    text-decoration: none;
    opacity        : 0.6;
}

.footer-dark ul a:hover {
    opacity: 0.8;
}

@media (max-width:767px) {
    .footer-dark .item:not(.social) {
        text-align    : center;
        padding-bottom: 20px;
    }
}

.footer-dark .item.text {
    margin-bottom: 36px;
}

@media (max-width:767px) {
    .footer-dark .item.text {
        margin-bottom: 0;
    }
}

.footer-dark .item.text p {
    opacity      : 0.6;
    margin-bottom: 0;
}

.footer-dark .item.social {
    text-align: center;
}

@media (max-width:991px) {
    .footer-dark .item.social {
        text-align: center;
        margin-top: 20px;
    }
}

.footer-dark .item.social>a {
    font-size    : 20px;
    width        : 36px;
    height       : 36px;
    line-height  : 36px;
    display      : inline-block;
    text-align   : center;
    border-radius: 50%;
    box-shadow   : 0 0 0 1px rgba(255, 255, 255, 0.4);
    margin       : 0 8px;
    color        : #fff;
    opacity      : 0.75;
}

.footer-dark .item.social>a:hover {
    opacity: 0.9;
}

.footer-dark .copyright {
    text-align   : center;
    padding-top  : 24px;
    opacity      : 0.3;
    font-size    : 13px;
    margin-bottom: 0;
}

blockquote {
    margin     : 1rem 0;
    color      : #887b76;
    padding    : 1rem 1rem 1rem 1.5em;
    position   : relative;
    font-style : italic;
    background : #f6f6f5;
    line-height: 1.5em;
}

blockquote:after,
blockquote:before {
    left    : 0;
    content : '';
    position: absolute;
}

blockquote::before {
    top       : 0;
    bottom    : 0;
    width     : 6px;
    background: #887b76;
}

blockquote::after {
    top          : 45%;
    margin-left  : -7px;
    display      : block;
    height       : 0;
    width        : 0;
    border-top   : 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right : 7px solid #887b76;
}

blockquote p {
    margin-bottom: 0;
}

a:active span::before,
a.active span::before {
    background-color: #2a2a2a;
    width           : 100%;
}

.list-group-item a.active span {
    color: #f83838;
}

.content-attachments .list-group-item {
    padding    : 1.25em 5.2em 1.25em 90px;
    color      : #887b76;
    border     : 2px solid #887b76 !important;
    background : transparent;
    box-shadow : inset 68px 0 0 0 #837671;
    transition : all 750ms ease;
    font-weight: normal;
    font-size  : 1.0625em;
}

.content-attachments .list-group-item:hover span {
    color: #ebebeb;
}

.content-attachments .list-group-item span::before {
    background-color: transparent;
}

.content-attachments .list-group-item::before {
    top       : 0;
    left      : 0;
    bottom    : 0;
    width     : 68px;
    content   : '';
    background: #887b76;
    position  : absolute;
    transition: ease-in-out .2s;
}

.content-attachments .list-group-item:hover:before {
    width: 100%;
}

.content-attachments .list-group-item::after {
    font-family: "Font Awesome 5 Free";
    font-style : normal;
    font-weight: 600;
    line-height: 1;
}

.content-attachments .list-group-item::after {
    content   : '';
    color     : #FFF;
    content   : "\f381";
    font-size : 14px;
    text-align: center;
    left      : 0;
    top       : 50%;
    width     : 68px;
    position  : absolute;
    margin-top: -0.5em;
}

.content-attachments .list-group-item::after {
    font-family: "Font Awesome 5 Free";
    font-style : normal;
    font-weight: 600;
    line-height: 1;
}

.nav-tabs .nav-link {
    background-color  : #fff;
    border-width      : 2px;
    -webkit-transition: all 350ms ease;
    -o-transition     : all 350ms ease;
    transition        : all 350ms ease;
}

.nav-tabs .nav-link.active {
    color           : #ffffff;
    border          : 2px solid #7e726e;
    background-color: #7e726e;
}

.nav-tabs .nav-link {
    border-top-left-radius : 0rem;
    border-top-right-radius: 0rem;
}