/* -------------------------------------------

	Name:		XErotica
	Date:		2020/11/13
	Author:		http://psdhtml.me

---------------------------------------------  */
*, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--azure); transform-origin: center center; }

html { overflow-y: scroll; overflow-x: hidden; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; }
body { overflow-x: hidden; width: 100%; min-height: 100%; background: var(--white); font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }


/*! Variables --------- */
:root {
    --white:        #ffffff;
    --sand:         #f5f5f5;
    --seashell:     #f1f1f1;
    --mercury:      #e6e6e6;
	--chalice:  	#d7d7d7;
    --alto:         #d0d0d0;
    --nobel:        #cccccc;
    --boulder:      #7c7c7c;
    --emperor:      #555555;
    --cod:          #323232;
    --shaft:        #232323;
    --black:        #000000;

    --red:          #cd0100;
    --monza:        #be0201;
    --grenadier:    #de2700;
    --azure:        #2793e6;
	--rum: 			#00BD8F;
}


/*! Defaults --------- */
body, textarea, input, select, option, button { color: var(--black); font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.5714285714; }
li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 12px; }

h1, h2, h3, h4, h5, h6, legend { margin-bottom: 7px; font-size: 20px; font-weight: 500; line-height: 1.1; }
h1, h2 { font-size: 24px; }

a { background: none; color: var(--azure); font-weight: 700; text-decoration: underline; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a { color: inherit; }

ul, ol, dd, blockquote { padding-left: 40px; }

/* Font - Roboto */
@font-face {font-family:"Roboto";src:url("../fonts/roboto-light.ttf") format("truetype");font-weight:300}
@font-face{font-family:"Roboto";src:url("../fonts/roboto-regular.ttf") format("truetype");font-weight:400}
@font-face{font-family:"Roboto";src:url("../fonts/roboto-medium.ttf") format("truetype");font-weight:500}
@font-face{font-family:"Roboto";src:url("../fonts/roboto-bold.ttf") format("truetype");font-weight:700}
@font-face{font-family:"Roboto";src:url("../fonts/roboto-black.ttf") format("truetype");font-weight:900}

/*! Mixins --------- */
/* cl:b */	.list-channel:after, .list-channel ul li:after, .list-aside li:after, .content:after, #footer:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; }
/* fill */	.image-video figcaption:before, .image-video a:before, .list-collection figure span.overlay-e:before, .list-box a:after, .list-channel a:before, .list-channel li:before, .list-box a:before, .list-btn:after, .list-collection a:before, .link-btn a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; }
/* wide */	.media-player:before, .list-btn:before, .tabs-a > nav ul:before, .nav-filter ul:before, .module-wide:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; }
/* icon */ 	#top > .menu:before, #top > .user:before, #nav button:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }
/* z:9  */	.image-video a:before, .list-channel a:before, .list-box a:before, .list-btn:after, .list-collection a:before { z-index: 8; }
/* show */	.user-active #shadow, .menu-active #shadow { visibility: visible; opacity: 1; }
/* i:wi */	.image-wide img, .list-collection img { display: block; position: relative; z-index: 1; width: 100% !important; }
/* i:bg */	.list-channel img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
/* cu:d */ 	.nav-pagination li.active a, .nav-pagination li.active span, [disabled], .disabled { cursor: default; }
/* td:u */ 	[data-whatintent="mouse"] .forms-wrapper a:hover, [data-whatintent="mouse"] .link-more a:hover, [data-whatintent="mouse"] a.link-more:hover { text-decoration: underline; }
/* td:n */ 	.forms-wrapper a, #root .list-channel a, #root .nav-pagination li a, #root .list-collection a, #root .tabs-a > nav li.active a, [data-whatintent="mouse"] a:hover { text-decoration: none; }


