@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400;600;800;900&display=swap");
        
        .animate__animated.animate__fadeIn {
                --animate-duration: 0.5s;
        }
        @keyframes fadeInAnimation {
                0%   { opacity:0; }
                100% { opacity:1; }
        }
        @-o-keyframes fadeInAnimation {
                0%   { opacity:0; }
                100% { opacity:1; }
        }
        @-moz-keyframes fadeInAnimation {
                0%   { opacity:0; }
                100% { opacity:1; }
        }
        @-webkit-keyframes fadeInAnimation {
                0%   { opacity:0; }
                100% { opacity:1; }
        }
        .animate-fadeIn {
                -webkit-animation: fadeInAnimation 0.8s;
                -moz-animation: fadeInAnimation 0.8s;
                -o-animation: fadeInAnimation 0.8s;
                animation: fadeInAnimation 0.8s;
                animation-fill-mode: forwards;
        }
        @keyframes fadeOutAnimation {
                0%   { opacity:1; }
                100% { opacity:0; }
        }
        @-o-keyframes fadeOutAnimation {
                0%   { opacity:1; }
                100% { opacity:0; }
        }
        @-moz-keyframes fadeOutAnimation {
                0%   { opacity:1; }
                100% { opacity:0; }
        }
        @-webkit-keyframes fadeOutAnimation {
                0%   { opacity:1; }
                100% { opacity:0; }
        }
        .animate-fadeOut {
                -webkit-animation: fadeOutAnimation 0.8s;
                -moz-animation: fadeOutAnimation 0.8s;
                -o-animation: fadeOutAnimation 0.8s;
                animation: fadeOutAnimation 0.8s;
                animation-fill-mode: forwards;
        }
        @keyframes flickerAnimation {
                0%   { opacity:1; }
                50%  { opacity:0; }
                100% { opacity:1; }
        }
        @-o-keyframes flickerAnimation{
                0%   { opacity:1; }
                50%  { opacity:0; }
                100% { opacity:1; }
        }
        @-moz-keyframes flickerAnimation{
                0%   { opacity:1; }
                50%  { opacity:0; }
                100% { opacity:1; }
        }
        @-webkit-keyframes flickerAnimation{
                0%   { opacity:1; }
                50%  { opacity:0; }
                100% { opacity:1; }
        }
        .animate-flicker {
                 -webkit-animation: flickerAnimation 3s infinite;
                 -moz-animation: flickerAnimation 3s infinite;
                 -o-animation: flickerAnimation 3s infinite;
                  animation: flickerAnimation 3s infinite;
        }
        @keyframes scaleInOutAnimation{
                0%  { transform: scale(1);   }
                50% { transform: scale(1.3); }
                100%{ transform: scale(1);   }    
        }
        @-o-keyframes scaleInOutAnimation{
                0%  { transform: scale(1);   }
                50% { transform: scale(1.3); }
                100%{ transform: scale(1);   }    
        }
        @-moz-keyframes scaleInOutAnimation{
                0%  { transform: scale(1);   }
                50% { transform: scale(1.3); }
                100%{ transform: scale(1);   }    
        }
        @-webkit-keyframes scaleInOutAnimation{
                0%  { transform: scale(1);   }
                50% { transform: scale(1.3); }
                100%{ transform: scale(1);   }
        }
        .animate-scaleInOut{
                animation: scaleInOutAnimation 1s 0.5s;
                -o-animation: scaleInOutAnimation 1s 0.5s;
                -moz-animation: scaleInOutAnimation 1s 0.5s;
                -webkit-animation: scaleInOutAnimation 1s 0.5s;
        }
        @keyframes downldArrowAnimation {
	        0%    { margin-top: -7px; opacity: 1;  }
	        0.001%{ margin-top: -15px; opacity: 0; } 
	        50%   { opacity: 1;                    } 
	        100%  { margin-top: 0; opacity: 0;     }
        }
        @-o-keyframes downldArrowAnimation {
	        0%    { margin-top: -7px; opacity: 1;  }
	        0.001%{ margin-top: -15px; opacity: 0; } 
	        50%   { opacity: 1;                    } 
	        100%  { margin-top: 0; opacity: 0;     }
        }
        @-moz-keyframes downldArrowAnimation {
	        0%    { margin-top: -7px; opacity: 1;  }
	        0.001%{ margin-top: -15px; opacity: 0; } 
	        50%   { opacity: 1;                    } 
	        100%  { margin-top: 0; opacity: 0;     }
        }
        @-webkit-keyframes downldArrowAnimation {
	        0%    { margin-top: -7px; opacity: 1;  }
	        0.001%{ margin-top: -15px; opacity: 0; } 
	        50%   { opacity: 1;                    } 
	        100%  { margin-top: 0; opacity: 0;     }
        }
	.vid-btn-download:after {
	        width: 0;
	        height: 0;
	        margin-left: 0px;
	        margin-top: -7px;
	        border-style: solid;
	        border-width: 8px 12px 0 12px;
	        border-color: transparent;
	        border-top-color: #1d14f99c;
	        animation: downldArrowAnimation 2s linear infinite;
	        -o-animation: downldArrowAnimation 2s linear infinite;
	        -moz-animation: downldArrowAnimation 2s linear infinite;
	        -webkit-animation: downldArrowAnimation 2s linear infinite;
	        animation-play-state: paused;
	        -o-animation-play-state: paused;
	        -moz-animation-play-state: paused;
	        -webkit-animation-play-state: paused;
	}
	.vid-btn-download:hover:after {
	        animation-play-state: running;
	        -o-animation-play-state: running;
	        -moz-animation-play-state: running;
	        -webkit-animation-play-state: running;
	}
	* {
                box-sizing: border-box;
                outline: none;
                -webkit-tap-highlight-color: transparent;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
	}

	html {
                box-sizing: border-box;
                height: 100%;
        }
        body {
                display: block;
                margin: 0px;
                padding-top: 70px;
                background-color: #f6fcff;
             }
        *, *::before, *::after {
                box-sizing: inherit;
        }
        a{
               text-decoration: none;
        }
        .main-tab {
                position: fixed;
                left: 0px;
                top: 0px;
                right: 0px;
                height: 60px;
                background-color: #2371b7;
                background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(3 2 12)), to(rgb(48 75 99)));
	        background-image: -webkit-linear-gradient(top, rgb(3 2 12), rgb(48 75 99));
	        background-image: -moz-linear-gradient(top, rgb(3 2 12), rgb(48 75 99));
	        background-image: -o-linear-gradient(top, rgb(3 2 12), rgb(48 75 99));
	        background-image: -ms-linear-gradient(top, rgb(3 2 12), rgb(48 75 99));
	        background-image: linear-gradient(top, rgb(3 2 12), rgb(48 75 99));
	        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4ca2e8', EndColorStr='#2371b7');
                z-index: 997;
        }
        .tab-header {
                height: 5px;
                background-color: black;
                color: #ffffff;
                text-align: center;
                font-family: Arial,sans-serif;
                text-decoration: none;
                font-weight: bold;
                font-size: 20px;
        }
        .tab-watch {
                display: none;
                left: 5px;
        }
        .tab-sell {
                right: 5px;
        }
        .tab-watch, .tab-sell {
                position: absolute;
                height: 55px;
                padding: 2px 0;
                background-color: #000000;
                color: #ffffff;
                text-align: center;
                font-family: Arial,sans-serif;
                text-decoration: none;
                font-weight: bold;
                font-size: 20px;
        }
        .tab-watch-content {
                background-image: url("https://pornx.fun/media/tab_porn_show/sex1.gif");
        }
        .tab-sell-content{
                background-image: url("https://pornx.fun/media/tab_porn_show/cam1.gif");
        }
        .tab-watch-content, .tab-sell-content{
                position: absolute;
                width: 100%;
                height: 100%;
                background-repeat: repeat-x;
                background-size: 150px 55px;
        }
        .tab-watch-info, .tab-sell-info{
                position: absolute;
                font-family: cursive,'FontAwesome';
                cursor: default;
        }
        .tab-watch-info{
                right: 13px;
                display: none;
                color: #3b566e;
        }
        .tab-sell-info{
                left: 13px;
                color: #a1c1de;
        }
        .watch-tab {
                padding-top: 50px;
        }
        .sell-tab {
                display: none;
                background-color: #ffffff;
                background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(https://pornx.fun/media/backgnd/image1.png);
                background-repeat: no-repeat;
                background-size: 100% 400px;
        }
        .form-search {
                position: relative;
                top: 10px;
                margin-left: auto;
                margin-right: auto;
                width: 17rem;
                background: #2e1a9c;
                border-radius: .4rem;
                box-shadow: 0 0 7px rgb(255 255 255);
        }      		
        .search-input, .search-button {
                font-family: "Lato", sans-serif;
                border: 0;
                font-size: 20px;
                height: 40px;
        }
        input[type=search] {
                outline: 0;
                width: 100%;
                background: #fff;
                color: #2f2f2f;
                padding: 0px 40px 0 8px;
                border-radius: .4rem;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                transition: all .3s cubic-bezier(0, 0, 0.43, 1.49);
                transition-property: width, border-radius;
                z-index: 1;
        }
        .search-button {
                display: none;
                position: absolute;
                top: 0;
                right: 0;
                width: 5rem;
                background: #2e1a9c;
                color: #ffffff;
                border-radius: 0 .4rem .4rem 0;
        }
        .search-input:not(:-moz-placeholder-shown) {
                border-radius: .4rem 0 0 .4rem;
                width: calc(100% - 3rem);
        }
        .search-input:not(:-ms-input-placeholder) {
                border-radius: .4rem 0 0 .4rem;
                width: calc(100% - 3rem);
        }
        .search-input:not(:placeholder-shown) {
                border-radius: .4rem 0 0 .4rem;
                width: calc(100% - 3rem);
        }
        .search-input:not(:-moz-placeholder-shown) + .search-button {
                display: block;
        }
        .search-input:not(:-ms-input-placeholder) + .search-button {
                display: block;
        }
        .search-input:not(:placeholder-shown) + .search-button {
                display: block;
        }
        .video-page{
                font-family: 'Roboto';
        }
        .video-page #vd-title{
                margin: 20px auto;
                max-width: 46rem;           
                text-align: center;
                cursor: default;
                font-family: cursive, 'Open Sans';
                font-size: 26px;
                color: wheat;
        }
        #sch-title{
                margin: 30px auto;
                max-width: 46rem;           
                text-align: center;
                cursor: default;
                font-family: cursive, 'Open Sans';
                font-size: 26px;
                color: wheat;
        }
        #sch-noresult {
                display: none;
                background: #070729;
                height: 22rem;
                color: #a5a3a3;
                text-align: center;
                font-size: 30px;
                margin-top: 100px;
                padding-top: 9rem;
                font-family: 'Open Sans';
        }
        .vid-btn-download {
	        position: relative;
                margin: 30px auto;
                width: 630px;
	        padding: 18px;
                border-radius: 5px;
	        background-color: #000000;
	        color: white;
	        font-family: sans-serif;
	        text-decoration: none;
	        font-size: 1.3em;
	        text-align: center;
	        text-indent: 15px;
                box-shadow: 0 0 6px rgb(123 125 171);
                cursor: pointer;
        }
        .vid-btn-download:hover {
	        background-color: #1f1b1b;
	        color: white;
        }
        .vid-btn-download:before, .vid-btn-download:after {
	        content: ' ';
	        display: block;
	        position: absolute;
	        left: 14px;
	        top: 51%;
        }
        .vid-btn-download.hide:after, .vid-btn-download.hide:before {
	        display: none;
        }
        .vid-btn-download:before {
	        width: 24px;
	        height: 4px;
	        border-style: solid;
	        border-width: 0 2px 2px;
                border-color: #1d14f99c;
        }
        .main-videos {
                border: 2px solid #0102ff70;
                margin-left: 5px;
                margin-right: 5px;
                padding-left: 5px;
                border-radius: .4rem;
        }  
        .related-videos, .search-videos{
                width: 100%;
                display: flex;
                justify-content: center; 
             }
        .thumb{
                width: 290px;
                background: #f91b3a1f;
                display: inline-block;
                margin-left: 0px;
                margin-bottom: 10px;
                position: relative;
                padding-bottom: 25px;
                border: 1px solid #838cf9;
                border-radius: 4px;
        }
        .thumb a{
                text-decoration: none;
        }
        .thumb-description{
                text-align: center;
                color: #ffffff;
                font-family: Arial,sans-serif;
                text-decoration: none;
                font-weight: bold;
                max-height: 30px;
                font-size: 13px;
                margin: 3px 4px;
                overflow: hidden;
        }
        .thumb-detail{
                width: 100%;
                background: #444444;
                color: #000000;
                font-family: Arial,sans-serif;
                text-decoration: none;
                font-weight: bold;
                font-size: 11.5px;
                position: absolute;
                bottom: 5px;
                right: 0px;
        }
        .sel-subject {
                width: 100%;
                padding: 40px;
                text-align: center;
                text-decoration: none;
                font-family: "Arial Black", sans-serif;
                font-weight: bold;
                font-size: 30px;
                color: #ffffff;
                cursor: default;
        }
        .sel-content{
                width: 600px;
                margin-top: 10rem;
                margin-left: auto;
                margin-right: auto;
                cursor: default;
        }
        .sel-item-topic{
                margin: 70px auto 20px auto;
                text-align: center;
                font-family: "Arial Black", sans-serif;
                font-size: 20px;
                padding: 13px;
                color: #1b0f38;
        }
        .sel-item{
                margin-top: 10px;
                padding: 15px 10px 50px 10px;
                background-color: #ffffff;
                border-radius: 10px;
                box-shadow: 0 0 20px rgb(0 0 0 / 17%);
                font-family: "Comic Sans MS", sans-serif;
                font-size: 20px;
                color: #1b0f38;
        }
        .sel-item-contc{
                padding: 5px;
                font-size: 18px;
                word-spacing: 3.3px;
                color: #10154e;
        }
        .sel-item-contc-lis{
                color: #501a1a;
                font-size: 16px;
        }
        .sel-item-contc-lis-tpc{
                margin-top: 15px;
                margin-left: 15px;
                color: #2b1010;
                font-size: 18.8px;
        }
        .sld-wrapper{
                width: 600px;
                height: 320px;
                margin-left: auto;
                margin-top: 14rem;
                margin-right: auto;
                position: relative;
                border-radius: 5px;
                background-color: #afacfd;
                box-shadow: 0 0 80px rgb(82 53 224 / 56%);
                cursor: default;
        }
        .sld-text-area{
                width: 100%;
                padding: 8px;
                display: flex;
                justify-content: center;
                color: #ffffff;
                font-size: 18px;
                font-family: "Wotfard",Futura,-apple-system,sans-serif;
        }
        .sld-images-area{
                width: 100%;
                height: 290px;
                position: relative;
                display: flex;
                overflow: hidden;
        }
        .sld-images-area img{
                width: 100%;
                transition: 0.3s cubic-bezier(.79,.03,0,.99);
        }
        .sld-buttons-area{
                width: 100%;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: flex;
                justify-content: space-between;
                overflow: hidden;
        }
        .sld-buttons-area > div{
                color: #fff;
                background-color: rgba(255, 255, 255, 0.219);
                cursor: pointer;
                transition: 0.3s ease-in-out;
        }
        .sld-buttons-area > div:first-child{
                border-radius: 0 5px 5px 0;
                margin-left: -100px;
        }
        .sld-buttons-area > div:last-child{
                border-radius: 5px 0 0 5px;
                margin-right: -100px;
        }
        .sld-wrapper:hover .sld-buttons-area > div:first-child{
                margin-left: 0;
        }
        .sld-wrapper:hover .sld-buttons-area > div:last-child{
                margin-right: 0;
        }
        .sld-buttons-area div:hover:not(div.disabled){
                background-color: rgba(135, 207, 235, 0.493);
        }
        .sld-buttons-area div:not(div.disabled):active{
                opacity: 0.7;
        }
        .sld-buttons-area > div.disabled{
                cursor: no-drop;
                opacity: 0.3;
        }
        .sld-buttons-area div i{
                font-size: 70px;
        }
        .sld-pagination-area{
                position: absolute;
                top: 90%;
                left: 50%;
                transform: translate(-50%, -50%);
                pointer-events: none;
        }
        .sld-pagination-area span{
                display: inline-block;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background-color: #fff;
                margin-right: 5px;
                transform: scale(0.5);
                transition: 0.3s ease-in-out;
                opacity: 0.4;
        }
        .sld-pagination-area span.active{
                transform: scale(1);
                opacity: 1;
        }
        
        .sxv-info {
                width: 100%;
                padding: 20px;
                background-color: #fff;
                cursor: default;
        }
        .text-biloba{
                --text-opacity: 1; 
                border: 0px solid rgb(226, 232, 240); 
                box-sizing: border-box; 
                outline-offset: 2px; 
                outline: transparent solid 2px; 
                text-decoration: inherit;
                color: #ffffb3;
        }
        .text-dolphin{
                --text-opacity: 1;
                border: 0px solid rgb(226, 232, 240); 
                box-sizing: border-box; 
                color: rgba(121,120,129,var(--text-opacity));
                margin-left: 0.25rem; 
                margin-right: 0.25rem;
        }
        
        .mail {
        	width: 65px;
	        height: 150px;
	        background-color: #ffffffd9;
	        border-radius: 15px;
	        box-shadow: 0px 12px 45px rgba(0, 0, 0, .15);
	        font-family: 'Roboto', sans-serif;
	        margin: 0 0 10px 0;
	        overflow: hidden;
        	visibility: hidden;
	        opacity: 0;
                z-index: 1000;
        }
        .mail.open {
                width: 290px;
        	height: 350px;
        	visibility: visible;
        	opacity: 1;
        }
        .mail.popup-ani {
        	-webkit-transition: height .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        	transition: height .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .mail .sx-logo {
                position: relative;
        	width: 65px;
        	height: 25px;
                bottom: 5px;
        	background-position: 0px;
	        margin: 0 auto;
	        opacity: .5;
	        cursor: pointer;
        }
        .mail .sx-logo:hover {
        	opacity: 1;
        }
        .mail-logo-ani {
        	transition: 0.5s linear;
	        -webkit-transition: 0.5s linear;
        }
        .mail-header{
        	margin: 8px;
                height: 50px;
                background-image: url("https://pornx.fun/media/contact/marry-william.png");
                background-size: 50px 50px;
                background-repeat: no-repeat;
                font-size: 13px;
	        font-family: "Garamond";
                cursor: default;
        }
        .mail-header p{
        	padding: 5px 0 0 60px;
        }
        .mail input {
        	font-size: 14px;
        	padding: 12px 15px;
        	border-radius: 15px;
        	border: 0;
        	outline: none;
        	margin: 8px 0;
        	width: 100%;
        	box-sizing: border-box;
        	line-height: normal;
        	font-family: sans-serif;
        }
        .mail textarea {
        	font-size: 14px;
        	padding: 12px 15px;
                resize: none;
        	border-radius: 15px;
        	border: 0;
        	outline: none;
        	margin: 8px 0;
        	width: 100%;
                height: 100px;
        	box-sizing: border-box;
        	line-height: normal;
        	font-family: sans-serif;
        }
        .mail form {
        	padding: 5px 30px 0;
        	margin-bottom: 15px;
        }
        .mail input[name="email"] {
        	background-color: #eee;
        }
        .mail textarea[name="message"] {
        	background-color: #eee;
        }
        .mail input[name="submit"] {
        	background-color: #478da7;
        	cursor: pointer;
        	color: #fff;
        }
        .mail .img {
        	background-image: url("https://pornx.fun/media/contact/mail-content.png");
        }
        .mail-fab {
        	width: 65px;
        	height: 65px;
        	background-color: #00aeef;
        	border-radius: 30px;
        	float: right;
        	box-shadow: 0px 12px 45px rgba(0, 0, 0, .3);
        	z-index: 5;
        	position: relative;
                cursor: help;
        }
        .mail-fab .img-fab {
        	height: 30px;
        	width: 30px;
        	margin: 15px auto;
        	background-image: url("https://pornx.fun/media/contact/mail-content.png");
        	background-position: -1px -53px;
        }
        .mail-fab .wrap {
        	transform: rotate(0deg);
        	-webkit-transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23);
        	transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23);
        }
        .mail-fab .ani {
        	transform: rotate(45deg);
        	-webkit-transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23);
        	transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23);
        }
        .mail-fab .close {
        	background-position: -2px 1px;
        	transform: rotate(-45deg);
        	float: none;
        	opacity: 1;
        }
        .mail-wrap {
        	position: fixed;
        	right: 25px;
        	bottom: 25px;
        }
        
        
        .sel-item-sign{
                margin: 11rem auto 0 auto;
                font-size: 18px;
                text-align: center;
                padding: 0 40px;  
                font-family: 'Open Sans';
                color: #1b0f38;
        }    
        .sign-up-btn {
                color: white;
                border: none;
                outline: none;
                font-size: 24px;
                overflow: hidden;
                position: relative;
                margin: 2rem auto 0 auto;
                width: fit-content;
                text-align: center;
                border-radius: 45px;
                    letter-spacing: 2px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
                text-transform: uppercase;
                    background-color: #2397ff;
                -webkit-transition: all 0.2s ease-in;
                -moz-transition: all 0.2s ease-in;
                -ms-transition: all 0.2s ease-in;
                -o-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
        }
        .sign-up-btn .sign-up-btn-text {
                display: block;
                padding: 20px 40px;
                position: relative;
                font-family: "Comic Sans MS", sans-serif;
        }
        .sign-up-btn .sign-up-btn-text:hover {
                cursor: pointer;
        }
        .sign-up-btn:after {
                top: -50%;
                z-index: 1;
                content: "";
                width: 150%;
                height: 200%;
                position: absolute;
                left: calc(-150% - 40px);
                background-color: rgba(255, 255, 255, 0.2);
                -webkit-transform: skewX(-40deg);
                  -moz-transform: skewX(-40deg);
                -ms-transform: skewX(-40deg);
                -o-transform: skewX(-40deg);
                transform: skewX(-40deg);
                -webkit-transition: all 0.2s ease-out;
                -moz-transition: all 0.2s ease-out;
                -ms-transition: all 0.2s ease-out;
                -o-transition: all 0.2s ease-out;
                transition: all 0.2s ease-out;
        }
        .sign-up-btn:hover {
                cursor: default;
                box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        }
        .sign-up-btn:hover:after {
                -webkit-transform: translateX(100%) skewX(-30deg);
                -moz-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                -o-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg);
        }
        .sign-up-btn.active {
                box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
        }