color {
    color: rgb(15, 12, 31);
}

color:hover {
    color: rgb(25, 20, 51);
}


color_we {
    color: #371cb1;
}

color.red {
    color: rgb(230, 40, 50);
}

.page-item {
    color: rgba(17, 15, 26, 0.8) !important;
}

.page-link.active .page-link {
    background-color: rgba(17, 15, 26, 0.8) !important;
    border-color: rgb(17, 15, 26) !important; 
}

.box img {
    /* width: 100%; */
    height: auto;
    max-width: 100px;
    max-height: 80px;
    padding: 4px;
    cursor: pointer;
    transition: ease-in .2s;
}

.box img:hover {
    opacity: 0.8;
}

.full-image img {
    height: auto;
    max-width: 450px;
    max-height: 380px;
    padding: 4px;
    animation: simpleAnimation .5s linear 1;
}

.text-black {
    padding: 1px 1px !important;
    font-size: 12px;
    font-weight: 500;
    color: rgb(46, 46, 46) !important;
}

.purple-link {
    color: #4eac23;
    font-weight: 600;
}

.purple-link:hover {
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

.blue-link {
    color: rgb(12, 12, 131);
    font-weight: 600;
}

.blue-link:hover {
    color: rgb(2, 2, 12);
    text-decoration: underline;
}

.btn-goods {
    border: 1px solid rgb(15, 12, 31) !important;
    background-color: rgb(15, 12, 31) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: white !important;
    padding: 8px 13px !important;
    max-width: 150px;
    border-radius: 0px;
    outline: none !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

@media (max-width: 991.98px) {
    .btn-goods { margin-bottom: 14px; width: 100%; }
    .btn-search { margin-left: 0px !important; }
}

.btn-goods:focus {
    outline: none !important;
    box-shadow: none !important;
}

.bg-purpleish {
    background-color: rgb(15, 12, 31) !important;
}

.ad-hover {
    opacity: 0.9;
}

.ad-hover:hover {
    opacity: 0.7;
}

.text-deco:hover {
    text-decoration: underline;
}

.btn-search {
    min-width: 250px; 
    height: 39px !important; 
    border-color: rgb(180, 180, 180); 
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.btn-outline-secondary-2 {
    outline: rgb(0, 0, 0);
    color: rgb(180, 180, 180);
    border-color: rgb(180, 180, 180);
}

.btn-outline-secondary-2:hover {
    outline: rgb(0, 0, 0);
    color: rgb(51, 51, 51);
    border-color: rgb(59, 59, 59);
}

.bs-canvas-overlay {
    opacity: 0.85;
    z-index: 1100;
}

.bs-canvas {
    top: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
    width: 330px;
    transition: margin .4s ease-out;
    -webkit-transition: margin .4s ease-out;
    -moz-transition: margin .4s ease-out;
    -ms-transition: margin .4s ease-out;
}

.bs-canvas-left {
    left: 0;
    margin-left: -330px;
}

.bs-canvas-right {
    right: 0;
    margin-right: -330px;
}

.list-item-hover:hover {
    background-color: grey;
}

/* .sub-menu:hover .games-menu {
    display: block;
  }
  
  .sub-menu2:hover .our-pick-menu {
    display: block;
  } */

@media (max-width: 991.98px) {

    .btn-goods {
    }

}

@keyframes simpleAnimation{
    0% { opacity: .1; }
    100% { opacity: 1; }
}