.file-type-pdf.passport{
	background-image: url("/up/password.jpg");
}

.file-type-pdf {
    position: relative;
    float: left;
    display: block;
    background-repeat: no-repeat;
    margin: 0 11px;
    padding-top: 225px;
    width: 180px;
    min-height: 285px;
}
#tab-2 .files-list .file-type-pdf.flyer { background-image: url("/up/articuls.jpg");}

#tab-2 .files-list .file-type-pdf.passport { background-image: url("/up/password.jpg");}

#tab-2 .files-list .file-type-pdf.drawing-dxf { background-image: url("/up/drawing_dxf.jpg");}

#tab-2 .files-list .file-type-pdf.drawing { background-image: url("/up/drawing.jpg");}


.ramka-2-wr {
    width: 200px;
    height: 200px;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
    overflow: hidden;
    margin: 30px auto;
}   
.ramka-2-wr .ramka-2 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-family: 'Roboto Condensed', sans-serif;    
}
.ramka-2-wr::before {
    content: '';
    position: absolute;
    width: 150%;
    height: 150%;
    background: repeating-linear-gradient(
        #FFF 0%,
        #FFF 7.5px,
        #BFE2FF 7.5px,
        #BFE2FF 15px,
        #FFF 15px,
        #FFF 22.5px,
        #BFE2FF 22.5px,
        #BFE2FF 30px);
    transform: translateX(-20%) translateY(-20%) rotate(-45deg);
    animation: anim-ramka-2 20s linear infinite;
}
.ramka-2-wr .ramka-2 {
    position: relative;
    background-color: #FFF;
    flex-direction: column;
    box-sizing: border-box;
    padding: 30px;
    text-align: center;
    font-family: sans-serif;
    z-index: 2;
}
.ramka-2-wr,
.ramka-2-wr .ramka-2 {
    box-shadow: 0 0 2px #BFE2FF, 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
@keyframes anim-ramka-2 {
    from {
        background-position: 0;
    }
     
    to {
        background-position: 0 450px;
    }
}
.ramka-5 {
    position: relative;
    z-index: 0;
    border-radius: 10px;
    overflow: hidden;
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;
padding: 15px;
font-size: 16px;
display: block;    
}
.ramka-5::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -150%;
    top: -150%;
    width: 400%;
    height: 400%;
    background-color: #BFE2FF;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#BFE2FF, #BFE2FF), linear-gradient(#337AB7, #337AB7), linear-gradient(#BFE2FF, #BFE2FF), linear-gradient(#337AB7, #337AB7);
    animation: anim-ramka-5 4s linear infinite;
}
.ramka-5::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: white;
    border-radius: 5px;
}
@keyframes anim-ramka-5 {
    100% {
        transform: rotate(1turn);
    }
}

@media (max-width: 767px){
	.bx-aside-nav:not(.bx-opened) {
	  display: none;
	}
}
@media (max-width: 750px){
	.bx-breadcrumb-item{
		height: auto;
	}
}