.no-picture {
    height: 220px;
    background: #f9f9f9;
    width: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQYV2NkQAX/GZH4/xkYGBhhAmAOSBJEwDkgAQCCrgQEjpMcPgAAAABJRU5ErkJggg==) repeat;
}

@media (max-width: 767px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-collapse li {
        position: relative;
        background: white;
        border-bottom: 1px solid #e5e5e5;
    }
        .navbar-collapse li a.nav-link {
            padding-left: 10px;
            font-size: 12px;
        }
        .navbar-collapse li .dropDownIcon {
            display: block;
            position: absolute;
            right: 0;
            vertical-align: middle;
            top: 0;
            padding: 8px;
            text-align: center;
            width: 40px;
            color: #194049;
            border-bottom: 1px solid #e5e5e5;
        }
    .dropdown-toggle::after {
        display: none;
    }
    .navbar-collapse li .dropdown-menu {
        padding: 0;
        border-radius: 0;
    }
        .navbar-collapse li .dropdown-menu a {
            color: #194049;
            padding: 8px 20px;
        }
}

@media (min-width: 768px) {
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        padding: 0;
        background: #194049;
        border: 1px solid #f8f4ed;
    }
        .nav-item.dropdown:hover .dropdown-menu ul li {
            margin: 0;
            border-bottom: 1px solid #e5e5e5;
        }
            .nav-item.dropdown:hover .dropdown-menu ul li a {
                padding: 10px;
            }
}

@media (max-width: 778px) {
    .topNavigation {
        display: block;
    }
    .jumbotron, #spotlightPictureGallery ul li {
        height: 540px !important;
        min-height: 540px;
    }
}

.categoriesList .flexslider li.card {
    width: 210px !important;
}
.listFlex .flexslider li.card {
    width: 265px !important;
}

.navbar {
    padding: 0;
    width: 100%;
    background: #f8f4ed;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
    .navbar > .container,
    .navbar > .container-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
    }
.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}
    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
    .navbar-expand .navbar-nav {
        flex-direction: row;
    }
        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
        }
        .navbar-expand .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }
    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        flex-wrap: nowrap;
    }
    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand .navbar-toggler {
        display: none;
    }
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}
.navbar .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}
.navbar .navbar-nav .show > .nav-link,
.navbar .navbar-nav .active > .nav-link,
.navbar .navbar-nav .nav-link.show,
.navbar .navbar-nav .nav-link.active {
    font-weight: bold;
}
.navbar .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: #194049;
}
.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}
.home header {
    position: absolute;
    width: 100%;
    z-index: 3;
}
    .navbar .dropdown-menu {
        left: auto;
        right: 0;
    }
    .navbar li {
        list-style: none;
    }
    .navbar .navbar-brand {
        padding-top: 2px;
        padding-bottom: 5px;
    }

.topNavigation {
    overflow: hidden;
    padding-top: 5px;
    border-bottom: 1px solid rgba(245, 245, 245, 0.1);
    background: #194049;
}
    .topNavigation a {
        padding-left: 15px;
        color: #fff;
    }
#mainSlider .carousel-inner .carousel-item .carousel-image {
    height: 840px !important;
    min-height: 100vh;
}
.border-left-hr {
    border-left: 2px solid #194049;
    padding: 10px 0 5px 20px;
}
.slider-for-articles .slick-slide .card-body {
    height: 100%;
}
    .slider-for-articles .slick-slide .card-body .explore-button {
        position: absolute;
        bottom: 0;
    }
.slider-count-container {
    text-align: right;
    color: #194049;
    font-size: 14px;
    padding-top: 10px;
}
.slider-for-articles .slick-dots {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 66%;
    text-align: right;
    padding-right: 50px;
}
header .navbar img {
    transition: all 0.5s;
}
header .navbar.fixed-top .navbar-brand img {
    width: 100px;
}
header .navbar.fixed-top {
    position: fixed;
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto #194049;
}
.dropDownIcon {
    display: none;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus {
    background-color: #f8f4ed;
}
#ContactForm input {
    border: 2px solid #d5d2cb;
    border-radius: 0.25rem;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    width: 100%;
    background-color: transparent;
}
#ContactForm textarea {
    height: auto;
    border: 2px solid #d5d2cb;
    border-radius: 0.25rem;
    padding: .375rem .75rem;
    width: 100%;
    background-color: transparent;
}
#ContactForm button {
    width: 100%;
    height: calc(2.25rem + 2px);
}
.validation span {
    color: #e40707;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #006670;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #006670;
    border-color: #006670;
}
.contact-section {
    display: flex;
    justify-content: space-around;
    background-color: #194049;
    padding: 40px 20px;
    flex-wrap: wrap;
    border-radius: 0.25rem;
    width: 70%;
    justify-self: center;
}

.contact-box {
    max-width: 300px;
    margin: 10px;
    text-align: center;
    color: #f8f4ed;
}

    .contact-box .icon {
        font-size: 36px;
        margin-bottom: 10px;
        background-color: #bcd1d657;
        border-radius: 50px;
        width: 70px;
        justify-self: center;
    }

    .contact-box h3, .contact-box p {
        color: #f8f4ed;
    }

.form-section {
    width: 70%;
    justify-self: center;
    margin: 20px;
    background: white;
    padding: 40px 20px;
    border-radius: 0.25rem;
}
.document-price {
    color: #194049;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 600;
    background: white;
    border-radius: 25px;
    padding: 8px;
}
.jumbotron .videoCont {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    color: #fff;
}
.jumbotron video {
    min-width: 100% !important;
    min-height: 100% !important;
    width: auto !important;
    height: auto !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 35px;
    height: 35px;
}
.carousel-control-prev, .carousel-control-next {
    width: 8%;
    top: 160px;
}