:root {
    --valhalla: #f7fa00;
	--dodger: #3c3c3b;
	--text: #ffffff;
}


@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
    src: url("/wp-content/themes/twelve-theme/fonts/Montserrat-Regular.ttf") format('truetype');
}

@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 500;
	src: url("/wp-content/themes/twelve-theme/fonts/Montserrat-MediumItalic.ttf") format('truetype');
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: url("/wp-content/themes/twelve-theme/fonts/Montserrat-Black.ttf") format('truetype');
}

body {
    background: #000000;
    font-family: 'Montserrat';
    font-size: 14px;
    color: var(--text);
}

html.with-featherlight {
    overflow: hidden
}

.profile-header span.first {
    color: #000;
}

.home-header .current-slide {
	padding-bottom: 0;
}

.home-header .current-slide h2 {
    font-family: 'Montserrat';
}

.home-header .current-slide ul.slider-items {
	display: none;
}

.home-header .current-slide ul.slider-items li em {
    font-size: 0.6em;
    color: #ddd;
}

.featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333;
    background: rgba(0, 0, 0, 0)
}

.featherlight:last-of-type {
    background: rgba(0, 0, 0, .8)
}

.featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal
}

.featherlight .featherlight-inner {
    display: block
}

.featherlight link.featherlight-inner, .featherlight script.featherlight-inner, .featherlight style.featherlight-inner {
    display: none
}

.featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    background: rgba(255, 255, 255, .3);
    color: #000;
    border: 0;
    padding: 0
}

.featherlight .featherlight-close-icon::-moz-focus-inner {
    border: 0;
    padding: 0
}

.featherlight .featherlight-image {
    width: 100%
}

.featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch
}

.featherlight iframe {
    border: 0
}

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

@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        margin-left: 0;
        margin-right: 0;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent
    }
}

@media print {
    html.with-featherlight > * > :not(.featherlight) {
        display: none
    }
}

.featherlight-next, .featherlight-previous {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    bottom: 0;
    left: 80%;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(0, 0, 0, 0)
}

.featherlight-previous {
    left: 25px;
    right: 80%
}

.featherlight-next:hover, .featherlight-previous:hover {
    background: rgba(255, 255, 255, .25)
}

.featherlight-next span, .featherlight-previous span {
    display: none;
    position: absolute;
    top: 50%;
    left: 5%;
    width: 82%;
    text-align: center;
    font-size: 80px;
    line-height: 80px;
    margin-top: -40px;
    text-shadow: 0 0 5px #fff;
    color: #fff;
    font-style: normal;
    font-weight: 400
}

.featherlight-next span {
    right: 5%;
    left: auto
}

.featherlight-next:hover span, .featherlight-previous:hover span {
    display: inline-block
}

.featherlight-first-slide.featherlight-last-slide .featherlight-next, .featherlight-first-slide.featherlight-last-slide .featherlight-previous, .featherlight-loading .featherlight-next, .featherlight-loading .featherlight-previous, .featherlight-swipe-aware .featherlight-next, .featherlight-swipe-aware .featherlight-previous {
    display: none
}

@media only screen and (max-device-width: 1024px) {
    .featherlight-next:hover, .featherlight-previous:hover {
        background: 0 0
    }

    .featherlight-next span, .featherlight-previous span {
        display: block
    }
}

@media only screen and (max-width: 1024px) {
    .featherlight-next, .featherlight-previous {
        top: 10px;
        right: 10px;
        left: 85%
    }

    .featherlight-previous {
        left: 10px;
        right: 85%
    }

    .featherlight-next span, .featherlight-previous span {
        margin-top: -30px;
        font-size: 40px
    }
}

.video-detail div.menu-fixed {
    position: absolute;
}

div.menu {
    margin: 9px 0;
	padding: 0 12px !important;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

div.menu img.logo {
    width: 180px;
}

div.menu div.m-container ul li.profile-header {
    margin-top: 8px;
}

div.album-container div.movie div.thumb img {
    max-width: 100%;
    max-height: 140px;
}

p span.error {
    color: #ff0000;
}

section.search {
    padding-top: 94px;
}

#menu-burger {
    position: absolute;
    right: 20px;
}


