@charset "UTF-8";

@font-face {
    font-family: 'nuevo';
    src: url('/css/skins/nuevo/fonts/nuevo.eot?crm9vn');
    src: url('/css/skins/nuevo/fonts/nuevo.eot?crm9vn#iefix') format('embedded-opentype'), url('/css/skins/nuevo/fonts/nuevo.ttf?crm9vn') format('truetype'), url('/css/skins/nuevo/fonts/nuevo.woff?crm9vn') format('woff'), url('/css/skins/nuevo/fonts/nuevo.svg?crm9vn#nuevo') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: FSRegular;
    src: url('/css/fonts/FSElliotGrWeb-Regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: FSHeavy;
    src: url('/css/fonts/FSElliotGrWeb-Heavy.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    font-family: FSRegular, Arial;
    color: #FFF;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    background-color: #151515;
    overflow-x: hidden;
}

body,
html,
.toplatest,
.TopSchedule {
    max-width: 1950px !important;
}

@media screen and (min-width: 1930px) {
    body {
        border: solid 1px rgba(255, 255, 255, .2) !important;
    }

    html {
        margin: 10px auto !important;
    }

    .toplatest,
    .TopSchedule {
        overflow: hidden;
        left: auto !important;
    }
}

body {
    font-family: FSRegular, Arial;
    margin: 0;
    background-color: #151515;
    height: 100%;
    overflow-x: hidden;
}

* {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
details,
figcaption,
figure,
footer,
.header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
    border: 0;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
    clear: both;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none;
    outline: none;
    color: #FFF;
    cursor: pointer;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

.popular h2 {
    font-size: 1.1rem
}
.rtid {
    padding: 16px 20px !important;
    background-image: linear-gradient(to right top, #031e41, #081e45, #0f1d49, #171c4c, #1f1b4f);
    border-radius: 5px !important;
}

@media screen and (max-width: 1366px) {
    .weekmovie .allMovies {
        left: 1% !important
    }

    .weekmovie .moviecontent {
        max-width: 90% !important;
        left: 1% !important;
        bottom: 30px !important;
    }
}

@media screen and (max-width: 800px) {
    .moviespage .movieimg {
        background: none !important
    }

    .moviespage .weekmovie {
        height: calc(100% - 120px) !important;
        background: #000 !important;
    }

        .moviespage .weekmovie .moviecontent {
            position: relative !important;
            top: 30px;
            display: block;
            margin: auto;
        }

            .moviespage .weekmovie .moviecontent .date,
            moviespage .weekmovie .moviecontent .time,
            moviespage .weekmovie .moviecontent .date .showname {
                font-size: 1.2rem !important;
            }
}

@media screen and (max-width: 1366px) {
    .homeTeaser .infoBox .showdatetime .showname,
    .showmainteaser .showmetadata h1,
    .homeTeaser .infoBox .showdatetime .time {
        font-size: 3rem;
    }

    .homeTeaser .infoBox .showdatetime {
        height: auto;
    }
}

.searchtextBox {
    position: fixed;
    top: -50px;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: rgba(255, 255, 255, .9);
    transition: all 100ms;
    z-index: 4;
}

    .searchtextBox #searchTxt {
        border: 0;
        width: 100%;
        height: 100%;
        padding: 0 10px 0 10px;
        font-size: 1rem;
        color: #EA3514;
        background-color: transparent;
        font-family: FSRegular;
        font-weight: bold;
    }

        .searchtextBox #searchTxt::placeholder {
            color: #F49854;
            font-weight: bold;
            font-family: FSRegular;
        }

.livebtn {
    font-weight: bold;
    position: fixed;
    height: 28px;
    background-color: #CC5500;
    top: 0;
    left: calc(50% - 75px);
    z-index: 1001;
    width: 150px;
    padding-top: 100px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.4rem;
    transition: ease-in-out 300ms;
}

.homeTeaser {
    width: 100%;
    position: relative;
    border-bottom: solid 1px rgba(255, 255, 255, .2);
    background-color: #000;
    min-height: 800px;
}

    .homeTeaser:after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: block;
        flex-basis: 0%;
        flex-grow: 1;
        flex-shrink: 1;
        background-image: linear-gradient(to bottom, transparent 34%, rgba(21, 21, 21, .8) 90%, #151515), linear-gradient(-90deg, transparent, #000000);
    }

@media screen and (max-width: 650px) {
    .homeTeaser:after {
        display: none;
    }
}

@media screen and (max-width: 1366px) {
    .homeTeaser {
        min-height: 600px;
    }
}

.homeTeaser img {
    width: 100%;
    display: block;
    transition: all 100ms;
}

.homeTeaser .infoBox {
    position: absolute;
    top: 40%;
    left: 2%;
    z-index: 3;
    opacity: 1;
    transition: ease-in 200ms;
    max-width: 60%;
}

@media screen and (max-width: 1366px) {
    .infoBox {
        top: 50% !important;
        max-width: 70% !important;
    }
}

@media screen and (max-width: 1100px) {
    .infoBox {
        top: unset !important;
        bottom: 25%;
        max-width: 70% !important;
    }
}

@media screen and (max-width: 900px) {
    .infoBox {
        top: unset !important;
        bottom: 35%;
    }
}

.infoBox .date {
    font-size: 2rem;
    opacity: .9;
}

.homeTeaser .infoBox .showdatetime {
    width: 100%;
    height: 100px;
}

    .homeTeaser .infoBox .showdatetime .time {
        font-size: 4rem;
        padding-right: 20px;
        color: #CC5500;
        display: inline-block;
        font-family: FSHeavy;
        opacity: .9;
        white-space: nowrap;
    }

    .homeTeaser .infoBox .showdatetime .showname,
    .showmainteaser .showmetadata h1 {
        font-size: 4rem;
        display: inline-block;
        font-family: FSHeavy;
        opacity: .9;
        white-space: nowrap;
        padding: 0;
        margin: 0;
    }

@media screen and (max-width: 650px) {
    .homeTeaser .infoBox .showdatetime .showname,
    .showmainteaser .showmetadata h1,
    .homeTeaser .infoBox .showdatetime .time {
        font-size: 1.5rem !important;
    }

    .latest:before,
    .HomeVZ3:before {
        left: 10px !important;
    }
}

@media screen and (max-width: 1366px) {
    .homeTeaser .infoBox .showdatetime .showname,
    .showmainteaser .showmetadata h1,
    .homeTeaser .infoBox .showdatetime .time {
        font-size: 3rem;
    }

    .homeTeaser .infoBox .showdatetime {
        height: auto;
    }
}

@media screen and (max-width: 1366px) {
    .homeTeaser .infoBox .showdatetime .showname,
    .showmainteaser .showmetadata h1,
    .homeTeaser .infoBox .showdatetime .time {
        font-size: 2rem;
    }

    .homeTeaser .infoBox .showdatetime {
        height: auto;
    }
}

.homeTeaser .infoBox .description,
.showmainteaser .showmetadata .description {
    max-width: 80%;
    opacity: .9;
    display: block;
}

@media screen and (max-width: 1600px) {
    .watch .morewrapper {
        width: 100% !important;
    }
}

@media screen and (max-width: 1100px) {
    .homeTeaser {
        margin-top: 90px;
        min-height: 400px;
    }

    .latest,
    .watch .morewrapper,
    .HomeVZ3 {
        width: 100% !important;
    }

        .latest:before,
        .thisSeasonShows:before,
        .suggestShows:before,
        .HomeVZ3:before {
            left: 20px !important;
        }

    .incaseyoumissit .missitteaser {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .incaseyoumissit .ad300 {
        width: 300px;
        margin: auto;
    }
}

@media screen and (max-width: 800px) {
    .homeTeaser {
        min-height: 300px;
    }

        .homeTeaser .infoBox .description {
            display: none;
        }

        .homeTeaser .infoBox .latestEpisode,
        .homeTeaser .infoBox .allvideos {
            font-size: .8rem !important;
        }

    .header .menu a {
        width: calc(33% - 20px);
        text-align: center;
        padding: 5px;
        font-size: 1.3rem;
    }

    .header .menu .popular h1 {
        font-size: 1.2rem
    }

    .header .menu .popular .menupopular a {
        font-size: 1rem;
    }

    .suggestShows a .mmetadata .airtime {
        display: none !important;
    }
}

@media screen and (max-width: 850px) {
    .livebtn {
        position: fixed !important;
        display: block;
        background-color: #CC5500;
        top: 48px;
        left: calc(50% - 40px);
        z-index: 1001;
        width: 80px;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 650px) {
    .homeTeaser {
        min-height: unset;
    }

    .header .menu a,
    .header .menu .popular h1 {
        font-size: 1rem;
    }

    .homeTeaser .infoBox {
        bottom: unset;
        max-width: unset !important;
        top: 110% !important;
        width: calc(100% - 40px);
    }

    .latest {
        margin-top: 220px !important;
    }

    .incaseyoumissit {
        width: 100% !important;
        display: block !important;
    }

        .incaseyoumissit:before {
            left: 20px;
        }

        .incaseyoumissit .missitteaser {
            display: block;
        }

        .incaseyoumissit .ad300 {
            margin-top: 20px;
        }

    .weekmovie .movieimg {
        background-position: center center;
    }

    .weekmovie .moviecontent .showname {
        font-size: 1.8rem !important;
    }

    .weekmovie .moviecontent span:nth-child(3) {
        display: none !important;
    }

    .weekmovie .allMovies,
    .weekmovie .moviecontent .morebtn,
    .weekmovie .moviecontent .trailerbtn {
        font-size: .8rem !important
    }

    .thisSeasonShows a,
    .suggestShows a {
        width: 200px !important;
    }

    .header a img {
        padding: 30px 0 0 20px;
        width: 100px;
        margin-right: 0px;
    }

    .livebtn {
        position: fixed !important;
        display: block;
        background-color: #CC5500;
        top: 45px !important;
        left: calc(50% - 40px);
        z-index: 1001;
        width: 80px;
        /* padding-top: 8px !important;  padding-bottom: unset !important;*/
        font-size: 1.1rem;
    }

    .weekmovie .allMovies {
        left: 1% !important;
    }

    .header .menu .popular .menupopular a {
        width: calc(50% - 20px);
        font-size: .8rem;
    }
}

@media screen and (max-width: 550px) {
    .livebtn {
        left: unset !important;
        right: 100px;
    }
}

.homeTeaser .infoBox .latestEpisode,
.homeTeaser .infoBox .allvideos,
.showmainteaser .showmetadata .latestEpisode,
.showmainteaser .showmetadata .allvideos {
    background-color: #CC5500;
    display: inline-block;
    padding: 16px 20px;
    margin: 20px 10px 0 0;
    opacity: .9;
    font-weight: bold;
    border-radius: 5px;
}

.latestEpisode {
    background-color: #307FFF !important;
}

.showmainteaser .showmetadata .allvideos {
    background-color: #307FFF;
}

    .homeTeaser .infoBox .latestEpisode:hover,
    .homeTeaser .infoBox .allvideos:hover,
    .livebtn:hover,
    .showmainteaser .showmetadata .allvideos:hover {
        background-color: #FFF;
        color: #CC5500
    }

.latestEpisode:hover {
    background-color: #FFF !important;
    color: #307FFF !important;
}

.homeTeaser .teaservideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    transition: ease-in 1s;
}

.videoactions {
    position: absolute;
    top: 105px;
    right: 20px;
    z-index: 3;
    font-size: 1.7rem;
    background-size: 100%;
    background-repeat: no-repeat;
    display: none;
    cursor: pointer;
    transition: ease-in-out 200ms;
}

.spider:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url('//s.tvopen.gr/images/bg_scene.png');
    opacity: .5;
}

.latest,
.middlesponsoship,
.watch .morewrapper,
.HomeVZ3 {
    position: relative;
    z-index: 3;
    margin: auto;
    margin-top: -300px;
    width: 80%;
    background-color: #232323;
    padding-bottom: 20px;
    border-top: solid 5px #CC5500;
}

.HomeVZ3 {
    margin-top: 100px;
}

.watch .morewrapper {
    margin-top: 0;
}

.middlesponsoship {
    display: block;
    margin-top: 40px;
    border-top: unset;
    padding: 0;
}

    .middlesponsoship img {
        max-width: 100%;
    }

@media screen and (max-width: 650px) {
    .middlesponsoship {
        width: 100%;
    }
}

@media screen and (max-width: 1700px) {
    .latest {
        margin-top: -120px;
    }
}

@media screen and (max-width: 1600px) {
    .latest {
        margin-top: -120px;
        width: 100% !important;
    }

    .HomeVZ3,
    .otherwrapper {
        width: 100% !important;
    }

    .otherwrapper {
        padding: 0 !important;
    }

    .webtv .otherwrapper a {
        width: 25% !important
    }

    .latest:before,
    .thisSeasonShows:before,
    .suggestShows:before,
    .HomeVZ3:before {
        left: 20px !important;
    }
}

@media screen and (max-width: 1300px) {
    .latest {
        margin-top: -80px;
    }
}

@media screen and (max-width: 1100px) {
    .latest {
        margin-top: 0px;
    }
}

.latest:before,
.HomeVZ3:before {
    position: absolute;
    top: -40px;
    content: attr(layer-title);
    font-size: 1.3rem;
}

.latest a,
.HomeVZ3 a {
    display: inline-block;
    position: relative;
    width: 25%;
    min-width: 320px;
    vertical-align: top;
}

    .latest a img,
    .HomeVZ3 a img {
        width: 100%;
        min-width: 320px;
        min-height: 180px;
    }

.latest .title,
.incaseyoumissit .missitteaser .title,
.HomeVZ3 .title {
    font-weight: bold;
    display: block;
    padding: 10px 10px 5px 10px;
    font-size: 1.2rem;
}

.latest .description,
.incaseyoumissit .missitteaser .description,
.HomeVZ3 a .description {
    display: block;
    padding: 0 10px 0 10px;
}

.incaseyoumissit:before {
    position: absolute;
    top: -40px;
    content: "Σε περίπτωση που το έχασες!";
    font-size: 1.3rem;
}

.incaseyoumissit {
    position: relative;
    width: 80%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 100px;
}

    .incaseyoumissit .missitteaser {
        margin-right: 20px;
        background-color: #232323;
        padding-bottom: 20px;
        width: calc(100% - 320px);
    }

        .incaseyoumissit .missitteaser img {
            width: 100%;
            min-height: 211px;
        }

.thisSeasonShows,
.suggestShows {
    position: relative;
    margin-top: 100px;
    width: 100%;
}

    .thisSeasonShows:before,
    .suggestShows:before {
        position: absolute;
        top: -40px;
        left: 10%;
        content: "Οι εκπομπές μας";
        font-size: 1.3rem;
    }

    .suggestShows:before {
        content: "ΠΡΟΤΕΙΝΟΥΜΕ";
        left: 30px;
    }

    .thisSeasonShows a,
    .suggestShows a {
        width: 300px;
        display: inline-block;
        margin: 0 2px 0 2px;
        position: relative;
        transition: all 200ms;
        -webkit-box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.75);
        box-sizing: border-box;
    }

        .thisSeasonShows a img,
        .suggestShows a img {
            width: 100%;
            display: block;
            position: relative;
            z-index: 1;
            min-height: 355px;
        }

        .thisSeasonShows a .mmetadata,
        .suggestShows a .mmetadata {
            z-index: 2;
            position: absolute;
            width: calc(100% - 40px);
            padding: 20px;
            bottom: 0px;
            background-image: linear-gradient(to bottom, transparent 14%, rgba(15, 15, 15, .8) 90%, #111);
        }

            .thisSeasonShows a .mmetadata .movietitle,
            .suggestShows a .mmetadata .movietitle {
                display: block;
                font-weight: bold;
                font-size: 1.2rem;
                padding-bottom: 10px;
            }

            thisSeasonShows a .mmetadata .airtime,
            .suggestShows a .mmetadata .airtime {
                display: block;
                padding-bottom: 10px;
            }

        .thisSeasonShows a:hover,
        .suggestShows a:hover {
            opacity: 1;
            transform: scale(1.15);
            z-index: 3;
            border-style: solid;
            border-width: 10px;
            border-color: #CC5500
        }

@media screen and (max-width: 800px) {
    .thisSeasonShows,
    .suggestShows {
        /*overflow:hidden;*/
    }

        .thisSeasonShows a:hover,
        .suggestShows a:hover {
            border: none !important;
            transform: none !important;
        }
}

.weekmovie {
    height: auto;
    width: auto;
    left: 0;
    top: 0;
    height: 470px;
    margin-top: 100px;
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, .2);
    border-top: solid 1px rgba(255, 255, 255, .2);
    position: relative;
}

    .weekmovie .movieimg:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: linear-gradient(to bottom, transparent 54%, rgba(17, 17, 17, .8) 80%, #111), linear-gradient(to right, #111, rgba(17, 17, 17, .95) 18.75%, rgba(17, 17, 17, .5) 50%, transparent 75%);
    }

    .weekmovie .movieimg {
        margin-left: 0;
        width: 100%;
        height: 100%;
        position: static;
        margin-right: 0;
    }

        .weekmovie .movieimg img {
            width: 100%;
            display: block;
        }

    .weekmovie .moviecontent {
        max-width: 50%;
        left: 10%;
        position: absolute;
        bottom: 10%;
        z-index: 2;
        transition: all 200ms;
        user-select: none;
        -moz-user-select: none;
    }

        .weekmovie .moviecontent h2 {
            font-size: 1.3rem;
            padding: 0;
            margin: 0;
        }

        .weekmovie .moviecontent span {
            display: block;
            /*padding: 20px 20px 20px 0;*/
            /*width: 50%;*/
        }

        .weekmovie .moviecontent .date {
            font-size: 2rem;
            opacity: .9;
            display: block;
        }

        .weekmovie .moviecontent .time {
            width: auto;
            font-size: 3rem;
            padding-right: 20px;
            color: #CC5500;
            display: inline-block;
            font-family: FSHeavy;
            opacity: .9;
            /*white-space: nowrap;*/
        }

        .weekmovie .moviecontent .showname {
            width: auto;
            font-size: 3rem;
            display: inline-block;
            font-family: FSHeavy;
            opacity: .9;
            /*white-space: nowrap;*/
        }

        .weekmovie .moviecontent .description {
            max-width: 80%;
            opacity: .9;
        }

        .weekmovie .moviecontent .morebtn {
            background-color: #307FFF;
            display: inline-block;
            padding: 16px 20px;
            margin: 20px 10px 0 0;
            opacity: .9;
            font-weight: bold;
            border-radius: 5px;
        }

        .weekmovie .moviecontent .trailerbtn {
            background-color: #CC5500;
            display: inline-block;
            padding: 16px 20px;
            margin: 20px 10px 0 0;
            opacity: .9;
            font-weight: bold;
            border-radius: 5px;
        }

    .weekmovie .trailerHolder {
        position: absolute;
        width: 100%;
        margin: auto;
        left: 0;
        top: 0;
        height: 100%;
        background-color: #151515;
        /*display:none;*/
        opacity: 0;
        transition: all 1s;
    }

        .weekmovie .trailerHolder #fmovietrailer {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }

    .weekmovie .allMovies {
        background-color: #307FFF;
        padding: 16px 20px;
        position: absolute;
        top: 20px;
        left: 10%;
        z-index: 3;
        font-size: 1rem;
        font-weight: bold;
        border-radius: 5px;
    }

.big-play-button,
.big-pause-button {
    font-family: VideoJS;
    position: absolute;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 0;
    border-radius: 50%;
    text-shadow: none;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    font-size: 50px;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    transition: all 200ms;
    opacity: 0;
    z-index: 2;
}

    .big-play-button:focus,
    .big-pause-button:focus {
        background: rgba(0, 0, 0, 1);
    }

    .big-play-button:before {
        content: "\f101";
    }

    .big-pause-button:before {
        content: "\f103";
    }

    .big-play-button:focus,
    .big-pause-button:focus {
        background: rgba(0, 0, 0, 1);
    }

    .big-play-button:hover {
        background: rgba(0, 0, 0, 0.7);
    }

.close {
    position: absolute;
    right: 32px;
    top: 32px !important;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    z-index: 3;
    background-color: #000;
    border-radius: 5px;
}

    .close:hover {
        opacity: 1;
    }

    .close:before,
    .close:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 33px;
        width: 2px;
        background-color: #FFF;
    }

    .close:before {
        transform: rotate(45deg);
    }

    .close:after {
        transform: rotate(-45deg);
    }

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
    display: none;
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.footer {
    display: block;
    margin-top: 100px;
    width: 100%;
    border-top: solid 5px #CC5500;
    padding-bottom: 50px;
    position: relative;
    z-index: 8;
    background-color: rgba(0, 0, 0, .6)
}

    .footer .flive {
        background-color: #CC5500;
        width: 40px;
        text-align: center;
        border-radius: 2px;
    }

    .footer .clmn0 img {
        width: 80px;
        padding: 20px;
    }

.icon,
.mytxt {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 20px 10px 0 0;
}

.icon {
    opacity: .5;
}

    .icon:hover {
        opacity: 1;
    }

.mytxt {
    width: 70px;
    text-align: right;
}

.fb {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2060.734%2060.733%22%20style%3D%22enable-background%3Anew%200%200%2060.734%2060.733%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M57.378%2C0.001H3.352C1.502%2C0.001%2C0%2C1.5%2C0%2C3.353v54.026c0%2C1.853%2C1.502%2C3.354%2C3.352%2C3.354h29.086V37.214h-7.914v-9.167h7.914%20%20%20v-6.76c0-7.843%2C4.789-12.116%2C11.787-12.116c3.355%2C0%2C6.232%2C0.251%2C7.071%2C0.36v8.198l-4.854%2C0.002c-3.805%2C0-4.539%2C1.809-4.539%2C4.462%20%20%20v5.851h9.078l-1.187%2C9.166h-7.892v23.52h15.475c1.852%2C0%2C3.355-1.503%2C3.355-3.351V3.351C60.731%2C1.5%2C59.23%2C0.001%2C57.378%2C0.001z%22%20fill%3D%22%23969696%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A");
}

.ig {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2010%2010%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Instagram%22%20fill%3D%22%23969696%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22instagram%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M5%2C0%20C3.64166667%2C0%203.47208333%2C0.00625%202.93875%2C0.03%20C2.40625%2C0.055%202.04375%2C0.13875%201.725%2C0.2625%20C1.39625%2C0.39%201.11708333%2C0.56125%200.839166667%2C0.839166667%20C0.56125%2C1.11708333%200.389583333%2C1.39583333%200.2625%2C1.725%20C0.13875%2C2.04375%200.0545833333%2C2.40625%200.03%2C2.93875%20C0.005%2C3.47208333%200%2C3.64166667%200%2C5%20C0%2C6.35833333%200.00625%2C6.52791667%200.03%2C7.06125%20C0.055%2C7.59333333%200.13875%2C7.95625%200.2625%2C8.275%20C0.39%2C8.60333333%200.56125%2C8.88291667%200.839166667%2C9.16083333%20C1.11708333%2C9.43833333%201.39583333%2C9.61041667%201.725%2C9.7375%20C2.04416667%2C9.86083333%202.40666667%2C9.94541667%202.93875%2C9.97%20C3.47208333%2C9.995%203.64166667%2C10%205%2C10%20C6.35833333%2C10%206.52791667%2C9.99375%207.06125%2C9.97%20C7.59333333%2C9.945%207.95625%2C9.86083333%208.275%2C9.7375%20C8.60333333%2C9.61%208.88291667%2C9.43833333%209.16083333%2C9.16083333%20C9.43833333%2C8.88291667%209.61041667%2C8.60458333%209.7375%2C8.275%20C9.86083333%2C7.95625%209.94541667%2C7.59333333%209.97%2C7.06125%20C9.995%2C6.52791667%2010%2C6.35833333%2010%2C5%20C10%2C3.64166667%209.99375%2C3.47208333%209.97%2C2.93875%20C9.945%2C2.40666667%209.86083333%2C2.04333333%209.7375%2C1.725%20C9.61%2C1.39625%209.43833333%2C1.11708333%209.16083333%2C0.839166667%20C8.88291667%2C0.56125%208.60458333%2C0.389583333%208.275%2C0.2625%20C7.95625%2C0.13875%207.59333333%2C0.0545833333%207.06125%2C0.03%20C6.52791667%2C0.005%206.35833333%2C0%205%2C0%20Z%20M5%2C0.9%20C6.33458333%2C0.9%206.49375%2C0.906666667%207.02083333%2C0.929583333%20C7.50833333%2C0.9525%207.77291667%2C1.03333333%207.94875%2C1.1025%20C8.18291667%2C1.19291667%208.34875%2C1.30125%208.52458333%2C1.47583333%20C8.69916667%2C1.65083333%208.8075%2C1.81708333%208.89791667%2C2.05125%20C8.96625%2C2.22708333%209.04791667%2C2.49166667%209.07%2C2.97916667%20C9.09375%2C3.50666667%209.09916667%2C3.665%209.09916667%2C5%20C9.09916667%2C6.335%209.09291667%2C6.49375%209.06833333%2C7.02083333%20C9.04291667%2C7.50833333%208.96166667%2C7.77291667%208.89291667%2C7.94875%20C8.79958333%2C8.18291667%208.69333333%2C8.34875%208.51833333%2C8.52458333%20C8.34375%2C8.69916667%208.175%2C8.8075%207.94333333%2C8.89791667%20C7.76833333%2C8.96625%207.49958333%2C9.04791667%207.01208333%2C9.07%20C6.48125%2C9.09375%206.325%2C9.09916667%204.9875%2C9.09916667%20C3.64958333%2C9.09916667%203.49333333%2C9.09291667%202.96291667%2C9.06833333%20C2.475%2C9.04291667%202.20625%2C8.96166667%202.03125%2C8.89291667%20C1.79416667%2C8.79958333%201.63125%2C8.69333333%201.45666667%2C8.51833333%20C1.28125%2C8.34375%201.16916667%2C8.175%201.08166667%2C7.94333333%20C1.01291667%2C7.76833333%200.932083333%2C7.49958333%200.906666667%2C7.01208333%20C0.887916667%2C6.48708333%200.88125%2C6.325%200.88125%2C4.99375%20C0.88125%2C3.66208333%200.887916667%2C3.49958333%200.906666667%2C2.96833333%20C0.932083333%2C2.48083333%201.01291667%2C2.2125%201.08166667%2C2.0375%20C1.16916667%2C1.8%201.28125%2C1.6375%201.45666667%2C1.46208333%20C1.63125%2C1.2875%201.79416667%2C1.175%202.03125%2C1.08791667%20C2.20625%2C1.01875%202.46916667%2C0.9375%202.95666667%2C0.9125%20C3.48791667%2C0.89375%203.64416667%2C0.8875%204.98125%2C0.8875%20L5%2C0.9%20Z%20M5%2C2.4325%20C3.58125%2C2.4325%202.4325%2C3.5825%202.4325%2C5%20C2.4325%2C6.41875%203.5825%2C7.5675%205%2C7.5675%20C6.41875%2C7.5675%207.5675%2C6.4175%207.5675%2C5%20C7.5675%2C3.58125%206.4175%2C2.4325%205%2C2.4325%20Z%20M5%2C6.66666667%20C4.07916667%2C6.66666667%203.33333333%2C5.92083333%203.33333333%2C5%20C3.33333333%2C4.07916667%204.07916667%2C3.33333333%205%2C3.33333333%20C5.92083333%2C3.33333333%206.66666667%2C4.07916667%206.66666667%2C5%20C6.66666667%2C5.92083333%205.92083333%2C6.66666667%205%2C6.66666667%20Z%20M8.26916667%2C2.33125%20C8.26916667%2C2.6625%208%2C2.93125%207.66916667%2C2.93125%20C7.33791667%2C2.93125%207.06916667%2C2.66208333%207.06916667%2C2.33125%20C7.06916667%2C2.00041667%207.33833333%2C1.73166667%207.66916667%2C1.73166667%20C7.99958333%2C1.73125%208.26916667%2C2.00041667%208.26916667%2C2.33125%20Z%22%20id%3D%22Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E");
}

.tw {
    width: 25px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210px%22%20height%3D%228px%22%20viewBox%3D%220%200%2010%208%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Twitter%22%20transform%3D%22translate%280.000000%2C%20-1.000000%29%22%20fill%3D%22%23969696%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22twitter%22%20transform%3D%22translate%280.000000%2C%201.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M9.98041748%2C0.952683652%20C9.61168285%2C1.11221613%209.21794925%2C1.22089506%208.80338319%2C1.27051828%20C9.22586559%2C1.01994156%209.55085205%2C0.625006408%209.70459564%2C0.153790947%20C9.30836215%2C0.381401548%208.86921378%2C0.547085662%208.40173326%2C0.63936023%20C8.02841548%2C0.246065515%207.49635432%2C0%206.9055456%2C0%20C5.77350944%2C0%204.85563102%2C0.903470549%204.85563102%2C2.01650689%20C4.85563102%2C2.17644948%204.87438023%2C2.33024043%204.90854548%2C2.47746963%20C3.20444981%2C2.39831855%201.69409608%2C1.5928641%200.683304862%2C0.37524991%20C0.505395609%2C0.671348747%200.405816424%2C1.01543036%200.405816424%2C1.39027016%20C0.405816424%2C2.09155688%200.768301321%2C2.70795099%201.31744511%2C3.07007741%20C0.981209116%2C3.05941457%200.664972293%2C2.96837033%200.389150452%2C2.81745015%20L0.389150452%2C2.84246681%20C0.389150452%2C3.82057723%201.09453773%2C4.63628441%202.03324861%2C4.82206387%20C1.86117245%2C4.86758599%201.67951335%2C4.89219255%201.49327111%2C4.89219255%20C1.36244323%2C4.89219255%201.23703179%2C4.87988927%201.11162035%2C4.85692316%20C1.37452606%2C5.65786641%202.1303279%2C6.2418619%203.02987376%2C6.25826626%20C2.32990292%2C6.79920029%201.44285655%2C7.12154611%200.487479688%2C7.12154611%20C0.324986459%2C7.12154611%200.162909879%2C7.1121136%200%2C7.0940688%20C0.912045331%2C7.66576101%201.98658389%2C8%203.14861881%2C8%20C6.92096163%2C8%208.98129245%2C4.9258215%208.98129245%2C2.26421285%20C8.98129245%2C2.17850003%208.98129245%2C2.09196699%208.97504271%2C2.00584406%20C9.37544269%2C1.72327882%209.72501146%2C1.36607372%2010%2C0.960885836%20L9.98041748%2C0.952683652%20Z%22%20id%3D%22Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E")
}

.youtube {
    width: 25px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210px%22%20height%3D%228px%22%20viewBox%3D%220%200%2010%208%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Youtube%22%20transform%3D%22translate%280.000000%2C%20-1.000000%29%22%20fill%3D%22%23969696%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22youtube%22%20transform%3D%22translate%280.000000%2C%201.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M9.79122799%2C1.23528932%20C9.6733471%2C0.751795608%209.34328791%2C0.373983442%208.92090462%2C0.23904754%20C8.14144834%2C6.76869904e-06%205.00444943%2C6.76869904e-06%205.00444943%2C6.76869904e-06%20C5.00444943%2C6.76869904e-06%201.87537014%2C-0.00476450418%201.08799425%2C0.23904754%20C0.665610962%2C0.373983442%200.335551766%2C0.751795608%200.217670874%2C1.23528932%20C0.0699162221%2C2.14875455%20-0.00292752911%2C3.07602864%209.00302909e-05%2C4.00501322%20C-0.00235707429%2C4.93049236%200.0704842891%2C5.85422195%200.217670874%2C6.76424033%20C0.335551766%2C7.24773403%200.665610962%2C7.6255462%201.08799425%2C7.7604821%20C1.86661688%2C8%205.00444943%2C8%205.00444943%2C8%20C5.00444943%2C8%208.13311191%2C8%208.92090462%2C7.7604821%20C9.34328791%2C7.6255462%209.6733471%2C7.24773403%209.79122799%2C6.76424033%20C9.93533956%2C5.85389233%2010.0051108%2C4.93016541%209.99963876%2C4.00501322%20C10.0056812%2C3.0763568%209.93590767%2C2.14908539%209.79122799%2C1.23528932%20Z%20M4.0032441%2C5.71837731%20L4.0032441%2C2.28640073%20L6.61421422%2C4.00501322%20L4.0032441%2C5.71837731%20Z%22%20id%3D%22Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E");
}

.disclaimer {
    display: block;
    margin: 20px 10px 0 0;
}

/*****contact******/

.contact .stitle {
    display: block;
    margin-top: 180px;
    width: calc(100% - 40px);
    text-align: center;
    padding: 20px 0 0 0;
    font-weight: normal;
}

.contact .contactwrapper {
    width: 600px;
    margin: auto;
    margin-top: 50px;
}

@media screen and (max-width: 640px) {
    .contact .contactwrapper {
        width: 95%;
    }
}

.contact .contactwrapper input,
.contact .contactwrapper textarea {
    width: calc(100% - 20px);
    padding: 10px;
    border: 0;
    border-radius: 5px;
    background-color: #565656;
    font-family: FSRegular;
    font-size: 1rem;
    color: #FFF;
}

.contact .contactwrapper textarea {
    height: 100px;
    resize: none;
}

.contact label {
    display: block;
    padding: 20px 0 5px 0;
}

.contact .submitBtn {
    background-color: #CC5500 !important;
    width: 100px !important;
    text-align: center;
    margin-top: 30px;
    float: right;
}

