@font-face {
    font-family: "Artifex CF";
    src: url("/css/yp/ArtifexCF-Regular.woff") format('woff');
}

@font-face {
    font-family: "Artifex CF";
    src: url("/css/yp/ArtifexCF-Regular.woff2") format('woff2');
    font-weight: bold;
}

@font-face {
    font-family: "Artifex CF";
    src: url("/css/yp/ArtifexCF-LightItalic.woff") format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Artifex CF";
    src: url("/css/yp/ArtifexCF-LightItalic.woff2") format('woff2');
    font-style: italic;
}

/*----------------------------------------------------------
#accent
----------------------------------------------------------*/
.style-accent-bg {
    background-color: #b49c76;
}
.btn-accent {
    color: #ffffff !important;
    background-color: #b49c76 !important;
    border-color: #b49c76 !important;
}
.btn-accent:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-accent:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-accent:not(.btn-hover-nobg):not(.icon-animated):active {
    background-color: transparent !important;
    border-color: #b49c76 !important;
}
.btn-accent.btn-flat:not(.btn-hover-nobg):hover, .btn-accent.btn-flat:not(.btn-hover-nobg):focus, .btn-accent.btn-flat:active {
    background-color: #a78f69 !important;
    border-color: #a78f69 !important;
}
.btn-accent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-accent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-accent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active {
    color: #b49c76 !important;
}
.btn-accent.btn-outline {
    background-color: transparent !important;
    border-color: #b49c76 !important;
}
.btn-accent.btn-outline:not(.btn-text-skin) {
    color: #b49c76 !important;
}
.btn-accent.btn-outline:not(.btn-hover-nobg):hover, .btn-accent.btn-outline:not(.btn-hover-nobg):focus, btn-accent.btn-outline:active {
    background-color: #b49c76 !important;
    border-color: #b49c76 !important;
}
.btn-accent.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, .btn-accent.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-accent.btn-outline:active {
    color: #ffffff !important;
}
.style-light .btn-accent.btn-text-skin.btn-outline, .style-light .btn-accent.btn-text-skin:not(.btn-outline):hover, .style-light .btn-accent.btn-text-skin:not(.btn-outline):focus, .style-light .btn-accent.btn-text-skin:not(.btn-outline):active {
    color: #313131 !important;
}
.style-light .btn-accent.btn-text-skin.btn-outline:hover, .style-light .btn-accent.btn-text-skin.btn-outline:focus, .style-light .btn-accent.btn-text-skin.btn-outline:active {
    color: #ffffff !important;
}
.style-light .style-dark .btn-accent.btn-text-skin.btn-outline, .style-light .style-dark .btn-accent.btn-text-skin:not(.btn-outline):hover, .style-light .style-dark .btn-accent.btn-text-skin:not(.btn-outline):focus, .style-light .style-dark .btn-accent.btn-text-skin:not(.btn-outline):active {
    color: #ffffff !important;
}
.style-light .style-dark .btn-accent.btn-text-skin.btn-outline:hover, .style-light .style-dark .btn-accent.btn-text-skin.btn-outline:focus, .style-light .style-dark .btn-accent.btn-text-skin.btn-outline:active {
    color: #313131 !important;
}
.text-accent-color {
    color: #b49c76 !important;
    fill: #b49c76 !important;
}
.border-accent-color {
    border-color: #b49c76 !important;
}
.tmb-overlay-gradient-top .style-accent-bg {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #b49c76 0%, rgba(180, 156, 118, 0) 50%) !important;
}
.tmb-overlay-gradient-bottom .style-accent-bg:not(.tmb-term-evidence) {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #b49c76 0%, rgba(180, 156, 118, 0) 50%) !important;
}


.animate-charcter
{
    text-transform: uppercase;
    background-image: linear-gradient(
        -225deg,
        #231557 0%,
        #44107a 29%,
        #ff1361 67%,
        #fff800 100%
        );
    background-image: linear-gradient(
        -225deg,
        #f713ff 0%,
        #ff13e0 29%,
        #ff1361 67%,
        #fff800 100%
        );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 3s linear infinite;
    display: inline-block;
    /*font-size: 50px;*/
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}