div.menu div.m-container.show-mobile {
    background: #fff;
}

#close-mobile-menu {
    color: #000;
}

#close-mobile-menu em {
    color: #000;
}

div.menu a.action {
    right: 48px;
    color: #000;
    border-radius: 0px;
}

div.fixed-menu-page {
    background-image: none;
}

.video-detail-player {
    padding-top: 82px;
}


@media only screen and (max-width: 767px) {
    .video-detail-player {
        padding-top: 70px;
    }
}

div.menu div.m-container {
    
	height: 100%;
	margin-top: 0;
}

a.generic-link {
    font-family: 'ITCAvantProBold', sans-serif;
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid #a4c044;
}

img.poster {
    max-width: 100% !important;
    margin: auto;
    display: block;
}

.row .col-2-3 {
    padding-left: 4%;
    width: 92%;
}

.row .col-2-3 td,
.row .col-2-3 ol li,
.row .col-2-3 ul li {
    font-family: 'Montserrat';
    font-size: 13px;
    line-height: 24px;
}

.category {

    margin-top: 0;
}

.category div h2 {
    font-size: 18px;
    margin-bottom: 12px;
}

.category div h2.cat-link a {
    color: var(--valhalla) !important;
    text-decoration: none;
}

.category > .cat-title {

	background: linear-gradient(to right, #000, transparent);
    margin: 0;
    padding: 6px;
    color: var(--valhalla);
}

.category .category-items {

    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    background: #000;
    padding: 4px 0 8px 0;
}

.category .category-items div.movie {

    flex: unset;
    margin-bottom: 0;
    margin-right: 0;
}

@media only screen and (max-width: 1024px) {
    #sign-up {
        right: 58px;
        margin-top: -2px;
    }
}

.welcome-to {
    background-image: url('/wp-content/themes/twelve-theme/img/home-video-back.jpg');
    background-position: center center;
    background-size: cover;
}

.welcome-to div.home-block div.home-intro {
    font-size: 18px;
    align-self: center;
	flex: 1;
}

@media only screen and (max-width: 767px) {
    .welcome-to {
        padding-top: 12px;
    }
}

.home-block > .home-video {
	flex: 1;
}

.home-block > .home-video > .twelve-inline-player {
	position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
	border-radius: 4px;
}

.home-block > .home-video > .twelve-inline-player > .video-js {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.welcome-to div.home-block div.home-intro {
    margin-left: 3%;
    width: 31%;
    color: #fff;
}

.welcome-to div.home-block div.home-intro h2 {
    font-family: ITCAvantProBold, SansSerif;
    color: #fff;
    margin-top: 32px;
}

.welcome-to div.home-block div.home-intro a {
    background: #f7fa00;
    border-radius: 0px;
    color: #000;
}

.welcome-to div.container {
    max-width: 96%;
    width: 94%;
    padding-left: 2%
}


@media only screen and (max-width: 767px) {

    .welcome-to div.home-block div.home-video {
        margin-left: 2%;
    }


    .welcome-to div.home-block div.home-intro {
        margin-left: 3%;
        width: 96%;
    }
}

div.col-2-3 ol li {
    font-family: Montserrat, SansSerif;
    color: #3c3c3b;
    font-size: 16px;
    line-height: 18px;
}

#cookie-message {
    position: fixed;
    width: 100%;
    bottom: 0px;
    background-color: #f7fa00;
    min-height: 30px;
    display: none
}

#cookie-message p {
    display: block;
    margin: auto;
    max-width: 800px;
    color: #fff;
    font-size: 12px;
    padding: 8px
}

#cookie-message p a {
    color: #fff
}

.video-js .vjs-chromecast-button:before {
    line-height: 2.3;
    font-size: 1.4em;
}

