@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root
{
	/* --c1: #fe7976; */
	--c1: #fc6361;
	/* --c1: #ffb325; */
	--pc1: var(--c1);
	--plyr-color-main: var(--c1);
	--roboto: 'Roboto', sans-serif;
	--robotosl: 'Roboto', sans-serif;
	/* --robotosl: 'Roboto Slab', serif; */
}

body
{
	min-height: 100vh;
}

footer
{
	margin-top: auto;
}

.m720
{
	display: none;
}

@media only screen
{
	.c1
	{
		color: var(--c1);
	}
	
	.c1-f
	{
		fill: var(--c1);
	}
	
	.err
	{
		color: var(--err);
	}
	
	.errx
	{
		color: #F00;
	}
	
	.pc1
	{
		color: var(--pc1);
	}
	
	.w
	{
		color: var(--w);
	}
	
	.wx
	{
		color: var(--wx);
	}
	
	.bc1
	{
		background-color: var(--c1);
	}
	
	.bw
	{
		background-color: var(--w);
	}
	
	.bb
	{
		background-color: var(--b);
	}
	
	.bwx
	{
		background-color: var(--wx);
	}
	
	.bbx
	{
		background-color: var(--bx);
	}
	
	strong, .w700
	{
		font-weight: 700;
	}
	
	.w600
	{
		font-weight: 600;
	}
	
	.w500
	{
		font-weight: 500;
	}
	
	.w400
	{
		font-weight: 400;
	}
	
	.bs05
	{
		-webkit-box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--trb);
		-moz-box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--trb);
		-o-box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--trb);
		-ms-box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--trb);
		box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--trb);
	}
	
	.ds
	{
		-webkit-filter: drop-shadow(0.125rem 0.125rem 0.25rem var(--trb));
		filter: drop-shadow(0.125rem 0.125rem 0.25rem var(--trb));
	}
	
	.ts
	{
		text-shadow: 0.125rem 0.125rem 0.25rem var(--trb2);
	}
	
	.br1
	{
		-webkit-border-radius: 1rem;
		-moz-border-radius: 1rem;
		-o-border-radius: 1rem;
		-ms-border-radius: 1rem;
		border-radius: 1rem;
	}
	
	.br05
	{
		-webkit-border-radius: 0.5rem;
		-moz-border-radius: 0.5rem;
		-o-border-radius: 0.5rem;
		-ms-border-radius: 0.5rem;
		border-radius: 0.5rem;
	}
	
	.br025
	{
		-webkit-border-radius: 0.25rem;
		-moz-border-radius: 0.25rem;
		-o-border-radius: 0.25rem;
		-ms-border-radius: 0.25rem;
		border-radius: 0.25rem;
	}
	
	.trans--before::before, .trans_c--before::before, .trans1--before::before
	{
		content: "";
	}
	
	.trans, .trans--before::before, .peers:empty::before, nav a, nav a:hover, .btn, .btn:hover
	{
		-webkit-transition: all 0.24s ease;
		-moz-transition: all 0.24s ease;
		-o-transition: all 0.24s ease;
		-ms-transition: all 0.24s ease;
		transition: all 0.24s ease;
	}
	
	.trans_c, .trans_c--before::before
	{
		-webkit-transition: color 0.24s ease;
		-moz-transition: color 0.24s ease;
		-o-transition: color 0.24s ease;
		-ms-transition: color 0.24s ease;
		transition: color 0.24s ease;
	}
	
	.trans1, .trans1--before::before
	{
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	}
	
	.trans1_c, .trans1_c--before::before
	{
		-webkit-transition: color 1s ease, border 1s ease;
		-moz-transition: color 1s ease, border 1s ease;
		-o-transition: color 1s ease, border 1s ease;
		-ms-transition: color 1s ease, border 1s ease;
		transition: color 1s ease, border 1s ease;
	}
	
	.mt2
	{
		margin-top: 2rem;
	}
	
	.mb2
	{
		margin-bottom: 2rem;
	}
	
	.mt1
	{
		margin-top: 1rem;
	}
	
	.mt05
	{
		margin-top: 0.5rem;
	}
	
	.mb1
	{
		margin-bottom: 1rem;
	}
	
	.mb05
	{
		margin-bottom: 0.5rem;
	}
	
	.mr1
	{
		margin-right: 1rem;
	}
	
	.mr05
	{
		margin-right: 0.5rem;
	}
	
	.mra
	{
		margin-right: auto;
	}
	
	.ml1
	{
		margin-left: 1rem;
	}
	
	.ml05
	{
		margin-left: 0.5rem;
	}
	
	.mla
	{
		margin-left: auto;
	}
	
	.m2
	{
		margin: 2rem;
	}
	
	.m1
	{
		margin: 1rem;
	}
	
	.mauto
	{
		margin: auto;
	}
	
	.pad2
	{
		padding: 2rem;
	}
	
	.pad1
	{
		padding: 1rem;
	}
	
	.pad05
	{
		padding: 0.5rem;
	}
	
	.pad025
	{
		padding: 0.25rem;
	}
	
	.padt2
	{
		padding-top: 2rem;
	}
	
	.padt1
	{
		padding-top: 1rem;
	}
	
	.padt05
	{
		padding-top: 0.5rem;
	}
	
	.padt025
	{
		padding-top: 0.25rem;
	}
	
	.padb2
	{
		padding-bottom: 2rem;
	}
	
	.padb1
	{
		padding-bottom: 1rem;
	}
	
	.padb05
	{
		padding-bottom: 0.5rem;
	}
	
	.padb025
	{
		padding-bottom: 0.25rem;
	}
	
	.padl2
	{
		padding-left: 2rem;
	}
	
	.padl1
	{
		padding-left: 1rem;
	}
	
	.padr2
	{
		padding-right: 2rem;
	}
	
	.padr1
	{
		padding-right: 1rem;
	}
	
	.pad4-10
	{
		padding: 4vw 10vw;
	}
	
	.pad0-10-4
	{
		padding: 0px 10vw 4vw;
	}
	
	.tal, .tal--before::before
	{
		text-align: left;
	}
	
	.tac, .tac--before::before
	{
		text-align: center;
	}
	
	.tar, .tar--before::before
	{
		text-align: right;
	}
	
	.flex
	{
		display: flex;
		justify-content: space-between;
	}
	
	.flex-sa
	{
		justify-content: space-around;
	}
	
	.flex-c
	{
		justify-content: center;
	}
	
	.flex-as
	{
		align-items: flex-start;
		align-items: start;
	}
	
	.flex-ac
	{
		align-items: center;
	}
	
	.flex-ae
	{
		align-items: flex-end;
		align-items: end;
	}
	
	.flex-s
	{
		justify-content: flex-start;
		justify-content: start;
	}
	
	.flex-v
	{
		flex-direction: column;
	}
	
	.grid
	{
		display: grid;
	}
	
	.grx1
	{
		grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
		grid-gap: 2rem;
	}
	
	.disnone
	{
		display: none;
	}

    .grow {
        flex-grow: 1;
    }
	
	button
	{
		background-color: transparent;
	}
	
	h1, h2, h3, h4, h5
	{
		font-family: var(--robotosl);
		line-height: 1.14;
	}
	
	h1, .h1
	{
		font-size: 2.6rem;
		font-weight: 700;
	}
	
	h2, .h2
	{
		font-size: 2rem;
		font-weight: 600;
	}
	
	h3, .h3
	{
		font-size: 1.5rem;
		font-weight: 500;
	}
	
	h4, .h4
	{
		font-size: 1.24rem;
		font-weight: 500;
	}
	
	h5, .h5
	{
		font-size: 1.1rem;
		font-weight: 500;
	}
	
	p
	{
		text-indent: 1.5rem;
		line-height: 1.4;
	}
	
	.noInd, footer p
	{
		text-indent: 0px;
	}
	
	body
	{
		background-size: cover;
		background-position: center;
		font-family: var(--roboto);
	}
	
	.vibrant-canvas
	{
		display: none;
	}
	
	.fancybox-content.fam
	{
		min-width: 18rem;
		width: 42vw;
		max-width: 62rem;
	}
	
	/* The original styles begins */
	
	header
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 2;
	}
	
	.logo img
	{
		height: 5rem;
		padding: 1rem 0rem 1rem 2rem;
	}
	
	nav
	{
        display: flex;
        align-items: center;
		align-self: center;
		margin-right: 2rem;
		font-weight: 500;
	}
	
	nav li, .inline-block
	{
		display: inline-block;
	}
	
	nav li i
	{
		font-size: 1.184em;
		margin-right: 0.5rem;
	}
	
	nav li a
	{
		display: inherit;
	}
	
	.ocb, .bpos, .bposx
	{
		-webkit-transform: scale(1.04);
		-moz-transform: scale(1.04);
		-o-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		-webkit-filter: blur(0.5rem) grayscale(1);
		filter: blur(0.5rem) grayscale(1);
	}
	
	.ocb, .ocb::before
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: var(--trw);
		background-blend-mode: lighten;
		background-size: cover;
		background-position: center;
	}
	
	.ocb::before
	{
		content: "";
	}
	
	.ocb.b0::before
	{
		opacity: 0;
	}
	
	.ocrl
	{
		padding-top: 7rem;
	}
	
	.ols
	{
		width: calc(50vw - 4rem);
		max-width: 48rem;
		margin: 0px auto;
	}
	
	.ols img
	{
		height: 18rem;
		max-width: 24rem;
		object-fit: cover;
		-webkit-border-radius: 0.5rem 0rem 0rem 0.5rem;
		-moz-border-radius: 0.5rem 0rem 0rem 0.5rem;
		-o-border-radius: 0.5rem 0rem 0rem 0.5rem;
		-ms-border-radius: 0.5rem 0rem 0rem 0.5rem;
		border-radius: 0.5rem 0rem 0rem 0.5rem;
	}
	
	.ols .ds
	{
		align-items: stretch;
		justify-content: stretch;
	}
	
	.ols .dsc
	{
		--bgx: var(--b);
		background-color: var(--bgx);
		width: 100%;
		-webkit-border-radius: 0px 0.5rem 0.5rem 0px;
		-moz-border-radius: 0px 0.5rem 0.5rem 0px;
		-o-border-radius: 0px 0.5rem 0.5rem 0px;
		-ms-border-radius: 0px 0.5rem 0.5rem 0px;
		border-radius: 0px 0.5rem 0.5rem 0px;
	}
	
	.cbgx
	{
		color: var(--bgx);
	}
	
	.sec2::before, .crv::before
	{
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 4vw;
		background-color: var(--c1);
		-webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 1vw);
		clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 1vw);
	}
	
	.bgx
	{
		background-image: url("/imx/bgx.svg");
		background-size: cover;
		background-position: center;
	}

    .bartop
    {
        border-top: 0.25rem solid var(--c1);
    }
	
	.hw
	{
		width: 55%;
	}
    
    .xvidci
    {
        width: 40%;
    }
    
    .xvidci > div
    {
        width: 100%;
        padding-top: 56.25%;
    }
    
    .xvidci div iframe
    {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
	
	.dwl img
	{
		width: 75%;
		min-width: 18rem;
		max-width: 40rem;
	}
	
	.grx1 figure img
	{
		width: 100%;
		height: 20rem;
		object-fit: cover;
	}
	
	.grx1 a
	{
		background-color: var(--c1);
		background-color: var(--bgx);
		overflow: hidden;
	}
	
	.grx1 a:hover
	{
		transform: scale(1.064);
	}
	
	.grx1 a, .grx1 a:hover
	{
		transition: background-color 1s ease, transform 0.24s ease;
	}
	
	.scr
	{
		width: 25.5rem; /* 38.25 */
		margin: 0px auto;
	}
	
	.scr::before, .scr::after
	{
		content: "";
		position: absolute;
		top: calc(50% - 0.125rem);
		right: 100%;
		width: calc(100vw - 15rem);
		height: 0.25rem;
		background-color: var(--c1);
	}
	
	.scr::after
	{
		right: unset;
		left: 100%;
	}
	
	.scr button
	{
		width: 12.75rem; /* 10*/
		line-height: 2.75rem;
		border-top: 0.25rem solid var(--c1);
		border-bottom: 0.25rem solid var(--c1);
	}
	
	.scr button:first-child
	{
		-webkit-border-radius: 0.5rem 0rem 0rem 0.5rem;
		-moz-border-radius: 0.5rem 0rem 0rem 0.5rem;
		-o-border-radius: 0.5rem 0rem 0rem 0.5rem;
		-ms-border-radius: 0.5rem 0rem 0rem 0.5rem;
		border-radius: 0.5rem 0rem 0rem 0.5rem;
	}
	
	.scr button:last-child
	{
		-webkit-border-radius: 0rem 0.5rem 0.5rem 0rem;
		-moz-border-radius: 0rem 0.5rem 0.5rem 0rem;
		-o-border-radius: 0rem 0.5rem 0.5rem 0rem;
		-ms-border-radius: 0rem 0.5rem 0.5rem 0rem;
		border-radius: 0rem 0.5rem 0.5rem 0rem;
	}
	
	.scr button:not(:first-child){
		border-right: 0.25rem solid var(--c1);
	}
	
	.scr button:not(:last-child)
	{
		border-left: 0.25rem solid var(--c1);
	}
	
	.scr button.active
	{
		background-color: var(--c1);
		color: var(--w);
	}
	
	.frpw
	{
		height: 2rem;
		overflow: hidden;
		border: 0.0625rem solid var(--trb);
		-webkit-box-shadow: 0rem 0rem 0.5rem 0rem var(--trb) inset;
		-moz-box-shadow: 0rem 0rem 0.5rem 0rem var(--trb) inset;
		-o-box-shadow: 0rem 0rem 0.5rem 0rem var(--trb) inset;
		-ms-box-shadow: 0rem 0rem 0.5rem 0rem var(--trb) inset;
		box-shadow: 0rem 0rem 0.5rem 0rem var(--trb) inset;
	}
	
	.frprog
	{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: var(--prog);
		max-width: 100%;
		background-color: var(--pc1);
		overflow: hidden;
	}
	
	.frprog::before
	{
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgb(0,0,0);
		background: -moz-linear-gradient(0deg, rgba(0,0,0,0.24691883589373254) 0%, rgba(255,255,255,0) 84%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.24691883589373254) 0%, rgba(255,255,255,0) 84%);
		background: linear-gradient(0deg, rgba(0,0,0,0.24691883589373254) 0%, rgba(255,255,255,0) 84%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1); 
	}
	
	.frprog::after
	{
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) calc(100% / 3), rgba(255,255,255,0.28) calc(100% / 3), rgba(255,255,255,0.28) calc(200% / 3), rgba(255,255,255,0) calc(200% / 3), rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) calc(100% / 3), rgba(255,255,255,0.28) calc(100% / 3), rgba(255,255,255,0.28) calc(200% / 3), rgba(255,255,255,0) calc(200% / 3), rgba(255,255,255,0) 100%);
		background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) calc(100% / 3), rgba(255,255,255,0.28) calc(100% / 3), rgba(255,255,255,0.28) calc(200% / 3), rgba(255,255,255,0) calc(200% / 3), rgba(255,255,255,0) 100%);
		background-size: 4rem 2rem;
		background-repeat: repeat-x;
		background-position: 0px 0px;
		-webkit-animation: frprog 1s 0s linear infinite;
		-moz-animation: frprog 1s 0s linear infinite;
		-o-animation: frprog 1s 0s linear infinite;
		-ms-animation: frprog 1s 0s linear infinite;
		animation: frprog 1s 0s linear infinite;
	}
	
	@-webkit-keyframes frprog
	{
		0%{background-position: 0px 0px;}
		100%{background-position: -4rem 0px;}
	}
	
	@-moz-keyframes frprog
	{
		0%{background-position: 0px 0px;}
		100%{background-position: -4rem 0px;}
	}
	
	@-o-keyframes frprog
	{
		0%{background-position: 0px 0px;}
		100%{background-position: -4rem 0px;}
	}
	
	@-ms-keyframes frprog
	{
		0%{background-position: 0px 0px;}
		100%{background-position: -4rem 0px;}
	}
	
	@keyframes frprog
	{
		0%{background-position: 0px 0px;}
		100%{background-position: -4rem 0px;}
	}
	
	footer
	{
		padding: 0px 1rem;
	}
	
	footer p
	{
		font-size: 0.88rem;
		line-height: 2rem;
	}
	
	footer img
	{
		height: 1.875rem;
	}
	
	/* Webinar Purchase Page */
	
	.bpos, .bposx
	{
		background-size: cover;
		background-position: center;
		background-color: var(--trw2);
		background-blend-mode: lighten;
		height: 24rem;
	}
	
	.bposx
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-attachment: fixed;
		background-color: var(--trb2);
		background-blend-mode: darken;
	}
	
	.chx
	{
		min-height: calc(100vh - 26rem - 4vw);
	}
	
	.crv::before
	{
		background-color: var(--pc1);
	}
	
	.mcon figure
	{
		margin-top: -8rem;
		width: calc(8rem + 12vw);
	}
	
	.mcon figure img
	{
		width: 100%;
		max-height: calc(8rem + 12vw);
		object-fit: cover;
	}
	
	.info
	{
		margin-top: auto;
		padding: 4rem 2rem 2rem;
		width: calc(100% - 12rem - 12vw);
		border-bottom: 0.25rem solid var(--pc1);
	}
	
	.info h4 i
	{
		font-size: 1.64em;
		margin-right: 1rem;
		vertical-align: middle;
	}
	
	.info h4 .stb
	{
		padding-right: 1rem;
		display: inline-block;
		line-height: 2.5rem;
		vertical-align: middle;
	}
	
	.info h4 .stb .rt40
	{
		-webkit-transform: rotate(40deg);
		-moz-transform: rotate(40deg);
		-o-transform: rotate(40deg);
		-ms-transform: rotate(40deg);
		transform: rotate(40deg);
	}
	
	.info h4 .stb::before
	{
		content: "";
		position: absolute;
		top: -0.25rem;
		left: 0px;
		width: 100%;
		height: 100%;
		border: 0.25rem solid var(--pc1);
		border-radius: 0.5rem;
		-webkit-clip-path: polygon(1rem -0.25rem, calc(100% + 0.25rem) -0.25rem, calc(100% + 0.25rem) calc(100% + 0.25rem), 2.8rem calc(100% + 0.25rem));
		clip-path: polygon(1rem -0.25rem, calc(100% + 0.25rem) -0.25rem, calc(100% + 0.25rem) calc(100% + 0.25rem), 2.8rem calc(100% + 0.25rem));
	}
	
	.info h4 .stb:hover
	{
		color: var(--w);
	}
	
	.info h4 .stb:hover::before
	{
		background-color: var(--pc1);
	}
	
	.trx img
	{
		width: 100%;
	}
	
	.trx i
	{
		position: absolute;
		top: 50%;
		left: 50%;
		font-size: 2.8rem;
		color: var(--trw2);
		-webkit-transform: translate3d(-50%, -50%, 0);
		-moz-transform: translate3d(-50%, -50%, 0);
		-o-transform: translate3d(-50%, -50%, 0);
		-ms-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0);
	}
	
	.trx a:hover i
	{
		color: var(--w);
	}
	
	.dzx
	{
		width: calc(8rem + 12vw);
	}
	
	.dsx
	{
		padding: 0px 2rem;
		width: calc(100% - 12rem - 12vw);
	}
	
	.dsx p:not(:last-child)
	{
		padding-bottom: 1rem;
	}
	
	.ft:not(:first-child)
	{
		margin-top: 4rem;
	}
	
	.ft h1:first-child
	{
		border-bottom: 0.125rem solid var(--pc1);
	}
	
	.ft .h4, .dsx h5
	{
		padding: 0.25rem 0rem;
		line-height: 1.4em;
	}
	
	.ft .h4 span:first-child
	{
		margin-right: 0.5rem;
	}
	
	.btn
	{
		display: inline-block;
		padding: 0px 1rem;
		line-height: 2rem;
		border: 0.25rem solid var(--c1);
		cursor: pointer;
	}
	
	.btn:hover
	{
		color: var(--c1);
		border: 0.25rem solid var(--b);
	}
	
	.btn2
	{
		color: var(--w);
	}
	
	.btn2:hover
	{
		color: var(--w);
		background-color: var(--c1);
		border: 0.25rem solid var(--c1);
	}
	
	.fam .formv2 select[name=currency]
	{
		padding: 0.5rem 1rem;
	}
	
	/* Payment Page */
	
	.rzp, .pal, .ods
	{
		width: calc(33% - 2.5rem);
		max-width: 28rem;
	}
	
	#rzp
	{
		width: 100%;
		max-width: 28rem;
		height: 45px;
		background-color: #ffc439;
		-webkit-border-radius: 0.25rem;
		-moz-border-radius: 0.25rem;
		-o-border-radius: 0.25rem;
		-ms-border-radius: 0.25rem;
		border-radius: 0.25rem;
	}
	
	#rzp:hover
	{
		background-color: #f2ba36;
	}
	
	#rzp img
	{
		height: 24px;
	}
	
	.rpt
	{
		font-weight: 300;
		font-size: 0.88rem;
		padding-top: 0.125rem;
	}
	
	/* Watch Page */
	
	.epxr
	{
		min-height: calc(100vh - 2rem);
	}
	
	.wtx
	{
		width: 100%;
	}
	
	.plx
	{
		width: 34%;
	}
	
	.trax
	{
		width: 48%;
	}
	
	.auth
	{
		width: 42%;
		min-width: 24rem;
		max-width: 42rem;
		border-bottom: 0.25rem solid var(--c1);
	}
	
	.plx
	{
		min-width: 10rem;
		max-width: 28rem;
	}
	
	.plx figure img
	{
		width: 75%;
	}
	
	.trax
	{
		min-width: 31rem;
		max-width: 50rem;
		border-bottom: 0.25rem solid var(--c1);
	}
	
	/* Overriding Form v2 */
	
	.formv2.wtf input ~ label
	{
		color: var(--w);
	}
	
	.formv2.wtf input:focus ~ label, .formv2.wtf input:not(:placeholder-shown) ~ label
	{
		color: var(--c1);
	}
	
	.formv2.wtf input:not([type="submit"]):not([type="radio"])
	{
		border-bottom: 0.25rem solid var(--trb1);
	}
	
	/* Flipclock override in the watch page */
	
	.flip-clock-wrapper
	{
		width: unset;
	}
	
	.flip-clock-wrapper ul
	{
		width: 2.5rem;
		height: 3.75rem;
	}
	
	.flip-clock-wrapper ul li, .flip-clock-wrapper ul
	{
		line-height: 3.75rem;
	}
	
	.flip-clock-wrapper ul li a div div.inn
	{
		font-size: 2.5rem;
	}
	
	.flip-clock-divider
	{
		height: 4rem;
	}
	
	.flip-clock-dot.top
	{
		top: 34%;
	}
	
	.flip-clock-dot.bottom
	{
		bottom: 24%;
	}
	
	.flip-clock-divider .flip-clock-label
	{
		color: var(--c1);
		left: 100%;
		right: unset;
		font-size: 0.94rem;
		font-weight: 700;
		width: 6.25rem;
		text-align: center;
	}
	
	/* Streaming */
	
	.watch
	{
		padding: 7rem 2rem 0rem;
	}
	
	.watch
	{
		width: calc(100% - 14rem - 16vw);
	}
	
	.wtcx
	{
		max-width: calc(177.777777778vh - 16rem);
		/* max-height: calc(100vh - 9rem); */
		margin: auto;
	}
	
	.ttl
	{
		border-bottom: 0.25rem solid var(--c1);
	}
	
	.chat
	{
		position: fixed;
		top: 0px;
		right: 0px;
		width: calc(10rem + 16vw);
		height: 100%;
	}
	
	.ccx
	{
		padding: 2rem 1rem 1rem;
		border-bottom: 0.25rem solid var(--c1);
		line-height: 2.5rem;
	}
	
	.ccx span
	{
		position: absolute;
		left: 5.5rem;
		bottom: 1.1875rem;
		font-size: 1rem;
		font-weight: 700;
		padding: 0.25rem 1rem;
		line-height: 1.4rem;
		opacity: 0;
		visibility: hidden;
	}
	
	.ccx span.show
	{
		opacity: 1;
		visibility: visible;
	}
	
	/* Chat */
	
	.chats
	{
		height: calc(100% - 14.75rem);
		overflow: auto;
	}
	
	.treax
	{
		height: 5rem;
		width: calc(100% - 2rem);
	}
	
	.taxrc
	{
		width: calc(100% - 5rem);
	}
	
	.chasex
	{
		width: 1.5rem;
	}
	
	.cif::before
	{
		content: "";
		position: absolute;
		top: calc(50% - 0.0625rem);
		left: 0px;
		width: 100%;
		height: 0.125rem;
		background-color: var(--c1);
	}
	
	.cif p
	{
		display: inline-block;
		max-width: 60%;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
	
	.memsg, .omsg
	{
		width: calc(80% - 1rem);
	}
	
	.memsg p:not(.tstmp), .omsg p:not(.tstmp)
	{
		display: inline-block;
	}
	
	.tstmp
	{
		color: var(--trw1);
		font-size: 0.88rem;
	}
	
	/* Contact and Policy Pages */
	
	.bpvidx
	{
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
	
	.bpvidx video
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		-webkit-filter: blur(0.5rem);
		filter: blur(0.5rem);
	}
	
	.cfrx
	{
		width: calc(80% - 18rem);
		max-width: 42rem;
	}
	
	.sah
	{
		margin-top: 7rem;
	}
	
	.adrx
	{
		width: calc(15% + 15rem);
	}
	
	.adrx p
	{
		font-size: 1.124rem;
		font-weight: 500;
		line-height: 1.8rem;
	}
	
	.cfrx textarea
	{
		height: 5rem;
	}
	
	/* Partner Authentication Page */
	
	.partauth
	{
		min-width: 16rem;
		width: 50vw;
		max-width: 40rem;
	}
	
	.gctx
	{
		width: 40%;
	}
	
	.gctxx
	{
		min-height: 20rem; 
	}
	
	.dtcc
	{
		width: 50%;
	}
	
	.dthx li, .dtdx li p
	{
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: padding-box;
		padding: 0.5rem;
	}
	
	.dthx li:first-child, .dtdx li p:first-child
	{
		width: 34%;
	}
	
	.dthx li:nth-child(2), .dtdx li p:nth-child(2)
	{
		width: 15%;
	}
	
	.dthx li:nth-child(3), .dtdx li p:nth-child(3)
	{
		width: 20%;
	}
	
	.dthx li:nth-child(4), .dtdx li p:nth-child(4)
	{
		width: 15%;
	}
	
	.dthx li:nth-child(5), .dtdx li p:nth-child(5)
	{
		width: 16%;
	}
	
	.dtdx li:hover
	{
		background-color: var(--wx);
	}
	
	.dttl
	{
		border-top: 0.125rem solid var(--pc1);
	}
	
	#subs
	{
		max-width: 28rem;
	}
	
	#subs input[type=email]
	{
		border-bottom-color: var(--bx);
	}
	
	.grx2
	{
		grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
		grid-gap: 1.5rem;
	}
	
	.grx2 h1
	{
		line-height: 4ch;
		width: 4ch;
	}
	
	.grx2 p
	{
		line-height: 1.4rem;
	}

	/* Extra Settings for Share button and Ask a Question link */

	.share_container
	{
		grid-gap: 2rem;
		gap: 2rem;
		font-size: 2.4rem;
		background-color: var(--wx);
	}

	.gg1
	{
		grid-gap: 1rem;
		gap: 1rem;
	}

	.penone *
	{
		pointer-events: none;
	}

	.flex-w
	{
		flex-wrap: wrap;
	}
	
	.lh2-5
	{
		line-height: 2.5rem;
	}

    .search {
        display: flex;
        flex: 1 1 0;
        max-width: 20rem;
        border-radius: 2rem;
        background-color: var(--wx);
        margin-right: 1rem;
    }

    .search input {
        padding: 0.375rem 0.75rem;
        width: 100%;
    }

    .search button {
        padding: 0.25rem 0.5rem;
    }
}

