body {
    color      : #373A3C;
    padding    : 0;
    margin     : 0;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-style : normal;
    font-size  : 1.125rem;
    line-height: 1.5;
    position   : relative;
}

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

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

::-webkit-scrollbar-thumb {
    width           : 1em;
    background-color: #161616;
    outline         : 1px solid #161616;
}

a,
a:active,
a:hover {
    position       : relative;
    text-decoration: none;
    color          : inherit;
}

a>span::before {
    content         : "";
    position        : absolute;
    left            : 0;
    bottom          : 0px;
    width           : 0%;
    height          : 1px;
    background-color: #0469ae;
    transition      : all 0.3s;
}

footer a>span::before {
    bottom          : 5px;
    background-color: #f8f9fa;
}

a:hover>span::before {
    width: 100%;
}

h1,
h2,
h3,
h4 {
    line-height: .95;
}

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

.openOverlay .navbar-collapse-md.navbar-toggler[aria-expanded="false"]+.navbar-toggler-close,
.openOverlay .navbar-collapse-md.navbar-toggler[aria-expanded="true"]+.navbar-toggler-close,
.openOverlay.displayMore .navbar-toggler,
.openOverlay.displaySearch .navbar-toggler,
.navbar-toggler[aria-expanded="true"] .fa-bars,
.navbar-toggler[aria-expanded="false"] .fa-times-circle {
    display: none;
}

.openOverlay.displayMore .navbar-collapse-md.navbar-toggler[aria-expanded="true"]+.navbar-toggler-close,
.openOverlay.displaySearch .navbar-collapse-md.navbar-toggler[aria-expanded="true"]+.navbar-toggler-close,
.openOverlay.displayMore .navbar-collapse-md.navbar-toggler[aria-expanded="false"]+.navbar-toggler-close,
.openOverlay.displaySearch .navbar-collapse-md.navbar-toggler[aria-expanded="false"]+.navbar-toggler-close,
.navbar-toggler[aria-expanded="false"] .fa-bars,
.navbar-toggler[aria-expanded="true"] .fa-times-circle {
    display: block;
}

.navbar-nav .nav-item+.nav-item {
    border-left-width: 1px;
    border-left-color: #D4D8DB;
    border-left-style: solid;
}

.list-group-item:first-child {
    border-top-left-radius : inherit;
    border-top-right-radius: inherit;
}

.navbar-nav .nav-link {
    font-size: .9em;
    cursor   : pointer;
}

.navbar-nav .nav-link.show,
.navbar-nav .nav-link:hover {
    color           : #f5f5f5 !important;
    background-color: #0469ae;
}

.navbar-nav.small .dropdown-menu {
    font-size: .875em !important;
    outline  : 0;
}

.navbar-nav.small .dropdown-item {
    transition: all ease-in .3s;
}

.navbar-nav.small .dropdown-item:focus,
.navbar-nav.small .dropdown-item:hover {
    color           : #f8f9fa;
    background-color: #0469ae;
    outline         : 0;
    padding-left    : 1.5em;
}

.navbar-nav.small .dropdown-item.active,
.navbar-nav.small .dropdown-item:active {
    color           : #f8f9fa;
    background-color: #0469ae;
    text-decoration : none;
}

.dropdown-menu {
    top                    : 97%;
    border                 : 0;
    border-top-left-radius : 0rem;
    border-top-right-radius: 0rem;
    transition             : all ease-in .3s;
    display                : none !important;
}

.dropdown-menu.show {
    display: block !important;
}

.nav-link.dropdown-toggle::after {
    font-family   : "Font Awesome 5 Free";
    font-style    : normal;
    font-weight   : 600;
    vertical-align: 0;
    margin-left   : .5em;
    border-top    : 0 solid;
    border-right  : 0 solid transparent;
    border-bottom : 0;
    border-left   : 0 solid transparent;
    transition    : all ease-in .3s;
}