.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
    color: #f7fa00;
}

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

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none;
}
@media only screen and (max-device-width: 1024px) {
    .video-js .vjs-control {
        width: 3em;
    }
}
@media only screen and (max-device-width: 640px) {
    .video-js .vjs-control {
        width: 3em;
    }
}

.video-js .vjs-chromecast-button {
    cursor: pointer;
    font-size: 1em;
}

.video-js .vjs-chromecast-button, .vjs-icon-chromecast, .vjs-tech-chromecast .casting-overlay .casting-information .casting-icon {
    font-family: "Font Awesome 5 Pro Brands";
    font-weight: 400;
    font-style: normal;
}

#more-video div.more-items ul li a {
    text-decoration: none;
}

div.menu div.m-r-container ul li a.sub {
    border-radius: 0px
}

#more-video div.more-items h2:first-child {
    padding-top: 0px;
    margin-top: 14px;
}

div.menu div.m-container ul {

	padding: 0;
    margin: 0;
}

div.menu div.m-container ul li.has-sub:hover .sub-menu {

	display: flex;
}

div.menu div.m-container ul li ul.sub-menu {
    
	background-color: #ffffff;
	margin: 0 !important;
	top: 70px;
}

div.menu div.m-container ul li ul.sub-menu li {

	padding: 12px 32px 12px 8px !important;
	border-bottom: 2px solid #434342;
}

@media only screen and (max-device-width: 1024px) {

	div.menu div.m-container ul li {

		flex-direction: column;
		align-items: flex-start !important;
	}

    div.menu div.m-container ul li ul.sub-menu {
        margin-top: 0px;
		top: 0;
    }

	div.menu div.m-container ul li ul.sub-menu li {

		margin-top: 0 !important;
	}

    div.menu div.m-container ul li.has-sub a:after {
        content: '\f067';
        margin-left: 10px;
        font-family: 'Font Awesome 5 Pro';

    }

    div.menu div.m-container ul li.has-sub a.min:after {
        content: '\f068';
    }

    div.menu div.m-container ul li.has-sub ul {
        display: none;
		padding-bottom: 0;
    	padding-top: 8px;
    }

    div.menu div.m-container ul li.has-sub ul li a:after {
        content: none;
    }
}

@media only screen and (min-device-width: 1024px) {
    .movie-block .container {
        max-width: 94%;
    }


    .video-album .containter {
        max-width: 94%;
    }

    .video-detail-player .containter {
        max-width: 1024px;
    }
}

.movie-block div h2 {
    margin-top: 0px;
}

.chapter-link {
    padding: 12px 20px 12px 12px;
}

.chapter-list li {
    height: auto;
    min-height: 32px;
    padding-bottom: 8px;
}

div.menu-fixed {
    top: 0px;
	padding: 0 !important;
    position: fixed !important;
    width: 100% !important;
    background-color: #fff;
}

div.menu div.m-container ul li a {
    color: #000;
	padding: 4px;
}

div.menu div.m-r-container ul li a {
    color: #000;
}

img.logo {
    margin-left: 32px !important;
}

@media only screen and (max-device-width: 1024px) {
    img.logo {
        margin-left: 4px !important;
    }
}

.account form .form-row {
    padding-left: 0px;
}

.account form .form-row label {
    width: 100%;
    font-weight: normal;
	color: #ffffff;
}

.account form .form-row input {
    border-radius: 0px;
    border: 1px solid #000;
    padding: 14px;
    margin-bottom: 12px;
}

.account .container h2,
.account .container .row .col-1-3,
.account .container .row .col-1-3 ul li a {
	color: #ffffff;
}

.account a.generic-link {

	color: #fff !important;
	border-bottom: 2px solid #fff !important;
}

.account table.account-table {

	color: #ffffff;
}

.wp-block-table a {

	color: #ffffff;
}

.category div h3 {
	color: #ffffff;
}

.discount-list {
    background-color: #fff;
    width: 100%;
    padding: 20px;
	color: #111;
}

.discount-list p {
    width: 100%;
}

.discount {
    width: 90%;
    border-bottom: 1px solid #cecece;
    display: flex;
    flex-direction: row;
    padding: 10px;
}

