/*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;
}
.PageFadeOut{
	opacity:1;
	-webkit-animation: pagefadeout 1s ease-in-out forwards;
	-moz-animation: pagefadeout 1s ease-in-out forwards;
	-o-animation: pagefadeout 1s ease-in-out forwards;
	-ms-animation: pagefadeout 1s ease-in-out forwards;
	animation: pagefadeout 1s ease-in-out forwards;
}
.PageFadeInUp{
	opacity:0;
	-webkit-animation: pagefadeinup 0.5s ease-out forwards;
	-moz-animation: pagefadeinup 0.5s ease-out forwards;
	-o-animation: pagefadeinup 0.5s ease-out forwards;
	-ms-animation: pagefadeinup 0.5s ease-out forwards;
	animation: pagefadeinup 0.5s ease-out forwards;
}
.PageFadeInLeft{
	opacity:0;
	-webkit-animation: pagefadeinleft 0.5s ease-out forwards;
	-moz-animation: pagefadeinleft 0.5s ease-out forwards;
	-o-animation: pagefadeinleft 0.5s ease-out forwards;
	-ms-animation: pagefadeinleft 0.5s ease-out forwards;
	animation: pagefadeinleft 0.5s ease-out forwards;
}
.PageFadeInRight{
	opacity:0;
	-webkit-animation: pagefadeinright 0.5s ease-out forwards;
	-moz-animation: pagefadeinright 0.5s ease-out forwards;
	-o-animation: pagefadeinright 0.5s ease-out forwards;
	-ms-animation: pagefadeinright 0.5s ease-out forwards;
	animation: pagefadeinright 0.5s ease-out forwards;
}
.fadeinview, .fadeinviewUp, .fadeinviewRight, .fadeinviewLeft{
	opacity: 0;
}
.fadeinviewanimation{
	-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;
}
.fadeinviewUpanimation{
	-webkit-animation: fadeUpinview 0.5s ease forwards;
	-moz-animation: fadeUpinview 0.5s ease forwards;
	-o-animation: fadeUpinview 0.5s ease forwards;
	-ms-animation: fadeUpinview 0.5s ease forwards;
	animation: fadeUpinview 0.5s ease forwards;
}
.fadeinviewLeftanimation{
	-webkit-animation: fadeLeftinview 0.5s ease forwards;
	-moz-animation: fadeLeftinview 0.5s ease forwards;
	-o-animation: fadeLeftinview 0.5s ease forwards;
	-ms-animation: fadeLeftinview 0.5s ease forwards;
	animation: fadeLeftinview 0.5s ease forwards;
}
.fadeinviewRightanimation{
	-webkit-animation: fadeRightinview 0.5s ease forwards;
	-moz-animation: fadeRightinview 0.5s ease forwards;
	-o-animation: fadeRightinview 0.5s ease forwards;
	-ms-animation: fadeRightinview 0.5s ease forwards;
	animation: fadeRightinview 0.5s ease forwards;
}
@keyframes fadeUpinview {
	0%{opacity:0; transform: translate3d(0, 110%, 0);}
  	100% {opacity:1; transform: translate3d(0, 0%, 0);}
}
@keyframes fadeLeftinview {
	0%{opacity:0; transform: translate3d(-10%, 0%, 0);}
  	100% {opacity:1; transform: translate3d(0%, 0%, 0);}
}
@keyframes fadeRightinview {
	0%{opacity:0; transform: translate3d(10%, 0%, 0);}
  	100% {opacity:1; transform: translate3d(0%, 0%, 0);}
}
@keyframes pagefadein {
  0%{opacity:0;}
  100% {opacity:1;}
}
@keyframes pagefadeout {
  0%{opacity:1;}
  100% {opacity:0;}
}
@keyframes pagefadeinup {
  0%{opacity:0; transform: translateY(100%)}
  100% {opacity:1;transform: translateY(0%)}
}
@keyframes pagefadeinleft {
  0%{opacity:0; transform: translateX(100%)}
  100% {opacity:1;transform: translateX(0%)}
}
@keyframes pagefadeinright {
  0%{opacity:0; transform: translateX(-100%)}
  100% {opacity:1;transform: translateX(0%)}
}

.PageFadeInTracker{
	opacity:0;
	-webkit-animation: pagefadeintracker 1s ease-in-out forwards;
	-moz-animation: pagefadeintracker 1s ease-in-out forwards;
	-o-animation: pagefadeintracker 1s ease-in-out forwards;
	-ms-animation: pagefadeintracker 1s ease-in-out forwards;
	animation: pagefadeintracker 1s ease-in-out forwards;
}
@keyframes pagefadeintracker {
  0%{opacity:0;}
  100% {opacity:0.5;}
}

.fadeinbuttonpadding{
	-webkit-animation: buttonpadding 0.5s ease forwards;
	-moz-animation: buttonpadding 0.5s ease forwards;
	-o-animation: buttonpadding 0.5s ease forwards;
	-ms-animation: buttonpadding 0.5s ease forwards;
	animation: buttonpadding 0.5s ease forwards;
}
@keyframes buttonpadding {
	0%{padding: 5px 60px 5px 10px;}
  	100% {padding: 20px 60px 20px 10px;}
}


.FormLoad{
	height: 245px;
	overflow: hidden;
	display: flex;
	-webkit-animation: formloadtime 0.1s linear forwards;
	-moz-animation: formloadtime 0.1s linear forwards;
	-o-animation: formloadtime 0.1s linear forwards;
	-ms-animation: formloadtime 0.1s linear forwards;
	animation: formloadtime 0.1s linear forwards;
}
@keyframes formloadtime {
  0%{height: 245px;}
  100% {height: auto;}
}

.sliderlinemove{
	animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}



@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
	  margin-top: 150px;

  }

  100% {
    opacity: 1;
	  margin-top: 0px;

  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
	  margin-top: 150px;

  }

  100% {
    opacity: 1;
	  margin-top: 0px;

  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
	margin-top: 150px;
	position: absolute;
}

.hline {
	display: flex;
  margin-left: 0px;
  margin-right: auto;
	border-bottom: 2px solid rgba(247,144,30,1);
	width: 0%;
	height: 1px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.hlinegrow {
	width: 100%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.hlinetitle {
	display: inline-flex;
  margin-left: auto;
  margin-right: 15px;
	width: 75px;
	transform: scaleX(100%);
	height: 4px;
	background: #f7901e;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	vertical-align: middle;
}

/*Page Header*/
.Letter{
	display: inline-block;
	margin-left:0px;
	overflow: hidden;
	opacity: 0;
	vertical-align: middle !important;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-animation: lettermove 0.5s forwards ease-in-out;
  -moz-animation: lettermove 0.5s forwards ease-in-out;
  -o-animation: lettermove 0.5s forwards ease-in-out;
  animation: lettermove 0.5s forwards ease-in-out;
}

