@keyframes offset{
  100%{ stroke-dashoffset:0;}
}


@keyframes fill{
  100%{ fill:#231F20;}
}

@keyframes opacity{
  100%{ opacity:1;}
}





#main{ opacity:0; }

#main{-webkit-animation:opacity 1s 1s linear forwards;
animation:opacity 1s 1s linear forwards; }



#chambers, #sth{ opacity:0; }

#chambers, #sth{-webkit-animation:opacity 1s 2s linear forwards;
animation:opacity 1s 2s linear forwards; }


/* line1 */
#line .st1{stroke: #fff;stroke-width:2;stroke-dasharray:930;stroke-dashoffset:930;-webkit-animation:offset .75s 3s linear forwards;animation:offset .75s 3s linear forwards;}


#arrow, .explore, .home .top-bar-section{ display:none;}

.explore, .home .top-bar-section, .home_btn {opacity:0;/* color:#555; *//* font-family: 'BrownStd-Bold'; */}

.home .top-bar-section, .explore {-webkit-animation:opacity 1s 4s linear forwards;
animation:opacity 1s 4s linear forwards; }


.home_btn{-webkit-animation:opacity 1s 5s linear forwards;
animation:opacity 1s 5s linear forwards; }