@font-face {
    font-family: hongkonghustle;
    src: url(../fonts/hongkonghustle3dital.woff);
}

.dpInBlock{
	display: inline-block;
}
.collection-item > span{
	padding: 0 1rem;
}

.collection-item > .fa{
	font-size: 1.5rem;
	padding-left: 0;
}

.collection-item > * > .fa{
  padding: 0 1rem;
  font-size: 1.5rem;
}

.cLike{
  border-radius: 4px;
}

/* clearfix ------- */
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
}
.clearfix {
  zoom:1;
}

.collection .collection-item {
	background-image: url(../images/greyzz.png);
}

.back0{
  background: url(../images/simple_dashed.png);
	border-radius: 3px;
  border: solid 1px #979797;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,230,118,0.75);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,230,118,0.75);
  box-shadow: 0px 0px 15px 0px rgba(0,230,118,0.75);
}
.backSneaker{
  background: url(../images/sneaker_mesh_fabric.png);
}

.mar0{
  margin: 0;
}

.row{
  margin-bottom: .8rem;
}
.padb0{
  padding-bottom: 0;
}
.mb0{
  margin-bottom: 0;
}

.backPat{
	
  background-image: url(../images/dark_fish_skin2.png);
}
.bank_1,
.bank_2,
.bank_3,
.bank_4,
.bank_5
{

}

.responsive-img{
  z-index: 2;
  position: relative;
}

.stat{
  width: 45%;
  height: 16px;
  display: inline-block;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: #eeeeee;
    position: relative;
    top: -13px;
    z-index: 1;
}

/*external css*/
.bank_1{
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  background-color: rgba(0,230,118,0.75);
}
.bank_2{
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  background-color: rgba(0,230,118,0.75);
}
.bank_3{
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  background-color: rgba(0,230,118,0.75);
}
.bank_4{
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  background-color: rgba(0,230,118,0.75);
}
.bank_5{
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  background-color: rgba(0,230,118,0.75);
}

.statOn{
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
  box-shadow: 0px 3px 10px 0px rgba(0,230,118,0.55);
}
.statOff{
  -webkit-box-shadow: 0px 3px 10px 0px rgba(255,3,39,0.55);
  -moz-box-shadow: 0px 3px 10px 0px rgba(255,3,39,0.55);
  box-shadow: 0px 3px 10px 0px rgba(255,3,39,0.55);
}

.statG{
  -webkit-box-shadow: 0px 3px 10px 0px rgba(255,156,0,0.55);
  -moz-box-shadow: 0px 3px 10px 0px rgba(255,156,0,0.55);
  box-shadow: 0px 3px 10px 0px rgba(255,156,0,0.55);
}

/*external css*/



i > input{
	background-color: rgba(0,0,0,0);
	border: 0px;
}

.slider .indicators .indicator-item.active {
    background-color: #eeeeee;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(0,230,118,0.75);
  -moz-box-shadow: 0px 0px 15px 3px rgba(0,230,118,0.75);
  box-shadow: 0px 0px 15px 3px rgba(0,230,118,0.75);
}

.slider .indicators .indicator-item {
    background-color: #9e9e9e ;
}

.padrem{
	padding: 1rem;
}
.pad08rem{
	padding: .8rem;
}
.pad08remside{
  padding: 0 .8rem;
}
.t2rem{
	font-size: 2rem;
}

  /* label color */
   .input-field label {
     color: #fff;
   }
   /* label focus color */
   .input-field input[type=text]:focus + label {
     color: #42cb38;
   }
   .input-field input[type=password]:focus + label {
     color: #42cb38;
   }
   .input-field input[type=text],
	.input-field input[type=password]
    {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
     color: #fff;
   }
   /* label underline focus color */
   .input-field input[type=text]:focus {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
   }
   .input-field input[type=password]:focus {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
   }
   .input-field input[type=password].valid {
     border-bottom: 1px solid #00E676;
     box-shadow: 0 1px 0 0 #00E676;
   }

   /* valid color */
   .input-field input[type=text].valid {
     border-bottom: 1px solid #00E676;
     box-shadow: 0 1px 0 0 #00E676;
   }
   /* invalid color */
   .input-field input[type=text].invalid {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: #795548;
   }

nav ul li:hover, nav ul li.active {
    background-color: #009B50;
    color: #000;
}

.side-nav li:hover, .side-nav li.active,
.side-nav li:hover > a, .side-nav li.active > a
 {
    background-color: #009B50;
    color: #fff !important;
}

.waves-effect.waves-black .waves-ripple {
 /* The alpha value allows the text and background color
 of the button to still show through. */
  background-color: rgba(0, 155, 80, 0.75);
}

.card .card-content {
    padding: 5px;
    border-radius: 0 0 4px 4px;
    text-align: center;
}

.card{
  border-radius: 4px;
}

body{
  position: relative;
}

.bnr1{
  position: fixed;
  width: 170px;
  top: 68px;
  left: 10px;
}

.bnr2{
  position: fixed;
  width: 170px;
  top: 68px;
  right: 10px;
}

.livechatArea{
  width: 218px;
  right: 10px;
  bottom: 0px;
  position: fixed;
}

.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #fff;
    will-change: left, right;
}

body > footer > div.footer-copyright > div > p,
body > footer > div.container > div > div > p.grey-text.text-lighten-4.center-align
{
  margin: 0;
}

body > footer > div.container > div{
  margin-bottom: 0;
}

footer.page-footer {
    padding-top: 0px;
}

