/*--------------------------------------------------------------
    Title & Breadcrumb
--------------------------------------------------------------*/

.main-title-section-wrapper
{
    float: left;
    clear: both;

    width: 100%;
    margin: 0;
    padding: 80px 0 90px;
}

#header-wrapper .main-title-section-wrapper
{
    position: relative;
}

#header-wrapper.header-top-absolute .main-title-section-wrapper
{
    position: relative;

    overflow: hidden;
}

#header-wrapper.header-top-absolute .main-title-section-wrapper:before
{
    position: absolute;
    z-index: 1;
    z-index: 0;
    top: -9%;
    left: -22.5%;

    overflow: hidden;

    width: 1080px;
    height: 517px;
    margin: auto;

    content: '';

    background-color: #ffffff;

    -webkit-mask-image: url(../../images/breadcrumb-1.png);
            mask-image: url(../../images/breadcrumb-1.png);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: left top;
            mask-position: left top;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}

#header-wrapper.header-top-absolute .main-title-section-wrapper:after
{
    position: absolute;
    z-index: 1;
    z-index: -1;
    right: -8%;
    bottom: -67%;

    overflow: hidden;

    width: 398px;
    height: 423px;
    margin: auto;

    content: '';

    background-color: #ffffff;

    -webkit-mask-image: url(../../images/breadcrumb-2.png);
            mask-image: url(../../images/breadcrumb-2.png);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: right bottom;
            mask-position: right bottom;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}

.main-title-section
{
    position: relative;

    float: left;

    width: 100%;
    margin: 0;
    padding: 0;
}

.main-title-section h1
{
    font-size: calc(var(--mfxFontSize_H1) + 24px);

    margin: 0 0 5px;

    text-transform: none;
    word-break: break-all;
}

.breadcrumb
{
    font-size: inherit;
    font-weight: 500;

    float: left;
    clear: both;

    width: 100%;
    margin: 0;
    padding: 0;
}

.breadcrumb a:not(:focus)
{
    text-decoration: none;
}

.breadcrumb span:not(.current)
{
    display: inline-block;

    margin: 0 12px;
    padding: 0;
}

.breadcrumb .breadcrumb-default-delimiter:last-child
{
    display: none;
}

.main-title-section-wrapper .breadcrumb-default-delimiter:before
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 7px;
    height: 7px;

    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    vertical-align: middle;

    opacity: 1;
    background-color: var(--mfxPrimaryColor);
}

.main-title-section h1,
.breadcrumb
{
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;

        -ms-hyphens: auto;
}

.main-title-section-wrapper > .main-title-section-bg,
.main-title-section-wrapper > .main-title-section-bg:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100% !important;

    content: '';
    pointer-events: none;
}

.home #header-wrapper .main-title-section-wrapper
{
    display: none;
}

/*--------------------------------------------------------------
    Default Colors
--------------------------------------------------------------*/

.breadcrumb
{
    color: var(--mfxBodyTxtColor);
}

.main-title-section h1
{
    color: var(--mfxHeadAltColor);
}

.breadcrumb a
{
    color: var(--mfxHeadAltColor);
}

.breadcrumb span.current
{
    color: var(--mfxBodyTxtColor);
}

.main-title-section-wrapper > .main-title-section-bg:after
{
    background-color: rgba(var(--mfxTertiaryColorRgb),.05);
}


.main-title-section-wrapper.dark-bg-breadcrumb > .main-title-section-bg
{
    background-color: var(--mfxHeadAltColor);
}


.dark-bg-breadcrumb .main-title-section h1,
.dark-bg-breadcrumb .breadcrumb a,
.dark-bg-breadcrumb .breadcrumb span.current,
.dark-bg-breadcrumb .breadcrumb span:not(.current)
{
    color: var(--mfxAccentTxtColor);
}


.breadcrumb a:hover,
.dark-bg-breadcrumb .breadcrumb a:hover
{
    color: var(--mfxHeadAltColor);
}



/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/

/* Primary Color */
.breadcrumb a:hover
{
    color: var(--mfxSecondaryColor);
}


/*--------------------------------------------------------------
	Responsive
--------------------------------------------------------------*/

@media only screen and (min-width:1281px)
{
    .main-title-section-wrapper
    {
        padding: 80px 0 90px;
    }
}

@media only screen and (max-width: 1280px)
{
    .main-title-section-wrapper
    {
        padding: 45px 0 60px;
    }
}

@media only screen and (max-width: 768px)
{
    #header-wrapper.header-top-absolute .main-title-section-wrapper:before,
    #header-wrapper.header-top-absolute .main-title-section-wrapper:after
    {
        display: none;
    }

    .main-title-section h1
    {
        font-size: calc(var(--mfxFontSize_H2) + 10px);
    }

    .main-title-section,
    .main-title-section h1,
    .breadcrumb
    {
        text-align: center;
    }
}

/* Common Styles for the devices below 479px width */

@media only screen and (max-width: 479px)
{
    .main-title-section h1
    {
        font-size: calc(var(--mfxFontSize_H3) + 8px);
    }
}