/*
Theme Name: earthling
Theme URI: 
Author: Electronthemes
Author URI: https://electronthemes.com
Description: Finance brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and so one.
Tested up to: 5.5.1
Requires PHP: 5.2.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Text Domain: earthling

earthling WordPress Theme, (C) 2022
earthling is distributed under the terms of the GNU GPL.
*/
html {font-size:100%;}

@font-face {
    font-family: 'Zuume Cut';
    src: url('assets/fonts/ZuumeCut-Bold.eot');
    src: url('assets/fonts/ZuumeCut-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/ZuumeCut-Bold.woff2') format('woff2'),
        url('assets/fonts/ZuumeCut-Bold.woff') format('woff'),
        url('assets/fonts/ZuumeCut-Bold.ttf') format('truetype'),
        url('assets/fonts/ZuumeCut-Bold.svg#ZuumeCut-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.tab-panel-animation{
	animation:fadeIn 1s;
}
.special-panel{
		animation:fadeIn 1s;
}
a:-webkit-any-link {
	cursor:none !important;
}
.stycky{
  position: -webkit-sticky;
  position: sticky;
	  top: 0;

}
.under-costraction{
	line-height:0.8;
}

.lottie-under{
width: 100%;
}

.under-dev-sec {
	padding:0;
}	

 .main-dev{
	padding:0;
	 padding-top:185px;
	height:100vh;
} 
 .colonna-uno{
    margin-top: 20vh;
	width:66%;
}

.colonna-due{
	width:33%;
	padding-top:80px;
}  

.single-cat-left{
	 padding-left: 0px;
	padding-right:10px;
}


.tablist .cat-title {
	font-size:5em !important;
}

.hidden{
	display:none;
}


  .h-logo {
	  font-size:3rem;
}
.tablist{
}
@media all and (min-width:1990px) {
	.h-logo{
		font-size:7rem !important;
	}
}

@media all and (max-width: 1400px) {
.tablist .cat-title {
	font-size:4em !important;
}
	
}

@media all and (max-width: 1367px){
	.cat-single{
	  margin-right: -55px !important;
	}
}

@media all and (min-width: 2428px) {
.container-fluid{
	max-width:90% !important;
}
	
	.footer-line{
		max-width:90% !important;
	}
	
.tablist .cat-title {
	font-size:7em !important;
}
	
	
	
/* 	.tablist{
	height:calc(100vh - 427px); */
}
	
}

*{
  cursor: none !important;
}

body{
	  cursor: none !important;
	    min-height: 100vh;
}

#cursor {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  pointer-events: none;
  will-change: transform;
/*   mix-blend-mode: difference; */
}

/* .title-text{
    font-size: 5em !important;
} */

@media (hover: hover) and (pointer: fine) {
  .cursor__circle {
    width: 32px;
    height: 32px;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 50%;
	  background-color: var(--logo);
    border: solid 10px var(--logo);
    transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1),
      background-color 0.6s cubic-bezier(0.25, 1, 0.5, 1),
      border-color 0.6s cubic-bezier(0.25, 1, 0.5, 1),
      width 0.6s cubic-bezier(0.25, 1, 0.5, 1),
      height 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  }
	
	.cursor__circle_two {
    width: 32px;
    height: 32px;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 50%;
	  background-color: #ffffff;
    border: solid 10px #ffffff;
    transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1),
      background-color 0.6s cubic-bezier(0.25, 1, 0.5, 1),
      border-color 0.6s cubic-bezier(0.25, 1, 0.5, 1),
      width 0.6s cubic-bezier(0.25, 1, 0.5, 1),
      height 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  }
  
  #cursor.arrow .cursor__circle{
    width: 0px;
    height: 0px;
    background-color: var(--logo);
 	opacity:0;   
    border-color:var(--logo);
	}
  
  #cursor.arrow::after{
    content: '';
    position: absolute;
    left: -40%;
    top: -50%;
    width: 80%;
    height: 80%;
	 padding:5px;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  #cursor.subtle .cursor__circle{
    opacity: 0.16;
  }
  
  #cursor.overlay .cursor__circle{
    width: 48px;
    height: 48px;
    background-color: #f15a24;
    border-color: transparent;
  }
	
	
}
.desc-text{
/*     font-size: 5.5rem !important; */
	}

.h-logo:hover{
/* 	font-size: 55px; */
}

.cat-single{
	width:100px;
	margin-right:-75px;
}

.single-cat-left-single{
	width:100%;
}

.tablist-project{
	height:calc(100vh - 327px);
}