.nav-link.dropdown-toggle::after {
    content: '\f107';
}

.nav-link.show.dropdown-toggle::after {
    content: '\f106';
}

.navbar-collapse-md .nav-link.dropdown-toggle::after {
    content: '\f105';
}

.navbar-collapse-md .nav-link.show.dropdown-toggle::after {
    content: '\f107';
}

.navbar-collapse-md div.d-flex,
.navbar-collapse-md .nav-item {
    border: 0 !important;
}

.navbar-collapse-md div.d-flex {
    margin-top: 1rem;
    border-top: 1px solid #0469ae !important;
}

.navbar-collapse-md div.d-flex a {
    text-transform: uppercase;
    font-size     : .875em;
}

.btn:focus {
    box-shadow: none;
    outline   : 0;
}

.btn.active:focus,
.btn.dropdown-toggle.show:focus,
.btn:active:focus {
    box-shadow: none;
    outline   : 0;
}

.btn {
    transition: all ease-in-out .3s;
}

.displaySearch~.spaceDashSearch,
.displayMore~.spaceDashMore {
    top       : 0;
    visibility: visible;
    opacity   : 1;
}

.openOverlay.displayMore .circle-more>.fa-times-circle,
.openOverlay.displaySearch .circle-search>.fa-times-circle,
.openOverlay .fa-search,
.openOverlay .fa-th-large {
    display: inline-block;
}

.openOverlay .circle-more>.fa-times-circle,
.openOverlay .circle-search>.fa-times-circle,
.openOverlay.displaySearch .fa-search,
.openOverlay.displayMore .fa-th-large {
    display: none;
}


.spaceDashMore,
.spaceDashSearch {
    opacity         : 0;
    position        : fixed;
    left            : 0;
    right           : 0;
    bottom          : 0;
    top             : -100%;
    background-color: #000000e6;
    transition      : all 0.3s;
    z-index         : 99999;
    visibility      : hidden;
}

.spaceDashMore .list-group-item {
    background-color: transparent;
}

.spaceDashMore .list-group-item a {
    position: relative;
    display : inline-block;
}

.spaceDashMore .list-group-item a span {
    color    : #f5f5f5 !important;
    font-size: .75em;
}

.spaceDashMore .list-group-item a span::before {
    top    : 0;
    height : 100%;
    z-index: -1;
}

.spaceDashMore .list-group-item a:hover span {
    color: #1e2125 !important;
}

.spaceDashMore .list-group-item a:hover span::before {
    background-color: #f5f5f5 !important;
    width           : 100%;
}

.displayMore .dashMore {
    background-color: #212529;
    color           : #f8f9fa !important;
}

.displaySearch .dashSearch {
    background-color: #212529;
    color           : #f8f9fa !important;
}

.icon::after {
    font-family: "Font Awesome 5 Free";
}

.spaceDashSearch .form-control+a::after {
    position   : absolute;
    right      : -2%;
    bottom     : 5px;
    transition : .3s;
    font-size  : 2em;
    font-style : normal;
    font-weight: 600;
    color      : #f8f9fa;
    content    : "\f002";
}

.spaceDashSearch .form-control {
    background   : none;
    border       : 0;
    border-bottom: 2px solid #f8f9fa;
    padding      : 10px;
    border-radius: 0;
    max-width    : 100%;
    font-weight  : 100;
    font-size    : 2em;
}

footer p {
    font-size    : .75em;
    margin-bottom: 0;
}

footer p,
footer a span {
    color: #f5f5f5b3;
}

footer a:hover span {
    color: #f5f5f5;
}

footer .border-top {
    border-color: rgba(245, 245, 245, 0.3) !important;
}

.openOverlay.displayMore~footer.footer,
.openOverlay.displaySearch~footer.footer,
.openOverlay.displaySearch~section.body,
.openOverlay.displayMore~section.body {
    display: none;
}

.carousel-item {
    overflow: hidden;
    position: relative;
    height  : 85vh;
    width   : 99.5vw;
}

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

