body {
    background:#2f2730;
    font-family: 'Roboto', sans-serif;
    padding:0;
    margin:0;
}

#header{
   background: #211822; 
}

#logo{
    display:inline-block;
    vertical-align:top;
    padding:10px;
}

#logo a{
    color:#aaa;
    text-decoration:none;
}
#logo img{
    width:100%;
}

#search {
    display:inline-block;
    vertical-align:top;
    padding:10px;
}
#poisk{
    width: 100%;
    height: 40px;
    font-size:16px;
    padding: 5px 10px;
    border: 1px solid #d711c2;
    border-radius:10px;
    background:#332634;
    color:#fff;
    box-shadow: 0 0 0 1px #000;
    transition: all 0.5s ease-in-out;
}
#poisk:hover,#poisk:active{
    background:#000;
}
#poisk::placeholder{
    color:#ddd;
}

#user-link{
    text-align: center;
    padding: 5px;
}

#user-link a{
    font-size: 0.75em;
}
#user-link a i {
    color:#f906d9;
    font-size: 24px;
    display:block;

}

#menu{
    background:#2c172e;
}
#menu ul{
    padding:5px 0;
    margin:0;
}
#menu ul li{
    display:inline-block;
}
#menu ul li a{
    display:block;
    padding:5px 10px;
    margin-right:5px;
    background:#444;
    color:#fff;
    border-radius:10px;
    text-decoration:none;
}
#menu ul li a:hover{
    background:#333;
    box-shadow:2px 2px 5px 1px #740265;
    transition: all 0.5s ease-out;
}

#menu ul li a i {
    color:#f906d9;
}


main {
    min-height:200px;
    padding:0;
}
#main-inner{

}

footer {
    background:#222;
    color:#ddd;
    padding:20px;
    margin-top:20px;
}


.box {
    position: relative;
    padding:10px;
    background:#222;
    border-radius: 15px;
    box-shadow:2px 2px 8px 2px #7c209b;
    margin:20px auto;
    overflow: hidden;
}

.box h2 {

}
.minishops{
    text-align: center;
    /* background: #2c172e; */
}
.minishops .shop{
    display: inline-block;
    text-align: center;
    padding: 5px;
}
.minishops .shop a{
    text-decoration: none;
}
.minishops .shop img{
    display: inline-block;
    max-width:40px;
    border-radius: 8px;
    overflow:hidden;
    box-shadow: 1px 1px 2px 1px #444;
}

.minishops .shop h5{
padding:5px;
font-size: 12px;
/* font-weight: bold; */
}

.shops{
    display: flex;
    flex-wrap:wrap;
}
.shops .shop{
    display: inline-block;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    margin: 15px 0;
    box-shadow:2px 2px 8px 2px #7c209b;
    text-decoration: none;
    color:#444;
}

.shops .shop h2{
padding:10px 5px;
margin: 0;
font-size: 16px;
font-weight: bold;
}
.shops .shop span{
    padding: 5px;
}

.shop h1{
    padding: 10px;
    text-align: center;
    text-shadow: 1px 1px 2px #444, -1px -1px 2px #444, 1px 1px 4px #444;
    font-weight: bold;
    margin-bottom: 10px;
}


.shop .shop p{
   margin-bottom: 0;
   text-align: center;
}

.shop .shop p span{
    font-size: 10px;
    opacity: 0.5;
}
.shop_like {
    font-size: 32px;
    text-align: right;
}

.shop_like i:hover {
    color: #d711c2;
    cursor:pointer;
}

.promo{

}
.box .description{
    text-align:left;
    white-space:pre-wrap;
}

.promo .shop{
    display:block;
    background: #8654cc;
    color:#fff;
    font-weight: bold;
    padding: 5px;
    border-radius: 10px 10px 0 0;
}
.promo .shop h5{
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
}

.promo .shop a{
    text-decoration: none;
}

.promo .shop p{
    opacity: 0.5;
    font-size: 8px;
    margin-bottom: 0;
    text-align: center;
    padding: 0 5px 5px;
}


.promo .skidka {
    font-size: 24px;
    font-weight: bold;
}
.promo .more-button{
    padding-top: 10px;
}

