* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 87.5%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	background: #000;
	color: #f9f9f9;
	position: relative;
	overflow-x: hidden;
	font-family: Stratum1;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.85;
	letter-spacing: .5px
}

p {
	letter-spacing: .5px!important;
	font-family: CircularXX;
	font-size: 15px!important;
	line-height: 1.65!important
}

img {
	max-width: 100%;
	border: none;
	height: auto
}

a:hover {
	text-decoration: none
}

a {
	text-decoration: none;
	color: #fff;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease
}

a:visited {
	color: #fff
}

button,
input,
textarea {
	margin: 0;
	border: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	background: 0 0;
	line-height: 1;
	font-size: 16px
}

textarea {
	resize: none
}

button:focus,
input:focus,
textarea:focus {
	outline: 0
}

input,
textarea {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

textarea {
	vertical-align: top;
	overflow: auto
}

::-moz-selection {
	background: #d3bf7a;
	color: #000
}

::selection {
	background: #d3bf7a;
	color: #000
}

::-moz-selection {
	background: #d3bf7a;
	color: #000
}

body,
div,
figcaption,
figure,
footer,
h1,
h2,
h3,
h4 p,
header,
html,
li,
nav,
ul {
	margin: 0;
	padding: 0;
	border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Gallery Modern';
	font-weight: 900
}

.letter {
	-webkit-transform: rotateX(-60deg) skewX(6deg);
	transform: rotateX(-60deg) skewX(6deg);
	-webkit-transition: opacity .4s linear, -webkit-transform .3s linear;
	transition: opacity .4s linear, -webkit-transform .3s linear;
	-o-transition: opacity .4s linear, transform .3s linear;
	transition: opacity .4s linear, transform .3s linear;
	transition: opacity .4s linear, transform .3s linear, -webkit-transform .3s linear;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	display: inline-block;
	opacity: 0
}

.letter.visible {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.spacing {
	margin-left: 0;
	word-break: break-all;
	display: inline-block
}

#header-main-text .spacing {
	margin-left: 2rem
}

#navbar {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0;
	width: 100%;
	z-index: 20;
	padding: 20px 20px 0;
	color: #fff;
	font-size: 20px;
	-webkit-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease
}

.fluxnavinner {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.fluxnavinner>div {
	flex: 1
}

.menu ul li {
	display: inline-block;
	padding: 30px 0;
	border-left: 1px solid #979797;
	text-align: center
}

.menu ul li:first-child {
	border-left: 0 solid #979797
}

.logo {
	margin: 0 auto;
	display: flex;
	align-items: center;
	align-self: center;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
	font-size: 34px;
	justify-content: center
}

.logo a {
	margin-top: 10px;
	display: block
}

.logo a:hover {
	color: #d3bf7a;
	text-decoration: none
}
.buyfl{
    max-width: 380px;
    margin: 75px auto;
    padding: 10px;
}

.media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	justify-content: flex-end
}

.media ul {
	list-style-type: none
}

.media ul li {
	display: inline;
	margin-left: 25px
}

.media ul li a {
	display: inline-block;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-size: 14px;
	cursor: pointer
}

.media ul li a:hover {
	color: #fff
}

#header {
	position: relative
}

#header-video {
	position: relative;
	background-color: #1e2223;
	max-height: 650px;
	overflow: hidden;
	height: 100%
}

#header-video canvas,
#header-video video {
	height: 100%;
	width: 177.77777778vh;
	min-width: 100%;
	min-height: 55vw
}

#header-content {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10
}

#header-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	color: #fff;
	align-items: flex-start;
	text-align: center;
	margin-top: -170px
}

#header-bar {
	background-color: #d3bf7a;
	color: #d3bf7a;
	height: 1px;
	width: 80px;
	display: block;
	margin: 30px;
	margin-bottom: 35px
}

@-webkit-keyframes slideInFromTop {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideInFromTop {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

#header-main-text .letter {
	font-size: 58px;
	line-height: 54px
}

#header-main-text br+.spacing {
	display: none
}

.effect-text {
	margin-left: -5px;
	color: #fff;
	font-size: 0
}

.effect-text .letter {
	font-size: 30px;
	line-height: 32px
}

.effect-text>.effect {
	-webkit-text-stroke-color: #d3bf7a;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: .75px
}

#header-description {
	opacity: 0;
	-webkit-animation: slideInFromTop .5s ease forwards;
	animation: slideInFromTop .5s ease forwards;
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
	font-size: 11px;
	letter-spacing: 3px;
	margin-top: 10px
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

#hidden2 {
	opacity: 0;
	-webkit-animation: fadeIn .5s ease forwards;
	animation: fadeIn .5s ease forwards;
	-webkit-animation-delay: 6s;
	animation-delay: 6s
}

#hidden10,
#hidden11,
#hidden12,
#hidden3,
#hidden4,
#hidden6,
#hidden7,
#hidden8,
#hidden9 {
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease
}

#hidden5 {
	opacity: 0;
	-webkit-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform: translateX(-30px);
	-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
	transition: opacity 1s ease, -webkit-transform 1s ease;
	-o-transition: opacity 1s ease, transform 1s ease;
	transition: opacity 1s ease, transform 1s ease;
	transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease
}