.discount-link {
    color: #000;
    text-decoration: none;
}

.discount-link:hover {
    text-decoration: underline;
}

.discount-1-2 {
    width: 60%;
    display: flex;
    align-items: center;
    padding-left: 1%;
}

.discount-1-2 p {
    padding: 0px;
    text-align: center;
}

.discount-1-4 {
    width: 20%;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.discount-logo {
    width: 100px;
}

.pass-container {
    width: 96%;
    margin-bottom: 30px;
}

.digital-member-pass {
    margin: auto;
    width: 320px;
    border: 3px solid #717171;
    min-height: 100px;
    background-color: #3c3c3b;
    text-align: center;
}

.account .container .digital-member-pass h2 {
    font-size: 16px;
    text-align: center;
    color: #fff;
}

.account .container .digital-member-pass p {
    text-align: center;
    color: #fff;
}

.digital-member-pass img {
    margin-top: 20px;
}

@media only screen and (max-device-width: 640px) {

    .video-meta .container .col-2-3 h1 {
        font-size: 28px;
    }

    .discount-list {
        width: 96%;
    }

    .discount-list p {
        width: 96%;
    }

    .discount {
        flex-direction: column;
    }

    .discount-1-2 {
        width: 100%;
        margin-bottom: 10px;
    }

    .discount-1-4 {
        width: 100%;
        margin-bottom: 10px;
    }

    #home-slider {
        padding-top: 580px;
    }

}

