/* loader */
	#loader.fullscreen {
        background-color: #fff;
    }

    svg {
        overflow: hidden;
        vertical-align: middle;
    }

    #loader {
        position: fixed;
        width: 96px;
        height: 96px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(255, 255, 255, 0.9);
        -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
        box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
        border-radius: 16px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
        -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
        transition: opacity .2s ease-out, visibility 0s linear .2s;
        z-index: 20000;
    }
    #loader.fullscreen {
        padding: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #loader.show {
        -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
        -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
        transition: opacity .4s ease-out, visibility 0s linear 0s;
        visibility: visible;
        opacity: 1;
    }

    #loader .circular {
        -webkit-animation: loader-rotate 2s linear infinite;
        animation: loader-rotate 2s linear infinite;
        position: absolute;
        left: calc(50% - 24px);
        top: calc(50% - 24px);
        display: block;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    #loader .path {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
        -webkit-animation: loader-dash 1.5s ease-in-out infinite;
        animation: loader-dash 1.5s ease-in-out infinite;
        stroke-linecap: round;
    }

    @-webkit-keyframes loader-rotate {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg); 
        } 
    }
    @keyframes loader-rotate {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg); 
        } 
    }

    @-webkit-keyframes loader-dash {
      0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0; 
      }
      50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px; 
      }
      100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -136px; 
      } 
    }

    @keyframes loader-dash {
      0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0; 
      }
      50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px; 
      }
      100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -136px; 
      } 
    }