/*Page Fade In*/
.PageFadeIn{
	opacity:0;
	-webkit-animation: pagefadein 1s ease-in-out forwards;
	-moz-animation: pagefadein 1s ease-in-out forwards;
	-o-animation: pagefadein 1s ease-in-out forwards;
	-ms-animation: pagefadein 1s ease-in-out forwards;
	animation: pagefadein 1s ease-in-out forwards;
}
@keyframes pagefadein {
  0%{
	  opacity:0;
  }
  100% {
	  opacity:1;
  }
}

.sliderlinemove{
	animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}

/* BA Sliders */
@keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}
@-webkit-keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}


/*Page Header*/

.npn-N1{
	animation-delay: 0;
}
.npn-P{
	animation-delay: 0.25s;
}
.npn-N2{
	animation-delay: 0.5s;
}

@keyframes lettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); }
	90% {opacity: 1; -webkit-transform: translate3d(5%, 0%, 0); transform: translate3d(5%, 0, 0);}
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}

@keyframes wordmove { 
	0% {opacity: 0; max-width: 0px;  }
    100% {opacity: 1; max-width: 600px; }
}

@keyframes word1movedesktop { 
	0% { }
    100% { }
}

@keyframes word2movedesktop { 
	0% {margin-top: 0; }
    100% {margin-top: 100px; }
}
@keyframes word3movedesktop { 
	0% {margin-top: 0; }
    100% {margin-top: 200px; }
}

@keyframes word2movelaptop { 
	0% {margin-top: 0; }
    100% {margin-top: 60px; }
}
@keyframes word3movelaptop { 
	0% { margin-top: 0; }
    100% {margin-top: 120px; }
}

@keyframes word2movetablet { 
	0% { margin-top: 0; }
    100% {margin-top: 90px; }
}
@keyframes word3movetablet { 
	0% { margin-top: 0; }
    100% {margin-top: 180px; }
}

@keyframes word2movephone { 
	0% {margin-top: 0; }
    100% {margin-top: 50px; }
}
@keyframes word3movephone { 
	0% { margin-top: 0; }
    100% {margin-top: 100px; }
}

@keyframes bordermove { 
	0% { border-image: linear-gradient(to bottom right, #000000, #000000, #000000, #000000, #000000) 1; } 
	20% { border-image: linear-gradient(to bottom right, #000000, #000000, #000000, #000000, #000000) 1; }
	25% { border-image: linear-gradient(to bottom right, #aa7b1f, #000000, #000000, #000000, #000000) 1; }
	30% { border-image: linear-gradient(to bottom right, #eabd6b, #aa7b1f, #000000, #000000, #000000) 1; }
	35% { border-image: linear-gradient(to bottom right, #f7f4a1, #eabd6b, #aa7b1f, #000000, #000000) 1; }
	40% { border-image: linear-gradient(to bottom right, #eabd6b, #f7f4a1, #eabd6b, #aa7b1f, #000000) 1; }
	45% { border-image: linear-gradient(to bottom right, #aa7b1f, #eabd6b, #f7f4a1, #eabd6b, #aa7b1f) 1; }
	50% { border-image: linear-gradient(to bottom right, #000000, #aa7b1f, #eabd6b, #f7f4a1, #eabd6b) 1; }
	55% { border-image: linear-gradient(to bottom right, #000000, #000000, #aa7b1f, #eabd6b, #f7f4a1) 1; }
	60% { border-image: linear-gradient(to bottom right, #000000, #000000, #000000, #aa7b1f, #eabd6b) 1; }
	65% { border-image: linear-gradient(to bottom right, #000000, #000000, #000000, #000000, #aa7b1f) 1; }
	70% { border-image: linear-gradient(to bottom right, #000000, #000000, #000000, #000000, #000000) 1; }
	100% { border-image: linear-gradient(to bottom right, #000000, #000000, #000000, #000000, #000000) 1; }
}
@keyframes bordermovelight { 
	0% { border-image: linear-gradient(to bottom right, #b19540, #b19540, #b19540, #b19540, #b19540) 1; } 
	20% { border-image: linear-gradient(to bottom right, #b19540, #b19540, #b19540, #b19540, #b19540) 1; }
	25% { border-image: linear-gradient(to bottom right, #b19540, #b19540, #b19540, #b19540, #b19540) 1; }
	30% { border-image: linear-gradient(to bottom right, #eabd6b, #b19540, #b19540, #b19540, #b19540) 1; }
	35% { border-image: linear-gradient(to bottom right, #f7f4a1, #eabd6b, #b19540, #b19540, #b19540) 1; }
	40% { border-image: linear-gradient(to bottom right, #eabd6b, #f7f4a1, #eabd6b, #b19540, #b19540) 1; }
	45% { border-image: linear-gradient(to bottom right, #b19540, #eabd6b, #f7f4a1, #eabd6b, #b19540) 1; }
	50% { border-image: linear-gradient(to bottom right, #b19540, #b19540, #eabd6b, #f7f4a1, #eabd6b) 1; }
	55% { border-image: linear-gradient(to bottom right, #b19540, #b19540, #b19540, #eabd6b, #f7f4a1) 1; }
	60% { border-image: linear-gradient(to bottom right, #b19540, #b19540, #b19540, #b19540, #eabd6b) 1; }
	65% { border-image: linear-gradient(to bottom right, #b19540, #b19540, #b19540, #b19540, #b19540) 1; }
	70% { border-image: linear-gradient(to bottom right, #b19540, #b19540, #b19540, #b19540, #b19540) 1; }
	100% { border-image: linear-gradient(to bottom right, #b19540, #b19540, #b19540, #b19540, #b19540) 1; }
}

@-webkit-keyframes backgroundmovelight { 
	0% { background-position: right center; }
	40% { background-position: right center; }
	55% { background-position: left center; }
	100% { background-position: left center; }
}
@-moz-keyframes backgroundmovelight { 
	0% { background-position: right center; }
	40% { background-position: right center; }
	55% { background-position: left center; }
	100% { background-position: left center; }
}
@-o-keyframes backgroundmovelight { 
	0% { background-position: right center; }
	40% { background-position: right center; }
	55% { background-position: left center; }
	100% { background-position: left center; }
}
@keyframes backgroundmovelight { 
	0% { background-position: right center; }
	40% { background-position: right center; }
	55% { background-position: left center; }
	100% { background-position: left center; }
}

/*Menu Button SVG*/
#MobileMenuButton{
	display:block;
	position: relative;
	top:0;
	right:0;
	width:50px;
	max-width:50px;
	padding:10px;
	margin:8px 10px;
	z-index:600;
	color:#fff;
	fill:#fff;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
#MobileMenuButton.stick{
	color:#fff;
	fill:#fff;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
#MobileMenuButton2{
	display:block;
	position: fixed;
	top:0;
	left:0;
	width:40%;
	max-width:50px;
	padding:10px;
	margin:10px;
	z-index:600;
	color:#000;
	fill:#000;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
#PhoneButton{
	display:none;
	position: relative;
	top:0;
	right:0;
	width:50px;
	max-width:50px;
	padding:10px;
	margin:8px 10px;
	z-index:600;
	color:#fff;
	fill:#fff;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
#PhoneButton.stick{
	color:#fff;
	fill:#fff;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
#PhoneButton2{
	display:block;
	position: fixed;
	top:0;
	right:0;
	width:40%;
	max-width:50px;
	padding:10px;
	margin:10px;
	z-index:600;
	color:#000;
	fill:#000;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.menulinetop{
	-webkit-animation: menulineT 0.5s ease-in-out forwards;
	-moz-animation: menulineT 0.5s ease-in-out forwards;
	-o-animation: menulineT 0.5s ease-in-out forwards;
	-ms-animation: menulineT 0.5s ease-in-out forwards;
	animation: menulineT 0.5s ease-in-out forwards;
	animation-delay:0s;
	width:0%;
}
@keyframes menulineT {
  0%{ width:0%; }
  100% { width: 100%; }
}
.menulinetopfull{
	-webkit-animation: menulineTfull 0.75s ease-in-out forwards;
	-moz-animation: menulineTfull 0.75s ease-in-out forwards;
	-o-animation: menulineTfull 0.75s ease-in-out forwards;
	-ms-animation: menulineTfull 0.75s ease-in-out forwards;
	animation: menulineTfull 0.75s ease-in-out forwards;
	animation-delay:0s;
	width:40%;
	transform-origin: 50% 50%;
}
@keyframes menulineTfull {
  	0%{ width:100%; transform: rotate(0deg) translateY(0%) translateX(0%); }
	70% { width: 100%; transform: rotate(0deg) translateY(0%) translateX(0%); }
	100% { width: 100%; transform: rotate(-45deg) translateY(48%) translateX(0%);}
}
.menulinemiddle{
	-webkit-animation: menulineM 0.5s ease-in-out forwards;
	-moz-animation: menulineM 0.5s ease-in-out forwards;
	-o-animation: menulineM 0.5s ease-in-out forwards;
	-ms-animation: menulineM 0.5s ease-in-out forwards;
	animation: menulineM 0.5s ease-in-out forwards;
	animation-delay:0s;
	width:0%;
}
@keyframes menulineM {
  0%{ width:0%; }
  100% { width: 60%; }
}
.menulinemiddlefull{
	-webkit-animation: menulineMfull 0.5s ease-in-out forwards;
	-moz-animation: menulineMfull 0.5s ease-in-out forwards;
	-o-animation: menulineMfull 0.5s ease-in-out forwards;
	-ms-animation: menulineMfull 0.5s ease-in-out forwards;
	animation: menulineMfull 0.5s ease-in-out forwards;
	animation-delay:0s;
	width:40%;
}
@keyframes menulineMfull {
  0%{ width:60%; opacity: 1; }
  50% { width: 100%; opacity: 1; }
	80% { width: 100%; opacity: 1; }
	100% { width: 100%; opacity: 0; }
}
.menulinebottom{
	-webkit-animation: menulineB 0.5s ease-in-out forwards;
	-moz-animation: menulineB 0.5s ease-in-out forwards;
	-o-animation: menulineB 0.5s ease-in-out forwards;
	-ms-animation: menulineB 0.5s ease-in-out forwards;
	animation: menulineB 0.5s ease-in-out forwards;
	animation-delay:0s;
	width:0%;
}
@keyframes menulineB {
  0%{ width:0%; }
  100% { width: 40%; }
}
.menulinebottomfull{
	-webkit-animation: menulineBfull 0.75s ease-in-out forwards;
	-moz-animation: menulineBfull 0.75s ease-in-out forwards;
	-o-animation: menulineBfull 0.75s ease-in-out forwards;
	-ms-animation: menulineBfull 0.75s ease-in-out forwards;
	animation: menulineBfull 0.75s ease-in-out forwards;
	animation-delay:0s;
	width:40%;
	transform-origin: 50% 50%;
}
@keyframes menulineBfull {
  	0%{ width:40%; opacity: 1; transform: rotate(0deg); }
	70% { width: 100%; opacity: 1; transform: rotate(0deg) translateY(0%) translateX(0%);  }
	100% { width: 100%; opacity: 1; transform: rotate(45deg) translateY(-48%) translateX(0%);}
}


/* Home Page */

.homelinemove{
	height: 0%;
	-webkit-animation: homelinemoveanimation 1s linear forwards;
	-moz-animation: homelinemoveanimation 1s linear forwards;
	-o-animation: homelinemoveanimation 1s linear forwards;
	-ms-animation: homelinemoveanimation 1s linear forwards;
	animation: homelinemoveanimation 1s linear forwards;
}
@keyframes homelinemoveanimation {
  0%{height: 0%;}
  100% {height: 100%;}
}
.homecirclemove{
	height: 0%;
	width: 0vh;
	-webkit-animation: homecirclemoveanimation 100s linear forwards;
	-moz-animation: homecirclemoveanimation 100s linear forwards;
	-o-animation: homecirclemoveanimation 100s linear forwards;
	-ms-animation: homecirclemoveanimation 100s linear forwards;
	animation: homecirclemoveanimation 100s linear forwards;
}
@keyframes homecirclemoveanimation {
  0%{rotate:0deg;}
  100% {rotate:360deg}
}
@keyframes homecirclemoveanimationlaptop {
  0%{rotate:0deg;}
  100% {rotate:360deg}
}
@keyframes homecirclemoveanimationphone {
  0%{rotate:0deg;}
  100% {rotate:360deg}
}
@keyframes pagecirclemoveanimation {
  0%{rotate:0deg;}
  100% {rotate:360deg}
}
@keyframes pagecirclemoveanimationlaptop {
  0%{rotate:0deg;}
  100% {rotate:360deg}
}
@keyframes pagecirclemoveanimationphone {
  0%{rotate:0deg;}
  100% {rotate:360deg}
}

@keyframes homesloganmove {
  0%{width: 0%;}
  100% {width: 60%;}
}
@keyframes homesloganmovephone {
  0%{width: 0%;}
  100% {width: 100%;}
}
@keyframes homesloganmovelaptop {
  0%{width: 0%;}
  100% {width: 70%;}
}
@keyframes membernamebackmove {
  0%{width: 0%;}
  100% {width: 80%;}
}

.slogantextfadein{
	opacity: 0;
	width: 100%;
	display: flex;
	transform: scaleY(0%) scaleX(0%);
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-animation: slogantextfadeinmove 0.5s ease-in-out forwards;
	-moz-animation: slogantextfadeinmove 0.5s ease-in-out forwards;
	-o-animation: slogantextfadeinmove 0.5s ease-in-out forwards;
	-ms-animation: slogantextfadeinmove 0.5s ease-in-out forwards;
	animation: slogantextfadeinmove 0.5s ease-in-out forwards;
}
@keyframes slogantextfadeinmove {
	0%{opacity: 0; transform: scaleY(0%) scaleX(0%);}
	1%{opacity: 0; transform: scaleY(0%) scaleX(100%);}
	100% {opacity: 1; transform: scaleY(100%) scaleX(100%);}
}
.membernamefadein{
	opacity: 0;
	width: 100%;
	display: flex;
	transform: scaleY(0%) scaleX(0%);
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 22px;
	padding-bottom: 18px;
	white-space: nowrap;
	-webkit-animation: membernamefadeinmove 1s ease-in-out forwards;
	-moz-animation: membernamefadeinmove 1s ease-in-out forwards;
	-o-animation: membernamefadeinmove 1s ease-in-out forwards;
	-ms-animation: membernamefadeinmove 1s ease-in-out forwards;
	animation: membernamefadeinmove 1s ease-in-out forwards;
}
@keyframes membernamefadeinmove {
	0%{opacity: 0; transform: scaleY(0%) scaleX(0%);}
	50%{opacity: 0; transform: scaleY(0%) scaleX(0%);}
	60%{opacity: 0; transform: scaleY(0%) scaleX(100%);}
	100% {opacity: 1; transform: scaleY(100%) scaleX(100%);}
}

/* Number Counters */

.counter {
	width: auto;
	display: inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
#CounterText{
	width: 96%;
	display: inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 0 2%;
}
.countup1{
	animation: counter1 5s forwards ease-in-out;
}
.countup2{
	animation: counter2 5s forwards ease-in-out;
}
.countup3{
	animation: counter3 5s forwards ease-in-out;
}
.countup4{
	animation: counter4 5s forwards ease-in-out;
}


@keyframes counter1 {
  from { --num: 2023; }
  to { --num: 1993; }
}
@keyframes counter2 {
  from { --num: 0; }
  to { --num: 64; }
}
@keyframes counter3 {
  from { --num: 0; }
  to { --num: 100; }
}
@keyframes counter4 {
  from { --num: 0; }
  to { --num: 20; }
}




/*Image Slider/Fader*/
 #stage {
    margin: 0;
    width: 100%;
    height: 100%;
	 overflow: hidden;
	 position: absolute;
	 top:0;
	 left: 0;
	 z-index: 1;
  }

  #stage a {
    position: absolute;
	min-width: 100%;
    min-height: 100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center center;
  }

  #stage a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  #stage a:nth-of-type(2) {
    z-index: 10;
  }
  #stage a:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }