.fixedDiv { position: fixed; width: 0; height: 0; top: 0; left: 0; z-index: -9999; }

.headerWrap { width: 100%; position: absolute; top: 0; left: 0; z-index: 999; overflow: hidden;}
.headerWrap .container { position: relative; }
.menuWrap { float: left; width: 100%; position: relative; }

.ourClientsWrap { width: 100%; float: left; position: relative; overflow: hidden; background-image: url("Images/parallax_pattern.png"); background-color: rgba(0,0,0,.6);}

.greyWrap { width: 100%; float: left; background-color: #f6f6f6; }

.facebookWrap { position: relative; float: left; padding: 0; }

.footerSeparator { width: 100%; float: left; height: 100px; }
.bottomWrap { width: 100%; float: left; padding: 10px 0; background-color: #3A3E41; }
@media screen and (max-width: 767px){
  .footerSeparator { height: 80px }
  .headerWrap .container { padding: 0 6px; }
}
@media screen and (max-width: 320px){
  .footerSeparator { height: 50px; }
}




.loadingWrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: table; background-color: #7CB21B; /* background-color: rgba(0, 0, 0, 0.8); */ z-index: 9999; }
.squareWrap { position: relative; display: table-cell; vertical-align: middle; width: 100%; text-align: center; }
@keyframes scale {
	25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}
@-webkit-keyframes scale {
	25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}
.square {
	width: 50px;
	height: 50px;
	background-color: #FFF;
	position: relative;
	display: inline-block;
    animation: scale 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	-webkit-animation: scale 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}

.loadingWrap[style*="display: none"] .square, .loadingWrap[style*="display:none"] .square { animation: none; -webkit-animation: none; }