/*Theme Default Colours*/
.blackbg{background-color: #000;}

.has-prime-color, .prime { color: var(--prime) !important; }
.has-prime-background-color, .primebg { background-color: var(--prime); }

.has-red-color, .red, .has-second-color { color: var(--red4j) !important; }
.has-red-background-color, .redbg, .has-second-background-color { background-color: var(--red4j); }

.has-blue-color, .blue, .has-fourth-color { color: var(--blue4j) !important; }
.has-blue-background-color, .bluebg, .has-fourth-background-color { background-color: var(--blue4j); }

.has-orange-color, .orange, .has-third-color { color: var(--orange4j) !important; }
.has-orange-background-color, .orangebg, .has-third-background-color { background-color: var(--orange4j); }

.has-purple-color, .purple, .has-fifth-color { color: var(--purple4j) !important; }
.has-purple-background-color, .purplebg, .has-fifth-background-color { background-color: var(--purple4j); }

.has-green-color, .green, .has-sixth-color { color: var(--green4j) !important; }
.has-green-background-color, .greenbg, .has-sixth-background-color { background-color: var(--green4j); }

/*Animation styles*/
video{
	margin-bottom: -1px !important;
}

[data-dir]{
	/*clip-path: inset(100% 0 0 0);*/
	opacity: 0;
}

[transition-style]{
	-webkit-animation-fill-mode: backwards !important;
}

/*@keyframes wipe-out-bottom-right {
  from {
    clip-path: polygon(51% -51%, 151% 51%, 51% 151%, -51% 51%);
  }
  to {
    clip-path: polygon(151% 51%, 151% 51%, 51% 151%, 51% 151%);
  }
}

[transition-style="out:wipe:bottom-right"] {
  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-out-bottom-right both;
  animation-delay: 4s;
}*/

body .grecaptcha-badge{
	display:none !important;
}

html body{
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	color: #000;
	overflow-x: hidden;
	letter-spacing: -0.5px;
}

.sitewrap{
	overflow-x: hidden;
}

.page-template-template-presents .sitewrap{
	overflow-x: unset;
}

body a{
	color: var(--prime);
	font-weight: bold;
	text-decoration: none !important;	
	transition: 0.3s;
}

body a:hover, body a:focus{
	color: var(--blue4j);
	outline:none !important;
}

@media (max-width: 992px){
	.half2{
		margin-top:30px;
	}
}

input:focus, button:focus{
	outline: none !important;
	box-shadow:none !important;
	border-color: #000 !important;
}

blockquote{	
	background: #e6e6e6;
	display: block;
    padding: 30px;
    font-style: italic;
    margin:0 50px;
}

body h1, body h2, body h3, body h4, body h5, body h6{
	font-family: 'Rubik', sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 1em;
}


.ctn{
	position: relative;
	padding:70px 0;
}


body .brandbtn{
	position: relative;
	background: var(--prime);
	color: #fff;
	transition: 0.3s;	
	font-size:20px;
	font-weight:bold;
	padding:10px 15px;
	white-space: normal;
	border-radius: 0px;
	font-weight: 600;
	width: 300px;
	text-align: left;
	border: 1px solid var(--prime);
	transition: 0.3s;
}

body .brandbtn .icon{
	height: 40px;
	margin-right: 15px;
	transition: 0.3s;
}

body .brandbtn i{	
  float: right;
  font-size: 20px;
  padding: 10px 0;
  transition: 0.3s;
}

body .brandbtn:hover{
	background: var(--red4j);
	color:  #fff;
	transition: 0.3s;	
}

body .brandbtn:hover{
	padding: 10px 5px 10px 15px;
}

body .brandbtn:hover .icon{
	transform: scale(0.8);
}

body .brandbtn.altbtn{
	color: var(--prime);
	background: #fff;
	border: 1px solid #fff;
}

body .brandbtn.bluebtn{
	color: #fff;
	background: var(--blue4j);
	border: 1px solid var(--blue4j);
}

.brandbtn i{
	margin-right:10px;
}

/*THEME DEFAULTS*/


/*DEFAULT CF7 STYLING*/
.wpcf7{
	background: #fff;
	padding: 30px;
}

.wpcf7 .frm{
	margin-bottom: 15px;
}

.wpcf7 label{
	width:100%;
	color: var(--prime);
	font-weight: 600;
}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select{
	width:100%;
	padding: 15px 15px;
	outline:none !important;
	border:1px solid #ccc !important;
}

.wpcf7 textarea{
	height: 200px;
}

.wpcf7 input[type="checkbox"]{
	margin-right: 5px;
    height: 20px;
    width: 20px !important;
    position: relative;
    top: 3px;
}

.wpcf7 .frmgdpr{
	/*text-align: center;*/
}

.wpcf7 .wpcf7-submit{
	background: #000 !important;
	color: #fff !important;
	transition: 0.2s;
}

.wpcf7 .wpcf7-submit:hover{
	background: #fff !important;
	color: #000 !important;
	transition: 0.2s;
}
/*DEFAULT CF7 STYLING*/


/*CONTACT TEMPLATE*/
.acf-map {
	width: 100%;
	height: 400px;
	border: #f5f4ef solid 1px;
	margin: 0;
}

.acf-map .companyname{
	font-weight: bold;
	font-size: 20px;
	margin:0 0 10px 0;
}

.acf-map .companyaddress{
	font-size: 14px;
	margin:0 0 5px 0;
}

.acf-map .companyaddress a{
	font-weight: bold;
	font-size: 14px;
}

@media (max-width: 992px){
	.mapctn{
		margin-top: 40px;
	}
}
/*CONTACT TEMPLATE*/


/*SIDEBAR 2 COLUMN TEMPLATE*/
.sidebar-side{
	position: sticky !important;
	position: -webkit-sticky;
    top: 100px;
    z-index: 1;
}

.sidectn{
	margin-bottom: 30px;
}

.sidectn .heading{
	margin:0 0 10px 0;
	font-weight: bold;
	font-size: 22px;
}

.sideimgctn img{
	margin-bottom: 10px;
	width:100%;
}

.sidenav ul{
	list-style: none;
	padding-left: 0px;
	margin:0px;
}

.sidenav ul a{
	display: block;
	background: #000;
	color: #fff;
	padding: 5px;
	border:1px solid #000;
	margin-bottom: 2px;
}

.sidenav ul a:hover{
	background: #fff;
	color: #000;
	padding-left: 10px;
}
/*SIDEBAR 2 COLUMN TEMPLATE*/



/*.overlaypanel{
	position: relative;
}

.overlaypanel:after{
	background:rgba(0,0,0,0.5);
	position: absolute;
	content:'';
	width:100%;
	height: 100%;
	left:0px;
	top:0px;
}

.overlay-inner{
	position: relative;
	z-index: 10;
}*/


.slick-dots{
	position: relative;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 15px;
    margin: 0 5px;
    padding: 0;
    display: inline-block;
    background: #ccc;
    border-radius:0px;
    cursor: pointer;
    transition: 0.2s;
}

.slick-dots li.slick-active{
	background: var(--prime);
}


.slick-dots li button{
	background: none;
	border:none;
	font-size: 0px;
	outline: none;
}

/*.ekko-lightbox-nav-overlay a span{
	font-size:50px;
}*/


/**************HEADER***************/
.textshadow{
	text-shadow:rgba(0, 0, 0, 0.4) 0px 4px 3px, rgba(0, 0, 0, 0.1) 0px 8px 13px, rgba(0, 0, 0, 0.1) 0px 18px 23px
}

.container.wc{
	max-width: 1600px;
}

.header{
	padding:30px 0;
	background: #fff;
	position: sticky !important;
	position: -webkit-sticky;
    top: 0px;
    z-index: 999;
    /*box-shadow:0px 0px 1px 1px #ccc;*/
}

.header .logo img{
	width:300px;
	min-width:300px;
}

.header .nav{
	display: block;
}

.nav ul{
	margin: 0px !important;
	font-size: 0px;
	text-align: right;
}

.nav ul li{
	display: inline-block;
	position: relative;
	padding:12px 0 12px 40px;
}

.nav ul li a{
	display: block;
	font-size: 16px;	
	font-weight: 600;
	color: #000;
	letter-spacing: 1px;
}

.nav ul li a{
    --btn-color:var(--prime); 
    
    position:relative; 
    padding:5px 0;
    border: none;

    background:transparent;
    color:var(--btn-color); font-weight:600;
}

.nav ul li a:before, .nav ul li a:after {
    content:""; 
    display:block;
    height:4px; 
    width:100%; 
    position:absolute; bottom:0; left:0;
    background:#fff;
    transition:none;
}

/*
.nav ul li a:before, .nav ul li:nth-of-type(1) a:after{
	background: var(--red4j)
}
.nav ul li a:before, .nav ul li:nth-of-type(2) a:after{
	background: var(--orange4j)
}
.nav ul li a:before, .nav ul li:nth-of-type(3) a:after{
	background: var(--green4j)
}
.nav ul li a:before, .nav ul li:nth-of-type(4) a:after{
	background: var(--blue4j)
}
.nav ul li a:before, .nav ul li:nth-of-type(5) a:after{
	background: var(--purple4j)
}
.nav ul li a:before, .nav ul li:nth-of-type(6) a:after{
	background: var(--red4j)
}
.nav ul li a:before, .nav ul li:nth-of-type(7) a:after{
	background: var(--orange4j)
}*/

.nav ul li a:before, .nav ul li.current_page_item a:before {background:var(--prime);}
.nav ul li a:hover{color:#000 !important}
.nav ul li a:hover:after, .nav ul li.current_page_item a:after {animation:btn-underline-slides 1.5s infinite;}

.nav ul li:nth-of-type(1) a:before, .nav ul li:nth-of-type(1).current_page_item a:before {background:var(--red4j);}
.nav ul li:nth-of-type(2) a:before, .nav ul li:nth-of-type(2).current_page_item a:before {background:var(--orange4j);}
.nav ul li:nth-of-type(3) a:before, .nav ul li:nth-of-type(3).current_page_item a:before {background:var(--green4j);}
.nav ul li:nth-of-type(4) a:before, .nav ul li:nth-of-type(4).current_page_item a:before {background:var(--blue4j);}
.nav ul li:nth-of-type(5) a:before, .nav ul li:nth-of-type(5).current_page_item a:before {background:var(--purple4j);}
.nav ul li:nth-of-type(6) a:before, .nav ul li:nth-of-type(6).current_page_item a:before {background:var(--red4j);}
.nav ul li:nth-of-type(7) a:before, .nav ul li:nth-of-type(7).current_page_item a:before {background:var(--orange4j);}

.nav ul li:nth-of-type(1) a:before, .nav ul li:nth-of-type(1).current_page_item a:after {background:var(--red4j);}
.nav ul li:nth-of-type(2) a:before, .nav ul li:nth-of-type(2).current_page_item a:after {background:var(--orange4j);}
.nav ul li:nth-of-type(3) a:before, .nav ul li:nth-of-type(3).current_page_item a:after {background:var(--green4j);}
.nav ul li:nth-of-type(4) a:before, .nav ul li:nth-of-type(4).current_page_item a:after {background:var(--blue4j);}
.nav ul li:nth-of-type(5) a:before, .nav ul li:nth-of-type(5).current_page_item a:after {background:var(--purple4j);}
.nav ul li:nth-of-type(6) a:before, .nav ul li:nth-of-type(6).current_page_item a:after {background:var(--red4j);}
.nav ul li:nth-of-type(7) a:before, .nav ul li:nth-of-type(7).current_page_item a:after {background:var(--orange4j);}


@keyframes btn-underline-slides {
  0% {width:100%; right:0; left:auto;}
  50% {width:0; right:0; left:auto;}
  50.1% {width:0; left:0; right:auto;}
  100% {width:100%; left:0; right:auto;}
}

.nav ul li .sub-menu{
	position: absolute;	
	z-index: 20;
	display: none;
	left:0px;
}

.nav ul li .sub-menu li{
	min-width:250px;
	text-align: left;
}

.nav ul li .sub-menu li:first-of-type{
    margin-top:15px;
}

.nav ul li .sub-menu li a{
	display: block;
	background: #333;
	color:#fff;
	padding: 10px;
}

.nav ul li.menu-item-has-children:hover .sub-menu{
	display: block;
}

.nav ul li .sub-menu li a:hover{
	background: #000;
}


/*.nav .current_page_item a, .nav ul li a:hover{
	color: var(--prime);
}*/


@media (max-width: 1200px){
	.header .logo img{
		width: 250px;
		min-width: 250px;
	}
}

@media only screen and (max-width: 1100px){
	html {
	    padding-top: 60px !important;
	}
}

#wprmenu_bar .bar_logo{
	  border: none;
    margin: 0;
    padding: 0px 8px 0px 0px;
    width: auto;
    height: 35px;
    position: relative;
    top: -2px;
}

#wprmenu_menu_ul{
	text-align: center;
	margin-top: 30px;
}

