/*Alex Martin Portfolio Styles*/
/*Animation Styles*/

	.animationlg ul h1{
			padding-top:0px;
		}
	.animationlg ul h3{
			padding-top:0px;
		}
		.animationlg ul h4{
			padding-top:0px;
		}
		.homefeaturehld{
			height:100vh;
			/*overflow: hidden;*/
			position: sticky;
		}
	/*AnimmationTest*/

		.pannels{
			margin-top:100vh;
			z-index:0;
			color:#F5F5F5;
			background-color:#0011E4 !important;
		}
		.aboutpannel{
			z-index:0;
			color:#F5F5F5;
			background-color:#0011E4;
		}
		.pworksectiontopUpdate{
			background-color:#0011E4 !important;

		}

		.animationlg{
			width:100%;
			position: relative;
			/*float: right;*/
			/*height:20.769vw;*/
			height:81px;
			overflow: hidden;
			/*float:right;  */
			/*height:1vw;*/
			/*background-color:darkgrey;*/
			overflow: hidden;
		}
		.animationlg h1{
			position: absolute;
			display: block;
			float: right;
			animation-iteration-count: infinite;
		}

		.animationlg h3{
			/*font-family: helvetica_lt_proroman;*/
			font-family: helvetica_lt_prolight;
			font-size:2.25rem;
			position: absolute;
			/*float: right;*/
			display: block;
			float: right;

		  	animation-iteration-count: infinite;
		  	/*animation-timing-function: ease-in-out;*/
		}
		.animationlg h4{
			/*font-family: helvetica_lt_proroman;*/
			font-family: helvetica_lt_prolight;
			font-size: 1.5rem;
			position: absolute;
			display: block;
			float: right;
			/*margin-bottom: 0px;*/

		  	animation-iteration-count: infinite;
		  	/*animation-timing-function: ease-in-out;*/
		}
		.animationlg ul h1{
			padding-top:0px;
		}
		.animationlg ul h3{
			padding-top:0px;
		}
		.animationlg ul h4{
			padding-top:0px;
		}
		.homefeaturehld{
			/*height:78.081vh;*/
			height:100vh;
			overflow: hidden;
			position: sticky;
		}
		.aimationone{

		}
		.animationtwo{
			position: relative;
			top:40px;
			/*float: left;*/
		}
	/*name for scroll*/
		.animationlgname{
			width:100%;
			height:120px;
			position: relative;
			overflow: hidden;
			margin-top:3rem;
		}
		.animationtwonane{
			margin-top:50px;
			position: relative;
			float:left;

		}
		/*animation for scroll down*/
		.animationlghome{
			/*height:12vh;*/
			width:100%;
			position: relative;
			overflow: hidden;
			margin-top:2rem;
		}

		.animationtwohome{
			position: relative;
			top:25px;
			/*loat: left;*/
		}
		.animationthreehome{
			position: relative;
			top: 50px;
			/*loat: left;*/
		}
		.animationfourhome{
			position: relative;
			top:75px;
			float: left;
		}
	/*Animations*/
		.leftone{
			animation: slideInLeft 1.5s;
		}
		@keyframes slideInLeft {
		  from {
		    transform: translate3d(-130%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(0, 0, 0);
		  }
		}
		.lefttwo{
			animation: slideInLefttwo 1.5s;
		}
		@keyframes slideInLefttwo {
		  from {
		    transform: translate3d(0, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(130%, 0, 0);
		  }
		}
		.leftthree{
			animation: slideInLeftthree 1.5s;
		}
		@keyframes slideInLeftthree {
		  from {
		    transform: translate3d(130%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(260%, 0, 0);
		  }
		}
		.leftfour{
			animation: slideInLeftfour 1.5s;
		}
		@keyframes slideInLeftfour {
		  from {
		    transform: translate3d(260%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(390%, 0, 0);
		  }
		}
		.leftfive{
			animation: slideInLeftfive 1.5s;
		}
		@keyframes slideInLeftfive {
		  from {
		    transform: translate3d(390%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(520%, 0, 0);
		  }
		}
		.leftsix{
			animation: slideInLeftsix 1.5s;
		}
		@keyframes slideInLeftsix {
		  from {
		    transform: translate3d(520%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(650%, 0, 0);
		  }
		}
		.leftseven{
			animation: slideInLeftseven 1.5s;
		}
		@keyframes slideInLeftseven {
		  from {
		    transform: translate3d(650%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(780%, 0, 0);
		  }
		}
		.lefteight{
			animation: slideInLefteight 1.5s;
		}
		@keyframes slideInLefteight {
		  from {
		    transform: translate3d(780%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(910%, 0, 0);
		  }
		}
		.leftnine{
			animation: slideInLeftnine 1.5s;
		}
		@keyframes slideInLeftnine {
		  from {
		    transform: translate3d(910%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(1040%, 0, 0);
		  }
		}
		.leftten{
			animation: slideInLeftten 1.5s;
		}
		@keyframes slideInLeftten {
		  from {
		    transform: translate3d(1040%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(1170%, 0, 0);
		  }
		}
		.lefteleven{
			animation: slideInLefteleven 1.5s;
		}
		@keyframes slideInLefteleven {
		  from {
		    transform: translate3d(1170%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(1300%, 0, 0);
		  }
		}
		.lefttweleve{
			animation: slideInLefttwwelve 1.5s;
		}
		@keyframes slideInLefttwwelve {
		  from {
		    transform: translate3d(1300%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(1430%, 0, 0);
		  }
		}
		.leftthirteen{
			animation: slideInLeftthirteen 1.5s;
		}
		@keyframes slideInLeftthirteen {
		  from {
		    transform: translate3d(1430%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(1560%, 0, 0);
		  }
		}
		.leftfourteen{
			animation: slideInLeftfourteen 1.5s;
		}
		@keyframes slideInLeftfourteen {
		  from {
		    transform: translate3d(1560%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(1690%, 0, 0);
		  }
		}
		.leftfilthteen{
			animation: slideInLeftfilthteen 1.5s;
		}
		@keyframes slideInLeftfilthteen {
		  from {
		    transform: translate3d(1690%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(1820%, 0, 0);
		  }
		}
		.lefttsixteen{
			animation: slideInLeftsixteen 1.5s;
		}
		@keyframes slideInLeftsixteen {
		  from {
		    transform: translate3d(1820%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(1950%, 0, 0);
		  }
		}
		.leftseventeen{
			animation: slideInLeftseventeen 1.5s;
		}
		@keyframes slideInLeftseventeen {
		  from {
		    transform: translate3d(1950%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(2080%, 0, 0);
		  }
		}
		.lefteightteen{
			animation: slideInLefteightteen 1.5s;
		}
		@keyframes slideInLefteightteen {
		  from {
		    transform: translate3d(2080%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(2210%, 0, 0);
		  }
		}
		.lefttnineteen{
			animation: slideInLeftnineteen 1.5s;
		}
		@keyframes slideInLeftnineteen {
		  from {
		    transform: translate3d(2210%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(2340%, 0, 0);
		  }
		}
		.leftttwenty{
			animation: slideInLefttwenty 1.5s;
		}
		@keyframes slideInLefttwenty {
		  from {
		    transform: translate3d(2340%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(2470%, 0, 0);
		  }
		}
		.lefttwentyone{
			animation: slideInLefttwentyone 1.5s;
		}
		@keyframes slideInLefttwentyone {
		  from {
		    transform: translate3d(2470%, 0, 0);
		    visibility: visible;
		  }

		  to {
		    transform: translate3d(2600%, 0, 0);
		  }
		}