#hidden10.visible,
#hidden11.visible,
#hidden12.visible,
#hidden2.visible,
#hidden3.visible,
#hidden4.visible,
#hidden6.visible,
#hidden7.visible,
#hidden8.visible,
#hidden9.visible {
	opacity: 1
}

#hidden5.visible {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

#main-video-container {
	max-width: 400px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end
}
.flbutton-or{
	padding-bottom: 4px!important;
    height: 50px!important;
}

.museonlylogo {
	max-width: 85px
}

.strdelogofooter {
	max-width: 85px;
	margin-left: 50px
}

.fluxnavinner .menu ul li {
	margin-top: 10px
}

#header-video {
	background-color: #000
}

video {
	height: auto;
	width: 100%
}

#headercirclepop {
	height: 90%
}

#header-content #header-description {
	margin-top: 100px;
	color: #000;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	border-left: 1px solid #dbbb8a;
	padding-left: 10px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500!important;
	letter-spacing: 2.2px!important;
	margin-bottom: 30px;
	width: 235px;
	margin: 100px auto 30px
}

.onlyfanslogo {
	text-align: left
}

#header-main-text {
	margin: 20px 0 20px;
	width: 100%;
	text-align: center!important;
	white-space: nowrap;
	z-index: 9999;
	position: relative
}

#header-main-text .letter {
	font-size: 80px!important;
	line-height: 60px;
	font-family: 'Gallery Modern';
	letter-spacing: -.62px;
	color: #fff;
	text-transform: uppercase
}

#header-main-text .strokel {
	-webkit-text-stroke-color: #683f83;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	display: inline-block
}

.logo a img {
	max-width: 120px;
	max-height: auto;
	margin-top: -8px
}

.logo a {
	margin-top: 0;
	font-family: 'Gallery Modern';
	text-transform: uppercase
}

.media ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center
}

.media ul li {
	display: inline-block;
	margin: 0;
	padding: 0
}

.media ul li a {
	display: inline-block;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-size: 16px;
	cursor: pointer;
	margin: 0;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 42px
}

#header-video {
	max-height: 600px
}

.onlyfanslgo {
	align-items: center;
	justify-content: flex-start
}

.ctabuttonmuse {
	text-align: center;
	position: relative;
	z-index: 99
}

.ctabuttonmuse a {
	text-decoration: none;
	transition: all .5s linear;
	padding: 0;
	max-width: 30%;
	background: #bc120f;
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Stratum1;
	letter-spacing: 3px;
	margin: 0 auto;
	border-radius: 50px
}

.ctabuttonmuse a:hover {
	text-decoration: none;
	background: #50ace4;
	transition: all .5s linear
}

.ctabuttonmuse a.joingnow {
	color: #fff!important
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1;
	padding-bottom: 100px
}

.owl-controls {
	position: absolute;
	margin-top: 30px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 30px auto
}

.owl-theme .owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
	text-align: center;
	margin: 6px auto 0
}

.owl-dot {
	display: inline-block;
	zoom: 1;
	border: 1px solid transparent;
	border-radius: 50px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	margin-right: 10px
}

.owl-dot.active {
	border: 1px solid #d0b289
}

.owl-dot.active span {
	background: #fff!important
}

.owl-dot span {
	background: #3d3d42!important
}

.heromainimg {
	position: relative
}

.circlevideohero {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 999999
}

.onlyfanslogo {
	text-align: left;
	margin-top: 100px
}

.onlyfanslogo img {
	max-width: 120px
}

#hedervideopop .modal-dialog,
#hedervideopop2 .modal-dialog,
#whateaserpopup .modal-dialog {
	max-width: 70%;
	margin: 0 auto
}

#hedervideopop .modal-content,
#hedervideopop2 .modal-content,
#whateaserpopup .modal-content {
	background: 0 0;
	border: none;
	padding: 0
}

#hedervideopop .modal-header,
#hedervideopop2 .modal-header,
#whateaserpopup .modal-header {
	border: none;
	text-align: right;
	width: 100%;
	justify-content: flex-end;
	margin: 0!important;
	padding: 0!important;
	position: relative;
	top: 16px
}

.modal-header button {
	background: #fff;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	z-index: 8888;
	margin: 0!important;
	padding: 0!important;
	line-height: 9px;
	font-size: 18px
}

#headercirclepop,
#whateaserpop {
	width: 100%
}

.headercirclevidicon {
	max-width: 35px;
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 38%
}

.videoshootsarea {
	padding-top: 150px!important;
	padding-bottom: 60px
}

.videoshoinnerleft {
	max-width: 350px;
	padding-top: 50px
}

#hedervideopop .modal-dialog,
#whateaserpopup .modal-dialog {
	max-width: 25%;
	margin: 0 auto
}

.videoshootleft .foldrighttext {
	padding-left: 0
}

.videoshootleft .foldrighttext .foldtitleright {
	white-space: nowrap;
	letter-spacing: 3px;
	z-index: 12;
	position: relative;
	font-size: 5.5vw;
	line-height: 5vw
}

.videoshootleft .foldright2ndtitle {
	padding-left: 0
}

.videoshootleft {
	padding-top: 200px
}

.videoshootbottom {
	max-width: 300px;
	margin: 0 auto;
	padding-top: 60px
}

.instantbantwo {
	margin-top: -55px
}

