@charset "utf-8";
html, body, div, span, p, img, object, h1, h2, h3, h4, h5, h6, a, em, strong, sub, sup, del, ins, dl, dt, dd, ol, ul, li, form, fieldset, legend, label, table, caption, tbody, tfoot, thead, tr, th, td, col, colgroup, blockquote, q, abbr, dfn, address, cite, kbd, samp, code, var, b, i, big, small, tt, acronym, pre, applet, basefont, font, center, frame, frameset, iframe, noframes, isindex, strike, u, s, dir, header, hgroup, footer, article, section, aside, nav, figure, figcaption, time, menu, main {
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0;
    vertical-align: inherit;
    line-height: inherit;
    border: 0;
    outline-width: 0;
    background: 0 0
}

html {
    background-color: #fff
}

body {
    color: #000
}

:focus {
    outline-width: 0
}

input, select, button {
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0;
    vertical-align: inherit
}

button, input[type="button"], input[type="submit"], input[type="reset"] {
    padding: 0 1ex
}

textarea {
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0;
    resize: none
}

label[for], input[type=button], input[type=submit], input[type=reset], input[type=image], input[type=checkbox], input[type=radio], button, select {
    cursor: pointer
}

blockquote {
    margin-left: 4ex;
    margin-right: 4ex
}

blockquote {
    quotes: none
}

blockquote:before, blockquote:after {
    content: none
}

q:lang(ru) {
    quotes: "\00ab" "\00bb" "\201e" "\201c"
}

q:lang(en) {
    quotes: "\201c" "\201d" "\2018" "\2019"
}

q:before {
    content: open-quote
}

q:after {
    content: close-quote
}

table {
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0
}

tbody, thead, tfoot {
    margin: 0;
    padding: 0
}

th {
    font-weight: bolder;
    text-align: center
}

td, th {
    vertical-align: top
}

caption {
    text-align: center
}

h4, p, blockquote, ul, ol, dl {
    margin: 0 0 1.12em;
    line-height: 1.3
}

address {
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-decoration: none
}

h1, h2, h3, h5, h6 {
    line-height: 1.1
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bolder;
    font-style: inherit;
    font-variant: inherit;
    text-decoration: none
}

h1 {
    font-size: 200%;
    margin: 0 0 .67em
}

h2 {
    font-size: 150%;
    margin: 0 0 .75em
}

h3 {
    font-size: 120%;
    margin: 0 0 .83em
}

h5 {
    font-size: 80%;
    margin: 0 0 1.5em
}

h6 {
    font-size: 70%;
    margin: 0 0 1.67em
}

ul, ol {
    margin-left: 5ex;
    list-style-position: outside
}

ol ul, ul ol, ul ul, ol ol {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 4ex
}

ol {
    list-style-type: decimal
}

ul {
    list-style-type: disc
}

ul ul {
    list-style-type: circle
}

ul ul ul {
    list-style-type: square
}

menu {
    list-style: none
}

a, em, strong, sub, sup, del, ins {
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-decoration: none
}

abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #000
}

strong {
    font-weight: bolder
}

em, var, cite {
    font-style: italic
}

pre, tt, code, kbd, samp {
    font-family: monospace
}

strike, del {
    text-decoration: line-through
}

a {
    text-decoration: underline
}

a:focus {
    outline-width: thin
}

a img {
    border: none
}

sub, sup {
    font-size: 80%
}

sub {
    vertical-align: sub
}

sup {
    vertical-align: super
}

body {
    font-family: sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    vertical-align: baseline;
    line-height: 1
}

h1 {
    font-family: 'Cuprum', sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    text-shadow: 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 2px 0 0 #000, -2px 0 0 #000, 2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000;
    -webkit-text-shadow: 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 2px 0 0 #000, -2px 0 0 #000, 2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000;
    -moz-text-shadow: 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 2px 0 0 #000, -2px 0 0 #000, 2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000
}

html {
    height: 100%;
    overflow-y: scroll
}

html > body {
    position: relative;
    min-height: 100%;
    /*min-width: 860px;*/
    font-family: 'Cuprum', sans-serif;
    color: #8d8d8d;
    background-color: #fbfbfb
}

html > body.notwhite {
    background-color: #f3f0ec
}

html > body.notwhite.force-white {
    background-color: #fff
}

html > body.index {
    position: relative
}

@media screen and (max-height: 800px) {
    html > body.index {
        min-height: 800px
    }
}

html > body.index > nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding-top: 100px;
    padding-bottom: 75px;
    background-color: #37393b;
    background-color: rgba(55, 57, 59, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc37393b, endColorstr=#cc37393b);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc37393b, endColorstr=#cc37393b);
    text-align: center
}

html > body.index > nav:before {
    display: inline-block;
    width: 0;
    height: 100%;
    content: "";
    vertical-align: middle
}

html > body.index > nav > ul {
    display: inline-block;
    max-width: 1600px;
    margin-left: 0;
    list-style: none;
    vertical-align: middle;
    text-align: center
}

html > body.index > nav > ul > li {
    display: inline-block;
    margin-bottom: 20px;
    text-align: left
}

html > body.index > nav > ul > li > a.menu {
    position: relative;
    display: block;
    height: 90px;
    width: 360px;
    padding: 15px 0;
    text-decoration: none
}

html > body.index > nav > ul > li > a.menu > .icon {
    position: absolute;
    top: 20px;
    left: 30px;
    width: 80px;
    height: 80px
}

html > body.index > nav > ul > li > a.menu > span {
    display: table-cell;
    height: 90px;
    padding: 0 35px 0 135px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    color: #fff
}

html > body.index > nav > ul > li > a.menu:hover {
    background-color: #07458c
}

html > body > header {
    position: relative;
    z-index: 100;
    height: 100px;
    background-color: #084e9d
}

html > body > header > .logo {
    display: block;
    padding: 0 25px
}

html > body > header > ul.buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0;
    margin: 0
}

html > body > header > ul.buttons > li {
    display: inline-block;
    background-color: #084e9d
}

html > body > header > ul.buttons > li > .button {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    text-decoration: none
}

html > body > header > ul.buttons > li > .button > .icon {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 30px;
    left: 15px;
    z-index: 1;
    display: block
}

