
/*Ticker Move*/
.js-ticker {
	overflow: hidden;
  }
  
  .js-ticker-track {
	white-space: nowrap;
  }
  
  .js-ticker-item {
	white-space: normal;
	height: 100%;
	vertical-align: top;
	display: inline-block;
	position: relative;
	padding: 0 2%;
  }
  
  /*Cursor*/
  /*
  .cursor {
	position: fixed;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #F2510F;
	pointer-events: none;
	z-index: 99999;
	transition: height 0.2s,width 0.2s;
	overflow: hidden;
	text-align: center;
  }
  .cursor.hover-cursor{
	  background: transparent;
	  border: 3px solid #F2510F;
	  width: 60px;
		height: 60px;
  }
  .drag-move.hover-cursor{
	  background: #F2510F;
  }
  .drag-move,.drag-move.hover-cursor{
	  width: 110px;
		height: 110px;
  }
  .drag-cursor{
	  opacity: 0;
	  font-size: 1.6rem;
	  display:block;
	  background: #F2510F;
	  margin-top:45px;
  }
  .drag-move .drag-cursor{
	  opacity: 1;
	  color:#fff;
  }
  */
  html,
  * {
	/* cursor: none !important; */
  }
  /*Canvas Eraser*/
  #canvas{
	  position: absolute;
	  top:0;
	  left:0;
	  z-index: 1;
  }
  @media(max-width:1199px){
  	.cursor{
  		display: none !important;
  	}
	  #canvas{
		  display: none;
	  }
  }
  /*Basic Styling For Loader*/
  .wrapper{
	  opacity: 0;
  }
  body{
	  overflow: hidden;
  }
  .loaded .wrapper{
	  opacity: 1;
  }
  .loaded{
	  overflow: auto;
  }
  .loader-hide .loader{
	  display: none;
  }
  .loader{
	  position: fixed;
	  top: 0;
	  left:0;
	  width:100%;
	  height:100%;
	  z-index: 99999;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  background: #F2510F;
  }
  .flip-cls.loader{
	  background:transparent;
  }
  .loader img{
	  width: 70%;
	  max-width: 330px;
	  position: relative;
	  z-index: 1;
	  display:none;
	  transform: scale(1);
	  
  }
  img.active-splash{
	  animation: splash-logo  1s;
	  animation-iteration-count : 1;
	  animation-fill-mode: forwards;
  }
  
  @-webkit-keyframes splash-logo {
	0%   { transform: scale(1); }
	15% { transform: scale(2); }
	20% { transform: scale(2); }
	30% { transform: scale(0); }
	100% { transform: scale(0); opacity: 0; }
  }
  
  @keyframes splash-logo {
	0%   { transform: scale(1); }
	15% { transform: scale(2); }
	20% { transform: scale(2); }
	30% { transform: scale(0); }
	100% { transform: scale(0); opacity: 0; }
  }
  /*Flipper*/
  .flip-wrap{
	  position:absolute;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	  display: flex;
	  flex-direction: column;
	   transform-style: preserve-3d;
  }
  .flip{
	  background: #F2510F;
	  height:20%;
	  transition: transform 2s;
	  transform: rotateX(0deg);
	  backface-visibility: hidden;
  }
  .flip-cls .flip{
	  transform: rotateX(90deg);
	  backface-visibility: hidden;
	  -moz-transform-style: preserve-3d;
  }