#wprmenu_bar div.hamburger {
    margin-top: -3px;
    margin-right: 20px !important;
}
/**************HEADER***************/



/**************BREADCRUMBS***************/
.breadhead{
	position: relative;
	background: #fff;
	padding: 15px;
	color: #000;
}

.breadhead h1{
	margin:0px;
	font-size:20px;
	color: #000
}

.bread-right{
	text-align: right;
}

#breadcrumbs{
	margin-bottom: 0px;	
}

#breadcrumbs a{
	color: #000;
}
/**************BREADCRUMBS***************/




/**************FOOTER***************/
.footer{
	background: #000;
	padding: 30px 0px;
	color: #fff;
	font-weight: normal;
	letter-spacing: 1px;
}

.footer .fr{
	text-align: right;
}

.footer a{
	font-weight: bold;
	color: #fff;
}

.footer a:hover{	
	color: var(--prime);
}

.footer ul{
	list-style: none;
	padding-left: 0px;
}

.footer ul li{
	margin: 5px 0;
}

.footer ul li .line{
	display: inline-block;
	padding: 0 5px;
}

.footer img{
	width: auto;
	height: 40px;
	margin-bottom: 10px;
}

/*SOCIALS*/
.socials{
	list-style: none;
	padding-left: 0px;	
}