@media only screen and (min-width: 1000px)
{
	.ols
	{
		min-width: 38rem;
	}
	
	nav ul li:not(:first-child) a
	{
		padding-left: 1rem;
	}
	
	.mob
	{
		display: none;
	}
}

@media only screen and (max-width: 999px)
{
	.logo img
	{
		height: 4rem;
		padding: 1rem;
	}
	
	.ocrl
	{
		padding-top: 4rem;
	}
	
	.pad4-10
	{
		padding: 2rem 1rem;
	}
	
	.pad0-10-4
	{
		padding: 0rem 1rem 2rem;
	}
	
	.ols
	{
		width: calc(100% - 4rem);
	}
	
	.ols img
	{
		height: 16rem;
	}
	
	.ols
	{
		max-width: 34rem;
	}
	
	h1, .h1
	{
		font-size: 2rem;
		font-weight: 700;
	}
	
	h2, .h2
	{
		font-size: 1.5rem;
		font-weight: 600;
	}
	
	h3, .h3
	{
		font-size: 1.24rem;
		font-weight: 500;
	}
	
	h4, .h4
	{
		font-size: 1.08rem;
		font-weight: 500;
	}
	
	h5, .h5
	{
		font-size: 0.98rem;
		font-weight: 500;
	}
	
	.sec2::before, .crv::before
	{
		height: 2rem;
	}
	
	.hw, .xvidci
	{
		width: 100%;
	}
    
    .xvidci.tar
    {
        margin-top: 2rem;
        text-align: left;
    }
	
	.grx1
	{
		grid-template-columns: repeat(auto-fill, minmax(14.5rem, 1fr));
	}
	
	.grx1 > a > div > figure
	{
		display: grid;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr;
	}
	
	.grx1 figure img
	{
		height: unset;
	}
	
	.watch
	{
		width: calc(100% - 12rem - 16vw);
		padding: 7rem 1rem 0rem;
	}
	
	.ccx
	{
		font-size: 2rem;
	}
	
	.fancybox-content.fam
	{
		padding: 1.5rem;
		width: calc(100vw - 2rem);
		max-width: 28rem;
	}
}

