@import url('https://font.googleapis.com/css?family=Quicksand:400,700');
		.s14{
			margin:0;
			padding:0;
			font-family:'Quicksand',sans-serif;
		}
		.timelineline{
			width:100%;
			height:auto;
			margin:50px auto 0;
			padding:20px;
			box-sizing:border-box;
		}
		.timelineline li{
			position:relative;
			list-style:none;
		}
		.timelineline li .itematic{
			position:relative;
			min-height:60px;
			padding:0 20px 20px 30px;
			margin-left:20px;
			border-left:1px solid #262626;
		}
		.timelineline li .itematic span{
			position:absolute;
			top:-8px;
			left:-20px;
			width:40px;
			height:40px;
			line-height:40px;
			text-align:center;
			background:#262626;
			color:#fff;
			font-weight:700;
			border-radius:50%;
		}
		.timelineline li:hover .itematic span{
			background:#f41473;
		}
		.timelineline li .itematic h3,
		.timelineline  li itematic p{
			margin:0;
			padding:0;
		}

		.belarzun h1{
			margin:0;
			padding:0;
			position:absolute;
			top:10%;
			left:50%;
			transform:translate(-50%,-50%);
		}
		.belarzun h1 span{
			color:#262626;
			background:#fff;
			padding:10px 20px;
			font-family:arial;
			display:table-cell;
			box-shadow:inset 0 0 5px rgba(0,0,0,0.3), 0 5px 0 #ccc;
			animation:larzesh 0.5s infinite;
		}
		@keyframes larzesh{
			0%{
				transform:translateY(0px);
				box-shadow:inset 0 0 5px rgba(0,0,0,0.3) , 0 5px 0 #ccc , 0 15px 5px rgba(0,0,0,0);
			}
			50%{
				transform:translateY(-20px);
				box-shadow:inset 0 0 5px rgba(0,0,0,0.3) , 0 5px 0 #ccc , 0 15px 5px rgba(0,0,0,0);
			}
			100%{
				transform:translateY(0px);
				box-shadow:inset 0 0 5px rgba(0,0,0,0.3) , 0 5px 0 #ccc , 0 15px 5px rgba(0,0,0,0);
			}
		}
		.belarzun h1 span:nth-child(1){
			animation-delay:0.2s;
		}
		.belarzun h1 span:nth-child(2){
			animation-delay:0.4s;
		}
		.belarzun h1 span:nth-child(3){
			animation-delay:0.6s;
		}
		.belarzun h1 span:nth-child(4){
			animation-delay:0.8s;
		}
		.belarzun h1 span:nth-child(5){
			animation-delay:1s;
		}
		.belarzun h1 span:nth-child(6){
			animation-delay:1.2s;
		}
		.belarzun h1 span:nth-child(7){
			animation-delay:1.4s;
		}
		.belarzun h1 span:nth-child(8){
			animation-delay:1.6s;
		}
		.belarzun h1 span:nth-child(9){
			animation-delay:1.8s;
		}
		.belarzun h1 span:nth-child(10){
			animation-delay:2s;
		}
		.belarzun h1 span:nth-child(11){
			animation-delay:2.2s;
		}

		.textographic ul{
			position:absolute;
			left:50%;
			transform:translate(-50%,-50%);
			margin:0;
			padding:0;
			display:flex;
		}
		.textographic ul li{
			list-style:none;
			font-family:verdana;
			font-size:5em;
			letter-spacing:15px;
			color:#484848;
			text-shadow:none;
			animation:talaee 1s infinite linear;
		}
		@keyframes talaee{
			0%{
				color:#a7a300;
				text-shadow:none;
			}
			18%{
				color:#a7a300;
				text-shadow:none;
			}
			20%{
				color:#fff900;
				text-shadow:0 0 7px #fff000, 0 0 20px #ff6c00;
			}
			30%{
				color:#a7a300;
				text-shadow:none;
			}
			35%{
				color:#fff900;
				text-shadow:0 0 7px #fff000, 0 0 20px #ff6c00;
			}
			70%{
				color:#a7a300;
				text-shadow:none;
			}
			85%{
				color:#fff900;
				text-shadow:0 0 7px #fff000, 0 0 20px #ff6c00;
			}
			90%{
				color:#a7a300;
				text-shadow:none;
			}
			100%{
				color:#a7a300;
				text-shadow:none;
			}
		}
		.textographic ul li:nth-child(1){
			animation-delay:0.2s;
		}
		.textographic ul li:nth-child(2){
			animation-delay:0.4s;
		}
		.textographic ul li:nth-child(3){
			animation-delay:0.6s;
		}
		.textographic ul li:nth-child(4){
			animation-delay:0.8s;
		}
		.textographic ul li:nth-child(5){
			animation-delay:1s;
		}
		.textographic ul li:nth-child(6){
			animation-delay:1.2s;
		}
		.textographic ul li:nth-child(7){
			animation-delay:1.4s;
		}
		.textographic ul li:nth-child(8){
			animation-delay:1.6s;
		}
		.textographic ul li:nth-child(9){
			animation-delay:1.8s;
		}

		.s15{
			margin:0;
			padding:0;
			display:flex;
			justify-content:center;
			align-items:center;
			min-height:100vh;
			font-family:'Poppins',sans-serif;
			background:linear-gradient(45deg,#24006b,#f42f8c);
		}
		.containerelon{
			width:1200px;
			display:grid;
			grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
			grid-gap:15px;
			margin:0 auto;
		}
		.containerelon .cardare{
			position:relative;
			width:300px;
			height:400px;
			margin:0 auto; 
			background:#fff;
			box-shadow:0 15px 60px rgba(0,0,0,0.5);
		}
		.containerelon .cardare .facemask{
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			height:100%;
			display:flex;
			justify-content:center;
			align-items:center;
		}
		.containerelon .cardare .facemask.facemask1{
			box-sizing:border-box;
			padding:20px;
		}
		.containerelon .cardare .facemask.facemask1 h2{
			margin:0;
			padding:0;
		}
		.containerelon .cardare .facemask.facemask2 h2{
			margin:0;
			padding:0;
			font-size:10em;
			color:#fff;
			transition:0.5s;
			text-shadow:0 2px 5px rgba(0,0,0,0.2);
		}
		.containerelon .cardare .facemask.facemask2{
			background:#111;
			transition:0.5s;
		}
		.containerelon .cardare .facemask.facemask2:before{
			content:'';
			position:absolute;
			top:0;
			left:0;
			width:50%;
			height:100%;
			background:rgba(255,255,255,0.1);
		}
		.containerelon .cardare:nth-child(1) .facemask.facemask2{
			background:liear-gradient(45deg,#3503ad,#f7308c);
		}
		.containerelon .cardare:nth-child(2) .facemask.facemask2{
			background:liear-gradient(45deg,#ccff00,#09afff);
		}
		.containerelon .cardare:nth-child(3) .facemask.facemask2{
			background:liear-gradient(45deg,#e91e63,#ffeb3b);
		}
		.containerelon .cardare:hover .facemask.facemask2{
			height:60px;
		}
		.containerelon .cardare:hover .facemask.facemask2 h2{
			font-size:2em;
		}
		
		.tubelight{
			position: relative;
			font-size:6em;
			letter-spacing: 15px;
			color:#0e3742;
			text-transform: uppercase;
			width:100%;
			text-align: center;
			-webkit-box-reflect:below 1px linear-gradient(transparent, #0004);
			line-height:0.70em;
			outline:none;
			animation:tubetube 5s linear infinite;
		}

		@keyframes tubetube
		{
			0%,18%,20%,50.1%,60%,65.1%,80%,90.1%,92%
			{
				color:#0e3742;
				text-shadow: none;
			}
			18.1%,20.1%,30%,50%,60.1%,65%,80.1%,90%,92.1%,100%
			{
				color:#fff;
				text-shadow: 0 0 10px #03bcf4,
							0 0 20px #03bcf4,
							0 0 40px #03bcf4,
							0 0 80px #03bcf4,
							0 0 160px #03bcf4;
			}
		}

		.gradienttitle{
			top:10%;
			position: absolute;
			transform:translateY(-50%);
			margin:0;
			padding:0;
			width:100%;
			text-align: center;
			font-family: sans-serif;
			background:linear-gradient(to right, #f32170, #ffeb07, #2196f3, #ff00eb);
			-webkit-text-fill-color:transparent;
			-webkit-background-clip:text;
			text-shadow:0 0 2px rgba(0,0,0,0.5);
			font-size:100px;
		}