/******Cookies*******/

.contentWrapper {
    width: 80%;
    margin: auto;
    margin-top: 150px;
}

/******Live********/

.Live .vjs-progress-holder,
.Live .vjs-duration-display,
.Live .vjs-time-divider {
    display: none;
}

.Live .vjs-live-display {
    font-size: 1.1em;
    padding-top: 4px;
}

.Live .vjs-time-divider {
    display: none !important
}

.Live .myplayer {
    width: 100%;
    height: 100%;
}

.vjs-big-play-button {
    background-color: transparent !important;
    transition: ease-out 100ms !important;
    border: solid 3px rgba(255, 255, 255, .5) !important;
}

.video-js.skin-1 .vjs-big-play-button {
    opacity: .8
}

.vjs-control-bar {
    border-top: solid 1px rgba(255, 255, 255, .2);
    transition: all 200ms;
}

.Live .catchupitems {
    width: 100%;
    height: 0%;
    background-color: #232323;
    overflow: hidden;
}

    .Live .catchupitems a {
        display: inline-block;
        position: relative;
        max-width: 200px;
    }

    .Live .catchupitems img {
        width: 100%;
        min-width: 200px;
    }

    .Live .catchupitems .title {
        display: block;
        padding: 10px 10px 5px 10px;
        font-size: .8rem;
    }

.Live #fullBody {
    display: none;
}

.Live .youwatching {
    position: absolute;
    display: block;
    top: 30%;
    left: 5%;
    font-size: 4rem;
    font-family: FSHeavy;
    z-index: 7;
    opacity: .6;
    max-width: 50%;
}

@media screen and (max-width: 640px) {
    .Live .youwatching {
        font-size: 2rem;
    }
}

.Live .youwatching span {
    display: block;
    font-size: 1.3rem;
    font-family: FSRegular;
    opacity: .7
}

/******** Show About ************/

.showMenu {
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 1;
    font-size: 1.1rem;
    color: rgba(255, 255, 255, .5);
    display: flex;
    width: calc(100% - 60px);
    padding: 10px 30px 10px 30px;
    background-color: transparent;
}

@media screen and (max-width: 640px) {
    .showMenu {
        padding: 10px 30px 10px 10px !important;
        width: calc(100% - 20px) !important;
    }
}

.showmainteaser {
    position: relative
}

    .showmainteaser img {
        width: 100%;
    }

.show .showmainteaser img {
    min-height: 250px;
}

.videoLib .showmainteaser img,
.AboutPage .showmainteaser img {
    min-height: 150px;
}

.AboutPage .showmainteaser:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 500px;
    display: block;
    flex-basis: 0%;
    flex-grow: 1;
    flex-shrink: 1;
    background-image: linear-gradient(to bottom, transparent 34%, rgba(21, 21, 21, .8) 90%, #151515);
}

.showMenu .right {
    margin-left: auto;
    margin-right: 0;
    padding-top: 5px;
}

@media screen and (max-width: 1100px) {
    .showMenu .right {
        display: none;
    }
}

.showMenu .left a {
    display: inline-block;
    padding: 10px 20px 10px 20px;
    margin-right: 5px;
    color: #FFF;
}

    .showMenu .left a:hover,
    .showMenu .left .smenu {
        background-color: unset;
        color: #FFF;
        border-bottom: solid 2px rgba(238, 102, 0, .5);
    }

.showMenu .left .smenu {
    border-bottom: solid 2px rgba(238, 102, 0, .5);
    color: #FFF;
}

.showMenu .left a:first-child {
    font-weight: bold;
}

.aboutmainteaser {
    width: 100%;
    margin-top: 121px;
}

    .aboutmainteaser img {
        width: 100%;
    }

.AboutDetails {
    display: flex;
    margin: auto;
    margin-top: 50px;
    width: 80%;
}

    .AboutDetails .showtitle {
        width: 30%;
        padding: 20px;
        color: #CCC;
    }

        .AboutDetails .showtitle span:first-child {
            font-size: 1.4rem;
            font-weight: bold;
            display: block;
            color: #FFF;
        }

    .AboutDetails .showdescription p {
        padding: 0 0 5px 0;
        margin: 0;
    }

@media screen and (max-width: 1366px) {
    .aboutmainteaser img {
        margin-top: 170px;
    }

    .videosWrapper {
        margin-top: -130px;
    }

    .showmainteaser .showmetadata {
        top: 50%;
    }

    .otherwrapper {
        width: 95%;
    }

    .infoBox .description,
    .showmainteaser .showmetadata .description {
        max-width: 100%;
        font-size: .9rem;
    }
}

@media screen and (max-width: 1100px) {
    .AboutDetails {
        display: block;
    }

        .AboutDetails .showtitle span:first-child {
            font-size: 1.4rem;
            font-weight: bold;
            display: block;
            color: #FFF;
            width: 100%;
        }

    .showmainteaser .showmetadata {
        position: absolute;
        top: calc(100% - 150px);
        z-index: 3;
        max-width: 50%;
    }

    .showmainteaser {
        margin-top: 90px;
    }

    .videosWrapper {
        margin-top: 30px;
    }

    .otherwrapper {
        width: calc(100% - 40px);
    }

    .showmainteaser .showmetadata {
        max-width: 80%;
    }

    .otherwrapper a {
        width: calc(33% - 20px);
    }
}

@media screen and (max-width: 1100px) {
    .homeTeaser .infoBox .description,
    .showmainteaser .showmetadata .description {
        max-width: 100%;
    }

    .otherwrapper a {
        width: calc(50% - 20px);
    }

    .videosWrapper:before {
        left: 15px;
    }
}

@media screen and (max-width: 800px) {
    .AboutDetails {
        width: 98%;
    }

    .othertitle {
        margin-top: 30px;
        padding: 0;
    }

    .aboutmainteaser img {
        width: 150%;
        margin-left: -25%;
    }

    .AboutDetails .showtitle {
        width: 100%;
        padding: 0;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 650px) {
    .showmainteaser .showmetadata {
        max-width: 95%;
        top: unset;
        bottom: -100px;
    }

    .videosWrapper {
        margin-top: 180px;
    }

    .otherwrapper {
        width: 100%;
        overflow: hidden;
    }

        .otherwrapper a {
            width: calc(100% - 20px);
        }

    .showMenu {
        padding: 10px;
    }

        .showMenu .right {
            display: none
        }

    .showmainteaser img {
        position: relative;
        width: 150%;
        left: -25%;
    }

    .showMenu {
        width: 100%;
    }

        .showMenu .left {
            width: 100%;
            display: block;
        }

            .showMenu .left a {
                display: inline-block;
            }
}

/********* Show **************/

.show .showmainteaser {
    position: relative;
    width: 100%;
    min-height: 250px;
}

    .show .showmainteaser:after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: block;
        flex-basis: 0%;
        flex-grow: 1;
        flex-shrink: 1;
        background-image: linear-gradient(to bottom, transparent 34%, rgba(21, 21, 21, .8) 90%, #151515), linear-gradient(-90deg, transparent, #000000);
    }

    .show .showmainteaser img {
        display: block;
        width: 100%;
    }

    .show .showmainteaser .showmetadata {
        position: absolute;
        top: 30%;
        left: 2%;
        z-index: 3;
        opacity: 1;
        transition: ease-in 200ms;
        max-width: 45%;
        overflow: hidden;
    }

        .show .showmainteaser .showmetadata h1 {
            word-wrap: break-word;
            white-space: normal;
        }

.show .showMenu {
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 3;
    font-size: 1.1rem;
    color: rgba(255, 255, 255, .5);
    display: flex;
    width: calc(100% - 50px);
    padding: 10px 30px 10px 25px;
    background-color: transparent;
}

    .show .showmenu .left {
    }

    .show .showMenu .right {
        margin-left: auto;
        margin-right: 0;
        padding-top: 5px;
    }

    .show .showMenu .left a {
        display: inline-block;
        padding: 10px 20px 10px 20px;
    }



    .show .showMenu .left .smenu {
        border-radius: 2px;
    }

    .show .showMenu .left a:first-child {
        font-weight: bold;
    }

.show .videosWrapper {
    position: relative;
    padding:10px;
}
.participants {
    padding:10px;
}

 .show .videosWrapper:before {
    content: "ΤΕΛΕΥΤΑΙΑ ΕΠΕΙΣΟΔΙΑ";
    position: absolute;
    top: -30px;
    left: 1%;
    
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    border-radius: 2px;
    opacity: .8;
}

    .show .videosWrapper a {
        width: 320px;
        display: inline-block;
        margin: 5px;
        position: relative;
        z-index: 1;
        transition: all 200ms;
        border-radius: 10px;

    }

        .show .videosWrapper a img {
            -webkit-box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.64);
            -moz-box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.64);
            box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.64);
            border-radius: 2px;
            margin-bottom: 10px;
            max-height: 180px;
            border-radius:10px;
        }

        .show .videosWrapper a:hover {
            transform: scale(1.1);
            z-index: 2;
            background-color: #CC5500;
            font-weight: bold;
            padding: 10px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        }

.show .otherwrapper a:hover {
    background-color: #CC5500;
    color: #000;
    font-weight: bold;
}

@media screen and (max-width: 800px) {
    .show .videosWrapper a:hover {
        transform: none !important;
        background-color: unset !important;
        padding: 0;
    }

    .show .otherwrapper a:hover,
    .videoLib .otherwrapper a:hover,
    .webtv .otherwrapper a:hover {
        background-color: unset !important;
        color: #FFF !important;
        font-weight: normal;
    }

    .watch .othertitle {
        font-weight: normal !important;
    }
}

.show .videosWrapper a:hover img {
    box-shadow: none;
}

.show .otherwrapper {
    display: block;
    width: calc(100% - 40px);
    text-align: center;
    padding: 20px;
    font-weight: normal;
    margin-top: 50px;
    z-index: 4;
    position: relative;
}

.show .otherwrapper {
    width: 90%;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .show .otherwrapper a {
        display: block;
        width: calc(25% - 20px);
        padding: 10px;
    }

        .show .otherwrapper a img {
            width: 100%;
            box-shadow: 9px 10px 39px -16px rgba(21, 21, 21, 1);
        }

        .show .otherwrapper a span {
            display: block;
            padding: 10px;
        }

.show .othertitle {
    position: relative;
    display: block;
    z-index: 4;
    width: calc(100% - 40px);
    text-align: center;
    padding: 20px;
    font-weight: normal;
    margin-top: 80px;
    color: #5e5e5e;
}

.show .AllContent {
    margin-top: -350px;
}

@media screen and (max-width: 1600px) {
    .show .AllContent {
        margin-top: -150px;
    }
}

@media screen and (max-width: 1366px) {
    .show .AllContent {
        margin-top: 30px;
    }

    .show .showmainteaser .showmetadata {
        top: 50%;
    }

    .show .otherwrapper {
        width: 95%;
    }

    .show .infoBox .description,
    .show .showmainteaser .showmetadata .description {
        max-width: 100%;
        font-size: .9rem;
    }
}

@media screen and (max-width: 1100px) {
    .show .AllContent {
        margin-top: 80px;
    }

    .show .showmainteaser .showmetadata {
        position: absolute;
        top: calc(100% - 150px);
        z-index: 3;
        max-width: 50%;
    }

    .show .showmainteaser {
        margin-top: 90px;
    }

    .show .otherwrapper {
        width: calc(100% - 40px);
    }

    .show .showmainteaser .showmetadata {
        max-width: 80%;
    }

    .show .otherwrapper a {
        width: calc(33% - 20px);
    }
}

@media screen and (max-width: 1100px) {
    .show .homeTeaser .infoBox .description,
    .show .showmainteaser .showmetadata .description {
        max-width: 100%;
    }

    .show .otherwrapper a {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 800px) {
    .show .othertitle {
        margin-top: 30px;
        padding: 0;
    }
}

@media screen and (max-width: 650px) {
    .show .showmainteaser .showmetadata {
        max-width: 95%;
        top: unset;
        bottom: -20px;
    }

    .show .videosWrapper {
        margin-top: 90px;
    }

    .show .otherwrapper a {
        width: calc(100% - 20px);
    }

    .show .showMenu {
        padding: 10px;
    }

        .show .showMenu .right {
            display: none
        }

    .show .showmainteaser img {
        position: relative;
        width: 150%;
        left: -25%;
    }

    .show .showMenu {
        width: 100%;
    }

        .show .showMenu .left {
            width: 100%;
            display: block;
        }

            .show .showMenu .left a {
                display: inline-block;
            }
}

/*********video library*********/

.videoLib .showmainteaser {
    position: relative;
    width: 100%;
}

    .videoLib .showmainteaser:after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 500px;
        display: block;
        flex-basis: 0%;
        flex-grow: 1;
        flex-shrink: 1;
        background-image: linear-gradient(to bottom, transparent 34%, rgba(21, 21, 21, .8) 90%, #151515)
    }

    .videoLib .showmainteaser img {
        display: block;
        width: 100%;
    }

    .videoLib .showmainteaser .showmetadata {
        position: absolute;
        top: 30%;
        left: 2%;
        z-index: 3;
        opacity: 1;
        transition: ease-in 200ms;
        max-width: 40%;
    }

.videoLib .showMenu {
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 9;
    font-size: 1.1rem;
    color: rgba(255, 255, 255, .5);
    display: flex;
    width: calc(100% - 60px);
    padding: 10px 30px 10px 30px;
    background-color: transparent;
}

    .videoLib .showMenu .right {
        margin-left: auto;
        margin-right: 0;
        padding-top: 5px;
    }

    .videoLib .showMenu .left a {
        display: inline-block;
        padding: 10px 20px 10px 20px;
    }




.showMenu .left a:first-child {
    font-weight: bold;
}

.videoLib .otherwrapper {
    display: block;
    width: calc(100% - 40px);
    text-align: center;
    padding: 20px;
    font-weight: normal;
    margin: auto;
    z-index: 4;
    position: relative;
    width: 90%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .videoLib .otherwrapper a {
        display: block;
        width: calc(25% - 20px);
        padding: 10px;
        border-radius: 10px;
        box-shadow: 9px 10px 39px -16px rgba(21, 21, 21, 1);
    }

    .videoLib .otherwrapper .ad {
        min-width: 300px;
        min-height: 250px;
    }

    .videoLib .otherwrapper a img {
        width: 100%;
        
        border-radius: 10px;
    }

    .videoLib .otherwrapper a span {
        display: block;
        padding: 10px;
    }

    .videoLib .otherwrapper a:hover {
        background-color: #CC5500;
        color: #000;
        font-weight: bold;
    }

.videoLib .othertitle {
    position: relative;
    display: block;
    z-index: 4;
    width: calc(100% - 40px);
    text-align: center;
    padding: 20px;
    font-weight: normal;
    margin-top: -150px;
}

@media screen and (max-width: 1366px) {
    .videoLib .othertitle {
        margin-top: -50px;
    }

    .videoLib .showmainteaser .showmetadata {
        top: 50%;
    }

    .videoLib .otherwrapper {
        width: 95%;
    }

    .videoLib .infoBox .description,
    .videoLib .showmainteaser .showmetadata .description {
        max-width: 100%;
        font-size: .9rem;
    }
}

@media screen and (max-width: 1100px) {
    .videoLib .showmainteaser .showmetadata {
        position: absolute;
        top: calc(100% - 150px);
        z-index: 3;
        max-width: 50%;
    }

    .videoLib .showmainteaser {
        margin-top: 90px;
    }

    .videoLib .videosWrapper {
        margin-top: 30px;
    }

    .videoLib .otherwrapper {
        width: calc(100% - 40px);
    }

    .videoLib .showmainteaser .showmetadata {
        max-width: 80%;
    }

    .videoLib .otherwrapper a {
        width: calc(33% - 20px);
    }
}

@media screen and (max-width: 1100px) {
    .videoLib .homeTeaser .infoBox .description,
    .videoLib .showmainteaser .showmetadata .description {
        max-width: 100%;
    }

    .videoLib .otherwrapper a {
        width: calc(50% - 20px);
    }

    .videoLib .videosWrapper:before {
        left: 15px;
    }
}

@media screen and (max-width: 800px) {
    .videoLib .othertitle {
        margin-top: 30px;
        font-size: 1.5rem !important;
    }

    .videoLib .otherwrapper a {
        padding: 5px !important;
    }
}

@media screen and (max-width: 650px) {
    .videoLib .othertitle {
        margin-top: 0;
    }

    .videoLib .showmainteaser .showmetadata {
        max-width: 95%;
        top: unset;
        bottom: -100px;
    }

    .videoLib .videosWrapper {
        margin-top: 180px;
    }

    .videoLib .otherwrapper a {
        width: calc(100% - 20px);
    }

    .videoLib .showMenu {
        padding: 10px;
    }

        .videoLib .showMenu .right {
            display: none
        }

    .videoLib .showmainteaser img {
        position: relative;
        width: 150%;
        left: -25%;
    }

    .videoLib .showMenu {
        width: 100%;
    }

    .videoLib showMenu .left {
        width: 100%;
        display: block;
    }

    .videoLib .showMenu .left a {
        display: inline-block;
    }
}

/***********watch***************/

.watch .playerWrapper {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    margin-top: 160px;
    width: 100%;
    font-size: 100%;
    vertical-align: baseline;
    width: 100%;
    /*calc((100vh - 80px - 144px) * 16/9);*/
    height: 100%;
    max-height: calc(100vh - 180px);
}

    .watch .playerWrapper .vholder {
        margin: 0 auto;
        width: 100%;
        max-width: calc((100vh - 180px) * 16/9);
        height: 100%;
        position: relative;
        min-height: 200px;
    }

.watch .othertitle,
.videoinfo {
    margin: 0 auto;
    max-width: calc((100vh - 180px) * 16/9);
    font-weight: normal;
    margin-top: 20px;
    position: relative;
}

.watch .othertitle {
    color: #5c5c5c;
    max-width: unset;
    margin: 0 auto;
    max-width: calc((100vh - 180px)* 16 / 9);
}

@media screen and (max-height: 700px) {
    .watch .playerWrapper {
        max-height: calc(100vh - 80px);
    }

        .watch .playerWrapper .vholder {
            max-width: calc((100vh - 80px) * 16/9);
        }

    .watch .othertitle,
    .videoinfo {
        max-width: calc((100vh - 80px) * 16/9);
    }
}

@media screen and (max-width: 1100px) {
    .watch .videoinfo,
    .watch .othertitle {
        max-width: 90%;
    }

    .watch .playerWrapper .vholder {
        max-width: calc((100vh - 180px) * 16/9);
    }
}

.watch .othertitle {
    text-align: left;
    font-size: 1rem;
    font-weight: bold;
}

.watch .videoinfo h1 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 25px;
}

.watch .videoinfo .description {
    display: inline-block;
    margin: 5px 0 10px 0;
    vertical-align: top;
}

.watch .videoinfo .videoCategory,
.Live .videoCategory,
.watch .videoinfo .commentsBox {
    background-color: #CC5500;
    padding: 16px 20px;
    border-radius: 5px;
    /*max-width: 60%;*/
    overflow: hidden;
    display: inline-block;
    margin: 0 5px 5px 0;
    white-space: nowrap;
}

.watch .videoinfo .commentsBox {
    background-color: rgba(255, 255, 255, .2);
}

#LiveEpg .videoCategory {
    position: absolute;
    top: 10px;
    right: 0px;
}

    #LiveEpg .videoCategory:hover {
        background-color: #CC5500 !important;
        color: #000;
    }

@media screen and (max-width: 1100px) {
    #LiveEpg {
        padding-bottom: 50px !important;
    }

        #LiveEpg .videoCategory {
            position: absolute;
            top: unset;
            bottom: 10px;
            right: 0px;
        }
}

.watch .videoinfo .publishday {
    font-size: 1rem;
    color: #5c5c5c;
    display: block;
    margin: 20px 0 5px 0;
}

.watch .playerWrapper .vholder video {
    height: 100%;
    width: auto;
    padding: 0;
    margin: 0;
    display: block;
}

.watch .otherwrapper a {
    width: 320px;
    display: inline-block;
    margin: 5px;
    position: relative;
    z-index: 1;
    transition: all 200ms;
    vertical-align: top;
    border-radius:10px;
}

    .watch .otherwrapper a img {
        width: 100%;
        min-width: 320px;
        min-height: 180px;
        border-radius: 2px;
        margin-bottom: 10px;
        display: block;
    }

    .watch .otherwrapper a:hover {
        transform: scale(1.1);
        z-index: 2;
        background-color: #CC5500;
        color: #000;
        font-weight: bold;
        padding: 10px;
    }

.watch .morewrapper a {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    min-width: 320px;
    padding: 0 !important;
}

@media screen and (max-width: 1100px) {
    .morewrapper {
        width: 100% !important;
    }
}

.watch .morewrapper a img {
    width: 100%;
    display: block;
}

.watch .morewrapper a .title {
    font-weight: bold;
    font-size: 1.1rem
}

.watch .morewrapper a span {
    display: block;
    padding: 10px;
}

.watch .switch {
    position: absolute;
    right: 10px;
    width: 200px;
    height: 24px;
    font-size: 1rem;
    color: #5c5c5c;
}

    .watch .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.watch .slider {
    width: 50px;
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .3);
    -webkit-transition: .4s;
    transition: .4s;
}

    .watch .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.watch input:checked + .slider {
    background-color: #307FFF;
}

.watch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.watch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */

.watch .slider.round {
    border-radius: 34px;
}

    .watch .slider.round:before {
        border-radius: 50%;
    }

.watch .showMenu {
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 3;
    font-size: 1.1rem;
    color: rgba(255, 255, 255, .5);
    display: flex;
    width: calc(100% - 60px);
    padding: 10px 30px 10px 30px;
    background-color: transparent;
}

    .watch .showmenu .left {
    }

    .watch .showMenu .right {
        margin-left: auto;
        margin-right: 0;
        padding-top: 5px;
    }

    .watch .showMenu .left a {
        display: inline-block;
        padding: 10px 20px 10px 20px;
        margin-right: 5px;
    }

        .watch .showMenu .left a:hover,
        .showMenu .left .smenu {
            color: #FFF;
        }



    .watch .showMenu .left a:first-child {
        font-weight: bold;
    }

.watch .otherwrapper {
    white-space: nowrap;
    padding:10px;
}

    .watch .otherwrapper .title {
        display: block;
        width: 100%;
        text-wrap: normal;
        white-space: pre-wrap
    }

/***********webtv***********/

.webtv .webtvwrapper {
    margin-top: 30px;
    white-space: nowrap;
}

    .webtv .webtvwrapper a {
        width: 320px;
        display: inline-block;
        margin: 5px;
        position: relative;
        z-index: 1;
        transition: all 200ms;
        box-sizing: border-box;
        vertical-align: top;
        border-radius:10px;
    }

        .webtv .webtvwrapper a img {
            width: 100%;
            border-radius: 2px;
            margin-bottom: 10px;
        }

        .webtv .webtvwrapper a .title {
            display: block;
            width: 100%;
            text-wrap: normal;
            white-space: pre-wrap
        }

        .webtv .webtvwrapper a:hover {
            transform: scale(1.1);
            z-index: 2;
            background-color: #CC5500;
            padding: 10px;
            box-shadow: 2px -9px 103px -32px rgba(0, 0, 0, 0.87);
            font-weight:bold;
        }

@media screen and (max-width: 800px) {
    .webtv .webtvwrapper a:hover,
    .watch .otherwrapper a:hover {
        transform: none !important;
        background: none !important;
        padding: 0 !important;
        box-shadow: none;
        color: #FFF !important
    }
}

.webtv .stitle,
.othertitle {
    display: block;
    margin-top: 150px;
    width: calc(100% - 40px);
    text-align: center;
    padding: 20px;
    font-weight: normal;
    color: #5e5e5e;
    font-size: 1.3rem
}

.webtv .othertitle {
    margin-top: 20px;
}

.webtv .otherwrapper {
    width: calc(90% - 60px);
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .webtv .otherwrapper a {
        display: block;
        width: calc(25% - 20px);
        padding: 10px;
        box-sizing: border-box;
        vertical-align: top;
    }

        .webtv .otherwrapper a img {
            width: 100%;
        }

    .webtv .otherwrapper .ad img {
        min-width: 300px !important;
    }

    .webtv .otherwrapper a span {
        display: block;
        padding: 10px;
    }

    .webtv .otherwrapper a:hover {
        background-color: #CC5500;
        color: #000;
        font-weight: bold;
    }

@media screen and (max-width: 1100px) {
    .webtv .otherwrapper {
        width: calc(100% - 40px);
    }

        .webtv .otherwrapper a {
            width: calc(50% - 20px);
        }
}

@media screen and (max-width: 650px) {
    .webtv .otherwrapper a {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 480px) {
    .webtv .otherwrapper a {
        width: calc(100% - 20px);
    }
}

/**********Schedule************/

.schedule .dailyWrapper {
    width: 60%;
    margin: auto;
    margin-top: 200px;
}

@media screen and (max-width: 1366px) {
    .schedule .dailyWrapper {
        width: 80%;
    }
}

@media screen and (max-width: 1300px) {
    .schedule .dailyWrapper {
        width: 95%;
    }
}

.schedule .row {
    display: block;
    width: 100%;
    padding-bottom: 15px;
}

.schedule .isLive {
    background-color: #CC5500;
}

.schedule .row2 {
    background-color: #CC5500;
}

.schedule .isLive.row2 {
    /*background-color: #FF0000 !important;*/
}

.schedule .row2 .time {
    color: #FFF !important;
}

.schedule .row2 .showdetails .title {
    color: #000;
}

.schedule .row2 .showdetails .gender {
    color: #000 !important;
}

.schedule .row2 .showdetails .down {
    display: block;
}

.schedule .row2 .showdetails .fulldetails {
    display: block !important;
    height: auto !important;
}

.schedule .row2 .showdetails .down {
    bottom: 20px !important;
    transform: rotate(225deg) !important;
}

.schedule .dailyWrapper .time {
    font-size: 2rem;
    padding: 10px 0 10px 15px;
    color: #CC5500;
    display: inline-block;
    vertical-align: top;
    width: 90px;
}

.schedule .dailyWrapper .showdetails {
    width: calc(100% - 105px);
    display: inline-block;
    position: relative;
}

    .schedule .dailyWrapper .showdetails .title {
        display: block;
        width: 100%;
        font-size: 2rem;
        /*font-family:FSHeavy;*/
        padding: 10px 0 0 10px;
        cursor: pointer;
    }

    .schedule .dailyWrapper .showdetails .gender {
        padding: 10px;
        color: #808080;
    }

.schedule .isLive .showdetails .gender {
    color: #000 !important;
}

.schedule .isLive .time {
    color: #000 !important;
}

.schedule .dailyWrapper .showdetails .down {
    position: absolute;
    bottom: calc(50% - 10px);
    right: 20px;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    border-style: solid;
    border-color: white;
    border-width: 0px 3px 3px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    transition: all 200ms;
    cursor: pointer;
}

.schedule .dailyWrapper .showdetails .fulldetails {
    margin-top: 20px;
    display: none;
    overflow: hidden;
    height: 0;
    transition: all 200ms;
}

    .schedule .dailyWrapper .showdetails .fulldetails .img {
        width: 20%;
        display: inline-block;
        vertical-align: top;
    }

@media screen and (max-width: 800px) {
    .schedule .dailyWrapper .showdetails .fulldetails .img {
        width: 80%;
        display: block;
        vertical-align: top;
    }

    .schedule .dailyWrapper .showdetails .fulldetails .fulldescription {
        width: 100% !important;
    }

    .schedule .calendarpicker {
        display: none;
    }
}

.schedule .dailyWrapper .showdetails .fulldetails .img img {
    width: 100%;
    vertical-align: top;
}

.schedule .dailyWrapper .showdetails .fulldetails .fulldescription {
    display: inline-block;
    width: 70%;
    padding: 10px;
    color: #000;
    vertical-align: top;
}

.schedule .morebtn,
.schedule .trailerbtn {
    display: inline-block;
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    width: unset !important;
}

.schedule .fulldetails .morebtn,
.fulldetails .trailerbtn {
    margin: 10px 10px 0 0;
    background-color: #FFF;
    color: #CC5500;
}

.schedule .fulldetails .trailerbtn {
    margin-left: 0;
}

.schedule #onairBtn {
    display: block;
    text-align: center;
    transition: all 600ms;
}

.schedule .dayname {
    display: block;
    width: calc(100% - 10px);
    font-size: 1.8rem;
    padding: 10px 0 10px 10px;
    position: relative;
}

.schedule .clbtn {
    padding: 10px;
    padding-left: 60px;
    background-color: #307FFF;
    font-size: 1rem;
    position: absolute;
    right: 40px;
    width: 230px;
    cursor: pointer;
}

    .schedule .clbtn:before {
        position: absolute;
        left: 20px;
        top: 5px;
        background-image: url('/images/calendar.png');
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        background-size: 25px;
        content: "";
    }

/*************calendar***********/

.schedule .calendar {
    position: absolute;
    top: 50px;
    z-index: 8;
    right: -300px;
    width: 300px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 5px 50px rgba(0, 0, 0, 0.5);
    /*border-radius: 8px;*/
    overflow: hidden;
    transition: ease-in-out 100ms;
}

.schedule .calendar__picture {
    position: relative;
    height: 200px;
    padding: 20px;
    color: #fff;
    background: #262626 url("https://s.tvopen.gr/imgHandler/640/286ce1c2-3091-4055-b589-bc54958484b0.jpg") no-repeat center/cover;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

    .schedule .calendar__picture::before {
        content: "";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.1));
    }

    .schedule .calendar__picture h2 {
        margin-top: 30px;
        font-size: 1.4rem;
        color: #CC5500;
    }

    .schedule .calendar__picture h3 {
        margin: 0;
        font-size: 2rem;
        color: #FFF;
    }

.schedule .calendar__date {
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25px, 1fr));
    grid-gap: 10px;
    box-sizing: border-box;
}

.schedule .calendar__day {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    font-weight: 600;
    color: #262626;
}

    .schedule .calendar__day:nth-child(7) {
        color: #CC5500;
    }

.schedule .calendar__number {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    color: #262626;
    font-size: 1rem;
    border-radius: 3px;
}

    .schedule .calendar__number:nth-child(7n) {
        color: #307FFF;
        font-weight: 700;
    }

.schedule .nextmonth {
    background-color: #CC5500 !important;
    color: #FFF !important
}

    .schedule .nextmonth:hover {
        background-color: #307FFF !important;
    }

.schedule .calendar__number--current,
.calendar__number:hover {
    background-color: #307FFF;
    color: #fff !important;
    font-weight: 700;
    cursor: pointer;
}

.schedule .scheduleHeader {
    position: absolute;
    top: 121px;
    height: 60px;
    width: 100%;
    transition: ease-in-out 200ms;
    z-index: 8;
    padding-left: 25px;
}

    .schedule .scheduleHeader span {
        font-size: 1.4rem;
    }

.schedule .vjs-current-time-display,
.schedule .vjs-time-control,
.schedule .vjs-time-divider,
.schedule .vjs-duration-display,
.schedule .vjs-live-display,
.schedule .vjs-fullscreen-control,
.schedule .vjs-progress-control {
    display: none !important;
}

.schedule .otherday {
    width: calc(100% - 20px);
    background-color: #307FFF;
    padding: 10px;
    font-size: 1.4rem;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .schedule .dailyWrapper .showdetails .down {
        display: none;
    }

    .schedule .dailyWrapper .showdetails .title,
    .dailyWrapper .time {
        font-size: 1.5rem;
        width: auto;
    }

    .schedule .dayname {
        width: calc(100% - 40px);
        background-color: #307FFF;
        padding: 10px;
        font-size: 1.4rem;
        text-align: center;
        margin: auto;
    }

    .schedule .clbtn {
        display: none;
    }

    .schedule .scheduleHeader {
        padding-left: 0;
    }

    .schedule .calendar {
        display: none;
    }
}

.resultsDiv {
    position: fixed;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    left: 0;
    z-index: 10000;
}

/*********shows page ***********/