@media only screen and (max-width: 899px)
{
	.info .mb2
	{
		margin-bottom: 1rem;
	}
	
	.mcon
	{
		flex-direction: column;
	}
	
	.mcon figure
	{
		width: unset;
		text-align: center;
	}
	
	.mcon figure img
	{
		width: calc(8rem + 12vw);
	}
	
	.bpos
	{
		height: 18rem;
	}
	
	.info
	{
		text-align: center;
		width: unset;
		padding: 2rem 0rem;
	}
	
	.frpw
	{
		height: 1rem;
	}
	
	.frprog::after
	{
		background-size: 2rem 1rem;
	}
	
	.mpinit, .wtx
	{
		flex-direction: column;
	}
	
	.rzp, .pal, .ods
	{
		width: unset;
		max-width: unset;
	}
	
	.rzp, .pal
	{
		margin-top: 1rem;
	}
	
	#rzp
	{
		width: 100%;
		max-width: unset;
	}
	
	.wtx
	{
		margin-top: 5rem;
	}
	
	.plx
	{
		min-width: 16rem;
		max-width: 22rem;
		width: 60%;
	}
	
	.plx h1
	{
		margin: 1rem 0rem;
	}
	
	.auth
	{
		width: calc(100% - 2rem);
		min-width: unset;
		max-width: 34rem;
		padding: 2rem 1rem;
	}
	
	.watch, .cfrx, .adrx
	{
		width: calc(100% - 2rem);
	}
	
	.chat
	{
		top: 1rem;
		right: 1rem;
		width: calc(100% - 2rem);
		max-width: 24rem;
		height: calc(100% - 6.5rem);
		z-index: 2;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		-webkit-border-radius: 1rem;
		-moz-border-radius: 1rem;
		-o-border-radius: 1rem;
		-ms-border-radius: 1rem;
		border-radius: 1rem;
		-webkit-box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--b);
		-moz-box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--b);
		-o-box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--b);
		-ms-box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--b);
		box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--b);
		-webkit-transition: all 0.24s ease;
		-moz-transition: all 0.24s ease;
		-o-transition: all 0.24s ease;
		-ms-transition: all 0.24s ease;
		transition: all 0.24s ease;
		-webkit-transform-origin: right bottom;
		-moz-transform-origin: right bottom;
		-o-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-o-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
		-webkit-filter: blur(0.5rem);
		filter: blur(0.5rem);
	}
	
	.chats
	{
		height: calc(100% - 13.75rem);
	}
	
	.chat.show
	{
		-webkit-filter: none;
		filter: none;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		visibility: visible;
	}
	
	.ccx
	{
		font-size: 1.5rem;
		padding: 1rem;
	}
	
	.ccx span
	{
		left: 4rem;
		bottom: 1.5rem;
		padding: 0.0625rem 0.75rem;
	}
	
	.mcinvoker
	{
		position: fixed;
		bottom: 1rem;
		right: 1rem;
		width: 3.5rem;
		height: 3.5rem;
		text-align: center;
		line-height: 2.5rem;
		font-size: 1.75rem;
		background-color: var(--c1);
		color: var(--w);
		z-index: 1;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
	}
	
	.mcontax
	{
		flex-direction: column;
	}
	
	.adrx
	{
		margin-top: 2rem;
	}
	
	footer
	{
		flex-direction: column;
		text-align: center;
	}

	.center-buttons-in-mobile
	{
		justify-content: center;
	}
}

