html,
body {
   height: 100%;
}
div#space {
   float: left;
   height: 50%;
   margin-bottom: -415px;
   width: 1px;
}
div#container {
   clear: left;
   height: 831px;
   margin: 0 auto;
   position: relative;
   width: 1535px;
}
body:before {
   background-image: linear-gradient(to top, #483D8B 0%, #000000 100%);
   bottom: 0;
   content: "";
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: -1;
}
body {
   background-color: #483D8B;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   line-height: 1.1875;
   margin: 0;
   overflow-x: hidden;
   overflow-y: hidden;
   padding: 0;
}
#wb_Image6 {
   vertical-align: top;
}
#Image6 {
   border: 0px solid #000000;
   border-radius: 0px;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_Image1 {
   vertical-align: top;
}
#Image1 {
   border: 0px solid #000000;
   border-radius: 0px;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_Image3 {
   vertical-align: top;
}
#Image3 {
   border: 0px solid #000000;
   border-radius: 0px;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_Image4 {
   vertical-align: top;
}
#Image4 {
   border: 0px solid #000000;
   border-radius: 0px;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_Image5 {
   vertical-align: top;
}
#Image5 {
   border: 0px solid #000000;
   border-radius: 0px;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_Text1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text1 div {
   text-align: left;
}
#Extension1 {
   height: 100%  !important;
   left: 0  !important;
   position: fixed  !important;
   top: 0  !important;
   width: 100%  !important;
   z-index: -1;
}
#Shape1 {
   border-width: 0;
   vertical-align: top;
}
#Shape2 {
   border-width: 0;
   vertical-align: top;
}
#wb_Image2 {
   vertical-align: top;
}
#Image2 {
   border: 0px solid #000000;
   border-radius: 0px;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#Shape3 {
   border-width: 0;
   vertical-align: top;
}
#wb_Text2 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text2 div {
   text-align: left;
}
#loader-wrapper {
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 9999;
}
#loader {
   -webkit-animation: spin 2s linear infinite;
   -webkit-transform-origin: center center;
   animation: spin 2s linear infinite;
   border: 3px solid transparent;
   border-radius: 50%;
   border-top-color: #3498DB;
   display: block;
   height: 150px;
   left: 50%;
   margin: -75px 0 0 -75px;
   position: relative;
   top: 50%;
   transform-origin: center center;
   width: 150px;
   z-index: 1001;
}
#loader:before {
   -webkit-animation: spin 3s linear infinite;
   -webkit-transform-origin: center center;
   animation: spin 3s linear infinite;
   border: 3px solid transparent;
   border-radius: 50%;
   border-top-color: #E74C3C;
   bottom: 5px;
   content: "";
   left: 5px;
   position: absolute;
   right: 5px;
   top: 5px;
   transform-origin: center center;
}
#loader:after {
   -webkit-animation: spin 1.5s linear infinite;
   -webkit-transform-origin: center center;
   animation: spin 1.5s linear infinite;
   border: 3px solid transparent;
   border-radius: 50%;
   border-top-color: #F9C922;
   bottom: 15px;
   content: "";
   left: 15px;
   position: absolute;
   right: 15px;
   top: 15px;
   transform-origin: center center;
}
@-webkit-keyframes spin {
0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
}
}
@keyframes spin {
0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
}
}
#loader-wrapper .loader-section {
   -webkit-transform: translateX(0);
   background: #222222;
   height: 100%;
   position: fixed;
   top: 0;
   transform: translateX(0);
   width: 50%;
   z-index: 1000;
}
#loader-wrapper .loader-section.section-left {
   background-color: #222222;
   left: 0;
   transform-origin: center center;
}
#loader-wrapper .loader-section.section-right {
   background-color: #222222;
   right: 0;
   transform-origin: center center;
}
.loaded #loader-wrapper .loader-section.section-left {
   -webkit-transform: translateX(-100%);
   -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
   transform: translateX(-100%);
   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%);
   -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
   transform: translateX(100%);
   transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
   -webkit-transition: all 0.3s ease-out;
   opacity: 0;
   transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
   -webkit-transform: translateY(-100%);
   -webkit-transition: all 0.3s 1s ease-out;
   transform: translateY(-100%);
   transition: all 0.3s 1s ease-out;
   visibility: hidden;
}