/*loader that contain logo and spin image*/
.preloader {
    display: none !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    /*.preloader .brand-logo {
        margin-bottom: 30px;
    }*/

    .preloader .loader-cnt {
        padding: 18px;
        position: absolute;
        transition: all 0.3s;
        width: 80px;
        height: 80px;
    }

        .preloader .loader-cnt img {
            display: block;
            width: 40px;
        }

        .preloader .loader-cnt .loader-spinner {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border: 2px solid #7faac4;
            border-radius: 50%;
            border-top: 2px solid #ffffff;
            transition: all 0.3s;
            -webkit-animation: spin 0.6s linear infinite;
            -o-animation: spin 0.6s linear infinite;
            animation: spin 0.6s linear infinite;
        }

            .preloader .loader-cnt .loader-spinner:after {
                content: '';
                display: block;
                width: 10px;
                height: 10px;
                background: #005689;
                border-radius: 50%;
                position: absolute;
                top: 3px;
                left: 8px;
                transition: all 0.3s;
            }
.copyright {
    position: fixed;
    left: 10px;
    bottom: 10px;
    color: #000;
    margin: 0;
}
.poweredby {
    position: fixed;
    right: 10px;
    bottom: 10px;
    color: #000;
    margin: 0;
}

    .poweredby > a {
        color: #000;
        font-weight: 700;
    }

        .poweredby > a:hover, .poweredby > a:focus {
            text-decoration: none;
        }
/* Loader */
.loading_icon {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
    z-index: 1051;
}

.overlay_loader {
   position: absolute;
    background-color: #000000;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity: 0.5;
       z-index: 1049;
}
.loader {
  position: relative;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
  margin: 45% auto;
      z-index: 1050;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}




/**
 * Lines
 */


.loader_dedsktop {
	position: absolute;
	top: 0;
	left: 0;
	/*background-color: #000;*/
	z-index: 1050;
	opacity: 0.8;
	width: 100%;
	height: 100%;
    display:none;
    
}

.line-scale {
	width: 130px;
	background-color: #fff;
	position: relative;
	margin: 300px auto 0;
	text-align: center;
	color: #000;
	padding: 5px 5px;
}

.line-scale span {
	display: block;
	text-align: center;
	font-size: 16px;
}


@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.loader_dedsktop .line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.loader_dedsktop .line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.loader_dedsktop .line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.loader_dedsktop .line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.loader_dedsktop .line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.loader_dedsktop .line-scale > div {
  background-color: #b71c1c;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }


/*   loader with logo */

.loader_mobile {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	background-color: #fff;
}

.loader_mobile .brand_logo {
	width: 250px;
	margin: 48% auto 0;
}
.loader_mobile .brand_logo > img {
	width: 100%;
    height:auto;
}