.showspage .seriesWrapper {
    margin-top: 90px;
}

    .showspage .seriesWrapper .stitle,
    .showspage .catTitle {
        display: block;
        margin-top: 150px;
        width: calc(100% - 40px);
        text-align: center;
        padding: 20px;
        font-weight: normal;
    }

    .showspage.seriesWrapper .catTitle {
        margin-top: 30px;
    }

    .showspage .seriesWrapper .catArea {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

        .showspage .seriesWrapper .catArea a {
            display: block;
            width: calc(33% - 40px);
            margin: 20px;
            position: relative;
            overflow: hidden;
            border-radius:10px;
        }

            .showspage .seriesWrapper .catArea a:hover:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 3px;
                background-color: #CC5500;
                z-index: 5;
            }

            .showspage .seriesWrapper .catArea a img {
                width: 100%;
                transition: all 200ms;
            }

            .showspage .seriesWrapper .catArea a .mmetadata {
                z-index: 2;
                position: absolute;
                width: calc(100% - 20px);
                left: 0px;
                bottom: 0px;
                padding: 10px;
                padding-top: 50px;
                background-image: linear-gradient(to bottom, transparent 14%, rgba(15, 15, 15, .8) 90%, #111);
            }

                .showspage .seriesWrapper .catArea a .mmetadata .movietitle {
                    display: block;
                    font-weight: bold;
                    font-size: 1.2rem;
                    padding-bottom: 10px;
                }

                .showspage .seriesWrapper .catArea a .mmetadata .airtime {
                    display: block;
                    padding-bottom: 10px;
                }

                .showspage .seriesWrapper .catArea a .mmetadata .details {
                    display: none;
                }

            .showspage .seriesWrapper .catArea a:hover > .mmetadata .details,
            .seriesWrapper .catArea a:hover > .shadow {
                display: block;
            }

            .showspage .seriesWrapper .catArea a:hover img {
                transform: scale(1.2);
            }

            .showspage .seriesWrapper .catArea a:hover span {
                text-shadow: 0px 1px 0 #121212;
            }

            .showspage .seriesWrapper .catArea a .shadow {
                display: none;
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 2;
                background-image: linear-gradient(to bottom, transparent 54%, rgba(21, 21, 21, .8) 80%, #151515);
            }

.showspage .lettersWrapper,
.navwrapper {
    width: 90%;
    margin: auto;
}

    .showspage .lettersWrapper a {
        margin: 5px;
        padding: 13.33333px 0;
        text-align: center;
        color: #6D6E71;
        text-decoration: none;
        background: #212121;
        width: calc(90%/24 - 10px);
        height: 50px;
        min-width: 50px;
        display: block;
        box-sizing: border-box;
    }

.showspage .navwrapper {
    margin-top: 30px;
}

    .showspage .navwrapper a {
        border-radius: 5px;
        color: #6D6E71;
        background: #212121;
        padding: 10px;
        margin: 5px;
        word-wrap: hyphenate;
    }

.showspage .lettersWrapper a:hover,
.navwrapper a:hover {
    font-weight: bold;
    color: #000;
    background-color: #CC5500;
}

@media screen and (max-width: 800px) {
    .showspage .seriesWrapper .catArea a {
        width: calc(50% - 40px);
    }

    .showspage .lettersWrapper,
    .navwrapper {
        width: calc(100% - 20px);
        padding: 10px;
    }
}

@media screen and (max-width: 650px) {
    .showspage .seriesWrapper .catArea a {
        width: calc(100% - 40px);
    }
}

.showspage .en {
    display: none
}

.showspage .switcher {
    background-color: #CC5500 !important;
    color: #000 !important;
}

.showspage .inactive {
    background-color: rgba(0, 0, 0, .1) !important;
    color: rgba(255, 255, 255, .1) !important;
}

    .showspage .inactive:hover {
        background-color: rgba(0, 0, 0, .1) !important;
    }

@media screen and (max-width: 1100px) {
    .show .showMenu {
        padding-left: 15px !important;
    }
}

@media screen and (max-width: 410px) {
    .livebtn {
        top: 40px !important;
        left: unset !important;
        right: 20px;
    }

    .header .searchcontainer {
        display: none;
    }

    .homeTeaser .infoBox .latestEpisode,
    .homeTeaser .infoBox .allvideos {
        padding: 10px 10px 10px 10px;
    }

    .header .menu .popular .menupopular a {
        width: calc(100% - 20px);
        font-size: .8rem;
    }

    .header .menu {
        width: calc(100% - 10px);
        padding: 5px;
    }

    .webtv .webtvwrapper a,
    .show .videosWrapper a {
        width: 280px;
    }

        .show .videosWrapper a img {
            width: 100%;
        }
}

.h_banner {
    margin-top: 20px;
    text-align: center;
    height: auto;
    width: 100%;
}

.lazyimg {
    opacity: .1;
    transition: all 400ms;
}

.ad {
    position: relative;
}

    .ad:before {
        position: absolute;
        top: calc(50% - 50px);
        left: calc(50% - 80px);
        width: 120px;
        text-align: center;
        display: block;
        background-color: rgba(255, 255, 255, .01);
        content: "ΔΙΑΦΗΜΙΣΗ";
        padding: 20px;
        color: #5E5E5E;
        border-radius: 2px;
        z-index: -1
    }

    .ad:hover {
        background-color: transparent !important;
    }

.show .morevideosbtn {
    display: block;
    width: 110px;
    margin-top: 50px;
    padding: 10px 20px 10px 20px;
    margin: auto;
    background-color: #307FFF;
    padding: 16px 20px;
    border-radius: 5px;
}

    .show .morevideosbtn:hover {
        background-color: #FFF;
        color: #307FFF;
    }

.seemore img {
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
    border-radius: unset !important;
}

.seemore:hover {
    transform: scale(1) !important;
    background-color: unset !important;
    padding: 0 !important;
}

.xw {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #eb4d4f;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    cursor: pointer;
}

.xl {
    height: 25px;
    width: 8px;
    margin-left: 16px;
    margin-top: 8px;
    background-color: #FFF;
    transform: rotate(45deg);
    z-index: 1;
    border-radius: 5px;
}

.xr {
    height: 25px;
    width: 8px;
    background-color: #FFF;
    transform: rotate(90deg);
    z-index: 2;
    border-radius: 5px;
}

.voteButton {
    display: none;
    /*-webkit-animation: voteButton .6s ease-in-out both;*/
    /*animation: voteButton .6s ease-in-out both;*/
    box-shadow: -1px 2px 15px -4px rgba(0, 0, 0, 0.75);
    font-size: 1rem;
    position: fixed;
    bottom: 0px;
    right: 0px;
    padding: 20px;
    padding-right: 60px;
    border-radius: 5px;
    z-index: 23444444;
    background-color: #FFD300;
}

    .voteButton a {
        color: #000;
    }

@-webkit-keyframes voteButton {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes voteButton {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/* watch new */

.watch .vjs-seek-to-live-control {
    display: none !important
}

.watch .video-js.skin-1 .vjs-progress-control {
    left: 1%;
    bottom: 60px;
    width: 98%;
}

.watch .video-js.skin-1 .vjs-control-bar {
    background: transparent;
    height: 60px;
    background-image: linear-gradient(to top, #111, rgba(17, 17, 17, .95) 18.75%, rgba(17, 17, 17, .5) 50%, transparent 75%);
}

.watch .vjs-control-bar,
.video-js.skin-1 .vjs-fullscreen-control,
.video-js.skin-1 .vjs-play-control {
    border: 0 !important;
}

.watch .video-js.skin-1 .vjs-button > .vjs-icon-placeholder:before {
    line-height: 60px;
    font-size: 30px;
}

.watch .video-js.skin-1 .vjs-time-control {
    line-height: 60px;
    font-size: 18px;
    font-family: FSRegular;
}

.watch .video-js.skin-1 .vjs-volume-panel .vjs-volume-control {
    top: 28px !important;
}

.watch .video-js.skin-1 .vjs-play-progress {
    background: linear-gradient(to right, rgb(238, 102, 0) 0%, rgb(48, 127, 255) 100%) !important;
}

.watch .video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    background-color: #FFF;
}

.watch .endcard {
    position: absolute;
    border-radius: 2px;
    display: none;
    bottom: 15%;
    z-index: 1001;
    width: 50%;
    right: 2%;
    background-color: #CC5500;
    padding: 10px;
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.75);
}

.endcard img {
    width: 100%
}

.endcard .title {
    display: block;
    padding: 10px 0 5px 0;
    font-size: 1.2rem;
    font-weight: bold;
    text-shadow: rgb(206, 89, 55) 2px 2px 2px;
    color: rgb(255, 255, 255);
}

.endcard .description {
    display: block;
    padding: 0;
    color: rgba(255, 255, 255, .7)
}

@media screen and (max-width: 800px) {
    .endcard {
        width: 40%;
        bottom: 20%;
    }

        .endcard .description {
            display: none;
        }
}

@media screen and (max-width: 600px) {
    .endcard {
        width: 40%;
        bottom: 20%;
        right: 30%
    }
}

@media screen and (max-width: 500px) {
    .endcard {
        width: 50%;
        bottom: 10%;
        right: 25%
    }
}

.close {
    top: -40px
}

.embed {
    display: inline-block;
    background-color: #307FFF !important;
}

.embedfloat {
    display: none;
    position: fixed;
    top: 50%;
    left: calc(50% - 200px);
    width: 350px;
    background-color: #000;
    padding: 20px;
    z-index: 100000
}

    .embedfloat textarea {
        width: 100%;
        border: 0;
        background-color: #151515;
        color: #FFF;
        height: 60px;
        overflow: hidden
    }

    .embedfloat .copy {
        display: block;
        margin: 20px 0 0 0;
        text-align: center;
        padding: 10px;
        background-color: #307FFF;
        border-radius: 2px;
    }

        .embedfloat .copy:hover {
            background-color: #FFF;
            color: #307FFF
        }

    .embedfloat .close {
        right: 0;
        opacity: 1;
    }

        .embedfloat .close:hover {
            background-color: red;
            cursor: pointer
        }

.vjs-chromecast-button {
    position: absolute !important;
    right: 40px;
}

.vjs-resolution-button {
    color: #ccc;
    font-family: VideoJS;
}

    .vjs-resolution-button .vjs-resolution-button-staticlabel:before {
        content: '\f110';
        font-size: 1.8em;
        line-height: 1.67;
    }

    .vjs-resolution-button .vjs-resolution-button-label {
        font-size: 1em;
        line-height: 3em;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        box-sizing: inherit;
        font-family: Arial, Helvetica, sans-serif;
    }

    .vjs-resolution-button ul.vjs-menu-content {
        width: 4em !important;
    }

    .vjs-resolution-button .vjs-menu {
        left: 0;
    }

        .vjs-resolution-button .vjs-menu li {
            text-transform: none;
            font-size: 1em;
            font-family: Arial, Helvetica, sans-serif;
        }

.tooltip {
    position: absolute;
    display: none;
    bottom: 60px;
    width: 95%;
    right: 25px;
    width: 250px;
    background-color: rgba(238, 51, 68, .75);
    z-index: 9999999999;
    text-align: center;
    padding: 10px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.75)
}

    .tooltip .arrow-down {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid rgba(238, 51, 68, .75);
        position: absolute;
        bottom: -10px;
        right: 20px
    }

.video-js.skin-1 .vjs-progress-holder .vjs-load-progress,
.video-js.skin-1 .vjs-progress-holder .vjs-load-progress div,
.video-js.skin-1 .vjs-progress-holder .vjs-play-progress {
    height: 5px;
}

.video-js.skin-1 .vjs-progress-holder {
    height: 5px;
}

.video-js.skin-1 .vjs-play-progress:before {
    top: -4px;
    font-size: 14px;
}

@media screen and (orientation:landscape) {
    @media screen and (max-width: 1100px) {
        .watch .playerWrapper, .watch .playerWrapper .vholder {
            max-width: unset;
            width: 100% !important;
            z-index: 99999
        }

        .watch .playerWrapper {
            max-height: unset
        }
    }
}

/*chromecast*/

@font-face {
    font-family: chromecast;
    src: url("/css/fonts/chromecast.eot?#iefix") format("eot")
}

@font-face {
    font-family: chromecast;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg7RB+YAAAC8AAAAYGNtYXAXVdKJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZjwDrFcAAAF4AAAAzGhlYWQKebynAAACRAAAADZoaGVhCTwFQQAAAnwAAAAkaG10eAk7AAAAAAKgAAAAFGxvY2EAKAB6AAACtAAAAAxtYXhwAAoALwAAAsAAAAAgbmFtZccyBsQAAALgAAABqnBvc3QAAwAAAAAEjAAAACAAAwU7AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QH//f//AAH/4xcDAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAEAAAAAAU7BAAADgATAB8ALAAAExEeARcRIREhHgEXIREhAxUzLgEnFR4DFzMuAycVHgMXMy4DJ08bNBoEGv1eCg8GAuz7FE+XD1E3LE09KQhqCDtZc0JSkG9HCWoKV4y2aAQA/k8GDwoBZ/0hGjQbA7H8l5c3UclqCCk9TSxCc1k7wmoJR2+QUmi2jFcKAAABAAAAAQAAsTF8aV8PPPUACwQAAAAAANMQO9UAAAAA0xA71QAAAAAFOwQAAAAACAACAAAAAAAAAAEAAAQAAAAAAAU7AAAAAAU7AAEAAAAAAAAAAAAAAAAAAAAFBAAAAAAAAAAAAAAAAAAAAAU7AAAAAAAAAAoAFAAeAGYAAQAAAAUALQAEAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAoAAAABAAAAAAACAAcAewABAAAAAAADAAoAPwABAAAAAAAEAAoAkAABAAAAAAAFAAsAHgABAAAAAAAGAAoAXQABAAAAAAAKABoArgADAAEECQABABQACgADAAEECQACAA4AggADAAEECQADABQASQADAAEECQAEABQAmgADAAEECQAFABYAKQADAAEECQAGABQAZwADAAEECQAKADQAyENocm9tZWNhc3QAQwBoAHIAbwBtAGUAYwBhAHMAdFZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMENocm9tZWNhc3QAQwBoAHIAbwBtAGUAYwBhAHMAdENocm9tZWNhc3QAQwBoAHIAbwBtAGUAYwBhAHMAdFJlZ3VsYXIAUgBlAGcAdQBsAGEAckNocm9tZWNhc3QAQwBoAHIAbwBtAGUAYwBhAHMAdEZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAT4AAsAAAAABKwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDtEH5mNtYXAAAAFoAAAAVAAAAFQXVdKJZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAMwAAADMPAOsV2hlYWQAAAKQAAAANgAAADYKebynaGhlYQAAAsgAAAAkAAAAJAk8BUFobXR4AAAC7AAAABQAAAAUCTsAAGxvY2EAAAMAAAAADAAAAAwAKAB6bWF4cAAAAwwAAAAgAAAAIAAKAC9uYW1lAAADLAAAAaoAAAGqxzIGxHBvc3QAAATYAAAAIAAAACAAAwAAAAMFOwGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEEAAAAAAAEAAAAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkB//3//wAB/+MXAwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABAAAAAAFOwQAAA4AEwAfACwAABMRHgEXESERIR4BFyERIQMVMy4BJxUeAxczLgMnFR4DFzMuAydPGzQaBBr9XgoPBgLs+xRPlw9RNyxNPSkIagg7WXNCUpBvRwlqCleMtmgEAP5PBg8KAWf9IRo0GwOx/JeXN1HJaggpPU0sQnNZO8JqCUdvkFJotoxXCgAAAQAAAAEAALExfGlfDzz1AAsEAAAAAADTEDvVAAAAANMQO9UAAAAABTsEAAAAAAgAAgAAAAAAAAABAAAEAAAAAAAFOwAAAAAFOwABAAAAAAAAAAAAAAAAAAAABQQAAAAAAAAAAAAAAAAAAAAFOwAAAAAAAAAKABQAHgBmAAEAAAAFAC0ABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAKAAAAAQAAAAAAAgAHAHsAAQAAAAAAAwAKAD8AAQAAAAAABAAKAJAAAQAAAAAABQALAB4AAQAAAAAABgAKAF0AAQAAAAAACgAaAK4AAwABBAkAAQAUAAoAAwABBAkAAgAOAIIAAwABBAkAAwAUAEkAAwABBAkABAAUAJoAAwABBAkABQAWACkAAwABBAkABgAUAGcAAwABBAkACgA0AMhDaHJvbWVjYXN0AEMAaAByAG8AbQBlAGMAYQBzAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBDaHJvbWVjYXN0AEMAaAByAG8AbQBlAGMAYQBzAHRDaHJvbWVjYXN0AEMAaAByAG8AbQBlAGMAYQBzAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJDaHJvbWVjYXN0AEMAaAByAG8AbQBlAGMAYQBzAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff"), url("/css/fonts/chromecast.svg?chromecast") format("svg");
    font-weight: normal;
    font-style: normal
}

.vjs-icon-chromecast,
.video-js .vjs-chromecast-button,
.vjs-tech-chromecast .casting-overlay .casting-information .casting-icon {
    font-family: chromecast;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-chromecast:before,
    .video-js .vjs-chromecast-button:before,
    .vjs-tech-chromecast .casting-overlay .casting-information .casting-icon:before {
        content: ""
    }

.video-js .vjs-chromecast-button {
    cursor: pointer
}

.video-js .vjs-chromecast-button {
    font-size: 0.7em
}

    .video-js .vjs-chromecast-button:before {
        line-height: 2.3
    }

    .video-js .vjs-chromecast-button.connected {
        color: #66A8CC
    }

    .video-js .vjs-chromecast-button.error {
        color: #c70000
    }

.vjs-tech-chromecast .casting-image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.vjs-tech-chromecast .casting-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: default
}

    .vjs-tech-chromecast .casting-overlay .casting-information {
        position: absolute;
        bottom: 8em;
        right: 8em;
        height: 50px;
        color: #FFF
    }

        .vjs-tech-chromecast .casting-overlay .casting-information .casting-icon {
            font-size: 44px;
            line-height: 50px;
            margin-right: 10px;
            float: left;
            width: 58px;
            height: 50px
        }

        .vjs-tech-chromecast .casting-overlay .casting-information .casting-description {
            height: 50px;
            font-size: 20px;
            line-height: 20px
        }

            .vjs-tech-chromecast .casting-overlay .casting-information .casting-description small {
                font-size: 11px
            }

/***** update from 06032020 ********/

@media screen and (min-width: 1860px) {
    html {
        background-color: rgba(0, 0, 0, .9);
    }
}

html,
.menuBar {
    margin: 0 auto;
    max-width: 1920px;
}

body::-webkit-scrollbar {
    width: 8px;
    background-color: rgba(255, 255, 255, .1);
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.99);
}

.menuBar {
    width: calc(100% - 40px);
    transition: all 500ms;
    padding: 25px 20px 0 20px;
    height: 65px;
    background-color: rgba(0, 0, 0, .1);
    font-size: 2rem;
    position: fixed;
    z-index: 999;
    border-bottom: solid 1px rgba(255, 255, 255, .099)
}

    .menuBar div,
    .menuBar a {
        display: inline-block;
        margin-right: 10px;
        vertical-align: bottom
    }

.logo {
    width: 105px;
    height: 40px;
    background-image: url('//s.tvopen.gr/images/OpenLogo.svg');
    background-size: contain;
    font-size: 0;
    background-repeat: no-repeat;
}

.logoSmall {
    vertical-align: baseline;
    width: 33px;
    background-image: url('//s.tvopen.gr/images/open-key.png');
    background-size: contain;
    font-size: 0;
    background-repeat: no-repeat;
}

.live {
    background-color: #CC5500;
    font-weight: bold;
    padding: 8px 0 8px 0;
    width: 80px;
    text-align: center;
    border-radius: 5px;
    font-size: 1.2rem;
    position: absolute;
    left: calc(50% - 40px);
    bottom: 25px;
    border: solid 1px rgba(0, 0, 0, .099)
}

    .live:hover {
        color: #CC5500;
        background-color: #FFF;
    }

.search,
.login {
    position: absolute;
    right: 25px;
    bottom: 35px;
}

.login {
    right: 60px;
}

    .search i,
    .login i {
        vertical-align: bottom;
        font-size: 1.3rem
    }

.menu {
    margin-left: 20px;
}

    .menu a {
        font-size: 1.3rem;
        padding: 8px 15px 8px 15px;
        border: solid 1px transparent
    }

        .menu a:hover {
            border: solid 1px rgba(255, 255, 255, .2);
            border-radius: 2px;
        }

.burger {
    padding: 0;
    margin: 0;
    padding-right: 15px;
    display: none !important
}

    .burger i {
        vertical-align: baseline
    }

.menusmall {
    background-color: rgba(0, 0, 0, .8);
    padding: 5px;
    height: 40px;
    width: calc(100% - 10px);
}

    .menusmall > .live {
        bottom: 5px;
    }

    .menusmall > .search,
    .menusmall > .login {
        bottom: 8px;
    }

.toplatest,
.TopSchedule {
    position: fixed;
    top: 80px;
    width: 100%;
    margin: 0;
    left: 0px;
    box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.75);
    z-index: 1001;
    background-color: rgba(21, 21, 21, .8);
    border-top: solid 5px #CC5500
}

    .toplatest a,
    .TopSchedule a {
        display: inline-block;
        width: 320px;
        vertical-align: top;
    }

        .toplatest a:hover {
            background-color: #CC5500;
            color: #000;
            height: 265px;
            padding-bottom: 0;
        }

        .toplatest a img {
            width: 100%;
        }

        .toplatest a .title {
            font-size: 1.1rem;
            padding: 10px;
            display: block
        }

    .TopSchedule a {
        display: block;
        padding: 10px;
        width: 180px;
        height: 80px;
        border: solid 1px rgba(255, 255, 255, .1);
        margin: 10px 10px 10px 0;
        border-radius: 2px;
    }

        .TopSchedule a:hover,
        .TopSchedule a:hover .time {
            background-color: #CC5500;
            color: #000;
        }

        .TopSchedule a .time {
            color: #CC5500;
            display: block;
            font-weight: bold;
            margin-right: 5px;
        }

.FooterLinks {
    display: inline-block;
    padding: 20px;
    vertical-align: top;
    width: 50%;
}

    .FooterLinks a {
        display: inline-block;
        padding: 5px 10px 5px 10px;
        margin: 2px;
        border-radius: 5px;
    }

        .FooterLinks a:hover {
            background-color: rgba(255, 255, 255, .1)
        }

.social a {
    margin: 20px 10px 0 0;
    display: inline-block
}

    .social a i {
        font-size: 2rem;
        vertical-align: middle
    }

.clmn0 {
    display: inline-block;
    width: 120px;
    vertical-align: top;
}

.social {
    display: inline-block;
    width: calc(50% - 180px);
    float: unset;
}

.FooterLinks {
    display: inline-block;
    padding: 20px;
    vertical-align: top;
    width: 50%;
}

    .FooterLinks a {
        display: inline-block;
        padding: 5px 10px 5px 10px;
        margin: 2px
    }

        .FooterLinks a:hover {
            background-color: rgba(255, 255, 255, .1)
        }

.clmn0 {
    display: inline-block;
    width: 120px;
    vertical-align: top;
}

.social {
    display: inline-block;
    width: calc(50% - 180px);
    float: unset;
}

@media screen and (max-width: 1100px) {
    .showmainteaser,
    .videoLib .showmainteaser,
    .show .showmainteaser {
        margin-top: 90px
    }

    .videoactions {
        top: 15px;
    }
}
@media screen and (max-width: 1500px) {
    .burger {
        display: inline-block !important
    }

    .menu {
        display: none !important;
        font-size: 1.1rem;
        padding: 5px;
        width: 100%;
        background-color: rgba(0, 0, 0, .9);
    }

        .menu a {
            display: inline-block;
            width: calc(33% - 4px);
            padding: 10px 0 10px 0;
            margin: 0;
            text-align: center;
        }
}
    @media screen and (max-width: 1280px) {
        .burger {
            display: inline-block !important
        }

        .menu {
            display: none !important;
            font-size: 1.1rem;
            padding: 5px;
            width: 100%;
            background-color: rgba(0, 0, 0, .9);
        }

            .menu a {
                display: inline-block;
                width: calc(33% - 4px);
                padding: 10px 0 10px 0;
                margin: 0;
                text-align: center;
            }

        .social {
            display: block;
            width: calc(100% - 180px);
            margin-left: 150px;
            float: unset;
        }

        .FooterLinks {
            width: 80%;
        }

        .disclaimer {
            width: 100%
        }
    }

    @media screen and (max-width: 810px) {
        .menuBar {
            padding: 25px 5px 0 5px;
            width: calc(100% - 10px)
        }

        .clmn0 {
            display: none
        }

        .menu a {
            font-size: 1.1rem;
        }

        .social {
            margin: 0;
            width: calc(100% - 40px);
            padding: 20px;
            border-top: solid 1px rgba(238, 102, 0, .5)
        }

        .FooterLinks {
            width: calc(100% - 40px)
        }

        .burger {
            padding: 0 10px 0 10px;
            margin-right: 15px !important;
        }

            .burger i {
                font-size: 2.5rem !important
            }

        .logo {
            display: block;
            width: 100px;
            height: 32px;
            vertical-align: top !important;
            background-size: contain;
            margin-top: 4px;
        }

        .search {
            right: 10px;
            top: 20px !important;
        }

            .search i {
                font-size: 2rem
            }

        .live {
            font-size: 1.1rem;
            vertical-align: top !important;
            bottom: unset !important;
            padding: 6px 0 6px 0;
            margin-top: 2px
        }

        .menusmall > .search {
            top: 0px !important;
        }

        .menusmall {
            padding: 5px
        }

        .videoLib .showMenu,
        .showMenu,
        .show .showMenu,
        .watch .showMenu {
            top: 90px;
            background-color: rgba(0, 0, 0, .1);
        }

        .webtv .otherwrapper a {
            width: 100% !important
        }

        .videoLib .showmainteaser:after {
            background-image: none
        }
    }

    @media screen and (max-width: 610px) {
        .menu a {
            font-size: 1rem;
        }

        .webtv .stitle {
            color: #000;
            font-size: 1rem;
            background-color: #CC5500;
            font-weight: bold;
        }

        .live {
            left: 53%
        }
    }

    @media screen and (max-width: 390px) {
        .search {
            display: none !important;
        }

        .live {
            left: unset;
            right: 15px;
        }
    }

    .nextplay {
        display: block;
        font-size: .8rem;
        color: #CC5500
    }

    @media screen and (max-width: 640px) {
        .nextplay {
            display: none;
        }

        .login {
            display: none !important;
        }
    }

    .thematics {
        display: block;
        width: 100%;
        margin-top: 20px;
    }

        .thematics a {
            display: inline-block;
            padding: 10px 14px;
            margin: 5px 5px 0 0;
            background-color: rgba(255, 255, 255, .05);
            border-radius: 5px;
            border: solid 1px #000;
        }

            .thematics a:hover {
                background-color: #307FFF;
                color: #000
            }

    @media screen and (max-width: 480px) {
        .weekmovie {
            margin-top: 10px;
        }
    }

    #cnt {
        position: absolute;
        width: 100%;
        top: 100px;
        text-align: center;
        font-size: 1.3rem;
        z-index: 1000;
        color: rgba(255, 255, 255, .5)
    }

    .covidplc {
        width: calc(80% - 20px);
        margin: auto;
        background-color: rgba(255, 255, 255, .9);
        height: 110px;
        padding: 10px;
        margin-top: 20px;
        border-top: solid 5px #153f6a;
    }

    .ethnoslogo {
        display: inline-block;
        width: 150px !important;
        margin-right: 10px;
        text-align: center;
        color: #000
    }

        .ethnoslogo img {
            width: 100% !important;
            margin: 30px 0 2px 0
        }

    .special-promo__inner {
        width: calc(100% - 170px);
        display: inline-block;
        vertical-align: top;
    }

    .special-promo__link {
        display: none;
    }

    .special-promo__inner article {
        display: inline-block;
        width: 33%;
        vertical-align: top;
    }

    figure {
        margin: 0;
        padding: 0;
        float: left
    }

    .special-promo__inner article img {
        float: left;
        padding: 5px;
    }

    .covid__article a span {
        font-size: 1rem !important;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        color: #000;
        font-weight: bold;
    }

    @media screen and (max-width: 1200px) {
        .covidplc {
            height: 90px;
        }

        .special-promo__inner article img {
            width: 80px;
            height: 80px;
        }

        .covid__article a span {
            font-size: .9rem !important
        }
    }

    @media screen and (max-width: 1000px) {
        .covid__article:last-child {
            display: none;
        }

        .special-promo__inner article {
            width: 40%;
        }
    }

    @media screen and (max-width: 800px) {
        .covidplc {
            overflow: no-content
        }

        .special-promo__inner article {
            width: 80%;
        }

        .covid__article:nth-child(2) {
            display: none
        }
    }

    .ethnoslogo {
        display: inline-block;
        width: 80px !important;
        margin-right: 10px;
        text-align: center;
        color: #000
    }

        .ethnoslogo img {
            width: 100% !important;
            margin: 10px 0 2px 0
        }

    .special-promo__inner {
        width: calc(100% - 100px);
        display: inline-block;
        vertical-align: top;
    }
}

.thematics a {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    margin: 5px 5px 0 0;
    background-color: #307FFF;
    border-radius: 2px
}

    .thematics a:hover {
        background-color: #CC5500;
        color: #000
    }

.tagsrapper,
.imgwrapper {
    width: calc(80% - 20px);
    padding: 0 10px 0px 10px;
    margin: auto;
    position: relative;
    margin-top: 100px;
}

    .tagsrapper:before,
    .imgwrapper:before {
        position: absolute;
        top: -40px;
        content: attr(layer-title);
        font-size: 1.3rem;
    }

@media screen and (max-width: 1600px) {
    .covidplc,
    .tagsrapper,
    .imgwrapper {
        width: 100% !important;
    }
}

.imgwrapper a {
    display: inline-block;
    width: 20%;
    position: relative
}

    .imgwrapper a img {
        width: 100%;
        display: block
    }

    .imgwrapper a .caption {
        display: none;
        padding: 5px 10px 5px 10px;
        width: calc(100% - 20px);
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 1rem;
        background-color: rgba(0, 0, 0, .5);
        box-shadow: 0px -11px 31px 0px rgba(0, 0, 0, 0.75);
    }

    .imgwrapper a:hover .caption {
        display: block
    }

@media screen and (max-width: 900px) {
    .imgwrapper a {
        display: inline-block;
        width: 25%
    }
}

@media screen and (max-width: 700px) {
    .imgwrapper a {
        display: inline-block;
        width: 33%
    }
}

@media screen and (max-width: 500px) {
    .imgwrapper a {
        display: inline-block;
        width: 50%
    }
}

#__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .7);
    z-index: 2147483646;
}

.__logoutbox {
    position: absolute;
    top: 50px;
    padding: 10px;
    margin: 0;
    font-size: 1rem;
    left: -60px;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    display: none !important;
    border-radius: 2px;
}

.logout:hover > .__logoutbox {
    display: block !important;
}

#Login {
    position: fixed;
    top: calc(50% - 180px);
    left: calc(50% - 320px);
    width: 640px;
    height: 360px;
    background-color: rgba(214, 92, 2, 1);
    z-index: 2147483647;
    box-shadow: 0px 0px 21px 0px rgba(21, 21, 21, 0.75);
    border-radius: 10px;
    border: solid 5px #151515;
    color: #000;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
}

.loginlogo {
    font-size: 3rem;
    width: 80px;
    height: 80px;
    position: absolute;
    top: -50px;
    left: calc(50% - 42.5px);
    text-align: center;
    border-radius: 50%;
    background-color: rgba(214, 92, 2, 1);
    border: solid 5px #151515;
}

.LoginLeft {
    width: 50%;
    height: 100%;
    border-right: solid 5px #151515;
    display: inline-block;
    vertical-align: top
}

    .LoginLeft .wrapper {
        padding: 30px;
    }

.LoginRight {
    display: inline-block;
    width: calc(50% - 10px);
    text-align: center;
    vertical-align: top;
}

    .LoginRight .legend {
        display: block;
        font-weight: bold;
        width: 300px;
        margin-left: calc(50% - 150px);
        padding: 0;
        margin: 0;
        margin-top: 50px;
    }

.LegalNotice {
    display: block;
    font-size: .9rem;
    width: 300px;
    margin-left: calc(50% - 150px);
    margin-top: 20px;
}

.socialButtons {
    display: block;
    width: 190px;
    margin-left: calc(50% - 100px);
    margin-top: 20px;
    border: solid 3px #151515;
    padding: 10px;
    border-radius: 5px;
    text-align: left;
    color: #000;
    background-color: #4267b2
}

@media screen and (max-width: 680px) {
    #Login {
        width: calc(100% - 20px);
        top: 50px;
        left: 5px;
        height: calc(100% - 70px);
    }

    .LoginLeft,
    .LoginRight {
        display: block;
        width: 100%;
        height: auto;
    }

        .LoginRight .legend {
            width: 90%;
            margin: auto
        }

        .LoginLeft .wrapper {
            padding: 50px 20px 10px 20px
        }

    .LegalNotice {
        width: 90%;
        margin: auto;
        margin-top: 10px;
    }

    .socialButtons {
        display: inline-block;
        margin-left: 10px;
    }
}

.vjs-picture-in-picture-control {
    position: absolute !important;
    right: 80px;
}

.commentblock {
    display: block;
    margin-top: 50px;
    padding: 20px;
    
    position: relative;
}

