/*--------------------------Loader-----------------------*/
.relative{ position: relative; display: table; width: 100%; }
.pre-load{ display: none; position: absolute; background: rgba(255, 255, 255, 0.77); width: 100%; height: 100%; z-index: 99; }
.pre-load span{ position: absolute; margin: 0 auto; left: 0; right: 0; text-align: center; display: table; top: 50%; bottom: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100px;}
.pre-load i{-webkit-animation-name: spin; -webkit-animation-duration: .8s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: .8s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: .8s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-transition: rotate(3600deg); font-size: 70px; color: #ed1b24;}
@-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);}
}