.loading #main { opacity: .1; }
.spinner { height: 100%; width: 100%; position: absolute; z-index: 10; }
.spinner .spin_wrap { position: absolute; top: 30%; left: 49%; width:72px; }
.framed .spinner { position: fixed; }
.framed .spinner .spin_wrap { position: fixed; top: 50%; height: 75px; margin-top: -37.5px; }
.spinner .loader,
.spinner .spinner_img { height: 64px; width: 64px; position: absolute; }
.spinner .spinner_img { margin: 20px 0 0 20px; opacity: 0.50; filter: alpha(opacity=50); background: url(/blogs/images/progress.png) no-repeat; background-size: 32px; }
.spinner .loader { margin: 0px; background-color: transparent; -webkit-animation: rotation .9s infinite linear; -moz-animation: rotation .9s infinite linear; -o-animation: rotation .9s infinite linear; animation: rotation .9s infinite linear; border-left: 4px solid #cbcbca; border-right: 4px solid #cbcbca; border-bottom: 4px solid #cbcbca; border-top: 4px solid #2380be; border-radius: 100%; background-image: none !important; }
.spinner .loading_msg { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-top: 85px; text-align: center; z-index: 100; outline: 0; font-size: 15px; }
.spinner .loading_sub_heading { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 150%; margin-top: 10px; margin-left: -42px; text-align: center; z-index: 100; outline: 0; }
.proccess_loading { display: none; margin: 0px; padding: 0px; position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; background-color: #fff; z-index: 1980; opacity: .92; filter: alpha(opacity=92); }
.proccess_loading_right { display: none; margin: 0px; padding: 0px; position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; background-color: #fff; z-index: 198; opacity: .92; filter: alpha(opacity=92); }
.proccess_loading_right .spinner .spin_wrap { position: absolute; top: 45%; left: 56%; }
.mg_loading { display: none; margin: 0px; padding: 0px; position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; background-color: #fff; z-index: 1980; opacity: .92; filter: alpha(opacity=92); }
.mg_loading .spinner .spin_wrap { position: absolute; top: 35%; left: 50%; }

@-webkit-keyframes rotation {
from { -webkit-transform: rotate(0); }
to { -webkit-transform: rotate(359deg); }
}

@-moz-keyframes rotation {
from { -moz-transform: rotate(0); }
to { -moz-transform: rotate(359deg); }
}

@-o-keyframes rotation {
from { -moz-transform: rotate(0); }
to { -moz-transform: rotate(359deg); }
}

@keyframes rotation {
from { transform: rotate(0); }
to { transform: rotate(359deg); }
}

@media only screen and (max-width: 768px) {
.spinner .spin_wrap, .spinner .spin_wrap_proccess { top: 10%; left: 10%; }
.spinner { top: 15%; left: 30%; }
}