@charset "UTF-8";
@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6u8w4BMUTPHjxsAXC-v.ttf)
    format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USSwiPHA.ttf)
    format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6uyw4BMUTPHjx4wWw.ttf)
    format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh6UVSwiPHA.ttf)
    format("truetype");
}
@font-face {
  font-family: "PT Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v12/EJRTQgYoZZY2vCFuvAFT_r21dw.ttf)
    format("truetype");
}
@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v12/EJRVQgYoZZY2vCFuvAFWzro.ttf)
    format("truetype");
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1xlEA.ttf)
    format("truetype");
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfedw.ttf)
    format("truetype");
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlEA.ttf)
    format("truetype");
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf)
    format("truetype");
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlEA.ttf)
    format("truetype");
} 
@font-face {
  font-family: ingeniLogo;
  src: url('fonts/digitalix.woff');
}
 
.gradient-ingeni-blue,
.h-gradient-ingeni-blue:hover {
	background-image: -webkit-linear-gradient(19deg, #94D1F5, #75B8F5) !important;
	background-image: linear-gradient(19deg, #94D1F5, #2E90BB) !important;
}

.gradient-ingeni-blue-inv,
.h-gradient-ingeni-blue-inv:hover {
	background-image: -webkit-linear-gradient(19deg, #2E90BB, #94D1F5) !important;
	background-image: linear-gradient(19deg, #2E90BB, #94D1F5) !important;
}
 
.ingeniWelcomeStyle {
  font-size: 34px;	
  font-weight: 200;
  font-family: ingeniLogo;
  color: #222; 
  display: inline-block;
  margin : 0px;
  -webkit-transform: scale(1, 0.75);
  -moz-transform: scale(1, 0.75);
  -o-transform: scale(1, 0.75);
  transform: scale(1, 0.75);
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

.ingeniLandingPage {
  font-size: 70px;	
  font-weight: 300;
  font-family: ingeniLogo;
  color: #222;  
  display: inline-block;
  margin : -2px;
  -webkit-transform: scale(1, 0.7);
  -moz-transform: scale(1, 0.7);
  -o-transform: scale(1, 0.7);
  transform: scale(1, 0.7);
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

@media (max-width: 767.98px) {
	.ingeniLandingPage {
	  font-size: 40px;	
	  font-weight: 200;
	  font-family: ingeniLogo;
	  color: #222;  
	  display: inline-block;
	  margin : -2px;
	  -webkit-transform: scale(1, 0.7);
	  -moz-transform: scale(1, 0.7);
	  -o-transform: scale(1, 0.7);
	  transform: scale(1, 0.7);
	  -webkit-font-smoothing: subpixel-antialiased;
	  font-smoothing: subpixel-antialiased;
	  -webkit-backface-visibility: hidden; /* Safari */
	  backface-visibility: hidden;
	}
}

.ingeniEndStyle {
  font-size: 34px;
  font-weight: 100;
  font-family: ingeniLogo;
  color: white;  
  letter-spacing: 2px; 
  display: inline-block;
  -webkit-transform: scale(1, 0.65);
  -moz-transform: scale(1, 0.65);
  -o-transform: scale(1, 0.65);
  transform: scale(1, 0.65);
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

body{
  margin: 0;
  padding: 0;
  background-color: #000;
}

@media (max-height: 767.99px) {
	.arrowddd{
		position: absolute;
		bottom: -50px;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index:999;
		position: absolute;
		cursor: pointer;
	}	
}
@media (min-height: 768.01px) {
	.arrowddd{
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index:999;
		position: absolute;
		cursor: pointer;
	}	
}

.arrowddd span{
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #000002;
    border-right: 2px solid #000002;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 3s infinite;
    
}
.arrowddd span:nth-child(2){
    animation-delay: -0.2s;
}
.arrowddd span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-10px,-10px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(10px,10px);
    }
}

.centerSwipeImg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  bottom: 0px;
  width: 100%;
   justify-content: center; 
}

#holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  filter : blur(5px);
}