@charset "UTF-8";
/* CSS Document */


.text{
    height:135px;
    width:188px;
    background:url('../../img/loader/loader-back.png') no-repeat center center;
}
.loader_wrap{height:135px;width:188px;position:relative;margin:0 auto;}

.loader{
    left:52px;
    top:51px;
    height:86px;
    width:86px;
    background:url('../../img/loader/pos-1.png') no-repeat center center;
}
.centre {
    position: fixed;
    width: 100%;
    height:90%;
    display: flex;
    align-items: center;
    top: 0;/*

    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;*/

}

/*Assign Font Symbol*/
.up:before{font-family:'arial';content:'\e804';}
.right:before{font-family:'arial';content:'\e80';}
.left:before{font-family:'arial';content:'\e806';}
.down:before{font-family:'arial';content:'\e807';}

.centre{width:100%;}

/*Allow position of symbol*/
.loader{position:absolute;font-size:30px;}

/*Position Symbols*/
.loader{animation:Fade-Out-Custom 5s infinite;}

.text{position:absolute;top:50px;width:188px;text-align:right;
}

/*keyframe animations*/
@keyframes Fade-Out-Custom{
    0%   {opacity:1;transform:rotate(0deg);}
    25%  {opacity:1;transform:rotate(90deg);}
    50%  {opacity:1;transform:rotate(180deg);}
    75%  {opacity:1;transform:rotate(270deg);}
    100% {opacity:1;transform:rotate(360deg);}
}

@keyframes Load-Fade{
    0%  {opacity:0;}
    50% {opacity:1;}
    100%{opacity:0;}
}
.topbar,
.anchor-nav,
#content,
#footer{
   /* display:none; */
}