@media only screen and (max-width: 899px) and (max-height: 500px)
{
	.chat
	{
		right: 5.5rem;
		width: calc(100% - 6.5rem);
		height: calc(100% - 2rem);
	}
}

@media only screen and (max-width: 770px)
{
	nav ul
	{
		position: absolute;
		top: calc(100% + 2rem);
		right: 0px;
		opacity: 0;
		visibility: hidden;
		background-color: var(--w);
		-webkit-box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--trb);
		-moz-box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--trb);
		-o-box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--trb);
		-ms-box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--trb);
		box-shadow: 0.25rem 0.25rem 0.5rem 0rem var(--trb);
	}
	
	nav ul li
	{
		white-space: nowrap;
	}
	
	nav.show ul
	{
		top: calc(100% + 1rem);
		opacity: 1;
		visibility: visible;
	}
	
	.m720
	{
		display: inline-block;
		width: 1.5rem;
		height: 1.5rem;
	}
	
	.m720 span
	{
		background-color: var(--c1);
		height: 0.25rem;
		margin: 0.25rem 0rem;
		display: block;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	.m720 span:first-child
	{
		animation: wdcn 0.5s 0s ease-out infinite alternate;
	}
	
	nav.show .m720 span:first-child
	{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-animation: none;
		-moz-animation: none;
		-o-animation: none;
		-ms-animation: none;
		animation: none;
	}
	
	.m720 span:nth-child(2)
	{
		animation: wdcn 0.375s -0.2s ease-out infinite alternate;
	}
	
	nav.show .m720 span:nth-child(2)
	{
		opacity: 0;
	}
	
	.m720 span:nth-child(3)
	{
		animation: wdcn 0.8s -0.1s ease-out infinite alternate;
	}
	
	nav.show .m720 span:nth-child(3)
	{
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-animation: none;
		-moz-animation: none;
		-o-animation: none;
		-ms-animation: none;
		animation: none;
	}
	
	@-webkit-keyframes wdcn
	{
		0%{width: 0%;}
		100%{width: 100%;}
	}
	
	@-moz-keyframes wdcn
	{
		0%{width: 0%;}
		100%{width: 100%;}
	}
	
	@-o-keyframes wdcn
	{
		0%{width: 0%;}
		100%{width: 100%;}
	}
	
	@-ms-keyframes wdcn
	{
		0%{width: 0%;}
		100%{width: 100%;}
	}
	
	@keyframes wdcn
	{
		0%{width: 0%;}
		100%{width: 100%;}
	}
}