.videoteaserarea {
	background: #000;
	position: relative;
	top: -50px;
	z-index: 10
}

.videoteaseinner {
	padding: 100px 50px
}

.videoteaserfwimg {
	position: absolute;
	top: 10%;
	width: 100%;
	left: 0
}

.playicon {
	position: absolute;
	right: 20px;
	bottom: 50px;
	z-index: 999999999
}

.playicon button {
	max-width: 100px;
	z-index: 999999999;
	cursor: pointer
}

.playicon button img {
	z-index: 999999999;
	cursor: pointer
}

.owl-dots {
	text-align: center
}

.padding100 {
	padding: 100px 0
}

.owl-dot span {
	background: #c7c8c9!important
}

.owl-dot.active span {
	background: #0f0e0b!important
}

.owl-next,
.owl-prev {
	background: #000!important;
	width: 50px!important
}

.owl-next span,
.owl-prev span {
	font-size: 30px!important;
	display: block
}

.owl-prev {
	position: absolute;
	left: 0;
	top: 30%
}

.owl-next {
	position: absolute;
	right: 0;
	top: 30%
}

footer {
	background: #0f0e0b;
	padding: 30px 20px;
	margin-top: 50px
}

.circlevideohero img.maincircleimg {
	border-radius: 50%;
	padding: 2px
}

.circlevideohero button {
	background-image: url(../img/svgbg-1.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 120px;
	height: 120px;
	padding: 5px
}

.fordesktoponly {
	display: block!important
}

.formobileonly,
.formobiletitle {
	display: none!important
}

.circlevidright {
	z-index: 999!important;
	cursor: pointer
}

.circlevidright video {
	width: 110px;
	height: 110px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	padding: 5px;
	overflow: hidden
}

#headercirclepop3 {
	height: 90%
}

.overlayimg {
	position: absolute;
	bottom: 0
}

.headerslogan {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 3px;
	padding: 0 0 0;
	font-family: Stratum1
}

.headerslogan span {
	display: block;
	color: #f9f9f9
}

.overlayimg {
	position: absolute;
	bottom: 0;
	left: 0
}

.blockaraea {
	position: relative;
	top: -280px
}

.singleblock {
	position: relative
}

.blockcaption {
	border-left: 2px solid #bc120f;
	text-transform: uppercase;
	margin-left: 15px;
	padding-left: 15px;
	position: relative;
	top: -10px;
	padding-top: 40px
}

.blockcaption span {
	letter-spacing: 3px;
	font-size: 16px;
	display: block;
	line-height: 26px
}

.singleblockbelow {
	padding-top: 40px
}

.logo a {
	margin-top: 0;
	font-family: 'Gallery Modern';
	text-transform: uppercase;
	font-size: 22px;
	letter-spacing: 3px
}

.links {
	float: left;
	width: 100%;
	position: relative;
	background: linear-gradient(to top, #000 0, rgba(0, 0, 0, .738) 19%, rgba(0, 0, 0, .541) 34%, rgba(0, 0, 0, .382) 47%, rgba(0, 0, 0, .278) 56.5%, rgba(0, 0, 0, .194) 65%, rgba(0, 0, 0, .126) 73%, rgba(0, 0, 0, .075) 80.2%, rgba(0, 0, 0, .042) 86.1%, rgba(0, 0, 0, .021) 91%, rgba(0, 0, 0, .008) 95.2%, rgba(0, 0, 0, .002) 98.2%, transparent 100%)
}

.wrap-wide {
	max-width: 1280px;
	margin: 0 auto;
	padding-left: 40px;
	padding-right: 40px;
	position: relative
}

.links .single-link {
	float: left;
	width: calc(25% - 23px);
	margin-right: 30px;
	background: #252525;
	position: relative;
	z-index: 999
}

.links .single-link:last-child {
	margin-right: 0
}

.links .single-link:before {
	content: "";
	padding-top: 140%;
	display: block
}

.links .single-link .bottom-fade {
	width: 100%;
	bottom: 0;
	left: 0;
	height: 70%;
	position: absolute;
	background: linear-gradient(to top, #000 0, rgba(0, 0, 0, .738) 19%, rgba(0, 0, 0, .541) 34%, rgba(0, 0, 0, .382) 47%, rgba(0, 0, 0, .278) 56.5%, rgba(0, 0, 0, .194) 65%, rgba(0, 0, 0, .126) 73%, rgba(0, 0, 0, .075) 80.2%, rgba(0, 0, 0, .042) 86.1%, rgba(0, 0, 0, .021) 91%, rgba(0, 0, 0, .008) 95.2%, rgba(0, 0, 0, .002) 98.2%, transparent 100%)
}

.links .single-link img,
.links .single-link svg {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1)
}

.links .single-link .bottom-link {
	height: 30px;
	position: absolute;
	width: 100%;
	bottom: 20px;
	text-align: center;
	padding-top: 8px
}

.links .single-link .bottom-link h3 {
	font-size: 12px;
	display: inline-block;
	margin-right: 10px;
	font-family: Silka-Regular;
	letter-spacing: 3px;
	text-transform: uppercase
}

.links .single-link .bottom-link svg {
	display: inline-block;
	left: auto;
	-webkit-transform: translate(0, -35%);
	-moz-transform: translate(0, -35%);
	transform: translate(0, -35%);
	opacity: .6
}

.links .single-link:hover img,
.links .single-link:hover svg {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	-moz-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1)
}

