@font-face {
  font-family: "Oswald ExtraLight";
  src: url("https://film.fear.io/fonts/oswald.ttf") format("truetype");
}
@font-face {
  font-family: "Hacked";
  src: url("https://film.fear.io/fonts/hacked.ttf") format("truetype");
}

body {
	background-color: var(--bgcolor, #000);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
	overflow-x: hidden;
	-webkit-backface-visibility: hidden;
}

#logo a, .menu-link, .mega-menu-style-2 .mega-menu-title > .menu-link, .top-search-form input, .entry-link, .entry.entry-date-section span, .button.button-desc, .fbox-content h3, .tab-nav-lg li a, .counter, label, .widget-filter-links li a, .nav-tree li a, .wedding-head, .font-primary {font-family:DM Sans ! important;}

.border-light,
.line { border-color: transparent !important; }

.bg-color,
.page-transition-wrap, .css3-spinner { background-color: var(--bgcolor, #000) !important; }

.css3-spinner > div {  background-color: var(--themecolor, #f70202) !important; }
.wrapimage150 {display:inline-block ! important;width:150px ! important;}

.dark body,
.dark h1,
.dark h2,
.dark h2 span,
.dark h3,
.dark h3 span,
.dark h4,
.dark h5,
.dark h6,
.dark #copyrights,
#copyrights.dark,
.dark .copyright-links a { color: #f70202; }


h5 { color: #f70202 ! important; }

#wrapper,
#content {
	background-color: transparent;
}

.dark #header-wrap {
	background-color: var(--bgcolor, #2E364F);
}

.menu-link {
	text-transform: none;
	font-weight: 400;
	font-size: 16px;
}

@media (max-width: 991.98px) {
	.menu-item:hover .menu-link::after,
	.menu-item.current .menu-link::after {
		content: none;
	}
}

@media (min-width: 991px) and (max-width: 1200px) {
	.menu-link {
		font-size: 14px;
	}
}

.btn-border {
	--btn-y-padding: 10px;
	--btn-x-padding: 17px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	font-family: var(--font-family, 'Prata', Serif );
	border: 1px solid rgba(var(--themecolorrgba, 241,199,122), var(--border-opacity, .15));
	overflow: hidden;
	letter-spacing: 1px;
	font-size: 14px;
}

.btn-border.size-lg {
	--btn-y-padding: 15px;
	--btn-x-padding: 20px;
}

.btn-border.size-sm {
	--btn-y-padding: 7px;
	--btn-x-padding: 13px;
}

.btn-border i {
	font-size: 18px;
	padding: var(--btn-y-padding, 10px) var(--btn-x-padding, 17px);
	border-right: 1px solid rgba(var(--themecolorrgba, 241,199,122), var(--border-opacity, .15));
}

.btn-border span {
	position: relative;
	padding: calc(var(--btn-y-padding, 10px) + 5px) var(--btn-x-padding, 17px);
}

.menu-link::after,
.menu-link .menu-link::after,
.btn-border span::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	transition: width .5s cubic-bezier(.645, .045, .355, 1);
}

.btn-border span::before {
	height: 100%;
	background-color: rgba(var(--themecolorrgba, 241,199,122), 0.075);
}

.menu-item:hover .menu-link::after,
.menu-item.current .menu-link::after,
.btn-border:hover span::before {
	width: 100%;
}


.box-img::before {
	content: "";
	position: absolute;
	right: -5px;
	top: -5px;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	z-index: -1;
	background-color: rgba(var(--themecolorrgba, 241,199,122), 0.1);
	border: 1px solid rgba(var(--themecolorrgba, 241,199,122), var(--border-opacity, .15));
	border-radius: 0.25rem;
}

blockquote {
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.8;
}

/* ----------------------------------------------------------------------------
	Counter Grid
---------------------------------------------------------------------------- */

.counter-wrap [class^=col-]:not(:first-child):before{
	content: '';
	position: absolute;
}

.counter-wrap [class^=col-]:before {
	height: 100%;
	top: 0;
	left: -25%;
	border-left: 1px solid rgba(var(--themecolorrgba, 241,199,122), var(--border-opacity, .15));
}


/* ----------------------------------------------------------------------------
	Services Grid
---------------------------------------------------------------------------- */

.grid-border {
	overflow: hidden;
}

.grid-border [class^=col-]:before,
.grid-border [class^=col-]:after {
	content: '';
	position: absolute;
}

.grid-border [class^=col-]:after {
	width: 100%;
	height: 0;
	top: auto;
	left: 0;
	bottom: -1px;
	border-bottom: 1px solid rgba(var(--themecolorrgba, 241,199,122), var(--border-opacity, .15));
}


.fade-in-bottom {
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


.testi-image,
.testi-image a,
.testi-image img,
.testi-image i {
	width: 80px;
	height: 80px;
}

.testi-content {
	margin-top: 20px;
}

.testi-content p {
	font-style: normal;
	font-size: 1.15rem;
	font-weight: 300;
}

.testi-meta {
	margin-top: 25px;
    font-size: 22px;
    text-transform: none;
    color: #f70202;
}
.testi-meta::before { display: none; }
.testi-meta span {
	font-family: var(--font-family-body, 'Roboto', Serif);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
}

.owl-carousel .owl-nav [class*=owl-] {
	opacity: 1 !important;
	background-color: black;
	border: 2px solid #f70202;
	color: #f70202;
	width: 40px;
	height: 40px;
	margin: 0px;
	font-size: 24px;
}

.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {background:#f70202 ! important;color:black ! important;}

.wolftraitscarousel img {border-radius:0 ! important;}



#oc-testi .owl-item {
	border-right: 1px solid rgba(var(--themecolorrgba, 241,199,122), var(--border-opacity, .15));
}

.owl-prev i {
	position: relative;
	left: -1px;
}

#oc-testi .owl-item img,
#oc-testi .owl-item p,
#oc-testi .owl-item .testi-meta {
	opacity: 0;
}

#oc-testi .owl-item.active img,
#oc-testi .owl-item.active p,
#oc-testi .owl-item.active .testi-meta {
	opacity: 1;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fade-in-bottom;
	animation-name: fade-in-bottom;
	animation-iteration-count: 1;

}
#oc-testi .owl-item.active p {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}
#oc-testi .owl-item.active .testi-meta {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}

.dark #copyrights p,
.dark .copyright-links a {
	font-weight: 400;
	opacity: .4;
}

@media (min-width: 992px) {

	.transparent-header.floating-header .container,
	.transparent-header.floating-header .container {
		background-color: transparent !important;
	}


	.transparent-header.floating-header.sticky-header .container,
	.transparent-header.floating-header.sticky-header .container {
		background-color: rgba(255,255,255, 0.05) !important;
		backdrop-filter: blur(15px);
		-webkit-backdrop-filter: blur(15px);
	}

	#header-wrap {
		background-color: transparent !important;
		box-shadow: none !important;
		top: 0;
		transition: top .4s ease;
		will-change: inherit;
	}

	.sticky-header #header-wrap {top:30px;}

	#header .menu-link {
		padding-top: 10px !important;
	    padding-bottom: 10px !important;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	
.dark .menu-link a:hover {color:#f70202 ! important;}

	.menu-container > li {
		counter-increment: step-counter;
	}



	.header-misc a {
		padding: 39px 27px;
		border-left: 1px solid rgba(var(--themecolorrgba, 241,199,122), var(--border-opacity, .15));
		background-color:  var(--themecolor, #F1C77A);
		color: var(--bgcolor, #2E364F) !important;
	}

	#logo {
		border-right: 1px solid rgba(var(--themecolorrgba, 241,199,122), var(--border-opacity, .15));
	}
}

#toast-container > div {
	border-radius: 4px;
	font-size: .925rem;
	opacity: .95;
	border: 0;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.toast-success {
	background-color: var(--themecolor, #F1C77A) !important;
	color: var(--bgcolor, #2E364F) !important;
}

.toast-message strong {
	text-decoration: underline;
	text-transform: capitalize;
}

.contentdesc {margin:15px 10%;}
.contentdesc p {color:#ccc;text-align:center;}

.primary-menu {background:rgba(0,0,0,0.8);position:absolute;right:100px;top:20px;border-radius:10px;z-index:3;}
#slider {z-index:0;}
.menu-button-link {padding:5px 10px;color:white;font-family:Oswald ExtraLight;text-transform:uppercase;letter-spacing:2px;font-size:12pt;border-radius:10px ! important;}
.menu-item:hover .menu-button-link {color:#ffa800;}
h1.main-slogan {font-family:Oswald ExtraLight ! important;font-size:25pt;color:#fff ! important;padding:5px 10px;display:inline-block;letter-spacing:1px;text-shadow: -4px 4px 2px #000;}
li.current a {background:none;color:#f70202 ! important;border-radius:10px 0 0 10px ! important;}
li.mid-item a {border-radius:0 ! important;}
li.current .menu-button-link {color:red ! important;}
p.maindesc {background:rgba(0,0,0,0.5);padding:10px 14px;font-size:13pt;border-radius:10px;font-family:DM Sans;}
/*.menu-button-link:hover {background:rgba(250,215,115,0.5);}*/
p.maindesc a {color:#c4424c;}
.buttonicon img {width:51px;}
span.questiontext {font-size:14pt ! important;color:#c4424c ! important;font-family:DM Sans;}
span.questiontext:hover {color:white ! important;}
.bigbutton {background:rgba(0,0,0,0.5);border-radius:10px ! important;border:2px solid #f70202;color:white;}
.bigbutton2 {margin-right:10px;}
.bigbutton span.questiontext {color:white ! important;}
.bigbutton:hover {color:#f70202;border:2px solid #fff;}
#logo a.standard-logo {font-family:Oswald ExtraLight ! important;-webkit-text-stroke: 1px #000;color:#f70202 ;text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 10px #000, 0 0 20px #000, 0 0 20px #000, 0 0 30px #000, 0 0 30px #000;}
/* h1.main-slogan {text-shadow: 0 0 20px rgba(0,0,0, 0.5), 0 0 20px rgba(0,0,0, 0.5), 0 0 20px rgba(0,0,0, 0.5), 0 0 20px rgba(0,0,0, 0.5), 0 0 20px rgba(0,0,0, 0.5), 0 0 20px rgba(0,0,0, 0.5), 0 0 20px rgba(0,0,0, 0.5);} */
h1.main-slogan {text-shadow: -2px 2px 1px #000;}
.textconcentre h2.filmheader {font-family:'Oswald ExtraLight' ! important;margin-bottom:50px ! important;font-weight:normal;}


#logo a.standard-logo span.textwolf {text-transform:lowercase ! important;margin-left:10px;}
#logo a.standard-logo span {display:inline-block;}
#header.transparent-header.dark, #header.transparent-header.dark:not(.sticky-header) #header-wrap {background:none ! important;}
.dark #header, #header.dark {background:none;}
h3 {font-family:Oswald ExtraLight ! important;}
#standard-logo span {float:left;height:75px;margin-right:10px;}
.color {color: #f70202 !important;}
.redc {color:red ! important;}
.stretched #gotoTop {background:#f70202;}
.dark #header-wrap {background:none ! important;}
.title-border::before, .title-border::after {border:none ! important;}
.wolfheader h2 {color:#f70202 ! important;font-family:Oswald ExtraLight ! important;font-size:40pt;font-weight:normal;letter-spacing:6px;display:block;}
.multiplegames h3 {color:#f70202 ! important;display:block;text-align:center;font-size:20pt;font-weight:normal;font-family:DM Sans ! important;}
.iconleft {display:inline-block;margin-right:10px;}
.iconleft img {width:20px;}
li.gamedesc {margin-bottom:15px;color:#ccc;}
h5.measurementheader {text-align:center;}
.counter {display:block;text-align:center;}
.fearwolfdesc p {margin:0;padding:20px 0 0 0;font-size:14pt ! important;}
h3.featuredgamesheader  {font-size:22pt;}
#section-games {background:url(../images/fearwolf/fear-wolf-background-subpage-4.jpg) no-repeat 0 -100px;background-size:cover;padding-top:40px;}
.fearwolfdesc a {color:#f70202;}
.fearwolfdesc a:hover {color:white;}

@media (max-width: 1400px) {
h3.featuredgamesheader  {font-size:25pt;}
}

@media (max-width: 1200px) {
.itsshow {margin-top:-20px ! important;}
h1.main-slogan {font-size:21pt;}
}

.owl-carousel .owl-nav .owl-next {right:-40px;left:auto;}
.owl-carousel:hover .owl-nav .owl-next {right:15px;}
.owl-carousel .owl-nav .owl-prev {left:-40px;right:auto;}
.owl-carousel:hover .owl-nav .owl-prev {left:15px;}
#oc-portfolio {padding:0 1%;}
p.highlightp {font-size:13pt ! important;}

.videocon {margin-top:100px;}

@media (max-width: 1000px) {
.container-md, .container-sm, .container {max-width: 880px;}
.menu-button-link, #transakLink {font-size:10pt ! important;}
.menu-link {padding:6px 5px;}
#logo a.standard-logo {color:white;}
.videocon {overflow:hidden;}
#logo a {font-size:30px;}
.multiplegamessection, #section-games {padding-top:0 ! important;}
h3.featuredgamesheader  {text-align:center;}
#section-games {background-size:150%;}
.statssec .col-4 {width:25%;}
.statssec {margin-bottom:50px;}

.owl-carousel .owl-nav .owl-next {right:15px;left:auto;}
.owl-carousel:hover .owl-nav .owl-next {right:15px;}
.owl-carousel .owl-nav .owl-prev {left:15px;right:auto;}
.owl-carousel:hover .owl-nav .owl-prev {left:15px;}
#oc-portfolio {padding:0 1%;}
}


@media (max-width: 991px) {
.itsshow {margin-top:-300px ! important;}
}


@media (max-width: 900px) {
.container-md, .container-sm, .container {max-width: 780px;}
.fearwolfdesc p {margin:0;padding:30px 0 0 0;}
.primary-menu {top:70px;}
}
@media (max-width: 780px) {
.container-sm, .container {max-width: 720px;}
p.maindesc {width:82%;font-size:11pt;}
#section-launch {background-position:0 top ! important;background-size:130% ! important;}
.statssec .col-4 {padding-left:5% ! important;}
video {position:relative;}
}
@media (max-width: 767px) {
.itsshow {margin-top:-185px ! important;}
}

@media (max-width: 670px) {
.direwolfvideo {width:50%;}
#section-price {background-size:200% ! important;}
}

@media (max-width: 570px) {
p.maindesc {width:100%;}
.itsshow {margin-top:28px ! important;}
h1.main-slogan {color:#fff! important;}
#logo a.standard-logo {color:#f70202;}
.statssec .col-4 {padding-left:7% ! important;}
.statssec .col-4 .counter {font-size:29px ! important;}
p.highlightp {font-size:11pt ! important;}
blockquote.apply {padding:20px 5% ! important;}
}

.mobile520 {display:none ! important;}

@media (max-width: 520px) {
.desktop520 {display:none ! important;}
.mobile520 {display:inline-block ! important;color:black ! important;}
.mobile520 img {width:40px ! important;}
.direwolfvideo {width:70%;}
#section-games {background-size:200%;}
}

h3.featuredgamesheader span {color:#fff ! important;display:inline-block;margin-top:10px;}
h3.featuredgamesheader {text-align:center ! important;}
h3.featuredgamesheader i {display:inline-block;}
h3.featuredgamesheader img {width:120px ! important;margin-right:10px;}
p.auctionphrase {font-weight:bold ! important;font-size:16pt ! important;color:white ! important;font-weight:normal ! important;text-align:center ! important;display:block ! important;margin-bottom:10px ! important;}

.fearwolfdesc {display:block;text-align:center;width:100%;overflow:hidden;padding:0 15%;color:#ccc;margin-bottom:40px;}
.fearwolfdesc p {float:none;}
.textaligncenter {width:100%;text-align:center;margin-bottom:20px;}

@media (max-width: 470px) {
h3.featuredgamesheader {text-align:center;font-size:25pt;}
h3.featuredgamesheader span {display:block;margin-top:5px;}
h3.featuredgamesheader img {display:inline-block;}
p.auctionphrase {font-size:15pt ! important;}
.statssec .col-4 .counter {font-size:23px ! important;}
}
@media (max-width: 400px) {
img.alignleft {display:block;float:none;margin-bottom:10px ! important;}
.col-auto, .mt-4 {padding:0 5%;}
.gradient-horizon {font-size:10pt ! important;}
}

.gradient-horizon {
	background: black ! important;
	padding:3px 10px 3px 3px;
	border-radius:10px ! important;
	color:#f70202 ! important;
	border:3px solid #f70202;
}

.direwolfvideo:before {padding:0 ! important;display:none ! important;}
p.#f70202word {color:#f70202;font-style:italic;}
.gamelist {margin-top:20px;text-align:center;}
.gamelist li, .gamelist li img {height:60px;width:auto;margin-bottom:20px;}
.gamelist li {list-style:none;display:inline-block;margin-right:20px;}
h2.wolfutility {font-size:14pt;text-align:center;margin:0;}
.discovermore {color:#f70202 ! important;}
.discovermore:hover {color:white ! important;}
.headericon img, .headericon span {display:inline-block;margin-right:20px;}
.headericon img {width:50px ! important;}
#section-launch .headericon img {width:80px ! important;}
.header#f70202, .header#f70202 span {color:#f70202 ! important;}
.sectionmoon {padding-top:0 ! important;margin-top:0 ! important;}
#logo {border-right:0 ! important;}

.sectionmoon h3 {color:white ! important;font-weight:normal ! important;-webkit-text-stroke: none;letter-spacing:2px;text-align:center;font-family:Oswald ExtraLight ! important;text-shadow:-3px 3px 3px #000;}
.wolfnumbers .textoutlineoverride {color:white ! important;font-weight:normal ! important;letter-spacing:2px ! important;font-size:13pt ! important;}
.sectionmoon h3 span {color:white ! important;}
.sectionmoon h4 {color:#f70202 ! important;}
.wolfnumbers span.op-04 {color:#fff ! important;}
.wolfnumbers .op-04, .wolfnumbers .h-op-04:hover {opacity:1 ! important;}
.wolfnumbers span {font-size:11pt ! important;}
.moonlaunch {background:rgba(0, 0, 0, 0.5) ! important;border:2px solid black ! important;border-radius:20px ! important;}
.moonlaunch .op-02, .moonlaunch .h-op-02:hover {opacity:1  ! important;line-height:18pt ! important;color:#f70202 ! important;}
.moonlaunch .col-3 {text-align:center;}
.moonlaunch img {display:inline-block;}
span.numbercounter {background:#f70202 ! important;display:inline-block;padding:2px 5px;color:black ! important;}
.uppercaseoverride {text-transform:uppercase ! important;}
span.secondcolor, .statssec .counter {color:#f70202 ! important;}
span.firstcolor {color:#f70202 ! important;}
.button i {margin-right:8px;}
#section-stats {margin:100px 0;}
.feature-box {text-align:center;}
#section-chains .fbox-icon {width:100%;text-align:center;}
#section-chains .fbox-icon img {display:inline-block;}
.wolfbutton {border-radius:10px ! important;color:#fff ! important;border:2px solid #fff ! important;background:#000 ! important;display:inline-block ! important;text-transform:capitalize ! important;font-family:Oswald ExtraLight;font-size:15pt;font-weight:normal ! important;}
.wolfbutton:hover {color:#f70202 ! important;border:2px solid #f70202 ! important;}
.aligncenter {width:100%;text-align:center;}
.portfolio-desc h3 {color:#f70202 ! important;text-align:center ! important;}
.portfolio-desc h3 a:hover {color:#f70202;}
.portfolio-desc span {text-align:center ! important;}
#section-games {margin-top:40px;}
h3.meetthewolves {margin-top:130px ! important;margin-bottom:30px ! important;font-family:Oswald ExtraLight ! important;}
.menu-item button {background:none ! important;color:white ! important;border:none ! important;font-family:Oswald ExtraLight ! important;text-transform:uppercase ! important;padding:5px 10px ! important;}
.menu-item button:hover {color:#f70202 ! important;}
#transakLink {padding-right:20px ! important;}

.subpage .content {padding:30px 5%;width:100%;}
.subpage .maincon {margin-top:50px;color:#ccc;}
.subpage .maincon img {margin-bottom:30px;}
.subpage {background:url(../images/fearwolf/fear-wolf-background-subpage-3.jpg?v3) no-repeat black 0 50px ! important;background-size:100% ! important;}
.maincon {background:rgba(0,0,0,0.7) ! important;padding:40px 2%;width:100%;border-radius:10px;}
#header a.menu-link:hover .menu-button-link {color:#f70202 ! important;}

.itsshowtime2 {text-align:center;}

@media (max-width: 1500px) {
h3.meetthewolves {margin-top:70px ! important;}
}
@media (max-width: 1400px) {
h3.meetthewolves {margin-top:00px ! important;}
p.maindesc {font-size:12pt;}
.btn-border.size-lg {--btn-y-padding: 9px;--btn-x-padding: 15px;}
}

@media (max-width: 1000px) {
.subpage .maincon {padding:30px 5% ! important;}
}
@media (max-width: 840px) {
.itsshow {padding-left:4%;}
#logo {padding-left:4%;}
p.maindesc {width:90% ! important;}
}

@media (max-width: 700px) {
.bigbutton2 {margin-bottom:15px;}
p.maindesc, span.questiontext {font-size:11pt ! important;}
}


@media (max-width: 500px) {
.wolfnumbers span {font-size:9pt ! important;}
.mx-3 {margin-right:11px ! important;margin-left:2px ! important;}
.p-4 {padding:0 ! important;}
.socialsmall {bottom:-10px;}
.itsshow {padding-bottom:55px;margin-top:75px ! important;}
#standard-logo span {height:50px;}
}

@media (max-width: 380px) {
h1.main-slogan {font-size:25pt;}
.videocentre video {width:100% ! important;left:-21px ! important;top:0 ! important;}
}

@media (max-width: 350px) {
.mx-3 {margin-right:11px ! important;margin-left:11px ! important;}
span.questiontext {font-size:10pt ! important;padding:7px ! important;}
}

.dark .menu-button-link:hover {color:#f70202 ! important;}
h3.featuredgamesheader {font-family:Oswald ExtraLight ! important;text-shadow:-3px 3px 3px #000;text-transform:uppercase;}
.dark #header, #header.dark, .dark #header-wrap, .dark #header, #header.dark {border-bottom-color:transparent ! important;}
span.wolfred {color:#f70202 ! important;}
span.wolfred2 {color:#990000 ! important;}
span.wolfred3 {color:red ! important;}
span.wolforange {color:orange ! important;}
span.wolfwhite, .wolfwhite span {color:white ! important;}
.statssec .wolfwhite span {font-size:22pt ! important;}
#section-marketing {background-image:url(../images/fear-wolf-tree-wolf-moon-background-2.jpg);background-repeat:no-repeat;background-size:cover;}
#section-marketing .dark .testi-meta span {color:white ! important;}
#oc-testi .owl-item {border-right:none ! important;}
#section-marketing #oc-testi {background-color: rgba(0,0,0, 0.4) !important;}


.nftownership {margin-top:-30px;}
#section-application {background-image:url(../images/backgrounds/home-background-12.jpg);background-repeat:no-repeat;background-size:cover;}
#section-chains {background-image:url(../images/backgrounds/home-background-10.jpg);background-repeat:no-repeat;background-size:cover;}
#section-apply {background-image:url(../images/film-incubation-fund-2.jpg);background-size:cover;background-position:0 -100px;}
#section-films .dark .testi-meta span {color:white ! important;}
#section-films .testi-image img {height:auto ! important;}
#section-films .testi-image, #section-films .testi-image a {width:100%;height:auto ! important;}
blockquote.apply {width:100%;padding:20px 20% 0 20%;}

.smallwolftrats {width:100%;margin-top:20px;text-align:center;}
.smallwolftrats .col-lg-3, .smallwolftrats .col-lg-2 {display:inline-block;}

p.maindesc {display:inline-block ! important;}
.whitelist p.maindesc {font-size:12pt ! important;width:auto ! important;display:inline-block ! important;}

.dev-content {width:100%;position:absolute;top:350px;left:7%;}
.dev-content p {color:white;}
.dev-content h1.main-slogan {display:block;padding-left:0;}
.dev-content2 {padding:20px 1% 20px 0;width:99%;}

@media (max-width: 1000px) {
#section-marketing {background-size:contain;}
#section-films {background-size:contain;}
.statssec .wolfwhite span {font-size:16pt ! important;}	
.whitelist p.maindesc {font-size:11pt ! important;width:auto ! important;display:inline-block ! important;}
.dev-content {top:165px;}
.dev-content h1.main-slogan {font-size:30pt;}
}

@media (max-width: 950px) {
.dev-content {top:90px;left:4%;} 
}
@media (max-width: 750px) {
.dev-content {top:295px;left:4%;}
.videocon video {filter:opacity(60%);}
}

@media (max-width: 550px) {
.whitelist p.maindesc {color:#f70202 ! important;padding-left:0;}
.dev-content {top:235px;left:4%;} 
}
@media (max-width: 450px) {
.whitelist p.maindesc {color:#f70202 ! important;}
.dev-content {top:205px;left:4%;} 
}

@media (max-width: 500px) {
.widget p {font-size:11pt;}
h1.main-slogan {font-size:18pt;}
}

#oc-testi .owl-item.active .testi-meta {line-height:26px;}
#oc-testi .owl-item.active .testi-meta span {line-height:15px;display:block;margin-top:5px;}
#related-portfolio .icon-angle-right {line-height: 20px ! important;bottom: 7px;position: absolute;right: 13px;}
#related-portfolio .icon-angle-left {line-height: 20px ! important;bottom: 7px;position: absolute;left: 13px;}
.owl-carousel .owl-nav [class*=owl-] {border-radius:21px;}
.owl-next {right:10px;}
.owl-carousel .owl-nav .owl-next {right:10px ! important;bottom:100px ! important;}
.owl-carousel .owl-nav .owl-prev {left:10px ! important;bottom:100px ! important;}

.footernew {overflow:hidden;padding-right:5%;width:95%;color:#ccc;}
.footerleft {float:left;width:40%;}
.footerright {float:right;width:40%;text-align:right;}
.footernew h3 {color:#f70202;}
.footernew p {color:#ccc;}
.dark .footer-widgets-wrap a, .footernew a {color:white;}


@media (max-width: 550px) {
.footerleft {float:left;width:100%;}
.footerright {float:right;width:100%;text-align:right;margin-top:20px;}
.footernew {padding:20px 5%;width:90%;}
}

#copyrights p, #copyrights a {color:#ccc;}
#copyrights p a:hover, #copyrights a:hover {color:#fff;}
.dev-content2 p a {color:#f70202;}
a.twitterlink {color:#1dabdd ! important;}
a.discordlink {color:#646ef2 ! important;}
a.telegramlink {color:#33a9e4 ! important;}
a.instagramlink {color:#914ac6 ! important;}
a.youtubelink {color:red ! important;}
.dev-content2 p a:hover {color:white ! important;}
.sociallinks a {font-size:17pt ! important;display:inline-block;padding:0 5px;text-shadow: -4px 4px 2px #000;font-family:Oswald ExtraLight ! important;}


.buttonsale {font-size:26pt;font-family:DM Sans;}

.whitelist .videocon {margin-top:-120px;}
.whitelist-container {margin-top:300px;}

@media (max-width: 1400px) {
.whitelist-container {margin-top:200px;}
}
@media (max-width: 1200px) {
.whitelist-container {margin-top:136px;}
#section-meet {margin-top:50px ! important;}
}
@media (max-width: 1000px) {
.whitelist-container {margin-top:136px;}
.whitelist .videocon {margin-top:-70px;}
}
@media (max-width: 900px) {
.whitelist .videocon {margin-top:-138px;}
#section-meet {margin-top:100px ! important;}
}
@media (max-width: 800px) {
#section-meet {margin-top:200px ! important;}
}
@media (max-width: 750px) {
.whitelist-container {margin-top:144px;}
.whitelist .videocon {margin-top:-115px;}
}
@media (max-width: 700px) {
#section-meet {margin-top:100px ! important;}
}
@media (max-width: 600px) {
#section-meet {margin-top:50px ! important;}
#section-meet p.highlightp {font-size:11pt ! important;}
}
@media (max-width: 550px) {
.whitelist .videocon  {margin-top:-18px;}
.whitelist-container {margin-top:35px;}
}



@media (max-width: 600px) {
.buttonsale {font-size:20pt;}
}

@media (max-width: 500px) {
.dev-content2 p {font-size:11pt;}
.dev-content h1.main-slogan {font-size:24pt;-webkit-text-stroke:0px;}
.dev-content {padding:0 3%;width:94%;}
.dev-content2 {padding:20px 0;}
.nftownership img {margin-top:30px;}
h3.featuredgamesheader {font-size:16pt;}
h3.featuredgamesheader img {margin-right:0;margin-bottom:20px;}
}

@media (max-width: 450px) {
.buttonsale {font-size:16pt;}
}

@media (max-width: 450px) {
.buttonsale {font-size:14pt;}
video {
    width: 165% ! important;
    left: -34% ! important;
	top:36px;
}
.itsshow {
    padding-bottom: 55px;
    margin-top: -99px ! important;
}
h1.main-slogan {font-size:16pt;}
}

@media (max-width: 320px) {
.buttonsale {font-size:12pt;}
}


@media (max-width: 500px) {
.home .videocon {overflow:hidden;}
}


.red {color:red ! important;}

.form-control {
        height:40px;
        width: 300px;
        color:#fff ! important;
        background-color:rgba(0, 0, 0, 0.5);
        float:left;
        margin-right:10px;
        margin-top:-5px;
}

.submitbutton {font-size:11pt ! important;}
.content2 {margin-top:40px;text-align:center;}
#faqs .toggle-title{color:red;}
#faqs .toggle-content{color:#fff;padding-top:40px;}
.faqs .toggle {border-bottom:none;}
.inlineimage {display:inline-block;}
#faqs {margin-top:40px;}
.toggle-icon {display:inline-block ! important;}
.row {margin-bottom:20px;}
p.appexp {color:white;text-align:center;}
p.appexp a {color:red;}
p.appexp a:hover {color:white;}

.partnerlogo {position:absolute;top: 25px;right: 615px;}
.partnerlogo img {width:120px;}
.filmtype strong {color:red;}


@media (max-width: 992px) {
.partnerlogo {right:70px;top:40px;}
}

@media (max-width: 450px) {
.partnerlogo {display:none;}
}

.horrorlink {color:white ! important;text-decoration:underline ! important;}
.horrorlink:hover {color:red ! important;}
.horrorlink2 {color:red ! important;text-decoration:underline ! important;}
.horrorlink2:hover {color:white ! important;}

#primary-menu-trigger, #page-menu-trigger {margin-top:-53px;}

@media (max-width: 1200px) {
.applicationformpage .videocon video {width:150% ! important;left:-300px ! important;position:relative;}
}
@media (max-width: 1002px) {
.applicationformpage .videocon video {width:180% ! important;left:-441px ! important;position:relative;}
}
@media (max-width: 900px) {
.applicationformpage .videocon video {left:-405px ! important;width:210%;}
}
@media (max-width: 800px) {
.applicationformpage .videocon video {left:-319px ! important;}
}
@media (max-width: 700px) {
.applicationformpage .videocon video {left:-400px ! important;width:220% ! important;}
}
@media (max-width: 600px) {
.applicationformpage .videocon video {left:-450px ! important;width:250% ! important;}
}
@media (max-width: 500px) {
.applicationformpage .videocon video {left:-427px ! important;width:250% ! important;}
}
@media (max-width: 450px) {
.applicationformpage .videocon video {left:-427px ! important;width:273% ! important;}
.videocon2 {margin-bottom:60px;}
}
@media (max-width: 400px) {
.applicationformpage .videocon video {left:-327px ! important;width:273% ! important;}
}
@media (max-width: 350px) {
.applicationformpage .videocon video {left:-417px ! important;width:331% ! important;}
}

.clearfix::after {content:none ! important;}

.videocentre {width:300px;margin:0 auto 30px;}


h1 {text-transform:uppercase ! important;color:white ! important;font-family: "Oswald ExtraLight" ! important;text-align:center;}
.bodywornvideopage h1 {font-family: "Hacked";font-weight:normal;}
.bodywornvideopage .filmcon p {text-align:center ! important;}

.content2 p {color:#ccc;}
.fundfaqpage .content2 p strong, .info-container a {color:red;font-size:11pt;font-weight:bold;text-transform:uppercase;text-align:center;}

.info-container {border-bottom:1px dashed #ccc;margin-bottom:20px;}

h2 {color:white;font-family: "Oswald ExtraLight" ! important;text-transform:uppercase;}

.fundfaqpage .content-wrap {padding-top:0;}

.info-container {
  margin-bottom: 20px;
  text-align:left;
}

.info-toggle {
  color: red;
  cursor: pointer;
  text-decoration: underline;
  position:relative;
  padding-left:20px;
}

.info-toggle::before {
  content: "▼"; /* Arrow icon */
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.3s ease; /* Smooth rotation transition */
}

.info-toggle.expanded::before {
  transform: rotate(180deg); /* Rotate arrow when expanded */
}


.info-text {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: opacity 0.5s, visibility 0s linear 0.5s, height 0.5s ease;
}

.info-text.expanded {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease;
}

#faqs p {text-align:left;}

.filmcon img {max-width:100%;}

#content .textcon p, .textcon h2, .textcon h3 {text-align:left ! important;}
.textcon h2 {font-size:14pt;}
.textcon p strong {color:red ! important;text-transform:uppercase;}
.producers-logos img {max-width:100px ! important;display:inline-block;margin-right:10px;}
.home .producers-logos img {max-width:70px ! important;}
.textconcentre {text-align:center ! important;margin:40px 0;}
.textconcentre2 {text-align:center ! important;margin:20px 0;}
.textconcentre p {color:#ccc;}
.textconcentre h2 {color:red;font-family:'Oswald ExtraLight' ! important;margin-bottom:10px ! important;}
.textconcentre h3 {margin-bottom:20px;font-family:'Hacked' ! important;color:white;font-size:26pt;font-weight:normal;}

.home .textconcentre {max-width:700px;margin:60px auto;padding:0 5%;}
.home .textconcentre img {max-width:100%;margin-bottom:20px;}
.fundfaqpage  h2 {font-size:14pt;font-family:'Oswald ExtraLight' ! important;}


@media (max-width: 400px) {
.textconcentre2 img {max-width:100% ! important;}
}


#footer {margin-top:20px ! important;}