﻿.page-loader {
    background-color: rgb(89 90 96 / 60%);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: "Lato",sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.cssload-container {
       width: 72px;
    font-size: 0;
    position: absolute;
    top: 48%;
    left: 50%;
    margin-top: -37px;
    margin-left: -41px;
  /*  width: 72px;
    font-size: 0;
    position: absolute;
    top: 28%;
    left: 50%;
    margin-top: -37px;
    margin-left: -40px;*/
}

.LoadMain-container {
    width: 72px;
    font-size: 0;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-top: -37px;
    margin-left: -37px;
}



.cssload-container2 {
      font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 29%;
    left: 50%;
    margin-left: -3.5%;
    margin-top: 10px;

 /*   font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -3.5%;
    margin-top: 10px;*/
}
}

.cssload-lt {
    margin-right: -8px;
    animation: cssload-lt 2.3s linear -2300ms infinite;
    -o-animation: cssload-lt 2.3s linear -2300ms infinite;
    -ms-animation: cssload-lt 2.3s linear -2300ms infinite;
    -webkit-animation: cssload-lt 2.3s linear -2300ms infinite;
    -moz-animation: cssload-lt 2.3s linear -2300ms infinite;
}

.cssload-lt, .cssload-rt, .cssload-lb, .cssload-rb {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 39px;
    height: 19px;
    opacity: 1;
}

.cssload-rt {
    animation: cssload-lt 2.3s linear -1150ms infinite;
    -o-animation: cssload-lt 2.3s linear -1150ms infinite;
    -ms-animation: cssload-lt 2.3s linear -1150ms infinite;
    -webkit-animation: cssload-lt 2.3s linear -1150ms infinite;
    -moz-animation: cssload-lt 2.3s linear -1150ms infinite;
}


.cssload-lb {
    margin-right: -8px;
    animation: cssload-lt 2.3s linear -1725ms infinite;
    -o-animation: cssload-lt 2.3s linear -1725ms infinite;
    -ms-animation: cssload-lt 2.3s linear -1725ms infinite;
    -webkit-animation: cssload-lt 2.3s linear -1725ms infinite;
    -moz-animation: cssload-lt 2.3s linear -1725ms infinite;
}

.cssload-rb {
    animation: cssload-lt 2.3s linear -575ms infinite;
    -o-animation: cssload-lt 2.3s linear -575ms infinite;
    -ms-animation: cssload-lt 2.3s linear -575ms infinite;
    -webkit-animation: cssload-lt 2.3s linear -575ms infinite;
    -moz-animation: cssload-lt 2.3s linear -575ms infinite;
}


#cssload-wrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
}

