@charset "ISO-8859-1";

/*LOader
div#searchrow {
	position: absolute;
	width: 60%;
	z-index: 999;
	margin-top: 0px;
	margin-left: 14%;
}
#cover-spin {
	position:fixed;
	width:100%;
	left:0;right:0;top:0;bottom:0;
	z-index:9999;
	display:none;
}

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

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
	content:'';
	display:block;
	position:absolute;
	left:48%;top:40%;
	width:40px;height:40px;
	border-style:solid;
	border-color:#DA5A51;
	border-top-color:transparent;
	border-width: 4px;
	border-radius:50%;
	-webkit-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}*/

.spin-container {
        text-align: center;
    padding-top: 45vh;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100vh;
    display:none;
    background: rgba(0, 0, 0, 0.4);
}
      .spin {
		    border: 3px solid #b6433a;
		    width: 50px;
		    height: 50px;
		    margin: 0 auto;
		    border-radius: 50%;
		    border-left-color: transparent;
		    border-right-color: transparent;
		    animation: rotate 2s cubic-bezier(0.26, 1.36, 0.74, -0.29) infinite;
		}
      #loader2 {
		    border: 3px solid #ffe0ea;
		    width: 70px;
		    height: 70px;
		    position: relative;
		    top: -60px;
		    border-left-color: transparent;
		    border-right-color: transparent;
		    animation: rotate2 2s cubic-bezier(0.26, 1.36, 0.74, -0.29) infinite;
		}
     #loader3 {
		    border: 3px solid #dc0014;
		    width: 90px;
		    height: 90px;
		    position: relative;
		    top: -140px;
		    border-left-color: transparent;
		    border-right-color: transparent;
		    animation: rotate 2s cubic-bezier(0.26, 1.36, 0.74, -0.29) infinite;
		}
      #loader4 {
		    border: 3px solid #e594ad;
		    width: 110px;
		    height: 110px;
		    position: relative;
		    top: -240px;
		    border-left-color: transparent;
		    border-right-color: transparent;
		    animation: rotate2 2s cubic-bezier(0.26, 1.36, 0.74, -0.29) infinite;
		}
      @keyframes rotate {
        0% {
          transform: rotateZ(-360deg)
        }
        100% {
          transform: rotateZ(0deg)
        }
      }
      @keyframes rotate2 {
        0% {
          transform: rotateZ(360deg)
        }
        100% {
          transform: rotateZ(0deg)
        }
      }
      #text {
        color: #D6E3F6;
        font-family: Arial;
        font-size: 15px;
        position: relative;
        top: -857px;
      }