.mvsLoaderMask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); z-index: 9999999; }

@keyframes mvsLoader {
  0% { opacity: 1; -webkit-transform: scale(0.6, 0.6); -moz-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); }
  100% { opacity: 0; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); }
}

@-webkit-keyframes mvsLoader {
  0% { opacity: 1; -webkit-transform: scale(0.6, 0.6); transform: scale(1, 1); }
  100% { opacity: 0; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}

@-moz-keyframes mvsLoader {
  0% { opacity: 1; -moz-transform: scale(0.6, 0.6); transform: scale(1, 1); }
  100% { opacity: 0; -moz-transform: scale(1, 1); transform: scale(1, 1); }
}

.mvsLoader {
	position: absolute; top: 50%; left: 0; display: block; width: 100%; max-width: 100%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%); transform: translateY(-50%);
}

.mvsLoader .mvsSpinner {
	position: relative; margin: 0px auto; width: 64px !important; height: 64px !important;
	-webkit-transform: translate(-32px, -32px) scale(0.32) translate(32px, 32px);
	-moz-transform: translate(-32px, -32px) scale(0.32) translate(32px, 32px);
	transform: translate(-32px, -32px) scale(0.32) translate(32px, 32px);
}
.mvsLoader .mvsSpinner div > div {
	position: absolute; width: 40px; height: 40px; border-radius: 50%; background: #887647;
	-webkit-animation: mvsLoader 1s linear infinite; -moz-animation: mvsLoader 1s linear infinite; animation: mvsLoader 1s linear infinite;
}
.mvsLoader .mvsSpinner div:nth-child(1) > div {
	left: 160px; top: 80px;
	-webkit-animation-delay: -0.916666666666667s; -moz-animation-delay: -0.916666666666667s; animation-delay: -0.916666666666667s;
}
.mvsLoader .mvsSpinner > div:nth-child(1) {
	-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);
	-webkit-transform-origin: 180px 100px; -moz-transform-origin: 180px 100px; transform-origin: 180px 100px;
}
.mvsLoader .mvsSpinner div:nth-child(2) > div {
	left: 149.28203231999998px; top: 120px;
	-webkit-animation-delay: -0.833333333333333s; -moz-animation-delay: -0.833333333333333s; animation-delay: -0.833333333333333s;
}
.mvsLoader .mvsSpinner > div:nth-child(2) {
	-webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); transform: rotate(30deg);
	-webkit-transform-origin: 169.28203231999998px 140px; -moz-transform-origin: 169.28203231999998px 140px; transform-origin: 169.28203231999998px 140px;
}
.mvsLoader .mvsSpinner div:nth-child(3) > div {
	left: 120px; top: 149.28203231999998px;
	-webkit-animation-delay: -0.75s; -moz-animation-delay: -0.75s; animation-delay: -0.75s;
}
.mvsLoader .mvsSpinner > div:nth-child(3) {
	-webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); transform: rotate(60deg);
	-webkit-transform-origin: 140px 169.28203231999998px; -moz-transform-origin: 140px 169.28203231999998px; transform-origin: 140px 169.28203231999998px;
}
.mvsLoader .mvsSpinner div:nth-child(4) > div {
	left: 80px; top: 160px;
	-webkit-animation-delay: -0.666666666666667s; -moz-animation-delay: -0.666666666666667s; animation-delay: -0.666666666666667s;
}
.mvsLoader .mvsSpinner > div:nth-child(4) {
	-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);
	-webkit-transform-origin: 100px 180px; -moz-transform-origin: 100px 180px; transform-origin: 100px 180px;
}
.mvsLoader .mvsSpinner div:nth-child(5) > div {
	left: 40px; top: 149.28203231999998px;
	-webkit-animation-delay: -0.583333333333333s; -moz-animation-delay: -0.583333333333333s; animation-delay: -0.583333333333333s;
}
.mvsLoader .mvsSpinner > div:nth-child(5) {
	-webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); transform: rotate(120deg);
	-webkit-transform-origin: 60px 169.28203231999998px; -moz-transform-origin: 60px 169.28203231999998px; transform-origin: 60px 169.28203231999998px;
}
.mvsLoader .mvsSpinner div:nth-child(6) > div {
	left: 10.717967680000001px; top: 120px;
	-webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; animation-delay: -0.5s;
}
.mvsLoader .mvsSpinner > div:nth-child(6) {
	-webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); transform: rotate(150deg);
	-webkit-transform-origin: 30.71796768px 140px; -moz-transform-origin: 30.71796768px 140px; transform-origin: 30.71796768px 140px;
}
.mvsLoader .mvsSpinner div:nth-child(7) > div {
	left: 0px; top: 80px;
	-webkit-animation-delay: -0.416666666666667s; -moz-animation-delay: -0.416666666666667s; animation-delay: -0.416666666666667s;
}
.mvsLoader .mvsSpinner > div:nth-child(7) {
	-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);
	-webkit-transform-origin: 20px 100px; -moz-transform-origin: 20px 100px; transform-origin: 20px 100px;
}
.mvsLoader .mvsSpinner div:nth-child(8) > div {
	left: 10.717967680000001px; top: 40px;
	-webkit-animation-delay: -0.333333333333333s; -moz-animation-delay: -0.333333333333333s; animation-delay: -0.333333333333333s;
}
.mvsLoader .mvsSpinner > div:nth-child(8) {
	-webkit-transform: rotate(210deg); -moz-transform: rotate(210deg); transform: rotate(210deg);
	-webkit-transform-origin: 30.71796768px 60px; -webkit-moz-origin: 30.71796768px 60px; transform-origin: 30.71796768px 60px;
}
.mvsLoader .mvsSpinner div:nth-child(9) > div {
	left: 40px; top: 10.717967680000001px;
	-webkit-animation-delay: -0.25s; -moz-animation-delay: -0.25s; animation-delay: -0.25s;
}
.mvsLoader .mvsSpinner > div:nth-child(9) {
	-webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); transform: rotate(240deg);
	-webkit-transform-origin: 60px 30.71796768px; -moz-transform-origin: 60px 30.71796768px; transform-origin: 60px 30.71796768px;
}
.mvsLoader .mvsSpinner div:nth-child(10) > div {
	left: 80px; top: 0px;
	-webkit-animation-delay: -0.166666666666667s; -moz-animation-delay: -0.166666666666667s; animation-delay: -0.166666666666667s;
}
.mvsLoader .mvsSpinner > div:nth-child(10) {
	-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg);
	-webkit-transform-origin: 100px 20px; -moz-transform-origin: 100px 20px; transform-origin: 100px 20px;
}
.mvsLoader .mvsSpinner div:nth-child(11) > div {
	left: 120px; top: 10.717967680000001px;
	-webkit-animation-delay: -0.083333333333333s; -moz-animation-delay: -0.083333333333333s; animation-delay: -0.083333333333333s;
}
.mvsLoader .mvsSpinner > div:nth-child(11) {
	-webkit-transform: rotate(300deg); -moz-transform: rotate(300deg); transform: rotate(300deg);
	-webkit-transform-origin: 140px 30.71796768px; -moz-transform-origin: 140px 30.71796768px; transform-origin: 140px 30.71796768px;
}
.mvsLoader .mvsSpinner div:nth-child(12) > div {
	left: 149.28203231999998px; top: 40px;
	-webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s;
}
.mvsLoader .mvsSpinner > div:nth-child(12) {
	-webkit-transform: rotate(330deg); -moz-transform: rotate(330deg); transform: rotate(330deg);
	-webkit-transform-origin: 169.28203231999998px 60px; -moz-transform-origin: 169.28203231999998px 60px; transform-origin: 169.28203231999998px 60px;
}
.mvsLoader .mvsSpinner div:nth-child(13) > div {
	left: 160px; top: 80px;
	-webkit-animation-delay: 0.083333333333333s; -moz-animation-delay: 0.083333333333333s; animation-delay: 0.083333333333333s;
}
.mvsLoader .mvsSpinner > div:nth-child(13) {
	-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);
	-webkit-transform-origin: 180px 100px; -moz-transform-origin: 180px 100px; transform-origin: 180px 100px;
}

.mvsLoader .mvsLoaderText {
	display: block; margin-top: 20px; font-size: 22px; font-weight: bold;
    color: #444; text-align: center; padding: 0px 10px;
}

.mvsLoader .mvsProgressBar { display: block; width: 100%; max-width: 300px; margin: 20px auto 0px; border: solid 1px #887647; box-shadow: 0px 0px 6px #887647; }
.mvsLoader .mvsProgressBar > div { padding: 3px 0px; background-color: #887647 !important; width: 0%; }
.mvsLoader .mvsProgressBar > div span { display: block; color: #fff !important; padding-left: 10px; font-size: 16px; }
.mvsLoader .mvsProgressBar > div:before, .mvsLoader .mvsProgressBar > div:after { content: ""; display: table; clear: both; }