/*! Layout --------- */
#root { overflow: hidden; position: relative; width: 100%; padding: 50px 44px 0; }
	#top { position: absolute; left: 0; right: 0; top: 0; z-index: 19; height: 50px; border-bottom: 1px solid var(--cod); background: var(--shaft); color: var(--white); }
		#logo { position: relative; z-index: 1; margin: 0; padding: 0 60px; font-size: 24px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; line-height: 50px; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 1px var(--black); letter-spacing: 0.005208333333em; }
			#logo a { display: block; overflow: hidden; color: var(--white); font-weight: 700; text-decoration: none; }
		#skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; }
			#skip ul { list-style: none; margin: 0; padding: 0; }
			#skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--azure); color: var(--white); font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; }
				#skip a:focus, #skip a:active { left: 0; }
		#nav { display: none; overflow-x: hidden; overflow-y: auto; position: absolute; left: 0; right: 0; top: 50px; z-index: 18; max-height: calc(100vh - 50px); padding: 7px 44px; background: var(--black); }
			#nav form { margin-bottom: 7px; }
				#nav input { height: 35px; padding-left: 40px; border-radius: 2px; border-width: 0; background: var(--shaft); color: var(--boulder); font-size: 15px; }
				#nav button { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 40px; min-width: 0; height: auto; margin: 0; padding: 0; border-radius: 0; border: 0; background: none; color: var(--boulder); font-size: 15px; text-align: left; text-indent: -3000em; }
					#nav button:before { content: "\e902"; }
			#nav > ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--shaft); }
				#nav > ul > li { font-size: 15px; }
				#nav > ul > li > a { display: block; padding: 13px 40px; border-bottom: 1px solid var(--shaft); color: var(--nobel);font-weight: 400; text-decoration: none; }
					[data-whatintent="mouse"] #nav > ul > li > a:hover { color: var(--white); }
		#top > .menu, #top > .user { display: block; overflow: hidden; position: absolute; top: 0; bottom: 0; z-index: 9; width: 80px; height: 50px; color: var(--white); font-size: 22px; text-indent: -3000em; text-align: left; text-decoration: none; }
			#top > .menu { left: 0; width: 106px; }
				#top > .menu:before { content: "\e909"; font-size: 12px; }
			#top > .user { right: 0; }
				#top > .user:before { content: "\e901"; margin-top: -11px; padding-right: 44px; line-height: 22px; text-align: right; }
				.user-active #top > .user:before, .menu-active #top > .menu:before { content: "\e908"; font-size: 16px; }
		#shadow { display: block; visibility: hidden; position: fixed; left: 0; top: 0; z-index: 7; width: 100%; height: 100%; background: rgba(0,0,0,.41); text-align: left; text-indent: -3000em; opacity: 0; cursor: pointer; }
	.content { padding: 14px 0 0; }
	#footer { padding: 44px 0 0; color: var(--emperor);  line-height: 1.5; }

.theme-blank #root { min-height: 100vh; padding-top: 0; }
	.theme-blank #content, .theme-blank .content { width: 100%; }


/*! Modules --------- */
.fluid_video_wrapper { display: block !important; }
	.fluid_controls_currentprogress { background: var(--red); !important; }
	.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source:before { content: "\e907" !important; background: none !important; font-weight: 400; font-family: i; line-height: 22px !important; text-align: center; text-indent: 0; letter-spacing: normal; opacity: 1 !important; }

.media-player { position: relative; z-index: 12; margin-bottom: 22px; }
	.media-player:before { background: var(--black); }
	.media-player img, .media-player video { display: block; width: 100% !important; }

.module-model { }
	.module-model figure { display: none; margin-top: 22px; }
	.module-model .list-aside { display: none; margin-top: 12px; }
.module-model.toggle { padding-bottom: 14px; }
	.module-model.toggle figure + * { margin-top: 23px; }

