/*====================================================*/
/*====================================================*/
/*=========== Preloader ============*/
.loader-51 {
    width: 48px;
    height: 48px;
    display: inline-block;
    position: relative;
}

.loader-51::after, .loader-51::before {
    content: "";
    width: 48px;
    height: 48px;
    border: 2px solid #FFF;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: rotationBreak 3s ease-in-out infinite alternate;
    animation: rotationBreak 3s ease-in-out infinite alternate;
}
.loader-51::after {
    border-color: #CFD0AA;
    animation-direction: alternate-reverse;
}
  @keyframes rotationBreak {
    0% { transform: rotate(0) }
    25% { transform: rotate(90deg)}
    50% { transform: rotate(180deg) }
    75% { transform: rotate(270deg)}
    100% { transform: rotate(360deg) }
  }
/* preloader */
.ctn-preloader,.ctn-preloader .loader{position:fixed;top:0;left:0;width:100%;height:100%}.ctn-preloader{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:9000}.ctn-preloader .animation-preloader{background:#C0C0BF;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.ctn-preloader .loader{font-size:0;z-index:1;pointer-events:none}.ctn-preloader.loaded .animation-preloader{opacity:0;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}