.socials li{
	display: inline-block;
	margin:0 2px;
}

.socials li img{
	transition: 0.2s;	
}

.socials li img:hover{
	transition: 0.2s;
	transform: scale(0.90);
}

@media (max-width: 992px){
	.footer{
		text-align: center;
	}

	.footer .fr{
		text-align: center;
	}

	.footer ul li span.line{
		display: none;
	}

	.footer a{
		display: block;
	}
}
/**************FOOTER***************/



/**************MODAL***************/
.modal{
	z-index: 9999999;
	text-align: center;
}

.modal-header{
	background: var(--prime);
	display: block;
}

.modal-header h5{
	color: #fff;
	font-weight: 600;
}

.modal .close{
	opacity: 1;
	color: #fff;
	position: absolute;
	top: 0px;
	right: 15px;
}

.modal-body{
	padding: 50px 30px;
}

.modal-body p{
	margin-bottom: 0px;
}
/**************MODAL***************/


/**************BLOG INDEX***************/
.pagetop.newstop h1, .pagetop.newstop h1{	
	padding-bottom: 60px;
}

.newscats{
	padding-bottom: 20px;	
}

.newscats a:last-of-type{
	margin-right: 0px;
}

.sfrm{
	padding-bottom: 80px;	
	width: 600px;
	transition: 2s;
}

@media (max-width: 768px){
	.sfrm{
		width:100%
	}
}

.newscats h4{
	margin-bottom: 20px;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
}

.newscats a{
	display: inline-block;
	margin-right: 10px;
	padding: 7px 12px;
	font-weight: 600;
	font-size: 16px;
	color: #fff !important;
}

.newscats a.all{
	background: #fff;
	color: #000 !important;
}

.newscats a:hover{
	opacity: 0.8;
}


@media (max-width: 992px){
	.newscats a{
		margin-right: 5px;
		padding: 5px 8px;		
		font-size: 14px;
		margin-bottom: 15px;
	}
}



.newsctn{
	display: block;	
}

.newsctn img{
	width: 100%;
	padding: 1px;
}

.newsinfo{
	padding: 30px 20px;
	color: #fff;
	font-weight: normal;
}