.logo-project{
	flex: 0 0 40%;
}
.logo-project img{
	width: 60%;
    margin-left: 15%;
    padding-top: 20px;
}
.project-single-main{
	padding-bottom:0px;
}

.foot{
	display:flex;
	flex-wrap:wrap;
	align-items: flex-end;
}

.footer-line{
	width:100%;
    max-width: 1750px;	
	margin-left:auto;
	margin-right:auto;
	padding-bottom:5px;
	font-size:12px;
	bottom:0;
	display:flex;
	position: absolute;
/* 	padding-left:80px;
	padding-right:80px; */
}

.left-footer{
	width:50%;
	text-align:left;
}
.right-footer{
	width:50%;
	text-align:right;
}



.category-link{
	z-index:100;
}
/* Mobile */
.fp-mobile{
	overflow:auto !important;
	touch-action: auto !important;
	scroll-snap-type: y mandatory;
}

.fpm-item{
	scroll-snap-align:start;
}

.post-single-content{
	text-align: justify;
    line-height: 0.95;
}

.post-single-content h1,h2,h3{
	line-height:0.95 !important;
}


.border-none{
    border: none !important;
}
.title-sub-text{
    padding: 50px 0px 0px 0px;
}

.padding-title{
	    padding: 50px 0px 0px 0px;
}
.only-mobile{
	display:none;
}
@media all and (max-width: 992px){
	
		.only-desk{
	display:none;
}
	.only-mobile{
	display:inherit;
}
	
	.cat-details h1{
		font-size: 30px !important;
	}
}
@media all and (max-width: 767px){
	.cat-title-mobile{
		display:block !important;
		font-size:35px;
		color:black;
		
	}
	

	.cat-title-mobile a {
		color:black;
	}
	.cat-details{
		margin-bottom:20px;
	}

}

@media all and (max-width: 992px) and (min-width: 768px){
	.single-cat-left {
		padding-left:40px;
		width:50%;
	}
}

@media all and (max-width: 575px) {
	
	
	.h-logo{
		font-size: 3rem !important;
	}
	main{
		padding-top: 80px !important;
	}
	.mobile-main-cat{
		padding:10px !important;
		padding-top:80px !important;
	}
	.title-sub-text{
	color:black !important;
}

.tablist{
	display:block !important;
	height:calc(100vh - 150px) !important;
	
}
.tablist-project{
	height: calc(100vh - 150px); !important;

}
	.fpm-item{
		margin-bottom:60px;
		height: calc(100vh - 210px);
	}
	.footer-line{
	 bottom: 55px;
		    flex-direction: column;
	}
	.home-mobile-footer{
	    bottom: 85px;

	}
	.footer-line{
/* 		padding-right:0px;
		padding-left:0px; */
		text-align:center;
	}
	.left-footer{
		width:100%;
				text-align:center;
	}
	.right-footer{
		width:100%;
				text-align:center;
	}
	body{
		--logo: #f15a24 !important;
	}
	.project-none{
		display:none;
	}
	.category-project{
		    height: calc(100vh - 220px) !important;
	}
	.mobile-cat{
		height: calc(100vh - 220px) !important;
	}
	.cat-title-mobile{
		display:block !important;
		font-size:35px;
		color:black;
	}
	.cat-details{
		text-align: justify;
		margin-bottom:20px;
	}
	.cat-title-mobile a {
		color:black;
		margin-top: 20px;
	}
	.mobile-sticy-scroll{
		 overflow: auto;
         height: calc(100vh - 220px) !important;
	}
	.main {
      min-height: auto;
	}
	.fpm-item{
	       justify-content: flex-start;
	}
	.fpm-item-right{
/* 		position:absolute; */
		right:30px;
		padding:20px;
	}
	
	.align-cat-mobile{
		align-items:start !important;
	}
	
}
	.mobile-sticy-scroll{
		height:auto;
}



.cat-title-mobile{
		display:none;
	}

.blacksite{
	width:100%;
	height:100%;
	background-color: black;
	z-index:999;
	position:absolute;
	display:none;
}
.nicescroll-cursors{
	opacity:0 !important;
}

.itemselected a:active{
	color: orange;
}

.cat-details{
	    text-align: justify;

}
.menubar{
	 margin-right: 30px;
}

.tablist{
	height: calc(100vh - 327px);
}

.row-height{
	height: calc(100vh - 327px);
}

.footer-line-two{
	bottom: 0;
}

.link-desc-mobile{
	color:#000;
}

.link-desc-mobile a:active{
	color:#000;
}

.mobile-lottie-single-project{
	width: 55px;
    margin-bottom: -55px !important;
}