.mobile-app {
    background: #3c3c3c;
    position: fixed;
    bottom: -80px;
    height: 80px;
    width: 100%;
    left: 0;
    animation-name: slideup;
    animation-delay: 0.5s;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

@keyframes slideup {
    0% {
        bottom: -50px
    }
    100% {
        bottom: 0;
    }
}

.mobile-app div.close {
    position: absolute;
    display: block;
    height: 80px;
    width: 50px;
    border-right: 0px solid #f7fa00;
}

.mobile-app div.close a {
    top: 24px;
    left: 12px;
    font-size: 32px;
    font-family: 'ITCAvantProBold', sans-serif;
    color: #fff;
    text-decoration: none;
    position: absolute;
}

.mobile-app p.app-text {
    display: inline-block;
    width: 140px;
    height: 60px;
    font-size: 14px;
    margin-left: 110px;
    padding-top: 8px;
    color: #fff;
}

.mobile-app p.give-away {
    font-weight: bold;
    font-size: 32px;

}

.mobile-app p.app-link {
    display: inline-block;
    height: 60px;
    margin-left: 60px;
    padding-top: 4px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.mobile-app p.app-link a {
    color: #fff;
    background-color: #f7fa00;
    padding: 8px 12px;
    padding-bottom: 6px;
    border-radius: 0px;
    text-decoration: none;
    font-family: 'ITCAvantProBold', sans-serif;
}

.mobile-app p.app-text a, .mobile-app p.app-text a:hover {
    color: #fff;
    font-family: 'ITCAvantProBold', sans-serif;
    text-decoration: none;
}

.mobile-app img.app-logo {
    top: 10px;
    position: absolute;
    height: 60px;
    padding-left: 60px;
}


.give-away {
    z-index: 9999;
    background: #3c3c3c;
    position: fixed;
    bottom: -80px;
    height: 80px;
    width: 100%;
    left: 0;
    animation-name: slideup;
    animation-delay: 0.5s;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.give-away .container {
    float: left;
    width: 70%;
}

.give-away .close {
    float: left;
    width: 20%;
}

.give-away p.txt {
    display: inline-block;
    height: 60px;
    font-size: 26px;
    margin-left: 40px;
    padding-top: 4px;
    color: #fff;
    font-weight: bold;
    font-family: 'ITCAvantProBold', sans-serif;
}

.give-away p.txt span.gr {
    color: #f7fa00;
}

.give-away p.read {
    display: inline-block;
    height: 60px;
    font-weight: bold;
    font-family: 'ITCAvantProBold', sans-serif;
    position: relative;
    top: -4px;
}

.give-away .close {
    text-align: right;
    padding-top: 28px;
    padding-right: 28px;
}

.give-away .close .close-txt {
    color: #fff;
    text-decoration: none;
    padding-top: 12px;
    font-size: 24px;
}

.give-away p.read a {
    color: #fff;
    background-color: #a4c044;
    padding: 8px 12px;
    padding-bottom: 6px;
    border-radius: 0px;
    text-decoration: none;
    font-family: 'ITCAvantProBold', sans-serif;
    margin-left: 20px;
    font-size: 14px;
}

@media only screen and (max-device-width: 980px) {
    .give-away .close {
        width: 15%;
    }

    .give-away p.txt {
        font-size: 22px;
        height: 54px;
    }
}

@media only screen and (max-device-width: 900px) {
    .give-away {
        height: 72px;
    }

    .give-away .close {
        padding-top: 20px;
    }

    .give-away p.txt {
        margin-left: 20px;
        font-size: 20px;
    }

}

@media only screen and (max-device-width: 810px) {
    .give-away p.txt span.nm {
        display: none;
    }
}

@media only screen and (max-device-width: 600px) {
    .give-away p.txt {
        margin-left: 0px;
    }

    .give-away .close {
        padding-right: 0px;
    }

    .give-away .container {
        text-align: left;
        margin-left: 10px;
    }
}

@media only screen and (max-device-width: 420px) {
    .give-away {
        height: 52px;
    }

    .give-away p.txt {
        font-size: 16px;
    }

    .give-away .close .close-txt {
        font-size: 16px;
    }
}

.cat-title-overlay {
    position: absolute;
    z-index: 10;
    left: 3%;
}

.cat-title-overlay h1 {
    color: #fff;
    padding: 8px;
    background-color: #a4c044;
    font-family: 'ITCAvantProBold';
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
}

.cat-title-overlay p {
    max-width: 600px;
    font-family: 'ITCAvantMedium';
    font-size: 18px;
    color: #fff;
}

@media only screen and (max-device-width: 640px) {
    .cat-title-overlay p {
        font-size: 14px;
        max-width: 90%;
    }
}

.video-thumb {
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
	overflow: hidden;
    color: #6f6f6e;
}

.video-thumb:hover {
    -webkit-transform: scale(1.02, 1.02);
    -moz-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
}

div.movie div.thumb span.duration {
    border-radius: 0px;
    background: #ddd;
    color: #000;
    font-size: 0.6rem
}

@media only screen and (max-device-width: 640px) {
    div.menu {
        height: 58px;
    }

    div.menu img.logo {
        width: 120px;
    }
}

div.menu div.m-container ul li a.highlight {

	background-color: #f7fa00;
}

div.movie span.duration {
    float: right;
    padding: 4px;
    border-radius: 0px;
    background: #ddd;
    color: #000;
    font-size: 0.6rem
}


div.slick-slide span.duration {
    float: right;
    margin-top: 8px;
    background: #9c9c9c;
    padding: 4px;
    padding-top: 6px;
    border-radius: 0px;
    color: #fff;
    font-size: 10px;
}

.header-bg {
    margin-top: 88px;
    background-position: center;
}

@media only screen and (max-device-width: 640px) {

    div.slick-slide {
        position: relative;
    }

    div.slick-slide span.duration {
        position: absolute;
        margin-top: -22px;
        right: 2px;
        z-index: 10;
        background-color: #3c3c3b;
    }

    .header-bg {
        margin-top: 68px;
    }
}

#home-slider {
    padding-top: 580px;
    padding-left: 44px;
    margin-left: 0;
}

@media only screen and (max-device-width: 640px) {
    #home-slider {
        padding-left: 0px;
        margin-left: 0;
    }
}

.top-100 {
    padding-top: 90px;
}

.top-100 h1 {
    max-width: 94%;
    margin: auto;
    color: #f7fa00;
    font-weight: bold;
    margin-bottom: 24px;
}

.seo-meta {

	padding-top: 88px;
	margin-bottom: 12px;
}

.seo-content {

	padding: 0 12px;
}

.seo-title {

	text-align: center;
}

.seo-image img {

	width: 100%;
	height: auto;
}

.video-meta {

	margin-bottom: 12px;
}

.video-meta .container {
    margin-top: 12px;
}

.seo-content img
.video-meta img {

	border-radius: 4px !important;
}

.video-meta .container .row div.col-2-3 p a {
    
    color: #f7fa00;
    font-weight: 900;
    text-decoration: underline;
    padding: 4px;
    border-radius: 2px;
    margin: 0px;
    display: inline;
}

.video-meta .container .row div.col-2-3 p a:hover {
    
    font-weight: bold;
    text-decoration: underline;
	color: #000;
}

.container h4 {
    font-family: Montserrat;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.become-member-under-video {
    display: none;
    font-size: 14px;
    margin-top: 14px;
	margin-bottom: 24px;
}

.become-member-under-video a {
    color: #ffffff;
}

.become-member-under-video a.btn {
    text-decoration: none;
}

.become-member-under-video a span {
    color: #000;
    background-color: #f7fa00;
    padding: 8px 12px 4px 12px;
    border-radius: 4px;
}

@media only screen and (max-device-width: 640px) {
    .become-member-under-video-not-on-mobile {
        display: none;
    }

    .become-member-under-video {
        font-size: 12px;
    }

	.seo-meta {

		padding-top: 76px;
	}
}

@media only screen and (max-device-width: 410px) {
    .become-member-under-video {
        font-size: 10px;
    }
}

span.video-watched {
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 0px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    z-index: 20;
}

span.video-watched-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

span.video-watched .fa {
    color: #f7fa00;
    font-weight: bold;
}

a.generic-link {
    border-bottom: 2px solid #000;
}

.account form .edit-link {
    color: #000;
}
.m-edit-link {
    border: 0;
    border-radius: 3px;
    background-color: #f7fa00;
    color: #000;
    font-weight: bold;
    padding: 12px;
    text-decoration: underline;
}

figure {
    padding: 0px;
    margin: 0px;
}

figure figcaption {
    font-weight: normal;
    font-size: 12px;
    margin-top: 0px;
    padding-top: 0px;
}

blockquote {
    margin-left: 0px;
    font-style: italic;
}

.vjs-poster {
    background-size: cover !important;
}

.video-buttons-on-detail {
    display: none;
}

.video-buttons-on-detail a {
    background: #999999;
    color: #fff;
    margin-right: 12px;
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
}

.video-buttons-on-detail a.active {
    background: var(--valhalla);
	color: #111;
}

.seo-content .movie-block {

	margin: 0 -12px;
}

.seo-content h1,
.video-meta .container h1 {
    font-family: 'Montserrat';
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -1px;
    color: #ffffff;
}

.seo-content h2,
.video-meta .container h2, h3, h4 {
    font-family: 'Montserrat';
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.seo-content h3,
.video-meta .container h3 {
    font-size: 24px;
}

.seo-content p,
.video-meta .container p {
    font-size: 13px;
    line-height: 24px;
    font-family: 'Montserrat';
	color: #ffffff;
}

.seo-content p {

	margin-bottom: 12px;
}


.video-meta .container p strong {
    font-family: 'Montserrat';
}

footer {
    background-color: #000;
	margin-top: 0;
}

footer .footer-socials a {
    color: #000;
    border-radius: 0;
}

footer.to-bottom {
    bottom: 0px;
    position: absolute;
    width: 100%;
}

hr {
    border: none;
    border-top: 1px dashed #ddd !important;
}

div.menu a.hamburger {
    color: #000;
}

.movie-block h2.cat-link {

    margin: 0;
    background: linear-gradient(to right, #000, transparent);
}

.movie-block h2.cat-link a {

	font-size: 14px;
    color: var(--valhalla);
    text-decoration: none;
    display: block;
    line-height: normal;
	padding: 6px;
}

.movie-block h2.cat-link a:hover {

    text-decoration: underline;
}

.video-thumb>div {

    position: absolute;
}

.video-thumb .title {

	bottom: 14px;
    left: 6px;
	right: 6px;
	z-index: 1;
}

.video-thumb .main-title {

    color: #ffffff;
    font-weight: bold;
}


.video-thumb .sub-title {

    font-size: 12px;
}

.video-thumb .duration {

    z-index: 1;
    font-size: 12px;
    left: 6px;
    bottom: 0;
}

.video-thumb .gradient {

    bottom: 0;
    left: 0;
    right: 0;
    top: 50%;
    background: linear-gradient(transparent, rgba(0, 0, 0));
}

.movie-block .slider-wrapper {

    background-color: #000;
    padding: 4px 0 8px 0;
}

.splide div.movie {

    margin-right: 0;
}

.short-content-slider .video-thumb {
    aspect-ratio: 2 / 3;
    position: relative;
}

.short-content-slider .video-thumb > img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.home-header .current-slide p {
    font-size: 13px;
    line-height: 24px;
}
#ie-overlay,
#cookie-overlay {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    z-index: 99;
    display: none;
}
#ie-data,
#cookie-data {
    position: absolute;
    display: none;
    top: 100px;
    left: 100px;
    max-width: 320px;
    background: #fff;
    z-index: 999;
    text-align: center;
}
#ie-data {
    max-width: 520px;
}
#ie-data h3,
#cookie-data h3 {
    font-family: inherit;
    font-size: 1.625em;
    line-height: 1.125em;
}
#ie-data p,
#cookie-data p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
#ie-data p a {
    font-weight: bold;
    color: #000;
}
span.c-active {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #cecece;
    background: #cecece;
}

