@media only screen and (max-width: 414px){.loading_issi{ font-size: 20px;font-family: Helvetica, Arial, sans-serif;}}
@media only screen and (min-width: 415px){.loading_issi{ font-size: 35px;font-family: Helvetica, Arial, sans-serif;}}
.loader{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: #333;color:#ddd;z-index: 9;opacity: 0.92;display:flex;justify-content:center;align-items:center;}
.lds-spinner {color: #FFF;display: inline-block;position: relative;width: 60px;height: 60px;}
.lds-spinner div {transform-origin: 30px 30px;animation: lds-spinner 1.2s linear infinite;}
.lds-spinner div:after {content: "";display: block;position: absolute;top: 3px;left: 28px;width: 3px;height: 15px;border-radius: 12%;background: #fff;}
.lds-spinner div:nth-child(1){transform: rotate(0deg);animation-delay: -1.1s;}
.lds-spinner div:nth-child(2){transform: rotate(30deg);animation-delay: -1s;}
.lds-spinner div:nth-child(3){transform: rotate(60deg);animation-delay: -0.9s;}
.lds-spinner div:nth-child(4){transform: rotate(90deg);animation-delay: -0.8s;}
.lds-spinner div:nth-child(5){transform: rotate(120deg);animation-delay: -0.7s;}
.lds-spinner div:nth-child(6){transform: rotate(150deg);animation-delay: -0.6s;}
.lds-spinner div:nth-child(7){transform: rotate(180deg);animation-delay: -0.5s;}
.lds-spinner div:nth-child(8){transform: rotate(210deg);animation-delay: -0.4s;}
.lds-spinner div:nth-child(9){transform: rotate(240deg);animation-delay: -0.3s;}
.lds-spinner div:nth-child(10){transform: rotate(270deg);animation-delay: -0.2s;}
.lds-spinner div:nth-child(11){transform: rotate(300deg);animation-delay: -0.1s;}
.lds-spinner div:nth-child(12){ transform: rotate(330deg);animation-delay: 0s;}
@keyframes lds-spinner{0% {opacity: 1;} 100% {opacity: 0;}}