.c-layout-breadcrumbs-without-picture {
    margin-top: 0 !important;
}

@media (max-width: 991px) {
    .c-layout-breadcrumbs-without-picture {
        margin-top: 65px !important;
    }

    .c-layout-sidebar-menu {
        margin: 30px 0 0 0 !important;
    }
}

div.c-layout-breadcrumbs-1.c-no-subtitle .c-page-title {
    margin-top: 10px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active {
    background-color: #e3e3e3 !important;
}

.c-layout-breadcrumbs-1.c-bgimage ul li,
.c-layout-breadcrumbs-1.c-bgimage ul li a {
    color: #2f353b;
}

.c-layout-footer-6 {
    padding-top: 0 !important;
}

.cbp-filter-item.cbp-filter-item {
    padding: 0 !important;
}

.cbp-filter-item.cbp-filter-item a {
    display: inline-block;
    padding: 0 12px;
}

.yf-color-recommendation {
    color: #6fba33;
}

.yf-bg-color-recommendation {
    background-color: #6fba33;
}

@media (min-width: 992px) {
    .c-layout-header.c-layout-header-4.c-bordered {
        box-shadow: 0px 3px 9px -4px rgba(0, 0, 0, 0.25);
    }
}

.c-layout-sidebar-menu thead .datepicker-switch {
    font-weight: 300 !important;
    font-size: 14px !important;
}

.c-layout-sidebar-menu thead th.dow {
    font-weight: 300 !important;
    font-size: 12px !important;
}

.c-layout-sidebar-menu .datepicker table tr td.day {
    border-radius: 0 !important;
    background: #efefef;
    font-size: 14px;
    padding: 5px 7px !important;
}

.c-layout-sidebar-menu .datepicker table tr td.today,
.c-layout-sidebar-menu .datepicker table tr td.active.day{
    background: #000 none !important;
    color: #fff;
    font-weight: 600 !important;
}

.c-layout-sidebar-menu .datepicker table {
    border-spacing: 5px !important;
    border-collapse: separate;
}

.c-layout-sidebar-menu .datepicker .datepicker-months table tr td span.month.active,
.c-layout-sidebar-menu .datepicker .datepicker-years table tr td span.year.active,
.c-layout-sidebar-menu .datepicker .datepicker-decades table tr td span.decade.active,
.c-layout-sidebar-menu .datepicker .datepicker-centuries table tr td span.century.active {
    background: #000 none !important;
    color: #fff;
    font-weight: 600 !important;
}

.c-layout-sidebar-menu .datepicker-inline {
    width: 231px !important;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991px) {
    #datetimepicker {
        text-align: center;
    }

    #datetimepicker .datepicker-inline {
        display: inline-block;
    }
}

a.highlighted:hover {
    text-decoration: underline;
}

a.not-highlighted:after,
#map a:after{
    content: "";
    content: none;
}

@media (min-width: 992px) {
    .c-layout-sidebar-menu .move-down-on-desktop {
        margin-top: 100px;
    }
}

#sidebar-menu-1 {
    border: none !important;
}

@media (max-width: 991px) {
    .c-bgimage .c-page-title, .c-bgimage .c-page-breadcrumbs {
        background-color: rgba(255, 255, 255, 0.75);
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 10px !important;
    }
    .c-bgimage .c-page-breadcrumbs li, .c-bgimage .c-page-breadcrumbs li a {
        font-size: 12px !important;
    }
}

@media (min-width: 1290px) {
    .c-layout-breadcrumbs-1.c-bgimage {
        padding: 0 0 !important;
    }
    .c-bgimage .c-layout-header-pic-gradient {
        padding: 80px 0 !important;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&1+15,0+35,0+65,1+85 */
        background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 35%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 65%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,0) 35%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 65%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,0) 35%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 65%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

        max-width: 1800px;
        top: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .c-bgimage .c-page-breadcrumbs li, .c-bgimage .c-page-breadcrumbs li a {
        font-size: 14px !important;
    }
    .c-bgimage .c-page-breadcrumbs li, .c-bgimage .c-page-breadcrumbs li a {
        text-shadow: -10px 0 30px rgba(255, 255, 255, 1),
            0 -1px 30px rgba(255, 255, 255, 1),
            1px 0 30px rgba(255, 255, 255, 1),
            0 -1px 50px rgba(255, 255, 255, 1);
    }
    .c-bgimage .c-page-tile{
        text-shadow: -2px 0 50px rgba(255, 255, 255, 1),
        0 -2px 50px rgba(255, 255, 255, 1),
        3px 0 50px rgba(255, 255, 255, 1),
        0 -3px 50px rgba(255, 255, 255, 1);
    }
}