.promik {
    display:block;
    text-align: center;
    padding:10px 20px 10px 10px;
    border:1px solid #d711c2;
    margin:10px 0;
    border-radius:20px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.20);
}
.promik i {
    color:#d711c2;
}
.link{
    display: inline-block;
    padding:8px 12px;
    font-weight: bold;
    color: #fff;
    margin-right:10px;
    text-shadow: 1px 1px 0 #000;
    background:#d711c2;
    text-decoration: none;
    border-radius: 15px;
    box-shadow: 2px 2px 5px 0 #444;
    transition: all 0.3s ease-in-out;
}
.link:hover{
    background-color: #f906d9;
}
.promo .action {
    padding:10px;
    text-align: right;
    font-size: 32px;
}
.promo .action i {
   width: 32px;
   text-align: center;
}
.promo .action i:hover{
color:#d711c2;
cursor: pointer;
}
.promo img {
    width: 100%;
}

.promo .old-price{
    text-decoration: line-through;
    text-decoration-color: #d711c2;
}
.promo .discount{
    text-shadow: 0 0 2px #d711c2, -1px -1px 1px #777;
}
.promo .cashback{
    color:#04b229;
    text-shadow: 1px 1px 1px #444;
}


#kotik{
height:100px;
width:100px;
display:inline-block;
}

.socialki {
display:inline-block;
vertical-align:top;
padding:10px;
}

.socialki a{
    display: inline-block;
    width:64px;
    height:64px;
    margin-right:5px;
    max-width: 100%;
    background-size: 100%;
} 
.socialki a.vk{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABL1BMVEUAAABRgbhRgbhRgbhRgrlRgbhRgblSgbhPhLhQgrlRgbhSgrlRgbhSg7lRgbdTgbdSgrlSgrhShrhRgbhQgrlRhrdShLZQhbhRgbhKjr9RgbhTfrdPhbtMir9OhrxLhrxQhbtXgLRSgrZRgbj///9VhLpTgrkxaqtSgrg1ba1XhbtPgLdQgLknYqdSgLcpZKhSf7fF1ee1yuFMfrZJe7VHerQ4b664zOI9c7BDd7I3bq4vaarK2eq+0OX4+vyvxt92nMdBdbIiX6Xo7/bD0+c6ca8sZ6l7n8lzmsZvl8Xx9fnt8vjR3uxPgrlDd7Pb5fGfutmXtNWSsdOPrtKKqtCBpMtmkMFijb9TfrZUfLX7/P2jvdqatdZqk8Lg6fPf6PKyyOCct9cfXaQMT50AQZOqxVqAAAAAI3RSTlMA7eni2JLRwy7bzcWvpk5ImId1qqFBNgb7iWJePR4axLqMhEKbO0IAAAN4SURBVHgBpZd5X9pIGMdHbkE8rKvdHt3jyUwmkyOBhBDCgSAg1qO226rtdu99/69hDWYy0A35aPL9R58nk68/HueTDGiJNzv7xWe1aiGf24glly9Ua1vF/e3XKIbDvdJzeBzG80LxFVrl1Y8GPJ5gbfk7tMTPlgFPxSqiiANIg7aFQvYsSMcuWlBRISXawxxqqQVQWATQID1BhJ8uITXaAUKoYGUQ5BB6Qw1IjQEVtGNQyMBLtK9BBj5/j3YhC1YdbUEWLsuorGVKUEJVyIKxiQp3wKHhD16KPod826B5lI8uavKCbofxMmyMGCzAdti4YsDJoRyE2K337Waz2R5iDwel8zUo7xt/3owI3EMdL1xxe0WFYIMHUH6THvjDtwGIeytxGl0IwOZ12GibkWBDCKZcIJ3JBMB2+7zu+WqwYOTwxkeZ/F8ATuskvN40MQD2vHOeQAkEWP8rrN+OWjRGQGbDcMHA6ZDghl+XBWTUGYT1BxNDnEA+k0J+MXFQny4LhO/cFQG4IBwy/wwnrkOBKPMlAXZVrj+eMYgTADY/8DWfTHwvOF5OMJ7wkeoA8QLSaQ14BMWhKwKmn3K5PcVrBID162gKOlsWYPdqEF3BsE5ARlGEQcdjkWAy9fSL8PcL06ZxAh4hmkJ/TITgHz3aVKqPYb2AtpSTaI7j6ZxvnHkv2oM6gwQB4Nlc4tz8eyYJxH8gViDQJxLnlOcWvJM9lizAHt+w8TTMEU5OwMxTKYmJ2cGxAsG4nWjomy2cKMAd+XdplROGm6Iajm2SmIC5V+ff/NG/5fGxKN+PkwXAZHvVMHEJ1dnbqJ6bLF4gDK13K6NXVMpMOzJ8caY4UQDM94erAgA2I19446KrCUEO4gwd/UyEuPDVoGfeij2mkOixnoc4CO26n3r8KR4+1vVob381hWDdCQfbM5d9HPZ7/Wv74RlI8eym3Ws0Gr0hOCR6tVU1iIdi1ZO7iqt0W5h3prKvKL4vO1i8XJNe74SApmqEigaoAUDF6z3jAUMrZzziGM+yH7K2gWZJ8AK9BgMyUEFo04LUWBtHCBUvM80QoUMVUnO5g+4ppR6ClkcBh58hHYa1jRYU046xjkK27uDp0LsfECdVBquOltipgfaku6Eafn6h2M0/UqGBkTsQtwuOKi/36uXSZj637ut/Lr9ZqtX3XlSOUMR/K/IqbyI+mqgAAAAASUVORK5CYII=);
}