@-webkit-keyframes lettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	90% {opacity: 1; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}
@-moz-keyframes lettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	90% {opacity: 1; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}
@-o-keyframes lettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	90% {opacity: 1; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}
@keyframes lettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	90% {opacity: 1; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}


/*Menu Button SVG*/
#MobileMenuButton{
	display:block;
	position: relative;
	top:0;
	right:0;
	width:50px;
	max-width:50px;
	padding:25px 20px 15px;
	margin: auto;
	z-index:999;
	color:#f7901e;
	fill:#f7901e;
	border-left: 1px solid rgba(255,255,255,0.3);
	-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:#f7901e;
	fill:#f7901e;
	-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:flex;
	position: relative;
	top:0;
	right:0;
	width:50px;
	max-width:50px;
	padding:10px;
	margin:auto;
	z-index:999;
	justify-content: center;
	align-content: center;
	align-items: center;
	transform: scale(100%);
	-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{
	-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.5s linear forwards;
	-moz-animation: menulineTfull 0.5s linear forwards;
	-o-animation: menulineTfull 0.5s linear forwards;
	-ms-animation: menulineTfull 0.5s linear forwards;
	animation: menulineTfull 0.5s linear forwards;
	animation-delay:0s;
	width:40%;
	transform-origin: 50% 50%;
}
@keyframes menulineTfull {
  	0%{ width:100%; transform: rotate(0deg) translateY(0%) translateX(0%);color:#f7901e;	fill:#f7901e; }
	70% { width: 100%; transform: rotate(0deg) translateY(0%) translateX(0%); }
	100% { width: 100%; transform: rotate(-45deg) translateY(45%) translateX(0%); color:#c4c4c4;	fill:#c4c4c4;}
}
.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 linear forwards;
	-moz-animation: menulineMfull 0.5s linear forwards;
	-o-animation: menulineMfull 0.5s linear forwards;
	-ms-animation: menulineMfull 0.5s linear forwards;
	animation: menulineMfull 0.5s linear forwards;
	animation-delay:0s;
	width:40%;
}
@keyframes menulineMfull {
  0%{ width:60%; opacity: 1; color:#f7901e;	fill:#f7901e;}
  50% { width: 0%; opacity: 1; }
	80% { width: 0%; opacity: 1; }
	100% { width: 0%; opacity: 0; color:#000;	fill:#000;}
}
.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.5s linear forwards;
	-moz-animation: menulineBfull 0.5s linear forwards;
	-o-animation: menulineBfull 0.5s linear forwards;
	-ms-animation: menulineBfull 0.5s linear forwards;
	animation: menulineBfull 0.5s linear forwards;
	animation-delay:0s;
	width:40%;
	transform-origin: 50% 50%;
}
@keyframes menulineBfull {
  	0%{ width:40%; opacity: 1; transform: rotate(0deg); color:#f7901e;	fill:#f7901e;}
	70% { width: 100%; opacity: 1; transform: rotate(0deg) translateY(0%) translateX(0%);  }
	100% { width: 100%; opacity: 1; transform: rotate(45deg) translateY(-35%) translateX(0%);color:#c4c4c4;	fill:#c4c4c4;}
}

/* Home Page */

.homelinemove{
	height: 0%;
	-webkit-animation: homelinemoveanimation 1s ease-in-out forwards;
	-moz-animation: homelinemoveanimation 1s ease-in-out forwards;
	-o-animation: homelinemoveanimation 1s ease-in-out forwards;
	-ms-animation: homelinemoveanimation 1s ease-in-out forwards;
	animation: homelinemoveanimation 1s ease-in-out forwards;
}
@keyframes homelinemoveanimation {
  0%{height: 0%;}
  100% {height: 100%;}
}
.homecirclemove{
	height: 0%;
	width: 0vh;
	-webkit-animation: homecirclemoveanimation 1s ease-in-out forwards;
	-moz-animation: homecirclemoveanimation 1s ease-in-out forwards;
	-o-animation: homecirclemoveanimation 1s ease-in-out forwards;
	-ms-animation: homecirclemoveanimation 1s ease-in-out forwards;
	animation: homecirclemoveanimation 1s ease-in-out forwards;
}
@keyframes homecirclemoveanimation {
  0%{width: 0vh; padding-bottom: 0vh; margin-top: 16vh}
  100% {width: 83vh; padding-bottom: 83vh; margin-top:16vh;}
}
@keyframes pagecirclemoveanimation {
  0%{width: 0vh; padding-bottom: 0vh; margin-top: 16vh}
  100% {width: 50vh; padding-bottom: 50vh; margin-top:16vh;}
}

@keyframes homesloganmovedesktop {
  0%{opacity: 0; left: 100%;}
  100% {opacity: 1; left: 50%;}
}
@keyframes homesloganmovelaptop {
  0%{opacity: 0; left: 100%;}
  100% {opacity: 1; left: 40%;}
}
@keyframes homesloganmovetablet {
  0%{opacity: 0; left: 100%;}
  100% {opacity: 1; left: 30%;}
}
@keyframes homesloganmovephone {
  0%{opacity: 0; margin-top: 1200px;}
  100% {opacity: 1; margin-top: inherit;}
}

.slogantextfadein{
	opacity: 0;
	width: 100%;
	display: block;
	transform: scaleY(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%);}
  100% {opacity: 1; transform: scaleY(100%);}
}


/* Number Counters */
#PlusSign{
	opacity: 0;
}
.counter {
	width: auto;
	display: inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
#CounterText{
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.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; }
}

.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%; }
}