.newsinfo h4{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}

.newsinfo h2{
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 15px;
}

.newsinfo p{
	font-size: 16px;
}

.newsinfo .newsbtn{
	background: #fff;
	width: 250px;
	padding: 15px;
	color: #000;
}

.newsinfo .newsbtn span{
	float: right;
	padding-right: 0px;
	transition: 0.2s;
}

.newsinfo:hover .newsbtn{		
	color: var(--prime);
	transition: 0.2s;
	opacity: 0.9;
}

.newsinfo:hover .newsbtn span{	
	padding-right: 10px;
	transition: 0.2s;
}

.newsinfo:hover .newsbtn span{	
	padding-right: 10px;
	transition: 0.2s;
}

.twitterctn{
  background: var(--blue4j);	
}

.twfeedctn{
	padding: 0px;
}

.fts-powered-by-text-popup a.fts-powered-by-text{
	display: none !important;
}

.fts-uppercase.fts-bold, .fts-twitter-reply-wrap, .fts-twitter-reply-wrap-left, .fts-twitter-logo{
	display: none;
}

.fts-tweeter-wrap .tweeter-info{
	border-bottom: none !important;
	padding: 0px !important;
}

.fts-twitter-text{
	padding: 30px 15px;
}

.tweeter-info .fts-right{
	padding-top: 0px;
}

img.fts-twitter-description-image{
	margin-top: 0px !important;
}

.fts-tweeter-wrap .tweeter-info img{
	width: 100%;
}

.toptw{
	position: relative;
	height: 68px;
}

.toptw p{
  color: #fff;
  font-weight: bold;
  font-size: 25px;
  padding: 20px;
}

.toptw img{
	position: absolute;
	top: 0px;
	right: 0px;
}

@media (max-width: 1300px){
	.toptw p{
	  font-size: 16px;	  
	}
}

@media (max-width: 768px){
	.toptw p{
	  font-size: 16px;
	}

	.newsinfo h4 .sep{
		display: none;
	}

	.newsinfo h4 .date{
		display: block;
	  margin-top: 5px;
		font-size: 18px;
	}
}


/* Updated */
.fts-tweeter-wrap {
	margin-bottom:30px;
}

.fts-twitter-div .fts-uppercase{
	float:none !important;
}

.fts-twitter-username{
	margin-right:10px;
}


body a.fts-twitter-at-name{
	color:#fff !important;
}

body .pagination{
	text-align: center;
	clear: both;
}

body .pagination{
	text-align: center;
	display: block;
	padding: 20px 0;
}

body .pagination span, body .pagination a{
	font-weight: bold;
	margin-right:10px;
	font-size:16px;
	color: #fff;
}

@media (max-width: 992px){
	.newsouter a h3{
		margin-top:30px;
	}
}
/**************BLOG INDEX***************/

/**************SINGLE BLOG***************/
.singlenews .maincontent{
	padding: 50px;
	color: #000;
	font-size: 20px;
	line-height: 34px;
}

.singlenews, .singlenews p{	
	font-weight: 300;
}

.singlenews a{
	color: #000;
}

.singlenews .mainimg{
	width: 100%;	
}

@media (max-width: 992px){
	.singlenews .maincontent{
		padding: 30px 15px;
	}
}
/**************SINGLE BLOG***************/

/**************SEARCH***************/
/*form*/
/*.svg-icon {
    width: 1em;
    top: 3px;
    height: 1em;
    position: relative;
    fill: #fff
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #fff;
  font-weight: bold;
}*/

.svg-icon circle {
  stroke: #000;
  stroke-width: 1;
}

.sfrm input{
	border: none;	
}

.sfrm .form-control{
	padding: 18px 10px;
	border-radius: 0px !important;
}

.sfrm i{
	color: #fff;
}

.sfrm button{
	border: none;
	background: var(--prime);
	border-radius: 0px !important;
	padding: 0 26px;
}

.sfrm button:hover{
	background: var(--red);
}

/*form*/

.sser form{
	border: 1px solid #000 !important;
}

.sser .input-group{
	margin-bottom: 0px !important
}

.searchresults .pagination{
	margin-top: 30px;
}
/**************SEARCH RESULTS***************/



/*Reuseable Gut Blocks */
.bannerblock .wp-block-columns{
	margin-bottom: 0px;
}



.headcol{
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 10px;
}


@media (max-width: 992px){
	.headtxt h2{
		text-align: center !important;
	}

}

.cent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


.homeheroctn{
	position: relative;
	overflow: hidden;	
}

.homeheroctn svg{
	display: block;
}

.homeheroctn .container{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);  
  color: #fff;
  font-size: 80px;
  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-right both;
  animation-delay: 5s;  
}

.homeheroctn h1{
	font-weight: bold;
    color: #fff;
    font-size: 100px;
    letter-spacing: -2px;
    margin-bottom: 20px;
}

.homeheroctn video{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	left: 0px;
	top: 0px;
	object-fit: cover;
	display: block;
	/*filter: blur(8px);
  -webkit-filter: blur(8px);*/
}

.homeheroctn .logoimg{
  animation: 5s cubic-bezier(.25, 1, .30, 1) zooman both;
  animation-delay: 3s;  
}

@keyframes zooman {
  from {    
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(50);
    opacity: 0;
  }
}

/*.homeheroctn .logoimg img{
	position: relative;
	z-index: 2;
	width: 100%;
	opacity: 0.85;
}*/

.homeheroctn .mob{
	display: none;
}

