/*preloader*/
.preloader-overlay{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:rgba(0,0,0,0.4);
  z-index:1100;
  display:none;
}
.preloader-overlay .preloader-l{
  position:fixed;
  top:calc(50% - 60px);
  left:calc(50% - 60px);
  width:120px;
  height:120px;
  background-color:transparent;
  border-top:2px solid var(--primary);
  border-left:2px solid var(--primary);
  border-radius:120px;
  animation:spin 1.5s linear infinite;
  -webkit-animation:spin 1.5s linear infinite;
}
.preloader-overlay .preloader-r{
  position:fixed;
  top:calc(50% - 60px);
  left:calc(50% - 60px);
  width:120px;
  height:120px;
  background-color:transparent;
  border-bottom:2px solid var(--solitude);
  border-right:2px solid var(--solitude);
  border-radius:120px;
  animation:spin 1.5s linear infinite;
  -webkit-animation:spin 1.5s linear infinite;
}
@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}