/* Minification failed. Returning unminified contents.
(1942,1): run-time error CSS1019: Unexpected token, found '@import'
(1942,9): run-time error CSS1019: Unexpected token, found ''https://fonts.googleapis.com/css?family=Marck+Script''
(1943,1): run-time error CSS1019: Unexpected token, found '@import'
(1943,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Fira+Mono')'
 */
/* latin */
@font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Serif'), local('DroidSerif'), url(https://fonts.gstatic.com/s/droidserif/v6/0AKsP294HTD-nvJgucYTaI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Sans'), local('DroidSans'), url(https://fonts.gstatic.com/s/droidsans/v6/s-BiyweUPV0v-yRb-cjciPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
    font-family: 'Josefin Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Josefin Slab'), local('JosefinSlab'), url(https://fonts.gstatic.com/s/josefinslab/v6/46aYWdgz-1oFX11flmyEfegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
    font-family: 'Josefin Slab';
    font-style: italic;
    font-weight: 700;
    src: local('Josefin Slab Bold Italic'), local('JosefinSlab-BoldItalic'), url(https://fonts.gstatic.com/s/josefinslab/v6/af9sBoKGPbGO0r21xJuly0cqRxak6Wc5LUVz-l064SE.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.talkify-inline {
    display: inline-block;
}

.talkify-hidden {
    display: none !important;
}

.talkify-clickable {
    cursor: pointer;
}

.talkify-text-left {
    text-align: left !important;
}

button.talkify-clickable {
    font-size: 16px;
}

.talkify-flag {
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.talkify-control-center.attached .talkify-detached {
    display: none !important;
}

.talkify-control-center.detached .talkify-attached {
    display: none !important;
}

.talkify-control-center progress {
    cursor: pointer;
}

.talkify-columns {
    flex-direction: column;
}

.talkify-enhanced-word-highligher {
    padding: 20px;
    font-size: 25px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #bbdf87;
    text-align: center;
    border-top: 2px solid #424242;
}

    .talkify-enhanced-word-highligher p {
        margin: 0;
    }

.talkify-highlight {
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    -ms-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.talkify-control-center.modern.attached {
    left: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100%;
}

.talkify-control-center.modern.detached {
    top: 85vh;
    left: 50px;
    width: 275px;
}

    .talkify-control-center.modern.detached .player-settings ul {
        font-size: 13px;
    }

        .talkify-control-center.modern.detached .player-settings ul i {
            font-size: 13px;
        }

    .talkify-control-center.modern.detached span {
        font-size: 13px;
    }

.talkify-control-center.modern {
    position: fixed;
    z-index: 100;
}

    .talkify-control-center.modern button {
        cursor: pointer;
        padding: 10px;
        outline: none;
    }

    .talkify-control-center.modern ul {
        padding: 0;
        margin: 0;
    }

    .talkify-control-center.modern label {
        cursor: pointer;
    }

    .talkify-control-center.modern ul.player-controls {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .talkify-control-center.modern .talkify-playback-controls {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .talkify-control-center.modern .player-controls li {
        font-size: 14px;
    }

    .talkify-control-center.modern .player-controls li {
        list-style: none;
    }

    .talkify-control-center.modern .player-controls > li {
        text-align: center;
        padding: 10px;
    }

    .talkify-control-center.modern .player-controls > li {
        width: 50%;
    }

        .talkify-control-center.modern .player-controls > li:first-child,
        .talkify-control-center.modern .player-controls > li:last-child {
            width: 25%;
        }

    .talkify-control-center.modern.detached .player-controls > li {
        width: 70%;
    }

        .talkify-control-center.modern.detached .player-controls > li:first-child {
            width: 30%;
        }


    .talkify-control-center.modern .player-settings {
        position: relative;
        display: inline-block;
    }

        .talkify-control-center.modern .player-settings > ul {
            display: none;
        }

        .talkify-control-center.modern .player-settings #player-settings-toggle:checked + ul {
            display: block;
        }

        .talkify-control-center.modern .player-settings input[type=range] {
            width: 130px;
        }

        .talkify-control-center.modern .player-settings select {
            border: none;
            width: 150px;
            background: transparent;
            font-size: 13px;
        }

        .talkify-control-center.modern .player-settings ul {
            position: absolute;
            bottom: 53px;
        }

            .talkify-control-center.modern .player-settings ul li {
                display: flex;
                align-items: center;
                line-height: normal;
            }

            .talkify-control-center.modern .player-settings ul button {
                border-radius: 0;
            }

    .talkify-control-center.modern.attached .player-settings ul li > * {
        padding: 10px;
    }

    .talkify-control-center.modern.detached .player-settings ul li > * {
        padding: 7px;
    }

    .talkify-control-center.modern.attached .player-settings ul button {
        width: 42px;
        height: 42px;
    }

    .talkify-control-center.modern.detached .player-settings ul button {
        width: 32px;
        height: 32px;
    }

    .talkify-control-center.modern .player-settings .pitch-icon {
        transform: rotate(-45deg);
    }

    .talkify-control-center.modern progress {
        width: 100%;
        height: 5px;
        border: none;
        display: block;
    }

    .talkify-control-center.modern button {
        text-align: center;
        border: none;
        font-size: 16px;
        background-color: transparent;
    }

    .talkify-control-center.modern .talkify-audio-loading {
        position: relative;
    }

        .talkify-control-center.modern .talkify-audio-loading::after, .talkify-control-center.modern .talkify-audio-loading::before {
            content: '';
            width: 35px;
            height: 35px;
            border-radius: 50%;
            border: 2px solid;
            position: absolute;
            left: 0;
            top: 0;
            transform: scale(0);
        }

        .talkify-control-center.modern .talkify-audio-loading::after {
            animation-name: loading-pulse;
            animation-duration: 1s;
            animation-iteration-count: infinite;
            animation-delay: 0.25s;
        }

        .talkify-control-center.modern .talkify-audio-loading::before {
            animation-name: loading-pulse;
            animation-duration: 1s;
            animation-iteration-count: infinite;
        }

    .talkify-control-center.modern button.talkify-play-button,
    .talkify-control-center.modern .talkify-audio-error,
    .talkify-control-center.modern .talkify-audio-loading,
    .talkify-control-center.modern .talkify-pause-button {
        border-radius: 100%;
        height: 40px;
        width: 40px;
        font-size: 18px;
        margin: 0 10px;
    }

    .talkify-control-center.modern li {
        vertical-align: middle;
    }

    .talkify-control-center.modern .talkify-voice-selector {
        margin-left: auto;
        position: relative;
    }

        .talkify-control-center.modern .talkify-voice-selector > label {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

    .talkify-control-center.modern .player-settings li:hover {
        filter: brightness(90%);
        cursor: pointer;
    }

    .talkify-control-center.modern .talkify-voice-selector input[type=checkbox]:checked + .voice-selector {
        display: block;
    }

    .talkify-control-center.modern.attached .talkify-voice-selector {
        text-align: right;
    }

    .talkify-control-center.modern .talkify-voice-selector i {
        /* font-size: 17px; */
        padding: 5px;
    }

    .talkify-control-center.modern.attached .talkify-voice-selector span {
        margin-right: 5px;
        vertical-align: middle;
    }

    .talkify-control-center.modern .voice-selector > li {
        display: block;
        padding: 5px;
        text-align: left;
        transition: all 0.5s;
    }

    .talkify-control-center.modern .voice-selector li input[type=checkbox]:checked + .language {
        display: block;
    }

    .talkify-control-center.modern .voice-selector .language {
        display: none;
        padding: 0;
    }

        .talkify-control-center.modern .voice-selector .language > li {
            margin: auto;
            padding: 2px 5px;
            display: flex;
            align-items: center;
        }

            .talkify-control-center.modern .voice-selector .language > li > div:last-of-type {
                margin-left: auto;
            }

    .talkify-control-center.modern .voice-selector {
        padding: 0;
        ;
        margin: 0;
        position: absolute;
        bottom: 45px;
        right: 0;
        width: 200px;
        max-height: 500px;
        overflow-y: auto;
        display: none;
        box-sizing: border-box;
        border-width: 2px;
        border-style: solid;
        border-bottom-style: none;
    }

        /* width */
        .talkify-control-center.modern .voice-selector::-webkit-scrollbar {
            width: 10px;
        }


    /* Sliders */
    .talkify-control-center.modern .volume-slider, .talkify-control-center.modern .rate-slider {
        position: absolute;
        left: 0;
        top: 20px;
        padding: 5px;
        display: none;
    }

    .talkify-control-center.modern .talkify-volume-button:focus .volume-slider,
    .talkify-control-center.modern .talkify-volume-button:active .volume-slider,
    .talkify-control-center.modern .talkify-volume-slider:hover,
    .talkify-control-center.modern .talkify-rate-button:focus .rate-slider,
    .talkify-control-center.modern .talkify-rate-button:active .rate-slider,
    .talkify-control-center.modern .talkify-rate-slider:hover {
        display: block;
        left: 18px;
        transform: rotate(-90deg);
        transform-origin: left;
    }

    .talkify-control-center.modern .talkify-volume-button, .talkify-control-center.modern .talkify-rate-button {
        position: relative;
    }

    .talkify-control-center.modern input[type=range] {
        /*removes default webkit styles*/
        -webkit-appearance: none;
        /*required for proper track sizing in FF*/
        width: 100px;
        background: transparent;
        border: 0;
        padding: 0;
        outline: none;
    }

    .talkify-control-center.modern .volume-slider,
    .talkify-control-center.modern .rate-slider {
        padding: 10px;
    }

    .talkify-control-center.modern input[type=range]::-webkit-slider-runnable-track {
        height: 10px;
        border: none;
    }

    .talkify-control-center.modern.detached input[type=range]::-webkit-slider-runnable-track {
        height: 5px;
    }

    .talkify-control-center.modern input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 20px;
        width: 10px;
        margin-top: -5px;
    }

    .talkify-control-center.modern.detached input[type=range]::-webkit-slider-thumb {
        margin-top: -2.5px;
    }

    .talkify-control-center.modern.detached input[type=range]::-webkit-slider-thumb {
        height: 10px;
    }

    .talkify-control-center.modern input[type=range]:focus {
        outline: none;
    }

    .talkify-control-center.modern input[type=range]::-moz-range-track {
        width: 100%;
        height: 5px;
        border: none;
    }

    .talkify-control-center.modern input[type=range]::-moz-range-thumb {
        border: none;
        height: 12px;
        width: 12px;
    }

    /*hide the outline behind the border*/
    .talkify-control-center.modern input[type=range]:-moz-focusring {
        outline: 1px solid white;
        -ms-outline-offset: -1px;
        outline-offset: -1px;
    }

    .talkify-control-center.modern input[type=range]::-ms-track {
        width: 75px;
        height: 3px;
        /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
        background: transparent;
        /*leave room for the larger thumb to overflow with a transparent border */
        border-color: transparent;
        border-width: 6px 0;
    }

    .talkify-control-center.modern input[type=range]::-ms-fill-lower {
        border-radius: 10px;
    }

    .talkify-control-center.modern input[type=range]::-ms-fill-upper {
        border-radius: 10px;
    }

    .talkify-control-center.modern input[type=range]::-ms-thumb {
        border: none;
        height: 12px;
        width: 12px;
        -ms-border-radius: 50%;
        border-radius: 50%;
        margin-top: -1px;
    }

/* end sliders */
@keyframes loading-pulse {
    from {
        transform: scale(0);
        opacity: 1;
    }

    to {
        transform: scale(1);
        opacity: 0;
    }
}

@media screen and (max-device-width : 640px), only screen and (max-width : 640px) {
    .talkify-download-button.desktop, .talkify-download-loading.desktop, .talkify-download-error.desktop {
        display: none !important;
    }
}

@media (min-width: 641px) {

    .talkify-download-button.mobile {
        display: none !important;
    }
}

.talkify-disabled {
    color: #ffffff42 !important;
}

    .talkify-disabled i {
        filter: opacity(0.4);
    }

.talkify-control-center.modern, .talkify-control-center.modern .voice-selector {
    background-color: #424242;
    color: #dadada;
}

    .talkify-control-center.modern .voice-selector {
        border-color: #8ac832;
    }


    .talkify-control-center.modern i,
    .talkify-control-center.modern button,
    .talkify-control-center.modern select {
        color: #dadada;
        transition: color 0.20s;
    }

        .talkify-control-center.modern i:hover,
        .talkify-control-center.modern button:hover {
            color: white;
        }

    .talkify-control-center.modern option {
        color: black;
    }

    .talkify-control-center.modern .muted {
        color: #404040
    }

.modern-talkify-control-center-accent {
    background-color: #8ac832 !important;
    color: white !important;
}

    .modern-talkify-control-center-accent i {
        color: white !important;
    }

.talkify-control-center.modern .volume-slider,
.talkify-control-center.modern .rate-slider,
.talkify-control-center.modern .player-settings ul {
    background-color: #424242;
}

.talkify-control-center.modern button.talkify-play-button, .talkify-control-center.modern button.talkify-pause-button {
    background-color: #8ac832;
    box-shadow: 0 0 5px 0px #292929;
    transition: background-color 0.20s;
}

.talkify-control-center.modern .talkify-audio-error {
    background-color: #e65d0d;
    box-shadow: 0 0 5px 0px #292929;
    transition: background-color 0.20s;
}

.talkify-control-center.modern button.talkify-play-button:hover {
    background-color: #96d839;
}

.talkify-control-center.modern .talkify-play-button i {
    color: white;
}

/* Sliders & progress */
.talkify-control-center.modern progress {
    background-color: #888;
}

    .talkify-control-center.modern progress::-webkit-progress-value {
        background-color: #8ac832;
    }

    .talkify-control-center.modern progress::-moz-progress-bar {
        background-color: #8ac832;
    }

.talkify-control-center.modern input[type=range]::-webkit-slider-runnable-track {
    background: #dadada;
}

.talkify-control-center.modern input[type=range]::-moz-range-thumb {
    background: #8ac832;
}

.talkify-control-center.modern input[type=range]::-ms-thumb {
    background: #8ac832;
}

.talkify-control-center.modern input[type=range]::-ms-fill-upper {
    background: #424242;
}

.talkify-control-center.modern input[type=range]:focus::-ms-fill-lower {
    background: white;
}

.talkify-control-center.modern input[type=range]::-moz-range-track {
    background: white;
}

.talkify-control-center.modern input[type=range]::-webkit-slider-runnable-track {
    background: white;
}

.talkify-control-center.modern input[type=range]:focus::-ms-fill-upper {
    background: #888;
}

.talkify-control-center.modern input[type=range]::-webkit-slider-thumb {
    background: #8ac832;
}


/* Scrollbars */

/* Track */
.talkify-control-center.modern .voice-selector::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.talkify-control-center.modern .voice-selector::-webkit-scrollbar-thumb {
    background: #8ac832;
}

    /* Handle on hover */
    .talkify-control-center.modern .voice-selector::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.talkify-control-center.local {
    display: inline-block;
    position: relative;
}

    .talkify-control-center.local i {
        cursor: pointer;
    }

    .talkify-control-center.local button {
        cursor: pointer;
    }

    .talkify-control-center.local button {
        background-color: transparent;
        border: none;
    }

    .talkify-control-center.local > div {
        display: flex;
        border: 1px solid;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .talkify-control-center.local > div, .talkify-control-center.local button {
        font-size: 14px;
    }

        .talkify-control-center.local > div > * {
            padding: 5px;
            border-right: 1px solid #eee;
        }

    .talkify-control-center.local .talkify-more-settings > div {
        display: flex;
        align-items: center;
        border: none;
    }

    .talkify-control-center.local .talkify-more-settings {
        display: none;
        position: absolute;
        width: 99%;
    }

    .talkify-control-center.local #talkify-local-settings:checked + .talkify-more-settings {
        display: block;
    }


    .talkify-control-center.local .talkify-disabled {
        color: #000000b5 !important
    }

    /*sliders*/
    .talkify-control-center.local input[type=range] {
        /*removes default webkit styles*/
        -webkit-appearance: none;
        /*required for proper track sizing in FF*/
        width: 100px;
        background: transparent;
        border: 0;
        padding: 0;
        outline: none;
    }

    .talkify-control-center.local .volume-slider,
    .talkify-control-center.local .rate-slider {
        padding: 10px;
    }

    .talkify-control-center.local input[type=range]::-webkit-slider-runnable-track {
        height: 10px;
        border: none;
    }

    .talkify-control-center.local input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 10px;
        width: 10px;
        /* margin-top: -2.5px; */
    }

    .talkify-control-center.local input[type=range]:focus {
        outline: none;
    }

    .talkify-control-center.local input[type=range]::-moz-range-track {
        width: 100%;
        height: 5px;
        border: none;
    }

    .talkify-control-center.local input[type=range]::-moz-range-thumb {
        border: none;
        height: 12px;
        width: 12px;
    }

    /*hide the outline behind the border*/
    .talkify-control-center.local input[type=range]:-moz-focusring {
        outline: 1px solid white;
        -ms-outline-offset: -1px;
        outline-offset: -1px;
    }

    .talkify-control-center.local input[type=range]::-ms-track {
        /* width: 75px; */
        height: 3px;
        /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
        background: transparent;
        /*leave room for the larger thumb to overflow with a transparent border */
        border-color: transparent;
        border-width: 6px 0;
    }

    .talkify-control-center.local input[type=range]::-ms-fill-lower {
        border-radius: 10px;
    }

    .talkify-control-center.local input[type=range]::-ms-fill-upper {
        border-radius: 10px;
    }

    .talkify-control-center.local input[type=range]::-ms-thumb {
        border: none;
        height: 12px;
        width: 12px;
        -ms-border-radius: 50%;
        border-radius: 50%;
        margin-top: -1px;
    }

.talkify-control-center.local i {
    color: #555;
}

.talkify-control-center.local .talkify-more-settings i {
    color: white;
}

.talkify-control-center.local > div {
    border-color: #8ac832;
}

.talkify-control-center.local .talkify-brand {
    background-color: #8ac832;
    color: white;
}

.talkify-control-center.local .talkify-more-settings {
    color: white;
    background-color: #8ac832;
}

.talkify-control-center.local input[type=range]::-webkit-slider-runnable-track {
    background: #dadada;
}

.talkify-control-center.local input[type=range]::-moz-range-thumb {
    background: #dadada;
}

.talkify-control-center.local input[type=range]::-ms-thumb {
    background: #dadada;
}

.talkify-control-center.local input[type=range]::-ms-fill-upper {
    background: #424242;
}

.talkify-control-center.local input[type=range]:focus::-ms-fill-lower {
    background: white;
}

.talkify-control-center.local input[type=range]::-moz-range-track {
    background: white;
}

.talkify-control-center.local input[type=range]::-webkit-slider-runnable-track {
    background: white;
}

.talkify-control-center.local input[type=range]:focus::-ms-fill-upper {
    background: #888;
}

.talkify-control-center.local input[type=range]::-webkit-slider-thumb {
    background: #555;
}

.talkify-activator-wrapper, .talkify-controlcenter-wrapper {
    z-index: 9999;
    position: fixed;
}

    .talkify-activator-wrapper .talkify-popup-activator button {
        /* border-radius: 100%; */
        border-style: none;
        cursor: pointer;
        padding: 8px;
        box-shadow: 0px 0px 3px 0px #181818;
        border-radius: 3px;
    }

        .talkify-activator-wrapper .talkify-popup-activator button i {
            margin-right: 5px;
        }

.talkify-controlcenter-wrapper {
    box-shadow: 0px 0px 4px -1px black;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}

    .talkify-controlcenter-wrapper .talkify-close {
        padding: 0 5px;
        cursor: pointer;
    }

    .talkify-controlcenter-wrapper .talkify-control-center.local > div {
        border-style: none !important;
    }

.talkify-selected-text {
    border-bottom: 1px dashed black;
}


.talkify-activator-wrapper .talkify-popup-activator {
    background-color: #8ac832;
    color: white;
    border-color: #6da022;
}

.talkify-controlcenter-wrapper {
    background-color: #464646;
    color: white;
}

    .talkify-controlcenter-wrapper .talkify-control-center {
        background-color: white;
    }

.talkify-popup-activator button {
    background: transparent;
    color: white;
}

.talkify-sentence-highlight {
    background-color: #8ac832 !important;
    color: white !important;
}

.talkify-word-highlight {
    background-color: black !important;
    color: white !important;
}

.talkify-highlight:hover {
    background-color: #3D0328 !important;
    color: white !important;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    /*font-family: 'Droid Sans',Helvetica,Arial,sans-serif;*/
    /*font-family: 'Fira Mono', monospace;*/
    font-family: 'Cardo', serif;
}

h1.talkify-h1, h2.talkify-h2, h3.talkify-h3 {
    /*font-family: 'Josefin Slab', serif;*/
    /*font-family: 'Oswald', sans-serif;*/
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    /*text-transform: uppercase;*/
}

.talkify-hover-zoom {
    transition: transform 0.25s;
}

    .talkify-hover-zoom:hover {
        transform: scale(1.05);
    }

.talkify-centered {
    text-align: center;
}

.talkify-flex {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

    .talkify-flex > div {
        margin: 0 auto;
    }

    .talkify-flex > div {
        margin-bottom: 25px;
    }

.dashboard-card {
    margin-bottom: 10px;
}

    .dashboard-card > a {
        display: block;
    }

    .dashboard-card .box {
        padding: 3px;
        height: 100%;
        border-radius: 3px;
    }

        .dashboard-card .box p {
            font-size: 90%;
        }

        .dashboard-card .box.lighter {
            box-shadow: 0 0 4px -1px black;
        }

        .dashboard-card .box > i {
            /*border-radius: 100%;*/
            padding: 10px;
            /*border: 1px solid;*/
        }

    .dashboard-card .row {
        height: 100%;
    }

.dashboard-group-item {
    padding: 10px;
    /*border-bottom: 1px solid;*/
}


/*Voice selector*/
.player-and-voices {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9997;
    margin-left: -58px;
}

.talkify-voice-center > button {
    padding: 5px;
    border-style: none;
    color: white;
    width: 100%;
    cursor: pointer;
    text-align: left;
    border-color: white;
    border-width: 2px;
    border-style: solid none none none;
}

    .talkify-voice-center > button i {
        vertical-align: middle;
        margin-right: 10px;
    }

    .talkify-voice-center > button span {
        vertical-align: middle;
        font-size: 15px;
        font-weight: bold;
        max-width: 230px;
        display: inline-block;
    }

.talkify-tabs {
    text-align: center;
    padding: 0;
    margin: 0;
}

    .talkify-tabs > li {
        display: inline-block;
        padding: 10px;
        cursor: pointer;
        border-bottom: 3px solid white;
        list-style-type: none;
        color: #f1f1f1;
        min-width: 100px;
        text-align: center;
        font-size: 15px;
        transition: all 0.1s;
    }

        .talkify-tabs > li.talkify-active, .talkify-tabs > li:hover {
            border-color: #12497d;
            color: white;
            font-size: 16px;
        }


.talkify-error-box {
    border: 1px solid #46a6e4;
    border-left: 5px solid #a94442;
    width: 50%;
    margin: 15px auto 0 auto;
    padding: 15px;
    background-color: #6db2e0;
    border-radius: 5px;
    text-align: left;
}

.jq-toast-wrap.bottom-right {
    z-index: 10002 !important;
}

.talkify-pulsating {
    -webkit-animation: input-shadow ease-in-out 1s infinite;
    -moz-animation: input-shadow ease-in-out 1s infinite;
    -ms-animation: input-shadow ease-in-out 1s infinite;
    -o-animation: input-shadow ease-in-out 1s infinite;
    animation: input-shadow ease-in-out 1s infinite;
}

.talkify-no-borders{
    border: none;
}

.talkify-rounded-corners {
    border-radius: 50px;
}

.talkify-rounded-corners-t-s {
    border-radius: 3px 3px 0 0;
}

.talkify-rounded-corners-s {
    border-radius: 3px;
}

.talkify-padding-l-tb {
    padding: 15px 0;
}

.talkify-padding-s-tb {
    padding: 5px 0;
}

.talkify-padding-l {
    padding: 15px !important;
}

.talkify-padding-l-lr {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.talkify-padding-l-b {
    padding-bottom: 15px !important;
}

.talkify-padding-m-b {
    padding-bottom: 10px !important;
}

.talkify-padding-s-t {
    padding-top: 5px !important;
}

.talkify-padding-s-l {
    padding-left: 5px !important;
}

.talkify-padding-m-t {
    padding-top: 15px !important;
}

.talkify-padding-s {
    padding: 5px !important;
}

.talkify-padding-m {
    padding: 10px !important;
}

.talkify-margin-0 {
    margin: 0;
}

.talkify-margin-b {
    margin-bottom: 5px;
}

.talkify-margin-right {
    margin-right: 5px;
}

.talkify-margin-s-l {
    margin-left: 5px;
}

.talkify-margin-l-b {
    margin-bottom: 15px;
}

.talkify-margin-l-t {
    margin-top: 15px !important;
}

.talkify-margin-m-t {
    margin-top: 10px !important;
}

.talkify-margin-m-b {
    margin-bottom: 10px !important;
}

.talkify-margin-m-r{
    margin-right: 10px !important;
}

.talkify-margin-m-l {
    margin-left: 10px !important;
}

.talkify-margin-m-tb {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

    .talkify-flags {
        width: 50px;
    }

.talkify-stand-out h2{
    font-size: 30px;
}

.talkify-stand-out {
    font-size: 20px !important;
}

.talkify-font-reduced-s{
    font-size: 90%;
}

a.talkify-primary, a.talkify-secondary, a.talkify-third, a.talkify-accent{
    text-decoration: none;
}

.talkify-no-underline {
    text-decoration: none;
}

.talkify-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.talkify-embed {
    height: 370px;
    width: 657px;
}
.pdf-wrapper {
    background-color: rgb(82, 86, 89);
    padding: 20px;
    padding-top: 70px;
}

.pdf-container {
    background-color: white;
    margin: 0 auto;
    box-shadow: 0 1px 6px 1px #292727;
    position: relative;
}

.pdf-container button {
    border: none;
    z-index: 1000;

    background-color: #515659;
    text-align: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0px 2px 10px 0px #000000;
    color: white;
}

    .pdf-container button.next {
        position: absolute;
        bottom: 5px;
        right: 5px;
    }

    .pdf-container button.previous {
        position: absolute;
        bottom: 5px;
        left: 5px;
    }


@-moz-keyframes fullexpand {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes fullexpand {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes fullexpand {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes move {
    0% {
        left: 0;
        top: 55%;
    }

    10% {
        top: 70%;
    }

    80% {
        top: 70%;
    }

    100% {
        left: 100%;
        top: 55%;
    }
}

@-webkit-keyframes move {
    0% {
        left: 0%;
        top: 50%;
    }

    10% {
        top: 57%;
    }

    80% {
        top: 57%;
    }

    100% {
        left: 100%;
        top: 50%;
    }
}

/*Blinking button*/
@-webkit-keyframes input-shadow {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  33% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

@keyframes input-shadow {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  33% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.talkify footer.talkify-footer {
    font-family: 'Droid Sans',Helvetica,Arial,sans-serif;
}

    .talkify footer.talkify-footer h1 {
        font-size: 15px;
        margin: 0.25em 0;
    }

    .talkify footer.talkify-footer p.talkify-paragraph {
        font-size: 13px;
        padding: 0.5em 0;
    }

    .talkify footer.talkify-footer h2 {
        font-size: 20px;
        margin-top: 0;
        text-align: left;
    }

    .talkify footer.talkify-footer .talkify-copyright {
        text-align: center;
        padding: 1em;
        color: white;
    }


.talkify nav.talkify-top-navigation {
    overflow: auto;
    position: fixed;
    z-index: 1000;
    text-align: right;
    height: 100vh;
    box-shadow: 0px 0px 5px 1px #000000
}

    .talkify nav.talkify-top-navigation ul.talkify-share-menu li {
        display: inline-block;
    }

    .talkify nav.talkify-top-navigation + section {
        clear: both;
    }

    .talkify nav.talkify-top-navigation ul {
        margin: 0;
        padding: 0;
    }

    .talkify nav.talkify-top-navigation li:not(:first-of-type) {
        cursor: pointer;
    }


    .talkify nav.talkify-top-navigation a {
        color: white;
        padding: 15px 15px;
        display: inline-block;
        text-decoration: none;
        font-size: 13px;
    }

.talkify-body-content a {
    text-decoration: none;
}

#talkify-audio {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9002;
}

.talkify-body-content {
    color: #353535;
}

    .talkify-body-content .talkify-flex {
        justify-content: center;
        align-content: center;
    }

        .talkify-body-content .talkify-flex.column {
            flex-direction: column !important;
        }

        .talkify-body-content .talkify-flex > div {
            margin: 0;
        }

        .talkify-body-content .talkify-flex.two-cols > div {
            width: 39%;
            padding: 20px 50px;
        }

        .talkify-body-content .talkify-flex.three-cols > div {
            width: 27%;
            padding: 0 33px;
        }

        .talkify-body-content .talkify-flex.five-cols > div {
            width: 20%;
            padding: 0 33px;
        }

        .talkify-body-content .talkify-flex.two-cols:not(.talkify-plain) > div,
        .talkify-body-content .talkify-flex.three-cols:not(.talkify-plain) > div,
        .talkify-body-content .talkify-flex.five-cols:not(.talkify-plain) > div {
            box-shadow: 4px 4px 5px -2px #ccc;
            border: 1px solid #ccc;
            margin: 10px;
        }


    .talkify-body-content header .talkify-flex > div {
        width: 75%;
        /*padding: 20px 50px;*/
    }

    .talkify-body-content header {
        position: relative;
        min-height: 500px;
    }

        .talkify-body-content header .talkify-flex > div {
            padding: 0 20px;
        }

            .talkify-body-content header .talkify-flex, .talkify-body-content header .talkify-flex > div:first-of-type {
                height: 100%;
            }

        /*.talkify-body-content header::after {
            content: "";
            background: url('Images/microphone-min.jpg');
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            position: absolute;
            z-index: -1;
            background-size: cover;
            background-repeat: no-repeat;
            
        }*/

    .talkify-body-content svg {
        position: absolute;
        bottom: -1px;
        width: 100%;
        height: 10vw;
    }

    .talkify-body-content .talkify-for-business svg {
        height: 4vw;
    }

    .talkify-body-content .talkify-for-business svg {
        bottom: -100px;
    }

    .talkify-body-content header h1 {
        font-size: 40px;
        font-weight: normal;
        margin: 20px 0;
    }

    .talkify-body-content header h2 {
        font-size: 20px;
        font-weight: normal;
        /*margin: 20px 0;*/
        /*-ms-text-shadow: 1px 1px 2px #494161;
            text-shadow: 1px 1px 2px #494161;*/
    }


    .talkify-body-content .main-content {
        background-color: #f8f8f8;
        color: #333;
        padding: 50px 0;
    }

    .talkify-body-content header:not(.talkify-contact-header) .talkify-flex {
        flex-direction: row;
    }

    .talkify-body-content header .talkify-flex > div {
        margin: 0 auto;
    }

.talkify-play-self-button {
    font-size: 16px;
    padding: 10px;
    border: 1px solid white;
    color: white;
    cursor: pointer;
}

/*.talkify-body-content header .banner-left, .talkify-body-content header .banner-right {
        background-repeat: no-repeat;
        -ms-background-size: contain;
        background-size: contain;
    }*/

.talkify-body-content .talkify-recent-pages {
    padding: 20px 0;
}

    .talkify-body-content .talkify-recent-pages .talkify-play-self-button,
    .talkify-body-content .talkify-feed-pages .talkify-play-self-button {
        padding: 5px;
        font-size: 12px;
        display: inline-block;
    }

    .talkify-body-content .talkify-recent-pages h1, .talkify-body-content .talkify-feed-pages h1, .talkify-for-business h1, .talkify-for-business-examples h1 {
        font-size: 30px;
        text-align: center;
    }

    .talkify-body-content .talkify-recent-pages .talkify-flex > div {
        padding-bottom: 20px;
        margin-right: 2px;
        word-wrap: break-word;
    }

    .talkify-body-content .talkify-recent-pages .talkify-flex.three-cols > div {
        margin-bottom: 2px;
    }

    .talkify-body-content .talkify-recent-pages .talkify-flex.three-cols:nth-child(odd) > div:nth-child(even),
    .talkify-body-content .talkify-recent-pages .talkify-flex.three-cols:nth-child(even) > div:nth-child(odd) {
        background-color: #7f8e9c;
    }

    .talkify-body-content .talkify-recent-pages .talkify-flex.three-cols:nth-child(even) > div:nth-child(even),
    .talkify-body-content .talkify-recent-pages .talkify-flex.three-cols:nth-child(odd) > div:nth-child(odd) {
        background-color: #8197ab;
    }

    .talkify-body-content .talkify-recent-pages img {
        width: 16px;
        height: 16px;
    }

.talkify-body-content .talkify-feed-pages {
    padding: 20px 0;
    background-color: #578ec3;
}

    .talkify-body-content .talkify-feed-pages #feed-wrapper {
        margin: 0 25px;
    }

    .talkify-body-content .talkify-feed-pages .talkify-tabs {
        margin-left: 25px;
    }

    .talkify-body-content .talkify-feed-pages img {
        width: 100%;
    }

    .talkify-body-content .talkify-feed-pages .talkify-flex.five-cols > div:nth-child(5n+1) {
        background-color: #12497d;
    }

    .talkify-body-content .talkify-feed-pages .talkify-flex.five-cols > div:nth-child(5n+2) {
        background-color: #1c5890;
    }

    .talkify-body-content .talkify-feed-pages .talkify-flex.five-cols > div:nth-child(5n+3) {
        background-color: #2769a7;
    }

    .talkify-body-content .talkify-feed-pages .talkify-flex.five-cols > div:nth-child(5n+4) {
        background-color: #347dc1;
    }

    .talkify-body-content .talkify-feed-pages .talkify-flex.five-cols > div:nth-child(5n+5) {
        background-color: #3f8cd4;
    }

    .talkify-body-content .talkify-feed-pages .talkify-flex > div {
        word-wrap: break-word;
    }

    .talkify-body-content .talkify-feed-pages .talkify-flex.five-cols > div {
        padding: 0;
    }

        .talkify-body-content .talkify-feed-pages .talkify-flex.five-cols > div > *:not(img):not(a) {
            padding: 0 15px;
        }

        .talkify-body-content .talkify-feed-pages .talkify-flex.five-cols > div > a:first-of-type {
            margin-left: 15px;
        }

    .talkify-body-content .talkify-feed-pages input[type="text"] {
        font-size: 17px;
        border-radius: 20px;
        border: none;
        padding: 5px 10px;
        width: 400px;
        margin-bottom: 15px;
    }

/*.talkify-body-content .talkify-chrome-extention, .talkify-body-content .talkify-tts-content-button {
    border-radius: 20px;
    color: white;
    display: inline-block;
    padding-right: 10px;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
}

    .talkify-body-content .talkify-chrome-extention > span {
        display: inline-block;
        background-image: url(Images/chrome_icon_flat.png);
        height: 32px;
        width: 32px;
        background-size: contain;
        vertical-align: middle;
    }*/

.talkify-for-business {
    position: relative;
}

    .talkify-for-business .demo-surface {
        border: 1px solid;
        width: 100%;
        padding: 15px;
    }

        .talkify-for-business .demo-surface > div {
            margin: 10px 0;
        }

        .talkify-for-business .demo-surface b {
            display: inline-block;
            margin-bottom: 5px;
        }

        .talkify-for-business .demo-surface textarea {
            width: 100%;
        }

        .talkify-for-business .demo-surface select,
        .talkify-for-business .demo-surface textarea {
            width: 100%;
            font-size: 15px;
            padding: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px;
        }

        .talkify-for-business .demo-surface input[type=number] {
            font-size: 15px;
            padding: 5px;
            margin-bottom: 12px;
            -ms-border-radius: 10px;
            width: 75px;
            border: 1px solid #aeaeae;
        }
        /* Customize the label (the container) */
        .talkify-for-business .demo-surface .checkbox-container {
            display: block;
            position: relative;
            padding-left: 25px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 15px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            /* Hide the browser's default checkbox */
            .talkify-for-business .demo-surface .checkbox-container input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 0;
                width: 0;
            }

        /* Create a custom checkbox */
        .talkify-for-business .demo-surface .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 20px;
            width: 20px;
            border: 1px solid #ff9800;
        }

        /* On mouse-over, add a grey background color */
        .talkify-for-business .demo-surface .checkbox-container:hover input ~ .checkmark {
            background-color: #ccc;
        }


        /* Create the checkmark/indicator (hidden when not checked) */
        .talkify-for-business .demo-surface .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the checkmark when checked */
        .talkify-for-business .demo-surface .checkbox-container input:checked ~ .checkmark:after {
            display: block;
        }

        /* Style the checkmark/indicator */
        .talkify-for-business .demo-surface .checkbox-container .checkmark:after {
            left: 6px;
            top: 2px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .talkify-for-business .demo-surface .checkbox-container.talkify-disabled {
            text-decoration: line-through;
        }

            .talkify-for-business .demo-surface .checkbox-container.talkify-disabled .checkmark {
                border-color: #ddd;
            }

.talkify-for-business-examples {
    margin-top: 100px;
    padding: 20px;
}

/*Tablets, Desktop*/
@media screen and (min-width : 641px) {
}

@media screen and (max-device-width : 1400px) and (min-device-width: 1025px), only screen and (max-width : 1400px) and (min-width: 1025px) {
    .talkify-body-content .talkify-flex.five-cols > div {
        width: 33.3%;
    }
}

@media screen and (max-width : 1024px) and (min-width : 641px) {
    .talkify-body-content .talkify-flex.five-cols > div {
        width: 50%;
    }

    .talkify-body-content .talkify-flex.three-cols > div {
        width: 100%;
    }

    .talkify-body-content .talkify-flex.two-cols > div {
        width: 100%;
    }

    .talkify-body-content header .talkify-flex > div {
        width: 100%;
        padding: 20px 20px !important;
    }

    .talkify-body-content .talkify-flex.two-cols > div,
    .talkify-body-content .talkify-flex.three-cols > div,
    .talkify-body-content .talkify-flex.five-cols > div {
        box-shadow: none;
        border: none;
    }

    .talkify-body-content .talkify-recent-pages .talkify-flex > div {
        margin-right: 0;
    }

    .talkify-body-content .talkify-recent-pages .talkify-flex.three-cols > div:nth-child(even) {
        background-color: #7f8e9c !important;
    }

    .talkify-body-content .talkify-recent-pages .talkify-flex.three-cols > div:nth-child(odd) {
        background-color: #8197ab !important;
    }
}

/*phones*/
@media screen and (max-device-width : 640px), only screen and (max-width : 640px) {
    .talkify-body-content header .talkify-flex > div {
        width: 100% !important;
    }

    .talkify-body-content .talkify-flex.two-cols > div,
    .talkify-body-content .talkify-flex.three-cols > div,
    .talkify-body-content .talkify-flex.five-cols > div {
        box-shadow: none;
        border: none;
    }

    .talkify-body-content .talkify-flex.two-cols > div,
    .talkify-body-content .talkify-flex.three-cols > div,
    .talkify-body-content .talkify-flex.five-cols > div,
    .talkify-body-content header .talkify-flex > div {
        width: 100%;
    }

    .talkify-body-content .talkify-feed-pages #feed-wrapper,
    .talkify-body-content .talkify-feed-pages .talkify-tabs {
        margin: 0;
    }

    .talkify-body-content .talkify nav {
        padding-left: 0;
    }

        .talkify-body-content .talkify nav li {
            display: block;
            text-align: center;
        }

            .talkify-body-content .talkify nav li:first-of-type {
                display: none;
            }

    .talkify-body-content .talkify-recent-pages .talkify-flex.three-cols > div:nth-child(even) {
        background-color: #7f8e9c !important;
    }

    .talkify-body-content .talkify-recent-pages .talkify-flex.three-cols > div:nth-child(odd) {
        background-color: #8197ab !important;
    }

    .talkify-body-content .talkify-chrome-extention {
        display: none;
    }
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

@import 'https://fonts.googleapis.com/css?family=Marck+Script';
@import url('https://fonts.googleapis.com/css?family=Fira+Mono');

body {
    background-color: white !important;
    margin: 0 !important;
    padding: 0 !important;
    color: white;
}

button:focus{
    outline: none;
}

.talkify {
    overflow-x: hidden;
}

    .talkify strong.talkify-strong {
        color: #333;
    }

    .talkify a.talkify-link:visited, .talkify a.talkify-link {
        color: white;
        text-decoration: none !important;
        cursor: pointer;
    }

    .talkify ul.talkify-list {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }

        .talkify ul.talkify-list p.talkify-paragraph {
            margin: 0;
        }

.talkify-slide-out-left {
    left: -250px;
}

.talkify-slide-in-left {
    left: 0;
}

.talkify-sticky {
    position: fixed !important;
    z-index: 10000;
}

.talkify-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.talkify-box {
    max-width: 1000px;
    margin: 0 auto;
}

.talkify-table-row {
    display: table-row;
}

.talkify-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.talkify-action-button {
    -ms-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

    .talkify-action-button.talkify-large {
        height: 40px;
        width: 40px;
    }

    .talkify-action-button.talkify-small {
        height: 32px;
        width: 32px;
    }



.talkify .talkify-compability-issue {
    background-color: rgb(186, 185, 255);
    color: black;
    position: absolute;
    width: 100%;
    top: 100px;
    padding: 10px;
    font-size: 1.5em;
}

.talkify .talkify-sharebuttons-panel {
    left: 18%;
    position: fixed;
    width: 64%;
    z-index: 1;
    text-align: center;
    padding-top: 10px;
    top: -60px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.talkify .talkify-global-notification {
    background-color: #cedff1;
    color: black;
    font-size: 15px;
    padding: 20px;
    width: 50%;
    margin-left: 25%;
    position: fixed;
    top: -500px;
    text-align: center;
    z-index: 1;
    -ms-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

    .talkify .talkify-global-notification strong {
        color: black;
    }

    .talkify .talkify-global-notification.talkify-show-global-notification {
        top: 0;
    }

.talkify .talkify-sub-section, .talkify-info-banner {
    background-blend-mode: multiply;
}

    .talkify .talkify-sub-section > div {
        min-height: 95vh;
        width: 100%;
    }

    .talkify .talkify-sub-section h1 {
        font-size: 40px;
        margin: 0.25em 0;
    }

    .talkify .talkify-sub-section h2 {
        font-size: 25px;
        margin: 0.25em 0;
    }

.talkify-centered-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.talkify .highlight {
    background-color: #ff6400;
}

.talkify-narrate-form input[type=text], nav.page-history input[type=text] {
    float: left;
    border: 0;
    padding: 10px;
    -ms-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.talkify-narrate-form input[type=text] {
    width: 80%;
}

    .talkify-narrate-form input[type=text].talkify-error {
        background-color: #8B1820;
    }

.talkify-narrate-form input[type=submit], nav.page-history .talkify-play-website {
    float: left;
    cursor: pointer;
    color: white;
    border: 0;
    padding: 10px;
    -ms-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.talkify-narrate-form input[type=submit] {
    width: 10%;
}

.talkify-navigation {
    background-color: #060840;
    background-color: rgba(6, 8, 64, 0.95);
    color: white;
    min-height: 100vh;
}

    .talkify-navigation ul {
        text-align: center;
    }

    .talkify-navigation li {
        list-style: none outside none;
        font-size: 25px;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
    }

    .talkify-navigation p, .talkify-navigation a {
        padding: 10px;
    }

    .talkify-navigation a {
        display: block;
    }

    .talkify-navigation li:hover {
        background-color: orange;
    }

.talkify-playlist-actions li {
    padding: 10px;
}

.talkify-navigation-placeholder {
    height: 87px;
    background-color: #263248;
}

.talkify-navigation-tab {
    width: 300px;
    height: 50px;
    text-align: right;
    -ms-border-radius: 0 0 10px;
    border-radius: 0 0 10px;
    cursor: pointer;
}


nav.page-history {
    background-color: #0087cd;
    padding: 10px;
    color: white;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9000;
}

    nav.page-history * {
        font-size: 17px;
    }

    nav.page-history input[type=text] {
        padding: 5px;
        width: 50%;
    }

    nav.page-history .talkify-play-website {
        padding: 5px 10px;
    }

    nav.page-history button {
        padding: 5px;
        color: white;
        background: transparent;
        border: none;
        float: left;
    }

        nav.page-history button.download-audio, nav.page-history button.voice-commands {
            font-size: 24px;
            margin-left: 25px;
        }

.talkify-link-navigation {
    z-index: 9998;
    position: absolute;
    transition: all 0.25s;
    opacity: 0;
}

    .talkify-link-navigation:not(:empty) {
        opacity: 1;
    }

    .talkify-link-navigation button {
        padding: 10px;
        color: white;
        border: none;
        -ms-border-radius: 15px 0 0 15px;
        border-radius: 15px 0 0 15px;
    }

/*TODO: Move out to site.css or section-based cssfile*/
.talkify #start {
    background-color: #263248;
}

.talkify #demo {
    background-color: #FF9800;
}

@supports (background-blend-mode : multiply) {
    .talkify #demo {
        background-image: url('Images/subtle_white_feathers.png');
    }

    .talkify-info-banner {
        background-image: url('Images/Light-paper-fibers-Seamless-Pattern.jpg');
    }
}

.talkify-body {
    margin-left: 58px;    
}

/*Seems to be the content where the pages to play reside*/
.talkify .talkify-main-content {
    min-height: 100vh;
    margin-top: 58px;
    position: relative;
}

.talkify #foo {
    width: 100%;
    min-height: 200px;
    overflow: auto;
    position: relative;
    font-size: 1.0em;
    /*background-color: #fff;*/
    color: black;
}

ul.talkify-playlist-actions {
    text-align: left;
}

.talkify-table-cell:last-child {
    text-align: center;
}

.talkify .queue-item p.talkify-paragraph {
    cursor: pointer;
    -webkit-transition: all 0.5s ease 0;
    -moz-transition: all 0.5s ease 0;
    -ms-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    font-size: 12px;
    text-align: left;
}

.talkify .queue-item.playing {
    background-color: #3D0328;
}

.talkify .queue-item.playing, .talkify .narrator-container .highlight {
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -ms-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
    color: white;
}

.talkify-info-banner p.talkify-paragraph {
    font-size: 19px;
    text-align: left;
    display: inline-block;
    margin: 10px 0;
    line-height: 1.3;
}

.talkify-info-banner p.talkify-paragraph {
    width: 400px;
}

.talkify-info-banner {
    background-color: rgb(119, 136, 153);
    padding: 50px 0;
}

    .talkify-info-banner h2 {
        display: inline-block;
    }

    .talkify-info-banner > .talkify-flex {
        width: 1500px;
    }

.talkify-main-banner {
    background-color: white;
    padding: 40px 0;
    position: relative;
    color: #333;
}

    .talkify-main-banner:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid white;
        left: 50%;
        margin-left: -10px;
        bottom: -20px;
    }

    .talkify-main-banner p.talkify-paragraph {
        font-size: 25px;
        margin-bottom: 40px;
    }

.talkify-round-icons {
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #263248;
    width: 64px;
    height: 64px;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
}

    .talkify-round-icons i {
        position: relative;
        top: 7px;
        left: 1px;
    }

.talkify-main-banner button {
    background: #263248;
    border: none;
    color: white;
    padding: 15px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    font-size: 25px;
}

.talkify-main-banner .fa-volume-up:before {
    margin-right: 10px;
}


.talkify-circle {
    width: 350px;
    height: 350px;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    color: white;
    -webkit-transition: 0.25s all;
    -moz-transition: 0.25s all;
    -ms-transition: 0.25s all;
    -o-transition: 0.25s all;
    transition: 0.25s all;
    margin: 15px 0;
}

    .talkify-circle.small {
        width: 75px;
        height: 75px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }


.talkify-circle-inner.pulsating:before {
    -webkit-animation: input-shadow ease-in-out 1s infinite;
    -moz-animation: input-shadow ease-in-out 1s infinite;
    -ms-animation: input-shadow ease-in-out 1s infinite;
    -o-animation: input-shadow ease-in-out 1s infinite;
    animation: input-shadow ease-in-out 1s infinite;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.talkify-circle-inner.pulsating:after {
    -webkit-animation: input-shadow ease-in-out 2s 1s infinite;
    -moz-animation: input-shadow ease-in-out 2s 1s infinite;
    -ms-animation: input-shadow ease-in-out 2s 1s infinite;
    -o-animation: input-shadow ease-in-out 2s 1s infinite;
    animation: input-shadow ease-in-out 2s 1s infinite;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.talkify-circle-inner.pulsating:before, .talkify-circle-inner.pulsating:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -ms-opacity: 0;
    opacity: 0;
}

.talkify-circle-inner {
    width: 70%;
    height: 70%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    left: 15%;
    top: 15%;
}


.loader {
    -webkit-animation: fullexpand ease-out 3s infinite;
    -moz-animation: fullexpand ease-out 3s infinite;
    -ms-animation: fullexpand ease-out 3s infinite;
    -o-animation: fullexpand ease-out 3s infinite;
    animation: fullexpand ease-out 3s infinite;
    background: none repeat scroll 0 0 #ff9800;
    -webkit-box-shadow: 0 0 4px 1px rgba(255, 152, 0, 0.7);
    -ms-box-shadow: 0 0 4px 1px rgba(255, 152, 0, 0.7);
    box-shadow: 0 0 4px 1px rgba(255, 152, 0, 0.7);
    height: 1px;
    position: absolute;
    width: 100%;
}

/*Tablets, Desktop*/
@media screen and (min-width : 641px) {

    .talkify-navigation {
        position: fixed;
        width: 250px;
        z-index: 9001;
        -webkit-transition: 0.4s left;
        -moz-transition: 0.4s left;
        -ms-transition: 0.4s left;
        -o-transition: 0.4s left;
        transition: 0.4s left;
        height: 100vh;
        top: 0;
    }

        .talkify-navigation ul {
            max-height: 75vh;
            overflow-y: auto;
        }

    #talkify-url-section {
        padding: 15px 0;
        /*max-width: 800px;*/
    }


    /*NEW, FIX THIS*/
    #demo input[type=submit] {
        background-color: #263248;
    }

    .talkify-narrate-form {
        /*margin: 0 1%;*/
        position: relative;
        z-index: 100;
    }

        .talkify-narrate-form select {
            float: left;
            padding: 15px;
            font-size: 25px;
        }

        .talkify-narrate-form input[type=text] {
            font-size: 20px;
        }

        .talkify-narrate-form input[type=submit] {
            font-size: 20px;
        }

    .talkify-voice-center {
        -webkit-transition: right 0.5s;
        -moz-transition: right 0.5s;
        -ms-transition: right 0.5s;
        -o-transition: right 0.5s;
        transition: right 0.5s;
        z-index: 10000;
        position: fixed;
        width: 100%;
    }

        .talkify-voice-center:hover {
            right: -10px;
        }

    /*.talkify-voice-selector {
        top: 10px;
        right: -270px;
        width: 320px;
    }

        .talkify-voice-selector div {
            display: none;
        }

        .talkify-voice-selector:hover div {
            display: inherit;
        }*/

    .talkify-voice-center > button {
        -ms-border-radius: 10px;
        border-radius: 10px;
        border-style: solid;
        text-align: left;
    }

    .talkify-voice-selector:hover > button {
        -ms-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }
}

@media screen and (max-width : 1500px) and (min-width : 1024px) {
    .talkify-info-banner > .talkify-flex {
        width: 1024px;
    }
}

@media screen and (max-width : 1023px) and (min-width : 641px) {
    .talkify-info-banner > .talkify-flex {
        width: 641px;
    }

    .talkify-narrate-form input[type=text], .talkify-narrate-form input[type=submit] {
        font-size: 20px !important;
    }

    .talkify-embed {
        height: 350px;
        width: 80%;
    }
}

/*Phones*/
@media screen and (max-device-width : 640px), only screen and (max-width : 640px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .talkify nav.talkify-top-navigation {
        padding-left: 0;
    }

        .talkify nav.talkify-top-navigation li {
            width: 100%;
            text-align: center;
        }

            .talkify nav.talkify-top-navigation li:first-of-type {
                display: none;
            }

    .talkify #foo {
        padding: 0;
        position: static;
    }

    .talkify-navigation-tab {
        display: none;
    }

    .talkify .talkify-sub-section > div {
        background-color: transparent;
        border: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }

    .talkify-navigation-placeholder,
    .talkify-navigation-links,
    .talkify-scroll-down-arrow,
    .talkify-playlist-actions,
    .talkify-global-notification,
    .talkify-sharebuttons-panel,
    .talkify-playlist-menu,
    .talkify nav.talkify-top-navigation ul.talkify-share-menu,
    .talkify-audio-control-voice-wrapper,
    #demo {
        display: none;
    }

    .talkify-narrate-form input[type=text], .talkify-narrate-form input[type=submit] {
        font-size: 15px !important;
    }

    .talkify-circle {
        width: 200px;
        height: 200px;
    }

    .talkify-info-banner > .talkify-flex {
        max-width: 400px;
    }

    .talkify-main-banner p.talkify-paragraph {
        font-size: 2em;
    }

    .talkify-navigation {
        min-height: 0;
    }

        .talkify-navigation li {
            font-size: inherit;
        }

    #talkify-url-section {
        padding: 20px 0;
    }

    .talkify-tabs > li{
        min-width: 50px;
    }

    .jq-toast-wrap.bottom-right {
        display: none;
    }

    .talkify-body {
        margin-left: 0;
    }

    .talkify-embed {
        height: 275px;
        width: 100%;
    }
}

@media screen and (max-width: 48em) {
    .col-xs-0 {
        width: 0 !important;
        flex-basis: 0 !important;
        max-width: 0 !important;
        overflow: hidden;
        padding: 0 !important;
        height: 0 !important;
    }
}

@media screen and (max-width: 600px) {
    .col-xxs-0 {
        width: 0 !important;
        flex-basis: 0 !important;
        max-width: 0 !important;
        overflow: hidden;
        padding: 0 !important;
    }

    .col-xxs-5 {
        flex-basis: 41.6666666667% !important;
        max-width: 41.6666666667% !important;
    }

    .col-xxs-12 {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}


@media screen and (max-width : 1023px) {
    .vimeo-wrapper {
        display: none;
    }
}
#voice-selector-modal .iziModal-content {
    padding: 5px !important;
}

#voice-selector-modal {
    color: black;
    display: none;
}

    #voice-selector-modal hr {
        margin: 10px 0;
    }

    #voice-selector-modal #wrong-language {
        margin: 15px 0 5px 0;
    }

    #voice-selector-modal ul {
        padding: 0;
        margin: 0;
        width: 100%;
        list-style: none;
    }

    #voice-selector-modal input{
        vertical-align: middle;
    }

    #voice-selector-modal ul {
        padding: 0;
    }

        #voice-selector-modal ul:not(.voice) > li {
            box-shadow: 0px 1px 3px -2px;
        }

        #voice-selector-modal ul > li {
            padding: 5px;
            margin: 10px 0;
        }

        #voice-selector-modal ul.voice {
            display: none;
        }

            #voice-selector-modal ul.voice i {
                margin-right: 10px;
            }

        #voice-selector-modal ul.other-languages {
            display: none;
        }

    #voice-selector-modal .flag {
        margin-right: 10px;
        width: 30px;
        vertical-align: middle;
    }


