@charset "utf-8";
#loader-wrapper{
 position:fixed;
 top:0;left:0;
 width:100%;height:100%;
 z-index:3000;
}
#loader-wrapper #content{
 display:block;position:relative;
 top:20%;
 width:100%;height:100%;
 margin:0 auto;
 text-align:center;color:#fff;text-transform:uppercase;
 z-index:3001;
}
#loader{
 display:block;position:relative;
 left:50%;top:50%;
 width:150px;height:150px;
 margin:-75px 0 0 -75px;
 border-radius:50%;border:3px solid transparent;border-top-color:rgba(200,34,73,1);
 -webkit-animation:spin 2s linear infinite;
 animation:spin 2s linear infinite;
 z-index:3001;
}
 #loader:before{
 content:"";position:absolute;
 top:5px;left:5px;right:5px;bottom:5px;
 border-radius:50%;border:3px solid transparent;border-top-color:rgba(255,255,255,1);
 -webkit-animation:spin 3s linear infinite;
 animation:spin 3s linear infinite;
 }
 #loader:after{
 content:"";position:absolute;
 top:15px;left:15px;right:15px;bottom:15px;
 border-radius:50%;border:3px solid transparent;border-top-color:rgba(148,162,170,1);
 -webkit-animation:spin 1.5s linear infinite;
 animation:spin 1.5s linear infinite;
 }
 @-webkit-keyframes spin{
 0%{
 -webkit-transform:rotate(0deg);
 -ms-transform:rotate(0deg);
 transform:rotate(0deg);
 }
 100%{
 -webkit-transform:rotate(360deg);
 -ms-transform:rotate(360deg);
 transform:rotate(360deg);
 }
 }
 @keyframes spin{
 0%{
 -webkit-transform:rotate(0deg);
 -ms-transform:rotate(0deg);
 transform:rotate(0deg);
 }
 100%{
 -webkit-transform:rotate(360deg);
 -ms-transform:rotate(360deg);
 transform:rotate(360deg);
 }
 }

#loader-wrapper .loader-section{
 position:fixed;
 top:0;
 width:50%;height:100%;
 background:rgba(0,0,0,0.95);
 z-index:3000;
}
 #loader-wrapper .loader-section.section-left{left:0}
 #loader-wrapper .loader-section.section-right{right:0}
 
.loaded #loader-wrapper .loader-section.section-left{
 -webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 transform:translateX(-100%);

 
 -webkit-transition:all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
 
 transition:all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
}
.loaded #loader-wrapper .loader-section.section-right{
 -webkit-transform:translateX(100%);
 -ms-transform:translateX(100%);
 transform:translateX(100%);

 
 -webkit-transition:all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
 
 transition:all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
}
.loaded #loader{
 opacity:0;
 -webkit-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out;
}
.loaded #loader-wrapper{
 visibility:hidden;
 -webkit-transform:translateY(-100%);
 -ms-transform:translateY(-100%);
 transform:translateY(-100%);
 -webkit-transition:all 0.3s 1s ease-out;
 transition:all 0.3s 1s ease-out;
}