.rcon-shop-product {
position: relative;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 20px;
    border-radius: 15px;
    height: 300px;
    overflow: hidden;
    margin-bottom: 30px;
    background: url(https://merryproject.ru/templates/noctis/img/shops/bgskins.png);
    background-size: 100% 100%;
}
.rcon-shop-product .image {
height: 100%;
    width: 100%;
    background-size: 100% 100%;
    transition: 0.3s all;
	position: absolute;
}
.rcon-shop-product .price {
background: #5c3ca6;
    top: 10px;
    padding: 0px 10px;
    color: #FFF;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    height: 34px;
    line-height: 34px;
}
.rcon-shop-product .server {
position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    line-height: 20px;
    padding: 5px 10px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.67);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.rcon-shop-product:hover > div:nth-child(2) span {
  overflow: visible;
  white-space: normal;
}

.rcon-shop-product .fon{	
	background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
.rcon-shop-product .fon:hover{	
	background: rgba(0, 0, 0, 0.0);
}

.rcon-shop-product:hover > div:nth-child(1) {
   transform: scale(1.1);
}

.rcon-shop-product .title {
  background: rgba(0, 0, 0, 0.47);
  color: #FFF;
  position: absolute;
  left: 10px;
  top: 10px;
  line-height: 34px;
  padding: 0 10px;
  border-radius: 3px;
  cursor: default;
  max-width: 60%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.rcon-shop-product:hover .image {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}
.rcon-shop-product .actions {
  text-align: center;
}
.rcon-shop-product .actions .btn {
  margin: 10px;
  width: calc( (100% - 40px) / 2);
}
.rcon-shop-product .actions .btn.description-btn {
  margin-left: 0;
}

.rcon-shop-product-in-detail .image {
  display: block;
  max-height: 300px;
  max-width: 50%;
}
.rcon-shop-product-in-detail .image img {
  margin: 0 auto;
  max-height: 300px;
  max-width: 100%;
  border-radius: 3px;
}
.rcon-shop-product-in-detail .form-check .form-check-input {
  top: -2px;
}

@media (max-width: 991.99px){
	
	.rcon-shop-product {
    height: 350px;
}
	
}

/*# sourceMappingURL=primary.css.map */