.socialki a.tg{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAC+lBMVEUAAAAcktInnNUmmtUnnNY2qt41qt4xpNowo9kqntYlmtUxp90cktIqoNofltQpn9kto9s0qN01qt01qd0eldMdk9M0p9wxpNomm9YfldQzptovo9kxpNo0p9swotktoNgck9MmmtUimdQwp90qodoroNozqN0jmtYzqN0qoNofltQcktIfltQck9Iuo9okmtYzptoeldMdlNMlnNcjmdYcktIhl9Qhl9Qrn9cck9Iqntc1ptolmtUsoNc3rN83rN8km9celNMrodokmtcwpdsuo9smnNcfltQnntgsodonndc0p9snndcsodkdk9I0ptselNMfltQdlNM2reEyqd8zquA0q+Agl9UhmNUxqN8wp94eldQvpt0imdY3r+Ikm9f///82ruImndgtpNwon9k2rOAso9wqodorots1rOEkmtYupd0ck9InntklnNcjmtbr9fsooNomnNg4sOPt9vv0+f3w9/z2+v3u9/w5seTx+Pzq9Pr7/P7o8/n9/v/3+/78/f/5+/7z+PzK2+vD1+gAidDH2erB1ee90uUmo90al9Xt9fvm8/rN3uw4ruEfn9sWm9kOmNgIltgOldYFj9T6/v/y+v4am9gHk9YCjdLk8fnG5fXc6fPV5fGo2vHd4u2Iy+y+1Oa50eQ1reK5z95Jq92ixtynx9sQm9oemdcUlNUMktUIktUQktQNj9IAhc7//v/3/f/1+//o9PvX7PjT6fbi7fXQ6fWw3PLE2ep5wOVfuOO30OKyy+EjntkgnNne7/jo8Pe/4fPY5vHS4u+k1O6b0u6p1e2S0O14xeq71elov+htvuZhu+WIwuNRtONDreCty95Wr948qd5Qrd0hotwxpNsYnttAp9pFptk4odgzn9cmm9fw+P37+fre8frJ5vW23vPd5vCk1/Ds6O/r5+7o5u7m5u6Pyem20+iBx+h/xejN2OeFxufe3eJtueFXs+FIsOF6u+A+q9+80N5csN2bwNcbmNeav9Yqm9aWvNVMptUfl9UWkdHCTPg8AAAAUXRSTlMA8Q8GCtrRZUEzKfHp4tTPxMC6srGjjYqGgnp2cmxUT0QiFvny7Obl39vLxrurqZ+bm4+Me3hyZ2BdRzwvHfHt7N/e3NjU08O9t7OloZiYXjs+NVIeAAAFD0lEQVRYw52XZVzbQByGb+7u7u7u7i5QtjFW/oV10DK2dFDaQXUVSoe7DAbDGYy5u7u7u7vr77cL61ibpLbnU3J53+fucvkSZI7Sg5rUrVWjbJkyZWvUqttkUElkFy0a1xwWyvZZasCHHTq0ZsOKNteb1uJyfMheMaSFw605zaZ6ubIOZIdNgRwLbd/Ear182dClS9nM4D2FlmlmsV6qO5cyN20d3EkW3meFMhw2xzI40La82d07+eC+VYMPtzFzvyGXzXGwAQ6bW4+pX4/LdrARjkN3hvnxMMZWQ136/tN5dpDOa0R5/ywO1y7SnQaanH+ldCc74bUy/h668pzshlfD6PtlObHsBVeaFgva81j/Aa8SMtCfxXL8H1h/T6Ktrf1LOTlXnIwElUohkmaOjnOs4ugYlJMTmppyIsh4rBwiqe5ove4VHhl0YqsQgAgyNoxGmCEuc5wtMsc5LPLKmaN3AEABd8O8jJ8MxoJGzpYJiojgHkvC7bUKmQxSIlyM3fXIHTi7mMUZL/3SqRR/IJEoFDJIjTR5Pgah0q3MC8Iiw98d3Yi7SoD7yWsVCoBTEaYTDEHlvZhxCYqIdD62X4HbIiWIVKv24SWA8kOYaaopauzlTsfLPTw+bMeDDQAKoVAIsHlnmhwkEgls3C0wDdZHUxgEYfERZ1O3AMAy/2XL5OAXskslA6USC7ZGUWbqiia4LzDBXRAVv+DkPSFui/38/P1lMSvSdh2UgVyJDZAa726aro6qmYx4hufHnTm8F0BE+PqKxWKRTKpapTsgk4nk2CCDHVGU6UaiDgs8i7kcHn/heZIMJAEBBEEaYoTJOl3gCplSKMIGOYguxHma0gZVMbqLO7uVgLVEsDSgyBC7brNWp8Z9uRALsAE2xe2mCFqjKh7FeEdtAf/ExGCplDT4rl9+UBe4Tb05RugvxGADpOR7UGiNOvy7EcTt2CQBRUBiMHbcil2h1qnU6n0xfn74LIoM8CKaKmiDqnkI/uLhGaU//zRJBOC7ITY4RKdWBWql68R+5GGQBgW8XS2gUAWNF8z/h8ee1Qn6zFf7RaLkwDSVKlBFrMevskiADbD88pf5pgiqocnUIewoyNz2Uq3SBoYQscRybPijEEJS3m5qeiLqLfCmgB2a94+0Wm0yIQ4gSINhF3A4gZoV9ELNvN1oeEddXKnSqoNjNmBB8RqEcDLBm5rsj1q6MZDr+mxlyKqsA+vEUlLxx6CQXC2gJSsiNNZtCQ23/NOPQ9I+f90Wu15atAtyG7ApN5eaa4cQ6rWIgfyLeAXZ2d933gZCitdAGuBQAjW2pBsWVHBlQO96fOXOrOyM7B+HQG4wwHbNImpuIMKMYjJEn364KyvjY6ZGsx2A3IavSJK5hpoajkj6uvJpuEaff3IuI+Nq9E194bW94IsNsHG2npqqj0hK8xfT0ecef33uRvRiHNP8OgISKQFHNLRUS1RE/Xl0+KuvZV2P5pOXN9cUvpGAGLYX8ikh/AoNS2Ay5BXk8Q2X+sLrWyDxWwE10xIZ6DebiZ//LvmahZ9urOFTAg1QMVVnW4Gfp6H12xn/YMz6DyogI/rZ3++NTOgxw05qIwqd7et3RDTG2dOvWgrR6TzXZjriPgN1bO3XRmboO9MmGiCzTK9qvT6iObJEA2v9nqWQZSr2sFSvMxhZp0XPygsZKTHV1t/n0gO6lKC1aw+w6w++ZPM+dTpVLlFE5U5d+jQ31/4NKCkUUdvzIeYAAAAASUVORK5CYII=);
}


/*Mobile*/
@media screen and (max-width: 960px){
body {text-align:center;}

#user-link{
    background: #222;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom:0;
    left:0;
    z-index: 1000;
}




/*End Mobile*/}