@media (max-width: 1200px){
	.homeheroctn h1{
		font-size: 60px;
	}
}

@media (max-width: 768px){
	.homeheroctn h1{
		font-size: 24px;
		letter-spacing: 1px;
	}
	.homeheroctn .logoimg img{
		width: 200%;
		max-width: none;
		left: -50%;
		position: relative;
	}

	.homeheroctn{
		height: 400px;
	}

	.homeheroctn video{
		height: 400px;
	}

	.homeheroctn .mob{
		display: block;
		object-fit: cover;
		height: 400px;
	}

	.homeheroctn svg{
		display: none;
	}
}


.fullimagectn{
	position: relative;
}

.floatimg{
	  position: absolute;
    right: 20px;
    bottom: 10%;
    z-index: 5555;
    width: 250px;
}

.fullimagectn video{
	display: block;
	width: 100%;
}

.fullimagectn .mainimg{
	width: 100%;
}


.fullimagectn .container{
	position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;  
}

body .fullimagectn.mmctn .container{
	    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(0%,-50%);
    z-index: 10;
    max-width: 430px;
}


.fullimagectn .play{
	margin-bottom: 10px;
	width: 120px;
}

.fullimagectn h4{
  font-weight: bold;
	color: #fff;
	font-size: 40px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.fullimagectn h2, .fullimagectn h3{
	font-weight: bold;
	color: #fff;
	font-size: 100px;
	letter-spacing: -2px;
	margin-bottom: 0px;
}

.fullimagectn h3{
	font-size: 60px;
	letter-spacing: -1px;
}

.fullimagectn .btn{
	margin-top: 30px;
}

@media (max-width: 992px){
	.fullimagectn h4{
		font-size: 30px;
	}

	.fullimagectn h2{
		font-size: 60px;	
		letter-spacing: 1px;
	}

	.fullimagectn h3{
		font-size: 40px;	
	}

	.floatimg{	  
    width: 140px;
  }
}

@media (max-width: 768px){
	.fullimagectn h4{
		font-size: 20px;
	}

	.fullimagectn h2{
		font-size: 40px;	
	}

	.fullimagectn h3{
		font-size: 30px;	
	}

	.fullimagectn .mainimg{
		width: 200%;
		max-width: none;
		left: -50%;
		position: relative;
	}

	.floatimg{	  
    width: 70px;
    border: 10px;
    right: 10px;
  }
}


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

	.fullimagectn h2{
		font-size: 30px;	
	}

	.fullimagectn h3{
		font-size: 25px;	
	}	
}



.boxesctn .outerbox{
	padding: 0px !important
}

.boxesctn .innerbox{	
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 200px;

}

.boxesctn .innerbox h2{
	color: #fff;
	padding: 0;
	margin-bottom: 0px;
	font-size: 30px;
  letter-spacing: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  line-height: 1.2em;
}

.boxesctn .brandbtn{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 50%;
}

/*.smbox{
	min-height: 100px;
}*/

@media (max-width: 1200px){
	.boxesctn .innerbox h2{
		font-size: 20px;
		padding: 100px 0;
	}
}

@media (max-width: 992px){
	.boxesctn .outerbox .brandbtn{
		width: 100%;		
	}

	.boxesctn .outerbox .brandbtn img{
		padding-left: 15px;
	}

	.boxesctn .outerbox .brandbtn i{
		padding-right: 15px;
	}
}

@media (max-width: 768px){
	.boxesctn .innerbox h2{
		padding: 70px 0;
		font-size: 20px;
	}
}

@media (max-width: 600px){
	.boxesctn .innerbox h2{
		padding: 20px 0;
		font-size: 18px;
	}

}


.inneraw{
	padding: 80px 50px;
	text-align: center;
}

.inneraw img{
	max-width: 300px;
	margin-bottom: 50px;
}

.inneraw .ainfo{
	margin-bottom: 50px;
}

.ainfo:last-of-type{
	margin-bottom: 0px;
}

.cent .ainfo{
	margin-bottom: 0px;
}

.inneraw h4{
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}

.inneraw p{
	color: #fff;
	font-size: 20px;
}

@media (max-width: 1100px){
	.inneraw{
		padding: 60px 30px;
	}

	.inneraw img{
		max-width: 250px;		
	}
}



.pagetop h1{
	padding: 160px 0;
	color: #fff;
	font-size: 66px;	
	margin-bottom: 0px;
}


@media (max-width: 992px){
	.pagetop h1{
		padding: 80px 0;
		color: #fff;
		font-size: 40px;	
		margin-bottom: 0px;
	}
}

.contactctn{
	padding: 100px 0;
}

.wpcf7 h6{
	color: var(--prime);
	font-size: 16px;
}

.wpcf7 h4{
	color: #000;
	font-size: 60px;
	margin: 10px 0 20px 0;
}

.acbutt .wpcf7-submit{
	display: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b3b3b3;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #b3b3b3;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #b3b3b3;
}
:-moz-placeholder { /* Firefox 18- */
  color: #b3b3b3;
}

@media (max-width: 992px){
	.wpcf7 h4{
		font-size: 30px;		
	}

	.contactctn{
		padding: 45px 0;
	}
}

@media (max-width: 575px){
	.contactctn{
		padding: 15px 0;
	}
}



.bannerctn{
	text-align: center;
	padding: 50px 15px; 
}

.bannerctn .innerbanner{
	max-width: 900px;
	display: inline-block;
}

.bannerctn h2{
	font-weight: 600;
	color: var(--red4j);
	font-size: 50px;
	margin-bottom: 20px;
}

.bannerctn p{
	font-weight: 600;
	margin-bottom: 0px;
	font-size: 20px;
}

.bluebanner.bannerctn{
	background: var(--blue4j);
}

.bluebanner.bannerctn h2{
	color: #fff;
}

.bluebanner.bannerctn p{
	color: #fff;
}


@media (max-width: 992px){
	.bannerctn{
		padding: 30px 15px; 
	}

	.bannerctn .innerbanner{
		max-width: none;
	}

	.bannerctn h2{		
		font-size: 30px;
		margin-bottom: 20px;
	}

	.bannerctn p{
		font-size: 18px;
	}
}




.teamouter .imgctn{
	position: relative;
}

.teamouter .socialsctn{
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 0px;
}

.teamouter .socialsctn a{
	display: inline-block;
}

.teamouter .socialsctn img{
	height: 50px;
	transition: 0.3s;
}

.teamouter .socialsctn a:hover img{
	height: 50px;
	transition: 0.3s;
	transform: scale(1.05);
}

.teamouter .teamimg{
	width: 100%;
}

.teamouter .teaminfo{
	padding: 15px;
}

.teamouter .teaminfo h4{
	color: #fff;
	margin-bottom: 0px;
	font-size: 28px;
}

.teamouter .teaminfo p{
	color: #fff;
	font-size: 18px;
	margin-bottom: 0px;
}

@media (max-width: 992px){
	.teamouter .teamimg{
		object-fit: cover;
		height: 400px;
	}
}


.fiftybg{
	position: absolute;
	width: 100%;
	z-index: 10;
}

.fiftyctn .container-fluid{
	overflow: hidden;
	position: relative;
}

.fiftyctn .txtside .innertxt{
	padding: 50px 15%
}

.fiftyctn .txtside{
	color: #fff;
	font-size: 20px;
	line-height: 34px;
}

.fiftyctn .txtside h3{
	color: #fff;
	font-size: 40px;
	,margin-bottom: 10px;
}

.fiftyctn .txtside p{
	color: #fff;
}