.c-layout-sidebar-menu header h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}

footer.c-layout-footer.c-layout-footer-3 {
    margin-top: 60px !important;
}

div.header-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 499;
    background: no-repeat center center;
    background-size: cover;
    opacity: 0;
    transition: opacity 1.5s;
    margin-left: auto;
    margin-right: auto;
    left: 0; right: 0;
    max-width: 1400px;
}

div.c-layout-breadcrumbs-1.c-bgimage {
    position: relative;
    background-color: #fff;
}

div.c-layout-header-pic-gradient {
    position: relative;
    z-index: 500;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* about us */

@media (min-width: 1200px) {
    .c-content-box.yf-about-us .col-md-8 {
        text-align: right;
    }

    .c-content-box.yf-about-us iframe {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .c-content-box.yf-about-us iframe {
        width: 100% !important;
    }
}

@media (max-width: 500px) {
    .c-content-box.yf-about-us iframe {
        width: 100% !important;
        height: 240px;
    }
}

@media (max-width: 991px) {
    .c-content-box.yf-about-us .col-md-4 {
        padding-right: 0 !important;
    }

    .c-content-box.yf-about-us .col-md-4 .c-content-media-1 {
        min-height: unset !important;
    }

    .c-content-box.yf-about-us .col-md-8 {
        padding-left: 0 !important;
    }
}

.yf-login-backlink {
    float: right;
    margin-top: 10px;
}

@media (max-width: 500px) {
    .yf-login-backlink {
        float: left !important;
        margin-top: 25px;
        width: 100%;
    }
}


.yf-responsive-youtube-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .yf-responsive-youtube-container {
        padding-bottom: 68%;
    }
}

.yf-responsive-youtube-container iframe,
.yf-responsive-youtube-container object,
.yf-responsive-youtube-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.yf-about-us .col-md-4 .c-content-media-1 p {
    line-height: unset;
}

.team-widget-list .c-content-person-1 {
    width: 100% !important;
}


.c-layout-breadcrumbs-1 .c-page-title h4 {
    max-width: 515px;
    font-size: 13px !important;
}

.c-layout-breadcrumbs-1.c-bgimage .c-page-breadcrumbs {
    margin-top: 3px;
}

.c-layout-breadcrumbs-1.c-subtitle .c-page-breadcrumbs {
    margin-top: 0;
}

.c-bgimage .c-page-breadcrumbs li, .c-bgimage .c-page-breadcrumbs li a {
    font-size: 14px;
}

@media (max-width: 991px) {
    .yf-main-content-container.yf-sidebar-mobile-below-content {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-flex-flow: column-reverse !important;
        flex-flow: column-reverse !important;
    }
}

@media (min-width: 992px) {
    .yf-main-content-container .c-layout-sidebar-menu div.c-content-media-1-slider {
        clear: both;
    }
}

/** barrier free components **/

/** usage
    <span class="feature-beta-label c-font-sbold c-margin-b-20">BETA</span>
 */

.feature-beta-label {
    display: flex;
    width: 94px;
    height: 37px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: linear-gradient(150deg, #FFE500 52.26%, #F7D843 59.5%, #EFCB89 69.73%, #EAC2B9 73.96%, #E5BAE5 85.52%);
    color: #264F52;
}

.feature-new-label {
    display: flex;
    width: 94px;
    height: 37px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: linear-gradient(150deg, #E5BAE5 52.26%, #EAC2B9 63.82%, #EFCB89 68.05%, #F7D843 78.28%, #FFE500 85.52%);
    color: #264F52;
}