
.credit-wrap {
  display:inline-block;
  position: relative;
  width: 110px;
  overflow: hidden; }
	
.credit-inner {
  position: relative;
  left: -20px; }
  
#bracketsDigital {
  font-size: 13px;
  float: right;
  position: relative;
  margin: 0 10px;
  width: 60px;
  -webkit-transform: scale(1);
  transform: scale(1); }

#bracketsDigital path {
  float: left;
  position: relative;
  opacity: 0;
  transition: right 300ms, opacity 200ms;
  line-height: 2; }
  
#bracketsDigital svg {
  overflow: visible; }

#bracketsDigital path.last {
  font-size: 120%;
  opacity: 1;
  left: auto !important;
  line-height: 1.65;
  margin: 0 2px;
  position: relative;
  right: 60px;
  -webkit-transform: translateY(-17px);
  transform: translateY(-17px);
  z-index: 5; }

#bracketsDigital svg.first {
  position: absolute;
  top: 0;
  -webkit-transform: translate(47px,3px);
  transform: translate(47px,3px);
  font-size: 12px;
  z-index: 0;
  opacity: 1;
  width: 60px;
  -webkit-transition: all .4s;
  transition: all .4s; }

#bracketsDigital:hover svg.first {
  -webkit-transform: translate(0%,3px);
  transform: translate(0%,3px); }

#bracketsDigital path.aa {
  -webkit-transform: translate(-50px,0px);
  transform: translate(-50px,0px); }

#bracketsDigital svg.first path {
  opacity: 1; }

#bracketsDigital path:not(.first),
#bracketsDigital path:not(.last) {
  right: 1px; }

#bracketsDigital path.d,
#bracketsDigital path.i,
#bracketsDigital path.g,
#bracketsDigital path.ii,
#bracketsDigital path.t,
#bracketsDigital path.a,
#bracketsDigital path.l {
  -webkit-transform: scale(.95) translate(3px,-5px);
  transform: scale(.95) translate(3px,-5px); }

#bracketsDigital:hover path.first {
  left: -1px; }

#bracketsDigital .bracketsSite {
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-transform: translate(0px,10px);
  transform: translate(0px,10px); }

#bracketsDigital:hover path {
  opacity: 1;
  right: 1px; }

#bracketsDigital:hover path.d {
  opacity: 1;
  transition-delay:.2s; }
#bracketsDigital:hover path.i {
  opacity: 1;
  transition-delay:.25s; }
#bracketsDigital:hover path.g {
  opacity: 1;
  transition-delay:.3s; }
#bracketsDigital:hover path.ii {
  opacity: 1;
  transition-delay:.35s; }
#bracketsDigital:hover path.t {
  opacity: 1;
  transition-delay:.4s; }
#bracketsDigital:hover path.a {
  opacity: 1;
  transition-delay:.45s; }
#bracketsDigital:hover path.l {
  opacity: 1;
  transition-delay:.5s; }

@media only screen and (max-width : 767px) {

  #bracketsDigital svg.first {
    -webkit-transform: translate(0%,1px);
    transform: translate(0%,1px); }

  #bracketsDigital path.first {
    left: -1px; }

  #bracketsDigital path {
    opacity: 1;
    right: 1px; }

  #bracketsDigital path.d,
  #bracketsDigital path.i,
  #bracketsDigital path.g,
  #bracketsDigital path.ii,
  #bracketsDigital path.t,
  #bracketsDigital path.a,
  #bracketsDigital path.l {
    opacity: 1; }
	
}