.links .single-link:hover .bottom-fade {
	height: 150%
}

.links .single-link:hover .bottom-link {
	bottom: 30px
}

.links .single-link:hover .bottom-link h3 {
	color: #fff
}

.links .single-link:hover .bottom-link svg {
	opacity: 1;
	-webkit-transform: translate(0, -35%) scale(1);
	-moz-transform: translate(0, -35%) scale(1);
	transform: translate(0, -35%) scale(1)
}

.btn,
.social-ico svg {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

.bottom-link h3,
.bottom-link svg,
.photoswipe-item a,
.photoswipe-item a .overlay,
.photoswipe-item a svg,
.single-image .overlay,
.single-image svg,
.single-link .bottom-fade,
.single-link .bottom-link,
.single-link h3,
.single-link img,
.single-link svg,
.social-ico-block,
footer a {
	-webkit-transition: all .3s cubic-bezier(.7, 0, .3, 1);
	-moz-transition: all .3s cubic-bezier(.7, 0, .3, 1);
	-ms-transition: all .3s cubic-bezier(.7, 0, .3, 1);
	-o-transition: all .3s cubic-bezier(.7, 0, .3, 1);
	transition: all .3s cubic-bezier(.7, 0, .3, 1)
}

.links .single-link.fade-in:nth-child(1) {
	transform: translate(0, 60px)
}

.links .single-link.fade-in:nth-child(2) {
	transform: translate(0, 60px)
}

.links .single-link.fade-in:nth-child(3) {
	transform: translate(0, 60px)
}

.links .single-link.fade-in:nth-child(4) {
	transform: translate(0, 60px)
}

.links .single-link.fade-in {
	-webkit-transition: all 2s cubic-bezier(.87, 0, .13, 1);
	-moz-transition: all 2s cubic-bezier(.87, 0, .13, 1);
	transition: all 2s cubic-bezier(.87, 0, .13, 1);
	opacity: 0
}

.links .single-link.fade-in.appear:nth-child(1) {
	transform: translate(0, 0)
}

.links .single-link.fade-in.appear:nth-child(2) {
	transform: translate(0, -60px)
}

.links .single-link.fade-in.appear:nth-child(3) {
	transform: translate(0, 0)
}

.links .single-link.fade-in.appear:nth-child(4) {
	transform: translate(0, -60px)
}

.links .single-link.fade-in.appear {
	opacity: 1
}

@media screen and (max-width:1080px) {
	.links {
		padding-top: 120px;
		padding-bottom: 120px
	}
	.links .single-link .bottom-link h3 {
		font-size: 10px
	}
	.links .single-link img,
	.links .single-link svg {
		-webkit-transform: translate(-50%, -50%) scale(.8);
		-moz-transform: translate(-50%, -50%) scale(.8);
		transform: translate(-50%, -50%) scale(.8)
	}
	.links .single-link:hover img,
	.links .single-link:hover svg {
		-webkit-transform: translate(-50%, -50%) scale(.9);
		-moz-transform: translate(-50%, -50%) scale(.9);
		transform: translate(-50%, -50%) scale(.9)
	}
}

@media screen and (max-width:640px) {
	.links {
		padding-top: 120px;
		padding-bottom: 60px
	}
	.links .single-link {
		width: calc(50% - 10px);
		margin-right: 20px;
		margin-bottom: 20px
	}
	.links .single-link:last-child,
	.links .single-link:nth-child(2) {
		margin-right: 0
	}
}

@media screen and (max-width:400px) {
	.links .single-link .bottom-link h3 {
		margin-right: 0
	}
	.links .single-link .bottom-link svg {
		display: none
	}
}

.exphotosets {
	position: relative;
	top: -120px
}

.exphotosetleft {
	margin-right: 70px
}

.exphotosetpart {
	-webkit-display: flex;
	-moz-display: flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 15px
}

.exphotosetpart img.exphotoone {
	width: 30%;
	align-self: flex-end;
	margin-right: 15px
}

.exphotosetpart img.exphototwo {
	width: 40%
}

.exphotosebpart {
	text-align: right;
	padding-right: 50px
}

.exphotosebpart img {
	width: 55%;
	margin: 0 auto
}

.redbgex {
	position: absolute;
	top: 60px;
	right: 50px;
	z-index: -1;
	width: 280px
}

.exphotosetright {
	padding-left: 40px
}

.exphotosetright .instanttitle {
	color: #989595;
	font-size: 12px;
	letter-spacing: 3px;
	text-transform: uppercase
}

.exphotosetright .titleex {
	color: #fff;
	text-transform: uppercase;
	font-size: 56px;
	line-height: 50px;
	margin: 20px 0
}

.exphotosetright .titleex span {
	color: #bc120f
}

.exphotosetright p {
	color: #989595
}

.subscribebtn a {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Stratum1;
	letter-spacing: 3px;
	border-bottom: 1px solid #bc120f;
	padding: 10px 0;
	transition: all .5s ease-in-out
}

.subscribebtn a:hover {
	background: #bc120f;
	color: #fff;
	transition: all .5s ease-in-out;
	padding: 10px 10px
}

.middleborder {
	position: absolute;
	background: #262728;
	height: 180%;
	margin: 0 auto;
	width: 1px;
	left: 0;
	right: 0;
	text-align: center;
	top: -100px;
	z-index: 9999
}

.qoutearea {
	background: url(../img/qoutebg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	width: 100%;
	height: 100%;
	padding: 300px 0;
	position: relative
}

.qouteareainner {
	text-align: center
}

.qouteareainner img {
	width: 40px;
	margin: 0 auto 30px
}

.qouteareainner h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 36px;
	line-height: 40px
}

.bordermiddletwo {
	position: absolute;
	background: #262728;
	height: 300px;
	margin: 0 auto;
	width: 1px;
	left: 0;
	right: 0;
	text-align: center;
	bottom: -350px
}

.mygallery {
	padding-top: 100px;
	padding-bottom: 60px
}

.basictitlesub {
	text-align: center;
	padding-left: 0
}

.booslevelarea {
	width: 100%;
	height: 100%;
	position: relative
}

.bossleverighttimg {
	position: relative;
	top: -40px;
	z-index: 99
}

.bossleveleftimg img,
.bossleverighttimg img {
	box-shadow: 0 82px 94px rgba(0, 0, 0, .5);
	width: 100%
}

.booslevelarea .home-hero::after {
	background: rgba(0, 0, 0, .7)
}

.booslevelarea .home-hero .video-wrapper,
.booslevelarea .home-hero::after {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}

.booslevelarea .home-hero::after {
	height: 1200px;
	width: 100vw;
	content: "";
	z-index: 0;
	bottom: 0;
	transition: opacity .45s cubic-bezier(.165, .84, .44, 1);
	background-size: cover;
	pointer-events: none
}

.booslevelarea .home-hero .video-wrapper::after {
	position: absolute;
	top: -950px;
	left: 50%;
	height: 2430px;
	width: 1810px;
	content: "";
	transform: translateX(-50%);
	transition: opacity .45s cubic-bezier(.165, .84, .44, 1)
}

.bosslevemiddle {
	padding: 100px 0;
	text-align: center
}

.booslevelarea .home-hero {
	position: relative;
	height: 650px!important;
	width: 100%
}

.playiconarea {
	z-index: 99;
	position: relative;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.playiconarea button {
	width: 70px
}

/*#hedervideopop3 .modal-dialog {
	max-width: 25%!important
}
*/
#hedervideopop3 .modal-header {
	border-bottom: none
}

#hedervideopop3 .modal-content {
	background-color: transparent;
	border: none
}