.fiftyctn .imgside img{
	position: relative;
	z-index: 15;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

@media (max-width: 1200px){
	.fiftyctn .txtside{
		font-size: 18px;
		line-height: 24px;
	}
}

@media (max-width: 768px){	
	.fiftybg{
		display: none;
	}
}

@media (max-width: 992px){
	.fiftyctn .txtside h3{	
		font-size: 30px;
	}

	.fiftyctn .txtside .innertxt{
		padding: 30px 0px;
	}	
}



.careerstop{
	position: relative;
}

.careerstop .peeps{
	position: absolute;
  transform: translate(0%,30%);
  z-index: 10;
  bottom: 0px;
  right: 10%;
  width: 600px;
}



.vacancyctn{
	background: #000;
	padding: 70px 0;
}

.vacancyctn h2{
	text-align: center;
	color: #fff;
	margin-bottom: 40px;
	font-size: 55px;
}

.outerjob{
	background: #fff;
	padding: 20px;
}

.outerjob h6{
	font-size: 20px;
	color: var(--red4j);
	margin-bottom: 10px;
	font-weight: 600;
}

.outerjob h3{
	font-size: 32px;
	color: #000;
	margin-bottom: 30px;	
}

/*.jobslider .slick-slide{
	margin: 20px;
}

.jobslider .slick-slide img{
	display: inline-block;
}*/

.outerjob .btn{
	width: 100%;
}




.galslider{
	display: none;
	font-size: 0px;
	line-height: 0px;
	background: #000;
}

.galslider .slick-dots{
	position: relative;
     bottom: auto; 
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    background: #000;
    padding: 30px 0;
}

.galslider img{
	display: block;
}





.txtimg .txt{
	color: #fff;
	padding: 100px 75px;
}

.txtimg h2{
	color: #fff;
	font-size: 60px;
	margin-bottom: 10px;
}

.txtimg h3{
	color: #fff;
	font-size: 40px;
	margin-bottom: 30px;
}

.txtimg .txt p{
	color: #fff;
	font-size: 22px;
	line-height: 32px;
}

.txtimg .pimg{
	/*height: 60%;
	padding: 100px 0;*/
	/*margin-top: 20%;*/
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 250px
}

@media (max-width: 992px){
	.txtimg .txt{		
		padding: 30px ;
	}

	.txtimg .pimg{
		position: relative;
		top: 0%;
  left: 0%;
  transform: translate(0%,0%);
  width: 250px
	}

	.txtimg h2{
		font-size: 46px;
	}

	.txtimg h3{
		font-size: 38px;
	}
}


.info{
	padding: 50px 15px;
}

.outerinfo h2{ 
	font-weight: 600;
}

.featimg{
	position: relative;
}

@media (max-width: 992px){
	.outerinfo{
		margin-bottom: 20px;
	}
}


.infopans{
	padding: 50px 30px;
}

.infopans h2{
	font-size: 32px;
	color: #000;
	margin-bottom: 10px;
}

.infopans h3{
	font-size: 28px;
	margin-bottom: 15px;
}

.infopans p{
	font-size: 18px;
	line-height: 30px;
}


.txttop{
	position: relative;
}

.txttop .innertxt{
	  position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 65px;
    background: rgb(39 152 191 / 70%);
    width: 60%;
    color: #fff;
    min-width: 600px;
}

.txttop .innertxt h2{
	font-size: 40px;
	color: #fff;
	margin-bottom: 10px;
}

.txttop .innertxt p{
	font-size: 20px;
	line-height: 32px;
}



/*PORTFOLIO*/
@media (max-width: 1200px){
	.potr-top span{
		display: block;
	}
}

@media (max-width: 992px){
	.infopans{
		padding: 30px 30px;
	}
}

.portctn{
	display: none;
}

.title4jsctn{
	display: block;
}

.pbctn, .compcat{
	padding-bottom: 75px;
}

.outerport{
	background: var(--red4j);
	padding: 1.5px !important;
}

.title4jsctn, .title4jsctn .outerport{
	background: var(--red4j);
}

.title4jsctn .outerport:nth-of-type(even){
	background: var(--prime);
}



.mashupsctn, .mashupsctn .outerport{
	background: var(--orange4j);
}

.mashupsctn .outerport:nth-of-type(even){
	background: #FDBE00;
}



.minigamesctn, .minigamesctn .outerport{
	background: var(--blue4j);
}

.minigamesctn .outerport:nth-of-type(even){
	background: #21b5e8;
}



.skinpackssctn, .skinpackssctn .outerport{
	background: var(--purple4j);
}

.skinpackssctn .outerport:nth-of-type(even){
	background: #6c40a7;
}


.texturepackssctn, .texturepackssctn .outerport{
	background: var(--green4j);
}

.texturepackssctn .outerport:nth-of-type(even){
	background: #548e22;
}


.outerport img{
	width: 100%;
}

.innerport{
	/*padding: 15px;*/
	color: #fff;
}

.innerport h4, .innerport a h4{
	font-weight: 600;
	margin-bottom: 0px;
	font-size: 20px;
	padding-top: 15px;
	padding-left: 15px;
	color: #fff;
}

.innerport p, .innerport a p{
	margin-bottom: 0px;
	padding-left: 15px;
	padding-bottom: 15px;
	color: #fff;
	font-weight: normal;
}


.toptitle{
	height: 50%;
}

.toptitle h4{
	color: #fff;
	padding: 30px;
	font-size: 40px;
}

.fl{
	position: relative;
}

.bottombox{
	position: absolute;
	bottom: 0px;
}

.bottombox.bottomtextbox{
	position: relative;
	background: none !important;
	padding: 30px !important;
}

.bottombox.bottomtextbox h2{
	color: #fff;
	margin-bottom: 15px;
}

.bottombox.bottomtextbox h3{
	color: #fff;
}

.bottombox.bottomtextbox p{
	color: #fff;
	margin: 50px 0 0 0;
}

@media (max-width: 992px){
	.bottombox.bottomtextbox{				
		padding: 20px !important;
	}	
}

@media (max-width: 1100px){
	.toptitle h4{
		padding: 20px;
    font-size: 34px;
    margin-bottom: 0px;
	}
}

@media (max-width: 992px){
	.bottombox{
		position: relative;
	}

	.toptitle{
		height: auto;
	}
}


@media (max-width: 768px){
	.bottombox{
		position: relative;	
	}
	.toptitle{
		height: auto;
	}
}

@media (max-width: 500px){
	.toptitle h4{		
	    font-size: 24px;
	}
}


.thebuttons{
	text-align: right;
}

.bt{
	text-align: left;	
	margin: 2px 0;
	padding: 12px 10px;
}

.bt a{
	font-size: 14px;
	font-weight: 600;
	color: #fff !important;
	display: block;
	transition: 0.4s;
	letter-spacing: 1px;
}

.bt:hover, .bt:active, .bt:focus{	
	transition: 0.4s;
	color: #fff;
	background: transparent !important;
}

.bt img{
	height: 20px;
	width: auto;
	padding-right: 10px;	
}

.bt i{
	float: right;
	position: relative;
	top: 4px;
	padding-right: 0px;
	transition: 0.4s;
	color: #fff;
}

.bt a:hover i{
	padding-right: 4px;
	transition: 0.4s;
}


.title4jsctn .thebuttons .mp{
	background: #BF2718;
	border: 1px solid #BF2718;
}

.title4jsctn .thebuttons .ps{
	background: #BF2718;
	border: 1px solid #BF2718;
}

.mashupsctn .thebuttons .mp{
	background: #FECD00;
	border: 1px solid #FECD00;
}

.mashupsctn .thebuttons .ps{
	background: #F0900C;
	border: 1px solid #F0900C;
}

.minigamesctn .thebuttons .mp{
	background: #216E89;
	border: 1px solid #216E89;
}

.minigamesctn .thebuttons .ps{
	background: #216E89;
	border: 1px solid #216E89;
}

.skinpackssctn .thebuttons .mp{
	background: #2C1846;
	border: 1px solid #2C1846;
}

.skinpackssctn .thebuttons .ps{
	background: #5E3891;
	border: 1px solid #5E3891;
}

.texturepackssctn .thebuttons .mp{
	background: #385C19;
	border: 1px solid #385C19;
}

.texturepackssctn .thebuttons .ps{
	background: #477B1B;
	border: 1px solid #477B1B;
}

.thebuttons .mp{
	transition: 0.3s;
}

.thebuttons .ps{
	transition: 0.3s;
}

.imgctn{
	position: relative;
	display: block;
}

.playbtn{
	position: absolute;
	height: 75px;
	width: 75px !important;
	bottom: 0px;
	right: 0px;
	transition: 0.4s !important;
}

.imgctn:hover .playbtn{
	height: 100px;
	width: 100px !important;
	transition: 0.4s;	
}

div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content{
	background: hwb(4deg 2% 46% / 49%) !important;
}

.landingbantxt .innertxt{
	left: initial;
	right: 0px;
	width: 50%;
}

@media (max-width: 1200px){
	.landingbantxt .innertxt{
		position: relative;
		padding: 30px;
		width: 100%;
		min-width: 0px;
	}	
}

.infopans .maxtext{
	max-width: 600px;
}

.landinghero{
	position: relative;
}

.landinghero img{
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  /*right: 10%;*/
}

.landinghero video{
	width: 100%;
	display: block;
}

.landinghero .avail{
	position: absolute;
	width: 50%;
	bottom: 0px;
	right: 0px;
	background: rgba(255,255,255,0.9);	
	text-align: center;
}

.landinghero .avail h4{
	color: var(--blue4j);
	margin: 30px;
	font-size: 34px;
}

.landinghero .avail h4 a{
	color: var(--blue4j);
}

.landinghero .avail h4 a:hover{
	color: var(--purple4j);
}

@media (max-width: 1200px){
	.landinghero .avail{
		width: 100%;
		position: relative;
	}

	.landinghero img{
		max-width: 400px;
	}
}

@media (max-width: 1200px){
	.landinghero .avail h4{
		font-size: 28px;
		margin: 15px;
		text-align: left;
	}
}

@media (max-width: 768px){
	.landinghero img{
		max-width: 250px;
		transform: translate(-50%,-70%);
	}
}

@media (max-width: 500px){
	.landinghero img{
		max-width: 150px;
		transform: translate(-50%,-90%);
	}
}

@media (max-width: 400px){
	.landinghero img{
		max-width: 150px;
		transform: translate(-50%,-100%);
	}
}

.landingbantxt video{
	width: 100%;
	display: block;
}


.single-job .pagetop h1{
	padding-left: 15px;
}


.sjob .container{
	background: #fff;
	padding: 50px;
}

.sjob .container .wpcf7{
	padding: 10px 0 0 0;
}

.sjob .container .an{
	font-size: 40px;
}

@media (max-width: 992px){
	.sjob{
		padding: 15px 15px !important;
	}
}

@media (max-width: 768px){
	.sjob{
		padding: 0px !important;
	}
}



/*Presents page*/
@media (max-width: 600px){
	.bannerctn{
		text-align: left
	}
}


/*Video Panels*/
@media (max-width: 768px){
	.fullimagectn video{
		/*width: 170% !important;*/
		width: 140% !important;
		margin-left: -20%;
	}

	#typewriter{
		font-size: 30px;
	}
}