.Logodraw{
	fill-rule:evenodd;
	stroke-dashoffset: 1000;
	stroke-dasharray: 1000;
	-webkit-animation: draw 2.5s linear forwards;
	-moz-animation: draw 2.5s linear forwards;
	-o-animation: draw 2.5s linear forwards;
	-ms-animation: draw 2.5s linear forwards;
	animation: draw 2.5s linear forwards;
	opacity: 1;
	animation-delay: 1s;
}

@keyframes draw {
	0%{stroke-dashoffset: 1000; }
	100% {stroke-dashoffset: 0; }
}

.LogoLetter{
	display: inline-block;
	margin-left:0px;
	overflow: hidden;
	fill: #000;
	opacity: 0;
	vertical-align: middle !important;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-animation: logolettermove 0.5s forwards ease-in-out;
  -moz-animation: logolettermove 0.5s forwards ease-in-out;
  -o-animation: logolettermove 0.5s forwards ease-in-out;
  animation: logolettermove 0.5s forwards ease-in-out;
}

@-webkit-keyframes logolettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(10%, 0%, 0); transform: translate3d(10, 0%, 0); }
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}
@-moz-keyframes logolettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(10%, 0%, 0); transform: translate3d(10, 0%, 0); }
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}
@-o-keyframes logolettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(10%, 0%, 0); transform: translate3d(10, 0%, 0); }
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}
@keyframes logolettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(10%, 0%, 0); transform: translate3d(10, 0%, 0); }
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}

.LogoSmallLetter{
	display: inline-block;
	margin-left:0px;
	overflow: hidden;
	fill: #777;
	opacity: 0;
	vertical-align: middle !important;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-animation: pagefadein 0.5s forwards ease-in-out;
  -moz-animation: pagefadein 0.5s forwards ease-in-out;
  -o-animation: pagefadein 0.5s forwards ease-in-out;
  animation: pagefadein 0.5s forwards ease-in-out;
	animation-delay: 3.1s;
}

/*Image Slider/Fader*/
 #stage {

  }

  #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; }
  }