#hedervideopop3 .modal-header {
	border-bottom: none;
	text-align: right;
	-webkit-display: flex;
	-moz-display: flex;
	display: flex;
	justify-content: flex-end
}

#hedervideopop3 .modal-body {
	padding: 0
}

.subscribepart {
	padding: 100px 0
}

.subscribeinner {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0b1212;
	padding: 30px;
	width: 80%;
	margin: 0 auto
}

.subscribeinner h3 {
	font-size: 26px;
	text-transform: uppercase;
	margin-right: 50px
}

.subscribeinner a {
	width: 200px;
	display: block;
	max-width: 200px;
	line-height: 42px
}

.monthlyarea {
	padding: 100px 0
}

.monthlyrightside {
	position: relative
}

.imageonemonth {
	max-width: 450px;
	padding-left: 100px
}

.imagethreemonth {
	position: absolute;
	bottom: -100px;
	max-width: 150px;
	left: 0
}

.imagetwomonth {
	position: absolute;
	left: 50px;
	z-index: -1;
	max-width: 250px;
	top: 37%
}

.faqarea {
	padding-top: 0;
	position: relative
}

.faqarea .overlayimg {
	z-index: -1
}

.faqarea .bordermiddlefaq {
	background: #262728;
	width: 1px;
	height: 150px;
	margin: 0 auto
}

.paddingtoprow {
	padding-top: 50px
}

.faqsingleitem {
	border-left: 1px solid #bc120f;
	padding-left: 15px;
	margin-bottom: 50px
}

.faqsingleitem h4 {
	font-size: 20px;
	text-transform: uppercase;
	font-family: Stratum1;
	letter-spacing: 3px;
	padding-bottom: 15px
}

.faqsingleitem p {
	color: #989595
}

.subscribeparttwo {
	background: #0b1212;
	padding: 0
}

.instagramsec {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center
}

.igpartone {
	display: grid;
	grid-template-columns: 1fr 1fr
}

.igpartwo {
	height: 100%;
	align-items: center;
	display: grid;
	background: #f9f9f9
}

.igparthree {
	display: grid;
	grid-template-columns: 1fr 1fr
}

.igpartwo .titleex {
	color: #000
}

.igpartwo .subscribebtn a {
	color: #000;
	font-weight: 300
}

footer {
	text-align: center;
	color: #fff;
	padding: 50px 0;
	background: #000;
	margin: 0
}

footer .media {
	justify-content: center;
	padding: 10px 0
}

footer .footercopyright h2 {
	text-transform: uppercase
}

footer .copyright {
	letter-spacing: 3px;
	text-transform: uppercase
}

.videoblock {
	position: absolute;
	bottom: 0;
	left: 0
}

.footerlgoogo a img {
	margin: 0 auto
}

.strdelogo {
	line-height: 0!important;
	margin-left: 5px!important
}

.strdelogo a {
	width: 45px!important;
	line-height: 0!important;
	height: auto!important
}

.fl-hld{
	display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.fl-hld span{
	    margin-top: 6px;
    margin-right: 10px;
}

@media(max-width:767px) {
    .buyfl{
    	max-width: 300px;
    }
    .fl-hld span{
	    margin-top: 5px;
    	margin-right: 10px;
	}
	.fl-hld img{
		width: 50%
	}

	.logo a img {
		max-width: 120px
	}
	#header-content #header-description {
		font-size: 12px
	}
	#header-text {
		position: relative;
		top: 0
	}
	#header-main-text {
		padding: 0 20px
	}
	#header-main-text .letter {
		font-size: 40px;
		line-height: 54px
	}
	.mobileblock {
		display: block
	}
	.effect-text .letter {
		letter-spacing: 3px
	}
	#header-video {
		max-height: 450px
	}
	.menu ul li {
		display: inline-block;
		padding: 0 0;
		border-left: 1px solid #979797;
		text-align: center
	}
	.logo a img {
		max-width: 120px
	}
	.media ul li a {
		font-size: 14px;
		cursor: pointer;
		margin: 0;
		width: 30px;
		text-align: center;
		height: 30px;
		line-height: 32px
	}
	.media ul li a img {
		width: 13px
	}
	.fluxnavinner {
		padding-top: 10px
	}
	.fluxnavinner .menu ul li {
		margin-top: 0
	}
	#header-main-text {
		padding: 0 0
	}
	#header-main-text .letter {
		font-size: 40px;
		line-height: 42px;
		letter-spacing: -.82px
	}
	#header-main-text .letter.mobiletfont {
		font-size: 20px;
		line-height: 20px
	}
	#header-main-text {
		width: 100%
	}
	.fluxnavinner {
		display: flex;
		align-items: center;
		justify-content: flex-end
	}
	.fluxnavinner .menu {
		order: 0;
		text-align: left;
		width: 100%;
		padding-left: 20px;
		position: relative;
		top: 10px
	}
	.fluxnavinner .logo {
		display: inline-block;
		text-align: left;
		width: 100%;
		justify-content: center;
		position: absolute;
		text-align: center;
		margin: 15px auto 0
	}
	.fluxnavinner {
		display: flex;
		align-items: center;
		justify-content: flex-end
	}
	.fluxnavinner .media {
		display: none
	}
	.fluxnavinner .logo {
		display: inline-block;
		text-align: left;
		width: 100%;
		justify-content: center;
		position: absolute;
		text-align: center;
		margin: 15px auto 0
	}
	.fluxnavinner .menu ul li {
		margin-top: 0;
		width: 100%
	}
	.fluxnavinner .menu {
		order: 0;
		text-align: left;
		width: 100%;
		padding-left: 0;
		position: relative;
		top: 10px
	}
	.museonlylogo {
		max-width: 150px
	}
	#navbar {
		padding: 0 20px
	}
	.onlyfanslogo {
		text-align: left;
		margin-top: 250px
	}
	#header-main-text {
		width: 100%;
		margin: 10px 0!important
	}
	#header-text {
		position: relative;
		top: 0;
		margin-top: -120px
	}
	.elementsvideo img {
		width: 100%;
		height: 100%;
		min-height: 500px
	}
	.heromainimg {
		position: relative;
		margin-top: 50px
	}
	.foldbelowblockarea {
		padding: 200px 0 0
	}
	.foldbeblockinner {
		display: block
	}
	.singlefoldblock {
		margin-bottom: 20px
	}
	.reverseitemrow {
		flex-direction: column-reverse
	}
	.foldright2ndtitle {
		padding-left: 0
	}
	.foldrighttext .foldtitleright,
	.videoshootleft .foldrighttext .foldtitleright {
		font-size: 50px;
		line-height: 50px
	}
	.videoshootleft {
		padding-top: 100px
	}
	.videoshootsarea {
		padding-top: 0!important;
		padding-bottom: 60px
	}
	.footerlistsingle {
		text-align: center;
		margin-bottom: 20px
	}
	footer .media {
		justify-content: center
	}
	.exvid-content .foldright2ndtitletwo {
		padding-left: 0
	}
	.exvidshobtm {
		padding-top: 50px;
		background: #e6d7ec;
		height: 600px;
		margin-bottom: 25em
	}
	.exvid-image {
		position: relative;
		padding-top: 50px
	}
	.instagramarea img {
		display: none
	}
	.carouselinner .itemone h2 {
		text-transform: uppercase;
		color: #000;
		font-size: 36px;
		line-height: 40px
	}
	.videoteaserarea {
		background: #000;
		position: relative;
		top: -25px
	}
	.instantbantwo {
		margin-top: -10px
	}
	.videoshootsarea img {
		display: none
	}
	.foldrighttext {
		padding-left: 0
	}
	.videoshoinnerleft,
	.videoshootbottom {
		max-width: auto;
		padding-top: 0
	}
	.videoshootleft .foldrighttext .foldtitleright {
		font-size: 70px;
		line-height: 55px;
		white-space: normal;
		letter-spacing: 2px
	}
	.fluxnavinner .logo {
		width: 83%!important
	}
	.fluxnavinner {
		padding-top: 20px
	}
	.elementsvideo img {
		display: none
	}
	.onlyfanslogo {
		text-align: center;
		margin-top: 350px
	}
	.videoteaserfwimgtwo {
		top: 30%
	}
	#header-main-text .letter {
		font-size: 22vw!important;
		line-height: 80px!important
	}
	.heromainimg {
		position: relative;
		margin-top: 50px;
		margin-bottom: 50px
	}
	.singlefoldblock .singletitle br {
		display: none
	}
	#header-main-text {
		width: 100%;
		margin: 10px 0 30px!important;
		text-align: center!important
	}
	.foldbelowblockarea {
		padding: 280px 0 0
	}
	.ctabuttonmuse a.joingnow {
		margin: 0 auto;

	}
	.flbutton-or {
		max-width: 300px!important;
	    height: 50px!important;
	    padding-bottom: 2px!important;
	}
	.videoshootsarea {
		padding-top: 0!important;
		padding-bottom: 20px!important
	}
	.videoshootleft .foldrighttext {
		text-align: center
	}
	.videoshootleft .foldrighttext .foldtitleright {
		font-size: 88px!important;
		line-height: 72px!important
	}
	.carouselinnermobile .owl-nav {
		text-align: center;
		padding-top: 45px!important
	}
	.owl-carousel {
		padding-bottom: 40px!important
	}
	.videoteaseinner {
		padding: 100px 0!important
	}
	.carouselarea {
		padding: 30px 0 20px;
		top: 0
	}
	.carouselinner .itemone h2 {
		font-size: 40px!important;
		line-height: 42px!important
	}
	.exvid-content {
		text-align: center
	}
	.exvid-content h2 {
		font-size: 90px!important;
		line-height: 72px!important
	}
	.exvid-content .foldright2ndtitle p {
		text-align: center!important
	}
	.instaSecondText {
		padding-top: 70px!important;
		padding-bottom: 20px!important;
		text-align: center
	}
	.instaSecondText .ctabuttonmuse {
		padding-left: 0!important
	}
	.instaSecondText .instastroke {
		padding-left: 0
	}
	.instaSecondText h2 {
		text-transform: uppercase!important;
		font-size: 88px!important;
		line-height: 72px!important
	}
	li.formobileonly {
		line-height: 0!important;
		margin-left: 5px!important
	}
	footer .formobileonly a {
		width: 100%!important;
		height: 100%!important;
		line-height: 0!important
	}
	li.formobileonly img.museonlylogo {
		width: 40px!important
	}
	.fordesktoponly {
		display: none!important
	}
	.formobileonly {
		display: block!important
	}
	.singlefoldblock {
		display: flex;
		align-items: center;
		margin-right: 0;
		padding-left: 45px
	}
	.formobileonly .foldtitleright {
		font-size: 95px!important;
		line-height: 75px!important;
		text-align: center!important
	}
	.formobiletitle {
		margin-top: 20px
	}
	.formobiletitle h2 {
		text-align: center;
		text-transform: uppercase;
		font-size: 18vw!important;
		line-height: 65px!important
	}
	.secondparttitle {
		-webkit-text-stroke-color: #683f83;
		-webkit-text-fill-color: transparent;
		-webkit-text-stroke-width: 1px;
		display: inline-block;
		margin-bottom: 40px
	}
	.foldrighttext {
		padding-left: 0;
		text-align: center
	}
	#hedervideopop .modal-dialog,
	#hedervideopop3 .modal-dialog {
		max-width: 75%;
		margin: 0 auto
	}
	.museonlylogo {
		display: none
	}
	.mobilebreak {
		display: block!important
	}
	#header-main-text .letter {
		font-size: 18vw!important;
		line-height: 75px!important
	}
	.circlevideohero {
		margin-top: 150px
	}
	.ctabuttonmuse a.joingnow {
		max-width: 200px
	}
	.links {
		padding-top: 200px;
		padding-bottom: 0
	}
	.middleborder {
		display: none
	}
	.exphotosetleft {
		margin-right: 30px
	}
	.exphotosetpart img.exphotoone {
		width: 45%;
		align-self: flex-end;
		margin-right: 15px
	}
	.exphotosetpart img.exphototwo {
		width: 60%
	}
	.exphotosebpart {
		text-align: right;
		padding-right: 30px
	}
	.exphotosebpart img {
		width: 85%;
		margin: 0 auto
	}
	.redbgex {
		position: absolute;
		top: 60px;
		right: 15px;
		z-index: -1;
		width: 280px
	}
	.exphotosets {
		position: relative;
		top: -320px
	}
	.exphotosetright {
		padding-left: 0;
		text-align: center;
		padding-top: 30px
	}
	.bordermiddletwo {
		display: none
	}
	.qouteareainner h2 br {
		display: none
	}
	.qoutearea {
		padding: 0 0;
		top: -200px
	}
	.mygallery {
		padding-top: 0;
		padding-bottom: 0;
		position: relative;
		top: -120px
	}
	.subscribeinner {
		display: block;
		text-align: center;
		width: 100%
	}
	.subscribeinner h3 {
		margin-right: 0;
		margin-bottom: 20px;
		line-height: 34px
	}
	.monthlyrightside {
		position: relative;
		padding-top: 50px
	}
	.imagetwomonth {
		top: 45%
	}
	.faqarea {
		padding-top: 0
	}
	.faqarea .overlayimg {
		display: none
	}
	.instagramsec {
		display: block
	}
	.exphotosetright .titleex {
		text-transform: uppercase;
		font-size: 40px;
		line-height: 45px;
		margin: 20px 0
	}
	.exphotosetright {
		padding-left: 0;
		text-align: center;
		padding-top: 30px;
		padding-bottom: 50px
	}
	.copyright {
		visibility: visible!important
	}
	.monthlyarea {
		padding: 0 0 100px;
		top: -100px!important
	}
	.subscribepart {
		padding: 0 0 20px;
		position: relative;
		top: -100px
	}
	.imageonemonth {
		max-width: 100%
	}
	.mainlogo {
		display: block;
		margin: 0 auto
	}
	.footerlgoogo .museonlylogo {
		max-width: 85px!important
	}
	li.strdelogo a img {
		width: auto!important
	}
	footer {
		text-align: center;
		color: #fff;
		padding: 50px 0 20px;
		background: #000;
		margin: 0
	}
	.logo a img {
		margin-top: 0
	}
	.blockaraea {
		position: relative;
		top: -410px
	}
	.booslevelarea {
		top: -160px
	}
	.subscribeparttwo {
		top: 0
	}
}

@media(width:414px) {
	#hedervideopop .modal-dialog,
	#hedervideopop3 .modal-dialog {
		max-width: 85%;
		margin: 0 auto
	}
}

@media (min-width:1200px) and (max-width:1300px) {
	.home-hero {
		height: 850px!important;
		width: 100%
	}
	.heromainimg {
		position: relative;
		top: 45px;
		width: 90%
	}
}

@media (min-width:1301px) and (max-width:1400px) {
	.home-hero {
		height: 850px!important;
		width: 100%
	}
}

@media (min-width:1401px) and (max-width:1500px) {
	.home-hero {
		height: 850px!important;
		width: 100%
	}
}

@media (min-width:1501px) and (max-width:1650px) {
	.container-fluid {
		padding-right: 50px;
		padding-left: 50px
	}
	.home-hero {
		height: 850px!important;
		width: 100%
	}
}

@media (min-width:1651px) and (max-width:1750px) {
	.container-fluid {
		padding-right: 50px;
		padding-left: 50px
	}
	.home-hero {
		height: 850px!important;
		width: 100%
	}
	.exvid-image {
		position: relative;
		left: -5em
	}
}

@media (min-width:1751px) {
	.container-fluid {
		padding-right: 50px;
		padding-left: 50px
	}
	.home-hero {
		height: 850px!important;
		width: 100%
	}
	.exvid-image {
		position: relative;
		left: -5em
	}
}