footer.page-footer .footer-copyright {
    height: auto;
}

footer > div.container > div > div > p.grey-text.text-lighten-4.center-align > img{
  width: 100px;
}

@media only screen and (max-width : 1000px){
  .bnr1, .bnr2{
    display: none;
  }
}

@media only screen and (max-width : 483px){
  h3 {
      font-size: 2.52rem;
  }
}

.collection-header.center-align.tranB{
  background-color: rgba(0,0,0,0);
  border-bottom: 0px;
}

.collection.with-header.jackArea{
  border: 0px;
}

.collection-item.center-align.t2rem.jackList{
  padding: 3px;
  background-image: -moz-linear-gradient( 180deg, rgb(255,144,0) 0%, rgb(252,195,27) 29%, rgb(248,246,53) 49%, rgb(252,195,27) 70%, rgb(255,144,0) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(255,144,0) 0%, rgb(252,195,27) 29%, rgb(248,246,53) 49%, rgb(252,195,27) 70%, rgb(255,144,0) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(255,144,0) 0%, rgb(252,195,27) 29%, rgb(248,246,53) 49%, rgb(252,195,27) 70%, rgb(255,144,0) 100%);
  border-radius: 4px;
  -moz-border-radius: 3px / 3px;
  -webkit-border-radius: 3px 3px;
  border-radius: 3px / 3px;
  z-index: 1;
}

.textBr{
    animation: breathing2 3s linear infinite;
    -ms-animation: breathing2 3s linear infinite;
    -webkit-animation: breathing2 3s linear infinite;
    -moz-animation: breathing2 3s linear infinite;
    -o-animation: breathing2 3s linear infinite;
}

.collection-item.center-align.t2rem.jackList > span{
  padding:1rem;
  width: 100%;
  box-sizing: border-box;
  display: block;
  text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);

    -moz-box-shadow: inset 0px 0px 0px #ff9000;
    -webkit-box-shadow: inset 0px 0px 0px #ff9000;
    box-shadow: inset 0px 0px 0px #ff9000;

    animation: breathing 3s linear infinite;
    -ms-animation: breathing 3s linear infinite;
    -webkit-animation: breathing 3s linear infinite;
    -moz-animation: breathing 3s linear infinite;
    -o-animation: breathing 3s linear infinite;
}
.Rectangle_1 {

  position: absolute;
  left: 89px;
  top: 174px;
  width: 257px;
  height: 110px;
  z-index: 2;
}

.jackHeader{
  text-shadow: 0px 0px 10px rgba(0, 200, 83, 1);
}
 
.shaG{
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}


@-webkit-keyframes breathing {
  0% {
    -moz-box-shadow: inset 0px 0px 0px #ff9000;
    -webkit-box-shadow: inset 0px 0px 0px #ff9000;
    box-shadow: inset 0px 0px 0px #ff9000;
  }
  50% {
    -moz-box-shadow: inset 0px 0px 18px #ff9000;
    -webkit-box-shadow: inset 0px 0px 18px #ff9000;
    box-shadow: inset 0px 0px 18px #ff9000;
  }
}
@-moz-keyframes breathing {
  0% {
    -moz-box-shadow: inset 0px 0px 0px #ff9000;
    -webkit-box-shadow: inset 0px 0px 0px #ff9000;
    box-shadow: inset 0px 0px 0px #ff9000;
  }
  50% {
    -moz-box-shadow: inset 0px 0px 18px #ff9000;
    -webkit-box-shadow: inset 0px 1px 18px #ff9000;
    box-shadow: inset 0px 0px 18px #ff9000;
  }
}
@keyframes breathing {
  0% {
    -moz-box-shadow: inset 0px 0px 0px #ff9000;
    -webkit-box-shadow: inset 0px 0px 0px #ff9000;
    box-shadow: inset 0px 0px 0px #ff9000;
  }
  50% {
    -moz-box-shadow:inset 0px 0px 18px #ff9000;
    -webkit-box-shadow:inset 0px 0px 18px #ff9000;
    box-shadow:inset 0px 0px 18px #ff9000;
  }
}

/*keyframes2*/
@-webkit-keyframes breathing2 {
  0% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  5% {
    text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);
  }
  10% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  15% {
    text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);
  }

  40% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  50% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  60% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }

  85% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  90% {
    text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);
  }
  95% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  100% {
    text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);
  }
}
@-moz-keyframes breathing2 {
  0% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  5% {
    text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);
  }
  10% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  15% {
    text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);
  }

  40% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  50% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  60% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }


  85% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  90% {
    text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);
  }
  95% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  100% {
    text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);
  }
}
@keyframes breathing2 {
  0% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  5% {
    text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);
  }
  10% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  15% {
    text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);
  }

  40% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  50% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  60% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }


  85% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  90% {
    text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);
  }
  95% {
    text-shadow: 0px 0px 0px rgba(248, 246, 53, 1);
  }
  100% {
    text-shadow: 0px 0px 10px rgba(248, 246, 53, 1);
  }
}

.logo-container {
  font-size: 2.5rem !important;
  font-family: hongkonghustle !important;
}

.poRel{
  position: relative;
}

.poAb{
  position: absolute;
}

.framedLeft {
    position: absolute;
    top: 0;
    left: -12px;
    transform: translate(0%, -62%);
    z-index: -2;
}

.framedRight {
    position: absolute;
    top: 0;
    right: -12px;
    transform: translate(0%, -62%);
    z-index: -2;
}

.topFadeStroke{
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.botFadeStroke{
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 0%);
}