hr {
    border: none;
    background-image: url('../images/hr.png');
    width: 100%;
    height: 61px;
    background-position: center;
    max-width: 1000px;
    max-height: 34px;
    margin: 50px 0;
}



/****************************************
Back To Top
*****************************************/

.backToTop {
	position:fixed;
	z-index:30;
	bottom:20px;
	right:40px;
	width:40px;
	height:40px;
	background-image:url('../images/icon_top.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
	display:none;
}

a .backToTop {
	opacity:0.7;
}
a:hover .backToTop {
	opacity:1;

}	
@media only screen and (max-width: 1000px) {
	.backToTop {
		right:20px;
	}
}





/****************************************
Loader
Using animation from http://pathgather.github.io/ 
*****************************************/

.sk-spinner-rotating-plane.sk-spinner {
  width: 30px;
  height: 30px;
  background-color: #FFF;
  position:fixed;
  top:50%;
  margin-top:-15px;
  left:50%;
  margin-left:-15px;
  margin: 0 auto;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
          animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

.loader {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1000;
	background-color:#f06465;
} 