/* .sdc-loading-page { background-color: @main_color_l; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; h1 { .c_5; text-align: center; } p { display: block; .e_4; } .caption1, .caption2 { visibility: hidden; } .load-container-wrapper { position: relative; .load-container { @background_color: #000000; .loader, .loader:before, .loader:after { border-radius: 50%; } .loader:before, .loader:after { position: absolute; content: ''; } .loader:before { width: 5.2em; height: 10.2em; background: @background_color; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; } .loader { color: #ffffff; font-size: 11px; text-indent: -99999em; margin: 0 auto; /!*margin: 55px auto;*!/ position: relative; width: 10em; height: 10em; box-shadow: inset 0 0 0 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .loader:after { width: 5.2em; height: 10.2em; background: @background_color; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; } @-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } } } } */