/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 08 2025 | 12:05:31 */
@font-face {
	font-family: "SourceSans";
	font-family: "Jost";
	font-display: swap;
	src: url("https://www.88creates.com/wp-content/uploads/2025/05/SourceSans3-Regular.ttf");
	src: url("https://www.88creates.com/wp-content/uploads/2025/05/Jost-Black.ttf");
	src: url("https://www.88creates.com/wp-content/uploads/2025/05/Jost-Regular.ttf");
}
body {
	color:#fff;
	font-family: "Jost";
	background-color: #000115;
}
body > div {
	font-size: 18px;
}
a, a:hover, a:focus {
	text-decoration: none !important;
	color:#fff;
}
/*HEADING_SECTION*/
h1 , h2 , h3 , h4 , h5 , h6 {
	font-family: "Jost";
	font-weight: 900;
	text-transform: uppercase;
}
.single-post h2{
	font-size: 25px;
}
/*MENU_SECTION*/
.menu a {
	color: #fff !important;
	font-family: "SourceSans";
	text-transform: uppercase;
	font-size: 18px;
}
.menu li {
	padding: 10px 50px;
}
.vc_row .nav-primary, .menu-toggle{
	float:none;
}
.widget ul > li {
	margin-bottom: 0px;
}
.genesis-nav-menu a {
	padding-bottom: 0;
	padding-top: 0;
}
.genesis-nav-menu .menu-item-type-post_type.current-menu-item  {
	background-color: #9900CC;
}
/*Sub Menu*/
.genesis-nav-menu .sub-menu a{
	border:0;
	width:100%;
	background-color:transparent;
}
.menu li .sub-menu{
	top: 20px;
	background-color: #d9d9d8;
	padding-bottom:15px;
	border:0;
	text-align: left;
}
.menu li .sub-menu li{
	margin:0;
}
/*BUTTON_SECTION*/
.vc_row .wpb_button, .vc_row .wpb_content_element, .vc_row ul.wpb_thumbnails-fluid>li, .entry {
	margin-bottom: 0;
}
.vc_row .vc_btn3.vc_btn3-style-custom {
	color: #fff !important ;
	font-size: 25px;
	font-weight: 900;
	text-transform: uppercase;
	background : linear-gradient(90deg, rgba(166, 52, 214, 1) 0%, rgba(143, 42, 207, 1) 7.64%, rgba(98, 21, 193, 1) 24.5%, rgba(81, 13, 188, 1) 33%, rgba(71, 30, 194, 1) 38.47%, rgba(55, 57, 203, 1) 49.22%, rgba(45, 73, 209, 1) 58.74%, rgba(42, 79, 211, 1) 66%, rgba(42, 68, 217, 1) 73.8%, rgba(43, 57, 224, 1) 86.44%, rgba(43, 53, 226, 1) 100%);
	border-radius: 5px;
	padding: 3px 5px;
	width: 56%;
	border: none !important;
}
/*PLACEHOLDER_SECTION*/
::-webkit-input-placeholder { 
	color:#333333;
	opacity:  1;
}
:-moz-placeholder { 
	color:#333333;
	opacity:  1;
}
::-moz-placeholder {
	color:#333333;
	opacity:  1;
}
:-ms-input-placeholder {
	color:#333333;
	opacity:  1;
}
/*FORM_SECTION*/
input, select, textarea {
	border:0 !important ;
	color:#333333 !important;
	font-size: 18px !important;
	padding: 8px 12px !important;
	line-height: 1 !important;
	border-radius: 5px !important;
	background-color: #fff;
}
.vc_row .gform_wrapper textarea.small {
	height: 100px;
}
.vc_row .gform_wrapper .gform_footer input[type=submit], input[type=submit]{
	background : linear-gradient(90deg, rgba(166, 52, 214, 1) 0%, rgba(143, 42, 207, 1) 7.64%, rgba(98, 21, 193, 1) 24.5%, rgba(81, 13, 188, 1) 33%, rgba(71, 30, 194, 1) 38.47%, rgba(55, 57, 203, 1) 49.22%, rgba(45, 73, 209, 1) 58.74%, rgba(42, 79, 211, 1) 66%, rgba(42, 68, 217, 1) 73.8%, rgba(43, 57, 224, 1) 86.44%, rgba(43, 53, 226, 1) 100%);
	font-size: 18px !important;
	color: #fff !important;
	padding: 10px 2em !important;
	font-weight: 900;
	width: 100% !important;
}
.vc_row .gform_wrapper .gform_fields {
	gap: 16px;
}
.gform_confirmation_message {
	padding: 6em 0;
	text-align: center;
}
.gform-theme--framework .gform_validation_errors{
	margin-bottom: 16px;
}
.gform-theme--framework .gform_validation_errors .gform_submission_error{
	font-size: 18px;
}
#contact .gfield_validation_message,  #contact .gform-theme--framework .gform_validation_errors {
	background-color: #ffffffe3;
	padding: 5px;
	margin-top: 10px;    
	font-weight: 400;
	color: #c02b0a;
	font-size: 18px;
}
/*AUDIO_SECTION*/
body span.mejs-time-loaded, body span.mejs-time-hovered, body span.mejs-time-buffering, .customaudioplayer .mejs-volume-button, .customaudioplayer .mejs-time-handle-content, .customaudioplayer .mejs-horizontal-volume-slider, .customaudioplayer .mejs-time-float,.mejs-time.mejs-duration-container,.mejs-time.mejs-currenttime-container,audio ,.mejs-horizontal-volume-slider{
	display:none !important;
}
.customaudioplayer .mejs-container .mejs-controls, .customaudioplayer .mejs-container{
	background: transparent;
}
.customaudioplayer .mejs-controls .mejs-time-rail .mejs-time-total, .customaudioplayer .mejs-time-float-corner, .customaudioplayer .mejs-controls .mejs-time-rail .mejs-time-loaded{
	top: 59px;
	height: 20px;
	width: 100%;
	margin: 0 auto;
	right: 0;
	left: 0;
	background-color: transparent!important;
}
.customaudioplayer .mejs-controls .mejs-time-rail .mejs-time-total {
	background-color: transparent;
}
body .mejs-time-current {
	background: #fff!important;
	height: 20px;
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius: 15px !important;
}
.customaudioplayer .mejs-button>button,body .mejs-replay button {
	background: transparent;
	margin: 0;
	width: 60px;
	height: 60px;
}
.mejs-play:before, .mejs-replay:before{
	background-position: 10px 5px;
}
.mejs-pause:before {
	background-position: -64px 5px;
}
.customaudioplayer .download-audio a {
	background-position: -125px 5px;
	top: -31px;
	left: -95px;
	z-index: 999;
}
.mejs-play:before, .mejs-replay:before, .mejs-pause:before, .customaudioplayer .download-audio a, .custom-event-class .customaudioplayer:before{
	position: absolute;
	width: 60px;
	height: 60px;
	content: "";
	background-image: url(https://www.88creates.com/wp-content/uploads/2025/05/sprite-svg.svg);
	background-size: 180px;
	background-repeat: no-repeat;
}
.custom-event-class .customaudioplayer:before, .custom-event-class .customaudioplayer .download-audio a{
	left: 100px;
}
.customaudioplayer .mejs-button{
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 10px;
	left: 29px;
}
.vc_row.audio-row .wpb_column:nth-child(1) .customaudioplayer {
	background-image: url(https://www.88creates.com/wp-content/uploads/2025/05/audio_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}
.vc_row.audio-row .wpb_column:nth-child(2) .customaudioplayer {
	background-image: url(https://www.88creates.com/wp-content/uploads/2025/05/second_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}
.vc_row.audio-row .wpb_column:nth-child(3) .customaudioplayer {
	background-image: url(https://www.88creates.com/wp-content/uploads/2025/05/third_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}
.vc_row.audio-row .wpb_column:nth-child(4) .customaudioplayer {
	background-image: url(https://www.88creates.com/wp-content/uploads/2025/05/fourth_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}
.customaudioplayer .mejs-controls {
	height: auto;
	padding: 0;
}
.customaudioplayer .mejs-time-rail{
	margin: 0;
	height: auto;
	padding: 0;
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}

body .mejs-button>button:focus {
	outline: none !important;
}
.customaudioplayer{
	width: 200px;
	background-color: #612f7c;
	height: 200px;
	display: flex;
	align-items: center;
	margin: 40px auto !important;
	border-radius: 30px;
}
.custom-audio-title{
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	font-size: 18px;
	width: calc(100% - 90px);
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	color: #fff;
	text-transform: capitalize;
	z-index: 99;
	margin: 0 auto;
	text-align: center;
}
.download-audio {
	position: relative;
}
:focus{
	outline:none !important 
}
.audio-block br{
	display:none;
}
/*BANNER*/
h1.site-title{
	font-size: 125px;
	text-shadow: 7px 6px BLACK;
	line-height: 100px;
}
h1.site-title b{
	font-size: 188px;
}
.tagline{
	font-size: 65px;
	text-shadow: 4px 5px BLACK;
}
.sub_title{
	font-size: 38px;
	text-shadow: 3px 4px BLACK;
}
.mobile_image{
	display: none;
}
/*FRAME*/
.framework-row .wpb_single_image img{
	width:110px;
}
.framework-row .fourth_column .wpb_single_image img{
	width:130px;
}
.framework-row h2{
	font-size: 22px;
}
.framework-row p{
	font-size: 16px;
}
/*Lets Talk */
.lets_talk h2{
	margin-left: -3.5em;
}
.business h2{
	margin-right: -3.5em;
}
.vc_row.business .business_column .vc_column-inner{
	z-index: -1;
}
.vc_separator.vc_sep_color_white .vc_sep_line{
	background-image : linear-gradient(90deg, rgba(166, 52, 214, 1) 0%, rgba(143, 42, 207, 1) 7.64%, rgba(98, 21, 193, 1) 24.5%, rgba(81, 13, 188, 1) 33%, rgba(71, 30, 194, 1) 38.47%, rgba(55, 57, 203, 1) 49.22%, rgba(45, 73, 209, 1) 58.74%, rgba(42, 79, 211, 1) 66%, rgba(42, 68, 217, 1) 73.8%, rgba(43, 57, 224, 1) 86.44%, rgba(43, 53, 226, 1) 100%);
	border:transparent;
	background-origin: border-box;
	background-clip: content-box, border-box;
	height: 10px;
}
/*CONTACT*/
h2 b{
	font-size: 50px;
}
.gform-loader {
	display: none !important;
}
/*FOOTER*/
.site-footer p, .site-footer p a{
	font-size: 16px;
	color:#fff;
}
/***** Full Width CSS ******/
.header-full-width .wpb-content-wrapper .row-container[data-vc-full-width]>.vc_row {
	max-width: 1200px;
	margin: 0 auto;
}
.header-full-width .wpb-content-wrapper .row-container[data-vc-stretch-content]>.vc_row {
	max-width: 100%;
}
.post {
	padding-top: 1em;
}
.entry-title a{
	color: #fff;
}
select#cat, select#archives-dropdown--1 {
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("https://www.88creates.com/wp-content/uploads/2025/07/down_arrow.svg")#fff no-repeat ;
    background-position: right 10px center;
    background-size: 20px;
    line-height: normal !important;
    height: 42px;
}
/*RESPONSIVE_SECTION*/
@media only screen and (max-width: 1200px){
	.menu li {
		padding: 10px 30px;
	}
}
@media only screen and (max-width: 959px){
	.header-menu{
		display: none;
	}
	.site-header .wpb_column, .framework-row .wpb_column, #demos .wpb_column{
		width: 100%;
		text-align: center !important;
	}
	#wprmenu_bar{
		width: 100%;
	}
	.home .site-header{
		position: inherit;
	}
	h1.site-title{
		font-size: 90px;
		line-height:1;
	}
	h1.site-title b{
		font-size: 125px;
	}
	#banner-section {
		padding-top: 3em !important;
		padding-bottom: 3em!important;
	}
	.vc_row.lets_talk .vc_column-inner, .vc_row.business .vc_column-inner{
		background-image: none !important;
	}
	.vc_row .brand-column .vc_column-inner{
		padding: 2em 15px 0 !important;
	}
	.mobile_image{
		display: block;
	}
	h1.site-title{
		padding-top: 0 !important;
	}
	.tagline{
		font-size: 30px;
	}
	.sub_title{
		font-size: 34px;
	}
}
@media only screen and (max-width: 767px){
	h1, h5, h2, .wpb_single_image, .vc_custom_heading, .vc_row .vc_btn3-container, .site-header .wpb_column, .site-footer .wpb_column,.text-right, .vc_grid-filter.vc_grid-filter-left, .entry-header .entry-meta {
		text-align:center !important;
	}
	.lets_talk h2{
		margin-left: 0;
	}
	.business h2{
		margin-right:0;
	}
	.vc_separator.vc_sep_color_white .vc_sep_line{
		width: 100%;
	}
	.vc_row .vc_separator{
		margin: 0 auto;
		padding-top:0 !important;
	}
	h1.site-title{
		font-size:80px;
	}
	.tagline{
		font-size: 30px;
	}
	.sub_title{
		font-size: 22px;
	}
	.vc_row .vc_btn3.vc_btn3-style-custom {
		width: inherit;
		padding: 5px 20px;
	}
	#banner-section .vc_btn3-container {
		margin-top: 2em !important;
	}
}
@media only screen and (max-width: 639px){
	h2 b {
		font-size: 36px;
	}
	h2{
		font-size: 30px;
	}
	h1.site-title{
		font-size:30px;
	}
	h1.site-title b{
		font-size: 40px;
	}
	.vc_row .vc_btn3.vc_btn3-style-custom{
		font-size: 18px !important;
	}
}
@media only screen and (max-width: 479px){
	.tagline,h2{
		font-size: 20px;
	}
	.sub_title{
		font-size: 12px;
	}
	.custom-event-class .customaudioplayer:before{
		left: 120px;
	}
	#banner-section .wpb_raw_code{
		margin-right:0 !important;
		display: block;
	}
}