.module-wide { position: relative; z-index: 2; margin: 0 0 15px; padding: 14px 0 1px; }
.module-wide.-paysite { margin-bottom: 0; }
	.module-wide:before { background: var(--seashell); }
	#root .module-wide > figure.m0:last-child { margin-bottom: -1px; }
	.content > .module-wide:first-child, .list-btn + .module-wide, .content > .list-btn:first-child, .module-wide + .list-btn, .content > .media-player:first-child, .media-player, .list-btn + .desktop-hide + .module-wide { margin-top: -14px; }
	h1.module-wide, h2.module-wide, h3.module-wide, h4.module-wide, h5.module-wide, h6.module-wide { padding-bottom: 14px; font-size: 17px; color: #000;}

.nav-pagination { }
	.nav-pagination ul, .nav-pagination ol { list-style: none; margin: 0 -9px 3px 0; padding: 0; }
	.nav-pagination li { margin: 0 9px 9px 0; }
	.nav-pagination li a, .nav-pagination li span { display: block; position: relative; min-width: 46px; height: 46px; padding: 0 10px; border-radius: 2px; background: var(--sand); color: var(--black); font-weight: 700; line-height: 46px; text-align: center; }
		[data-whatintent="mouse"] .nav-pagination li a:hover, .nav-pagination li.active a, .nav-pagination li.active span { background: var(--alto); }
		.nav-pagination li.prev a, .nav-pagination li.next a { width: 46px; text-indent: -3000em; text-align: left; }
			.nav-pagination li.prev a:before, .nav-pagination li.next a:before { display: block; position: absolute; left: 0; right: 0; top: 0; line-height: 46px; text-indent: 0; text-align: center; }
			.nav-pagination li.prev a:before { content: "\00AB"; }
			.nav-pagination li.next a:before { content: "\00BB"; }
	.nav-pagination + * { margin-top: 45px; }

	.tabs-a > nav ul,
    .nav-filter ul { position: relative; z-index: 2; list-style: none; margin: 0 0 22px; padding: 0; text-transform: uppercase; text-align: center; }
		.tabs-a > nav ul:before,
        .nav-filter ul:before { border-bottom: 2px solid var(--alto); }
		.tabs-a > nav li,
        .nav-filter li { width: 33.3333333333%; max-width: 191px; font-size: 14px; }
		.tabs-a > nav li a,
        .nav-filter li a { display: block; padding: 0 0 6px; border-bottom: 2px solid var(--alto); color: var(--black); font-weight: 700; text-decoration: none; }
			.tabs-a > nav li.active a,
            .nav-filter li.active a { border-color: var(--red); cursor: default; }


/*! Content --------- */
.forms-wrapper a { font-weight: 400; }
.strong { font-weight: 700; }
.em { font-style: italic; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-uppercase { text-transform: uppercase; }

.s20 { font-size: 20px;line-height: 1.4; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}

.overlay-a, [data-whatintent="mouse"] .list-collection a:hover, [data-whatintent="mouse"] .list-channel a:hover { color: var(--azure); }
.overlay-b { color: var(--black); }
.overlay-c { color: var(--grenadier); }
.overlay-d, #logo span, .scheme-logo span { color: var(--red); }
.overlay-e { color: var(--rum); }
.overlay-f {     display: block;
    color: var(--black);
    padding: 4px 15px 3px;
    background: var(--mercury);
    font-weight: 400;
    text-decoration: none;
    text-align: center; }

.scheme-logo { margin-bottom: 13px; color: var(--cod); font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-size: 72px; line-height: 1.1; text-align: center; text-transform: uppercase; letter-spacing: 0.005208333333em; }


/*! Links --------- */
.link-btn { position: relative; }
	.link-btn a { display: block; position: relative; z-index: 2; padding: 6px 12px; color: var(--white); font-size: 12px; font-weight: 700; line-height: 1.2; text-decoration: none; }
		.link-btn a:before { border-radius: 2px; background: var(--red); }
		[data-whatintent="mouse"] .link-btn a:hover:before { background: var(--monza); }
h1 .link-btn, h2 .link-btn, h3 .link-btn, h4 .link-btn, h5 .link-btn, h6 .link-btn { display: inline-block; top: -.15em; margin-left: 22px; }
	h1 .link-btn a, h2 .link-btn a, h3 .link-btn a, h4 .link-btn a, h5 .link-btn a, h6 .link-btn a { padding-top: 0; padding-bottom: 0; }
		h1 .link-btn a:before, h2 .link-btn a:before, h3 .link-btn a:before, h4 .link-btn a:before, h5 .link-btn a:before, h6 .link-btn a:before { top: -6px; bottom: -6px; }

.link-more a, a.link-more { color: var(--black); font-weight: 500; text-decoration: none; text-transform: uppercase; }


/*! Media --------- */
img, iframe, object, embed, video { max-width: 100% !important; border-style: none; }
img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }
	img::selection { background: transparent; }
	img::-moz-selection { background: transparent; }
picture { width: 100%; }
figure { margin-bottom: 14px; }

.image-video { display: block; position: relative; z-index: 2; color: var(--white); font-size: 17px; line-height: 1.2; }
	.image-video img { width: 100% !important; max-width: 70% !important; min-height: 100px !important; -o-object-fit: cover; object-fit: cover; -o-object-position: 0 center; object-position: 0 center; }
	.image-video figcaption { display: block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 7; width: 48.58333333%; padding: 0 20px 6px 0; background: var(--shaft); text-align: center; }
		.image-video figcaption:before { background: var(--shaft); }
		.image-video figcaption:before { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: skewX(18deg); transform: skewX(18deg); }
	.image-video .btn { display: block; min-width: 190px; margin: 7px auto 0; padding: 5px 10px; border-radius: 3px; background: var(--red); font-weight: 500; text-decoration: none; }

/*! Lists --------- */
.list-aside { list-style: none; padding: 0; text-align: left; }
	.list-aside li { position: relative; min-width: 120px; padding: 0 0 0 125px; text-align: left; }
		.list-aside li > span:first-child { display: block; float: left; min-width: 120px; margin-left: -125px; font-weight: 700; }
.list-box > .list-box.rating {
    margin-right: ;
}
.list-box { list-style: none; margin: 10px -6px 6px 0; padding: 0; }
.list-box.rating,
.list-box.add-controls { margin-top: 0!important; }
.list-box.add-controls {
    margin-left: 6px;
}
	.list-box li { position: relative; z-index: 2; min-width: 85px; margin: 0 6px 6px 0; font-size: 13px; }
	.list-box a { display: block; color: inherit; padding: 4px 15px 3px; background: var(--mercury); font-weight: 400; text-decoration: none; text-align: center; }
		.list-box li.overlay-a a { background: var(--azure); color: var(--white); }
		.list-box li.overlay-b a { background: var(--black); color: var(--white); }
		.list-box li.overlay-c a { background: var(--grenadier); color: var(--white); }
		[data-whatintent="mouse"] .list-box li:hover a { background: var(--chalice); }
			[data-whatintent="mouse"] .list-box li.overlay-a a:hover { background: var(--azure); }
			[data-whatintent="mouse"] .list-box li.overlay-b a:hover { background: var(--black); }
			[data-whatintent="mouse"] .list-box li.overlay-c a:hover { background: var(--monza); }
	.list-box i { display: inline-block; position: relative; top: .1em; margin-right: 13px; font-size: 1.1538461538em; line-height: 1px; }
		.list-box i.icon-thumb-up { top: 0; font-size: 1em; }
		.list-box i.icon-thumb-down { font-size: 1em; }
	.list-box + .list-box { margin-top: -6px; }
	.list-box + figure { margin-top: 30px; }
	h1 + .list-box, h2 + .list-box, h3 + .list-box, h4 + .list-box, h5 + .list-box, h6 + .list-box { margin-top: 20px; }

.list-btn { position: relative; z-index: 2; list-style: none; margin: 0; padding: 0; color: var(--white); font-weight: 700; text-transform: uppercase; text-align: center; }
	.list-btn:before { border-bottom: 1px solid var(--cod); background: var(--black); font-size: 14px; }
	.list-btn:after { left: auto; width: 1px; background: var(--cod); }
	.list-btn a { display: block; padding: 12px 20px 12px; border-left: 1px solid var(--cod); color: var(--white); font-weight: 700; text-decoration: none; }

.list-channel { list-style: none; margin: 0 0 1px -6px; padding: 0; color: var(--emperor); }
	.list-channel li { position: relative; z-index: 2; width: 25%; margin: 0 0 11px; padding: 13px 20px 13px 126px; border-left: 6px solid rgba(0,0,0,0); font-size: 12px; }
		.list-channel li:before { border: 1px solid var(--mercury); background: var(--white); }
	.list-channel figure { display: block; position: absolute; left: 10px; top: 10px; bottom: 10px; width: 100px; margin: 0; }
	.list-channel h1, .list-channel h2, .list-channel h3, .list-channel h4, .list-channel h5, .list-channel h6 { margin: 0 0 4px; color: var(--black); font-size: 14px; font-weight: 700; }
	.list-channel ul { list-style: none; max-width: 135px; margin: 0 0 4px; padding: 0; }
		.list-channel ul li { width: auto; min-width: 0; margin: 0; padding: 0 0 0 70px; border-left-width: 0; font-size: 1em; text-align: right; }
		.list-channel ul li > span:first-child { display: block; float: left; width: 70px; margin-left: -70px; text-align: left; }

.list-collection { list-style: none; margin: 0 0 0 -6px; padding: 0; color: var(--emperor); }
	.list-collection li { position: relative; z-index: 2; width: 25%; margin: 0 0 18px; border-left: 6px solid rgba(0,0,0,0); font-size: 12px; }
	.list-collection figure { position: relative; z-index: 1; margin: 0 0 8px; color: var(--white); font-weight: 500; font-size: 12px; text-transform: uppercase; }
		#root .list-collection figure video { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
		.list-collection figure span { display: block; position: absolute; left: 3px; top: 3px; z-index: 9; min-width: 30px; padding: 0 6px; border-radius: 2px; background: rgba(0,0,0,.6); text-align: center; }
			.list-collection figure span.text-right { left: auto; top: auto; right: 3px; bottom: 3px; }
			.list-collection figure span.overlay-e { padding-left: 18px; background: var(--rum); color: var(--white); }
				.list-collection figure span.overlay-e:before { left: 6px; top: 50%; right: auto; bottom: auto; width: 5px; height: 5px; margin: -2.5px 0 0; border-radius: 9px; background: var(--white); }
				.list-collection figure span.overlay-e:before { -webkit--animation-name: fade; animation-name: fade; animation-name: fade; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 2s; animation-duration: 2s; }
	.list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { overflow: hidden; max-height: 30px; margin: 0 0 2px; color: var(--black); font-size: 14px; font-weight: 700; }
	.list-collection ul { overflow: hidden; list-style: none; margin: 0 -11px 2px 0; padding: 0; }
		.list-collection ul li { width: auto; margin: 0 11px 0 0; border-left-width: 0; font-size: 1em; }
		.list-collection ul li:before { content: "\2022"; display: block; position: absolute; right: 100%; top: 0; width: 11px; text-align: center; }
	.list-collection + * { margin-top: 69px; }
	.list-collection + figure { margin-top: 1px; }
	.list-btn + .list-collection, .content > .list-collection:first-child { margin-top: -8px; }
.list-collection.a { }
	.list-collection.a li { width: 20%; }
	.list-collection.a ul li, .list-collection.b ul li { width: auto; }

.list-inline { overflow: hidden; list-style: none; margin-right: -13px; padding: 0; }
	.list-inline li { position: relative; margin-right: 13px; }
	.list-inline li:before { content: "\2022"; display: block; position: absolute; right: 100%; top: 0; width: 13px; text-align: center; }


/*! Forms --------- */
fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; }
	form p { position: relative; }
	legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; }
	input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; }
	input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
	input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; }
		input { }
			input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; }
			input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; }
			input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; }
			input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
			[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
			input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; }
				input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; }
				input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; }
			input[type="color"] { padding: 0; cursor: pointer; }
			input[type="date"] { display: -webkit-inline-flex; }
			input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
				input[type="number"]::-webkit-outer-spin-button,  input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
				input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; }
		textarea { overflow: auto; vertical-align: top; resize: vertical; }
		select { line-height: 1; text-overflow: ''; text-indent: 0.01px; }
			select::-ms-expand { display: none; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; }
		button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; }
		button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--seashell); background: var(--silver); cursor: default; }
