.preloader{
position:absolute;
    width: 100%;
    height: 10%;
    padding: 0px;
    margin: 0px;
	  display: flex;
    flex-flow: row nowrap;
	  justify-content: center;
    align-items: center;
    background: rgb(247, 247, 247, 0.9);
	z-index:10000000;
}

.loader {
  display: flex;
  margin-left:12vh;
  margin-top:-3vh;
 
}

.circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;

  animation-name: loading;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.circle:first-child {
  background-color: #000000;
  animation-delay: 0s;
}

.circle:nth-child(2) {
  background-color: #F9DD2F;
  animation-delay: 0.2s;
}

.circle:nth-child(3) {
  background-color: #C3C3BA;
  animation-delay: 0.4s;
  margin-right: 0px;
}

@keyframes loading {
  from {
    transform: translateY(30px);
  }
  to {
    transform: translateY(0px);
  }
}
.image_box{

}

.preloader{
	position: fixed;
    top: 0;
	
    width: 100%;
    min-height: 100%;
    padding: 0px;
    margin: 0px;
	  display: flex;
    flex-flow: row nowrap;
	  justify-content: center;
    align-items: center;
    background: rgb(247, 247, 247, 0.9);
	z-index:10000000;
}

	
@media only screen and (max-width: 1350px) {

	.preloader {
	 min-height: 100%!important;
	}

	
}


.box_section{
	margin:auto;

    width: 32vh;
    height: 22vh;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    background: white;
    border-radius: 20px;
    animation:1s ease-in-out alternate infinite shadows;

}
.site_logo{
    width:35vh;
  margin-top:-6vh;
}
@keyframes placeHolderShimmer{
  
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
    }
@keyframes shadows{
    0%{
        box-shadow:none
    }
    100%{
        box-shadow: 9px 16px 8px rgb(227, 227, 227);
    }
}