.serviceMenu{
	width:100%;
	background:#efefef;
	color:black;
	min-height: 250px;
	margin:auto;
    overflow: auto;
	}
.introCopy{
	font-size: 2.5rem;
	width:80%;
	margin: auto;
	padding-top: 25px;
	}
.detailCopy{
	font-size: 1.5rem;
	width:80%;
	margin: auto;
	padding: 10px 0 10px 0;
}
.copy{
	width: 200px;
    white-space: normal;
    display: inline-block;
}
.imgTile{
	width:250px;
	height:250px;
	border-radius:250px;
	margin:auto;
	background-color:#a7a7a7;
}
.imgTile:hover{
	background-color:grey;
}
.mobile-scroll}{  
	overflow-x: auto;
    white-space: nowrap;
    height: 150%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.serviceList{
	width: auto;
    display: inline-block;
    text-align: justify;
    list-style: none;
    white-space: nowrap;
	text-align: center;
}

.listWrapPadding{
	padding-left: 10% !important;
    padding-right: 10% !important;
}

.spacer{
	padding:25px;
	display:inline-block;
    padding-top: 40px;
}

.spacer a img:nth-of-type(1) {
    z-index: 99;
    position: relative;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
  }
  .spacer a img:nth-of-type(2) {
    z-index: 99;
    position: relative;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    width: 75px;
  }

#neck.imgTile {
    background-image: url(https://assets.apliiq.com/images/services/menu/neck-print-service.jpg)!important;
    background-size: contain;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
/*#private{
	background-image:url('https://assets.apliiq.com/images/services/menu/private-label-tags-for-apparel.png');
}*/
#private.imgTile.lock {
    background-image: url(https://assets.apliiq.com/images/services/menu/private-label-service.jpg)!important;
    background-size: contain;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}

ul.serviceList li div.imgTile:hover
 {
      box-shadow: 0 0 8px 9px rgba(0, 0, 0, 0.25);
      -webkit-transform: translateY(-25px);
      transform: translateY(-25px);
    } 
ul.serviceList li div.imgTile:hover::after {
      position: absolute;
      content: "";
      top: 105%;
      background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);
      width: 70%;
      height: 15px;
      left: 0;
      right: 0;
      margin: 0 auto;
      opacity: 0;
      transition: opacity 0.3s, -webkit-transform;
      transition: transform, opacity 0.3s;
      transition: transform, opacity 0.3s, -webkit-transform;
    }
#shipping{
	background-image:url('https://assets.apliiq.com/images/services/menu/dropshipping-package.png');
}
/*#patches{
	background-image:url('https://assets.apliiq.com/images/services/menu/embroidered-patches.png');
}*/
#patches.imgTile {
    background-image: url(https://assets.apliiq.com/images/services/menu/embroidered-patch-service.jpg)!important;
    background-size: contain;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
/*#woven{
	background-image:url('https://assets.apliiq.com/images/services/menu/woven-labels.png');
}*/
#woven.imgTile {
    background-image: url(https://assets.apliiq.com/images/services/menu/woven-label-service.jpg)!important;
    background-size: contain;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}

.lock{
	background-image:url('https://assets.apliiq.com/images/services/menu/lock-icon.png');
}
.unlock{
	background-image:url('https://assets.apliiq.com/images/services/menu/unlock.png');
}

.imgTile {
    width: 200px;
    height: 200px;
}
.imgTile::after {
    position: absolute;
    content: "";
    top: 105%;
    background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);
    width: 70%;
    height: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition: opacity .3s,-webkit-transform;
    transition: transform,opacity .3s;
    transition: transform,opacity .3s,-webkit-transform;
}

.cc-hoverlock {
    position: relative;
}
    .cc-hoverlock img:nth-of-type(1) {
      -webkit-transform: translateY(-25px);
      transform: translateY(-25px);
      z-index: 9999;
      position: relative;
    }
    .cc-hoverlock img:nth-of-type(2) {
      -webkit-transform: translateY(-25px);
      transform: translateY(-25px);
      z-index: 9999;
      position: relative;
    }
    .cc-hoverlock #patches.imgTile::after {
      opacity: 1;
    }
    .cc-hoverlock #woven.imgTile::after {
      opacity: 1;
    }
    .cc-hoverlock #private.imgTile::after {
      opacity: 1;
    }
  
@media screen and (min-width:768px){
	.serviceMenu{
	overflow:hidden;
	height:600px;
	}
	.copy{
	min-height: 200px;
    max-height: 250px;
	}
	/*.spacer{
	 padding: 25px 50px;
	}*/
}