::-webkit-input-placeholder { opacity: 1; color: inherit; }
:-ms-input-placeholder { opacity: 1; color: inherit; }
::-ms-input-placeholder { opacity: 1; color: inherit; }
::placeholder { opacity: 1; color: inherit; }
	:focus::-webkit-input-placeholder { opacity: 0; }
	:focus:-ms-input-placeholder { opacity: 0; }
	:focus::-ms-input-placeholder { opacity: 0; }
	:focus::placeholder { opacity: 0; }

form { }
	label, .form-label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; }
	input, select, textarea { display: block; width: 100%; border: 1px solid var(--mercury); background: var(--white); color: #000; font-size: 12px; }
		input, select { height: 29px; padding: 0 14px; }
			input[type="date"] { line-height: 30px; }
		select { padding-right: 29px; line-height: normal; }
		textarea { padding: 7px 7px 7px 12px; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; margin-top: 2px; padding: 6.5px 14px; border-radius: 0; border: 1px solid var(--cod); background: var(--cod); color: var(--white); font-size: 12px; text-align: center; }

.forms-wrapper { max-width: 376px; margin: 0 auto; font-size: 12px; text-align: center; }
	.forms-wrapper form { padding: 28px 28px 16px; box-shadow: 2px 2px 2px rgba(0,0,0,.08); background: var(--sand); }
	.forms-wrapper .form-field { display: block; margin: 0 0 12px; }
	.forms-wrapper input { width: 100% !important; margin: 0 !important; }
	.forms-wrapper button, .forms-wrapper input[type="button"], .forms-wrapper input[type="reset"], .forms-wrapper input[type="submit"] { margin-top: 4px !important; }
	.forms-wrapper img { display: block; width: 90px !important; margin-right: 12px; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
	.forms-wrapper .info, .forms-wrapper .notification, .forms-wrapper form + *, .forms-wrapper .info + *, .forms-wrapper .notification + * { margin-top: 27px; }


/*! Helpers --------- */
.clear { clear: both; overflow: hidden; width: 100%; }
.hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; }
[hidden], template, .tabs-header, .tabs-a > div > .hidden, .list-inline li:first-child:before, .list-channel ul li:before, #nav label, .forms-wrapper .form-label, .theme-blank #top, .theme-blank #nav, .theme-blank #shadow, .theme-blank #footer, #nav > ul.user, .user-active #nav > ul, .user-active #nav form, .forms-wrapper br, .list-collection.r2 > li:nth-child(n+9), .list-collection.r1 > li:nth-child(n+5) { display: none; }
.fluid_context_menu { display: none !important; }
article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .module-model.toggle figure, .module-model.toggle .list-aside, .user-active #nav, .user-active #shadow, .menu-active #nav, .user-active #nav > ul.user { display: block; }

hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid var(--silver); background: none; font-size: 0; }