#commentblock:before {
    content: 'προσβλητικά σχόλια θα διαγράφονται';
    color: rgba(255, 255, 255, .2);
    position: absolute;
    top: -40px;
    left: 10px;
}
@media screen and (max-width: 680px) {
    #commentblock:before {
        top: -50px;
        left: 30px;
        max-width: 200px;
    }
}
    #commentblock:empty {
        background-color: transparent
    }

    .comment {
        width: calc(100% - 40px);
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 20px;
        background-color: rgba(255, 255, 255, .05);
        border-radius: 10px;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 98%, #CC5500 98%);
    }

    .commentblock .commentname {
        display: inline-block;
        font-size: 1.2rem;
        font-weight: bold;
    }

    .commentblock .commentdt {
        display: inline-block;
        font-size: .8rem;
        color: #808080;
        margin-left: 10px;
    }

    .commentblock .message {
        display: block;
        font-size: 1rem;
    }

    .morecomments {
        display: block;
        width: 200px;
        background-color: #307FFF;
        padding: 16px 20px;
        text-align: center;
        border-radius: 5px;
        margin: auto;
        margin-top: 20px;
    }

        .morecomments:hover {
            color: #CC5500;
            background-color: #FFF;
        }

    #SubmitBtn {
        display: block;
        width: 130px;
        float: right;
        background-color: #307FFF;
        border: 0;
        padding: 16px 20px;
        text-align: center;
        border-radius: 5px;
        color: #FFF;
        font-size: 1rem;
        font-weight: normal;
        margin: 10px 0 0 0
    }

        #SubmitBtn:hover {
            background-color: #CC5500
        }

    #username {
        font-size: 1.1rem;
        font-family: FSRegular;
        color: #FFF;
        width: 150px;
        border-radius: 2px;
        border: solid 1px rgba(255, 255, 255, .2);
        padding: 10px;
        background-color: transparent
    }

    .box169 {
        width: 100%;
        max-width: calc((100vh - 180px) * 16/9);
        margin: auto;
        margin-bottom: 50px;
        position: relative
    }

    #msgtxt {
        margin-top: 20px;
        font-size: 1.1rem;
        font-family: FSRegular;
        color: #FFF;
        width: calc(100% - 22px);
        min-height: 60px;
        border-radius: 2px;
        border: solid 1px rgba(255, 255, 255, .2);
        padding: 10px;
        background-color: transparent
    }

        #username:focus,
        #msgtxt:focus {
            box-shadow: 0px 0px 107px -34px rgba(255, 255, 255, 1);
            border-color: #FFF;
        }

    #alerts {
        padding: 10px;
    }

    .loginwarning {
        position: absolute;
        display: block;
        right: 0;
        padding: 10px;
        color: rgba(0, 0, 0, .8);
        background-color: rgba(255, 255, 255, .2);
        text-align: center;
        border-radius: 2px;
    }

        .loginwarning:hover {
            color: #000;
            background-color: #CC5500
        }

    @media screen and (max-width: 680px) {
        .loginwarning {
            position: relative;
            width: calc(90% - 20px);
            margin-left: 5%;
            margin-bottom: 20px
        }

        #username {
            margin-left: 5%
        }

        #msgtxt {
            width: calc(90% - 20px);
            margin-left: 5%;
        }

        #SubmitBtn {
            margin-right: 5%;
            margin-bottom: 20px;
        }

        #alerts {
            width: 90%;
            margin-left: 5%;
            text-align: center
        }
    }

    .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
    .vjs-button > .vjs-icon-placeholder:before,
    .video-js .vjs-modal-dialog,
    .vjs-modal-dialog .vjs-modal-dialog-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
    .vjs-button > .vjs-icon-placeholder:before {
        text-align: center;
    }

    @font-face {
        font-family: VideoJS;
        src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-play,
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
    .video-js .vjs-play-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-play:before,
        .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
        .video-js .vjs-play-control .vjs-icon-placeholder:before {
            content: "\f101";
        }

    .vjs-icon-play-circle {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-play-circle:before {
            content: "\f102";
        }

    .vjs-icon-pause,
    .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-pause:before,
        .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
            content: "\f103";
        }

    .vjs-icon-volume-mute,
    .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-volume-mute:before,
        .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
            content: "\f104";
        }

    .vjs-icon-volume-low,
    .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-volume-low:before,
        .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
            content: "\f105";
        }

    .vjs-icon-volume-mid,
    .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-volume-mid:before,
        .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
            content: "\f106";
        }

    .vjs-icon-volume-high,
    .video-js .vjs-mute-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-volume-high:before,
        .video-js .vjs-mute-control .vjs-icon-placeholder:before {
            content: "\f107";
        }

    .vjs-icon-fullscreen-enter,
    .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-fullscreen-enter:before,
        .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
            content: "\f108";
        }

    .vjs-icon-fullscreen-exit,
    .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-fullscreen-exit:before,
        .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
            content: "\f109";
        }

    .vjs-icon-square {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-square:before {
            content: "\f10a";
        }

    .vjs-icon-spinner {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-spinner:before {
            content: "\f10b";
        }

    .vjs-icon-subtitles,
    .video-js .vjs-subtitles-button .vjs-icon-placeholder,
    .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-subtitles:before,
        .video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
        .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
        .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
        .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
        .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
        .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
            content: "\f10c";
        }

    .vjs-icon-captions,
    .video-js .vjs-captions-button .vjs-icon-placeholder,
    .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-captions:before,
        .video-js .vjs-captions-button .vjs-icon-placeholder:before,
        .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
        .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
            content: "\f10d";
        }

    .vjs-icon-chapters,
    .video-js .vjs-chapters-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-chapters:before,
        .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
            content: "\f10e";
        }

    .vjs-icon-share {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-share:before {
            content: "\f10f";
        }

    .vjs-icon-cog {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-cog:before {
            content: "\f110";
        }

    .vjs-icon-circle,
    .video-js .vjs-play-progress,
    .video-js .vjs-volume-level {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-circle:before,
        .video-js .vjs-play-progress:before,
        .video-js .vjs-volume-level:before {
            content: "\f111";
        }

    .vjs-icon-circle-outline {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-circle-outline:before {
            content: "\f112";
        }

    .vjs-icon-circle-inner-circle {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-circle-inner-circle:before {
            content: "\f113";
        }

    .vjs-icon-hd {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-hd:before {
            content: "\f114";
        }

    .vjs-icon-cancel,
    .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-cancel:before,
        .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
            content: "\f115";
        }

    .vjs-icon-replay,
    .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-replay:before,
        .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
            content: "\f116";
        }

    .vjs-icon-facebook {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-facebook:before {
            content: "\f117";
        }

    .vjs-icon-gplus {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-gplus:before {
            content: "\f118";
        }

    .vjs-icon-linkedin {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-linkedin:before {
            content: "\f119";
        }

    .vjs-icon-twitter {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-twitter:before {
            content: "\f11a";
        }

    .vjs-icon-tumblr {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-tumblr:before {
            content: "\f11b";
        }

    .vjs-icon-pinterest {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-pinterest:before {
            content: "\f11c";
        }

    .vjs-icon-audio-description,
    .video-js .vjs-descriptions-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-audio-description:before,
        .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
            content: "\f11d";
        }

    .vjs-icon-audio,
    .video-js .vjs-audio-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-audio:before,
        .video-js .vjs-audio-button .vjs-icon-placeholder:before {
            content: "\f11e";
        }

    .vjs-icon-next-item {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-next-item:before {
            content: "\f11f";
        }

    .vjs-icon-previous-item {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

        .vjs-icon-previous-item:before {
            content: "\f120";
        }

    .video-js {
        display: block;
        vertical-align: top;
        box-sizing: border-box;
        color: #fff;
        background-color: #000;
        position: relative;
        padding: 0;
        font-size: 10px;
        line-height: 1;
        font-weight: normal;
        font-style: normal;
        font-family: Arial, Helvetica, sans-serif;
        word-break: initial;
    }

        .video-js:-moz-full-screen {
            position: absolute;
        }

        .video-js:-webkit-full-screen {
            width: 100% !important;
            height: 100% !important;
        }

        .video-js[tabindex="-1"] {
            outline: none;
        }

        .video-js *,
        .video-js *:before,
        .video-js *:after {
            box-sizing: inherit;
        }

        .video-js ul {
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            list-style-position: outside;
            margin-left: 0;
            margin-right: 0;
            margin-top: 0;
            margin-bottom: 0;
        }

        .video-js.vjs-fluid,
        .video-js.vjs-16-9,
        .video-js.vjs-4-3 {
            width: 100%;
            max-width: 100%;
            height: 0;
        }

        .video-js.vjs-16-9 {
            padding-top: 56.25%;
        }

        .video-js.vjs-4-3 {
            padding-top: 75%;
        }

        .video-js.vjs-fill {
            width: 100%;
            height: 100%;
        }

        .video-js .vjs-tech {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    body.vjs-full-window {
        padding: 0;
        margin: 0;
        height: 100%;
    }

    .vjs-full-window .video-js.vjs-fullscreen {
        position: fixed;
        overflow: hidden;
        z-index: 1000;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .video-js.vjs-fullscreen {
        width: 100% !important;
        height: 100% !important;
        padding-top: 0 !important;
    }

        .video-js.vjs-fullscreen.vjs-user-inactive {
            cursor: none;
        }

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

    .vjs-disabled {
        opacity: 0.5;
        cursor: default;
    }

    .video-js .vjs-offscreen {
        height: 1px;
        left: -9999px;
        position: absolute;
        top: 0;
        width: 1px;
    }

    .vjs-lock-showing {
        display: block !important;
        opacity: 1;
        visibility: visible;
    }

    .vjs-no-js {
        padding: 20px;
        color: #fff;
        background-color: #000;
        font-size: 18px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        width: 300px;
        height: 150px;
        margin: 0px auto;
    }

        .vjs-no-js a,
        .vjs-no-js a:visited {
            color: #66A8CC;
        }

    .video-js .vjs-big-play-button {
        font-size: 3em;
        line-height: 1.5em;
        height: 1.5em;
        width: 3em;
        display: block;
        position: absolute;
        top: 10px;
        left: 10px;
        padding: 0;
        cursor: pointer;
        opacity: 1;
        border: 0.06666em solid #fff;
        background-color: #2B333F;
        background-color: rgba(43, 51, 63, 0.7);
        border-radius: 0.3em;
        transition: all 0.4s;
    }

    .vjs-big-play-centered .vjs-big-play-button {
        top: 50%;
        left: 50%;
        margin-top: -0.75em;
        margin-left: -1.5em;
    }

    .video-js:hover .vjs-big-play-button,
    .video-js .vjs-big-play-button:focus {
        border-color: #fff;
        background-color: #73859f;
        background-color: rgba(115, 133, 159, 0.5);
        transition: all 0s;
    }

    .vjs-controls-disabled .vjs-big-play-button,
    .vjs-has-started .vjs-big-play-button,
    .vjs-using-native-controls .vjs-big-play-button,
    .vjs-error .vjs-big-play-button {
        display: none;
    }

    .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
        display: block;
    }

    .video-js button {
        background: none;
        border: none;
        color: inherit;
        display: inline-block;
        font-size: inherit;
        line-height: inherit;
        text-transform: none;
        text-decoration: none;
        transition: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .vjs-control .vjs-button {
        width: 100%;
        height: 100%;
    }

    .video-js .vjs-control.vjs-close-button {
        cursor: pointer;
        height: 3em;
        position: absolute;
        right: 0;
        top: 0.5em;
        z-index: 2;
    }

    .video-js .vjs-modal-dialog {
        background: rgba(0, 0, 0, 0.8);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
        overflow: auto;
    }

        .video-js .vjs-modal-dialog > * {
            box-sizing: border-box;
        }

    .vjs-modal-dialog .vjs-modal-dialog-content {
        font-size: 1.2em;
        line-height: 1.5;
        padding: 20px 24px;
        z-index: 1;
    }

    .vjs-menu-button {
        cursor: pointer;
    }

        .vjs-menu-button.vjs-disabled {
            cursor: default;
        }

    .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
        display: none;
    }

    .vjs-menu .vjs-menu-content {
        display: block;
        padding: 0;
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        overflow: auto;
    }

        .vjs-menu .vjs-menu-content > * {
            box-sizing: border-box;
        }

    .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
        display: none;
    }

    .vjs-menu li {
        list-style: none;
        margin: 0;
        padding: 0.2em 0;
        line-height: 1.4em;
        font-size: 1.2em;
        text-align: center;
        text-transform: lowercase;
    }

        .vjs-menu li.vjs-menu-item:focus,
        .vjs-menu li.vjs-menu-item:hover {
            background-color: #73859f;
            background-color: rgba(115, 133, 159, 0.5);
        }

        .vjs-menu li.vjs-selected,
        .vjs-menu li.vjs-selected:focus,
        .vjs-menu li.vjs-selected:hover {
            background-color: #fff;
            color: #2B333F;
        }

        .vjs-menu li.vjs-menu-title {
            text-align: center;
            text-transform: uppercase;
            font-size: 1em;
            line-height: 2em;
            padding: 0;
            margin: 0 0 0.3em 0;
            font-weight: bold;
            cursor: default;
        }

    .vjs-menu-button-popup .vjs-menu {
        display: none;
        position: absolute;
        bottom: 0;
        width: 10em;
        left: -3em;
        height: 0em;
        margin-bottom: 1.5em;
        border-top-color: rgba(43, 51, 63, 0.7);
    }

        .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
            background-color: #2B333F;
            background-color: rgba(43, 51, 63, 0.7);
            position: absolute;
            width: 100%;
            bottom: 1.5em;
            max-height: 15em;
        }

        .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
        .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
            display: block;
        }

    .video-js .vjs-menu-button-inline {
        transition: all 0.4s;
        overflow: hidden;
    }

        .video-js .vjs-menu-button-inline:before {
            width: 2.222222222em;
        }

        .video-js .vjs-menu-button-inline:hover,
        .video-js .vjs-menu-button-inline:focus,
        .video-js .vjs-menu-button-inline.vjs-slider-active,
        .video-js.vjs-no-flex .vjs-menu-button-inline {
            width: 12em;
        }

    .vjs-menu-button-inline .vjs-menu {
        opacity: 0;
        height: 100%;
        width: auto;
        position: absolute;
        left: 4em;
        top: 0;
        padding: 0;
        margin: 0;
        transition: all 0.4s;
    }

    .vjs-menu-button-inline:hover .vjs-menu,
    .vjs-menu-button-inline:focus .vjs-menu,
    .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
        display: block;
        opacity: 1;
    }

    .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
        display: block;
        opacity: 1;
        position: relative;
        width: auto;
    }

    .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
    .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
    .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
        width: auto;
    }

    .vjs-menu-button-inline .vjs-menu-content {
        width: auto;
        height: 100%;
        margin: 0;
        overflow: hidden;
    }

    .video-js .vjs-control-bar {
        display: none;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3.0em;
        background-color: #2B333F;
        background-color: rgba(43, 51, 63, 0.7);
    }

    .vjs-has-started .vjs-control-bar {
        display: flex;
        visibility: visible;
        opacity: 1;
        transition: visibility 0.1s, opacity 0.1s;
    }

    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        visibility: visible;
        opacity: 0;
        transition: visibility 1s, opacity 1s;
    }

    .vjs-controls-disabled .vjs-control-bar,
    .vjs-using-native-controls .vjs-control-bar,
    .vjs-error .vjs-control-bar {
        display: none !important;
    }

    .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        opacity: 1;
        visibility: visible;
    }

    .vjs-has-started.vjs-no-flex .vjs-control-bar {
        display: table;
    }

    .video-js .vjs-control {
        position: relative;
        text-align: center;
        margin: 0;
        padding: 0;
        height: 100%;
        width: 4em;
        flex: none;
    }

    .vjs-button > .vjs-icon-placeholder:before {
        font-size: 1.8em;
        line-height: 1.67;
    }

    .video-js .vjs-control:focus:before,
    .video-js .vjs-control:hover:before,
    .video-js .vjs-control:focus {
        text-shadow: 0em 0em 1em white;
    }

    .video-js .vjs-control-text {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .vjs-no-flex .vjs-control {
        display: table-cell;
        vertical-align: middle;
    }

    .video-js .vjs-custom-control-spacer {
        display: none;
    }

    .video-js .vjs-progress-control {
        cursor: pointer;
        flex: auto;
        display: flex;
        align-items: center;
        min-width: 4em;
        touch-action: none;
    }

        .video-js .vjs-progress-control.disabled {
            cursor: default;
        }

    .vjs-live .vjs-progress-control {
        display: none;
    }

    .vjs-no-flex .vjs-progress-control {
        width: auto;
    }

    .video-js .vjs-progress-holder {
        flex: auto;
        transition: all 0.2s;
        height: 0.3em;
    }

    .video-js .vjs-progress-control .vjs-progress-holder {
        margin: 0 10px;
    }

    .video-js .vjs-progress-control:hover .vjs-progress-holder {
        font-size: 1.666666666666666666em;
    }

        .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
            font-size: 1em;
        }

    .video-js .vjs-progress-holder .vjs-play-progress,
    .video-js .vjs-progress-holder .vjs-load-progress,
    .video-js .vjs-progress-holder .vjs-load-progress div {
        position: absolute;
        display: block;
        height: 100%;
        margin: 0;
        padding: 0;
        width: 0;
    }

    .video-js .vjs-play-progress {
        background-color: #fff;
    }

        .video-js .vjs-play-progress:before {
            font-size: 0.9em;
            position: absolute;
            right: -0.5em;
            top: -0.333333333333333em;
            z-index: 1;
        }

    .video-js .vjs-load-progress {
        background: rgba(115, 133, 159, 0.5);
    }

        .video-js .vjs-load-progress div {
            background: rgba(115, 133, 159, 0.75);
        }

    .video-js .vjs-time-tooltip {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 0.3em;
        color: #000;
        float: right;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        padding: 6px 8px 8px 8px;
        pointer-events: none;
        position: absolute;
        top: -3.4em;
        visibility: hidden;
        z-index: 1;
    }

    .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
        display: none;
    }

    .video-js .vjs-progress-control:hover .vjs-time-tooltip,
    .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
        display: block;
        font-size: 0.6em;
        visibility: visible;
    }

    .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
        font-size: 1em;
    }

    .video-js .vjs-progress-control .vjs-mouse-display {
        display: none;
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: #000;
        z-index: 1;
    }

    .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
        z-index: 0;
    }

    .video-js .vjs-progress-control:hover .vjs-mouse-display {
        display: block;
    }

    .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
        visibility: hidden;
        opacity: 0;
        transition: visibility 1s, opacity 1s;
    }

    .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
        display: none;
    }

    .vjs-mouse-display .vjs-time-tooltip {
        color: #fff;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.8);
    }

    .video-js .vjs-slider {
        position: relative;
        cursor: pointer;
        padding: 0;
        margin: 0 0.45em 0 0.45em;
        /* iOS Safari */
        -webkit-touch-callout: none;
        /* Safari */
        -webkit-user-select: none;
        /* Konqueror HTML */
        /* Firefox */
        -moz-user-select: none;
        /* Internet Explorer/Edge */
        -ms-user-select: none;
        /* Non-prefixed version, currently supported by Chrome and Opera */
        user-select: none;
        background-color: #73859f;
        background-color: rgba(115, 133, 159, 0.5);
    }

        .video-js .vjs-slider.disabled {
            cursor: default;
        }

        .video-js .vjs-slider:focus {
            text-shadow: 0em 0em 1em white;
            box-shadow: 0 0 1em #fff;
        }

    .video-js .vjs-mute-control {
        cursor: pointer;
        flex: none;
    }

    .video-js .vjs-volume-control {
        cursor: pointer;
        margin-right: 1em;
        display: flex;
    }

        .video-js .vjs-volume-control.vjs-volume-horizontal {
            width: 5em;
        }

    .video-js .vjs-volume-panel .vjs-volume-control {
        visibility: visible;
        opacity: 0;
        width: 1px;
        height: 1px;
        margin-left: -1px;
    }

    .video-js .vjs-volume-panel {
        transition: width 1s;
    }

        .video-js .vjs-volume-panel:hover .vjs-volume-control,
        .video-js .vjs-volume-panel:active .vjs-volume-control,
        .video-js .vjs-volume-panel:focus .vjs-volume-control,
        .video-js .vjs-volume-panel .vjs-volume-control:hover,
        .video-js .vjs-volume-panel .vjs-volume-control:active,
        .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
        .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
            visibility: visible;
            opacity: 1;
            position: relative;
            transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
        }

            .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
            .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
            .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
            .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
            .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
            .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
            .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
                width: 5em;
                height: 3em;
            }

        .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
        .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
        .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
            width: 9em;
            transition: width 0.1s;
        }

        .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
            width: 4em;
        }

        .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
            height: 8em;
            width: 3em;
            left: -3.5em;
            transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
        }

        .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
            transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
        }

    .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
        width: 5em;
        height: 3em;
        visibility: visible;
        opacity: 1;
        position: relative;
        transition: none;
    }

    .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
    .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
        position: absolute;
        bottom: 3em;
        left: 0.5em;
    }

    .video-js .vjs-volume-panel {
        display: flex;
    }

    .video-js .vjs-volume-bar {
        margin: 1.35em 0.45em;
    }

    .vjs-volume-bar.vjs-slider-horizontal {
        width: 5em;
        height: 0.3em;
    }

    .vjs-volume-bar.vjs-slider-vertical {
        width: 0.3em;
        height: 5em;
        margin: 1.35em auto;
    }

    .video-js .vjs-volume-level {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #fff;
    }

        .video-js .vjs-volume-level:before {
            position: absolute;
            font-size: 0.9em;
        }

    .vjs-slider-vertical .vjs-volume-level {
        width: 0.3em;
    }

        .vjs-slider-vertical .vjs-volume-level:before {
            top: -0.5em;
            left: -0.3em;
        }

    .vjs-slider-horizontal .vjs-volume-level {
        height: 0.3em;
    }

        .vjs-slider-horizontal .vjs-volume-level:before {
            top: -0.3em;
            right: -0.5em;
        }

    .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
        width: 4em;
    }

    .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
        height: 100%;
    }

    .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
        width: 100%;
    }

    .video-js .vjs-volume-vertical {
        width: 3em;
        height: 8em;
        bottom: 8em;
        background-color: #2B333F;
        background-color: rgba(43, 51, 63, 0.7);
    }

    .video-js .vjs-volume-horizontal .vjs-menu {
        left: -2em;
    }

    .vjs-poster {
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        background-color: #000000;
        cursor: pointer;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
    }

    .vjs-has-started .vjs-poster {
        display: none;
    }

    .vjs-audio.vjs-has-started .vjs-poster {
        display: block;
    }

    .vjs-using-native-controls .vjs-poster {
        display: none;
    }

    .video-js .vjs-live-control {
        display: flex;
        align-items: flex-start;
        flex: auto;
        font-size: 1em;
        line-height: 3em;
    }

    .vjs-no-flex .vjs-live-control {
        display: table-cell;
        width: auto;
        text-align: left;
    }

    .video-js .vjs-time-control {
        flex: none;
        font-size: 1em;
        line-height: 3em;
        min-width: 2em;
        width: auto;
        padding-left: 1em;
        padding-right: 1em;
    }

    .vjs-live .vjs-time-control {
        display: none;
    }

    .video-js .vjs-current-time,
    .vjs-no-flex .vjs-current-time {
        display: none;
    }

    .video-js .vjs-duration,
    .vjs-no-flex .vjs-duration {
        display: none;
    }

    .vjs-time-divider {
        display: none;
        line-height: 3em;
    }

    .vjs-live .vjs-time-divider {
        display: none;
    }

    .video-js .vjs-play-control .vjs-icon-placeholder {
        cursor: pointer;
        flex: none;
    }

    .vjs-text-track-display {
        position: absolute;
        bottom: 3em;
        left: 0;
        right: 0;
        top: 0;
        pointer-events: none;
    }

    .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
        bottom: 1em;
    }

    .video-js .vjs-text-track {
        font-size: 1.4em;
        text-align: center;
        margin-bottom: 0.1em;
    }

    .vjs-subtitles {
        color: #fff;
    }

    .vjs-captions {
        color: #fc6;
    }

    .vjs-tt-cue {
        display: block;
    }

    video::-webkit-media-text-track-display {
        -webkit-transform: translateY(-3em);
        transform: translateY(-3em);
    }

    .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
        -webkit-transform: translateY(-1.5em);
        transform: translateY(-1.5em);
    }

    .video-js .vjs-fullscreen-control {
        cursor: pointer;
        flex: none;
    }

    .vjs-playback-rate > .vjs-menu-button,
    .vjs-playback-rate .vjs-playback-rate-value {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .vjs-playback-rate .vjs-playback-rate-value {
        pointer-events: none;
        font-size: 1.5em;
        line-height: 2;
        text-align: center;
    }

    .vjs-playback-rate .vjs-menu {
        width: 4em;
        left: 0em;
    }

    .vjs-error .vjs-error-display .vjs-modal-dialog-content {
        font-size: 1.4em;
        text-align: center;
    }

    .vjs-error .vjs-error-display:before {
        color: #fff;
        content: 'X';
        font-family: Arial, Helvetica, sans-serif;
        font-size: 4em;
        left: 0;
        line-height: 1;
        margin-top: -0.5em;
        position: absolute;
        text-shadow: 0.05em 0.05em 0.1em #000;
        text-align: center;
        top: 50%;
        vertical-align: middle;
        width: 100%;
    }

    .vjs-loading-spinner {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        opacity: 0.85;
        text-align: left;
        border: 6px solid rgba(43, 51, 63, 0.7);
        box-sizing: border-box;
        background-clip: padding-box;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        visibility: hidden;
    }

    .vjs-seeking .vjs-loading-spinner,
    .vjs-waiting .vjs-loading-spinner {
        display: block;
        -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
        animation: 0s linear 0.3s forwards vjs-spinner-show;
    }

    .vjs-loading-spinner:before,
    .vjs-loading-spinner:after {
        content: "";
        position: absolute;
        margin: -6px;
        box-sizing: inherit;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        opacity: 1;
        border: inherit;
        border-color: transparent;
        border-top-color: white;
    }

    .vjs-seeking .vjs-loading-spinner:before,
    .vjs-seeking .vjs-loading-spinner:after,
    .vjs-waiting .vjs-loading-spinner:before,
    .vjs-waiting .vjs-loading-spinner:after {
        -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
        animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    }

    .vjs-seeking .vjs-loading-spinner:before,
    .vjs-waiting .vjs-loading-spinner:before {
        border-top-color: white;
    }

    .vjs-seeking .vjs-loading-spinner:after,
    .vjs-waiting .vjs-loading-spinner:after {
        border-top-color: white;
        -webkit-animation-delay: 0.44s;
        animation-delay: 0.44s;
    }

    @keyframes vjs-spinner-show {
        to {
            visibility: visible;
        }
    }

    @-webkit-keyframes vjs-spinner-show {
        to {
            visibility: visible;
        }
    }

    @keyframes vjs-spinner-spin {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes vjs-spinner-spin {
        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes vjs-spinner-fade {
        0% {
            border-top-color: #73859f;
        }

        20% {
            border-top-color: #73859f;
        }

        35% {
            border-top-color: white;
        }

        60% {
            border-top-color: #73859f;
        }

        100% {
            border-top-color: #73859f;
        }
    }

    @-webkit-keyframes vjs-spinner-fade {
        0% {
            border-top-color: #73859f;
        }

        20% {
            border-top-color: #73859f;
        }

        35% {
            border-top-color: white;
        }

        60% {
            border-top-color: #73859f;
        }

        100% {
            border-top-color: #73859f;
        }
    }

    .vjs-chapters-button .vjs-menu ul {
        width: 24em;
    }

    .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
        vertical-align: middle;
        display: inline-block;
        margin-bottom: -0.1em;
    }

        .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
            font-family: VideoJS;
            content: "\f10d";
            font-size: 1.5em;
            line-height: inherit;
        }

    .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
        vertical-align: middle;
        display: inline-block;
        margin-bottom: -0.1em;
    }

        .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
            font-family: VideoJS;
            content: " \f11d";
            font-size: 1.5em;
            line-height: inherit;
        }

    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
        flex: auto;
        display: block;
    }

    .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
        width: auto;
    }

    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,
    .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
        display: none;
    }

    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,
    .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
        display: none;
    }

    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,
    .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
        display: none;
    }

    .vjs-modal-dialog.vjs-text-track-settings {
        background-color: #2B333F;
        background-color: rgba(43, 51, 63, 0.75);
        color: #fff;
        height: 70%;
    }

    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: table;
    }

    .vjs-text-track-settings .vjs-track-settings-colors,
    .vjs-text-track-settings .vjs-track-settings-font,
    .vjs-text-track-settings .vjs-track-settings-controls {
        display: table-cell;
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        text-align: right;
        vertical-align: bottom;
    }

    @supports (display: grid) {
        .vjs-text-track-settings .vjs-modal-dialog-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr auto;
        }

        .vjs-text-track-settings .vjs-track-settings-colors {
            display: block;
            grid-column: 1;
            grid-row: 1;
        }

        .vjs-text-track-settings .vjs-track-settings-font {
            grid-column: 2;
            grid-row: 1;
        }

        .vjs-text-track-settings .vjs-track-settings-controls {
            grid-column: 2;
            grid-row: 2;
        }
    }

    .vjs-track-setting > select {
        margin-right: 5px;
    }

    .vjs-text-track-settings fieldset {
        margin: 5px;
        padding: 3px;
        border: none;
    }

        .vjs-text-track-settings fieldset span {
            display: inline-block;
        }

    .vjs-text-track-settings legend {
        color: #fff;
        margin: 0 0 5px 0;
    }

    .vjs-text-track-settings .vjs-label {
        position: absolute;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        display: block;
        margin: 0 0 5px 0;
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

    .vjs-track-settings-controls button:focus,
    .vjs-track-settings-controls button:active {
        outline-style: solid;
        outline-width: medium;
        background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
    }

    .vjs-track-settings-controls button:hover {
        color: rgba(43, 51, 63, 0.75);
    }

    .vjs-track-settings-controls button {
        background-color: #fff;
        background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
        color: #2B333F;
        cursor: pointer;
        border-radius: 2px;
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-right: 1em;
    }

    @media print {
        .video-js > *:not(.vjs-tech):not(.vjs-poster) {
            visibility: hidden;
        }
    }

    .vjs-resize-manager {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        z-index: -1000;
    }

    .js-focus-visible .video-js *:focus:not(.focus-visible) {
        outline: none;
    }

    .video-js *:focus:not(:focus-visible) {
        outline: none;
    }

    .video-js.skin-1 .vjs-control-bar {
        background: rgba(0, 0, 0, .5);
        height: 40px;
        display: block
    }

    .video-js.skin-1 .vjs-control {
        display: inline-block;
        float: left
    }

        .video-js.skin-1 .vjs-control:focus,
        .video-js.skin-1 .vjs-control:hover {
            text-shadow: none
        }

            .video-js.skin-1 .vjs-control:focus:before,
            .video-js.skin-1 .vjs-control:hover:before {
                text-shadow: none
            }

        .video-js.skin-1 .vjs-control:before {
            font-size: 20px;
            line-height: 40px
        }

    .video-js.skin-1 .vjs-button > .vjs-icon-placeholder:before {
        line-height: 40px;
        font-size: 20px
    }

    .video-js.skin-1 .vjs-big-play-button {
        width: 100px;
        height: 100px;
        line-height: 100px;
        border: 0;
        border-radius: 50%;
        text-shadow: none;
        left: 50%;
        top: 50%;
        margin: -50px 0 0 -50px;
        font-size: 50px;
        background: rgba(0, 0, 0, .6)
    }

        .video-js.skin-1 .vjs-big-play-button:focus {
            background: rgba(0, 0, 0, .7)
        }

    .video-js.skin-1:hover .vjs-big-play-button {
        background: rgba(0, 0, 0, .7)
    }

    .video-js.skin-1 .vjs-play-control {
        width: 40px;
        border-right: 1px solid rgba(255, 255, 255, .1)
    }

    .video-js.skin-1 .vjs-fullscreen-control {
        float: right;
        border-left: 1px solid rgba(255, 255, 255, .1);
        right: 0;
        top: 0
    }

    .video-js.skin-1 .vjs-volume-menu-button {
        float: right;
        margin: 0 40px 0 0
    }

    .video-js.skin-1 .vjs-playback-rate .vjs-playback-rate-value {
        line-height: 40px;
        font-size: 12px;
        position: static
    }

    .video-js.skin-1 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        bottom: 25px;
        background: rgba(0, 0, 0, .5);
        padding: 5px 0;
        max-height: none
    }

    .video-js.skin-1 .vjs-time-divider {
        display: inline-block;
        float: left;
        color: #fff;
        margin: 0;
        min-width: 0;
        padding: 0
    }

    .video-js.skin-1 .vjs-time-control {
        line-height: 40px;
        font-size: 12px
    }

    .video-js.skin-1 .vjs-current-time,
    .video-js.skin-1 .vjs-duration {
        width: auto;
        margin: 0;
        min-width: 0;
        padding: 0 8px
    }

    .video-js.skin-1 .vjs-current-time {
        margin-left: 8px
    }

    .video-js.skin-1 .vjs-duration {
        color: #fff
    }

    .video-js.skin-1 .vjs-remaining-time {
        display: none
    }

    .video-js.skin-1 .vjs-load-progress {
        background: rgba(255, 255, 255, .2)
    }

        .video-js.skin-1 .vjs-load-progress div {
            background: rgba(255, 255, 255, .2)
        }

    .video-js.skin-1 .vjs-progress-control {
        position: absolute;
        left: 0;
        bottom: 40px;
        width: 100%;
        height: auto
    }

    .video-js.skin-1 .vjs-slider {
        margin: 0;
        background: rgba(255, 255, 255, .15)
    }

    .video-js.skin-1 .vjs-play-progress {
        background: #00c3e2
    }

        .video-js.skin-1 .vjs-play-progress:before {
            top: -4px;
            font-size: 18px
        }

    .video-js.skin-1 .vjs-progress-holder {
        height: 10px
    }

        .video-js.skin-1 .vjs-progress-holder .vjs-load-progress,
        .video-js.skin-1 .vjs-progress-holder .vjs-load-progress div,
        .video-js.skin-1 .vjs-progress-holder .vjs-play-progress {
            height: 10px
        }

    .video-js.skin-1 .vjs-volume-panel {
        width: 40px !important;
        overflow: hidden;
        transition: all .6s ease
    }

        .video-js.skin-1 .vjs-volume-panel .vjs-control {
            width: 40px
        }

        .video-js.skin-1 .vjs-volume-panel:hover {
            width: 140px !important
        }

        .video-js.skin-1 .vjs-volume-panel .vjs-volume-control {
            opacity: 1 !important;
            display: block !important;
            visibility: visible !important;
            transition: none !important;
            position: absolute !important;
            top: 16px !important;
            left: 42px !important;
            width: 90px !important
        }

    .video-js.skin-1 .vjs-menu-button-inline {
        float: left;
        width: 40px;
        margin: 0;
        border-right: 1px solid rgba(255, 255, 255, .1)
    }

        .video-js.skin-1 .vjs-menu-button-inline.vjs-slider-active,
        .video-js.skin-1 .vjs-menu-button-inline:focus,
        .video-js.skin-1 .vjs-menu-button-inline:hover {
            width: 140px
        }

        .video-js.skin-1 .vjs-menu-button-inline .vjs-menu {
            display: block;
            opacity: 1;
            visibility: visible;
            top: 16px
        }

        .video-js.skin-1 .vjs-menu-button-inline:before {
            width: 40px
        }

    .video-js.skin-1 .vjs-volume-menu-button-horizontal .vjs-menu-content {
        width: 90px;
        height: 6px;
        overflow: hidden;
        border-radius: 5px
    }

    .video-js.skin-1 .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
        width: 90px
    }

    .video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal {
        width: 90px;
        height: 6px;
        border-radius: 5px;
        overflow: hidden
    }

        .video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
            height: 6px;
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
            position: static;
            background: #00c3e2
        }

            .video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before {
                content: none
            }

    @media (min-width:1170px) {
        .b-player.playlist-aside .vjs-playlist.vjs-playlist-skin-1 {
            border-top: 0;
            border-left: 1px solid rgba(255, 255, 255, .1)
        }
    }

    .vjs-playlist-skin-1.vjs-mouse.vjs-playlist {
        border-top: 1px solid rgba(255, 255, 255, .1);
        background: #000
    }

    .vjs-playlist-skin-1.vjs-mouse .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,
    .vjs-playlist-skin-1.vjs-mouse .vjs-playlist-item:hover .vjs-playlist-thumbnail:before {
        background: #00c3e2
    }

    .vjs-playlist-skin-1 .vjs-playlist-item {
        text-align: left
    }

        .vjs-playlist-skin-1 .vjs-playlist-item.vjs-selected {
            background: #00c3e2
        }

    .video-js.skin-2 .vjs-control-bar {
        background: #e6e6e6;
        height: 40px;
        display: block;
        padding: 0 40px 0 0
    }

    .video-js.skin-2 .vjs-big-play-button {
        width: 100px;
        height: 100px;
        line-height: 100px;
        border: 0;
        border-radius: 50%;
        text-shadow: none;
        left: 50%;
        top: 50%;
        margin: -50px 0 0 -50px;
        font-size: 50px;
        background: #e6e6e6;
        color: #000
    }

        .video-js.skin-2 .vjs-big-play-button:focus {
            background: #e6e6e6
        }

    .video-js.skin-2:hover .vjs-big-play-button {
        background: #e6e6e6
    }

    .video-js.skin-2 .vjs-button > .vjs-icon-placeholder:before {
        line-height: 40px;
        font-size: 20px
    }

    .video-js.skin-2 .vjs-control {
        display: inline-block;
        float: left;
        color: #000
    }

        .video-js.skin-2 .vjs-control:focus,
        .video-js.skin-2 .vjs-control:hover {
            text-shadow: none
        }

            .video-js.skin-2 .vjs-control:focus:before,
            .video-js.skin-2 .vjs-control:hover:before {
                text-shadow: none
            }

        .video-js.skin-2 .vjs-control:before {
            font-size: 20px;
            line-height: 40px;
            color: #1f1e21
        }

    .video-js.skin-2 .vjs-play-control {
        width: 40px;
        border-right: 1px solid #cfcfcf
    }

    .video-js.skin-2 .vjs-fullscreen-control {
        float: right;
        border-left: 1px solid #cfcfcf;
        position: absolute;
        right: 0;
        top: 0
    }

    .video-js.skin-2 .vjs-volume-menu-button {
        float: right;
        margin: 0 40px 0 0;
        border-left: 1px solid #cfcfcf;
        overflow: visible
    }

    .video-js.skin-2 .vjs-playback-rate .vjs-playback-rate-value {
        line-height: 40px;
        font-size: 12px;
        position: static
    }

    .video-js.skin-2 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        bottom: 25px;
        background: rgba(0, 0, 0, .5);
        padding: 5px 0;
        max-height: none
    }

    .video-js.skin-2 .vjs-time-divider {
        display: inline-block;
        float: left;
        color: #919191;
        padding: 0;
        margin: 0;
        min-width: 0
    }

    .video-js.skin-2 .vjs-time-control {
        line-height: 40px;
        font-size: 12px
    }

    .video-js.skin-2 .vjs-current-time {
        margin-left: 10px
    }

    .video-js.skin-2 .vjs-current-time,
    .video-js.skin-2 .vjs-duration {
        width: auto;
        min-width: 0;
        padding: 0 8px;
        color: #1f1e21
    }

    .video-js.skin-2 .vjs-duration {
        color: #919191
    }

    .video-js.skin-2 .vjs-remaining-time {
        display: none
    }

    .video-js.skin-2 .vjs-load-progress {
        background: rgba(130, 130, 130, .2)
    }

    .video-js.skin-2 .vjs-progress-control {
        position: absolute;
        left: 0;
        bottom: 25px;
        height: 0;
        width: 100%;
        padding: 0 220px 0 170px
    }

    .video-js.skin-2 .vjs-slider {
        margin: 0;
        background: #c4c4c4
    }

    .video-js.skin-2 .vjs-play-progress {
        background: repeating-linear-gradient(135deg, #fe626d, #fe626d 10px, #fe959c 10px, #fe959c 20px);
        border-radius: 5px
    }

        .video-js.skin-2 .vjs-play-progress:before {
            top: -5px;
            font-size: 18px;
            text-shadow: 0 3px 5px rgba(0, 0, 0, .15);
            color: #fff
        }

    .video-js.skin-2 .vjs-progress-holder {
        width: auto;
        height: 10px;
        border-radius: 5px
    }

        .video-js.skin-2 .vjs-progress-holder .vjs-load-progress,
        .video-js.skin-2 .vjs-progress-holder .vjs-load-progress div,
        .video-js.skin-2 .vjs-progress-holder .vjs-play-progress {
            height: 10px;
            border-radius: 5px
        }

            .video-js.skin-2 .vjs-progress-holder .vjs-load-progress div {
                background: rgba(130, 130, 130, .2)
            }

    .video-js.skin-2 .vjs-volume-panel {
        width: 155px !important;
        float: right;
        border-left: 1px solid #cfcfcf
    }

        .video-js.skin-2 .vjs-volume-panel .vjs-control {
            width: 40px
        }

        .video-js.skin-2 .vjs-volume-panel .vjs-volume-control {
            opacity: 1 !important;
            display: block !important;
            visibility: visible !important;
            transition: none !important;
            position: absolute !important;
            top: 17px !important;
            left: 42px !important;
            width: 90px !important
        }

        .video-js.skin-2 .vjs-volume-panel .vjs-volume-level:before {
            color: #fff
        }

    .video-js.skin-2 .vjs-menu-button-inline {
        width: 130px;
        margin: 0 30px 0 0
    }

        .video-js.skin-2 .vjs-menu-button-inline.vjs-slider-active,
        .video-js.skin-2 .vjs-menu-button-inline:focus,
        .video-js.skin-2 .vjs-menu-button-inline:hover {
            width: 130px
        }

        .video-js.skin-2 .vjs-menu-button-inline .vjs-menu {
            display: block;
            opacity: 1;
            visibility: visible;
            top: 18px;
            margin-left: 5px
        }

    .video-js.skin-2 .vjs-volume-menu-button-horizontal .vjs-menu-content {
        width: 90px;
        height: 6px;
        overflow: visible;
        border-radius: 5px
    }

    .video-js.skin-2 .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
        width: 90px
    }

    .video-js.skin-2 .vjs-volume-bar.vjs-slider-horizontal {
        width: 90px;
        height: 6px;
        border-radius: 5px
    }

        .video-js.skin-2 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
            height: 6px;
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
            position: static;
            background: #fe626d
        }

            .video-js.skin-2 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before {
                top: -5px;
                font-size: 18px;
                text-shadow: 0 3px 5px rgba(0, 0, 0, .15);
                float: right;
                position: static;
                top: -.33333333em;
                right: -3.33333333em;
                font-size: 1.9em;
                margin-right: -10px;
                margin-top: -7px;
                content: '\f111'
            }

    @media (max-width:600px) {
        .video-js.skin-2 .vjs-progress-control {
            padding: 0;
            bottom: 50px
        }

        .video-js.skin-2 .vjs-progress-holder {
            border-radius: 0
        }
    }

    @media (min-width:1170px) {
        .b-player.playlist-aside .vjs-playlist.vjs-playlist-skin-2 {
            border-top: 0;
            border-left: 1px solid #cfcfcf
        }
    }

    .vjs-playlist-skin-2.vjs-mouse.vjs-playlist {
        border-top: 1px solid #cfcfcf;
        background: #e6e6e6
    }

    .vjs-playlist-skin-2.vjs-mouse .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,
    .vjs-playlist-skin-2.vjs-mouse .vjs-playlist-item:hover .vjs-playlist-thumbnail:before {
        background: #fe626d
    }

    .vjs-playlist-skin-2.vjs-playlist .vjs-playlist-description {
        color: #000
    }

    .vjs-playlist-skin-2.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-description {
        color: #fff
    }

    .vjs-playlist-skin-2 .vjs-playlist-name {
        color: #000
    }

    .vjs-playlist-skin-2 .vjs-playlist-item {
        text-align: left
    }

        .vjs-playlist-skin-2 .vjs-playlist-item.vjs-selected {
            background: #fe626d
        }

            .vjs-playlist-skin-2 .vjs-playlist-item.vjs-selected .vjs-playlist-name {
                color: #fff
            }

    .video-js.skin-3 .vjs-control-bar {
        background: #988bdd;
        height: 80px;
        display: block;
        padding: 0 70px 0 0
    }

    .video-js.skin-3 .vjs-big-play-button {
        width: 100px;
        height: 100px;
        line-height: 100px;
        border: 0;
        border-radius: 50%;
        text-shadow: none;
        left: 50%;
        top: 50%;
        margin: -50px 0 0 -50px;
        font-size: 50px;
        background: #988bdd
    }

        .video-js.skin-3 .vjs-big-play-button:focus {
            background: #988bdd
        }

    .video-js.skin-3:hover .vjs-big-play-button {
        background: #988bdd
    }

    .video-js.skin-3 .vjs-button > .vjs-icon-placeholder:before {
        line-height: 80px;
        font-size: 20px
    }

    .video-js.skin-3 .vjs-control {
        display: inline-block;
        float: left
    }

        .video-js.skin-3 .vjs-control:focus,
        .video-js.skin-3 .vjs-control:hover {
            text-shadow: none
        }

            .video-js.skin-3 .vjs-control:focus:before,
            .video-js.skin-3 .vjs-control:hover:before {
                text-shadow: none
            }

        .video-js.skin-3 .vjs-control:before {
            font-size: 20px;
            line-height: 80px;
            color: #fff
        }

    .video-js.skin-3 .vjs-time-divider {
        display: inline-block;
        float: left;
        color: #fff;
        padding: 0;
        min-width: 0
    }

    .video-js.skin-3 .vjs-time-control {
        line-height: 80px;
        font-size: 12px;
        color: #fff
    }

    .video-js.skin-3 .vjs-current-time {
        margin-left: 0
    }

    .video-js.skin-3 .vjs-current-time,
    .video-js.skin-3 .vjs-duration {
        width: auto;
        min-width: 0;
        color: #fff;
        padding: 0 8px
    }

    .video-js.skin-3 .vjs-duration {
        color: #fff
    }

    .video-js.skin-3 .vjs-remaining-time {
        display: none
    }

    .video-js.skin-3 .vjs-play-control {
        width: 80px
    }

    .video-js.skin-3 .vjs-fullscreen-control {
        float: right;
        position: absolute;
        right: 0;
        top: 0;
        width: 60px
    }

    .video-js.skin-3 .vjs-volume-menu-button {
        float: right;
        margin: 0 40px 0 0;
        overflow: visible
    }

    .video-js.skin-3 .vjs-playback-rate .vjs-playback-rate-value {
        line-height: 80px;
        font-size: 12px;
        position: static
    }

    .video-js.skin-3 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        bottom: 50px;
        background: rgba(0, 0, 0, .5);
        padding: 5px 0;
        max-height: none
    }

    .video-js.skin-3 .vjs-load-progress {
        background: rgba(0, 0, 0, .25)
    }

    .video-js.skin-3 .vjs-play-progress:after {
        background: 0 0;
        color: #fff
    }

    .video-js.skin-3 .vjs-progress-control {
        position: absolute;
        left: 0;
        bottom: 45px;
        height: 0;
        width: 100%;
        padding: 0 150px 0 200px
    }

    .video-js.skin-3 .vjs-slider {
        margin: 0;
        background: rgba(0, 0, 0, .25)
    }

    .video-js.skin-3 .vjs-play-progress {
        background: #fff;
        border-radius: 5px
    }

        .video-js.skin-3 .vjs-play-progress:before {
            top: -5px;
            font-size: 18px;
            text-shadow: 0 3px 5px rgba(0, 0, 0, .15)
        }

    .video-js.skin-3 .vjs-progress-holder {
        width: auto;
        height: 10px;
        border-radius: 5px
    }

        .video-js.skin-3 .vjs-progress-holder .vjs-load-progress,
        .video-js.skin-3 .vjs-progress-holder .vjs-load-progress div,
        .video-js.skin-3 .vjs-progress-holder .vjs-play-progress {
            height: 10px;
            border-radius: 5px
        }

            .video-js.skin-3 .vjs-progress-holder .vjs-load-progress div {
                background: rgba(130, 130, 130, .2)
            }

    .video-js.skin-3 .vjs-volume-panel {
        width: 30px !important;
        float: right
    }

        .video-js.skin-3 .vjs-volume-panel .vjs-mute-control {
            display: none
        }

        .video-js.skin-3 .vjs-volume-panel .vjs-volume-control {
            opacity: 1 !important;
            display: block !important;
            visibility: visible !important;
            transition: none !important
        }

            .video-js.skin-3 .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
                left: 8px;
                top: 16px;
                background: 0 0;
                height: 50px
            }

    .video-js.skin-3 .vjs-menu-button-inline {
        width: 30px;
        margin: 0
    }

        .video-js.skin-3 .vjs-menu-button-inline:before {
            display: none
        }

        .video-js.skin-3 .vjs-menu-button-inline .vjs-menu {
            display: block;
            opacity: 1;
            visibility: visible;
            top: 16px;
            margin-left: 5px
        }

        .video-js.skin-3 .vjs-menu-button-inline .vjs-menu {
            left: 0
        }

    .video-js.skin-3 .vjs-volume-bar {
        background: linear-gradient(to bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25) 50%, transparent 50%, transparent);
        background-size: 20px 5px;
        background-position: bottom
    }

        .video-js.skin-3 .vjs-volume-bar.vjs-slider-vertical {
            width: 2em
        }

            .video-js.skin-3 .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
                width: 2em;
                background: linear-gradient(to bottom, #fff, #fff 50%, transparent 50%, transparent);
                background-size: 20px 5px;
                background-position: bottom
            }

                .video-js.skin-3 .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level:before {
                    display: none
                }

        .video-js.skin-3 .vjs-volume-bar.vjs-slider-horizontal {
            width: 90px;
            height: 6px;
            border-radius: 5px
        }

            .video-js.skin-3 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
                height: 6px;
                border-bottom-left-radius: 5px;
                border-top-left-radius: 5px;
                position: static;
                background: #fe3638
            }

                .video-js.skin-3 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before {
                    top: -5px;
                    font-size: 18px;
                    text-shadow: 0 3px 5px rgba(0, 0, 0, .15);
                    float: right;
                    position: static;
                    top: -.33333333em;
                    right: -3.33333333em;
                    font-size: 1.9em;
                    margin-right: -10px;
                    margin-top: -7px;
                    content: '\f111'
                }

    @media (max-width:600px) {
        .video-js.skin-3 .vjs-progress-control {
            padding: 0;
            bottom: 90px
        }

        .video-js.skin-3 .vjs-progress-holder {
            border-radius: 0
        }

            .video-js.skin-3 .vjs-progress-holder .vjs-play-progress {
                border-radius: 0
            }
    }

    @media (min-width:1170px) {
        .b-player.playlist-aside .vjs-playlist.vjs-playlist-skin-3 {
            border-top: 0;
            border-left: 1px solid rgba(0, 0, 0, .25)
        }
    }

    .vjs-playlist-skin-3.vjs-mouse.vjs-playlist {
        border-top: 1px solid rgba(0, 0, 0, .25);
        background: #988bdd
    }

    .vjs-playlist-skin-3.vjs-mouse .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,
    .vjs-playlist-skin-3.vjs-mouse .vjs-playlist-item:hover .vjs-playlist-thumbnail:before {
        background: #988bdd
    }

    .vjs-playlist-skin-3 .vjs-playlist-item {
        text-align: left
    }

        .vjs-playlist-skin-3 .vjs-playlist-item.vjs-selected {
            background: rgba(0, 0, 0, .25)
        }

            .vjs-playlist-skin-3 .vjs-playlist-item.vjs-selected .vjs-playlist-name {
                color: #fff
            }

    .video-js {
        overflow: hidden;
        max-width: 100%
    }

        .video-js .vjs-mouse-display:after,
        .video-js .vjs-play-progress:after,
        .video-js .vjs-time-tooltip {
            padding: 4px 7px;
            top: -25px
        }

    .vjs-playlist {
        max-width: 740px;
        max-height: 440px;
        margin: 0 auto
    }

        .vjs-playlist .vjs-playlist-description {
            color: #fff
        }

        .vjs-playlist .vjs-playlist-duration {
            padding: 3px 7px
        }

    .vjs-playlist-item {
        text-align: left;
        outline: 0
    }

    .vjs-playlist-name {
        font-size: 15px;
        font-weight: 700;
        margin-top: 10px
    }

    .vjs-playlist-description {
        font-size: 14px;
        color: #fff
    }

    .vjs-playlist-now-playing:before {
        font-size: 11px;
        font-weight: 700
    }

    .vjs-mouse.vjs-playlist {
        padding: 15px 15px 0 15px
    }

        .vjs-mouse.vjs-playlist .vjs-playlist-thumbnail {
            margin-right: 14px
        }

        .vjs-mouse.vjs-playlist .vjs-playlist-description {
            margin-right: 15px
        }

        .vjs-mouse.vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,
        .vjs-mouse.vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail:before {
            border-radius: 50%;
            width: 36px;
            height: 36px;
            line-height: 36px;
            font-size: 18px
        }

        .vjs-mouse.vjs-playlist time {
            font-size: 11px;
            font-weight: 700
        }

    .b-player.playlist-aside:after {
        content: '';
        display: table;
        clear: both
    }

    @media (min-width:1170px) {
        .b-player.playlist-aside {
            max-width: 1100px;
            margin: 0 auto;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .b-player.playlist-aside .video-js {
                float: left
            }

            .b-player.playlist-aside .vjs-playlist {
                float: left;
                width: 330px;
                box-sizing: border-box
            }
    }

    .video-js.skin-1 .vjs-control-bar {
        background: rgba(0, 0, 0, .5);
        height: 40px;
        display: block
    }

    .video-js.skin-1 .vjs-control {
        display: inline-block;
        float: left
    }

        .video-js.skin-1 .vjs-control:focus,
        .video-js.skin-1 .vjs-control:hover {
            text-shadow: none
        }

            .video-js.skin-1 .vjs-control:focus:before,
            .video-js.skin-1 .vjs-control:hover:before {
                text-shadow: none
            }

        .video-js.skin-1 .vjs-control:before {
            font-size: 20px;
            line-height: 40px
        }

    .video-js.skin-1 .vjs-button > .vjs-icon-placeholder:before {
        line-height: 40px;
        font-size: 20px
    }

    .video-js.skin-1 .vjs-big-play-button {
        width: 100px;
        height: 100px;
        line-height: 100px;
        border: 0;
        border-radius: 50%;
        text-shadow: none;
        left: 50%;
        top: 50%;
        margin: -50px 0 0 -50px;
        font-size: 50px;
        background: rgba(0, 0, 0, .6)
    }

        .video-js.skin-1 .vjs-big-play-button:focus {
            background: rgba(0, 0, 0, .7)
        }

    .video-js.skin-1:hover .vjs-big-play-button {
        background: rgba(0, 0, 0, .7)
    }

    .video-js.skin-1 .vjs-play-control {
        width: 40px;
        border-right: 1px solid rgba(255, 255, 255, .1)
    }

    .video-js.skin-1 .vjs-fullscreen-control {
        float: right;
        border-left: 1px solid rgba(255, 255, 255, .1);
        right: 0;
        top: 0
    }

    .video-js.skin-1 .vjs-volume-menu-button {
        float: right;
        margin: 0 40px 0 0
    }

    .video-js.skin-1 .vjs-playback-rate .vjs-playback-rate-value {
        line-height: 40px;
        font-size: 12px;
        position: static
    }

    .video-js.skin-1 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        bottom: 25px;
        background: rgba(0, 0, 0, .5);
        padding: 5px 0;
        max-height: none
    }

    .video-js.skin-1 .vjs-time-divider {
        display: inline-block;
        float: left;
        color: #fff;
        margin: 0;
        min-width: 0;
        padding: 0
    }

    .video-js.skin-1 .vjs-time-control {
        line-height: 40px;
        font-size: 12px
    }

    .video-js.skin-1 .vjs-current-time,
    .video-js.skin-1 .vjs-duration {
        width: auto;
        margin: 0;
        min-width: 0;
        padding: 0 8px
    }

    .video-js.skin-1 .vjs-current-time {
        margin-left: 8px
    }

    .video-js.skin-1 .vjs-duration {
        color: #fff
    }

    .video-js.skin-1 .vjs-remaining-time {
        display: none
    }

    .video-js.skin-1 .vjs-load-progress {
        background: rgba(255, 255, 255, .2)
    }

        .video-js.skin-1 .vjs-load-progress div {
            background: rgba(255, 255, 255, .2)
        }

    .video-js.skin-1 .vjs-progress-control {
        position: absolute;
        left: 0;
        bottom: 40px;
        width: 100%;
        height: auto
    }

    .video-js.skin-1 .vjs-slider {
        margin: 0;
        background: rgba(255, 255, 255, .15)
    }

    .video-js.skin-1 .vjs-play-progress {
        background: #00c3e2
    }

        .video-js.skin-1 .vjs-play-progress:before {
            top: -4px;
            font-size: 18px
        }

    .video-js.skin-1 .vjs-progress-holder {
        height: 10px
    }

        .video-js.skin-1 .vjs-progress-holder .vjs-load-progress,
        .video-js.skin-1 .vjs-progress-holder .vjs-load-progress div,
        .video-js.skin-1 .vjs-progress-holder .vjs-play-progress {
            height: 10px
        }

    .video-js.skin-1 .vjs-volume-panel {
        width: 40px !important;
        overflow: hidden;
        transition: all .6s ease
    }

        .video-js.skin-1 .vjs-volume-panel .vjs-control {
            width: 40px
        }

        .video-js.skin-1 .vjs-volume-panel:hover {
            width: 140px !important
        }

        .video-js.skin-1 .vjs-volume-panel .vjs-volume-control {
            opacity: 1 !important;
            display: block !important;
            visibility: visible !important;
            transition: none !important;
            position: absolute !important;
            top: 16px !important;
            left: 42px !important;
            width: 90px !important
        }

    .video-js.skin-1 .vjs-menu-button-inline {
        float: left;
        width: 40px;
        margin: 0;
        border-right: 1px solid rgba(255, 255, 255, .1)
    }

        .video-js.skin-1 .vjs-menu-button-inline.vjs-slider-active,
        .video-js.skin-1 .vjs-menu-button-inline:focus,
        .video-js.skin-1 .vjs-menu-button-inline:hover {
            width: 140px
        }

        .video-js.skin-1 .vjs-menu-button-inline .vjs-menu {
            display: block;
            opacity: 1;
            visibility: visible;
            top: 16px
        }

        .video-js.skin-1 .vjs-menu-button-inline:before {
            width: 40px
        }

    .video-js.skin-1 .vjs-volume-menu-button-horizontal .vjs-menu-content {
        width: 90px;
        height: 6px;
        overflow: hidden;
        border-radius: 5px
    }

    .video-js.skin-1 .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
        width: 90px
    }

    .video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal {
        width: 90px;
        height: 6px;
        border-radius: 5px;
        overflow: hidden
    }

        .video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
            height: 6px;
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
            position: static;
            background: #00c3e2
        }

            .video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before {
                content: none
            }

    @media (min-width:1170px) {
        .b-player.playlist-aside .vjs-playlist.vjs-playlist-skin-1 {
            border-top: 0;
            border-left: 1px solid rgba(255, 255, 255, .1)
        }
    }

    .vjs-playlist-skin-1.vjs-mouse.vjs-playlist {
        border-top: 1px solid rgba(255, 255, 255, .1);
        background: #000
    }

    .vjs-playlist-skin-1.vjs-mouse .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,
    .vjs-playlist-skin-1.vjs-mouse .vjs-playlist-item:hover .vjs-playlist-thumbnail:before {
        background: #00c3e2
    }

    .vjs-playlist-skin-1 .vjs-playlist-item {
        text-align: left
    }

        .vjs-playlist-skin-1 .vjs-playlist-item.vjs-selected {
            background: #00c3e2
        }

    .video-js.skin-2 .vjs-control-bar {
        background: #e6e6e6;
        height: 40px;
        display: block;
        padding: 0 40px 0 0
    }

    .video-js.skin-2 .vjs-big-play-button {
        width: 100px;
        height: 100px;
        line-height: 100px;
        border: 0;
        border-radius: 50%;
        text-shadow: none;
        left: 50%;
        top: 50%;
        margin: -50px 0 0 -50px;
        font-size: 50px;
        background: #e6e6e6;
        color: #000
    }

        .video-js.skin-2 .vjs-big-play-button:focus {
            background: #e6e6e6
        }

    .video-js.skin-2:hover .vjs-big-play-button {
        background: #e6e6e6
    }

    .video-js.skin-2 .vjs-button > .vjs-icon-placeholder:before {
        line-height: 40px;
        font-size: 20px
    }

    .video-js.skin-2 .vjs-control {
        display: inline-block;
        float: left;
        color: #000
    }

        .video-js.skin-2 .vjs-control:focus,
        .video-js.skin-2 .vjs-control:hover {
            text-shadow: none
        }

            .video-js.skin-2 .vjs-control:focus:before,
            .video-js.skin-2 .vjs-control:hover:before {
                text-shadow: none
            }

        .video-js.skin-2 .vjs-control:before {
            font-size: 20px;
            line-height: 40px;
            color: #1f1e21
        }

    .video-js.skin-2 .vjs-play-control {
        width: 40px;
        border-right: 1px solid #cfcfcf
    }

    .video-js.skin-2 .vjs-fullscreen-control {
        float: right;
        border-left: 1px solid #cfcfcf;
        position: absolute;
        right: 0;
        top: 0
    }

    .video-js.skin-2 .vjs-volume-menu-button {
        float: right;
        margin: 0 40px 0 0;
        border-left: 1px solid #cfcfcf;
        overflow: visible
    }

    .video-js.skin-2 .vjs-playback-rate .vjs-playback-rate-value {
        line-height: 40px;
        font-size: 12px;
        position: static
    }

    .video-js.skin-2 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        bottom: 25px;
        background: rgba(0, 0, 0, .5);
        padding: 5px 0;
        max-height: none
    }

    .video-js.skin-2 .vjs-time-divider {
        display: inline-block;
        float: left;
        color: #919191;
        padding: 0;
        margin: 0;
        min-width: 0
    }

    .video-js.skin-2 .vjs-time-control {
        line-height: 40px;
        font-size: 12px
    }

    .video-js.skin-2 .vjs-current-time {
        margin-left: 10px
    }

    .video-js.skin-2 .vjs-current-time,
    .video-js.skin-2 .vjs-duration {
        width: auto;
        min-width: 0;
        padding: 0 8px;
        color: #1f1e21
    }

    .video-js.skin-2 .vjs-duration {
        color: #919191
    }

    .video-js.skin-2 .vjs-remaining-time {
        display: none
    }

    .video-js.skin-2 .vjs-load-progress {
        background: rgba(130, 130, 130, .2)
    }

    .video-js.skin-2 .vjs-progress-control {
        position: absolute;
        left: 0;
        bottom: 25px;
        height: 0;
        width: 100%;
        padding: 0 220px 0 170px
    }

    .video-js.skin-2 .vjs-slider {
        margin: 0;
        background: #c4c4c4
    }

    .video-js.skin-2 .vjs-play-progress {
        background: repeating-linear-gradient(135deg, #fe626d, #fe626d 10px, #fe959c 10px, #fe959c 20px);
        border-radius: 5px
    }

        .video-js.skin-2 .vjs-play-progress:before {
            top: -5px;
            font-size: 18px;
            text-shadow: 0 3px 5px rgba(0, 0, 0, .15);
            color: #fff
        }

    .video-js.skin-2 .vjs-progress-holder {
        width: auto;
        height: 10px;
        border-radius: 5px
    }

        .video-js.skin-2 .vjs-progress-holder .vjs-load-progress,
        .video-js.skin-2 .vjs-progress-holder .vjs-load-progress div,
        .video-js.skin-2 .vjs-progress-holder .vjs-play-progress {
            height: 10px;
            border-radius: 5px
        }

            .video-js.skin-2 .vjs-progress-holder .vjs-load-progress div {
                background: rgba(130, 130, 130, .2)
            }

    .video-js.skin-2 .vjs-volume-panel {
        width: 155px !important;
        float: right;
        border-left: 1px solid #cfcfcf
    }

        .video-js.skin-2 .vjs-volume-panel .vjs-control {
            width: 40px
        }

        .video-js.skin-2 .vjs-volume-panel .vjs-volume-control {
            opacity: 1 !important;
            display: block !important;
            visibility: visible !important;
            transition: none !important;
            position: absolute !important;
            top: 17px !important;
            left: 42px !important;
            width: 90px !important
        }

        .video-js.skin-2 .vjs-volume-panel .vjs-volume-level:before {
            color: #fff
        }

    .video-js.skin-2 .vjs-menu-button-inline {
        width: 130px;
        margin: 0 30px 0 0
    }

        .video-js.skin-2 .vjs-menu-button-inline.vjs-slider-active,
        .video-js.skin-2 .vjs-menu-button-inline:focus,
        .video-js.skin-2 .vjs-menu-button-inline:hover {
            width: 130px
        }

        .video-js.skin-2 .vjs-menu-button-inline .vjs-menu {
            display: block;
            opacity: 1;
            visibility: visible;
            top: 18px;
            margin-left: 5px
        }

    .video-js.skin-2 .vjs-volume-menu-button-horizontal .vjs-menu-content {
        width: 90px;
        height: 6px;
        overflow: visible;
        border-radius: 5px
    }

    .video-js.skin-2 .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
        width: 90px
    }

    .video-js.skin-2 .vjs-volume-bar.vjs-slider-horizontal {
        width: 90px;
        height: 6px;
        border-radius: 5px
    }

        .video-js.skin-2 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
            height: 6px;
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
            position: static;
            background: #fe626d
        }

            .video-js.skin-2 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before {
                top: -5px;
                font-size: 18px;
                text-shadow: 0 3px 5px rgba(0, 0, 0, .15);
                float: right;
                position: static;
                top: -.33333333em;
                right: -3.33333333em;
                font-size: 1.9em;
                margin-right: -10px;
                margin-top: -7px;
                content: '\f111'
            }

    @media (max-width:600px) {
        .video-js.skin-2 .vjs-progress-control {
            padding: 0;
            bottom: 50px
        }

        .video-js.skin-2 .vjs-progress-holder {
            border-radius: 0
        }
    }

    @media (min-width:1170px) {
        .b-player.playlist-aside .vjs-playlist.vjs-playlist-skin-2 {
            border-top: 0;
            border-left: 1px solid #cfcfcf
        }
    }

    .vjs-playlist-skin-2.vjs-mouse.vjs-playlist {
        border-top: 1px solid #cfcfcf;
        background: #e6e6e6
    }

    .vjs-playlist-skin-2.vjs-mouse .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,
    .vjs-playlist-skin-2.vjs-mouse .vjs-playlist-item:hover .vjs-playlist-thumbnail:before {
        background: #fe626d
    }

    .vjs-playlist-skin-2.vjs-playlist .vjs-playlist-description {
        color: #000
    }

    .vjs-playlist-skin-2.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-description {
        color: #fff
    }

    .vjs-playlist-skin-2 .vjs-playlist-name {
        color: #000
    }

    .vjs-playlist-skin-2 .vjs-playlist-item {
        text-align: left
    }

        .vjs-playlist-skin-2 .vjs-playlist-item.vjs-selected {
            background: #fe626d
        }

            .vjs-playlist-skin-2 .vjs-playlist-item.vjs-selected .vjs-playlist-name {
                color: #fff
            }

    .video-js.skin-3 .vjs-control-bar {
        background: #988bdd;
        height: 80px;
        display: block;
        padding: 0 70px 0 0
    }

    .video-js.skin-3 .vjs-big-play-button {
        width: 100px;
        height: 100px;
        line-height: 100px;
        border: 0;
        border-radius: 50%;
        text-shadow: none;
        left: 50%;
        top: 50%;
        margin: -50px 0 0 -50px;
        font-size: 50px;
        background: #988bdd
    }

        .video-js.skin-3 .vjs-big-play-button:focus {
            background: #988bdd
        }

    .video-js.skin-3:hover .vjs-big-play-button {
        background: #988bdd
    }

    .video-js.skin-3 .vjs-button > .vjs-icon-placeholder:before {
        line-height: 80px;
        font-size: 20px
    }

    .video-js.skin-3 .vjs-control {
        display: inline-block;
        float: left
    }

        .video-js.skin-3 .vjs-control:focus,
        .video-js.skin-3 .vjs-control:hover {
            text-shadow: none
        }

            .video-js.skin-3 .vjs-control:focus:before,
            .video-js.skin-3 .vjs-control:hover:before {
                text-shadow: none
            }

        .video-js.skin-3 .vjs-control:before {
            font-size: 20px;
            line-height: 80px;
            color: #fff
        }

    .video-js.skin-3 .vjs-time-divider {
        display: inline-block;
        float: left;
        color: #fff;
        padding: 0;
        min-width: 0
    }

    .video-js.skin-3 .vjs-time-control {
        line-height: 80px;
        font-size: 12px;
        color: #fff
    }

    .video-js.skin-3 .vjs-current-time {
        margin-left: 0
    }

    .video-js.skin-3 .vjs-current-time,
    .video-js.skin-3 .vjs-duration {
        width: auto;
        min-width: 0;
        color: #fff;
        padding: 0 8px
    }

    .video-js.skin-3 .vjs-duration {
        color: #fff
    }

    .video-js.skin-3 .vjs-remaining-time {
        display: none
    }

    .video-js.skin-3 .vjs-play-control {
        width: 80px
    }

    .video-js.skin-3 .vjs-fullscreen-control {
        float: right;
        position: absolute;
        right: 0;
        top: 0;
        width: 60px
    }

    .video-js.skin-3 .vjs-volume-menu-button {
        float: right;
        margin: 0 40px 0 0;
        overflow: visible
    }

    .video-js.skin-3 .vjs-playback-rate .vjs-playback-rate-value {
        line-height: 80px;
        font-size: 12px;
        position: static
    }

    .video-js.skin-3 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        bottom: 50px;
        background: rgba(0, 0, 0, .5);
        padding: 5px 0;
        max-height: none
    }

    .video-js.skin-3 .vjs-load-progress {
        background: rgba(0, 0, 0, .25)
    }

    .video-js.skin-3 .vjs-play-progress:after {
        background: 0 0;
        color: #fff
    }

    .video-js.skin-3 .vjs-progress-control {
        position: absolute;
        left: 0;
        bottom: 45px;
        height: 0;
        width: 100%;
        padding: 0 150px 0 200px
    }

    .video-js.skin-3 .vjs-slider {
        margin: 0;
        background: rgba(0, 0, 0, .25)
    }

    .video-js.skin-3 .vjs-play-progress {
        background: #fff;
        border-radius: 5px
    }

        .video-js.skin-3 .vjs-play-progress:before {
            top: -5px;
            font-size: 18px;
            text-shadow: 0 3px 5px rgba(0, 0, 0, .15)
        }

    .video-js.skin-3 .vjs-progress-holder {
        width: auto;
        height: 10px;
        border-radius: 5px
    }

        .video-js.skin-3 .vjs-progress-holder .vjs-load-progress,
        .video-js.skin-3 .vjs-progress-holder .vjs-load-progress div,
        .video-js.skin-3 .vjs-progress-holder .vjs-play-progress {
            height: 10px;
            border-radius: 5px
        }

            .video-js.skin-3 .vjs-progress-holder .vjs-load-progress div {
                background: rgba(130, 130, 130, .2)
            }

    .video-js.skin-3 .vjs-volume-panel {
        width: 30px !important;
        float: right
    }

        .video-js.skin-3 .vjs-volume-panel .vjs-mute-control {
            display: none
        }

        .video-js.skin-3 .vjs-volume-panel .vjs-volume-control {
            opacity: 1 !important;
            display: block !important;
            visibility: visible !important;
            transition: none !important
        }

            .video-js.skin-3 .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
                left: 8px;
                top: 16px;
                background: 0 0;
                height: 50px
            }

    .video-js.skin-3 .vjs-menu-button-inline {
        width: 30px;
        margin: 0
    }

        .video-js.skin-3 .vjs-menu-button-inline:before {
            display: none
        }

        .video-js.skin-3 .vjs-menu-button-inline .vjs-menu {
            display: block;
            opacity: 1;
            visibility: visible;
            top: 16px;
            margin-left: 5px
        }

        .video-js.skin-3 .vjs-menu-button-inline .vjs-menu {
            left: 0
        }

    .video-js.skin-3 .vjs-volume-bar {
        background: linear-gradient(to bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25) 50%, transparent 50%, transparent);
        background-size: 20px 5px;
        background-position: bottom
    }

        .video-js.skin-3 .vjs-volume-bar.vjs-slider-vertical {
            width: 2em
        }

            .video-js.skin-3 .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
                width: 2em;
                background: linear-gradient(to bottom, #fff, #fff 50%, transparent 50%, transparent);
                background-size: 20px 5px;
                background-position: bottom
            }

                .video-js.skin-3 .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level:before {
                    display: none
                }

        .video-js.skin-3 .vjs-volume-bar.vjs-slider-horizontal {
            width: 90px;
            height: 6px;
            border-radius: 5px
        }

            .video-js.skin-3 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
                height: 6px;
                border-bottom-left-radius: 5px;
                border-top-left-radius: 5px;
                position: static;
                background: #fe3638
            }

                .video-js.skin-3 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before {
                    top: -5px;
                    font-size: 18px;
                    text-shadow: 0 3px 5px rgba(0, 0, 0, .15);
                    float: right;
                    position: static;
                    top: -.33333333em;
                    right: -3.33333333em;
                    font-size: 1.9em;
                    margin-right: -10px;
                    margin-top: -7px;
                    content: '\f111'
                }

    @media (max-width:600px) {
        .video-js.skin-3 .vjs-progress-control {
            padding: 0;
            bottom: 90px
        }

        .video-js.skin-3 .vjs-progress-holder {
            border-radius: 0
        }

            .video-js.skin-3 .vjs-progress-holder .vjs-play-progress {
                border-radius: 0
            }
    }

    @media (min-width:1170px) {
        .b-player.playlist-aside .vjs-playlist.vjs-playlist-skin-3 {
            border-top: 0;
            border-left: 1px solid rgba(0, 0, 0, .25)
        }
    }

    .vjs-playlist-skin-3.vjs-mouse.vjs-playlist {
        border-top: 1px solid rgba(0, 0, 0, .25);
        background: #988bdd
    }

    .vjs-playlist-skin-3.vjs-mouse .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,
    .vjs-playlist-skin-3.vjs-mouse .vjs-playlist-item:hover .vjs-playlist-thumbnail:before {
        background: #988bdd
    }

    .vjs-playlist-skin-3 .vjs-playlist-item {
        text-align: left
    }

        .vjs-playlist-skin-3 .vjs-playlist-item.vjs-selected {
            background: rgba(0, 0, 0, .25)
        }

            .vjs-playlist-skin-3 .vjs-playlist-item.vjs-selected .vjs-playlist-name {
                color: #fff
            }

    /*!  * Font Awesome Free 5.10.2 by @fontawesome - https://fontawesome.com  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)  */

    .fa,
    .fas,
    .far,
    .fal,
    .fad,
    .fab {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }

    .fa-lg {
        font-size: 1.33333em;
        line-height: 0.75em;
        vertical-align: -.0667em;
    }

    .fa-xs {
        font-size: .75em;
    }

    .fa-sm {
        font-size: .875em;
    }

    .fa-1x {
        font-size: 1em;
    }

    .fa-2x {
        font-size: 2em;
    }

    .fa-3x {
        font-size: 3em;
    }

    .fa-4x {
        font-size: 4em;
    }

    .fa-5x {
        font-size: 5em;
    }

    .fa-6x {
        font-size: 6em;
    }

    .fa-7x {
        font-size: 7em;
    }

    .fa-8x {
        font-size: 8em;
    }

    .fa-9x {
        font-size: 9em;
    }

    .fa-10x {
        font-size: 10em;
    }

    .fa-fw {
        text-align: center;
        width: 1.25em;
    }

    .fa-ul {
        list-style-type: none;
        margin-left: 2.5em;
        padding-left: 0;
    }

        .fa-ul > li {
            position: relative;
        }

    .fa-li {
        left: -2em;
        position: absolute;
        text-align: center;
        width: 2em;
        line-height: inherit;
    }

    .fa-border {
        border: solid 0.08em #eee;
        border-radius: .1em;
        padding: .2em .25em .15em;
    }

    .fa-pull-left {
        float: left;
    }

    .fa-pull-right {
        float: right;
    }

    .fa.fa-pull-left,
    .fas.fa-pull-left,
    .far.fa-pull-left,
    .fal.fa-pull-left,
    .fab.fa-pull-left {
        margin-right: .3em;
    }

    .fa.fa-pull-right,
    .fas.fa-pull-right,
    .far.fa-pull-right,
    .fal.fa-pull-right,
    .fab.fa-pull-right {
        margin-left: .3em;
    }

    .fa-spin {
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
    }

    .fa-pulse {
        -webkit-animation: fa-spin 1s infinite steps(8);
        animation: fa-spin 1s infinite steps(8);
    }

    @-webkit-keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .fa-rotate-90 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .fa-rotate-180 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .fa-rotate-270 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .fa-flip-horizontal {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
        -webkit-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }

    .fa-flip-vertical {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
        -webkit-transform: scale(1, -1);
        transform: scale(1, -1);
    }

    .fa-flip-both,
    .fa-flip-horizontal.fa-flip-vertical {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
        -webkit-transform: scale(-1, -1);
        transform: scale(-1, -1);
    }

    :root .fa-rotate-90,
    :root .fa-rotate-180,
    :root .fa-rotate-270,
    :root .fa-flip-horizontal,
    :root .fa-flip-vertical,
    :root .fa-flip-both {
        -webkit-filter: none;
        filter: none;
    }

    .fa-stack {
        display: inline-block;
        height: 2em;
        line-height: 2em;
        position: relative;
        vertical-align: middle;
        width: 2.5em;
    }

    .fa-stack-1x,
    .fa-stack-2x {
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%;
    }

    .fa-stack-1x {
        line-height: inherit;
    }

    .fa-stack-2x {
        font-size: 2em;
    }

    .fa-inverse {
        color: #fff;
    }

    /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */

    .fa-500px:before {
        content: "\f26e";
    }

    .fa-accessible-icon:before {
        content: "\f368";
    }

    .fa-accusoft:before {
        content: "\f369";
    }

    .fa-acquisitions-incorporated:before {
        content: "\f6af";
    }

    .fa-ad:before {
        content: "\f641";
    }

    .fa-address-book:before {
        content: "\f2b9";
    }

    .fa-address-card:before {
        content: "\f2bb";
    }

    .fa-adjust:before {
        content: "\f042";
    }

    .fa-adn:before {
        content: "\f170";
    }

    .fa-adobe:before {
        content: "\f778";
    }

    .fa-adversal:before {
        content: "\f36a";
    }

    .fa-affiliatetheme:before {
        content: "\f36b";
    }

    .fa-air-freshener:before {
        content: "\f5d0";
    }

    .fa-airbnb:before {
        content: "\f834";
    }

    .fa-algolia:before {
        content: "\f36c";
    }

    .fa-align-center:before {
        content: "\f037";
    }

    .fa-align-justify:before {
        content: "\f039";
    }

    .fa-align-left:before {
        content: "\f036";
    }

    .fa-align-right:before {
        content: "\f038";
    }

    .fa-alipay:before {
        content: "\f642";
    }

    .fa-allergies:before {
        content: "\f461";
    }

    .fa-amazon:before {
        content: "\f270";
    }

    .fa-amazon-pay:before {
        content: "\f42c";
    }

    .fa-ambulance:before {
        content: "\f0f9";
    }

    .fa-american-sign-language-interpreting:before {
        content: "\f2a3";
    }

    .fa-amilia:before {
        content: "\f36d";
    }

    .fa-anchor:before {
        content: "\f13d";
    }

    .fa-android:before {
        content: "\f17b";
    }

    .fa-angellist:before {
        content: "\f209";
    }

    .fa-angle-double-down:before {
        content: "\f103";
    }

    .fa-angle-double-left:before {
        content: "\f100";
    }

    .fa-angle-double-right:before {
        content: "\f101";
    }

    .fa-angle-double-up:before {
        content: "\f102";
    }

    .fa-angle-down:before {
        content: "\f107";
    }

    .fa-angle-left:before {
        content: "\f104";
    }

    .fa-angle-right:before {
        content: "\f105";
    }

    .fa-angle-up:before {
        content: "\f106";
    }

    .fa-angry:before {
        content: "\f556";
    }

    .fa-angrycreative:before {
        content: "\f36e";
    }

    .fa-angular:before {
        content: "\f420";
    }

    .fa-ankh:before {
        content: "\f644";
    }

    .fa-app-store:before {
        content: "\f36f";
    }

    .fa-app-store-ios:before {
        content: "\f370";
    }

    .fa-apper:before {
        content: "\f371";
    }

    .fa-apple:before {
        content: "\f179";
    }

    .fa-apple-alt:before {
        content: "\f5d1";
    }

    .fa-apple-pay:before {
        content: "\f415";
    }

    .fa-archive:before {
        content: "\f187";
    }

    .fa-archway:before {
        content: "\f557";
    }

    .fa-arrow-alt-circle-down:before {
        content: "\f358";
    }

    .fa-arrow-alt-circle-left:before {
        content: "\f359";
    }

    .fa-arrow-alt-circle-right:before {
        content: "\f35a";
    }

    .fa-arrow-alt-circle-up:before {
        content: "\f35b";
    }

    .fa-arrow-circle-down:before {
        content: "\f0ab";
    }

    .fa-arrow-circle-left:before {
        content: "\f0a8";
    }

    .fa-arrow-circle-right:before {
        content: "\f0a9";
    }

    .fa-arrow-circle-up:before {
        content: "\f0aa";
    }

    .fa-arrow-down:before {
        content: "\f063";
    }

    .fa-arrow-left:before {
        content: "\f060";
    }

    .fa-arrow-right:before {
        content: "\f061";
    }

    .fa-arrow-up:before {
        content: "\f062";
    }

    .fa-arrows-alt:before {
        content: "\f0b2";
    }

    .fa-arrows-alt-h:before {
        content: "\f337";
    }

    .fa-arrows-alt-v:before {
        content: "\f338";
    }

    .fa-artstation:before {
        content: "\f77a";
    }

    .fa-assistive-listening-systems:before {
        content: "\f2a2";
    }

    .fa-asterisk:before {
        content: "\f069";
    }

    .fa-asymmetrik:before {
        content: "\f372";
    }

    .fa-at:before {
        content: "\f1fa";
    }

    .fa-atlas:before {
        content: "\f558";
    }

    .fa-atlassian:before {
        content: "\f77b";
    }

    .fa-atom:before {
        content: "\f5d2";
    }

    .fa-audible:before {
        content: "\f373";
    }

    .fa-audio-description:before {
        content: "\f29e";
    }

    .fa-autoprefixer:before {
        content: "\f41c";
    }

    .fa-avianex:before {
        content: "\f374";
    }

    .fa-aviato:before {
        content: "\f421";
    }

    .fa-award:before {
        content: "\f559";
    }

    .fa-aws:before {
        content: "\f375";
    }

    .fa-baby:before {
        content: "\f77c";
    }

    .fa-baby-carriage:before {
        content: "\f77d";
    }

    .fa-backspace:before {
        content: "\f55a";
    }

    .fa-backward:before {
        content: "\f04a";
    }

    .fa-bacon:before {
        content: "\f7e5";
    }

    .fa-balance-scale:before {
        content: "\f24e";
    }

    .fa-balance-scale-left:before {
        content: "\f515";
    }

    .fa-balance-scale-right:before {
        content: "\f516";
    }

    .fa-ban:before {
        content: "\f05e";
    }

    .fa-band-aid:before {
        content: "\f462";
    }

    .fa-bandcamp:before {
        content: "\f2d5";
    }

    .fa-barcode:before {
        content: "\f02a";
    }

    .fa-bars:before {
        content: "\f0c9";
    }

    .fa-baseball-ball:before {
        content: "\f433";
    }

    .fa-basketball-ball:before {
        content: "\f434";
    }

    .fa-bath:before {
        content: "\f2cd";
    }

    .fa-battery-empty:before {
        content: "\f244";
    }

    .fa-battery-full:before {
        content: "\f240";
    }

    .fa-battery-half:before {
        content: "\f242";
    }

    .fa-battery-quarter:before {
        content: "\f243";
    }

    .fa-battery-three-quarters:before {
        content: "\f241";
    }

    .fa-battle-net:before {
        content: "\f835";
    }

    .fa-bed:before {
        content: "\f236";
    }

    .fa-beer:before {
        content: "\f0fc";
    }

    .fa-behance:before {
        content: "\f1b4";
    }

    .fa-behance-square:before {
        content: "\f1b5";
    }

    .fa-bell:before {
        content: "\f0f3";
    }

    .fa-bell-slash:before {
        content: "\f1f6";
    }

    .fa-bezier-curve:before {
        content: "\f55b";
    }

    .fa-bible:before {
        content: "\f647";
    }

    .fa-bicycle:before {
        content: "\f206";
    }

    .fa-biking:before {
        content: "\f84a";
    }

    .fa-bimobject:before {
        content: "\f378";
    }

    .fa-binoculars:before {
        content: "\f1e5";
    }

    .fa-biohazard:before {
        content: "\f780";
    }

    .fa-birthday-cake:before {
        content: "\f1fd";
    }

    .fa-bitbucket:before {
        content: "\f171";
    }

    .fa-bitcoin:before {
        content: "\f379";
    }

    .fa-bity:before {
        content: "\f37a";
    }

    .fa-black-tie:before {
        content: "\f27e";
    }

    .fa-blackberry:before {
        content: "\f37b";
    }

    .fa-blender:before {
        content: "\f517";
    }

    .fa-blender-phone:before {
        content: "\f6b6";
    }

    .fa-blind:before {
        content: "\f29d";
    }

    .fa-blog:before {
        content: "\f781";
    }

    .fa-blogger:before {
        content: "\f37c";
    }

    .fa-blogger-b:before {
        content: "\f37d";
    }

    .fa-bluetooth:before {
        content: "\f293";
    }

    .fa-bluetooth-b:before {
        content: "\f294";
    }

    .fa-bold:before {
        content: "\f032";
    }

    .fa-bolt:before {
        content: "\f0e7";
    }

    .fa-bomb:before {
        content: "\f1e2";
    }

    .fa-bone:before {
        content: "\f5d7";
    }

    .fa-bong:before {
        content: "\f55c";
    }

    .fa-book:before {
        content: "\f02d";
    }

    .fa-book-dead:before {
        content: "\f6b7";
    }

    .fa-book-medical:before {
        content: "\f7e6";
    }

    .fa-book-open:before {
        content: "\f518";
    }

    .fa-book-reader:before {
        content: "\f5da";
    }

    .fa-bookmark:before {
        content: "\f02e";
    }

    .fa-bootstrap:before {
        content: "\f836";
    }

    .fa-border-all:before {
        content: "\f84c";
    }

    .fa-border-none:before {
        content: "\f850";
    }

    .fa-border-style:before {
        content: "\f853";
    }

    .fa-bowling-ball:before {
        content: "\f436";
    }

    .fa-box:before {
        content: "\f466";
    }

    .fa-box-open:before {
        content: "\f49e";
    }

    .fa-boxes:before {
        content: "\f468";
    }

    .fa-braille:before {
        content: "\f2a1";
    }

    .fa-brain:before {
        content: "\f5dc";
    }

    .fa-bread-slice:before {
        content: "\f7ec";
    }

    .fa-briefcase:before {
        content: "\f0b1";
    }

    .fa-briefcase-medical:before {
        content: "\f469";
    }

    .fa-broadcast-tower:before {
        content: "\f519";
    }

    .fa-broom:before {
        content: "\f51a";
    }

    .fa-brush:before {
        content: "\f55d";
    }

    .fa-btc:before {
        content: "\f15a";
    }

    .fa-buffer:before {
        content: "\f837";
    }

    .fa-bug:before {
        content: "\f188";
    }

    .fa-building:before {
        content: "\f1ad";
    }

    .fa-bullhorn:before {
        content: "\f0a1";
    }

    .fa-bullseye:before {
        content: "\f140";
    }

    .fa-burn:before {
        content: "\f46a";
    }

    .fa-buromobelexperte:before {
        content: "\f37f";
    }

    .fa-bus:before {
        content: "\f207";
    }

    .fa-bus-alt:before {
        content: "\f55e";
    }

    .fa-business-time:before {
        content: "\f64a";
    }

    .fa-buysellads:before {
        content: "\f20d";
    }

    .fa-calculator:before {
        content: "\f1ec";
    }

    .fa-calendar:before {
        content: "\f133";
    }

    .fa-calendar-alt:before {
        content: "\f073";
    }

    .fa-calendar-check:before {
        content: "\f274";
    }

    .fa-calendar-day:before {
        content: "\f783";
    }

    .fa-calendar-minus:before {
        content: "\f272";
    }

    .fa-calendar-plus:before {
        content: "\f271";
    }

    .fa-calendar-times:before {
        content: "\f273";
    }

    .fa-calendar-week:before {
        content: "\f784";
    }

    .fa-camera:before {
        content: "\f030";
    }

    .fa-camera-retro:before {
        content: "\f083";
    }

    .fa-campground:before {
        content: "\f6bb";
    }

    .fa-canadian-maple-leaf:before {
        content: "\f785";
    }

    .fa-candy-cane:before {
        content: "\f786";
    }

    .fa-cannabis:before {
        content: "\f55f";
    }

    .fa-capsules:before {
        content: "\f46b";
    }

    .fa-car:before {
        content: "\f1b9";
    }

    .fa-car-alt:before {
        content: "\f5de";
    }

    .fa-car-battery:before {
        content: "\f5df";
    }

    .fa-car-crash:before {
        content: "\f5e1";
    }

    .fa-car-side:before {
        content: "\f5e4";
    }

    .fa-caret-down:before {
        content: "\f0d7";
    }

    .fa-caret-left:before {
        content: "\f0d9";
    }

    .fa-caret-right:before {
        content: "\f0da";
    }

    .fa-caret-square-down:before {
        content: "\f150";
    }

    .fa-caret-square-left:before {
        content: "\f191";
    }

    .fa-caret-square-right:before {
        content: "\f152";
    }

    .fa-caret-square-up:before {
        content: "\f151";
    }

    .fa-caret-up:before {
        content: "\f0d8";
    }

    .fa-carrot:before {
        content: "\f787";
    }

    .fa-cart-arrow-down:before {
        content: "\f218";
    }

    .fa-cart-plus:before {
        content: "\f217";
    }

    .fa-cash-register:before {
        content: "\f788";
    }

    .fa-cat:before {
        content: "\f6be";
    }

    .fa-cc-amazon-pay:before {
        content: "\f42d";
    }

    .fa-cc-amex:before {
        content: "\f1f3";
    }

    .fa-cc-apple-pay:before {
        content: "\f416";
    }

    .fa-cc-diners-club:before {
        content: "\f24c";
    }

    .fa-cc-discover:before {
        content: "\f1f2";
    }

    .fa-cc-jcb:before {
        content: "\f24b";
    }

    .fa-cc-mastercard:before {
        content: "\f1f1";
    }

    .fa-cc-paypal:before {
        content: "\f1f4";
    }

    .fa-cc-stripe:before {
        content: "\f1f5";
    }

    .fa-cc-visa:before {
        content: "\f1f0";
    }

    .fa-centercode:before {
        content: "\f380";
    }

    .fa-centos:before {
        content: "\f789";
    }

    .fa-certificate:before {
        content: "\f0a3";
    }

    .fa-chair:before {
        content: "\f6c0";
    }

    .fa-chalkboard:before {
        content: "\f51b";
    }

    .fa-chalkboard-teacher:before {
        content: "\f51c";
    }

    .fa-charging-station:before {
        content: "\f5e7";
    }

    .fa-chart-area:before {
        content: "\f1fe";
    }

    .fa-chart-bar:before {
        content: "\f080";
    }

    .fa-chart-line:before {
        content: "\f201";
    }

    .fa-chart-pie:before {
        content: "\f200";
    }

    .fa-check:before {
        content: "\f00c";
    }

    .fa-check-circle:before {
        content: "\f058";
    }

    .fa-check-double:before {
        content: "\f560";
    }

    .fa-check-square:before {
        content: "\f14a";
    }

    .fa-cheese:before {
        content: "\f7ef";
    }

    .fa-chess:before {
        content: "\f439";
    }

    .fa-chess-bishop:before {
        content: "\f43a";
    }

    .fa-chess-board:before {
        content: "\f43c";
    }

    .fa-chess-king:before {
        content: "\f43f";
    }

    .fa-chess-knight:before {
        content: "\f441";
    }

    .fa-chess-pawn:before {
        content: "\f443";
    }

    .fa-chess-queen:before {
        content: "\f445";
    }

    .fa-chess-rook:before {
        content: "\f447";
    }

    .fa-chevron-circle-down:before {
        content: "\f13a";
    }

    .fa-chevron-circle-left:before {
        content: "\f137";
    }

    .fa-chevron-circle-right:before {
        content: "\f138";
    }

    .fa-chevron-circle-up:before {
        content: "\f139";
    }

    .fa-chevron-down:before {
        content: "\f078";
    }

    .fa-chevron-left:before {
        content: "\f053";
    }

    .fa-chevron-right:before {
        content: "\f054";
    }

    .fa-chevron-up:before {
        content: "\f077";
    }

    .fa-child:before {
        content: "\f1ae";
    }

    .fa-chrome:before {
        content: "\f268";
    }

    .fa-chromecast:before {
        content: "\f838";
    }

    .fa-church:before {
        content: "\f51d";
    }

    .fa-circle:before {
        content: "\f111";
    }

    .fa-circle-notch:before {
        content: "\f1ce";
    }

    .fa-city:before {
        content: "\f64f";
    }

    .fa-clinic-medical:before {
        content: "\f7f2";
    }

    .fa-clipboard:before {
        content: "\f328";
    }

    .fa-clipboard-check:before {
        content: "\f46c";
    }

    .fa-clipboard-list:before {
        content: "\f46d";
    }

    .fa-clock:before {
        content: "\f017";
    }

    .fa-clone:before {
        content: "\f24d";
    }

    .fa-closed-captioning:before {
        content: "\f20a";
    }

    .fa-cloud:before {
        content: "\f0c2";
    }

    .fa-cloud-download-alt:before {
        content: "\f381";
    }

    .fa-cloud-meatball:before {
        content: "\f73b";
    }

    .fa-cloud-moon:before {
        content: "\f6c3";
    }

    .fa-cloud-moon-rain:before {
        content: "\f73c";
    }

    .fa-cloud-rain:before {
        content: "\f73d";
    }

    .fa-cloud-showers-heavy:before {
        content: "\f740";
    }

    .fa-cloud-sun:before {
        content: "\f6c4";
    }

    .fa-cloud-sun-rain:before {
        content: "\f743";
    }

    .fa-cloud-upload-alt:before {
        content: "\f382";
    }

    .fa-cloudscale:before {
        content: "\f383";
    }

    .fa-cloudsmith:before {
        content: "\f384";
    }

    .fa-cloudversify:before {
        content: "\f385";
    }

    .fa-cocktail:before {
        content: "\f561";
    }

    .fa-code:before {
        content: "\f121";
    }

    .fa-code-branch:before {
        content: "\f126";
    }

    .fa-codepen:before {
        content: "\f1cb";
    }

    .fa-codiepie:before {
        content: "\f284";
    }

    .fa-coffee:before {
        content: "\f0f4";
    }

    .fa-cog:before {
        content: "\f013";
    }

    .fa-cogs:before {
        content: "\f085";
    }

    .fa-coins:before {
        content: "\f51e";
    }

    .fa-columns:before {
        content: "\f0db";
    }

    .fa-comment:before {
        content: "\f075";
    }

    .fa-comment-alt:before {
        content: "\f27a";
    }

    .fa-comment-dollar:before {
        content: "\f651";
    }

    .fa-comment-dots:before {
        content: "\f4ad";
    }

    .fa-comment-medical:before {
        content: "\f7f5";
    }

    .fa-comment-slash:before {
        content: "\f4b3";
    }

    .fa-comments:before {
        content: "\f086";
    }

    .fa-comments-dollar:before {
        content: "\f653";
    }

    .fa-compact-disc:before {
        content: "\f51f";
    }

    .fa-compass:before {
        content: "\f14e";
    }

    .fa-compress:before {
        content: "\f066";
    }

    .fa-compress-arrows-alt:before {
        content: "\f78c";
    }

    .fa-concierge-bell:before {
        content: "\f562";
    }

    .fa-confluence:before {
        content: "\f78d";
    }

    .fa-connectdevelop:before {
        content: "\f20e";
    }

    .fa-contao:before {
        content: "\f26d";
    }

    .fa-cookie:before {
        content: "\f563";
    }

    .fa-cookie-bite:before {
        content: "\f564";
    }

    .fa-copy:before {
        content: "\f0c5";
    }

    .fa-copyright:before {
        content: "\f1f9";
    }

    .fa-cotton-bureau:before {
        content: "\f89e";
    }

    .fa-couch:before {
        content: "\f4b8";
    }

    .fa-cpanel:before {
        content: "\f388";
    }

    .fa-creative-commons:before {
        content: "\f25e";
    }

    .fa-creative-commons-by:before {
        content: "\f4e7";
    }

    .fa-creative-commons-nc:before {
        content: "\f4e8";
    }

    .fa-creative-commons-nc-eu:before {
        content: "\f4e9";
    }

    .fa-creative-commons-nc-jp:before {
        content: "\f4ea";
    }

    .fa-creative-commons-nd:before {
        content: "\f4eb";
    }

    .fa-creative-commons-pd:before {
        content: "\f4ec";
    }

    .fa-creative-commons-pd-alt:before {
        content: "\f4ed";
    }

    .fa-creative-commons-remix:before {
        content: "\f4ee";
    }

    .fa-creative-commons-sa:before {
        content: "\f4ef";
    }

    .fa-creative-commons-sampling:before {
        content: "\f4f0";
    }

    .fa-creative-commons-sampling-plus:before {
        content: "\f4f1";
    }

    .fa-creative-commons-share:before {
        content: "\f4f2";
    }

    .fa-creative-commons-zero:before {
        content: "\f4f3";
    }

    .fa-credit-card:before {
        content: "\f09d";
    }

    .fa-critical-role:before {
        content: "\f6c9";
    }

    .fa-crop:before {
        content: "\f125";
    }

    .fa-crop-alt:before {
        content: "\f565";
    }

    .fa-cross:before {
        content: "\f654";
    }

    .fa-crosshairs:before {
        content: "\f05b";
    }

    .fa-crow:before {
        content: "\f520";
    }

    .fa-crown:before {
        content: "\f521";
    }

    .fa-crutch:before {
        content: "\f7f7";
    }

    .fa-css3:before {
        content: "\f13c";
    }

    .fa-css3-alt:before {
        content: "\f38b";
    }

    .fa-cube:before {
        content: "\f1b2";
    }

    .fa-cubes:before {
        content: "\f1b3";
    }

    .fa-cut:before {
        content: "\f0c4";
    }

    .fa-cuttlefish:before {
        content: "\f38c";
    }

    .fa-d-and-d:before {
        content: "\f38d";
    }

    .fa-d-and-d-beyond:before {
        content: "\f6ca";
    }

    .fa-dashcube:before {
        content: "\f210";
    }

    .fa-database:before {
        content: "\f1c0";
    }

    .fa-deaf:before {
        content: "\f2a4";
    }

    .fa-delicious:before {
        content: "\f1a5";
    }

    .fa-democrat:before {
        content: "\f747";
    }

    .fa-deploydog:before {
        content: "\f38e";
    }

    .fa-deskpro:before {
        content: "\f38f";
    }

    .fa-desktop:before {
        content: "\f108";
    }

    .fa-dev:before {
        content: "\f6cc";
    }

    .fa-deviantart:before {
        content: "\f1bd";
    }

    .fa-dharmachakra:before {
        content: "\f655";
    }

    .fa-dhl:before {
        content: "\f790";
    }

    .fa-diagnoses:before {
        content: "\f470";
    }

    .fa-diaspora:before {
        content: "\f791";
    }

    .fa-dice:before {
        content: "\f522";
    }

    .fa-dice-d20:before {
        content: "\f6cf";
    }

    .fa-dice-d6:before {
        content: "\f6d1";
    }

    .fa-dice-five:before {
        content: "\f523";
    }

    .fa-dice-four:before {
        content: "\f524";
    }

    .fa-dice-one:before {
        content: "\f525";
    }

    .fa-dice-six:before {
        content: "\f526";
    }

    .fa-dice-three:before {
        content: "\f527";
    }

    .fa-dice-two:before {
        content: "\f528";
    }

    .fa-digg:before {
        content: "\f1a6";
    }

    .fa-digital-ocean:before {
        content: "\f391";
    }

    .fa-digital-tachograph:before {
        content: "\f566";
    }

    .fa-directions:before {
        content: "\f5eb";
    }

    .fa-discord:before {
        content: "\f392";
    }

    .fa-discourse:before {
        content: "\f393";
    }

    .fa-divide:before {
        content: "\f529";
    }

    .fa-dizzy:before {
        content: "\f567";
    }

    .fa-dna:before {
        content: "\f471";
    }

    .fa-dochub:before {
        content: "\f394";
    }

    .fa-docker:before {
        content: "\f395";
    }

    .fa-dog:before {
        content: "\f6d3";
    }

    .fa-dollar-sign:before {
        content: "\f155";
    }

    .fa-dolly:before {
        content: "\f472";
    }

    .fa-dolly-flatbed:before {
        content: "\f474";
    }

    .fa-donate:before {
        content: "\f4b9";
    }

    .fa-door-closed:before {
        content: "\f52a";
    }

    .fa-door-open:before {
        content: "\f52b";
    }

    .fa-dot-circle:before {
        content: "\f192";
    }

    .fa-dove:before {
        content: "\f4ba";
    }

    .fa-download:before {
        content: "\f019";
    }

    .fa-draft2digital:before {
        content: "\f396";
    }

    .fa-drafting-compass:before {
        content: "\f568";
    }

    .fa-dragon:before {
        content: "\f6d5";
    }

    .fa-draw-polygon:before {
        content: "\f5ee";
    }

    .fa-dribbble:before {
        content: "\f17d";
    }

    .fa-dribbble-square:before {
        content: "\f397";
    }

    .fa-dropbox:before {
        content: "\f16b";
    }

    .fa-drum:before {
        content: "\f569";
    }

    .fa-drum-steelpan:before {
        content: "\f56a";
    }

    .fa-drumstick-bite:before {
        content: "\f6d7";
    }

    .fa-drupal:before {
        content: "\f1a9";
    }

    .fa-dumbbell:before {
        content: "\f44b";
    }

    .fa-dumpster:before {
        content: "\f793";
    }

    .fa-dumpster-fire:before {
        content: "\f794";
    }

    .fa-dungeon:before {
        content: "\f6d9";
    }

    .fa-dyalog:before {
        content: "\f399";
    }

    .fa-earlybirds:before {
        content: "\f39a";
    }

    .fa-ebay:before {
        content: "\f4f4";
    }

    .fa-edge:before {
        content: "\f282";
    }

    .fa-edit:before {
        content: "\f044";
    }

    .fa-egg:before {
        content: "\f7fb";
    }

    .fa-eject:before {
        content: "\f052";
    }

    .fa-elementor:before {
        content: "\f430";
    }

    .fa-ellipsis-h:before {
        content: "\f141";
    }

    .fa-ellipsis-v:before {
        content: "\f142";
    }

    .fa-ello:before {
        content: "\f5f1";
    }

    .fa-ember:before {
        content: "\f423";
    }

    .fa-empire:before {
        content: "\f1d1";
    }

    .fa-envelope:before {
        content: "\f0e0";
    }

    .fa-envelope-open:before {
        content: "\f2b6";
    }

    .fa-envelope-open-text:before {
        content: "\f658";
    }

    .fa-envelope-square:before {
        content: "\f199";
    }

    .fa-envira:before {
        content: "\f299";
    }

    .fa-equals:before {
        content: "\f52c";
    }

    .fa-eraser:before {
        content: "\f12d";
    }

    .fa-erlang:before {
        content: "\f39d";
    }

    .fa-ethereum:before {
        content: "\f42e";
    }

    .fa-ethernet:before {
        content: "\f796";
    }

    .fa-etsy:before {
        content: "\f2d7";
    }

    .fa-euro-sign:before {
        content: "\f153";
    }

    .fa-evernote:before {
        content: "\f839";
    }

    .fa-exchange-alt:before {
        content: "\f362";
    }

    .fa-exclamation:before {
        content: "\f12a";
    }

    .fa-exclamation-circle:before {
        content: "\f06a";
    }

    .fa-exclamation-triangle:before {
        content: "\f071";
    }

    .fa-expand:before {
        content: "\f065";
    }

    .fa-expand-arrows-alt:before {
        content: "\f31e";
    }

    .fa-expeditedssl:before {
        content: "\f23e";
    }

    .fa-external-link-alt:before {
        content: "\f35d";
    }

    .fa-external-link-square-alt:before {
        content: "\f360";
    }

    .fa-eye:before {
        content: "\f06e";
    }

    .fa-eye-dropper:before {
        content: "\f1fb";
    }

    .fa-eye-slash:before {
        content: "\f070";
    }

    .fa-facebook:before {
        content: "\f09a";
    }

    .fa-facebook-f:before {
        content: "\f39e";
    }

    .fa-facebook-messenger:before {
        content: "\f39f";
    }

    .fa-facebook-square:before {
        content: "\f082";
    }

    .fa-fan:before {
        content: "\f863";
    }

    .fa-fantasy-flight-games:before {
        content: "\f6dc";
    }

    .fa-fast-backward:before {
        content: "\f049";
    }

    .fa-fast-forward:before {
        content: "\f050";
    }

    .fa-fax:before {
        content: "\f1ac";
    }

    .fa-feather:before {
        content: "\f52d";
    }

    .fa-feather-alt:before {
        content: "\f56b";
    }

    .fa-fedex:before {
        content: "\f797";
    }

    .fa-fedora:before {
        content: "\f798";
    }

    .fa-female:before {
        content: "\f182";
    }

    .fa-fighter-jet:before {
        content: "\f0fb";
    }

    .fa-figma:before {
        content: "\f799";
    }

    .fa-file:before {
        content: "\f15b";
    }

    .fa-file-alt:before {
        content: "\f15c";
    }

    .fa-file-archive:before {
        content: "\f1c6";
    }

    .fa-file-audio:before {
        content: "\f1c7";
    }

    .fa-file-code:before {
        content: "\f1c9";
    }

    .fa-file-contract:before {
        content: "\f56c";
    }

    .fa-file-csv:before {
        content: "\f6dd";
    }

    .fa-file-download:before {
        content: "\f56d";
    }

    .fa-file-excel:before {
        content: "\f1c3";
    }

    .fa-file-export:before {
        content: "\f56e";
    }

    .fa-file-image:before {
        content: "\f1c5";
    }

    .fa-file-import:before {
        content: "\f56f";
    }

    .fa-file-invoice:before {
        content: "\f570";
    }

    .fa-file-invoice-dollar:before {
        content: "\f571";
    }

    .fa-file-medical:before {
        content: "\f477";
    }

    .fa-file-medical-alt:before {
        content: "\f478";
    }

    .fa-file-pdf:before {
        content: "\f1c1";
    }

    .fa-file-powerpoint:before {
        content: "\f1c4";
    }

    .fa-file-prescription:before {
        content: "\f572";
    }

    .fa-file-signature:before {
        content: "\f573";
    }

    .fa-file-upload:before {
        content: "\f574";
    }

    .fa-file-video:before {
        content: "\f1c8";
    }

    .fa-file-word:before {
        content: "\f1c2";
    }

    .fa-fill:before {
        content: "\f575";
    }

    .fa-fill-drip:before {
        content: "\f576";
    }

    .fa-film:before {
        content: "\f008";
    }

    .fa-filter:before {
        content: "\f0b0";
    }

    .fa-fingerprint:before {
        content: "\f577";
    }

    .fa-fire:before {
        content: "\f06d";
    }

    .fa-fire-alt:before {
        content: "\f7e4";
    }

    .fa-fire-extinguisher:before {
        content: "\f134";
    }

    .fa-firefox:before {
        content: "\f269";
    }

    .fa-first-aid:before {
        content: "\f479";
    }

    .fa-first-order:before {
        content: "\f2b0";
    }

    .fa-first-order-alt:before {
        content: "\f50a";
    }

    .fa-firstdraft:before {
        content: "\f3a1";
    }

    .fa-fish:before {
        content: "\f578";
    }

    .fa-fist-raised:before {
        content: "\f6de";
    }

    .fa-flag:before {
        content: "\f024";
    }

    .fa-flag-checkered:before {
        content: "\f11e";
    }

    .fa-flag-usa:before {
        content: "\f74d";
    }

    .fa-flask:before {
        content: "\f0c3";
    }

    .fa-flickr:before {
        content: "\f16e";
    }

    .fa-flipboard:before {
        content: "\f44d";
    }

    .fa-flushed:before {
        content: "\f579";
    }

    .fa-fly:before {
        content: "\f417";
    }

    .fa-folder:before {
        content: "\f07b";
    }

    .fa-folder-minus:before {
        content: "\f65d";
    }

    .fa-folder-open:before {
        content: "\f07c";
    }

    .fa-folder-plus:before {
        content: "\f65e";
    }

    .fa-font:before {
        content: "\f031";
    }

    .fa-font-awesome:before {
        content: "\f2b4";
    }

    .fa-font-awesome-alt:before {
        content: "\f35c";
    }

    .fa-font-awesome-flag:before {
        content: "\f425";
    }

    .fa-font-awesome-logo-full:before {
        content: "\f4e6";
    }

    .fa-fonticons:before {
        content: "\f280";
    }

    .fa-fonticons-fi:before {
        content: "\f3a2";
    }

    .fa-football-ball:before {
        content: "\f44e";
    }

    .fa-fort-awesome:before {
        content: "\f286";
    }

    .fa-fort-awesome-alt:before {
        content: "\f3a3";
    }

    .fa-forumbee:before {
        content: "\f211";
    }

    .fa-forward:before {
        content: "\f04e";
    }

    .fa-foursquare:before {
        content: "\f180";
    }

    .fa-free-code-camp:before {
        content: "\f2c5";
    }

    .fa-freebsd:before {
        content: "\f3a4";
    }

    .fa-frog:before {
        content: "\f52e";
    }

    .fa-frown:before {
        content: "\f119";
    }

    .fa-frown-open:before {
        content: "\f57a";
    }

    .fa-fulcrum:before {
        content: "\f50b";
    }

    .fa-funnel-dollar:before {
        content: "\f662";
    }

    .fa-futbol:before {
        content: "\f1e3";
    }

    .fa-galactic-republic:before {
        content: "\f50c";
    }

    .fa-galactic-senate:before {
        content: "\f50d";
    }

    .fa-gamepad:before {
        content: "\f11b";
    }

    .fa-gas-pump:before {
        content: "\f52f";
    }

    .fa-gavel:before {
        content: "\f0e3";
    }

    .fa-gem:before {
        content: "\f3a5";
    }

    .fa-genderless:before {
        content: "\f22d";
    }

    .fa-get-pocket:before {
        content: "\f265";
    }

    .fa-gg:before {
        content: "\f260";
    }

    .fa-gg-circle:before {
        content: "\f261";
    }

    .fa-ghost:before {
        content: "\f6e2";
    }

    .fa-gift:before {
        content: "\f06b";
    }

    .fa-gifts:before {
        content: "\f79c";
    }

    .fa-git:before {
        content: "\f1d3";
    }

    .fa-git-alt:before {
        content: "\f841";
    }

    .fa-git-square:before {
        content: "\f1d2";
    }

    .fa-github:before {
        content: "\f09b";
    }

    .fa-github-alt:before {
        content: "\f113";
    }

    .fa-github-square:before {
        content: "\f092";
    }

    .fa-gitkraken:before {
        content: "\f3a6";
    }

    .fa-gitlab:before {
        content: "\f296";
    }

    .fa-gitter:before {
        content: "\f426";
    }

    .fa-glass-cheers:before {
        content: "\f79f";
    }

    .fa-glass-martini:before {
        content: "\f000";
    }

    .fa-glass-martini-alt:before {
        content: "\f57b";
    }

    .fa-glass-whiskey:before {
        content: "\f7a0";
    }

    .fa-glasses:before {
        content: "\f530";
    }

    .fa-glide:before {
        content: "\f2a5";
    }

    .fa-glide-g:before {
        content: "\f2a6";
    }

    .fa-globe:before {
        content: "\f0ac";
    }

    .fa-globe-africa:before {
        content: "\f57c";
    }

    .fa-globe-americas:before {
        content: "\f57d";
    }

    .fa-globe-asia:before {
        content: "\f57e";
    }

    .fa-globe-europe:before {
        content: "\f7a2";
    }

    .fa-gofore:before {
        content: "\f3a7";
    }

    .fa-golf-ball:before {
        content: "\f450";
    }

    .fa-goodreads:before {
        content: "\f3a8";
    }

    .fa-goodreads-g:before {
        content: "\f3a9";
    }

    .fa-google:before {
        content: "\f1a0";
    }

    .fa-google-drive:before {
        content: "\f3aa";
    }

    .fa-google-play:before {
        content: "\f3ab";
    }

    .fa-google-plus:before {
        content: "\f2b3";
    }

    .fa-google-plus-g:before {
        content: "\f0d5";
    }

    .fa-google-plus-square:before {
        content: "\f0d4";
    }

    .fa-google-wallet:before {
        content: "\f1ee";
    }

    .fa-gopuram:before {
        content: "\f664";
    }

    .fa-graduation-cap:before {
        content: "\f19d";
    }

    .fa-gratipay:before {
        content: "\f184";
    }

    .fa-grav:before {
        content: "\f2d6";
    }

    .fa-greater-than:before {
        content: "\f531";
    }

    .fa-greater-than-equal:before {
        content: "\f532";
    }

    .fa-grimace:before {
        content: "\f57f";
    }

    .fa-grin:before {
        content: "\f580";
    }

    .fa-grin-alt:before {
        content: "\f581";
    }

    .fa-grin-beam:before {
        content: "\f582";
    }

    .fa-grin-beam-sweat:before {
        content: "\f583";
    }

    .fa-grin-hearts:before {
        content: "\f584";
    }

    .fa-grin-squint:before {
        content: "\f585";
    }

    .fa-grin-squint-tears:before {
        content: "\f586";
    }

    .fa-grin-stars:before {
        content: "\f587";
    }

    .fa-grin-tears:before {
        content: "\f588";
    }

    .fa-grin-tongue:before {
        content: "\f589";
    }

    .fa-grin-tongue-squint:before {
        content: "\f58a";
    }

    .fa-grin-tongue-wink:before {
        content: "\f58b";
    }

    .fa-grin-wink:before {
        content: "\f58c";
    }

    .fa-grip-horizontal:before {
        content: "\f58d";
    }

    .fa-grip-lines:before {
        content: "\f7a4";
    }

    .fa-grip-lines-vertical:before {
        content: "\f7a5";
    }

    .fa-grip-vertical:before {
        content: "\f58e";
    }

    .fa-gripfire:before {
        content: "\f3ac";
    }

    .fa-grunt:before {
        content: "\f3ad";
    }

    .fa-guitar:before {
        content: "\f7a6";
    }

    .fa-gulp:before {
        content: "\f3ae";
    }

    .fa-h-square:before {
        content: "\f0fd";
    }

    .fa-hacker-news:before {
        content: "\f1d4";
    }

    .fa-hacker-news-square:before {
        content: "\f3af";
    }

    .fa-hackerrank:before {
        content: "\f5f7";
    }

    .fa-hamburger:before {
        content: "\f805";
    }

    .fa-hammer:before {
        content: "\f6e3";
    }

    .fa-hamsa:before {
        content: "\f665";
    }

    .fa-hand-holding:before {
        content: "\f4bd";
    }

    .fa-hand-holding-heart:before {
        content: "\f4be";
    }

    .fa-hand-holding-usd:before {
        content: "\f4c0";
    }

    .fa-hand-lizard:before {
        content: "\f258";
    }

    .fa-hand-middle-finger:before {
        content: "\f806";
    }

    .fa-hand-paper:before {
        content: "\f256";
    }

    .fa-hand-peace:before {
        content: "\f25b";
    }

    .fa-hand-point-down:before {
        content: "\f0a7";
    }

    .fa-hand-point-left:before {
        content: "\f0a5";
    }

    .fa-hand-point-right:before {
        content: "\f0a4";
    }

    .fa-hand-point-up:before {
        content: "\f0a6";
    }

    .fa-hand-pointer:before {
        content: "\f25a";
    }

    .fa-hand-rock:before {
        content: "\f255";
    }

    .fa-hand-scissors:before {
        content: "\f257";
    }

    .fa-hand-spock:before {
        content: "\f259";
    }

    .fa-hands:before {
        content: "\f4c2";
    }

    .fa-hands-helping:before {
        content: "\f4c4";
    }

    .fa-handshake:before {
        content: "\f2b5";
    }

    .fa-hanukiah:before {
        content: "\f6e6";
    }

    .fa-hard-hat:before {
        content: "\f807";
    }

    .fa-hashtag:before {
        content: "\f292";
    }

    .fa-hat-wizard:before {
        content: "\f6e8";
    }

    .fa-haykal:before {
        content: "\f666";
    }

    .fa-hdd:before {
        content: "\f0a0";
    }

    .fa-heading:before {
        content: "\f1dc";
    }

    .fa-headphones:before {
        content: "\f025";
    }

    .fa-headphones-alt:before {
        content: "\f58f";
    }

    .fa-headset:before {
        content: "\f590";
    }

    .fa-heart:before {
        content: "\f004";
    }

    .fa-heart-broken:before {
        content: "\f7a9";
    }

    .fa-heartbeat:before {
        content: "\f21e";
    }

    .fa-helicopter:before {
        content: "\f533";
    }

    .fa-highlighter:before {
        content: "\f591";
    }

    .fa-hiking:before {
        content: "\f6ec";
    }

    .fa-hippo:before {
        content: "\f6ed";
    }

    .fa-hips:before {
        content: "\f452";
    }

    .fa-hire-a-helper:before {
        content: "\f3b0";
    }

    .fa-history:before {
        content: "\f1da";
    }

    .fa-hockey-puck:before {
        content: "\f453";
    }

    .fa-holly-berry:before {
        content: "\f7aa";
    }

    .fa-home:before {
        content: "\f015";
    }

    .fa-hooli:before {
        content: "\f427";
    }

    .fa-hornbill:before {
        content: "\f592";
    }

    .fa-horse:before {
        content: "\f6f0";
    }

    .fa-horse-head:before {
        content: "\f7ab";
    }

    .fa-hospital:before {
        content: "\f0f8";
    }

    .fa-hospital-alt:before {
        content: "\f47d";
    }

    .fa-hospital-symbol:before {
        content: "\f47e";
    }

    .fa-hot-tub:before {
        content: "\f593";
    }

    .fa-hotdog:before {
        content: "\f80f";
    }

    .fa-hotel:before {
        content: "\f594";
    }

    .fa-hotjar:before {
        content: "\f3b1";
    }

    .fa-hourglass:before {
        content: "\f254";
    }

    .fa-hourglass-end:before {
        content: "\f253";
    }

    .fa-hourglass-half:before {
        content: "\f252";
    }

    .fa-hourglass-start:before {
        content: "\f251";
    }

    .fa-house-damage:before {
        content: "\f6f1";
    }

    .fa-houzz:before {
        content: "\f27c";
    }

    .fa-hryvnia:before {
        content: "\f6f2";
    }

    .fa-html5:before {
        content: "\f13b";
    }

    .fa-hubspot:before {
        content: "\f3b2";
    }

    .fa-i-cursor:before {
        content: "\f246";
    }

    .fa-ice-cream:before {
        content: "\f810";
    }

    .fa-icicles:before {
        content: "\f7ad";
    }

    .fa-icons:before {
        content: "\f86d";
    }

    .fa-id-badge:before {
        content: "\f2c1";
    }

    .fa-id-card:before {
        content: "\f2c2";
    }

    .fa-id-card-alt:before {
        content: "\f47f";
    }

    .fa-igloo:before {
        content: "\f7ae";
    }

    .fa-image:before {
        content: "\f03e";
    }

    .fa-images:before {
        content: "\f302";
    }

    .fa-imdb:before {
        content: "\f2d8";
    }

    .fa-inbox:before {
        content: "\f01c";
    }

    .fa-indent:before {
        content: "\f03c";
    }

    .fa-industry:before {
        content: "\f275";
    }

    .fa-infinity:before {
        content: "\f534";
    }

    .fa-info:before {
        content: "\f129";
    }

    .fa-info-circle:before {
        content: "\f05a";
    }

    .fa-instagram:before {
        content: "\f16d";
    }

    .fa-intercom:before {
        content: "\f7af";
    }

    .fa-internet-explorer:before {
        content: "\f26b";
    }

    .fa-invision:before {
        content: "\f7b0";
    }

    .fa-ioxhost:before {
        content: "\f208";
    }

    .fa-italic:before {
        content: "\f033";
    }

    .fa-itch-io:before {
        content: "\f83a";
    }

    .fa-itunes:before {
        content: "\f3b4";
    }

    .fa-itunes-note:before {
        content: "\f3b5";
    }

    .fa-java:before {
        content: "\f4e4";
    }

    .fa-jedi:before {
        content: "\f669";
    }

    .fa-jedi-order:before {
        content: "\f50e";
    }

    .fa-jenkins:before {
        content: "\f3b6";
    }

    .fa-jira:before {
        content: "\f7b1";
    }

    .fa-joget:before {
        content: "\f3b7";
    }

    .fa-joint:before {
        content: "\f595";
    }

    .fa-joomla:before {
        content: "\f1aa";
    }

    .fa-journal-whills:before {
        content: "\f66a";
    }

    .fa-js:before {
        content: "\f3b8";
    }

    .fa-js-square:before {
        content: "\f3b9";
    }

    .fa-jsfiddle:before {
        content: "\f1cc";
    }

    .fa-kaaba:before {
        content: "\f66b";
    }

    .fa-kaggle:before {
        content: "\f5fa";
    }

    .fa-key:before {
        content: "\f084";
    }

    .fa-keybase:before {
        content: "\f4f5";
    }

    .fa-keyboard:before {
        content: "\f11c";
    }

    .fa-keycdn:before {
        content: "\f3ba";
    }

    .fa-khanda:before {
        content: "\f66d";
    }

    .fa-kickstarter:before {
        content: "\f3bb";
    }

    .fa-kickstarter-k:before {
        content: "\f3bc";
    }

    .fa-kiss:before {
        content: "\f596";
    }

    .fa-kiss-beam:before {
        content: "\f597";
    }

    .fa-kiss-wink-heart:before {
        content: "\f598";
    }

    .fa-kiwi-bird:before {
        content: "\f535";
    }

    .fa-korvue:before {
        content: "\f42f";
    }

    .fa-landmark:before {
        content: "\f66f";
    }

    .fa-language:before {
        content: "\f1ab";
    }

    .fa-laptop:before {
        content: "\f109";
    }

    .fa-laptop-code:before {
        content: "\f5fc";
    }

    .fa-laptop-medical:before {
        content: "\f812";
    }

    .fa-laravel:before {
        content: "\f3bd";
    }

    .fa-lastfm:before {
        content: "\f202";
    }

    .fa-lastfm-square:before {
        content: "\f203";
    }

    .fa-laugh:before {
        content: "\f599";
    }

    .fa-laugh-beam:before {
        content: "\f59a";
    }

    .fa-laugh-squint:before {
        content: "\f59b";
    }

    .fa-laugh-wink:before {
        content: "\f59c";
    }

    .fa-layer-group:before {
        content: "\f5fd";
    }

    .fa-leaf:before {
        content: "\f06c";
    }

    .fa-leanpub:before {
        content: "\f212";
    }

    .fa-lemon:before {
        content: "\f094";
    }

    .fa-less:before {
        content: "\f41d";
    }

    .fa-less-than:before {
        content: "\f536";
    }

    .fa-less-than-equal:before {
        content: "\f537";
    }

    .fa-level-down-alt:before {
        content: "\f3be";
    }

    .fa-level-up-alt:before {
        content: "\f3bf";
    }

    .fa-life-ring:before {
        content: "\f1cd";
    }

    .fa-lightbulb:before {
        content: "\f0eb";
    }

    .fa-line:before {
        content: "\f3c0";
    }

    .fa-link:before {
        content: "\f0c1";
    }

    .fa-linkedin:before {
        content: "\f08c";
    }

    .fa-linkedin-in:before {
        content: "\f0e1";
    }

    .fa-linode:before {
        content: "\f2b8";
    }

    .fa-linux:before {
        content: "\f17c";
    }

    .fa-lira-sign:before {
        content: "\f195";
    }

    .fa-list:before {
        content: "\f03a";
    }

    .fa-list-alt:before {
        content: "\f022";
    }

    .fa-list-ol:before {
        content: "\f0cb";
    }

    .fa-list-ul:before {
        content: "\f0ca";
    }

    .fa-location-arrow:before {
        content: "\f124";
    }

    .fa-lock:before {
        content: "\f023";
    }

    .fa-lock-open:before {
        content: "\f3c1";
    }

    .fa-long-arrow-alt-down:before {
        content: "\f309";
    }

    .fa-long-arrow-alt-left:before {
        content: "\f30a";
    }

    .fa-long-arrow-alt-right:before {
        content: "\f30b";
    }

    .fa-long-arrow-alt-up:before {
        content: "\f30c";
    }

    .fa-low-vision:before {
        content: "\f2a8";
    }

    .fa-luggage-cart:before {
        content: "\f59d";
    }

    .fa-lyft:before {
        content: "\f3c3";
    }

    .fa-magento:before {
        content: "\f3c4";
    }

    .fa-magic:before {
        content: "\f0d0";
    }

    .fa-magnet:before {
        content: "\f076";
    }

    .fa-mail-bulk:before {
        content: "\f674";
    }

    .fa-mailchimp:before {
        content: "\f59e";
    }

    .fa-male:before {
        content: "\f183";
    }

    .fa-mandalorian:before {
        content: "\f50f";
    }

    .fa-map:before {
        content: "\f279";
    }

    .fa-map-marked:before {
        content: "\f59f";
    }

    .fa-map-marked-alt:before {
        content: "\f5a0";
    }

    .fa-map-marker:before {
        content: "\f041";
    }

    .fa-map-marker-alt:before {
        content: "\f3c5";
    }

    .fa-map-pin:before {
        content: "\f276";
    }

    .fa-map-signs:before {
        content: "\f277";
    }

    .fa-markdown:before {
        content: "\f60f";
    }

    .fa-marker:before {
        content: "\f5a1";
    }

    .fa-mars:before {
        content: "\f222";
    }

    .fa-mars-double:before {
        content: "\f227";
    }

    .fa-mars-stroke:before {
        content: "\f229";
    }

    .fa-mars-stroke-h:before {
        content: "\f22b";
    }

    .fa-mars-stroke-v:before {
        content: "\f22a";
    }

    .fa-mask:before {
        content: "\f6fa";
    }

    .fa-mastodon:before {
        content: "\f4f6";
    }

    .fa-maxcdn:before {
        content: "\f136";
    }

    .fa-medal:before {
        content: "\f5a2";
    }

    .fa-medapps:before {
        content: "\f3c6";
    }

    .fa-medium:before {
        content: "\f23a";
    }

    .fa-medium-m:before {
        content: "\f3c7";
    }

    .fa-medkit:before {
        content: "\f0fa";
    }

    .fa-medrt:before {
        content: "\f3c8";
    }

    .fa-meetup:before {
        content: "\f2e0";
    }

    .fa-megaport:before {
        content: "\f5a3";
    }

    .fa-meh:before {
        content: "\f11a";
    }

    .fa-meh-blank:before {
        content: "\f5a4";
    }

    .fa-meh-rolling-eyes:before {
        content: "\f5a5";
    }

    .fa-memory:before {
        content: "\f538";
    }

    .fa-mendeley:before {
        content: "\f7b3";
    }

    .fa-menorah:before {
        content: "\f676";
    }

    .fa-mercury:before {
        content: "\f223";
    }

    .fa-meteor:before {
        content: "\f753";
    }

    .fa-microchip:before {
        content: "\f2db";
    }

    .fa-microphone:before {
        content: "\f130";
    }

    .fa-microphone-alt:before {
        content: "\f3c9";
    }

    .fa-microphone-alt-slash:before {
        content: "\f539";
    }

    .fa-microphone-slash:before {
        content: "\f131";
    }

    .fa-microscope:before {
        content: "\f610";
    }

    .fa-microsoft:before {
        content: "\f3ca";
    }

    .fa-minus:before {
        content: "\f068";
    }

    .fa-minus-circle:before {
        content: "\f056";
    }

    .fa-minus-square:before {
        content: "\f146";
    }

    .fa-mitten:before {
        content: "\f7b5";
    }

    .fa-mix:before {
        content: "\f3cb";
    }

    .fa-mixcloud:before {
        content: "\f289";
    }

    .fa-mizuni:before {
        content: "\f3cc";
    }

    .fa-mobile:before {
        content: "\f10b";
    }

    .fa-mobile-alt:before {
        content: "\f3cd";
    }

    .fa-modx:before {
        content: "\f285";
    }

    .fa-monero:before {
        content: "\f3d0";
    }

    .fa-money-bill:before {
        content: "\f0d6";
    }

    .fa-money-bill-alt:before {
        content: "\f3d1";
    }

    .fa-money-bill-wave:before {
        content: "\f53a";
    }

    .fa-money-bill-wave-alt:before {
        content: "\f53b";
    }

    .fa-money-check:before {
        content: "\f53c";
    }

    .fa-money-check-alt:before {
        content: "\f53d";
    }

    .fa-monument:before {
        content: "\f5a6";
    }

    .fa-moon:before {
        content: "\f186";
    }

    .fa-mortar-pestle:before {
        content: "\f5a7";
    }

    .fa-mosque:before {
        content: "\f678";
    }

    .fa-motorcycle:before {
        content: "\f21c";
    }

    .fa-mountain:before {
        content: "\f6fc";
    }

    .fa-mouse-pointer:before {
        content: "\f245";
    }

    .fa-mug-hot:before {
        content: "\f7b6";
    }

    .fa-music:before {
        content: "\f001";
    }

    .fa-napster:before {
        content: "\f3d2";
    }

    .fa-neos:before {
        content: "\f612";
    }

    .fa-network-wired:before {
        content: "\f6ff";
    }

    .fa-neuter:before {
        content: "\f22c";
    }

    .fa-newspaper:before {
        content: "\f1ea";
    }

    .fa-nimblr:before {
        content: "\f5a8";
    }

    .fa-node:before {
        content: "\f419";
    }

    .fa-node-js:before {
        content: "\f3d3";
    }

    .fa-not-equal:before {
        content: "\f53e";
    }

    .fa-notes-medical:before {
        content: "\f481";
    }

    .fa-npm:before {
        content: "\f3d4";
    }

    .fa-ns8:before {
        content: "\f3d5";
    }

    .fa-nutritionix:before {
        content: "\f3d6";
    }

    .fa-object-group:before {
        content: "\f247";
    }

    .fa-object-ungroup:before {
        content: "\f248";
    }

    .fa-odnoklassniki:before {
        content: "\f263";
    }

    .fa-odnoklassniki-square:before {
        content: "\f264";
    }

    .fa-oil-can:before {
        content: "\f613";
    }

    .fa-old-republic:before {
        content: "\f510";
    }

    .fa-om:before {
        content: "\f679";
    }

    .fa-opencart:before {
        content: "\f23d";
    }

    .fa-openid:before {
        content: "\f19b";
    }

    .fa-opera:before {
        content: "\f26a";
    }

    .fa-optin-monster:before {
        content: "\f23c";
    }

    .fa-osi:before {
        content: "\f41a";
    }

    .fa-otter:before {
        content: "\f700";
    }

    .fa-outdent:before {
        content: "\f03b";
    }

    .fa-page4:before {
        content: "\f3d7";
    }

    .fa-pagelines:before {
        content: "\f18c";
    }

    .fa-pager:before {
        content: "\f815";
    }

    .fa-paint-brush:before {
        content: "\f1fc";
    }

    .fa-paint-roller:before {
        content: "\f5aa";
    }

    .fa-palette:before {
        content: "\f53f";
    }

    .fa-palfed:before {
        content: "\f3d8";
    }

    .fa-pallet:before {
        content: "\f482";
    }

    .fa-paper-plane:before {
        content: "\f1d8";
    }

    .fa-paperclip:before {
        content: "\f0c6";
    }

    .fa-parachute-box:before {
        content: "\f4cd";
    }

    .fa-paragraph:before {
        content: "\f1dd";
    }

    .fa-parking:before {
        content: "\f540";
    }

    .fa-passport:before {
        content: "\f5ab";
    }

    .fa-pastafarianism:before {
        content: "\f67b";
    }

    .fa-paste:before {
        content: "\f0ea";
    }

    .fa-patreon:before {
        content: "\f3d9";
    }

    .fa-pause:before {
        content: "\f04c";
    }

    .fa-pause-circle:before {
        content: "\f28b";
    }

    .fa-paw:before {
        content: "\f1b0";
    }

    .fa-paypal:before {
        content: "\f1ed";
    }

    .fa-peace:before {
        content: "\f67c";
    }

    .fa-pen:before {
        content: "\f304";
    }

    .fa-pen-alt:before {
        content: "\f305";
    }

    .fa-pen-fancy:before {
        content: "\f5ac";
    }

    .fa-pen-nib:before {
        content: "\f5ad";
    }

    .fa-pen-square:before {
        content: "\f14b";
    }

    .fa-pencil-alt:before {
        content: "\f303";
    }

    .fa-pencil-ruler:before {
        content: "\f5ae";
    }

    .fa-penny-arcade:before {
        content: "\f704";
    }

    .fa-people-carry:before {
        content: "\f4ce";
    }

    .fa-pepper-hot:before {
        content: "\f816";
    }

    .fa-percent:before {
        content: "\f295";
    }

    .fa-percentage:before {
        content: "\f541";
    }

    .fa-periscope:before {
        content: "\f3da";
    }

    .fa-person-booth:before {
        content: "\f756";
    }

    .fa-phabricator:before {
        content: "\f3db";
    }

    .fa-phoenix-framework:before {
        content: "\f3dc";
    }

    .fa-phoenix-squadron:before {
        content: "\f511";
    }

    .fa-phone:before {
        content: "\f095";
    }

    .fa-phone-alt:before {
        content: "\f879";
    }

    .fa-phone-slash:before {
        content: "\f3dd";
    }

    .fa-phone-square:before {
        content: "\f098";
    }

    .fa-phone-square-alt:before {
        content: "\f87b";
    }

    .fa-phone-volume:before {
        content: "\f2a0";
    }

    .fa-photo-video:before {
        content: "\f87c";
    }

    .fa-php:before {
        content: "\f457";
    }

    .fa-pied-piper:before {
        content: "\f2ae";
    }

    .fa-pied-piper-alt:before {
        content: "\f1a8";
    }

    .fa-pied-piper-hat:before {
        content: "\f4e5";
    }

    .fa-pied-piper-pp:before {
        content: "\f1a7";
    }

    .fa-piggy-bank:before {
        content: "\f4d3";
    }

    .fa-pills:before {
        content: "\f484";
    }

    .fa-pinterest:before {
        content: "\f0d2";
    }

    .fa-pinterest-p:before {
        content: "\f231";
    }

    .fa-pinterest-square:before {
        content: "\f0d3";
    }

    .fa-pizza-slice:before {
        content: "\f818";
    }

    .fa-place-of-worship:before {
        content: "\f67f";
    }

    .fa-plane:before {
        content: "\f072";
    }

    .fa-plane-arrival:before {
        content: "\f5af";
    }

    .fa-plane-departure:before {
        content: "\f5b0";
    }

    .fa-play:before {
        content: "\f04b";
    }

    .fa-play-circle:before {
        content: "\f144";
    }

    .fa-playstation:before {
        content: "\f3df";
    }

    .fa-plug:before {
        content: "\f1e6";
    }

    .fa-plus:before {
        content: "\f067";
    }

    .fa-plus-circle:before {
        content: "\f055";
    }

    .fa-plus-square:before {
        content: "\f0fe";
    }

    .fa-podcast:before {
        content: "\f2ce";
    }

    .fa-poll:before {
        content: "\f681";
    }

    .fa-poll-h:before {
        content: "\f682";
    }

    .fa-poo:before {
        content: "\f2fe";
    }

    .fa-poo-storm:before {
        content: "\f75a";
    }

    .fa-poop:before {
        content: "\f619";
    }

    .fa-portrait:before {
        content: "\f3e0";
    }

    .fa-pound-sign:before {
        content: "\f154";
    }

    .fa-power-off:before {
        content: "\f011";
    }

    .fa-pray:before {
        content: "\f683";
    }

    .fa-praying-hands:before {
        content: "\f684";
    }

    .fa-prescription:before {
        content: "\f5b1";
    }

    .fa-prescription-bottle:before {
        content: "\f485";
    }

    .fa-prescription-bottle-alt:before {
        content: "\f486";
    }

    .fa-print:before {
        content: "\f02f";
    }

    .fa-procedures:before {
        content: "\f487";
    }

    .fa-product-hunt:before {
        content: "\f288";
    }

    .fa-project-diagram:before {
        content: "\f542";
    }

    .fa-pushed:before {
        content: "\f3e1";
    }

    .fa-puzzle-piece:before {
        content: "\f12e";
    }

    .fa-python:before {
        content: "\f3e2";
    }

    .fa-qq:before {
        content: "\f1d6";
    }

    .fa-qrcode:before {
        content: "\f029";
    }

    .fa-question:before {
        content: "\f128";
    }

    .fa-question-circle:before {
        content: "\f059";
    }

    .fa-quidditch:before {
        content: "\f458";
    }

    .fa-quinscape:before {
        content: "\f459";
    }

    .fa-quora:before {
        content: "\f2c4";
    }

    .fa-quote-left:before {
        content: "\f10d";
    }

    .fa-quote-right:before {
        content: "\f10e";
    }

    .fa-quran:before {
        content: "\f687";
    }

    .fa-r-project:before {
        content: "\f4f7";
    }

    .fa-radiation:before {
        content: "\f7b9";
    }

    .fa-radiation-alt:before {
        content: "\f7ba";
    }

    .fa-rainbow:before {
        content: "\f75b";
    }

    .fa-random:before {
        content: "\f074";
    }

    .fa-raspberry-pi:before {
        content: "\f7bb";
    }

    .fa-ravelry:before {
        content: "\f2d9";
    }

    .fa-react:before {
        content: "\f41b";
    }

    .fa-reacteurope:before {
        content: "\f75d";
    }

    .fa-readme:before {
        content: "\f4d5";
    }

    .fa-rebel:before {
        content: "\f1d0";
    }

    .fa-receipt:before {
        content: "\f543";
    }

    .fa-recycle:before {
        content: "\f1b8";
    }

    .fa-red-river:before {
        content: "\f3e3";
    }

    .fa-reddit:before {
        content: "\f1a1";
    }

    .fa-reddit-alien:before {
        content: "\f281";
    }

    .fa-reddit-square:before {
        content: "\f1a2";
    }

    .fa-redhat:before {
        content: "\f7bc";
    }

    .fa-redo:before {
        content: "\f01e";
    }

    .fa-redo-alt:before {
        content: "\f2f9";
    }

    .fa-registered:before {
        content: "\f25d";
    }

    .fa-remove-format:before {
        content: "\f87d";
    }

    .fa-renren:before {
        content: "\f18b";
    }

    .fa-reply:before {
        content: "\f3e5";
    }

    .fa-reply-all:before {
        content: "\f122";
    }

    .fa-replyd:before {
        content: "\f3e6";
    }

    .fa-republican:before {
        content: "\f75e";
    }

    .fa-researchgate:before {
        content: "\f4f8";
    }

    .fa-resolving:before {
        content: "\f3e7";
    }

    .fa-restroom:before {
        content: "\f7bd";
    }

    .fa-retweet:before {
        content: "\f079";
    }

    .fa-rev:before {
        content: "\f5b2";
    }

    .fa-ribbon:before {
        content: "\f4d6";
    }

    .fa-ring:before {
        content: "\f70b";
    }

    .fa-road:before {
        content: "\f018";
    }

    .fa-robot:before {
        content: "\f544";
    }

    .fa-rocket:before {
        content: "\f135";
    }

    .fa-rocketchat:before {
        content: "\f3e8";
    }

    .fa-rockrms:before {
        content: "\f3e9";
    }

    .fa-route:before {
        content: "\f4d7";
    }

    .fa-rss:before {
        content: "\f09e";
    }

    .fa-rss-square:before {
        content: "\f143";
    }

    .fa-ruble-sign:before {
        content: "\f158";
    }

    .fa-ruler:before {
        content: "\f545";
    }

    .fa-ruler-combined:before {
        content: "\f546";
    }

    .fa-ruler-horizontal:before {
        content: "\f547";
    }

    .fa-ruler-vertical:before {
        content: "\f548";
    }

    .fa-running:before {
        content: "\f70c";
    }

    .fa-rupee-sign:before {
        content: "\f156";
    }

    .fa-sad-cry:before {
        content: "\f5b3";
    }

    .fa-sad-tear:before {
        content: "\f5b4";
    }

    .fa-safari:before {
        content: "\f267";
    }

    .fa-salesforce:before {
        content: "\f83b";
    }

    .fa-sass:before {
        content: "\f41e";
    }

    .fa-satellite:before {
        content: "\f7bf";
    }

    .fa-satellite-dish:before {
        content: "\f7c0";
    }

    .fa-save:before {
        content: "\f0c7";
    }

    .fa-schlix:before {
        content: "\f3ea";
    }

    .fa-school:before {
        content: "\f549";
    }

    .fa-screwdriver:before {
        content: "\f54a";
    }

    .fa-scribd:before {
        content: "\f28a";
    }

    .fa-scroll:before {
        content: "\f70e";
    }

    .fa-sd-card:before {
        content: "\f7c2";
    }

    .fa-search:before {
        content: "\f002";
    }

    .fa-search-dollar:before {
        content: "\f688";
    }

    .fa-search-location:before {
        content: "\f689";
    }

    .fa-search-minus:before {
        content: "\f010";
    }

    .fa-search-plus:before {
        content: "\f00e";
    }

    .fa-searchengin:before {
        content: "\f3eb";
    }

    .fa-seedling:before {
        content: "\f4d8";
    }

    .fa-sellcast:before {
        content: "\f2da";
    }

    .fa-sellsy:before {
        content: "\f213";
    }

    .fa-server:before {
        content: "\f233";
    }

    .fa-servicestack:before {
        content: "\f3ec";
    }

    .fa-shapes:before {
        content: "\f61f";
    }

    .fa-share:before {
        content: "\f064";
    }

    .fa-share-alt:before {
        content: "\f1e0";
    }

    .fa-share-alt-square:before {
        content: "\f1e1";
    }

    .fa-share-square:before {
        content: "\f14d";
    }

    .fa-shekel-sign:before {
        content: "\f20b";
    }

    .fa-shield-alt:before {
        content: "\f3ed";
    }

    .fa-ship:before {
        content: "\f21a";
    }

    .fa-shipping-fast:before {
        content: "\f48b";
    }

    .fa-shirtsinbulk:before {
        content: "\f214";
    }

    .fa-shoe-prints:before {
        content: "\f54b";
    }

    .fa-shopping-bag:before {
        content: "\f290";
    }

    .fa-shopping-basket:before {
        content: "\f291";
    }

    .fa-shopping-cart:before {
        content: "\f07a";
    }

    .fa-shopware:before {
        content: "\f5b5";
    }

    .fa-shower:before {
        content: "\f2cc";
    }

    .fa-shuttle-van:before {
        content: "\f5b6";
    }

    .fa-sign:before {
        content: "\f4d9";
    }

    .fa-sign-in-alt:before {
        content: "\f2f6";
    }

    .fa-sign-language:before {
        content: "\f2a7";
    }

    .fa-sign-out-alt:before {
        content: "\f2f5";
    }

    .fa-signal:before {
        content: "\f012";
    }

    .fa-signature:before {
        content: "\f5b7";
    }

    .fa-sim-card:before {
        content: "\f7c4";
    }

    .fa-simplybuilt:before {
        content: "\f215";
    }

    .fa-sistrix:before {
        content: "\f3ee";
    }

    .fa-sitemap:before {
        content: "\f0e8";
    }

    .fa-sith:before {
        content: "\f512";
    }

    .fa-skating:before {
        content: "\f7c5";
    }

    .fa-sketch:before {
        content: "\f7c6";
    }

    .fa-skiing:before {
        content: "\f7c9";
    }

    .fa-skiing-nordic:before {
        content: "\f7ca";
    }

    .fa-skull:before {
        content: "\f54c";
    }

    .fa-skull-crossbones:before {
        content: "\f714";
    }

    .fa-skyatlas:before {
        content: "\f216";
    }

    .fa-skype:before {
        content: "\f17e";
    }

    .fa-slack:before {
        content: "\f198";
    }

    .fa-slack-hash:before {
        content: "\f3ef";
    }

    .fa-slash:before {
        content: "\f715";
    }

    .fa-sleigh:before {
        content: "\f7cc";
    }

    .fa-sliders-h:before {
        content: "\f1de";
    }

    .fa-slideshare:before {
        content: "\f1e7";
    }

    .fa-smile:before {
        content: "\f118";
    }

    .fa-smile-beam:before {
        content: "\f5b8";
    }

    .fa-smile-wink:before {
        content: "\f4da";
    }

    .fa-smog:before {
        content: "\f75f";
    }

    .fa-smoking:before {
        content: "\f48d";
    }

    .fa-smoking-ban:before {
        content: "\f54d";
    }

    .fa-sms:before {
        content: "\f7cd";
    }

    .fa-snapchat:before {
        content: "\f2ab";
    }

    .fa-snapchat-ghost:before {
        content: "\f2ac";
    }

    .fa-snapchat-square:before {
        content: "\f2ad";
    }

    .fa-snowboarding:before {
        content: "\f7ce";
    }

    .fa-snowflake:before {
        content: "\f2dc";
    }

    .fa-snowman:before {
        content: "\f7d0";
    }

    .fa-snowplow:before {
        content: "\f7d2";
    }

    .fa-socks:before {
        content: "\f696";
    }

    .fa-solar-panel:before {
        content: "\f5ba";
    }

    .fa-sort:before {
        content: "\f0dc";
    }

    .fa-sort-alpha-down:before {
        content: "\f15d";
    }

    .fa-sort-alpha-down-alt:before {
        content: "\f881";
    }

    .fa-sort-alpha-up:before {
        content: "\f15e";
    }

    .fa-sort-alpha-up-alt:before {
        content: "\f882";
    }

    .fa-sort-amount-down:before {
        content: "\f160";
    }

    .fa-sort-amount-down-alt:before {
        content: "\f884";
    }

    .fa-sort-amount-up:before {
        content: "\f161";
    }

    .fa-sort-amount-up-alt:before {
        content: "\f885";
    }

    .fa-sort-down:before {
        content: "\f0dd";
    }

    .fa-sort-numeric-down:before {
        content: "\f162";
    }

    .fa-sort-numeric-down-alt:before {
        content: "\f886";
    }

    .fa-sort-numeric-up:before {
        content: "\f163";
    }

    .fa-sort-numeric-up-alt:before {
        content: "\f887";
    }

    .fa-sort-up:before {
        content: "\f0de";
    }

    .fa-soundcloud:before {
        content: "\f1be";
    }

    .fa-sourcetree:before {
        content: "\f7d3";
    }

    .fa-spa:before {
        content: "\f5bb";
    }

    .fa-space-shuttle:before {
        content: "\f197";
    }

    .fa-speakap:before {
        content: "\f3f3";
    }

    .fa-speaker-deck:before {
        content: "\f83c";
    }

    .fa-spell-check:before {
        content: "\f891";
    }

    .fa-spider:before {
        content: "\f717";
    }

    .fa-spinner:before {
        content: "\f110";
    }

    .fa-splotch:before {
        content: "\f5bc";
    }

    .fa-spotify:before {
        content: "\f1bc";
    }

    .fa-spray-can:before {
        content: "\f5bd";
    }

    .fa-square:before {
        content: "\f0c8";
    }

    .fa-square-full:before {
        content: "\f45c";
    }

    .fa-square-root-alt:before {
        content: "\f698";
    }

    .fa-squarespace:before {
        content: "\f5be";
    }

    .fa-stack-exchange:before {
        content: "\f18d";
    }

    .fa-stack-overflow:before {
        content: "\f16c";
    }

    .fa-stackpath:before {
        content: "\f842";
    }

    .fa-stamp:before {
        content: "\f5bf";
    }

    .fa-star:before {
        content: "\f005";
    }

    .fa-star-and-crescent:before {
        content: "\f699";
    }

    .fa-star-half:before {
        content: "\f089";
    }

    .fa-star-half-alt:before {
        content: "\f5c0";
    }

    .fa-star-of-david:before {
        content: "\f69a";
    }

    .fa-star-of-life:before {
        content: "\f621";
    }

    .fa-staylinked:before {
        content: "\f3f5";
    }

    .fa-steam:before {
        content: "\f1b6";
    }

    .fa-steam-square:before {
        content: "\f1b7";
    }

    .fa-steam-symbol:before {
        content: "\f3f6";
    }

    .fa-step-backward:before {
        content: "\f048";
    }

    .fa-step-forward:before {
        content: "\f051";
    }

    .fa-stethoscope:before {
        content: "\f0f1";
    }

    .fa-sticker-mule:before {
        content: "\f3f7";
    }

    .fa-sticky-note:before {
        content: "\f249";
    }

    .fa-stop:before {
        content: "\f04d";
    }

    .fa-stop-circle:before {
        content: "\f28d";
    }

    .fa-stopwatch:before {
        content: "\f2f2";
    }

    .fa-store:before {
        content: "\f54e";
    }

    .fa-store-alt:before {
        content: "\f54f";
    }

    .fa-strava:before {
        content: "\f428";
    }

    .fa-stream:before {
        content: "\f550";
    }

    .fa-street-view:before {
        content: "\f21d";
    }

    .fa-strikethrough:before {
        content: "\f0cc";
    }

    .fa-stripe:before {
        content: "\f429";
    }

    .fa-stripe-s:before {
        content: "\f42a";
    }

    .fa-stroopwafel:before {
        content: "\f551";
    }

    .fa-studiovinari:before {
        content: "\f3f8";
    }

    .fa-stumbleupon:before {
        content: "\f1a4";
    }

    .fa-stumbleupon-circle:before {
        content: "\f1a3";
    }

    .fa-subscript:before {
        content: "\f12c";
    }

    .fa-subway:before {
        content: "\f239";
    }

    .fa-suitcase:before {
        content: "\f0f2";
    }

    .fa-suitcase-rolling:before {
        content: "\f5c1";
    }

    .fa-sun:before {
        content: "\f185";
    }

    .fa-superpowers:before {
        content: "\f2dd";
    }

    .fa-superscript:before {
        content: "\f12b";
    }

    .fa-supple:before {
        content: "\f3f9";
    }

    .fa-surprise:before {
        content: "\f5c2";
    }

    .fa-suse:before {
        content: "\f7d6";
    }

    .fa-swatchbook:before {
        content: "\f5c3";
    }

    .fa-swimmer:before {
        content: "\f5c4";
    }

    .fa-swimming-pool:before {
        content: "\f5c5";
    }

    .fa-symfony:before {
        content: "\f83d";
    }

    .fa-synagogue:before {
        content: "\f69b";
    }

    .fa-sync:before {
        content: "\f021";
    }

    .fa-sync-alt:before {
        content: "\f2f1";
    }

    .fa-syringe:before {
        content: "\f48e";
    }

    .fa-table:before {
        content: "\f0ce";
    }

    .fa-table-tennis:before {
        content: "\f45d";
    }

    .fa-tablet:before {
        content: "\f10a";
    }

    .fa-tablet-alt:before {
        content: "\f3fa";
    }

    .fa-tablets:before {
        content: "\f490";
    }

    .fa-tachometer-alt:before {
        content: "\f3fd";
    }

    .fa-tag:before {
        content: "\f02b";
    }

    .fa-tags:before {
        content: "\f02c";
    }

    .fa-tape:before {
        content: "\f4db";
    }

    .fa-tasks:before {
        content: "\f0ae";
    }

    .fa-taxi:before {
        content: "\f1ba";
    }

    .fa-teamspeak:before {
        content: "\f4f9";
    }

    .fa-teeth:before {
        content: "\f62e";
    }

    .fa-teeth-open:before {
        content: "\f62f";
    }

    .fa-telegram:before {
        content: "\f2c6";
    }

    .fa-telegram-plane:before {
        content: "\f3fe";
    }

    .fa-temperature-high:before {
        content: "\f769";
    }

    .fa-temperature-low:before {
        content: "\f76b";
    }

    .fa-tencent-weibo:before {
        content: "\f1d5";
    }

    .fa-tenge:before {
        content: "\f7d7";
    }

    .fa-terminal:before {
        content: "\f120";
    }

    .fa-text-height:before {
        content: "\f034";
    }

    .fa-text-width:before {
        content: "\f035";
    }

    .fa-th:before {
        content: "\f00a";
    }

    .fa-th-large:before {
        content: "\f009";
    }

    .fa-th-list:before {
        content: "\f00b";
    }

    .fa-the-red-yeti:before {
        content: "\f69d";
    }

    .fa-theater-masks:before {
        content: "\f630";
    }

    .fa-themeco:before {
        content: "\f5c6";
    }

    .fa-themeisle:before {
        content: "\f2b2";
    }

    .fa-thermometer:before {
        content: "\f491";
    }

    .fa-thermometer-empty:before {
        content: "\f2cb";
    }

    .fa-thermometer-full:before {
        content: "\f2c7";
    }

    .fa-thermometer-half:before {
        content: "\f2c9";
    }

    .fa-thermometer-quarter:before {
        content: "\f2ca";
    }

    .fa-thermometer-three-quarters:before {
        content: "\f2c8";
    }

    .fa-think-peaks:before {
        content: "\f731";
    }

    .fa-thumbs-down:before {
        content: "\f165";
    }

    .fa-thumbs-up:before {
        content: "\f164";
    }

    .fa-thumbtack:before {
        content: "\f08d";
    }

    .fa-ticket-alt:before {
        content: "\f3ff";
    }

    .fa-times:before {
        content: "\f00d";
    }

    .fa-times-circle:before {
        content: "\f057";
    }

    .fa-tint:before {
        content: "\f043";
    }

    .fa-tint-slash:before {
        content: "\f5c7";
    }

    .fa-tired:before {
        content: "\f5c8";
    }

    .fa-toggle-off:before {
        content: "\f204";
    }

    .fa-toggle-on:before {
        content: "\f205";
    }

    .fa-toilet:before {
        content: "\f7d8";
    }

    .fa-toilet-paper:before {
        content: "\f71e";
    }

    .fa-toolbox:before {
        content: "\f552";
    }

    .fa-tools:before {
        content: "\f7d9";
    }

    .fa-tooth:before {
        content: "\f5c9";
    }

    .fa-torah:before {
        content: "\f6a0";
    }

    .fa-torii-gate:before {
        content: "\f6a1";
    }

    .fa-tractor:before {
        content: "\f722";
    }

    .fa-trade-federation:before {
        content: "\f513";
    }

    .fa-trademark:before {
        content: "\f25c";
    }

    .fa-traffic-light:before {
        content: "\f637";
    }

    .fa-train:before {
        content: "\f238";
    }

    .fa-tram:before {
        content: "\f7da";
    }

    .fa-transgender:before {
        content: "\f224";
    }

    .fa-transgender-alt:before {
        content: "\f225";
    }

    .fa-trash:before {
        content: "\f1f8";
    }

    .fa-trash-alt:before {
        content: "\f2ed";
    }

    .fa-trash-restore:before {
        content: "\f829";
    }

    .fa-trash-restore-alt:before {
        content: "\f82a";
    }

    .fa-tree:before {
        content: "\f1bb";
    }

    .fa-trello:before {
        content: "\f181";
    }

    .fa-tripadvisor:before {
        content: "\f262";
    }

    .fa-trophy:before {
        content: "\f091";
    }

    .fa-truck:before {
        content: "\f0d1";
    }

    .fa-truck-loading:before {
        content: "\f4de";
    }

    .fa-truck-monster:before {
        content: "\f63b";
    }

    .fa-truck-moving:before {
        content: "\f4df";
    }

    .fa-truck-pickup:before {
        content: "\f63c";
    }

    .fa-tshirt:before {
        content: "\f553";
    }

    .fa-tty:before {
        content: "\f1e4";
    }

    .fa-tumblr:before {
        content: "\f173";
    }

    .fa-tumblr-square:before {
        content: "\f174";
    }

    .fa-tv:before {
        content: "\f26c";
    }

    .fa-twitch:before {
        content: "\f1e8";
    }

    .fa-twitter:before {
        content: "\f099";
    }

    .fa-twitter-square:before {
        content: "\f081";
    }

    .fa-typo3:before {
        content: "\f42b";
    }

    .fa-uber:before {
        content: "\f402";
    }

    .fa-ubuntu:before {
        content: "\f7df";
    }

    .fa-uikit:before {
        content: "\f403";
    }

    .fa-umbrella:before {
        content: "\f0e9";
    }

    .fa-umbrella-beach:before {
        content: "\f5ca";
    }

    .fa-underline:before {
        content: "\f0cd";
    }

    .fa-undo:before {
        content: "\f0e2";
    }

    .fa-undo-alt:before {
        content: "\f2ea";
    }

    .fa-uniregistry:before {
        content: "\f404";
    }

    .fa-universal-access:before {
        content: "\f29a";
    }

    .fa-university:before {
        content: "\f19c";
    }

    .fa-unlink:before {
        content: "\f127";
    }

    .fa-unlock:before {
        content: "\f09c";
    }

    .fa-unlock-alt:before {
        content: "\f13e";
    }

    .fa-untappd:before {
        content: "\f405";
    }

    .fa-upload:before {
        content: "\f093";
    }

    .fa-ups:before {
        content: "\f7e0";
    }

    .fa-usb:before {
        content: "\f287";
    }

    .fa-user:before {
        content: "\f007";
    }

    .fa-user-alt:before {
        content: "\f406";
    }

    .fa-user-alt-slash:before {
        content: "\f4fa";
    }

    .fa-user-astronaut:before {
        content: "\f4fb";
    }

    .fa-user-check:before {
        content: "\f4fc";
    }

    .fa-user-circle:before {
        content: "\f2bd";
    }

    .fa-user-clock:before {
        content: "\f4fd";
    }

    .fa-user-cog:before {
        content: "\f4fe";
    }

    .fa-user-edit:before {
        content: "\f4ff";
    }

    .fa-user-friends:before {
        content: "\f500";
    }

    .fa-user-graduate:before {
        content: "\f501";
    }

    .fa-user-injured:before {
        content: "\f728";
    }

    .fa-user-lock:before {
        content: "\f502";
    }

    .fa-user-md:before {
        content: "\f0f0";
    }

    .fa-user-minus:before {
        content: "\f503";
    }

    .fa-user-ninja:before {
        content: "\f504";
    }

    .fa-user-nurse:before {
        content: "\f82f";
    }

    .fa-user-plus:before {
        content: "\f234";
    }

    .fa-user-secret:before {
        content: "\f21b";
    }

    .fa-user-shield:before {
        content: "\f505";
    }

    .fa-user-slash:before {
        content: "\f506";
    }

    .fa-user-tag:before {
        content: "\f507";
    }

    .fa-user-tie:before {
        content: "\f508";
    }

    .fa-user-times:before {
        content: "\f235";
    }

    .fa-users:before {
        content: "\f0c0";
    }

    .fa-users-cog:before {
        content: "\f509";
    }

    .fa-usps:before {
        content: "\f7e1";
    }

    .fa-ussunnah:before {
        content: "\f407";
    }

    .fa-utensil-spoon:before {
        content: "\f2e5";
    }

    .fa-utensils:before {
        content: "\f2e7";
    }

    .fa-vaadin:before {
        content: "\f408";
    }

    .fa-vector-square:before {
        content: "\f5cb";
    }

    .fa-venus:before {
        content: "\f221";
    }

    .fa-venus-double:before {
        content: "\f226";
    }

    .fa-venus-mars:before {
        content: "\f228";
    }

    .fa-viacoin:before {
        content: "\f237";
    }

    .fa-viadeo:before {
        content: "\f2a9";
    }

    .fa-viadeo-square:before {
        content: "\f2aa";
    }

    .fa-vial:before {
        content: "\f492";
    }

    .fa-vials:before {
        content: "\f493";
    }

    .fa-viber:before {
        content: "\f409";
    }

    .fa-video:before {
        content: "\f03d";
    }

    .fa-video-slash:before {
        content: "\f4e2";
    }

    .fa-vihara:before {
        content: "\f6a7";
    }

    .fa-vimeo:before {
        content: "\f40a";
    }

    .fa-vimeo-square:before {
        content: "\f194";
    }

    .fa-vimeo-v:before {
        content: "\f27d";
    }

    .fa-vine:before {
        content: "\f1ca";
    }

    .fa-vk:before {
        content: "\f189";
    }

    .fa-vnv:before {
        content: "\f40b";
    }

    .fa-voicemail:before {
        content: "\f897";
    }

    .fa-volleyball-ball:before {
        content: "\f45f";
    }

    .fa-volume-down:before {
        content: "\f027";
    }

    .fa-volume-mute:before {
        content: "\f6a9";
    }

    .fa-volume-off:before {
        content: "\f026";
    }

    .fa-volume-up:before {
        content: "\f028";
    }

    .fa-vote-yea:before {
        content: "\f772";
    }

    .fa-vr-cardboard:before {
        content: "\f729";
    }

    .fa-vuejs:before {
        content: "\f41f";
    }

    .fa-walking:before {
        content: "\f554";
    }

    .fa-wallet:before {
        content: "\f555";
    }

    .fa-warehouse:before {
        content: "\f494";
    }

    .fa-water:before {
        content: "\f773";
    }

    .fa-wave-square:before {
        content: "\f83e";
    }

    .fa-waze:before {
        content: "\f83f";
    }

    .fa-weebly:before {
        content: "\f5cc";
    }

    .fa-weibo:before {
        content: "\f18a";
    }

    .fa-weight:before {
        content: "\f496";
    }

    .fa-weight-hanging:before {
        content: "\f5cd";
    }

    .fa-weixin:before {
        content: "\f1d7";
    }

    .fa-whatsapp:before {
        content: "\f232";
    }

    .fa-whatsapp-square:before {
        content: "\f40c";
    }

    .fa-wheelchair:before {
        content: "\f193";
    }

    .fa-whmcs:before {
        content: "\f40d";
    }

    .fa-wifi:before {
        content: "\f1eb";
    }

    .fa-wikipedia-w:before {
        content: "\f266";
    }

    .fa-wind:before {
        content: "\f72e";
    }

    .fa-window-close:before {
        content: "\f410";
    }

    .fa-window-maximize:before {
        content: "\f2d0";
    }

    .fa-window-minimize:before {
        content: "\f2d1";
    }

    .fa-window-restore:before {
        content: "\f2d2";
    }

    .fa-windows:before {
        content: "\f17a";
    }

    .fa-wine-bottle:before {
        content: "\f72f";
    }

    .fa-wine-glass:before {
        content: "\f4e3";
    }

    .fa-wine-glass-alt:before {
        content: "\f5ce";
    }

    .fa-wix:before {
        content: "\f5cf";
    }

    .fa-wizards-of-the-coast:before {
        content: "\f730";
    }

    .fa-wolf-pack-battalion:before {
        content: "\f514";
    }

    .fa-won-sign:before {
        content: "\f159";
    }

    .fa-wordpress:before {
        content: "\f19a";
    }

    .fa-wordpress-simple:before {
        content: "\f411";
    }

    .fa-wpbeginner:before {
        content: "\f297";
    }

    .fa-wpexplorer:before {
        content: "\f2de";
    }

    .fa-wpforms:before {
        content: "\f298";
    }

    .fa-wpressr:before {
        content: "\f3e4";
    }

    .fa-wrench:before {
        content: "\f0ad";
    }

    .fa-x-ray:before {
        content: "\f497";
    }

    .fa-xbox:before {
        content: "\f412";
    }

    .fa-xing:before {
        content: "\f168";
    }

    .fa-xing-square:before {
        content: "\f169";
    }

    .fa-y-combinator:before {
        content: "\f23b";
    }

    .fa-yahoo:before {
        content: "\f19e";
    }

    .fa-yammer:before {
        content: "\f840";
    }

    .fa-yandex:before {
        content: "\f413";
    }

    .fa-yandex-international:before {
        content: "\f414";
    }

    .fa-yarn:before {
        content: "\f7e3";
    }

    .fa-yelp:before {
        content: "\f1e9";
    }

    .fa-yen-sign:before {
        content: "\f157";
    }

    .fa-yin-yang:before {
        content: "\f6ad";
    }

    .fa-yoast:before {
        content: "\f2b1";
    }

    .fa-youtube:before {
        content: "\f167";
    }

    .fa-youtube-square:before {
        content: "\f431";
    }

    .fa-zhihu:before {
        content: "\f63f";
    }

    .sr-only {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

    @font-face {
        font-family: 'Font Awesome 5 Brands';
        font-style: normal;
        font-weight: normal;
        font-display: auto;
        src: url("../webfonts/fa-brands-400.eot");
        src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
    }

    .fab {
        font-family: 'Font Awesome 5 Brands';
    }

    @font-face {
        font-family: 'Font Awesome 5 Free';
        font-style: normal;
        font-weight: 400;
        font-display: auto;
        src: url("../webfonts/fa-regular-400.eot");
        src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg");
    }

    .far {
        font-family: 'Font Awesome 5 Free';
        font-weight: 400;
    }

    @font-face {
        font-family: 'Font Awesome 5 Free';
        font-style: normal;
        font-weight: 900;
        font-display: auto;
        src: url("../webfonts/fa-solid-900.eot");
        src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg");
    }

    .fa,
    .fas {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }

    @media screen and (min-width: 1930px) {
        html {
            background-color: #101222;
        }

        body {
            border: solid 5px #CC5500 !important;
            border-radius: 5px;
        }

        html {
            margin: 10px auto !important;
        }

        .toplatest, .TopSchedule {
            overflow: hidden;
            left: auto !important;
        }

        .show .showMenu, .watch .showMenu, .showMenu {
            top: 120px !important;
            width: 1840px !important;
            margin-left: -950px;
            left: 50% !important;
        }

        .schedule .dayname, .schedule .scheduleHeader {
            width: 1920px;
        }

        .schedule .scheduleHeader {
            overflow-x: hidden;
            height: 250px;
            z-index: 0;
        }

        .watch .showMenu {
            top: 110px !important;
        }

        .videoinfo {
            padding: 20px;
        }

        .box169 {
            max-width: 1900px;
        }

        .menuBar {
            padding: 25px 0px 0 20px;
        }

        .searchtextBox, .resultsDiv {
            left: 50% !important;
            max-width: 1920px;
            margin-left: -960px !important;
        }
    }