span.c-none {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #cecece;
    background: #fff;
}

#cookie-data label {
    display: inline-block;
}

#cookies-accept-all {
    display: block;
    background: #f7fa00;
    border-radius: 0;
    color: #000;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .9em;
    padding: .75em 2em;
    margin-bottom: .9375em;
}

#cookies-save-all {
    display: block;
    background: #f7f7f7;
    border-radius: 0;
    color: #9e9e9e;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .9em;
    padding: .75em 2em;
    margin-bottom: .9375em;
}

.slick-prev {
    color: #000;
}

.slick-next {
    color: #000;
}

.col-2-3 {
    min-height: 800px;
}

@media only screen and (max-device-width: 640px) {
    .not-on-mobile-home {
        display: none
    }
}

div.movie a {
    color: #000;
}

.wp-block-image img {
    height: auto;
}

.slick-disabled em {
    display: none;
}

div.menu div.m-container #search {
    width: 70%;
}

div.menu div.m-container ul li {
    padding: 0 8px !important;
	height: auto;
	display: flex;
	align-items: center;
}


.left-align-slick > .slick-list > .slick-track {
    margin-left: 0;
}

.c-slide-bg-overlay {
    position: absolute;
    height: 100%;
    background-image: url('/wp-content/themes/twelve-theme/img/slider-back-top.png?a=1');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
    top: 0px;
    left: 0px;
    width: 100%;
}