html > body > header > ul.buttons > li > .button > span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    z-index: 2;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff
}

html > body > header > ul.buttons > li > a.button:hover {
    background-color: #07458c
}

html > body > header > ul.buttons > li.prev, html > body > header > ul.buttons > li.contacts, html > body > header > ul.buttons > li.menu {
    border-left: 1px solid #07458c
}

html > body > header > ul.buttons > li.menu {
    position: relative
}

html > body > header > ul.buttons > li.menu > nav {
    position: absolute;
    right: 0;
    left: 0;
    display: none;
    overflow: hidden;
    background-color: #37393b;
    background-color: rgba(55, 57, 59, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc37393b, endColorstr=#cc37393b);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc37393b, endColorstr=#cc37393b)
}

html > body > header > ul.buttons > li.menu > nav > .menu {
    position: relative;
    display: block;
    height: 90px;
    width: 360px;
    padding: 15px 0;
    text-decoration: none
}

html > body > header > ul.buttons > li.menu > nav > .menu > .icon {
    position: absolute;
    top: 20px;
    left: 30px;
    width: 80px;
    height: 80px
}

html > body > header > ul.buttons > li.menu > nav > .menu > span {
    display: table-cell;
    height: 90px;
    padding: 0 35px 0 135px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    color: #fff
}

html > body > header > ul.buttons > li.menu > nav > .menu.active {
    background-color: #4a4a49
}

html > body > header > ul.buttons > li.menu > nav > .menu:hover {
    background-color: #07458c
}

html > body > header > ul.buttons > li.menu.open > a.button {
    padding: 0 120px;
    background-color: #37393b
}

html > body > header > ul.buttons > li.menu.open > a.button > .icon {
    right: 135px;
    left: 135px
}

html > body > header > ul.buttons > li.menu.open > a.button:hover {
    background-color: #07458c
}

html > body > header > ul.buttons > li.menu.open > nav {
    display: block
}

html > body section.company + ul.contacts {
    padding-top: 55px
}

html > body ul.contacts {
    width: 830px;
    margin: 0 auto
}

html > body ul.contacts li {
    position: relative;
    display: inline-block;
    width: 175px;
    height: 150px;
    padding-left: 140px;
    padding-right: 100px;
    margin-bottom: 50px;
    vertical-align: top
}

html > body ul.contacts li > img {
    position: absolute;
    top: 0;
    left: 0
}

html > body ul.contacts li > h2 {
    font-family: Cuprum, sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin: 10px 0 20px 0;
    padding: 0;
    text-transform: uppercase;
    color: #343434
}

html > body ul.contacts li > p {
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    color: #4a4a4a
}

html > body ul.contacts li > p > a {
    display: inline-block;
    padding-bottom: 2px;
    text-decoration: none;
    color: #4981b6;
    border-bottom: 1px solid #e2e2e2
}

html > body ul.contacts li.social {
    width: 100%;
    padding: 0
}

html > body ul.contacts li.social > a {
    display: inline-block;
    vertical-align: top;
    width: 102px;
    height: 102px;
    text-decoration: none;
    background: no-repeat
}

html > body ul.contacts li.social > a:hover {
    opacity: .7
}

html > body ul.contacts li.social > a:not(:last-child) {
    margin-right: 40px
}

html > body ul.contacts li.social > a[href*="vk.com"] {
    background-image: url(https://web.archive.org/web/20181130084149im_/http://ppsr.m18.ru/styles/images/vk.png)
}

html > body ul.contacts li.social > a[href*="facebook"] {
    background-image: url(/web/20181130084149im_/http://ppsr.m18.ru/styles/images/facebook.png)
}

html > body ul.contacts li.social > a[href*="instagram"] {
    background-image: url(/web/20181130084149im_/http://ppsr.m18.ru/styles/images/instagram.png)
}

html > body ul.contacts li.social > a[href*="twitter"] {
    background-image: url(/web/20181130084149im_/http://ppsr.m18.ru/styles/images/twitter.png)
}

html > body ul.contacts li.social > a[href*="ok.ru"] {
    background-image: url(/web/20181130084149im_/http://ppsr.m18.ru/styles/images/ok.png)
}

html > body:after {
    display: block;
    cleat: both;
    width: 1px;
    height: 75px;
    content: ""
}

html > body > footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 30px 20px 25px 20px;
    vertical-align: top;
    color: #323232
}

html > body > footer a {
    text-decoration: none;
    color: #4981b6;
    border-bottom: 2px solid #e3e0db
}

html > body > footer a:hover {
    border-bottom-color: transparent
}

html > body > footer:before {
    position: absolute;
    z-index: 1;
    top: -30px;
    right: -20px;
    bottom: -25px;
    left: -20px;
    content: '';
    background-color: #fff
}

html > body > footer > div {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 50%;
    height: 20px;
    font-size: 14px;
    text-transform: uppercase
}

html > body > footer > div.copy {
    text-align: left
}

html > body > footer > div.create {
    text-align: right
}

html > body > ul.tile {
    margin: 0 auto;
    padding: 0;
    max-width: 1000px;
    vertical-align: top
}

html > body > ul.tile > li {
    position: relative;
    display: inline-block;
    width: 326.66px;
    height: 240px
}

html > body > ul.tile > li:nth-child(3n+2) {
    width: 326.68px
}

@media screen and (min-width: 981px) {
    html > body > ul.tile > li {
        width: 33.33%
    }

    html > body > ul.tile > li:nth-child(3n+2) {
        width: 33.34%
    }
}

@media screen and (max-width: 980px) {
    html > body > ul.tile > li {
        width: 33.33%
    }

    html > body > ul.tile > li:nth-child(3n+2) {
        width: 33.34%
    }
}

@media screen and (max-width: 810px) {
    html > body > ul.tile > li {
        width: 50%
    }

    html > body > ul.tile > li:nth-child(3n+2) {
        width: 50%
    }

    html > body > ul.tile > li > div.hover > h2 {
        padding-left: 40px;
        padding-right: 40px
    }

    html > body > ul.tile > li > div.hover > p {
        padding: 0 40px
    }
}

@media screen and (max-width: 700px) {
    html > body > ul.tile > li > div.hover > h2 {
        padding-left: 20px;
        padding-right: 20px
    }

    html > body > ul.tile > li > div.hover > p {
        padding: 0 20px
    }
}

html > body > section.company {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 420px;
    overflow: hidden;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-transition: background-size .3s ease-in;
    -moz-transition: background-size .3s ease-in;
    -o-transition: background-size .3s ease-in;
    transition: background-size .3s ease-in
}

@media screen and (max-width: 1400px) {
    html > body > section.company {
        -webkit-background-size: 1400px 550px;
        -moz-background-size: 1400px 550px;
        background-size: 1400px 550px
    }
}

@media screen and (max-width: 1068px) {
    html > body > section.company {
        -webkit-background-size: 1068px 420px;
        -moz-background-size: 1068px 420px;
        background-size: 1068px 420px
    }
}

html > body > section.company > img.icon {
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    padding-top: 55px
}

html > body > section.company > h1 {
    padding-top: 35px;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

html > body > section.company > h1 a {
    color: #fff;
    text-decoration: none;
    position: relative
}

html > body > section.company > h1 a:before {
    position: absolute;
    content: '';
    display: block;
    background: red;
    width: 120px;
    height: 120px;
    left: 50%;
    top: -150px;
    opacity: 0;
    margin-left: -60px
}

html > body > section.company p {
    text-align: justify
}

html > body > section.company > div {
    font-family: "PT Sans", sans-serif;
    font-size: 20px;
    width: 700px;
    margin: 0 auto;
    height: 210px;
    padding-top: 25px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    color: #fff
}

html > body > section.company > ul.tabs {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 30px -192px;
    padding: 0
}

html > body > section.company > ul.tabs.company {
    margin-left: 0;
    left: 0;
    right: 0;
    text-align: center
}

html > body > section.company > ul.tabs > li {
    position: relative;
    display: inline-block;
    margin: 0 23px;
    background-color: #084e9d;
    border: 2px solid #084e9d
}

html > body > section.company > ul.tabs > li > a {
    display: block;
    width: 144px;
    height: 36px;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #e4dfd5
}

html > body > section.company > ul.tabs > li.active {
    background-color: transparent;
    border-color: #e4dfd5
}

html > body > section.company > ul.tabs > li.active > a {
    color: #fff
}

html > body > section.company > ul.tabs > li.active:before {
    position: absolute;
    bottom: -9px;
    left: 60px;
    width: 23px;
    height: 9px;
    content: '';
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAJCAYAAADZ9rdLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzg4NjU1M0VDQTI1MTFFM0E1QUVBN0RCMjE0QjIzMjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mzg4NjU1M0ZDQTI1MTFFM0E1QUVBN0RCMjE0QjIzMjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozODg2NTUzQ0NBMjUxMUUzQTVBRUE3REIyMTRCMjMyNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozODg2NTUzRENBMjUxMUUzQTVBRUE3REIyMTRCMjMyNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrhAuhUAAAC2SURBVHjaYnxy/2oKAwPDZCDmYKAe+AHEOYxAw0EcEyBeC8RyVDD4ERAHA/EZJqjAGSA2BuLdFBq8G2oOyDwGJiSJN0DsCcRtQPyfREP/Q/V5Qs0BA1iwoAN/IF4IxPxEGPwRiOOBeCO6BBMODSCFpkB8hYDBV6DqNmKTZMKj8TYQWwLxchzyy6Hyt3EZwETAZV+AOAqIC4D4N1TsN5QfBZXHCXCFOTZgC8QTgTgfiA8TowEgwACHyioWywyghgAAAABJRU5ErkJggg==")
}

html > body > div.markup {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    color: #464646;
    padding-top: 55px;
    padding-bottom: 30px;
    text-align: justify
}

html > body > div.markup > img {
    width: 100%;
    max-width: 100%;
    margin-top: 15px
}

html > body > div.markup p img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

html > body > div.markup a {
    color: #4981b6;
    text-decoration: none
}

html > body > div.markup a:hover {
    color: #1d3449
}

html > body > section.company + h2 {
    padding-top: 55px
}

html > body > h2 {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    color: #464646;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1015px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html > body > ul.projects-list {
    position: relative;
    padding-right: 15px;
    padding-bottom: 15px;
    background-color: #f3f0ec
}

html > body > ul.projects-list > li {
    position: relative;
    z-index: 10;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 15px;
    padding-left: 15px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-color: #ccc;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

html > body > ul.projects-list > li > div.hover {
    position: absolute;
    top: 15px;
    right: 0;
    bottom: 0;
    left: 15px;
    display: none;
    overflow: hidden
}

html > body > ul.projects-list > li > div.hover:before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: -1;
    display: none;
    content: '';
    opacity: .94;
    background-color: #084e9d
}

html.ua-mobile > body > ul.projects-list > li > div.hover:before {
    display: block;
    opacity: .15
}

html > body > ul.projects-list > li > div.hover > h2, html > body > ul.projects-list > li > div.hover > h3 {
    padding: 30px 20px 0 20px
}

html > body > ul.projects-list > li > div.hover > h2 > a, html > body > ul.projects-list > li > div.hover > h3 > a {
    font-family: 'Cuprum', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 24px;
    color: #fff
}

html > body > ul.projects-list > li > div.hover > h2 > a:after, html > body > ul.projects-list > li > div.hover > h3 > a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    content: ''
}

html.ua-mobile > body > ul.projects-list > li > div.hover > h2 > a, html.ua-mobile > body > ul.projects-list > li > div.hover > h3 > a {
    padding: 3px 0;
    opacity: .94;
    background-color: none
}

html > body > ul.projects-list > li > div.hover > p {
    position: relative;
    z-index: 10;
    padding: 0 20px;
    color: #fff
}

html > body > ul.projects-list > li > div.hover > p.date {
    margin-bottom: 0;
    margin-top: 20px
}

html > body > ul.projects-list > li > div.hover > p.date + h3 {
    padding-top: 0
}

html.ua-mobile > body > ul.projects-list > li > div.hover {
    display: block
}

html > body > ul.projects-list > li:hover > div.hover, html > body > ul.projects-list > li:hover > div.hover:before {
    display: block
}

html > body ul.contacts {
    padding-top: 30px
}

html > body > section.project {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 420px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-color: rgba(0, 0, 0, .7)
}

@media screen and (max-width: 1400px) {
    html > body > section.project:not(.news) {
        -webkit-background-size: 1400px 550px;
        -moz-background-size: 1400px 550px;
        background-size: 1400px 550px
    }
}

@media screen and (max-width: 1068px) {
    html > body > section.project:not(.news) {
        -webkit-background-size: 1068px 420px;
        -moz-background-size: 1068px 420px;
        background-size: 1068px 420px
    }
}

html > body > section.project > h1 {
    padding-top: 75px;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

html > body > section.project > div {
    font-family: "PT Sans", sans-serif;
    font-size: 20px;
    width: 700px;
    height: 210px;
    margin: 0 auto;
    padding-top: 25px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    color: #fff
}

html > body > section.project > div.date {
    margin-bottom: 0;
    height: auto
}

html > body > section.project > div.date + h1 {
    padding-top: 36px
}

html > body > section.project > ul.tabs {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 30px -192px;
    padding: 0
}

html > body > section.project > ul.tabs > li {
    position: relative;
    display: inline-block;
    margin: 0 23px;
    background-color: #084e9d;
    border: 2px solid #084e9d
}

html > body > section.project > ul.tabs > li > a {
    display: block;
    width: 144px;
    height: 36px;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #e4dfd5
}

html > body > section.project > ul.tabs > li.active {
    background-color: transparent;
    border-color: #e4dfd5
}

html > body > section.project > ul.tabs > li.active:before {
    position: absolute;
    bottom: -9px;
    left: 60px;
    width: 23px;
    height: 9px;
    content: '';
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAJCAYAAADZ9rdLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzg4NjU1M0VDQTI1MTFFM0E1QUVBN0RCMjE0QjIzMjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mzg4NjU1M0ZDQTI1MTFFM0E1QUVBN0RCMjE0QjIzMjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozODg2NTUzQ0NBMjUxMUUzQTVBRUE3REIyMTRCMjMyNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozODg2NTUzRENBMjUxMUUzQTVBRUE3REIyMTRCMjMyNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrhAuhUAAAC2SURBVHjaYnxy/2oKAwPDZCDmYKAe+AHEOYxAw0EcEyBeC8RyVDD4ERAHA/EZJqjAGSA2BuLdFBq8G2oOyDwGJiSJN0DsCcRtQPyfREP/Q/V5Qs0BA1iwoAN/IF4IxPxEGPwRiOOBeCO6BBMODSCFpkB8hYDBV6DqNmKTZMKj8TYQWwLxchzyy6Hyt3EZwETAZV+AOAqIC4D4N1TsN5QfBZXHCXCFOTZgC8QTgTgfiA8TowEgwACHyioWywyghgAAAABJRU5ErkJggg==")
}

html > body > ul.photo-list {
    display: none;
    position: relative;
    background-color: #f3f0ec
}

html > body > ul.photo-list.active {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
    padding-bottom: 15px
}

html > body > ul.photo-list > li {
    position: relative;
    z-index: 10;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 15px;
    padding-left: 15px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

html > body > ul.photo-list > li > a {
    position: absolute;
    top: 15px;
    right: 0;
    bottom: 0;
    left: 15px;
    z-index: 10;
    display: block;
    text-decoration: none;
    color: #fff
}

html > body > ul.photo-list > li > a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    visibility: hidden;
    content: '';
    opacity: .94;
    background-color: #084e9d
}

html > body > ul.photo-list > li > a:after {
    position: absolute;
    z-index: 100;
    top: 80px;
    left: 0;
    right: 0;
    display: block;
    visibility: hidden;
    width: 165px;
    height: 45px;
    margin: 0 auto;
    padding-top: 55px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    content: 'Смотреть фото';
    color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAbCAYAAAApvkyGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OThGQzcwRjRDQUQ4MTFFM0I4RkU5Q0NBRDhGQTc4OTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OThGQzcwRjVDQUQ4MTFFM0I4RkU5Q0NBRDhGQTc4OTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OEZDNzBGMkNBRDgxMUUzQjhGRTlDQ0FEOEZBNzg5OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OEZDNzBGM0NBRDgxMUUzQjhGRTlDQ0FEOEZBNzg5OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv4At9UAAAOJSURBVHjatJhZSFVRFIavlwY0h2wwLMShIrSyrCjKIin1xUyEyFcxLQp6KF+KeuilAaJ66KmyIOghaC6NTMMozWzUBush8kpa2aA2iJCh/Qt+4WD3nrP32ccFH4J7uPs/a++91tphHW2vfR7bFLAcZIBUkAwSQCwIZ59+0AM6QBtoBc/BQ/BV58dmJKXZto/xQJAfZIJCkAvmKowJJ9PB0hFtb8AtcAU0gEGTxZkITARbQDGI93AHpJId4BM4C06AgJvJwlxsUfHSdpAn4x36/gLXQA14Cb7w/3FgHucqAFEO8wyBm+A4qNbZojoCs8A+sFqhbx84yAX9dOgbxQ+2S0Go2AOwB9xVEehXmFDOVC2oUxQnl0U62K8gbtjLBzjmiUL/FVzLHe4C1wKjwVHQAtYqelm+6krw3sVxCfAD1in2XwOaOwOtx0CM7haVs1HB613VRNQSXv8mNpGenKkx5iPYjO1a5eTBSHCKBzlBc2GlHogT6wWbNMdIuKmEJytAZCgPLgLnwWwXi5LzkO1wFAoYL8MY366DvzZjboMcF2t5B4rgzWdWD5aARpfixE7btEmMbAKXQTnYCS6BR/zyoeyMy7XMEi3wZOmwBzfg7wXDbRVnk2LdA6tCtDXwUgpmk8E3w3VtFIGSCyYZTPKd+WcwWyA3ncP4DJs+Xfx4bi3gZ8plYr9t2pIVxqfYtPUbri3Rz7NnYpE2bW2K4SWURRiurUkEblPMOHw2Z2VqiLYWnkGfzRlsdjGviommrX4uQuq3doPJcm3aisDjIP9/KpeAzbgcg/WIlkyEimZrHJwGLtrcaqZxMM8ydyPjoF2tV6uRIlpN5i6EuK5gqZrUh4cYr9x4scajmjBLIye12hGwG+IGnHLRdeCkZiHbzmyo21BcLHPRFI0x4q0yCLuhWk1UgjRW0zoV/lUwwUBcBDMeHXGyxrRg4pzKpV4+R2QrBOthk4ylXrMSsMbD+9yeKiYvBLkQVgy6TQpeuUAWU2ynQv+F4AXYC2IU+kezQm/hFlcpjUr4O45nXvdNZjyFlism5n18k6mlaOubTDpvyfWKTxWSEBzmluwfjTeZkZ6XOFUG8sE43+jYH1BlqVH/Cyuj9S46yB+s5jbM580roicZiuqhx6vo/V6Tybx4+P0BzhEpZuVNcxmYD+bwZSCeH2Isxwxw3GfwAbwFr1g3yiv3kFdb4J8AAwBP3OQKmnHhYQAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: center 10px
}

html > body > ul.photo-list > li > a > span {
    display: block;
    text-indent: -9999px
}

html > body > ul.photo-list > li > a:hover:after, html > body > ul.photo-list > li > a:hover:before {
    visibility: visible
}

html.ua-mobile > body > ul.photo-list > li > a:hover:after, html.ua-mobile > body > ul.photo-list > li > a:hover:before {
    visibility: hidden
}

html > body > ul.photo-list > li.video > a:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAABVCAYAAAA49ahaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjBFNjFFMzhDRUQ5MTFFMzgyQjE4MzI5NDFGRjVEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjBFNjFFMzlDRUQ5MTFFMzgyQjE4MzI5NDFGRjVEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMEU2MUUzNkNFRDkxMUUzODJCMTgzMjk0MUZGNUQzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMEU2MUUzN0NFRDkxMUUzODJCMTgzMjk0MUZGNUQzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps0r6pwAAAgySURBVHja7J15cBRFFMZ7Q4IkJgRQS4GoCUhxBIwIloCKIGgFqKioKHiBqFVR4wn+o6XGg/8ECwrQ8gIERcE7ghyKosippJBwiMWVAo8CERS5D99X843pXXfD7mZ2rp1X9Tkjysx7v+2Z7n59TOjkyZMqMGstE//YuW29035ki0pEXUSdREWiVqJ8Ua7odJ7vE/0j2s/zX0RbRRtEP4rWiA46GUjrwk4GVAcsQ3SpaICon6i7qHEcfy+fimVHRN+LvhR9LlohOmF3cCE8/jaW1A6iO0W3ic7T/hyBr2OJ+0m0UbRFtCeiZOolt4WoDa/ZXtRRVMwfzLRa0duit3hNW0qqHVCzRENED7F0mrZdVCWaJ1pCaA01QL9cVCoqE52v/beVogmiWaKjXoWKV8tw0VNacAD3gWia6FtRKmvJkOgKPhk3aa8N/JgviKaKjqUCakaKAiplpfE6geIxrBC1FN0t+ibFQBWvj/vcw/tW0A/48xr9K01VhWGlocb+kJUEavHNopGidqJJDtbMB3n/dvRnM/2Dnx/Rb1dCHSqqEQ1mxTKajk9hrewGO0J/OtE/+Hk9/R7qJqhNRG+IZoqai+azFh7rIpjR4I6ln/PpN/x/k/E4CrVA9B0fKdSoo9j2rPVI56eW/j5G/+9iPAVOQUUPaJnoYjrXWzTOhgooFRXaS/S/lvEsZ3y2Qu0h+pq/6Cr2iJZ7vMsO/7uxpLZmfD3tgooG/EJRM9EC0VWiXT7JhewW9Rd9osXXI9VQu/DFnsueSRlrUD/ZIXYWZjHOeYw7JVDxqM9lzwQJiztcXLs31I4xvkWMd24ilVe8UNHM+JgXRubnWh8D1ZtdZYy3gK+EbCuhTuJLfCtvdEClhx1gvNvYKphoFdRb2A5FV+9GH1VK8RrivYHxj4yn53UqqOeIXub546JqlZ5WzfgVebRqCNQX2YVD4mGySm+bTA7N+DpMCmpf0a1sMpV7sKeUip5XuZaEGZQo1Ez+Gkj0Pu+hvrwduYLntKc4MxGoI5Qx5oO84/iAZZhNIJcOTMDEBRX0n+R5pehwwDHMDpML7IlopTUjRhOqUBmjmu8EDKMauGwkp6HxQH2ERyRxTwT8ohq4jOP5w6eC2lUZabw/RTNscvAr0ZUeBDuDnLqztxUT6gjtL9g1SNdHGblLr8E9qBW84bGg4nyIBtVu8yLc6TwO0VnqUHspY3wcSZOVDjrqJbiryKsl+f0P6jU8VrnEYa/ArYrgFwa1P48LXOa02+HOj+D3H1QkobuxqbDEpSXCrXAxUHic/JroUNGUwvxQzNTYp9xtboMLXuvIr6sO1RzYWuOhJo2b4K7ROZpQO/JY48FGuBvg1ugcTahFPG7xcNfRSbhbdI4m1NY8bvNBv9wJuCa3Ah1qHo9/+CjpYSdck9uZ0aDuUf4zO+Ca3JrpUHO1JIFfLZVwzXkQOTrUpjz6fdaJDrfSwmuaq12ydKhHIuD62RYrY6TYSqhZOtyMiMc+Nw1gmiXVSsvRXwMm1L0RFVYAMzFroXM0oe72IVQ7YJp2hs7RhLqDx8IAZlJWqHM0x6y38tjG4zArbQSpWxudowl1A4+dPQgTEJ91CKaK4LZBh7qWx5IAZlJWonM036nVbKuCeL4HYPal3AAUvIrJr1qHihUZP/DfewUwEzKstWpEfod0qLAveCwNYCZkAyL4hUE1R1HLApgJWVkEvzCoS0W/KSN7fYnDMPt4AKYipyJyWxoNKoanZ/P8dodhLvZIC8TkNFtpMyQjJ6hN5RGr3bIDmPVaNjnp3KJCXa2MfZ2a21havQZTL6XNWeuvrg8qzJzj/6hSKdu4xuuWQT46r3qhvquM0UGMYQ8L+EW1YeSD7ZhmxgMVK4jH8BzdwNMChmEGHpU8H6Oi7G0V6/HGixcLBdoqY+ezwOrsQdEFylhoMiXWu0HFKK2jef60Ct+XL50NHJ7h+SgVYwe2+iqiOcpY449xq1eUsfovnS1EDrnkMqe+Wqw+e0AZKzDQvy1Pc6jl5LCXXFSyULHp6308x7qqrmkK9CJlrEWF3U8uSUOFvaeMncXQg8COkmelGVDEi/0Lc1gxzYynERuPVbDngORBlaob5/a75TDeIvaaKuLtGcRjmGyBNe4YLcS+VNikpbHPgSK+Txkv4r5Oxbl3TCLdUFx4oDLmuGMlxnQfg81kfP0Y70BVN4xvKVQYBrYwMoDdGW7mo+G3qUJYYfI+49vPeNcmmhhI1LAn3tVsWmBB1iIfVV6YtLuQj7oZX8J7GCabhcKN+vCRQPZ7hQ+aW2g2YfkoNgrfyfiWJXOhhqT2sMylJ2tF1I5L2ab1Ws8rRL+XabV8D9WA5U8NzZeipF7G9hveRdhm6DMP5QrOpb+T6f8UxrOjIRe1IgmNsW7sLDaM7yHUlDVMOLi1ddCY/q2jv3vp/0jGo5yGahqS28VMNuSxW4cPCGBHnCyXwMyiP+vpXx797Uz/LTGrh0vQJx7MxAMma7VlF3cTkxDZDsHM5v030R/49TP9HMyKSbkVqmnYyPVC0b3KGHIoVMaOjr8q48MFvW2o0EK8z6u870T6sZ1+FdNP629s07dTsC0TdsXprv055nLOYWD4csTfFtwrjyDRYB+k6paHwjBKPJ4JIs9+OyWaYdexEawU9BbCcVX3lR8M42CoAruU/S76i8L/g4lgTamz+Ri353XNr/w00q5by6zSNFU3Bzel5gRU/bVjfo+qP0uwFZXZUZZITBZz5HtUTkKNVpGU8D3ckY9tAbu/eKTz+UOcYIIDr4pdbE+67stpoeAbf9bbvwIMAL17Dcn0NX+WAAAAAElFTkSuQmCC");
    content: 'Смотреть видео';
    background-position: center 0;
    height: 85px;
    padding-top: 95px;
    top: 55px
}

html > body > ul.video-list {
    display: none;
    margin: 0;
    padding: 0;
    vertical-align: top
}

html > body > ul.video-list.active {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
    padding-bottom: 15px
}

html > body > ul.video-list > li {
    position: relative;
    overflow: hidden;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding-top: 15px;
    padding-left: 15px;
    -webkit-background-clip: content-box;
    background-clip: content-box;
    background-repeat: no-repeat;
    -webkit-background-size: auto 275px;
    -moz-background-size: auto 275px;
    background-size: auto 275px;
    background-position: center top
}

html > body > ul.video-list > li > img, html > body > ul.video-list > li > a, html > body > ul.video-list > li > p, html > body > ul.video-list > li:before, html > body > ul.video-list > li:after {
    display: block;
    margin: 0 auto
}

html > body > ul.video-list > li > img {
    position: absolute;
    top: 0;
    left: -webkit-calc(50% - 15px);
    left: -moz-calc(50% - 15px);
    left: calc(50% - 15px);
    min-width: 100%;
    height: 260px;
    opacity: .999;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

html > body > ul.video-list > li > a {
    font-family: 'Cuprum', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 24px;
    padding-top: 260px;
    margin-top: 23px;
    margin-bottom: 22px;
    color: #464646
}

html > body > ul.video-list > li > a:before {
    position: absolute;
    top: 15px;
    left: -webkit-calc(50% + 15px);
    left: -moz-calc(50% + 15px);
    left: calc(50% + 15px);
    z-index: 10;
    display: none;
    width: 100%;
    height: 260px;
    margin-left: -webkit-calc(-50%);
    margin-left: -moz-calc(-50%);
    margin-left: calc(-50%);
    content: '';
    opacity: .94;
    background-color: #084e9d
}

html > body > ul.video-list > li > a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -webkit-calc(50% + 15px);
    left: -moz-calc(50% + 15px);
    left: calc(50% + 15px);
    z-index: 15;
    display: block;
    width: 100%;
    margin-left: -webkit-calc(-50% - 15px);
    margin-left: -moz-calc(-50% - 15px);
    margin-left: calc(-50% - 15px);
    content: '';
    background-position: center 87.5px;
    background-repeat: no-repeat
}

html > body > ul.video-list > li > a:hover:before {
    display: block
}

html > body > ul.video-list > li > a:hover:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAABVCAYAAAA49ahaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjBFNjFFMzhDRUQ5MTFFMzgyQjE4MzI5NDFGRjVEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjBFNjFFMzlDRUQ5MTFFMzgyQjE4MzI5NDFGRjVEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMEU2MUUzNkNFRDkxMUUzODJCMTgzMjk0MUZGNUQzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMEU2MUUzN0NFRDkxMUUzODJCMTgzMjk0MUZGNUQzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps0r6pwAAAgySURBVHja7J15cBRF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")
}

html > body > ul.video-list > li > p {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 21px;
    color: #464646
}

html > body > ul.video-list > li:after {
    display: none
}

html > body > ul.video-list > li:hover:after {
    display: block
}

html > body.contacts h1 {
    font-family: Cuprum, sans-serif;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    color: #313131;
    margin: 55px 0 55px 25px
}

html > body section.error-page {
    width: 500px;
    margin: 0 auto;
    margin-top: 200px;
    padding-top: 150px;
    text-align: center;
    background-image: url(/web/20181130084149im_/http://ppsr.m18.ru/styles/images/errorpage.png);
    background-repeat: no-repeat;
    background-position: top center
}

html > body section.error-page h1 {
    font-family: Cuprum, sans-serif;
    font-size: 72px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 72px;
    color: #464444;
    margin: 35px 0 20px 0
}

html > body section.error-page p {
    font-family: Cuprum, sans-serif;
    font-size: 24px;
    display: inline-block;
    height: 38px;
    padding: 0 20px;
    text-transform: uppercase;
    line-height: 38px;
    background-color: #084e9d;
    color: #fff
}

html > body > div.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    text-align: center;
    background: rgba(0, 0, 0, .94);
    -webkit-transition: height 1s ease-out;
    -moz-transition: height 1s ease-out;
    -o-transition: height 1s ease-out;
    transition: height 1s ease-out
}

html > body > div.lightbox:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

html.ua-ie-8 > body > div.lightbox {
    background-color: #000
}

html > body > div.lightbox > article {
    position: relative;
    display: inline-block;
    width: 930px;
    padding: 20px 25px;
    margin: 20px 0;
    white-space: normal;
    text-align: left;
    vertical-align: middle;
    overflow: hidden
}

html > body > div.lightbox > article > header, html > body > div.lightbox > article > form, html > body > div.lightbox > article > section, html > body > div.lightbox > article p {
    vertical-align: baseline
}

@media screen and (min-width: 1220px) {
    html > body > div.lightbox > article {
        width: 1160px
    }
}

html > body > div.lightbox > article > a {
    position: absolute;
    top: 65px;
    bottom: 0;
    z-index: 9;
    width: 100px;
    text-decoration: none;
    cursor: pointer
}

@media screen and (min-width: 1220px) {
    html > body > div.lightbox > article > a {
        top: 75px;
        width: 160px
    }
}

html > body > div.lightbox > article > a:before {
    content: "";
    display: block;
    height: 40%;
    vertical-align: middle;
    width: 1px
}

html > body > div.lightbox > article > a > span {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 10px;
    vertical-align: middle;
    text-indent: -9999px;
    color: #d7d7d7
}

html.ua-ie-8 > body > div.lightbox > article > a > span {
    text-indent: 0
}

html > body > div.lightbox > article > a > span:before, html > body > div.lightbox > article > a > span:after {
    position: absolute;
    content: "";
    background: #d1d1d1;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center
}

html.ua-ie-8 > body > div.lightbox > article > a > span:before, html.ua-ie-8 > body > div.lightbox > article > a > span:after {
    display: none
}

html > body > div.lightbox > article > a > span:before {
    top: 0;
    left: 0;
    width: 2px;
    height: 30px
}

html > body > div.lightbox > article > a > span:after {
    top: 0;
    left: 0;
    width: 30px;
    height: 2px
}

html > body > div.lightbox > article > a.prev {
    left: 25px
}

@media screen and (min-width: 1220px) {
    html > body > div.lightbox > article > a.prev {
        left: 35px
    }
}

html > body > div.lightbox > article > a.prev > span {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg)
}

html > body > div.lightbox > article > a.next {
    right: 25px
}

@media screen and (min-width: 1220px) {
    html > body > div.lightbox > article > a.next {
        right: 35px
    }
}

html > body > div.lightbox > article > a.next > span {
    -webkit-transform: rotate(495deg);
    -moz-transform: rotate(495deg);
    -ms-transform: rotate(495deg);
    -o-transform: rotate(495deg);
    transform: rotate(495deg)
}

html > body > div.lightbox > article > a:hover > span:before, html > body > div.lightbox > article > a:hover > span:after {
    background: #474747
}

html > body > div.lightbox > article > div.close {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 9;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 1220px) {
    html > body > div.lightbox > article > div.close {
        top: 25px;
        right: 30px
    }
}

html.ua-ie-8 > body > div.lightbox > article > div.close {
    background-color: #d7d7d7
}

html > body > div.lightbox > article > div.close:before, html > body > div.lightbox > article > div.close:after {
    position: absolute;
    content: "";
    background: #474747;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center
}

html.ua-ie-8 > body > div.lightbox > article > div.close:before, html.ua-ie-8 > body > div.lightbox > article > div.close:after {
    display: none
}

html > body > div.lightbox > article > div.close:before {
    top: 0;
    left: 19px;
    width: 2px;
    height: 40px
}

html > body > div.lightbox > article > div.close:after {
    top: 19px;
    left: 0;
    width: 40px;
    height: 2px
}

html > body > div.lightbox > article > div.close:hover:before {
    -webkit-transform: scale(1, 1.4);
    -moz-transform: scale(1, 1.4);
    -ms-transform: scale(1, 1.4);
    -o-transform: scale(1, 1.4);
    transform: scale(1, 1.4)
}

html > body > div.lightbox > article > div.close:hover:after {
    -webkit-transform: scale(1.4, 1);
    -moz-transform: scale(1.4, 1);
    -ms-transform: scale(1.4, 1);
    -o-transform: scale(1.4, 1);
    transform: scale(1.4, 1)
}

html > body > div.lightbox > article > div.close > a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: -9999px
}

html.ua-ie-8 > body > div.lightbox > article > div.close {
    min-width: 32px;
    min-height: 32px
}

html.ua-ie-8 > body > div.lightbox > article > div.close:before, html.ua-ie-8 > body > div.lightbox > article > div.close:after {
    display: none
}

html > body > div.lightbox > article > div.num {
    position: absolute;
    top: 20px;
    left: 25px;
    z-index: 9;
    font-family: 'Cuprum', sans-serif;
    font-size: 24px;
    color: #d7d7d7
}

@media screen and (min-width: 1220px) {
    html > body > div.lightbox > article > div.num {
        top: 30px;
        left: 35px
    }
}

html > body > div.lightbox > article > header {
    margin-bottom: 40px
}

html > body > div.lightbox > article > header > h1, html > body > div.lightbox > article > header > h2 {
    margin: 0 0 16px;
    font-size: 28px;
    line-height: 40px;
    text-transform: uppercase
}

html > body > div.lightbox > article > header > p {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px
}

html > body > div.lightbox > article > div.content {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    margin: 45px 100px
}

@media screen and (min-width: 1220px) {
    html > body > div.lightbox > article > div.content {
        margin: 45px 160px
    }
}

html > body > div.lightbox > article > div.content > div.video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 45px;
    overflow: hidden;
    background-color: #000;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAAoCAYAAABto9DNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzQyMjIxRjZEOUJGMTFFM0E3RURBNTY2RjlCRDlGN0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzQyMjIxRjdEOUJGMTFFM0E3RURBNTY2RjlCRDlGN0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NDIyMjFGNEQ5QkYxMUUzQTdFREE1NjZGOUJEOUY3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NDIyMjFGNUQ5QkYxMUUzQTdFREE1NjZGOUJEOUY3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp9veEQAAAWxSURBVHja7N1LaJbpFQfwk+QzF5OYiKSbUvECKhlmpW7UIejORcBCF10Vly120UI3pZuuZiHdDbhyU6YgXQRUkooMKILBLEYDIbqSGBiJUDQTL4lGjfY9T41YO8z4Ocnkwu8HB76rfG94N3/PeZ6n4fXr1wEAAACsrNqJEyfW7I9fWFiI9vb2OH78eLS0tMSrV6/efXtrVb+q6pdVfVJVU1XfVPVVVf+sauTdDzd0d8ezL76IlyMj0dDV5c4AAADgpw3o6/S6flPV51X9/L3XP3lTf6jqb1X9parnbgMAAABWWuM6vKbfVfX37wjn7/vTm8/V3AYAAAAI6D9SQ0NDbNiwIRoby6V8VtWpOr7+66r+XP0jES0tEU1NEdbkAwAAIKDX+eOrUP7o0aMYHBws68+r53/8iIT/+4bOzs0vBgZi4euvo3rsrgAAAOAnl+Pdn67VH5/d86amprh+/XpuEveLY8eOfTY3Nxf17ExfBfKfvRwe/u38l18OlnBeq+miAwAAsCIBfWwtX0B20XPEPYN57upeZ8IvYfz1o0e5odznZcxdOAcAAGAl8u16uZDm5uZSdZ3rnp+t1f471v4mrAMAAMBKqOWI+FqXHfQM5s+fPy8d9ffOQ/9+CwvRPD8fDdXfoaGx0R0BAADAygT0kZGRNX8Rjx8/junp6ejr64uenp4y7v7Bwf7p0/jH2Fh8NTkZnd9+644AAABgZQL6zMzMmr+IFy9exOjoaNy6dSv6+/tjdna2bCD3Q1pbW+Pu3bvxr+Hh+KZ63vyBwR4AAACWPKBnF3mty7Xn2UE/e/ZsHDhwIDZt2lSOX/u+kJ6j/TkOf/Hixfj31FRs6eiob/06AAAALKGmnp6ev66HC2lra4uJiYnSPc+QXqvVypr090N6hvAM593d3TE0NBSnT58uzz+k4w4AAAAC+g/IgJ3TAOPj43Hv3r3YvXt3bN68ubyenfIM4VkZ5HMTuTNnzsSpU6difn6+dOABAABgRXNtb2/vupnrzjCe69GfPn0aO3fuLJ30/fv3x9atW0vn/MGDB3Hz5s24evVq3Lhxo3xn48aN7gIAAAAE9OWQHfJnz56VjnoG8MVj2BYWFsrri+/VfW46AAAArKaAngH44cOH0dnZ+Tb8rtagnrX4+xbH3Ruddw4AAMAqU3dSzbCbXenDhw+/DeqL4XfVXVwVxHOzuPxPhKx8LJwDAACwGtW9SdzLly+jo6MjTp48GXv37o25ubm4c+dO2TE9w28GdTuiAwAAQH1qH/OlXMud3ei+vr7Ys2dPjI6Oxvnz52NsbKxs0Ja7pbe0tPjrAgAAwAequ4OeY+2tra1x9OjR8jg3Wtu2bVscPHgwdu3aVTrq9+/fj+np6bcj5gAAAMAyBfT+/v7SJc9jzXLsPbvm27dvjyNHjpRjzfJ88TyPfGZmpoT4fB8AAABYpoCez1NuHpfr0HP8vbe3t2wil4E916NPTk7G7Oxs+Z716QAAAPD/lnT+fDF8Z9c8d03PMfhDhw6VNeoXLlyIa9eulY67sXcAAAD4X8ty5lgG9eysZ9e8vb099u3bFzt27Chd9tV6ZjoAAACspCVtZWf4znCex7DlBnFTU1MxPDwcg4OD5XHKzjoAAACwTAE9w3l2yzOc55rzK1euxNDQUNy+fbuE8hxrz9AOAAAALENAz2CeAbyrq6vs2j4wMFDWm+eZ6G1tbSW0AwAAAMsU0HOUPbviuTN7nnuewfzSpUsxPj5e3t+yZUv5jDXnAAAAsEwBPYN3dsefPHlSuuVZExMTZYf2zs7OEtxtCAcAAADLGNAX15GfO3cuLl++XNaYZzDPM9EXx9kFcwAAAKhPQ29vb91pOgP4/Px8NDU1lbL5GwAAAPw4Hz3inmvPAQAAgKWh9Q0AAAACOgAAACCgAwAAgIAOAAAACOgAAAAgoAMAAADv+o8AAwCRV9xnEAtWDwAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: left bottom
}

html > body > div.lightbox > article > div.content > div.video > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

html > body > div.lightbox > article > div.content > img {
    display: block;
    width: 100%;
    margin-bottom: 45px
}

html > body > div.lightbox > article > div.content > div {
    padding: 0 20px;
    margin-bottom: 10px
}

html > body > div.lightbox > article > div.content > div, html > body > div.lightbox > article > div.content > div > p {
    text-align: center
}

html > body > div.lightbox > article.photo {
    background: #fff
}

html > body > div.lightbox > article.video > a > span:before, html > body > div.lightbox > article.video > a > span:after {
    background: #747474
}

html > body > div.lightbox > article.video > div.num {
    color: #4d4b4b
}

html > body > div.lightbox > article.video > div.close:before, html > body > div.lightbox > article.video > div.close:after {
    background: #a3a3a3
}