.square.tparrows {
  cursor:pointer;
  background:##bg-color##;
  min-width:##width##px;
  min-height:##height##px;
  position:absolute;
  display:block;
  z-index:1000;
}
.square.tparrows:before {
  font-family: \'revicons\';
  font-size:##arrow-size##px;
  color:##arrow-color##;
  display:block;
  line-height: ##height##px;
  text-align: center;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  z-index:2;
  position:relative;
  background:##bg-color##;
  min-width:##width##px;
  min-height:##height##px;
}
.square.tparrows.tp-leftarrow:before {
  content: \'##left-icon##\';
}
.square.tparrows.tp-rightarrow:before {
  content: \'##right-icon##\';
}
.square.tparrows.rs-touchhover{background:##hover-bg-color##;}
.square.tparrows.rs-touchhover:before {background:##hover-bg-color##; color: ##hover-arrow-color##}