.discount-logo {
    width: 140px;
}

@media only screen and (max-device-width: 640px) {
    .c-slide-bg-overlay {
        display: none;
    }

    .discount-1-2 {
        text-align: center;
    }

}

@media only screen and (max-device-width: 1024px) {
    div.menu div.m-container ul li {
        padding: 6px 16px 0px 16px;
    }

    .discount-list {
        padding-left: 0px;
    }

    .account .container h1 {
        width: 96%;
        margin-left: 2%;
    }

    .account .container .row .col-1-3 {
        width: 96%;
        margin-left: 2%;
    }

}

a.home-click {
    color: #000;
    padding: 8px 22px 4px 22px;
    font-family: ITCAvantProBold;
    background-color: #f7fa00;
    display: inline-block;
    margin-bottom: 12px;
}

.site-banner {
    position: fixed;
    margin: auto;
    bottom: -200px;
    width: 100%;
	z-index: 999;
	display: none;
	justify-content: center;
}

.site-banner .banner-content {

	position: relative;
}

.site-banner.in {
    transform: translateY(0%);
    bottom: 0px;
}

.site-banner img {
    display: block;
    margin: auto;
    max-width: 980px;
	width: 100%;
}

.site-banner a {

	display: block;
}

.site-banner a.close-banner {

    position: absolute;
	right: 10px;
	top: 10px;
    z-index: 10;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    width: 10px;
    padding-left: 2px;
    padding-right: 2px;
}