.canvas-rect-lg {
    height: 300px;
}

.canvas-rect-sm {
    height: 150px;
}

.canvas-rect {
    height: 200px;
}

.canvas-square-feed {
    height: 80px;
    width : 80px;
}

.canvas-square-gallery {
    height: 200px;
}

.canvas-square-gallery-sm .canvas-square-gallery {
    height: 170px;
}

.carousel-caption {
    left  : 10%;
    right : 10%;
    bottom: auto;
}

.carousel-item img {
    filter        : brightness(.7);
    -webkit-filter: brightness(.7);
}

.canvas-square-feed img,
.canvas-square-gallery img,
.canvas-rect-sm img,
.canvas-rect-lg img,
.canvas-rect img,
.carousel-item img {
    position: absolute;
    display : block;
    width   : auto;
    margin  : auto;
    top     : -100%;
    right   : -100%;
    bottom  : -100%;
    left    : -100%;
}

.canvas-square-gallery img,
.canvas-rect-lg img,
.canvas-rect img {
    min-height: 100%;
    min-width : 100%;
    max-width : 200%;
    max-height: 200%;
}

.canvas-square-feed img {
    min-height: 100%;
    min-width : 100%;
    max-height: 150%;
    max-width : auto;
}

.canvas-rect-sm img {
    min-height: 100%;
    min-width : 100%;
    max-height: auto;
}

.canvas-square-gallery img {
    transition    : all ease-in-out .3s;
    filter        : brightness(1);
    -webkit-filter: brightness(1);
}

.canvas-square-gallery:hover img {
    filter        : brightness(.7);
    -webkit-filter: brightness(.7);
    max-width     : 100%;
}

.canvas-square-gallery .position-absolute {
    transition: all ease-in-out .3s;
    opacity   : 0;
}

.canvas-square-gallery:hover .position-absolute {
    opacity: 1;
}

.canvas-square-gallery span span {
    text-shadow: 1px 0px #1e2125
}

.canvas-square-gallery span span::before {
    content         : "";
    position        : absolute;
    left            : 0;
    bottom          : 0px;
    width           : 0%;
    height          : 2px;
    background-color: #f8f9fa;
    transition      : all ease-in-out .2s;
    box-shadow      : 1px 0px #1e2125;
}

.canvas-square-gallery:hover span>span::before {
    width: 100%;
}

.carousel-item img {
    min-height: 100%;
    min-width : 100%;
    max-width : 1000%;
    max-height: 200%;
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute !important;
}

.carousel-caption .display-4 {
    line-height   : 1;
    letter-spacing: -2px;
}

.form-control {
    transition: all ease-in-out .2s;
}

.form-control:focus {
    border-color: #212529;
}

label.small {
    font-size: .85em;
}

.form-check label.small {
    text-transform: uppercase;
    font-size     : 0.65em;
    color         : #636363;
    letter-spacing: 1px;
}

.form-check-input:checked {
    background-color: #41464b;
    border-color    : #41464b;
}

.form-check-input:focus {
    border-color: #636363;
    outline     : 0;
    box-shadow  : none;
}

.form-check-input {
    width     : .9em;
    height    : .9em;
    margin-top: .45em;
}

.feed p {
    font-size: 12px !important;
}

.scroll {
    height: 60vh;
}

.scroll-vertical .media {
    width: 50vw;
}

@media (max-width:576px) {
    .space-m {
        letter-spacing: -1px;
    }

    .carousel-item {
        height: 95vh;
    }

    .carousel-caption .display-4 {
        font-size     : 2.3rem;
        line-height   : 1;
        letter-spacing: -1px;
    }

    .carousel-caption {
        left : 10%;
        right: 10%;
    }

    .carousel-caption .lead {
        font-size  : 1rem;
        font-weight: 300;
    }
}

.space-m {
    letter-spacing: -4px;
}

.display-4 {
    line-height: 1;
}