/**/#mt-preloader {
background: #fff none repeat scroll 0 0;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
}
#mt-preloader .preloader-wrapper {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .mt-wave {
margin: 40px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px;
}
.mt-wave .az-rect {
background-color: #04a8d0;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: mt-waveStretchDelay 1.2s infinite ease-in-out;
animation: mt-waveStretchDelay 1.2s infinite ease-in-out;
}
.mt-wave .az-rect1 {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.mt-wave .az-rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.mt-wave .az-rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.mt-wave .az-rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.mt-wave .az-rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes mt-waveStretchDelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes mt-waveStretchDelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
} .mt-three-bounce {
margin: 40px auto;
width: 80px;
text-align: center;
}
.mt-three-bounce .az-child {
width: 20px;
height: 20px;
background-color: #E53935;
border-radius: 100%;
display: inline-block;
-webkit-animation: mt-three-bounce 1.4s ease-in-out 0s infinite both;
animation: mt-three-bounce 1.4s ease-in-out 0s infinite both;
}
.mt-three-bounce .az-bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.mt-three-bounce .az-bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes mt-three-bounce {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes mt-three-bounce {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
} .mt-folding-cube {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.mt-folding-cube .az-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.mt-folding-cube .az-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #E53935;
-webkit-animation: az-foldCubeAngle 2.4s infinite linear both;
animation: az-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.mt-folding-cube .az-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.mt-folding-cube .az-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.mt-folding-cube .az-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.mt-folding-cube .az-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.mt-folding-cube .az-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.mt-folding-cube .az-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes az-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes az-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
} @keyframes mt-spinner {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.mt-spinner div {
left: 0;
top: 0;
position: absolute;
animation: mt-spinner linear 1s infinite;
background: #333333;
width: 7px;
height: 16px;
border-radius: 6px / 12px;
transform-origin: 3px 30px;
}
.mt-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -0.9166666666666666s;
background-color: #333333;
}
.mt-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -0.8333333333333334s;
background-color: #333333;
}
.mt-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.75s;
background-color: #333333;
}
.mt-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.6666666666666666s;
background-color: #333333;
}
.mt-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.5833333333333334s;
background-color: #333333;
}
.mt-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.5s;
background-color: #333333;
}
.mt-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.4166666666666667s;
background-color: #333333;
}
.mt-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.3333333333333333s;
background-color: #333333;
}
.mt-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.25s;
background-color: #333333;
}
.mt-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.16666666666666666s;
background-color: #333333;
}
.mt-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.08333333333333333s;
background-color: #333333;
}
.mt-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
background-color: #333333;
} @keyframes mt-rolling {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.mt-rolling div {
position: absolute;
width: 60px;
height: 60px;
border: 10px solid #333;
border-top-color: transparent !important;
border-radius: 50%;
}
.mt-rolling div {
animation: mt-rolling 1s linear infinite;
} @keyframes mt-reload {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg);
}
}
.mt-reload {
transform: scale(0.7);
position: absolute;
left: -35px;
top: -35px;
}
.mt-reload>div {
animation: mt-reload 1s infinite linear;
transform-origin: 50px 50px;
}
.mt-reload>div div {
position: absolute;
}
.mt-reload>div div:nth-child(1), .mt-reload>div div:nth-child(2) {
width: 82px;
height: 82px;
border: 12px solid;
border-radius: 50%;
border-color: transparent #333333 #333333 #333333;
border-top-color: transparent !important;
box-sizing: border-box;
position: absolute;
transform: rotate(45deg);
transform-origin: 50px 50px;
}
.mt-reload>div div:nth-child(1) {
transform: rotate(45deg) translate(9px, 9px);
}
.mt-reload>div div:nth-child(2) {
transform: rotate(0deg) translate(9px, 9px);
}
.mt-reload>div div:nth-child(3) {
width: 0;
height: 0;
border: 12px solid;
border-color: transparent transparent transparent #333333;
border-left-color: #333333;
transform: translate(50px, 3px);
} @keyframes mt-ripple {
0% {
top: 48px;
left: 48px;
width: 0;
height: 0;
opacity: 1;
}
100% {
top: 9px;
left: 9px;
width: 78px;
height: 78px;
opacity: 0;
}
}
.mt-ripple {
transform: scale(0.7);
}
.mt-ripple div {
position: absolute;
border-width: 3px;
border-style: solid;
opacity: 1;
border-radius: 50%;
animation: mt-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.mt-ripple div:nth-child(1) {
border-color: #333333;
animation-delay: 0s;
}
.mt-ripple div:nth-child(2) {
border-color: #212121;
animation-delay: -0.5s;
} @keyframes mt-cube {
0% {
transform: scale(1.1500000000000001)
}
100% {
transform: scale(1)
}
}
.mt-cube {
position: absolute;
left: -26px;
top: -26px;
transform: scale(0.8);
}
.mt-cube div {
position: absolute;
width: 30px;
height: 30px;
top: 0;
left: 0;
background-color: #333333;
animation: mt-cube 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
animation-delay: -0.3s;
}
.mt-cube div:nth-child(2) {
top: 0;
left: 35px;
background-color: #333333;
animation-delay: -0.2s;
opacity: 0.9;
}
.mt-cube div:nth-child(3) {
top: 34px;
left: 0;
background-color: #333333;
animation-delay: 0s;
}
.mt-cube div:nth-child(4) {
top: 34px;
left: 35px;
background-color: #333333;
animation-delay: -0.1s;
opacity: 0.9;
} @keyframes mt-block {
0% {
background-color: #212121;
}
12.5% {
background-color: #212121;
}
12.625% {
background-color: #212121;
opacity:0.8;
}
100% {
background-color: #212121;
opacity:0.8;
}
}
.preloader-background .mt-block {
position: absolute;
transform: scale(0.5);
left: -50px;
top: -50px;
}
.preloader-background .mt-block div {
position: absolute;
width: 40px;
height: 40px;
background-color: #333333;
animation: mt-block 1s linear infinite;
} @keyframes mt-dual-ball-o {
0% {
opacity: 1;
transform: translate(0 0)
}
49.99% {
opacity: 1;
transform: translate(40px, 0)
}
50% {
opacity: 0;
transform: translate(40px, 0)
}
100% {
opacity: 0;
transform: translate(0, 0)
}
}
@keyframes mt-duall-ball-1 {
0% {
transform: translate(0, 0)
}
50% {
transform: translate(40px, 0)
}
100% {
transform: translate(0, 0)
}
}
.mt-dual-ball {
transform: scale(0.6);
position: absolute;
left: -30px;
top: -30px;
}
.mt-dual-ball div {
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
top: 30px;
left: 10px;
}
.mt-dual-ball div:nth-child(1) {
background-color: #333333;
animation: mt-dual-ball-1 1s linear infinite;
animation-delay: -0.5s;
opacity: 0.5;
}
.mt-dual-ball div:nth-child(2) {
background-color: #333333;
animation: mt-dual-ball-1 1s linear infinite;
animation-delay: 0s;
opacity: 0.5;
}
.mt-dual-ball div:nth-child(3) {
background-color: #333333;
animation: mt-dual-ball-o 1s linear infinite;
animation-delay: -0.5s;
opacity: 0.8;
} @keyframes mt-disk {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.mt-disk {
position: absolute;
left: -35px;
top: -35px;
transform: scale(0.7);
}
.mt-disk>div>div {
position: absolute;
border-radius: 50%;
}
.mt-disk>div>div:nth-child(1) {
top: 15px;
left: 15px;
width: 70px;
height: 70px;
background-color: #333333;
}
.mt-disk>div>div:nth-child(2) {
top: 19.900000000000002px;
left: 39.5px;
width: 21px;
height: 21px;
background: #ffffff;
animation: mt-disk 1s linear infinite;
transform-origin: 10.5px 30.099999999999998px;
} @keyframes mt-ball {
0%, 100% {
animation-timing-function: cubic-bezier(0.45, 0, 0.9, 0.55)
}
0% {
transform: translate(0, 0)
}
50% {
transform: translate(0, 50px);
animation-timing-function: cubic-bezier(0, 0.45, 0.55, 0.9);
}
100% {
transform: translate(0, 0);
}
}
#preloader-background .mt-ball {
left: -50px;
position: absolute;
top: -50px;
}
.mt-ball div {
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #333333;
left: -15px;
top: -25px;
animation: mt-ball 1s linear infinite;
} @keyframes mt-radio {
0% {
opacity: 0
}
20% {
opacity: 1
}
100% {
opacity: 1
}
}
.mt-radio {
left: -30px;
position: absolute;
top: -40px;
transform: scale(0.7);
}
.mt-radio div {
position: absolute;
animation: mt-radio 1s linear infinite;
box-sizing: border-box !important;
}
.mt-radio div:nth-child(1) {
width: 22px;
height: 22px;
left: 17px;
top: 64px;
border-radius: 50%;
background-color: #212121;
}
.mt-radio div:nth-child(2) {
width: 33px;
height: 33px;
left: 28px;
top: 42px;
border-radius: 0 33px 0 0;
border: 10px solid #212121;
background: none;
animation-delay: 0.1s;
border-bottom: 0;
border-left: 0;
opacity: 0.8;
}
.mt-radio div:nth-child(3) {
width: 55px;
height: 55px;
left: 28px;
top: 20px;
border-radius: 0 55px 0 0;
border: 10px solid #212121;
background: none;
animation-delay: 0.2s;
border-bottom: 0;
border-left: 0;
opacity: 0.5;
} @keyframes mt-bean-eater-1 {
0% {
transform: rotate(0deg)
}
50% {
transform: rotate(-45deg)
}
100% {
transform: rotate(0deg)
}
}
@keyframes mt-bean-eater-2 {
0% {
transform: rotate(180deg)
}
50% {
transform: rotate(225deg)
}
100% {
transform: rotate(180deg)
}
}
.mt-bean-eater {
position: absolute;
left: -25px;
top: -40px;
transform: scale(0.8);
}
.mt-bean-eater>div:nth-child(2) {
transform: translate(-15px, 0);
}
.mt-bean-eater>div:nth-child(2) div {
position: absolute;
top: 20px;
left: 20px;
width: 60px;
height: 30px;
border-radius: 60px 60px 0 0;
background-color: #212121;
animation: mt-bean-eater-1 1s linear infinite;
transform-origin: 30px 30px
}
.mt-bean-eater>div:nth-child(2) div:nth-child(2) {
animation: mt-bean-eater-2 1s linear infinite
}
.mt-bean-eater>div:nth-child(2) div:nth-child(3) {
transform: rotate(-90deg);
animation: none;
}
@keyframes mt-bean-eater-3 {
0% {
transform: translate(95px, 0);
opacity: 0
}
20% {
opacity: 1
}
100% {
transform: translate(35px, 0);
opacity: 1
}
}
.mt-bean-eater>div:nth-child(1) {
display: block;
}
.mt-bean-eater>div:nth-child(1) div {
position: absolute;
top: 46px;
left: -4px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #666666;
animation: mt-bean-eater-3 1s linear infinite
}
.mt-bean-eater>div:nth-child(1) div:nth-child(1) {
animation-delay: -0.67s
}
.mt-bean-eater>div:nth-child(1) div:nth-child(2) {
animation-delay: -0.33s
}
.mt-bean-eater>div:nth-child(1) div:nth-child(3) {
animation-delay: 0s
} @keyframes mt-double-ring {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.mt-double-ring {
transform: scale(0.7);
position: absolute;
left: -35px;
top: -35px;
}
.mt-double-ring div {
box-sizing: border-box !important
}
.mt-double-ring>div {
position: absolute;
width: 72px;
height: 72px;
top: 14px;
left: 14px;
border-radius: 50%;
border: 8px solid;
border-color: #212121 transparent #212121 transparent;
animation: mt-double-ring 1s linear infinite;
}
.mt-double-ring>div:nth-child(2), .mt-double-ring>div:nth-child(4) {
width: 54px;
height: 54px;
top: 23px;
left: 23px;
animation: mt-double-ring 1s linear infinite reverse;
}
.mt-double-ring>div:nth-child(2) {
border-color: transparent #666666 transparent #666666;
}
.mt-double-ring>div:nth-child(3) {
border-color: transparent
}
.mt-double-ring>div:nth-child(3) div {
position: absolute;
width: 100%;
height: 100%;
transform: rotate(45deg);
}
.mt-double-ring>div:nth-child(3) div:before, .mt-double-ring>div:nth-child(3) div:after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
top: -8px;
left: 24px;
background-color: #212121;
border-radius: 50%;
box-shadow: 0 64px 0 0 #212121;
}
.mt-double-ring>div:nth-child(3) div:after {
left: -8px;
top: 24px;
box-shadow: 64px 0 0 0 #212121;
}
.mt-double-ring>div:nth-child(4) {
border-color: transparent;
}
.mt-double-ring>div:nth-child(4) div {
position: absolute;
width: 100%;
height: 100%;
transform: rotate(45deg);
}
.mt-double-ring>div:nth-child(4) div:before, .mt-double-ring>div:nth-child(4) div:after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
top: -8px;
left: 15px;
background-color: #666666;
border-radius: 50%;
box-shadow: 0 46px 0 0 #666666;
}
.mt-double-ring>div:nth-child(4) div:after {
left: -8px;
top: 15px;
box-shadow: 46px 0 0 0 #666666;
}