input.talkify-hamburger {
    display: none;
}

    input.talkify-hamburger:checked ~ label > i {
        background-color: transparent;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

        input.talkify-hamburger:checked ~ label > i:before {
            -webkit-transform: translate(-50%, 0%) rotate(45deg);
            transform: translate(-50%, 0%) rotate(45deg);
        }

        input.talkify-hamburger:checked ~ label > i:after {
            -webkit-transform: translate(-50%, 0%) rotate(-45deg);
            transform: translate(-50%, 0%) rotate(-45deg);
        }

    input.talkify-hamburger:checked ~ label > div::after {
        width: 100%;
    }

    input.talkify-hamburger:checked ~ label > div::before {
        width: 0;
    }

label.talkify-hamburger {
    z-index: 9999;
    position: relative;
    display: block;
    height: 50px;
    width: 50px;
}

    label.talkify-hamburger:hover {
        cursor: pointer;
    }

    label.talkify-hamburger > div {
        font-size: .8em;
    }

        label.talkify-hamburger > div::after, label.talkify-hamburger > div::before {
            top: 100%;
            width: 100%;
            text-align: center;
            position: absolute;
            overflow: hidden;
            transition: width .25s .35s, color .45s .35s;
        }

        label.talkify-hamburger > div::after {
            content: 'CLOSE';
            right: 0;
            width: 0;
        }

        label.talkify-hamburger > div::before {
            content: 'MENU';
            left: 0;
        }

    label.talkify-hamburger > i {
        position: absolute;
        width: 100%;
        height: 2px;
        border-radius: 2px;
        top: 50%;
        background-color: #222;
        pointer-events: auto;
        transition-duration: .35s;
        transition-delay: .35s;
    }

        label.talkify-hamburger > i:before, label.talkify-hamburger > i:after {
            position: absolute;
            border-radius: 2px;
            display: block;
            width: 100%;
            height: 2px;
            left: 50%;
            background-color: #222;
            content: "";
            transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            transition: transform 0.35s, -webkit-transform 0.35s;
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
        }

        label.talkify-hamburger > i:before {
            -webkit-transform: translate(-50%, -14px);
            transform: translate(-50%, -14px);
        }

        label.talkify-hamburger > i:after {
            -webkit-transform: translate(-50%, 14px);
            transform: translate(-50%, 14px);
        }


.primnav ul {
    list-style: none;
    padding: 0;
}

.primnav > ul {
    margin: 0;
}

.primnav li:hover, .primnav expand:hover {
    background-color: #66a9e0;
    background-color: rgba(0, 112, 204, 0.6);
}

.primnav {
    box-shadow: 0px 0px 4px 1px black;
    position: fixed;
    height: 58px;
    width: 55px;
    font-size: .8em;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    transition: height 246ms .5s ease;
    padding-top: 58px;
    overflow-x: hidden;
    overflow-y: hidden;
    box-sizing: border-box;
    z-index: 9998;
}

@media (min-width: 650px) {
    .primnav {
        height: 100vh;
        width: 58px;
        transition: width 246ms .5s ease;
    }
}

.primnav > ul {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.primnav li {
    font-weight: 400;
    position: relative;
}

    .primnav li a {
        position: relative;
        display: flex;
        align-items: center;
        white-space: nowrap;
        color: white;
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none;
    }

.primnav i {
    font-size: 25px;
    padding: 15px;
    margin-right: 5px;
    color: #e6e6e6;
    color: rgba(255, 255, 255, 0.9);
    display: inline-block;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    min-width: 55px;
    text-align:center;
}

.secnav {
    margin-left: 50px;
    border-left: 1px solid black;
    border-left-color: rgba(63, 173, 6, 0.9);
    overflow: hidden;
}

    .secnav li {
        color: #e6e6e6;
        color: rgba(255, 255, 255, 0.9);
        max-height: 100px;
        transition: max-height .1s;
    }

    .secnav i {
        min-width: 61px;
        text-align: center;
        display:inline-block;
    }

@media (min-width: 650px) {
    .secnav li {
        max-height: 0px;
        transition: max-height .5s .5s;
    }
}

.secnav li a {
    text-transform: initial;
    display: block;
    color: inherit;
    /*padding: .75em 10px;*/
}

/** hamburger */
input.talkify-hamburger {
    display: none;
}

    input.talkify-hamburger:checked ~ nav.primnav {
        height: 100vh;
        width: 100vw;
    }

@media (min-width: 650px) {
    input.talkify-hamburger:checked ~ nav.primnav {
        width: 275px;
    }
}

@media (min-width: 650px) {
    input.talkify-hamburger:checked ~ nav.primnav .secnav > li {
        max-height: 100px;
    }

        input.talkify-hamburger:checked ~ nav.primnav .secnav > li:nth-child(1) {
            transition: max-height 0.5s 0.67s ease-in;
        }

        input.talkify-hamburger:checked ~ nav.primnav .secnav > li:nth-child(2) {
            transition: max-height 0.5s 0.69s ease-in;
        }

        input.talkify-hamburger:checked ~ nav.primnav .secnav > li:nth-child(3) {
            transition: max-height 0.5s 0.71s ease-in;
        }

        input.talkify-hamburger:checked ~ nav.primnav .secnav > li:nth-child(4) {
            transition: max-height 0.5s 0.73s ease-in;
        }

        input.talkify-hamburger:checked ~ nav.primnav .secnav > li:nth-child(5) {
            transition: max-height 0.5s 0.75s ease-in;
        }

        input.talkify-hamburger:checked ~ nav.primnav .secnav > li:nth-child(6) {
            transition: max-height 0.5s 0.77s ease-in;
        }

        input.talkify-hamburger:checked ~ nav.primnav .secnav > li:nth-child(7) {
            transition: max-height 0.5s 0.79s ease-in;
        }

        input.talkify-hamburger:checked ~ nav.primnav .secnav > li:nth-child(8) {
            transition: max-height 0.5s 0.81s ease-in;
        }

        input.talkify-hamburger:checked ~ nav.primnav .secnav > li:nth-child(9) {
            transition: max-height 0.5s 0.83s ease-in;
        }

        input.talkify-hamburger:checked ~ nav.primnav .secnav > li:nth-child(10) {
            transition: max-height 0.5s 0.85s ease-in;
        }
}

input.talkify-hamburger:checked ~ label > i {
    background-color: transparent;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

    input.talkify-hamburger:checked ~ label > i:before {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    input.talkify-hamburger:checked ~ label > i:after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
    }

input.talkify-hamburger:checked ~ label close {
    color: rgba(255, 255, 255, 0.8);
    width: 100%;
}

input.talkify-hamburger:checked ~ label open {
    color: rgba(0, 0, 0, 0);
    width: 0;
}

label.talkify-hamburger {
    z-index: 9999;
    position: relative;
    display: block;
    height: 24px;
    width: 24px;
}

    label.talkify-hamburger:hover {
        cursor: pointer;
    }

    label.talkify-hamburger text close,
    label.talkify-hamburger text open {
        text-transform: uppercase;
        align-text: center;
        position: absolute;
        -webkit-transform: translateY(24px);
        transform: translateY(24px);
        text-align: center;
        overflow: hidden;
        transition: width .25s .35s, color .45s .35s;
        font-size: 6px;
    }

    label.talkify-hamburger text close {
        color: rgba(255, 255, 255, 0.8);
        right: 0;
        width: 0;
    }

    label.talkify-hamburger text open {
        color: rgba(255, 255, 255, 0.8);
        width: 100%;
    }

    label.talkify-hamburger > i {
        position: absolute;
        width: 100%;
        height: 2px;
        top: 50%;
        background-color: rgba(255, 255, 255, 0.8);
        pointer-events: auto;
        transition-duration: .35s;
        transition-delay: .35s;
    }

        label.talkify-hamburger > i:before, label.talkify-hamburger > i:after {
            position: absolute;
            display: block;
            width: 100%;
            height: 2px;
            left: 50%;
            background-color: rgba(255, 255, 255, 0.8);
            content: "";
            transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            transition: transform 0.35s, -webkit-transform 0.35s;
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
        }

        label.talkify-hamburger > i:before {
            -webkit-transform: translate(-50%, -7px);
            transform: translate(-50%, -7px);
        }

        label.talkify-hamburger > i:after {
            -webkit-transform: translate(-50%, 7px);
            transform: translate(-50%, 7px);
        }

label.talkify-hamburger {
    position: fixed;
    top: 14px;
    left: 15px;
}

.premium-credits h3 {
    margin: 5px 0;
    padding: 0;
    font-size: 15px;
}

.premium-credits a {
    text-decoration: none;
}

.premium-credits select {
    width: 100%;
    display: block;
}

.premium-credits .label-container {
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px;
}

.premium-credits ul{
    margin:0;
    padding: 0;
    list-style: none;
}
.talkify a.talkify-link:visited, .talkify a.talkify-link {
    color: #8ac832;
}

.talkify-primary:not(header) {
    background-color: hsl(220, 3%, 21%) !important;
    color: #e7dcdc;
    border-color: #50784d;
}

.talkify-primary.transparent-s {
    background-color: #343537e2 !important;
}

.talkify-primary .talkify-disabled {
    color: #e7dcdc70;
}

.talkify-primary-text {
    color: #2d2f31 !important;
}

.talkify-primary a, a.talkify-primary {
    color: #8ac832;
}

.talkify-primary.talkify-clickable:hover {
    background-color: #4d4f52 !important;
    transition: all 0.5s;
}

.talkify-primary.lighter, .talkify-primary .lighter {
    background-color: hsl(210, 4%, 28%) !important;
}

.talkify-secondary {
    background-color: #2e2e2e;
    color: white;
    border-color: #50784d;
}

    .talkify-secondary.transparent-s {
        background-color: #2e2e2ee2;
    }

    .talkify-secondary-text {
        color: #2e2e2e;
    }

a.talkify-secondary, .talkify-secondary a {
    color: #8ac832 !important;
}

    a.talkify-secondary:hover, .talkify-secondary.talkify-clickable:hover {
        background-color: #404040;
    }

.talkify-third {
    background-color: white;
    color: #353535;
    border-color: #ddd;
}

    .talkify-third .talkify-disabled {
        color: #35353570 !important;
    }

    .talkify-third.talkify-clickable:hover {
        background-color: #eaeaea;
        transition: all 0.5s;
    }

.talkify-third-text, a.talkify-third-text {
    color: white !important;
}

.talkify-accent {
    color: white;
    background-color: #8ac832;
    border-color: #2a2a2a;
}

a.talkify-accent {
    color: white !important;
    transition: all 0.5s;
}

    a.talkify-accent:hover {
        background-color: #90da27;
    }

.talkify-accent li:hover {
    background-color: #2d2f31;
    transition: all 0.5s;
}

.talkify-accent.talkify-clickable {
    transition: all 0.25s;
}

    .talkify-accent.talkify-clickable:hover {
        background-color: #90da27;
    }

.talkify-accent-text {
    color: #8ac832 !important;
}

.talkify-accent-border {
    border-color: #8ac832 !important;
}

.talkify-accent.pulsating {
    background-color: transparent;
}

    .talkify-accent.pulsating:before {
        background: #000000;
        background: rgba(0, 0, 0, 0.4);
    }

    .talkify-accent.pulsating:after {
        background-color: #8ac83252;
    }

.talkify-accent a {
    color: white;
}

.talkify-secondary-accent {
    background-color: #191919;
    color: white;
}

header.talkify-primary {
    background-color: #2d2f31e0;
    color: #e7dcdc;
}


/*Dynamic components*/
.talkify-voice-selector li.current-voice {
    background-color: #191919;
}

/*#### 3rd-party*/
.iziModal-header {
    background-color: #2d2f31 !important;
    color: #e7dcdc;
}

.talkify-highlight:hover {
    background-color: #8ac832 !important;
    color: white;
}

.talkify-sentence-highlight {
    background-color: #8ac832 !important;
}

/*.talkify-control-center, .talkify-control-center li, .talkify-control-center button, .talkify-control-center > ul > li {
    background-color: #191919;
    color: white;
}

    .talkify-control-center progress {
        background-color: #2d2f31;
    }

        .talkify-control-center progress::-webkit-progress-value {
            background-color: #8ac832;
        }

        .talkify-control-center progress::-moz-progress-bar {
            background-color: #8ac832;
        }

    .talkify-control-center .talkify-disabled {
        color: #e7dcdc70;
    }

    .talkify-control-center .voice-selector {
        border: 2px solid #8ac832;
    }*/

.jq-toast-wrap, .jq-toast-wrap * {
    margin: 0;
    padding: 0
}

.jq-toast-wrap {
    display: block;
    position: fixed;
    width: 250px;
    pointer-events: none !important;
    letter-spacing: normal;
    z-index: 9000 !important
}

    .jq-toast-wrap.bottom-left {
        bottom: 20px;
        left: 20px
    }

    .jq-toast-wrap.bottom-right {
        bottom: 20px;
        right: 40px
    }

    .jq-toast-wrap.top-left {
        top: 20px;
        left: 20px
    }

    .jq-toast-wrap.top-right {
        top: 20px;
        right: 40px
    }

.jq-toast-single {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 0 0 5px;
    border-radius: 4px;
    font-size: 12px;
    font-family: arial,sans-serif;
    line-height: 17px;
    position: relative;
    pointer-events: all !important;
    background-color: #444;
    color: #fff
}

    .jq-toast-single h2 {
        font-family: arial,sans-serif;
        font-size: 14px;
        margin: 0 0 7px;
        background: 0 0;
        color: inherit;
        line-height: inherit;
        letter-spacing: normal
    }

    .jq-toast-single a {
        color: #eee;
        text-decoration: none;
        font-weight: 700;
        border-bottom: 1px solid #fff;
        padding-bottom: 3px;
        font-size: 12px
    }

    .jq-toast-single ul {
        margin: 0 0 0 15px;
        background: 0 0;
        padding: 0
    }

        .jq-toast-single ul li {
            list-style-type: disc !important;
            line-height: 17px;
            background: 0 0;
            margin: 0;
            padding: 0;
            letter-spacing: normal
        }

.close-jq-toast-single {
    position: absolute;
    top: 3px;
    right: 7px;
    font-size: 14px;
    cursor: pointer
}

.jq-toast-loader {
    display: block;
    position: absolute;
    top: -2px;
    height: 5px;
    width: 0;
    left: 0;
    border-radius: 5px;
    background: red
}

.jq-toast-loaded {
    width: 100%
}

.jq-has-icon {
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px
}

.jq-icon-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
    background-color: #31708f;
    color: #d9edf7;
    border-color: #bce8f1
}

.jq-icon-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
    background-color: #8a6d3b;
    color: #fcf8e3;
    border-color: #faebcc
}

.jq-icon-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);
    background-color: #a94442;
    color: #f2dede;
    border-color: #ebccd1
}

.jq-icon-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);
    color: #dff0d8;
    background-color: #3c763d;
    border-color: #d6e9c6
}