@charset "utf-8";
* {box-sizing: border-box;}
body{
 margin: 0;
 padding: 0;
 font-family: 'Poppins', Verdana, Arial, sans-serif;
}
#solutions{
	color:#1861E0;
}
.preload{
 width: 100%;
 height: 100%;
 background: #9DBEEC;
 position: fixed;
 top:0;
 left: 0;
 z-index: 1;
}
.JSErrorMessage{
 font-size: 20px;
 text-align: center;
}
.logo{
 width: 70%;
 margin:150px auto 50px auto;
 font-size: 50px;
 text-shadow: -1px 2px 2px #000;
 text-align: center;
 color:azure;
}
@media only screen and (max-width: 768px) and (min-width: 480px) {
    .logo {
		width: 90%;
        font-size:40px;
    }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
    .logo {
		width: 90%;
        font-size:28px;
    }
}
@media only screen and (max-width: 320px) {
    .logo {
		width: 90%;
        font-size:26px;
    }
}
.loader-frame{
 width: 70px;
 height: 70px;
 margin: auto;
 position: relative;
}
.loader1,.loader2{
 position: absolute;
 border:5px solid transparent;
 border-radius: 100%;
}
.loader1{
 width: 70px;
 height:70px;
 border-top: 5px solid azure;
 border-bottom: 5px solid azure;
 animation: clockwisespin 2s linear infinite; 
}
.loader2{
 width: 60px;
 height:60px;
 border-left: 5px solid #0003AB;
 border-right: 5px solid #0003AB;
 top:5px; left:5px;
    animation: anticlockwisespin 2s linear infinite;
}
.loader3{
text-align: center;
}
@keyframes clockwisespin{
 from{transform: rotate(0deg);}
 to{transform: rotate(360deg);}
}
@keyframes anticlockwisespin{
 from{transform: rotate(0deg);}
 to{transform: rotate(-360deg);}
}