.ctn404{
	text-align: center;
	padding: 200px 0;
}

.ctn404 h1{
	margin-bottom: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 120px;
}

.ctn404 h2{
	color: #fff;
	font-size: 50px;
	margin-bottom: 30px;
}

@media (max-width: 1200px){
	.ctn404{
		text-align: center;
		padding: 100px 0;
	}
}

@media (max-width: 992px){
	.ctn404 h1{
		font-size: 80px;
	}

	.ctn404 h2{		
		font-size: 30px;		
	}
}

@media (max-width: 992px){
	.pp_pic_holder{
		width:100% !important;
		left:0px !important;
	}
	
	.pp_pic_holder iframe{
		width:100%  !important;
		height:auto !important;
	}
}

#twitter-feed-4jstudios{
	padding: 15px;
}

#twitter-feed-4jstudios .fts-tweeter-wrap{
	margin-bottom: 30px;
	color: #000;
}

#twitter-feed-4jstudios .fts-twitter-username{
	margin-right: 15px;
}

#twitter-feed-4jstudios .fts-twitter-at-name{
	color: #000 !important;
}

#twitter-feed-4jstudios .fts-twitter-quoted-text-wrap, .fts-twitter-quoted-video{
	clear: both;
	display: block;
}

#twitter-feed-4jstudios .fts-uppercase.fts-bold{
	float: none;
}

@media (min-width: 2000px){
	.pagetop .container{
		max-width: none;
		padding-left: 30px;
	}
}

.mmbtns{
	padding: 30px 0;
}

.mmbtns a{
	display: inline-block;
	margin: 0 5px;
}

.landinghero .mmbtns img{
	position: relative;
	top: 0px;
	left: 0px;
	transform: translate(0,0);
	max-width: 100px;
	transition: 0.2s;
}

/*.landinghero .mmbtns img:hover{
	transform: scale(1.1) !important;
	transition: 0.2s;
}*/

@media (max-width: 1200px){
	.page-template-template-landing-manic .landinghero .avail h4{
		margin: 30px;
		font-size: 34px;
	}
}

@media (max-width: 768px){
	.mmbtns{
		display: block !important;
	}

	.mmbtns h4{
		text-align: center !important;
		display: block;		
		font-size: 34px;
		margin-top: 0px !important;
	}

	.landinghero .mmbtns img{	
		max-width: 80px;
	}
}


@-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(1, 1);
}
 50% {
 -webkit-transform: scale(1.1, 1.1);
}
 100% {
 -webkit-transform: scale(1, 1);
};
}

@keyframes pulse {
 0% {
 transform: scale(1, 1);
}
 50% {
 transform: scale(1.05, 1.05);
}
 100% {
transform: scale(1, 1);
};
}

/*.mmbtnsctn a{
	-webkit-animation: pulse 1.2s linear infinite;
	animation: pulse 1.2s linear infinite;
}*/

.mmbtnsctn a:hover{
	transform: scale(0.92);
}


@media (max-width: 500px){
	.landinghero .mmbtns img{
		max-width: 135px;
		margin-bottom: 30px;
	}
}