/**
Theme Name: FTWMain-astra-child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ftwmain-astra-child
Template: astra
*/
html, body{
	height:100dvh;
	width:100dvw;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#261F19 !important;
}
.maincontainer{
	top:0;
	left:0;
  position:absolute;
  height:100dvh;
  width:100%;
  margin:0px;
  padding:0px;
  display:grid;
  place-items:center;
  box-shadow: inset 0 0 5em 1em #261f19; /*inset vignette*/
}
.ftwlLink {
  display: inline-block; /* Allows width and height */
	top:0;
	left:0;
  height: 100dvh;
  width: 100dvw;
  position:absolute;
  z-index:9999;
}
.flickeroverlay{	
  z-index:999;
	top:0;
	left:0;
  position:absolute;
  height:100dvh;
  width:100%;
  margin:0px;
  padding:0px;
  background-color:rgba(38, 31, 25,0.99);
}
.debosscontainer{
  z-index:50;
  height:70dvh;
  width:70dvw;
  margin: 10dvh 15dvw 20dvh 15dvw;
  padding:0px;
  position:fixed;
  box-sizing:border-box;
  display:grid;
  place-items:center;
}
.debosscontainer img { /*All debossed elements/imgs*/
	height:100%;
	width:auto;
	position:absolute;
	opacity:0;
	filter: brightness(120%) contrast(150%);
}
/*Apply keyframes for fadeIn animation*/
.fadeInElement {
  -webkit-animation: fadeIn ease-in;
  animation: fadeIn ease-in;
	animation-fill-mode: forwards; /*Keep elements at final stage*/
}
/*Animation Keyframes - increased opacity and decreased blur for debossed, aka fadeInElements*/
@keyframes fadeIn {
  0% {
    opacity: 0;
	filter: blur(7px);
  }

  100% {
    opacity: 1;
	filter: blur(0);
  }
}

.we{
  animation-delay: 1s; 
  animation-duration: 2.3s;
}
.are{
  animation-delay: 4s; 
  animation-duration: 2.3s;
}
.logo{
  animation-delay: 7s; 
  animation-duration: 3.3s;
}
.loading{
  animation-delay: 11s; 
  animation-duration: 1s;
}
.square1{
  animation-delay: 12s; 
  animation-duration: 1s;
}
.square12{
  animation-delay: 13s; 
  animation-duration: 1s;
}
.square123{
  animation-delay: 14s; 
  animation-duration: 1s;
}
.square1234{
  animation-delay: 15s; 
  animation-duration: 1s;
}
.square12345{
  animation-delay: 16s; 
  animation-duration: 1s;
}

/*Apply keyframes for flicker animation*/
.flickerElement {
	-webkit-animation: flickerAnimation 23s ease-in-out infinite;
  animation: flickerAnimation 23s ease-in-out infinite; /* Apply the animation to an element */
}

/*Animation Keyframes - flicker the overlay at start and end,  % is eg. 0.5s / 20s * 100% */
@keyframes flickerAnimation {

  0% {
    opacity: 1; /*Fully opaque at start*/
  }
 
  2.5% { /* Fully transparent before first flicker section, before We starts, duration 2.3s*/
    opacity: 0;
  } 

  2.99% { /*Flicker1-1*/
    opacity: 0.8;
  } 

  4.63% { 
    opacity: 0.3;
  }

  6.1% { /*Flicker1-2*/
    opacity: 0.65;
  }

  7.5% {
    opacity: 0.24;
  } 

  8.1% { /*Flicker1-3*/
    opacity: 0.8;
  }

  9.25% { 
    opacity: 0.18;
  }

  11% { /*Flicker1-4*/
    opacity: 0.9;
  } 

  12.5% { 
    opacity: 0.33;
  }

  14.52% { /*Flicker1-5*/
    opacity: 0.75;
  }

  15% { /* Fully transparent end of first flicker section, before We ends*/
    opacity: 0;
  }

  18.75% { /* Fully transparent before second flicker section, before Are starts, duration 2.3s*/
    opacity: 0;
  }


  19.1% { /*Flicker2-1*/
    opacity: 0.90;
  } 

  20.95% { 
    opacity: 0.45;
  }

  21.48% { /*Flicker2-2*/
    opacity: 0.73;
  }

  23.2% {
    opacity: 0.13;
  } 

  24.6% { /*Flicker2-3*/
    opacity: 0.81;
  }

  25.87% { 
    opacity: 0.22;
  }

  27.1% { /*Flicker2-4*/
    opacity: 0.9;
  } 

  28.54% { 
    opacity: 0.68;
  }

  30% { /* Fully transparent end of second flicker section, before Are ends*/
    opacity: 0;
  }

  37.5% { /* Fully transparent before third flicker section, Mid-Logo, duration 3.3s*/
    opacity: 0;
  }

  38.2% { /*Flicker3-1*/
    opacity: 0.8;
  } 

  39.5% { 
    opacity: 0.3;
  }

  41.77% { /*Flicker3-2*/
    opacity: 0.65;
  }

  42.3% {
    opacity: 0.24;
  } 

  43.3% { /*Flicker3-3*/
    opacity: 0.8;
  }

  45% { 
    opacity: 0.18;
  }

  46.88% { /*Flicker3-4*/
    opacity: 0.75;
  } 

  47.25% { 
    opacity: 0.33;
  }

  48% { /*Flicker3-5*/
    opacity: 0.9;
  }
	
  57% { /* Fully transparent end of third flicker section, Mid-Logo*/
    opacity: 0;
  }

  81.5% {
    opacity: 1;
  } 

  100% { /* Held at fully opaque */
    opacity: 1;
  }

}