/*= СТЕКЛО =*/
.expo.steklo span.steklo-003{font-family:"PT Serif",serif;font-size:51.7px;color:rgb(255,255,255);font-weight:normal;font-style:normal;text-decoration: none}
.expo.steklo div.steklo-003{font-family:"PT Serif",serif;font-size:51.7px;color:rgb(255,255,255);font-weight:normal;font-style:normal;text-decoration: none}
.expo.steklo span.steklo-002{font-family:"PT Serif",serif;font-size:149.6px;color:rgb(255,255,255);font-weight:normal;font-style:normal;text-decoration: none}
.expo.steklo div.steklo-002{font-family:"PT Serif",serif;font-size:149.6px;color:rgb(255,255,255);font-weight:normal;font-style:normal;text-decoration: none}
.expo.steklo span.steklo-004{font-family:"PT Serif",serif;font-size:16.1px;color:rgb(255,255,255);font-weight:normal;font-style:normal;text-decoration: none}
.expo.steklo div.steklo-004{font-family:"PT Serif",serif;font-size:16.1px;color:rgb(255,255,255);font-weight:normal;font-style:normal;text-decoration: none}
.expo.steklo .steklo-004{font-family:"PT Serif",serif;font-size:16.1px;color:rgb(255,255,255);font-weight:normal;font-style:normal;text-decoration: none}

.expo.steklo .mask
{
    position: absolute;
    height: 230px;
    width: 250px;
    background-size: 100%;
    
}

.expo.steklo .mask:hover .hover
{
    background-size: 100%;
    width: 100%;
    height: 100%;
    
}

.expo.steklo .mask h5
{
    position: absolute;
    bottom: 0;
    display: none;
    width: 100%;
    padding: 5px 20px;
    border-top: 1px solid #fff;
   
}

.expo.steklo .mask:hover h5
{
    display: block
}

.expo.steklo
{
    font-family: 'PT Serif';
    height: 100%;
    background-image: url('/public-files/expo/main/steklo/background.jpg')
}

/*КЕРАМИКА*/
.expo.keramika 
{
    font-family: 'Oranienbaum';
}

.expo.keramika .item .hover {
    box-shadow: 0 0 0 10px rgba(60,75,115,0.8);
    background-color: rgba(60,75,115,0.8);
    border: none;
}
.expo.keramika .item h5
{
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    font-size: 17px;
}


/*КОСТЬ*/
.expo.kost
{
    font-family: 'Tinos';
}

.expo.kost .double-item p
{
    font-weight: normal;
}
.expo.kost .item .hover h5
{
    font-style: italic;
    font-weight: lighter;
    font-size: 140%;
    line-height: 100%;
}
.expo.kost .item .hover p
{
    display: none;
}
.expo.kost .item .hover {
    box-shadow: 0 0 0 10px rgba(150,0,50,0.8);
    background-color: rgba(150,0,50,0.8);
}

/*10 ПОДАРКОВ СТАЛИНУ*/
.expo.podarki-stalinu .item .hover h5
{
    font-size: 120%;
}
/*ЛАКИ*/
.expo.laki
{
    font-family: 'Tinos';
}
.expo.laki .item .hover p
{
    display: none;
}
.expo.laki .item .hover h5
{
    font-size: 170%;
    font-weight: lighter;
}
.expo.laki .item .hover {
    /*box-shadow: 0 0 0 10px rgba(255,255,255,0.8);*/
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-style: italic;
}

.expo.laki .container  .item .hover
{
    opacity: 0;
    position: absolute;
    top: calc(2%);
    left: calc(2%);
    width: calc(96%);
    height: calc(96%);
    border: 1px solid #fff;
    box-shadow: 0 0 0 10px rgba(0,0,0,0.75);

    padding: 7%;
    color: #fff;

}

.expo.laki .container  .item:hover .hover
{
    opacity: 1;
}