/**Loading page**/
@-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 {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
#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: #2ec06c; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 1001;}
#loader:before {content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #2ec06c; -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: #2ec06c; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite;}
#loader-wrapper .loader-section {position: fixed; top: 0; width: 51%; height: 100%; background: #222; z-index: 1000; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}
.loader-site-name {font-family: 'Open Sans'; color: #FFF; font-size: 19px; width: 100%; text-align: center; z-index: 9999; position: absolute; top: 50%; opacity: 1; filter:alpha(opacity=100); line-height: 30px; margin-top: -15px; padding-top: 120px; transition: all .5s ease-out;}
.loaded .loader-site-name {opacity: 0; filter:alpha(opacity=0);}
.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1); transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);}
.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1); transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);}
.loaded #loader {opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.loaded #loader-wrapper {visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .3s 1s ease-out; transition: all .3s 1s ease-out;}