@import url(//fonts.googleapis.com/css?family=Lato:300);

@font-face {
    font-family: 'sbt-default-skin';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
    url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: normal;
    font-style: normal;
}

[class^="sbt-default-skin-icon-"], [class*="sbt-default-skin-icon-"] {
    font-family: 'sbt-default-skin' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    display: inline-block;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sbt-default-skin-icon-refresh:before {
    content: "\f021";
}

.sbt-default-skin-icon-play:before {
    content: "\f04b";
}

.sbt-default-skin-icon-pause:before {
    content: "\f04c";
}

.sbt-default-skin-icon-spinner:before {
    content: "\f110";
}

.sbt-default-skin-icon-volume-high:before {
    content: "\e600";
}

.sbt-default-skin-icon-volume-mute:before {
    content: "\e603";
}

.sbt-default-skin-icon-enlarge:before {
    content: "\e98b";
}

.sbt-default-skin-overlay-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 101;
}

.sbt-default-skin-overlay {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    font-size: 30px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, .3);
    opacity: 0.8;
    border-radius: 5px;
    color: #FFFFFF !important;
    text-decoration: none;
    z-index: 100;
    border: 2px solid rgba(255, 255, 255, .8);
    transition: all .3s 0s ease-in-out;
}

.sbt-default-skin-overlay i {
    color: #FFFFFF !important;
}

.sbt-default-skin-overlay:hover {
    transform: scale(1.1);

}

.sbt-default-skin-control-bar {
    font-family: 'Lato', sans-serif;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    z-index: 100;
    transition: opacity .4s 0s ease-in-out;
    text-align: center;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

.sbt-default-skin-play {
    color: rgba(255, 255, 255, .8);
    font-size: 22px;
    margin-right: 10px;
    width: 22px;
    transition: all .3s 0s ease-in-out;

}

.sbt-default-skin-mute {
    color: rgba(255, 255, 255, .8);
    font-size: 22px;
    width: 22px;
    transition: all .3s 0s ease-in-out;
}

.sbt-default-skin-fullscreen {
    color: rgba(255, 255, 255, .8);
    font-size: 18px;
    margin-left: 10px;
    width: 18px;
    transition: all .3s 0s ease-in-out;
}

.sbt-default-skin-play:hover, .sbt-default-skin-mute:hover, .sbt-default-skin-fullscreen:hover {
    color: #00BAFF;
    transform: scale(1.1);
}

.sbt-default-skin-time, .sbt-default-skin-duration {
    display: block;
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
    cursor: default;
    font-weight: 100;
    margin-right: 10px;
}

.sbt-default-skin-progress {
    position: relative;
    display: block;
    flex: 1;
    height: 6px;
    border-radius: 5px;
    margin-right: 10px;
    background: rgba(255, 255, 255, .3);
    cursor: pointer;
}

.sbt-default-skin-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    max-width: 100%;
    width: 0;
    background: #00b9ff;
    border-radius: 5px;
    pointer-events: none;
    transition: width .1s 0s ease-in-out;
}

.sbt-default-skin-icon-spinner {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 100;
    font-size: 22px;
    color: rgba(255, 255, 255, .8);
}

.sbt-default-skin-skip-ad-btn {
    position: absolute;
    z-index: 102;
    bottom: 60px;
    right: 0;
}

.sbt-default-skin-skip-ad-btn .sbt-default-skin-skip-ad-btn-inner {
    background: rgba(0, 0, 0, .7);
    min-width: 120px;
    padding: 5px 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 0;
    box-sizing: border-box;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.sbt-default-skin-skip-ad-btn .sbt-default-skin-skip-ad-btn-inner .sbt-default-skin-skip-ad-btn-text {
    font-family: 'Lato', sans-serif;
    line-height: 18px;
    font-size: 18px;
    font-weight: bolder;
    color: #ffffff;
}

.sbt-default-skin-skip-ad-btn .sbt-default-skin-skip-ad-btn-inner .sbt-default-skin-skip-ad-btn-text.sbt-default-skin-skip-ad-btn-skipable:after {
    margin-left: 5px;
    content: '\25B6';
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
}

.sbt-spin {
    -webkit-animation: sbt-spin 2s infinite linear;
    animation: sbt-spin 2s infinite linear;
}
@-webkit-keyframes sbt-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes sbt-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}