.cssload-loader {
    width: 146px;
    height: 146px;
    border: 1px #000 solid;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -73px 0 0 -73px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

    .cssload-loader .cssload-loading {
        font-size: 10px;
        position: absolute;
        width: 100%;
        text-align: center;
        line-height: 14px;
        font-family: 'Century Gothic',sans-serif;
        font-style: italic;
        left: 0;
        top: 50%;
        margin-top: 19px;
        color: #000;
        font-weight: 700;
        text-transform: uppercase;
        -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
        -webkit-text-transform: uppercase;
        -moz-text-transform: uppercase
    }



.cssload-container:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 39px;
    height: 39px;
    /*border: 8px solid #5c5c5b;*/
    border: 8px solid #3D7ABD;
    border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.cssload-container:after {
    position: absolute;
    content: '';
    z-index: -1;
    top: 0;
    right: 0;
    width: 39px;
    height: 39px;
    /*border: 8px solid #5c5c5b;*/
    border: 8px solid #3D7ABD;
    border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.cssload-lt, .cssload-rt, .cssload-lb, .cssload-rb {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 39px;
    height: 19px;
    opacity: 1
}

    .cssload-lt:before, .cssload-rt:before, .cssload-lb:before, .cssload-rb:before {
        position: absolute;
        content: '';
        width: 39px;
        height: 39px;
        /*border-top: 9px solid #b70738;*/
        border-top: 9px solid #002856;



        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid transparent;
        border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -moz-box-sizing: border-box
    }

.cssload-lt {
    margin-right: -8px;
    animation: cssload-lt 2.3s linear -2300ms infinite;
    -o-animation: cssload-lt 2.3s linear -2300ms infinite;
    -ms-animation: cssload-lt 2.3s linear -2300ms infinite;
    -webkit-animation: cssload-lt 2.3s linear -2300ms infinite;
    -moz-animation: cssload-lt 2.3s linear -2300ms infinite
}

    .cssload-lt:before {
        top: 0;
        left: 0;
        animation: cssload-not-clockwise 1.15s linear infinite;
        -o-animation: cssload-not-clockwise 1.15s linear infinite;
        -ms-animation: cssload-not-clockwise 1.15s linear infinite;
        -webkit-animation: cssload-not-clockwise 1.15s linear infinite;
        -moz-animation: cssload-not-clockwise 1.15s linear infinite
    }

.cssload-rt {
    animation: cssload-lt 2.3s linear -1150ms infinite;
    -o-animation: cssload-lt 2.3s linear -1150ms infinite;
    -ms-animation: cssload-lt 2.3s linear -1150ms infinite;
    -webkit-animation: cssload-lt 2.3s linear -1150ms infinite;
    -moz-animation: cssload-lt 2.3s linear -1150ms infinite
}

    .cssload-rt:before {
        top: 0;
        right: 0;
        animation: cssload-clockwise 1.15s linear infinite;
        -o-animation: cssload-clockwise 1.15s linear infinite;
        -ms-animation: cssload-clockwise 1.15s linear infinite;
        -webkit-animation: cssload-clockwise 1.15s linear infinite;
        -moz-animation: cssload-clockwise 1.15s linear infinite
    }

.cssload-lb {
    margin-right: -8px;
    animation: cssload-lt 2.3s linear -1725ms infinite;
    -o-animation: cssload-lt 2.3s linear -1725ms infinite;
    -ms-animation: cssload-lt 2.3s linear -1725ms infinite;
    -webkit-animation: cssload-lt 2.3s linear -1725ms infinite;
    -moz-animation: cssload-lt 2.3s linear -1725ms infinite
}

    .cssload-lb:before {
        bottom: 0;
        left: 0;
        animation: cssload-not-clockwise 1.15s linear infinite;
        -o-animation: cssload-not-clockwise 1.15s linear infinite;
        -ms-animation: cssload-not-clockwise 1.15s linear infinite;
        -webkit-animation: cssload-not-clockwise 1.15s linear infinite;
        -moz-animation: cssload-not-clockwise 1.15s linear infinite
    }

.cssload-rb {
    animation: cssload-lt 2.3s linear -575ms infinite;
    -o-animation: cssload-lt 2.3s linear -575ms infinite;
    -ms-animation: cssload-lt 2.3s linear -575ms infinite;
    -webkit-animation: cssload-lt 2.3s linear -575ms infinite;
    -moz-animation: cssload-lt 2.3s linear -575ms infinite
}

    .cssload-rb:before {
        bottom: 0;
        right: 0;
        animation: cssload-clockwise 1.15s linear infinite;
        -o-animation: cssload-clockwise 1.15s linear infinite;
        -ms-animation: cssload-clockwise 1.15s linear infinite;
        -webkit-animation: cssload-clockwise 1.15s linear infinite;
        -moz-animation: cssload-clockwise 1.15s linear infinite
    }

@keyframes cssload-clockwise {
    0% {
        transform: rotate(-45deg)
    }

    100% {
        transform: rotate(315deg)
    }
}

@-o-keyframes cssload-clockwise {
    0% {
        -o-transform: rotate(-45deg)
    }

    100% {
        -o-transform: rotate(315deg)
    }
}

@-ms-keyframes cssload-clockwise {
    0% {
        -ms-transform: rotate(-45deg)
    }

    100% {
        -ms-transform: rotate(315deg)
    }
}

@-webkit-keyframes cssload-clockwise {
    0% {
        -webkit-transform: rotate(-45deg)
    }

    100% {
        -webkit-transform: rotate(315deg)
    }
}

@-moz-keyframes cssload-clockwise {
    0% {
        -moz-transform: rotate(-45deg)
    }

    100% {
        -moz-transform: rotate(315deg)
    }
}

@keyframes cssload-not-clockwise {
    0% {
        transform: rotate(45deg)
    }

    100% {
        transform: rotate(-315deg)
    }
}

@-o-keyframes cssload-not-clockwise {
    0% {
        -o-transform: rotate(45deg)
    }

    100% {
        -o-transform: rotate(-315deg)
    }
}

@-ms-keyframes cssload-not-clockwise {
    0% {
        -ms-transform: rotate(45deg)
    }

    100% {
        -ms-transform: rotate(-315deg)
    }
}

@-webkit-keyframes cssload-not-clockwise {
    0% {
        -webkit-transform: rotate(45deg)
    }

    100% {
        -webkit-transform: rotate(-315deg)
    }
}

@-moz-keyframes cssload-not-clockwise {
    0% {
        -moz-transform: rotate(45deg)
    }

    100% {
        -moz-transform: rotate(-315deg)
    }
}

@keyframes cssload-lt {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    26% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    76% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes cssload-lt {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    26% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    76% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes cssload-lt {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    26% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    76% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes cssload-lt {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    26% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    76% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes cssload-lt {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    26% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    76% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}
