/* Scss Document */
.wrapper_logo{
	top:10%;
	}
 .wrapper_logo {
/*    width: 558px;*/
/*    margin-left: -279px;*/
    position: relative;
   /* transform: translate(0,100px); */
    /* left: 50%;*/
    margin:0 auto;
}
img.logo_img{
width: 100%;
height: 100%;
filter: drop-shadow(5px 5px 5px #444);
}
 
p.logotext{
	
	text-shadow: 0px 0px 10px #000000;
	position: relative;
	text-align: center;
	margin:0px;
	letter-spacing: 0.3em;
	 /* font-size: 1.2em;*/
	/*top: 58px;*/
}
p.logotextanimated{
	
	text-shadow: 0px 0px 10px #000000;
	position: relative;
	text-align: center;
	margin:0px;
	letter-spacing: 0.3em;
	 /* font-size: 1.2em;*/
	/*top: 58px;*/
}

@media only screen and (max-width: 320px){
.wrapper_logo{
	width: 80%;
	top: 10%;
	height: 20px;
}
	p.logotext{
	position: relative;
	text-align: center;
	font-size: 1.4em;
	}
	
		p.logotextanimated
	{
	position: relative;
	text-align: center;
	top: 85px;
	font-size: 0.7em;
	}
	
p.subtext {
    top: -340px;
    font-size: 0.8em;
	}
	
	}
	
@media only screen and (min-width: 321px){
	.wrapper_logo{
	
	top: 5%;
	width:80%;
	
}
	p.logotext{
	position: relative;
	text-align: center;
	font-size: 1.4em;
	}
	p.subtext {
    top: -340px;
    font-size: 0.8em;
	}
	
		p.logotextanimated
	{
	position: relative;
	text-align: center;
	top: 85px;
	font-size: 0.7em;
	}
	
}
	
@media only screen and (min-width: 414px){
		.wrapper_logo{
		top: 2%;
		width:80%;
}
	p.logotext{
	position: relative;
	text-align: center;

	font-size: 1.4em;
	}
	p.subtext {
    top: -340px;
    font-size: 0.8em;
	}
	
		#header-2-logosmallanimated div.wrapper_logo{
		top: 38%;
		width: 599px;
		margin-left: -299px;
}
	p.logotextanimated
	{
	position: relative;
	text-align: center;
	font-size: 0.7em;
	}
}

@media only screen and (min-width: 568px){
	p.logotext{
	position: relative;
	text-align: center;
	font-size: 0.74em;
	}
.wrapper_logo{
		top: 3%;
width: 55%;
}

	#header-2-logosmallanimated div.wrapper_logo{
		top: 38%;
		width: 599px;
		margin-left: -299px;
}
	p.logotextanimated
	{
	position: relative;
	text-align: center;
	top: 55px;
	font-size: 0.7em;
	}
	
p.subtext {
    top: -336px;
    font-size: 0.8em;
	}
	}
	
@media only screen and (min-width: 768px){
	.wrapper_logo{
	top: 3%;
width: 55%;
}
	
	p.logotext{
	position: relative;
	text-align: center;
	font-size: 1.4em;
	}
	#header-2-logosmallanimated div.wrapper_logo{
		top: 38%;
}
	p.logotextanimated
	{
	position: relative;
	text-align: center;
	top: 55px;
	font-size: 0.7em;
	}
	
p.subtext {
    top: -250px;
font-size: 1em;
	}
	}	
	
@media only screen and (min-width: 896px){
	.wrapper_logo{
	top: 10%;
width: 50%;
left: -10%;
}
	
	p.logotext{
	position: relative;
	text-align: center;
	font-size: 1.4em;
	}
	#header-2-logosmallanimated div.wrapper_logo{
		top: 38%;
}
	p.logotextanimated
	{
	position: relative;
	text-align: center;
	top: 55px;
	font-size: 0.7em;
	}
	
p.subtext {
    top: -292px;
font-size: 1em;
	}
	}	
	
@media only screen and (min-width:1024px){}
	