@media only screen and (max-width: 699px)
{
	.dtflx, .dwlx
	{
		flex-direction: column;
		padding: 1rem;
	}
	
	.gctx, .dtcc, .dwl img
	{
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.gctx h1
	{
		text-align: center;
	}
}

@media only screen and (max-width: 629px)
{
	.scr.flex
	{
		width: calc(100% - 2rem);
		flex-direction: column;
		align-items: flex-end;
		align-items: end;
	}
	
	.scr::before
	{
		right: 12.75rem;
		width: calc(100% - 9rem);
	}
	
	.scr::after
	{
		width: 1rem;
	}
	
	.scr button:first-child
	{
		border: 0.25rem solid var(--c1);
		-webkit-border-radius: 0.5rem 0.5rem 0rem 0rem;
		-moz-border-radius: 0.5rem 0.5rem 0rem 0rem;
		-o-border-radius: 0.5rem 0.5rem 0rem 0rem;
		-ms-border-radius: 0.5rem 0.5rem 0rem 0rem;
		border-radius: 0.5rem 0.5rem 0rem 0rem;
	}
	
	.scr button:last-child
	{
		-webkit-border-radius: 0px 0px 0.5rem 0.5rem;
		-moz-border-radius: 0px 0px 0.5rem 0.5rem;
		-o-border-radius: 0px 0px 0.5rem 0.5rem;
		-ms-border-radius: 0px 0px 0.5rem 0.5rem;
		border-radius: 0px 0px 0.5rem 0.5rem;
	}
	
	.scr button:not(:first-child)
	{
		border-left: 0.25rem solid var(--c1);
		border-bottom: 0.25rem solid var(--c1);
		border-right: 0.25rem solid var(--c1);
		border-top: none;
	}
}

@media only screen and (max-width: 599px)
{
	.logo img
	{
		height: 3rem;
		padding: 1rem;
	}
	
	nav
	{
		margin-right: 1rem;
	}
	
	.ols > a > .flex, .htgx
	{
		flex-direction: column;
	}
	
	.ols img
	{
		max-width: 100%;
	}
	
	.ocrl
	{
		padding-top: 5rem;
	}
	
	.ols .flex figure
	{
		text-align: center;
		background-color: var(--b);
	}
	
	.ols .flex figure, .ols .flex figure img
	{
		-webkit-border-radius: 0.5rem 0.5rem 0rem 0rem;
		-moz-border-radius: 0.5rem 0.5rem 0rem 0rem;
		-o-border-radius: 0.5rem 0.5rem 0rem 0rem;
		-ms-border-radius: 0.5rem 0.5rem 0rem 0rem;
		border-radius: 0.5rem 0.5rem 0rem 0rem;
	}
	
	.ols .dsc
	{
		width: calc(100% - 2rem);
		text-align: center;
		-webkit-border-radius: 0rem 0rem 0.5rem 0.5rem;
		-moz-border-radius: 0rem 0rem 0.5rem 0.5rem;
		-o-border-radius: 0rem 0rem 0.5rem 0.5rem;
		-ms-border-radius: 0rem 0rem 0.5rem 0.5rem;
		border-radius: 0rem 0rem 0.5rem 0.5rem;
	}
	
	.wtx
	{
		margin-top: 4rem;
	}
	
	.trax
	{
		width: calc(100% - 2rem);
		min-width: unset;
		padding: 1rem;
	}
}

@media only screen and (max-width: 549px)
{	
	.flip-clock-wrapper ul
	{
		width: 1.75rem;
		height: 2.75rem;
	}
	
	.flip-clock-wrapper ul li, .flip-clock-wrapper ul
	{
		line-height: 2.75rem;
	}
	
	.flip-clock-wrapper ul li a div div.inn
	{
		font-size: 1.75rem;
	}
	
	.flip-clock-divider
	{
		height: 3.25rem;
	}
	
	.flip-clock-dot
	{
		width: 0.5rem;
		height: 0.5rem;
		left: 0.125rem;
	}
	
	.flip-clock-divider
	{
		width: 0.75rem;
	}
	
	.flip-clock-divider .flip-clock-label
	{
		width: 4.75rem;
	}
}

@media only screen and (max-width: 499px)
{
	.mdz
	{
		flex-direction: column;
	}
	
	.dzx, .dsx
	{
		width: unset;
		padding: 0px;
	}
	
	.dsx > p:last-child > iframe
	{
		width: auto;
		height: auto;
	}
	
	.ft:not(:first-child)
	{
		margin-top: 2rem;
	}
	
	/* Google Chrome is one of the Worst browsers in the universe! */
	
	.scr button
	{
		margin-left: auto;
	}
}

@media only screen and (max-width: 430px)
{
	.stb
	{
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	
	.fancybox-container .formv2 .flex, .cfrx .formv2 .flex
	{
		flex-direction: column;
	}
	
	.fancybox-container .formv2 .flex > div, .cfrx .formv2 .flex > div
	{
		width: 100%;
	}
	
	.fancybox-container .formv2 .flex > div:not(:first-child), .cfrx .formv2 .flex div:not(:first-child)
	{
		margin-top: 0.5rem;
	}
	
	.flip-clock-wrapper ul
	{
		width: 1.2rem;
		height: 2rem;
		margin: 5px 0.125rem;
	}
	
	.flip-clock-wrapper ul li, .flip-clock-wrapper ul
	{
		line-height: 2rem;
	}
	
	.flip-clock-wrapper ul li a div div.inn
	{
		font-size: 1.2rem;
	}
	
	.flip-clock-divider
	{
		height: 2.5rem;
	}
	
	.flip-clock-dot
	{
		width: 0.25rem;
		height: 0.25rem;
		left: 0.25rem;
	}
	
	.flip-clock-divider
	{
		width: 0.75rem;
	}
	
	.flip-clock-divider .flip-clock-label
	{
		width: 3rem;
		font-size: 0.6rem;
	}
	
	.dsx > p:last-child > iframe
	{
		width: auto;
		height: auto;
	}
}

@media only screen and (max-width: 380px)
{
	.close
	{
		margin-top: 0.5rem;
		margin-right: 1rem;
	}
	
	.adrx p
	{
		text-indent: 0px;
	}
	
	.dsx > p:last-child > iframe
	{
		width: auto;
		height: auto;
	}
}