@charset "UTF-8"; 
.b-material .docfiles{display:block;padding:2rem 0;
  margin:1rem auto;-webkit-box-sizing:border-box;text-align:center;box-sizing:border-box}
.b-material .docfiles *{-webkit-box-sizing:border-box;box-sizing:border-box}
.b-material .docfiles>li{display:block;padding:0;
  background-color:#ececec;float:left;margin:0 1% 2%;
  -webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px;
  font-size:14px;min-height:140px;width:48%;position:relative;
  line-height:1.3em;overflow:hidden}
.b-material .docfiles>li>a{color:#0fc3c3;display: block;width: 100%;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family: ProximaNova;font-weight: 600;font-size: 19px;padding: 32px 16px 40px;min-height: 160px;}
.b-material .docfiles>li>a:hover {text-decoration:none;background-color: #0cefed;color: #252525;}
.b-material .docfiles li>ul{display:block;position:absolute;left:0;bottom:0;height:40px;line-height:40px;text-align:center;width:100%;background-color:#252525;}
.b-material .docfiles li>ul>li{display:block;float:left;margin:0 auto;position:relative;width:50%;text-align:center;height:40px;border: 1px solid #ececec;}
.b-material .docfiles li>ul>li a{color:#fff;color:rgba(255,255,255,.75);display:block;}
.b-material .docfiles li>ul>li>a{content:'';width:100%;position:absolute;left:0;top:0;margin:0;background-size:auto 24px;overflow:visible;text-indent:-10000px;background-repeat:no-repeat;height:100%;background-position:center;opacity:1;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.b-material .docfiles li>ul>li a:hover{opacity:1;background-color: #0cefed;box-shadow: 0 0 0 rgba(0,0,0,0) inset;}
.b-material .docfiles li>ul>li:nth-of-type(1) a,
.b-material .docfiles li>ul>li a[href$=".pdf"]{background-image:url(/special/img/icons/doc-pdf.svg)}
.b-material .docfiles li>ul>li:nth-of-type(2) a,
.b-material .docfiles li>ul>li a[href$=".docx"]{background-image:url(/special/img/icons/doc-docx.svg);}

.b-material .docfiles li>ul>li a[href$=".pdf"]:before,
.b-material .docfiles li>ul>li a[href$=".docx"]:before 

{
display:inline-block;position: absolute;
  top:0;
height: auto;
width: auto;
left: 50%;  
font-size: 10px;
z-index: 5;
color: #fff;
text-indent: 0;
background: #000;
opacity: 1;
  -webkit-transform: translate(-50%,-16px);
      -ms-transform: translate(-50%,-16px);
          transform: translate(-50%,-16px);
  line-height:12px;
  border-radius: 0;
  padding:.5em;
  opacity:0;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  text-transform: uppercase;
  white-space:nowrap
}


.b-material .docfiles li>ul>li a[href$=".pdf"]:after,
.b-material .docfiles li>ul>li a[href$=".docx"]:after  {
  display:block;position:absolute;
  left:50%;
  top:0px;
  border-style:solid;
  border-width: 8px 4px 0 4px;
  border-color: #000 transparent transparent transparent;
  content:'';
  margin:0 0 0 -6px;
  opacity: 0;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.b-material .docfiles li>ul>li a[href$=".pdf"]:before{content:'Скачать в формате pdf';}
.b-material .docfiles li>ul>li a[href$=".docx"]:before{content:'Скачать в формате docx';}

.b-material .docfiles li>ul>li a[href$=".pdf"]:hover:before,
.b-material .docfiles li>ul>li a[href$=".docx"]:hover:before
{
  opacity:1;
    -webkit-transform: translate(-50%,-32px);
        -ms-transform: translate(-50%,-32px);
            transform: translate(-50%,-32px);
}

.b-material .docfiles li>ul>li a[href$=".pdf"]:hover:after,
.b-material .docfiles li>ul>li a[href$=".docx"]:hover:after {
  opacity: 1;
  top:-12px;
}

.b-material .docfiles li>ul>li a[href$=".docx"]:before {}

@media (max-width:960px){.b-material .docfiles>li{float:none;width:100%;min-height:72px;padding:0;height:auto}}
.b-material .docfiles li>ul.getFiles.fullWidth>li {width:100%}
.b-material .docfiles li a strong {display:block;
  letter-spacing:0.1em;text-transform:uppercase;
  font-weight:500;
padding: 0.2em;}
.b-material .docfiles li a span.bld {
font-size:11px;
  display:block;
  font-weight:500;
  letter-spacing:0.1em;
  opacity:0.75;
  font-family:Rubik,Helvetica,sans-serif;  
line-height: 1rem;
padding: 0;
margin: .5em auto 0;
}
.b-material .docfiles a span {
  display:block;
}

.b-material .docfiles li {
  line-height:24px
}
.b-material .docfiles li.full-width {width:100%}
.g-columns-right {display: none;}