@font-face {
    font-family: exo-italic; /* Имя шрифта */
    src: url(fonts/exo-extralight-italic.ttf);
}

@font-face {
    font-family: PTN57F; /* Имя шрифта */
    src: url(fonts/PTN57F.ttf);
}

@import url('../maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');


body {
    @font-face:    
}
.hdrr {
    background: #f8f8f8;
    height: 30px;
    border: 1px solid black;
}
.sdbr {
    background: #1b2024;
    min-height: 600px; 
    padding-right: 0;
    padding-left: 0;
}
.cntb {
    border: 1px solid black;
    background: #ffffff;
    min-height: 500px;
}
.ftrr {
    background: #f8f8f8;
    height: 10px;
}
.headmain {
    font-family: exo-italic; 
    background: url(img/bg1.jpg) repeat-y 100% 0;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; 
    height: 48vh;
    background-position: center;
    text-align: center;
    color: #fff;
    font-size: 50px;
              -webkit-filter: grayscale(100%);
  filter: grayscale(100%);

}
.headmain:hover {
      -webkit-filter: none;
  filter: none;
}
.footmain {
        font-family: exo-italic; 
    background: url(img/bg2.jpg) 100% 0;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; 
    background-position-y: bottom;
    height: 48vh;
    color: #fff;
    font-size: 50px;
          -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.footmain:hover {
      -webkit-filter: none;
  filter: none;
}
.pp {
    width: 100px;
    box-shadow:0 0 0 128px rgba(0, 0, 0, 0.33) outset;
    line-height: 48vh;
  margin: auto; 
}
.span12
{
    text-align: center;
        line-height: 45vh;
color: #ffffff;
}
.span12 a {
    color: #fff;
    text-decoration: none;
    font-weight: 0;
    text-align: center;
}
.pp a {
    color: #fff;
    text-decoration: none;
    font-weight: 0;
    text-align: center;
}
.pp:hover {
    cursor: pointer;
}
.p2 {
    font-family: PTN57F;; 
    color: #a7a9aa;
    font-size: 20px;
    margin: 20px;
}
.na-zakaz {
        background: #151a1d;
        color: #a7a9aa;
        padding: 10px;
        margin: auto 0;
        text-align: center;
}