#root .m0, ul ul, ul ol, ol ol, ol ul, .module-model .list-aside:first-child, .module-model figure:first-child, .list-box:first-child, #nav p, .forms-wrapper .info:first-child, .forms-wrapper .notification:first-child { margin-bottom: 0; }
	.m0 + figure { margin-top: 9px; }

#root .m65 { margin-bottom: 65px; }


/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]), video[autoplay]:not([muted]) { display: none; }
svg:not(:root) { overflow: hidden; }

::selection { background: var(--azure); color: var(--white); text-shadow: none; }
::-moz-selection { background: var(--azure); color: var(--white); text-shadow: none; }


/*! Outlines --------- */
[data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; }
[data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; }


/*! Flexbox --------- */
/* flex */ 	.image-video figcaption, .theme-blank #root, .forms-wrapper .form-field, .list-channel, .list-box, .nav-pagination ol, .nav-pagination ul, .list-btn, .list-collection ul, .list-collection, .tabs-a > nav ul, .nav-filter ul, .link-btn, .list-inline { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
/* f:wn */	.forms-wrapper .form-field { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
/* f:dc */	.image-video figcaption { -webkit-flex-direction: column; flex-direction: column; }
/* f:jc */	.image-video figcaption, .nav-pagination ul, .nav-pagination ol { -webkit-justify-content: center; justify-content: center; }
/* f:ac */	.image-video figcaption, .theme-blank #root, .forms-wrapper .form-field { -webkit-align-items: center; align-items: center; }
/* f:b0 */	.list-btn li { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; }
/* f:g3 */	.forms-wrapper input, .list-btn li { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; }


/*! Icons --------- */
@font-face { font-family: 'i'; src: url('../fonts/icomoon.woff2') format('woff2'), url('../fonts/icomoon.woff') format('woff'); font-display: swap; }
[class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.icon-cog:before { content: "\e907"; }
	.icon-cloud-download:before { content: "\e904"; }
	.icon-heart:before { content: "\e905"; }
	.icon-menu:before { content: "\e909"; }
	.icon-share:before { content: "\e906"; }
	.icon-thumb-down:before { content: "\e903"; }
	.icon-thumb-up:before { content: "\e900"; }
	.icon-user:before { content: "\e901"; }
	.icon-x:before { content: "\e908"; }
	.icon-zoom:before { content: "\e902"; }


/*! Animations --------- */
@-webkit-keyframes fade { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
@keyframes fade { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }


/* Responsive --------- */
@media only screen and (min-width: 90em) { /* min 1440 */
.list-collection { }
	.list-collection li { width: 20%; }

.list-collection.r2 > li:nth-child(n+9), .list-collection.r1 > li:nth-child(n+5) { display: block; }
.list-collection.r2 > li:nth-child(n+11), .list-collection.r1 > li:nth-child(n+6) { display: none; }
}
@media only screen and (max-width: 76.0625em) { /* 1217 */
.list-collection.a { }
	.list-collection.a li { width: 25%; }
}
@media only screen and (max-width: 66.875em) { /* 1070 */
.image-video { }
	.image-video img { max-width: 100% !important; }
	.image-video figcaption { width: 48.58356941%; }
.list-channel { }
	.list-channel li { width: 33.33333333%; }
}
@media only screen and (max-width: 54.5625em) { /* 873 */
#root { padding-left: 12px; padding-right: 12px; }

#top { }
	#top > .menu { width: 50px; }
	#top > .user:before { padding-right: 16px; }

.list-box { }
	h1 + .list-box, h2 + .list-box, h3 + .list-box, h4 + .list-box, h5 + .list-box, h6 + .list-box { margin-top: 16px; }
	.list-box + figure { margin-top: 10px; }
.list-btn, .image-wide, .media-player { margin-left: -12px; margin-right: -12px; }
	.list-btn li:first-child a { border-left-width: 0; }
	.media-player, .list-btn + .desktop-hide + .module-wide { margin-top: 0; }
.list-collection { }
	.list-collection li, .list-collection.a li, .list-channel li { width: 33.33333333333%; }
	.list-collection + figure { margin-top: 3px; }
#root .m65 { margin-bottom: 25px; }
.media-player { margin-bottom: 17px; }
.mobile-text-center { text-align: center; }
.module-model { }
	.module-model header h1, .module-model header h2, .module-model header h3, .module-model header h4, .module-model header h5, .module-model header h6 { text-align: center; }
.module-model.toggle { }
	.module-model.toggle figure, .module-model.toggle figure ~ .link-more { text-align: center; }
h1.module-wide, h2.module-wide, h3.module-wide, h4.module-wide, h5.module-wide, h6.module-wide { text-align: center; }

	.tabs-a > nav li, .nav-filter li { max-width: none; }

.module-model header .list-inline, .module-model .list-box, .mobile-text-center .list-inline { -webkit-justify-content: center; justify-content: center; }

.list-btn:after, .list-collection.r2 > li:nth-child(n+7), .list-collection.r1 > li:nth-child(n+4) { display: none; }
#root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; }
#root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; }
.s20 { font-size: 18px; }
}
@media only screen and (max-width: 48.75em) { /* 780 */
.list-channel { }
	.list-channel li { width: 50%; }
}
@media only screen and (max-width: 34.6875em) { /* 555 */
.image-video { }
	.image-video img { max-width: 93.3427762% !important; min-height: 100px !important; }
	.image-video figcaption { width: 182px; }
	.image-video .btn { min-width: 130px; }
.media-player { margin-bottom: 14px; }
.list-channel { max-width: 320px; margin-left: auto; margin-right: auto; }
	.list-channel li { border-left-width: 0; }
	.list-channel ul { max-width: none; }
.list-collection { }
	.list-collection li, .list-channel li { width: 100%; }
.list-collection.a { }
	.list-collection.a li, .list-collection.b li { width: 50%; }

.list-collection.r1.a > li:nth-child(n+3), .list-collection.r1.b > li:nth-child(n+3) { display: none; }
#root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; }
#root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; }
#root .m0 { font-size: 12px;}
.s20 { font-size: 14px; }
}

@media only screen and (max-width: 25em) { /* 400 */
.list-btn a { padding: 13px 2px 13px; font-size: 0.9em;}
}

.item-col a {
    overflow: hidden;
    text-overflow: ellipsis;
}
.paysite-header .image {
    position: relative;
    display: block;
    overflow: hidden;
    height: 260px;
}
.paysite-header .image > img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: auto;
}

.content-sec { width: 100%; }
.webcam-sec { display: none; }

.webcam-sec li figure {
    width: 100%;
    padding-top: 70%; /* Controls the aspect ratio */
    position: relative;
    overflow: hidden;
}

.webcam-sec li figure img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

/* --- list-collection.b.r1 layout: 2:3 image + title below --- */
.list-collection.b.r1 li {
  position: relative;
  overflow: hidden;
}

/* <figure> keeps 2:3 aspect ratio inside the <li> */
.list-collection.b.r1 li figure {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  margin: 0 0 8px;
}

/* Image fills and centers inside the figure */
.list-collection.b.r1 li figure img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center center;
}