@media (width:1366px) {
	.container {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (width:1280px) {
	.container {
		max-width: 960px
	}
}

.home-hero .video-wrapper,
.home-hero::after {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateX(0)
}

.home-hero::after {
	height: 100%;
	width: 100vw;
	content: "";
	z-index: 0;
	bottom: 0;
	left: 0;
	transition: opacity .45s cubic-bezier(.165, .84, .44, 1);
	background-size: cover;
	pointer-events: none;
	background-color: rgba(0, 0, 0, .8)
}

.home-hero::after {
	height: 900px;
	width: 100vw;
	content: "";
	z-index: 0;
	transition: opacity .45s cubic-bezier(.165, .84, .44, 1);
	background-image: linear-gradient(-180deg, transparent 16%, #000 70%);
	pointer-events: none
}

.home-hero {
	height: 100vh;
	width: 100%
}

.home-hero {
	position: relative;
	overflow: hidden
}

.home-hero .video-wrapper::after {
	position: absolute;
	top: -950px;
	left: 50%;
	height: 2430px;
	width: 1810px;
	content: "";
	transform: translateX(-50%);
	transition: opacity .45s cubic-bezier(.165, .84, .44, 1)
}

.home-hero[in-view].is-in-view .image-wrapper,
.home-hero[in-view].is-in-view .video-wrapper {
	transform: translateX(-50%) scale(1);
	opacity: 1
}

.home-hero[in-view] .image-wrapper,
.home-hero[in-view] .video-wrapper {
	transform: translateX(-50%) scale(1.05);
	transition: opacity .75s cubic-bezier(.25, .46, .45, .94) 125ms, transform .75s cubic-bezier(.25, .46, .45, .94) 125ms;
	opacity: 0
}

.home-hero .video-wrapper {
	height: auto;
	width: 100vw;
	display: block
}

.home-hero .video-wrapper,
.home-hero::after {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}

.home-hero video {
	height: auto;
	width: 100%
}
.fleshlightbtn{
	background:none!important;
	border:1px solid #434343!important;
}
.spacer{
	    padding: 55px 0px 10px 0px;
}


@media (max-width:767px) {
	.home-hero .video-wrapper {
		height: auto;
		width: 1800px;
		display: block
	}
	#header-main-text {
		width: 100%;
		margin-top: 150px
	}
	#header-main-text .letter {
		font-size: 46px;
		line-height: 50px;
		letter-spacing: -.82px
	}
}