#loader-wrapper .loader-section{position: fixed;top: 0;width: 51%;height: 100%;/*background: #eceff1;*/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 {/*border: 16px solid #f3f3f3;*/border-radius: 50%;/*border-top: 16px solid blue;*//*border-right: 16px solid green;*//*border-bottom: 16px solid red;*/width: 120px;height: 120px;
-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;margin: 0 auto;margin-top: 20px;/*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: #3498db;-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: #3b3b3c; -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: #f3f3f3;-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);}}
.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;}
.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);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.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);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.loaded #loader { opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.main-progress {position: fixed;height: 100%;width: 100%; top: 0;right: 0;left: 0;z-index: 99999;background-color: #000;opacity: 0.7;}
.sub-progress {position: fixed;left: 45%;top: 40%;}