@media only screen and (min-width:1366px){
	
	.wrapper_logo{
	top: 15%;
width: 40%;
left: -20%;
}

	
	p.logotext{
	position: relative;
	text-align: center;

	font-size: 1.4em;
	}
	
	#header-2-logosmallanimated div.wrapper_logo{
		top: 38%;
}
	p.logotextanimated
	{
	position: relative;
	text-align: center;
	top: 55px;
	font-size: 0.7em;
	}
	
p.subtext {
  top: -224px;
  font-size: 1.1em;
}
	
	}

p.logotext, p.logotextanimated{
	
	animation-iteration-function:linear;
	/*animation-direction: reverse;*/
	animation:animate_text 3s ease-in 1;
	animation-delay: 0.0s;	
}

@keyframes animate_text{
         0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

.HG{
	animation-iteration-function:linear;
	/*animation-direction: reverse;*/
	animation:animate_HG 5.5s ease-in 1;
	animation-delay: 0.0s;	
	
}

@keyframes animate_HG{
         0% { opacity: 0; }
  30% { opacity: 0; }
  50% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

p.subtext{
	animation-iteration-function:linear;
	/*animation-direction: reverse;*/
	animation:animate_subtext 6.5s ease-in 1;
	animation-delay: 0.0s;	
	
}
@keyframes animate_subtext{
         0% { opacity: 0; }
  50% { opacity: 0; }
  60% { opacity: 0.3; }
  70% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}


.form{
	width: 20%;
	min-width: 250px;
	height: 200px;
	margin:0 auto;
	text-align: center;
	animation-iteration-function:linear;
	animation: animate_form 8.5s ease-in 1;
	animation-delay: 0.0s;
	
}

@keyframes animate_form{
         0% { opacity: 0; }
  60% { opacity: 0; }
  66% { opacity: 0.3; }
  75% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

        /**.wrapper_logo{
            width: 400px;
            position: relative;
           transform: translate(0,100px);
			margin-left: -339px;
			left:50%; 
        }**/
        div.bars-a{
            width:5px;
            border-radius: 5px;
            animation-iteration-function:linear;
            position:fixed;
        }
        div.line1{
            background-color:#B2B2B2;
            animation:animate1 1s ease-in-out 2;
            top:-4px ;
            left:0px ;
            height: 10px;
            animation-delay: 0.0s;
        }
        div.line2{
            background-color:#B2B2B2;
            animation:animate2 1s ease-in-out 2;
            top:-6px ;
            left:17px ;
            height: 15px;
            animation-delay: 0.1s;
        }
        div.line3{
            background-color:#B2B2B2;
            animation:animate3 1s ease-in-out 2;
            top:-15px ;
            left:35px ;
            height: 32px;
            animation-delay: 0.2s;
        }
        div.line4{
            background-color:#B2B2B2;
            animation:animate4 1s ease-in-out 2;
            top: -24px;
            left:103px;
            height: 50px;
            animation-delay: 0.3s;
        }
        div.line5{
            background-color:#B2B2B2;
            animation:animate5 1s ease-in-out 2 ;
            top: -22px;
            left:155px;
            height: 45px;
            animation-delay: 0.4s;
        }
        div.line6{
            background-color:#B2B2B2;
            animation:animate6 1s ease-in-out 2;
            top: -4px;
            left:202px ;
            height: 10px;
            animation-delay: 0.5s;            
        }
        div.line7{
            background-color:#B2B2B2;
            animation:animate7 1s ease-in-out 2;
            top:-6px ;
            left: 219px;
            height: 15px;
            animation-delay: 0.6s; 
        }
        div.line8{
            background-color:#B2B2B2;
            animation:animate8 1s ease-in-out 2;
            top:-24px ;
            left: 236px;
            height: 50px;
            animation-delay: 0.7s; 
        }
        div.line9{
            background-color:#B2B2B2;
            animation:animate9 1s ease-in-out 2;
            top:-6px ;
            left: 251px;
            height: 15px;
            animation-delay: 0.8s; 
        }
        div.line10{
            background-color:#B2B2B2;
            animation:animate10 1s ease-in-out 2;
            top:-4px ;
            left: 270px;
            height: 10px;
            animation-delay: 0.9s; 
        }
        div.line11{
            background-color:#B2B2B2;
            animation:animate11 1s ease-in-out 2;
            top:-24px ;
            left: 334px;
            height: 50px;
            animation-delay: 1s; 
        }
        div.line12{
            background-color:#B2B2B2;
            animation:animate12 1s ease-in-out 2;
            top:-8px ;
            left: 385px;
            height: 16px;
            animation-delay: 1.1s; 
        }
        div.line13{
            background-color:#B2B2B2;
            animation:animate13 1s ease-in-out 2;
            top:-18px ;
            left: 437px;
            height: 38px;
            animation-delay: 1.2s; 
        }
        div.line14{
            background-color:#B2B2B2;
            animation:animate14 1s ease-in-out 2;
            top:-9px ;
            left: 472px;
            height: 21px;
            animation-delay: 1.3s; 
        }
        div.line15{
            background-color:#B2B2B2;
            animation:animate15 1s ease-in-out 2;
            top:-15px ;
            left: 523px;
            height: 32px;
            animation-delay: 1.4s; 
        }
        div.line16{
            background-color:#B2B2B2;
            animation:animate16 1s ease-in-out 2;
            top:-6px ;
            left: 541px;
            height: 15px;
            animation-delay: 1.5s; 
        }
        div.line17{
            background-color:#B2B2B2;
            animation:animate17 1.1s ease-in-out 2;
            top:-4px ;
            left: 558px;
            height: 10px;
            animation-delay: 1.6s; 
        }
    
    
     div.bars-b{
            background-color:#eb9d00;
            width:5px;
            border-radius: 5px;
            animation-iteration-function:linear;
            position:fixed;
           
        }
    div.line20{
            animation:animate20 1.8s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:52px ;
            height: 84px;
            animation-delay: 0.0s;}
     div.line21{
            animation:animate21 2.0s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:69px ;
            height: 35px;
            animation-delay: 0.0s;}
     div.line22{
            animation:animate22 2.2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:86px ;
            height: 84px;
            animation-delay: 0.0s;}
     div.line23{
            animation:animate23 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:121px ;
            height: 84px;
            animation-delay: 0.0s;}
     div.line24{
            animation:animate24 2.4s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            width: 20px;
            left:  121px ;
            height: 5px;
            animation-delay: 0.0s;}
     div.line25{
            animation:animate25 2.6s ease-in-out 1;
            animation-direction: reverse;
            top: -13px;
            width: 20px;
            left:  121px ;
            height: 5px;
            animation-delay: 0.0s;}
     div.line26{
            animation:animate26 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:138px ;
            height: 84px;
            animation-delay: 0.0s;}
     div.line27{
            animation:animate27 2.8s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:181px ;
            height: 84px;
            transform: rotate(12deg);
            animation-delay: 0.0s;}
     div.line28{
            animation:animate28 3s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:181px ;
            height: 84px;
            transform: rotate(-12deg);
            animation-delay: 0.0s;}
     div.line29{
            animation:animate29 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:282px ;
            height: 84px;
            animation-delay: 0.0s;}
    div.line30{
            animation:animate30 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:299px ;
            height: 35px;
            animation-delay: 0.0s;}
    div.line31{
            animation:animate31 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:316px ;
            height: 84px;
            animation-delay: 0.0s;}
    div.line32{
            animation:animate32 2s ease-in-out 1;
            animation-direction: reverse;
            top:38px;
            width: 20px;
            left:  353px ;
            height: 5px;;
            animation-delay: 0.0s;}
    div.line33{
            animation:animate33 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:351px ;
            height: 84px;
            animation-delay: 0.0s;}
    div.line34{
            animation:animate34 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left: 369px ;
            height: 84px;
            animation-delay: 0.0s;}
    div.line35{
            animation:animate35 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:403px ;
            width: 20px;
            height: 5px;
            animation-delay: 0.0s;}
    div.line36{
            animation:animate36 2s ease-in-out 1;
            animation-direction: reverse;
            top:-13px;
            left:402px ;
            width: 20px;
            height: 5px;
            animation-delay: 0.0s;}
    div.line37{
            animation:animate37 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:402px ;
            height: 32px;
            animation-delay: 0.0s;}
    div.line38{
            animation:animate38 2s ease-in-out 1;
            animation-direction: reverse;
            top:38px;
            left:402px ;
            width: 20px;
            height: 5px;
            animation-delay: 0.0s;}
    div.line39{
            animation:animate39 2s ease-in-out 1;
            animation-direction: reverse;
            top:-13px;
            left:420px ;
            height: 56px;
            animation-delay: 0.0s;}
    div.line40{
            animation:animate40 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:454px ;
            height: 84px;
            animation-delay: 0.0s;}
    div.line41{
            animation:animate41 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:489px ;
            height: 84px;
            animation-delay: 0.0s;}
    div.line42{
            animation:animate42 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:489px ;
            width: 20px;
            height: 5px;
            animation-delay: 0.0s;}
    div.line43{
            animation:animate43 2s ease-in-out 1;
            animation-direction: reverse;
            top:38px;
            left:489px ;
            width: 20px;
            height: 5px;
            animation-delay: 0.0s;}
    
    
    
    
    
    @keyframes animate1{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
       @keyframes animate2{
            50%{background-color:#1E1E1E;top:-80px;height:160px;}
        }
        @keyframes animate3{
            50%{background-color:#1E1E1E; top:-70px; height:140px;}
        }
        @keyframes animate4{
            50%{background-color:#1E1E1E; top:-80px; height:160px;}
        }
        @keyframes animate5{
            50%{background-color:#1E1E1E; top:-50px; height:100px;}
        }
        @keyframes animate6{
            50%{background-color:#1E1E1E; top:-90px; height:180px;}
        }
        @keyframes animate7{
            50%{background-color:#1E1E1E; top:-20px; height:40px;}
        }
    @keyframes animate8{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animate9{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animate10{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animate11{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animate12{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animate13{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animate14{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animate15{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animate16{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animate17{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        } 
    
       
    @keyframes animate20{
       
        20% { background-color:#1E1E1E; top:-50px; height:100px;}
        100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animate21{
             40% { background-color:#1E1E1E; top:-10px; height:60px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animate22{
            20% { background-color:#1E1E1E; }
            60% { background-color:#1E1E1E; top:-60px; height:120px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animate23{
            40% { background-color:#1E1E1E; top:0px; height:0px;}
            80% { background-color:#1E1E1E; top:-30px; height:60px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animate24{
            30%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
    @keyframes animate25{
            30%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
    @keyframes animate26{
            35% { background-color:#1E1E1E; top:0px; height:0px;}
            70% { background-color:#1E1E1E; top:-40px; height:80px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animate27{
            10% { transform: rotate(0deg);}
            20% { background-color:#1E1E1E; }
            100%{ background-color:#B2B2B2; top:0px; height:0px; transform: rotate(0deg);}
        }
    @keyframes animate28{
            10% { transform: rotate(0deg);}
            20% { background-color:#1E1E1E; }
            100%{ background-color:#B2B2B2; top:0px; height:0px; transform: rotate(0deg);}
        }
    @keyframes animate29{
            20% { background-color:#1E1E1E; top:-50px; height:100px;}
            60%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animate30{
             40% { background-color:#1E1E1E; top:-10px; height:60px;}
            58%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animate31{
             30% { background-color:#1E1E1E; top:-60px; height:120px;}
             58%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
     @keyframes animate32{
             10%{background-color: transparent;}
            100%{ background-color:transparent;}
            
        }
    @keyframes animate33{
             25% { background-color:#1E1E1E; top:-30px; height:60px;}
             54%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animate34{
             22% { background-color:#1E1E1E; top:-60px; height:120px;}
             52%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animate35{
            10%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
    @keyframes animate36{
            10%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
    @keyframes animate37{
            22% { background-color:#1E1E1E; top:-30px; height:60px;}
             50%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animate38{
            10%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
    @keyframes animate39{
        18% { background-color:#1E1E1E; top:-40px; height:80px;}
             48%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animate40{
        16% { background-color:#1E1E1E; top:-30px; height:60px;}
             40%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
                    }
    @keyframes animate41{
        14% { background-color:#1E1E1E; top:-5px; height:10px;}
             30%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animate42{
            10%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
    @keyframes animate43{
           10%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
      
      
      /*CSS ANIMATION FOR SMALL HEADER*/
      
      div.bars2-a{
            width:5px;
            border-radius: 5px;
            animation-iteration-count: infinite;
            position:fixed;
        }
        div.lineb1{
            background-color:#B2B2B2;
            animation:animateb1 1s ease-in-out 2;
            top:-4px ;
            left:0px ;
            height: 10px;
            animation-delay: 5.0s;
        }
        div.lineb2{
            background-color:#B2B2B2;
            animation:animateb2 1s ease-in-out 2;
            top:-6px ;
            left:17px ;
            height: 15px;
            animation-delay: 5.1s;
        }
        div.lineb3{
            background-color:#B2B2B2;
            animation:animateb3 1s ease-in-out 2;
            top:-15px ;
            left:35px ;
            height: 32px;
            animation-delay: 5.2s;
        }
        div.lineb4{
            background-color:#B2B2B2;
            animation:animateb4 1s ease-in-out 2;
            top: -24px;
            left:103px;
            height: 50px;
            animation-delay: 5.3s;
        }
        div.lineb5{
            background-color:#B2B2B2;
            animation:animateb5 1s ease-in-out 2 ;
            top: -22px;
            left:155px;
            height: 45px;
            animation-delay: 5.4s;
        }
        div.lineb6{
            background-color:#B2B2B2;
            animation:animateb6 1s ease-in-out 2;
            top: -4px;
            left:202px ;
            height: 10px;
            animation-delay: 5.5s;            
        }
        div.lineb7{
            background-color:#B2B2B2;
            animation:animateb7 1s ease-in-out 2;
            top:-6px ;
            left: 219px;
            height: 15px;
            animation-delay: 5.6s; 
        }
        div.lineb8{
            background-color:#B2B2B2;
            animation:animateb8 1s ease-in-out 2;
            top:-24px ;
            left: 236px;
            height: 50px;
            animation-delay: 5.7s; 
        }
        div.lineb9{
            background-color:#B2B2B2;
            animation:animateb9 1s ease-in-out 2;
            top:-6px ;
            left: 251px;
            height: 15px;
            animation-delay: 5.8s; 
        }
        div.lineb10{
            background-color:#B2B2B2;
            animation:animateb10 1s ease-in-out 2;
            top:-4px ;
            left: 270px;
            height: 10px;
            animation-delay: 5.9s; 
        }
        div.lineb11{
            background-color:#B2B2B2;
            animation:animateb11 1s ease-in-out 2;
            top:-24px ;
            left: 334px;
            height: 50px;
            animation-delay: 6s; 
        }
        div.lineb12{
            background-color:#B2B2B2;
            animation:animateb12 1s ease-in-out 2;
            top:-8px ;
            left: 385px;
            height: 16px;
            animation-delay: 6.1s; 
        }
        div.lineb13{
            background-color:#B2B2B2;
            animation:animateb13 1s ease-in-out 2;
            top:-18px ;
            left: 437px;
            height: 38px;
            animation-delay: 6.2s; 
        }
        div.lineb14{
            background-color:#B2B2B2;
            animation:animateb14 1s ease-in-out 2;
            top:-9px ;
            left: 472px;
            height: 21px;
            animation-delay: 6.3s; 
        }
        div.lineb15{
            background-color:#B2B2B2;
            animation:animateb15 1s ease-in-out 2;
            top:-15px ;
            left: 523px;
            height: 32px;
            animation-delay: 6.4s; 
        }
        div.lineb16{
            background-color:#B2B2B2;
            animation:animateb16 1s ease-in-out 2;
            top:-6px ;
            left: 541px;
            height: 15px;
            animation-delay: 6.5s; 
        }
        div.lineb17{
            background-color:#B2B2B2;
            animation:animateb17 1.1s ease-in-out 2;
            top:-4px ;
            left: 558px;
            height: 10px;
            animation-delay: 6.6s; 
        }
    
    
     div.bars2-b{
            background-color:#eb9d00;
            width:5px;
            border-radius: 5px;
            animation-iteration-function:linebar;
            position:fixed;
           
        }
    div.lineb20{
            animation:animateb20 1.8s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:52px ;
            height: 84px;
            animation-delay: 6.0s;}
     div.lineb21{
            animation:animateb21 2.0s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:69px ;
            height: 35px;
            animation-delay: 6.1s;}
     div.lineb22{
            animation:animateb22 2.2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:86px ;
            height: 84px;
            animation-delay: 6.2s;}
     div.lineb23{
            animation:animateb23 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:121px ;
            height: 84px;
            animation-delay: 6.3s;}
     div.lineb24{
            animation:animateb24 2.4s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            width: 20px;
            left:  121px ;
            height: 5px;
            animation-delay: 6.4s;}
     div.lineb25{
            animation:animateb25 2.6s ease-in-out 1;
            animation-direction: reverse;
            top: -13px;
            width: 20px;
            left:  121px ;
            height: 5px;
            animation-delay: 6.5s;}
     div.lineb26{
            animation:animateb26 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:138px ;
            height: 84px;
            animation-delay: 6.6s;}
     div.lineb27{
            animation:animateb27 2.8s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:181px ;
            height: 84px;
            transform: rotate(12deg);
            animation-delay: 6.7s;}
     div.lineb28{
            animation:animateb28 3s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:181px ;
            height: 84px;
            transform: rotate(-12deg);
            animation-delay: 6.7s;}
     div.lineb29{
            animation:animateb29 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:282px ;
            height: 84px;
            animation-delay: 6.8s;}
    div.lineb30{
            animation:animateb30 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:299px ;
            height: 35px;
            animation-delay: 6.9s;}
    div.lineb31{
            animation:animateb31 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:316px ;
            height: 84px;
            animation-delay: 7.0s;}
    div.lineb32{
            animation:animateb32 2s ease-in-out 1;
            animation-direction: reverse;
            top:38px;
            width: 20px;
            left:  353px ;
            height: 5px;;
            animation-delay: 7.1s;}
    div.lineb33{
            animation:animateb33 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:351px ;
            height: 84px;
            animation-delay: 7.2s;}
    div.lineb34{
            animation:animateb34 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left: 369px ;
            height: 84px;
            animation-delay: 7.3s;}
    div.lineb35{
            animation:animateb35 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:403px ;
            width: 20px;
            height: 5px;
            animation-delay: 7.4s;}
    div.lineb36{
            animation:animateb36 2s ease-in-out 1;
            animation-direction: reverse;
            top:-13px;
            left:402px ;
            width: 20px;
            height: 5px;
            animation-delay: 7.5s;}
    div.lineb37{
            animation:animateb37 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:402px ;
            height: 32px;
            animation-delay: 7.6s;}
    div.lineb38{
            animation:animateb38 2s ease-in-out 1;
            animation-direction: reverse;
            top:38px;
            left:402px ;
            width: 20px;
            height: 5px;
            animation-delay: 7.7s;}
    div.lineb39{
            animation:animateb39 2s ease-in-out 1;
            animation-direction: reverse;
            top:-13px;
            left:420px ;
            height: 56px;
            animation-delay: 7.8s;}
    div.lineb40{
            animation:animateb40 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:454px ;
            height: 84px;
            animation-delay: 7.9s;}
    div.lineb41{
            animation:animateb41 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:489px ;
            height: 84px;
            animation-delay: 8.0s;}
    div.lineb42{
            animation:animateb42 2s ease-in-out 1;
            animation-direction: reverse;
            top:-41px;
            left:489px ;
            width: 20px;
            height: 5px;
            animation-delay: 8.1s;}
    div.lineb43{
            animation:animateb43 2s ease-in-out 1;
            animation-direction: reverse;
            top:38px;
            left:489px ;
            width: 20px;
            height: 5px;
            animation-delay: 8.2s;}
    
    
    
    
    
    @keyframes animateb1{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
       @keyframes animateb2{
            50%{background-color:#1E1E1E;top:-80px;height:160px;}
        }
        @keyframes animateb3{
            50%{background-color:#1E1E1E; top:-70px; height:140px;}
        }
        @keyframes animateb4{
            50%{background-color:#1E1E1E; top:-80px; height:160px;}
        }
        @keyframes animateb5{
            50%{background-color:#1E1E1E; top:-50px; height:100px;}
        }
        @keyframes animateb6{
            50%{background-color:#1E1E1E; top:-90px; height:180px;}
        }
        @keyframes animateb7{
            50%{background-color:#1E1E1E; top:-20px; height:40px;}
        }
    @keyframes animateb8{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animateb9{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animateb10{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animateb11{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animateb12{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animateb13{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animateb14{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animateb15{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animateb16{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        }
    @keyframes animateb17{
            50%{ background-color:#1E1E1E; top:-50px; height:100px;}
        } 
    
       
    @keyframes animateb20{
       
        20% { background-color:#1E1E1E; top:-50px; height:100px;}
        100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animateb21{
             40% { background-color:#1E1E1E; top:-10px; height:60px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animateb22{
            20% { background-color:#1E1E1E; }
            60% { background-color:#1E1E1E; top:-60px; height:120px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animateb23{
            40% { background-color:#1E1E1E; top:0px; height:0px;}
            80% { background-color:#1E1E1E; top:-30px; height:60px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animateb24{
            30%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
    @keyframes animateb25{
            30%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
    @keyframes animateb26{
            35% { background-color:#1E1E1E; top:0px; height:0px;}
            70% { background-color:#1E1E1E; top:-40px; height:80px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animateb27{
            10% { transform: rotate(0deg);}
            20% { background-color:#1E1E1E; }
            100%{ background-color:#B2B2B2; top:0px; height:0px; transform: rotate(0deg);}
        }
    @keyframes animateb28{
            10% { transform: rotate(0deg);}
            20% { background-color:#1E1E1E; }
            100%{ background-color:#B2B2B2; top:0px; height:0px; transform: rotate(0deg);}
        }
    @keyframes animateb29{
            20% { background-color:#1E1E1E; top:-50px; height:100px;}
            60%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animateb30{
             40% { background-color:#1E1E1E; top:-10px; height:60px;}
            58%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animateb31{
             30% { background-color:#1E1E1E; top:-60px; height:120px;}
             58%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
     @keyframes animateb32{
             10%{background-color: transparent;}
            100%{ background-color:transparent;}
            
        }
    @keyframes animateb33{
             25% { background-color:#1E1E1E; top:-30px; height:60px;}
             54%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animateb34{
             22% { background-color:#1E1E1E; top:-60px; height:120px;}
             52%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animateb35{
            10%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
    @keyframes animateb36{
            10%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
    @keyframes animateb37{
            22% { background-color:#1E1E1E; top:-30px; height:60px;}
             50%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animateb38{
            10%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
    @keyframes animateb39{
        18% { background-color:#1E1E1E; top:-40px; height:80px;}
             48%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animateb40{
        16% { background-color:#1E1E1E; top:-30px; height:60px;}
             40%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
                    }
    @keyframes animateb41{
        14% { background-color:#1E1E1E; top:-5px; height:10px;}
             30%{ background-color:#B2B2B2; top:0px; height:0px;}
            100%{ background-color:#B2B2B2; top:0px; height:0px;}
        }
    @keyframes animateb42{
            10%{background-color: transparent;}
            100%{ background-color:transparent;}
        }
    @keyframes animateb43{
           10%{background-color: transparent;}
            100%{ background-color:transparent;}
        }