.wp-block-gallery.has-nested-images {
	display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}

.cat_head {
    font-size: 0.8rem;
}

.category-list {

	display: flex;
    align-items: center;
	flex-wrap: wrap;
    gap: 4px;
}

.cat_link {
    background: #f7fa00;
    text-decoration: none !important;
    font-size: 0.7rem;
    text-transform: uppercase;
	color: #111 !important;
	display: inline-block !important;
	padding: 4px 8px;
    border-radius: 4px;
}

.devices .device-panel {

    padding: 12px;
    border: 2px solid #f7fa00;
    border-radius: 8px;
    margin-bottom: 24px;
}

.devices .device-panel .device-type,
.devices .device-panel .device-body {

    margin-bottom: 12px;
}

.devices .device-panel .device-type,
.devices .device-panel .device-meta {

    margin-left: 6px;
}

.devices .device-panel .device-body {

    background-color: #fff;
	color: #000;
    padding: 12px;
    border-radius: 8px;
    display: flex;
}

.devices .device-panel .device-body .device-name {

    font-weight: 700;
}

.devices .device-panel .device-body .device-action {

    margin-left: auto;
    border-bottom: solid 2px #e00;
    text-transform: capitalize;
    font-size: 14px;
}

.devices .device-panel .device-body .device-action a {

    text-decoration: none;
    color: #333;
}

.devices .device-panel .device-meta {

    font-size: 14px;
}

@media only screen and (min-width: 375px) {

    .category .category-items {

        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 768px) {

    .category .category-items {

        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (min-width: 1024px) {

	.movie-block h2.cat-link a {

        padding: 12px 32px;
    }

	.video-thumb .title {

        bottom: 0;
    }

	.video-thumb .duration {

        top: 6px;
        right: 6px;
        background-color: var(--dodger);
        color: #ffffff;
        padding: 4px;
        border-radius: 4px;
        left: unset;
        bottom: unset;
        font-size: 12px;
    }

	.category > .cat-title {
		padding: 12px 32px;
	}
}

@media only screen and (min-width: 1200px) {

	.category > .cat-title {
		font-size: 18px;
	}

	.category .category-items {

        grid-template-columns: repeat(4, 1fr);
    }

	.movie-block h2.cat-link a {

        font-size: 18px;
    }
}

@media only screen and (min-width: 1920px) {

    .category .category-items {

        grid-template-columns: repeat(5, 1fr);
    }
}

.connect-btn {

	background-color: var(--valhalla);
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
	color: #000;
}

.alert {
    padding: 12px;
    border-radius: 4px;
}

.alert-success {

	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-error {
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;

}

.subscribe-banner {

	position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
	flex-direction: column;
    justify-content: center;
    background-color: #f7fa00;
    z-index: 999;
    padding: 12px;
    align-items: center;
}

.subscribe-banner span {

	color: black;
    font-weight: 700;
}

.subscribe-banner span img {

	vertical-align: middle;
}

.subscribe-banner .btn {

	margin-left: 12px;
    background-color: black;
    color: white;
    border-radius: 4px;
    padding: 8px;
    text-decoration: none;
	font-weight: 700;
}

@media only screen and (min-width: 578px) {

	.subscribe-banner {

		flex-direction: row;
	}
}

.twelve-reviews {

	padding-top: 88px;
}

.video-js .vjs-text-track-display > div > div > div {

	background-color: transparent !important;
	text-shadow: 2px 2px 4px #000000;
}