#header,
#footer,
.quick_menu,
.call_layer_pop_wrap {display: none;}
body {overflow-x:hidden;}
#intropage {background: url("/theme/yqueen/img/intropage_banner2.jpg") no-repeat center top;width: 100%;height: 100vh;background-size: cover; display: flex;align-items: center;justify-content: center;}
#intropage .center-wrapper {width: 640px;flex-shrink: 0;}
#intropage .center-wrapper .intropage-logo img{margin: 0 auto 113px;}
#intropage .center-link {display: inline-block;}

#intropage .surgery-center-link{margin-right: 46px; opacity:0; transform: translateY(20px); transition-duration: .8s; transition-delay: .2s}
#intropage .health-center-link{opacity:0; transform: translateY(20px); transition-duration: .8s; transition-delay: .4s;}


.loading {position: absolute;}
.loading span {display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: #fff;border-radius: 50%;position: relative;text-indent: -999px;margin: 0 1px;z-index: 999;animation:  loading 1s ease infinite;}
.loading span:nth-child(2)  {animation-delay: .2s;}
.loading span:nth-child(3)  {animation-delay: .4s;}
.loading span:nth-child(4)  {animation-delay: .6s;}

@keyframes loading {
    0% {transform: translateY(0);}
    50% {transform: translateY(10px);}
}

#intropage::before,
#intropage::after {content: ""; position: absolute; z-index: 3; top:0; bottom: 0; background: rgba(0,0,0,0.7); width: 50%; transition: all 1s;}
#intropage::before {left: 0;}
#intropage::after  {right: 0;}
#intropage.active::before  {left: -50%;}
#intropage.active::after  {right: -50%;}
#intropage.active .center-link {opacity: 1; transform: translateY(0px);}