@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,700&subset=latin,cyrillic);
@font-face {
        font-family: Monotype;
        src: url(../fonts/MTCORSVA.TTF);
}
@keyframes pzv-icon-animation {
	    0%, 50%, 100% {transform: rotate(0deg);}
	    10%, 30% {transform: rotate(-20deg);}
	    20%, 40% {transform: rotate(20deg);}
}
@keyframes pzv-image-animation {
	    0%, 100% {transform: translate3d(0px,0px,0px);}
	    50% {transform: translate3d(0px,-1.5em,0px);}
}
html {
	    min-width: 1024px;
}
body {
	    font-size: 13px;
        color: #777a82;
        background-color: #f2f2f2;
}
body, input, textarea, button {
	    font-family: Roboto, sans-serif;
}
body, header, section, article, nav, menu, figure, figcaption, footer, div, span, p, ul, li, h1, h2, h3, h4, h5, a, img, form, input, select, button, textarea {
	    margin: 0;
	    padding: 0;
	    box-sizing: border-box;
}
h1, h2, h3, h4, h5, p, span, li, figcaption, td {
	    cursor: default;
}
a, button {
	    cursor: pointer;
}
a, input, select, button, textarea {
        outline: none;
}
textarea {
	    resize: none;
}
a:active {
	    background-color: rgba(255,255,255, 0.01);
}
img {
        border: 0;
}
header, section, article, nav, menu, figure, footer {
	    display: block;
}
header, section, article, nav, menu, figure, footer, div {
	    width: auto;
	    height: auto;
}
header, footer, section, .conteiner, .content, .box, .block {
	    position: relative;
}
.conteiner, header, .art-content, footer {
	    margin-left: auto;
	    margin-right: auto;
}
.sector {
	    position: absolute;
}
.table {
	    display: table;
}
.flex {
	    display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
}
.block {
	    float: left;
}
.box {
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
}
.clear {
        width: 100%;
	    clear: both;
}
.pro-but {
	    display: inline-block;
	    text-decoration: none;
	    transition: all 0.25s ease-out;
	    cursor: pointer;
}
.button {
	    font-size: 1em;
	    font-weight: 700;
	    line-height: 1;
	    padding: 0.75em 1em;
	    border: #333 solid 2px;
	    border-radius: 3.5em;
}
.mobi {
	    transition: all 1s ease-out;
}
table {
	    width: 100%;
	    background-color: #E2E2E2;
	    border-spacing: 1px;
	    margin: 2.5em 0;
}
th, td {
	    font-size: 1.1em;
	    padding: 1.5em;
}
td {
	    background-color: #FFF;
}
td > figure {
	    width: 100%;
	    height: 5.018em;
}
td > figure > a > img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
        object-position: center;
	    border: #CCC solid 1px;
}
td > h4 {
	    font-size: 1.2em;
	    font-weight: 700;
}
td > span.bid {
	    display: block;
	    font-size: 1.1em;
	    line-height: 1.5;
	    font-weight: 700;
	    color: #000;
}
td > span.bid::after {
	    font-family: FontAwesome;
	    content: "\f158";
	    font-size: 90%;
        margin-left: 0.25em;
}
td > a.delet {
	    font-size: 1.6em;
	    color: #777;
}
td > a.delet:hover {
	    color: #000;
}
td > a.button {
	    font-size: 1em;
	    line-height: 1;
	    text-transform: uppercase;
	    font-weight: 700;
	    letter-spacing: 0.1em;
	    color: #fff;
	    padding: 1.5em 2.5em;
	    border-radius: 2.5em;
	    background-color: #aaa;
}
td > input {
	    width: 90%;
	    display: inline-block;
	    font-size: 1em;
	    text-align: center;
	    color: #000;
	    padding: 0.5em 0;
	    background: none;
	    border: #CCC solid 0.1em;
}
p {
	    font-size: 1em;
	    line-height: 1.5;
	    font-weight: 300;
}
a {
	    color: #0080C0;
}
.wow {
	    transition: all 1s ease-out;
	    opacity: 0;
}
.wow-left {
	    transform: translate3d(-50%,0px,0px);
}
.wow-top {
	    transform: translate3d(0px,-50%,0px);
}
.wow-right {
	    transform: translate3d(50%,0px,0px);
}
.wow-bottom {
	    transform: translate3d(0px,50%,0px);
}
.wow-relis {
	    transform: translate3d(0px,0px,0px);
	    opacity: 1;
}
header, .art-content {
	    width: 100%;
	    max-width: 2560px;
	    height: 46em;
	    background-color: #fff;
}
header {
	    background-image: url(../../images/cover/vhs_man.png);
	    background-repeat: no-repeat;
	    background-position: right center;
	    background-size: auto 88%;
}
header > .conteiner, .art-content > .conteiner, footer > .conteiner {
	    width: 100%;
	    max-width: 1920px;
	    padding: 0 4.5em;
}
header > .top-line {
	    width: 100%;
	    text-align: right;
	    padding: 2em 4.5em;
}
header > .top-line > figure {
        left: 4.5em;
	    width: 10%;
	    top: 1em;
}
header > .top-line > figure > a > img {
	    width: 100%;
}
header > .top-line > .link-block > a {
	    font-size: 1.6em;
	    font-weight: 700;
	    line-height: 1;
	    color: #7b70ab;
	    padding: 0.5em;
}
header > .top-line > .link-block > a.soc {
	    color: #fff;
	    padding: 0.5em 1em;
	    background-color: #7b70ab;
	    border-color: #7b70ac;
}
header > .top-line > .link-block > a.soc:hover {
	    color: #7b70ab;
	    background-color: #fff;
}
header > .conteiner > .block {
	    width: 50%;
	    text-align: right;
	    padding: 6.5em 4.5em 0 2.5em;
}
header > .conteiner > .block > .hadetxt, h2 {
	    font-family: Monotype;
	    font-size: 3.3em;
	    font-weight: bold;
	    line-height: 1;
        color: #7b70ab;
}
header > .conteiner > .block > .button {
	    font-size: 1.6em;
	    color: #fff;
	    margin: 2em 0.5em;
	    margin-right: 0;
}
header > .conteiner > .block > .yes {
	    background-color: #7eb47f;
	    border-color: #7eb47c;
}
header > .conteiner > .block > .yes:hover {
	    color: #7eb47f;
	    background-color: #fff;
}
header > .conteiner > .block > .no {
	    background-color: #ff8600;
	    border-color: #ff8601;
}
header > .conteiner > .block > .no:hover, .intro-content > .conteiner > .block > .link-cont > .button:hover {
	    color: #ff8600;
	    background-color: #fff;
}
header > .conteiner > .block > h1 {
	    width: 80%;
        font-size: 1.4em;
        font-weight: 400;
        line-height: 1.2;
        float: right;
}
/*header > .conteiner > figure.block {
	    padding: 3em 4em 2.5em 6.5em;
}
header > .conteiner > figure.block > img {
	    width: 100%;
	    margin-top: 0;
	    animation: pzv-image-animation 3s ease-in-out 0s normal none infinite running;
}
.intro-content::after {
	    content: '';
	    left: 0;
	    width: 100%;
	    position: absolute;
	    height: 4em;
	    top: -4em;
	    background-image: url(../../images/cover/intro-flag.png);
	    background-repeat: no-repeat;
	    background-position: bottom center;
	    background-size: 100% 100%;
	    z-index: 2;
} */
.intro-content {
	    background-color: #fff;
	    background-image: url(../../images/cover/usb.png);
	    background-repeat: no-repeat;
	    background-position: left center;
	    background-size: auto 74%;
}
.intro-content > .conteiner > .block {
        width: 55%;
        padding-top: 4em;
        float: right;
}
.intro-content > .conteiner > .block > .pref {
	    width: 47%;
	    text-align: center;
}
.intro-content > .conteiner > .block > .pref > span {
	    display: inline-block;
	    font-size: 4em;
	    color: #ff8600;
	    margin-bottom: 0.3em;
}
.intro-content > .conteiner > .block > .pref > p {
	    font-size: 1.2em;
	    font-weight: 400;
	    text-align: left;
	    margin-bottom: 2em;
}
.intro-content > .conteiner > .block > .link-cont, .work-content > .conteiner > .link-cont {
	    width: 100%;
	    text-align: center;
}
.intro-content > .conteiner > .block > .link-cont > .button {
	    font-size: 1.6em;
	    color: #fff;
	    background-color: #ff8600;
	    border-color: #ff8601;
}
.work-content {
	    background-color: #7b70ab;
	    height: auto;
	    padding-bottom: 4.5em;
}
.work-content > .conteiner > h2 {
	    width: 100%;
	    text-align: center;
	    color: #fff;
	    padding: 1.5em 0;
}
.work-content > .conteiner > .note-txt {
	    width: 100%;
	    text-align: center;
	    color: #fff;
	    padding: 2.5em 15em;
}
.work-content > .conteiner > .note-txt > p {
	    font-size: 1.2em;
        font-weight: 400;
}
.work-content > .conteiner > .block {
	    width: 50%;
	    text-align: center;
	    color: #fff;
}
.work-content > .conteiner > .block > p {
	    max-width: 29em;
	    font-size: 1.2em;
        font-weight: 400;
}
.work-content > .conteiner > .block > p > span, .work-content > .conteiner > .note-txt > p > span {
	    font-weight: 700;
	    color: #ffa300;
}
.work-content > .conteiner > .block > p > span::after, .work-content > .conteiner > .note-txt > p > span::after {
	    content: "\f158";
	    font-family: FontAwesome;
	    font-size: 90%;
	    margin-left: 0.25em;
}
.work-content > .conteiner > .block > .block {
	    width: 50%;
	    padding: 1em;
}
.work-content > .conteiner > .block > .block > figure {
	    display: inline-block;
	    width: 80%;
}
.work-content > .conteiner > .block > .block > figure > img {
	    width: 100%;
}
figure > figcaption {
	    font-size: 1.6em;
	    font-weight: 700;
	    line-height: 1;
	    padding: 0.5em 0;
}
.work-content > .conteiner > .link-cont > .button {
	    font-size: 1.6em;
	    color: #7b70ab;
	    background-color: #fff;
	    border-color: #fefefe;
}
.work-content > .conteiner > .link-cont > .button:hover {
	    color: #fff;
	    background-color: #ff8600;
	    border-color: #ff8601;
}
.dop-content {
	    height: auto;
	    background-color: #fff;
	    background-image: url(../../images/cover/usb_input.png);
	    background-repeat: no-repeat;
	    background-position: right top;
	    background-size: 30% auto;
}
.dop-content > .conteiner > .block {
	    width: 70%;
	    padding: 4.5em 0;
}
.dop-content > .conteiner > .block > h2 {
	    margin-bottom: 0.5em;
}
.dop-content > .conteiner > .block > p {
	    font-size: 1.2em;
	    font-weight: 400;
	    text-align: justify;
	    margin-bottom: 0.75em;
}
.dop-content > .conteiner > .block > p.quest {
	    font-style: Italic;
	    font-weight: 700;
}
.dop-content > .conteiner > .block > p.request {
	    color: #555;
	    padding-left: 2.5em;
}
.dop-content > .conteiner > .block > .button {
	    font-size: 1.6em;
	    color: #fff;
	    margin-top: 1.5em;
	    background-color: #ff8600;
	    border-color: #ff8601;
}
.dop-content > .conteiner > .block > .button:hover {
	    color: #ff8600;
	    background-color: #fff;
}
.link-content {
	    background-color: #f2f2f2;
}
.link-content > .conteiner {
	    text-align: center;
	    padding: 4.5em;
}
.link-content > .conteiner > section {
	    width: 33.33%;
	    padding: 4.5em 1.5em 0;
}
.link-content > .conteiner > section > a > img {
	    width: 100%;
	    transition: all 0.25s ease-out;
}
.link-content > .conteiner > section > a > h3 {
	    font-family: Monotype;
	    font-size: 2.5em;
	    font-weight: bold;
	    line-height: 1;
        color: #ff8600;
        padding: 0.5em 0;
        cursor: pointer;
}
.link-content > .conteiner > section > a:hover > img {
	    box-shadow: 0 0 1em #555;
}
footer {
	    width: 100%;
	    max-width: 2560px;
	    color: #fff;
	    background-color: #7b70ab;
}
footer > .conteiner {
	    padding: 4.5em 3.5em;
}
footer > .conteiner > .block {
	    width: 33.33%;
	    text-align: center;
	    padding: 0 1em;
}
footer > .conteiner > .block > figure {
        width: 100%;
        text-align: center;
}
footer > .conteiner > .block > figure > a > img {
	    width: 25%;
	    padding-bottom: 1em;
}
footer > .conteiner > .block > h3 {
	    font-size: 2.2em;
	    padding: 0.5em 0 1.2em;
}
footer > .conteiner > .block > p {
	    font-size: 1.2em;
	    font-weight: 400;
}
footer > .conteiner > .block > a.phone {
	    width: 100%;
	    font-size: 1.6em;
	    font-weight: 700;
	    text-align: center;
	    color: #ddd;
	    margin-top: 0.5em;
}
footer > .conteiner > .block > a.fa {
	    font-size: 3em;
	    font-weight: 700;
	    color: #ddd;
	    margin: 0.25em 0;
}
footer > .conteiner > .block > a:hover {
	    color: #ff8848;
}
footer > .podval {
	    width: 100%;
	    padding: 2.5em 4.5em;
	    border-top: #ddd solid 1px;
}
#monitor {
        left: 0;
	    width: 100%;
	    position: fixed;
	    top: 0;
	    height: 100%;
	    background-color: rgba(255,255,255,0.8);
	    display: none;
	    z-index: 9999;
	    overflow-x: hidden;
	    overflow-y: auto;
}
#monitor > .conteiner {
	    width: 70%;
	    max-width: 1344px;
	    text-align: center;
	    padding: 4.5em;
	    margin-top: 4.5em;
	    background-color: rgba(255,255,255,0.8);
	    opacity: 0;
}
#monitor > .conteiner > h2 {
	    margin-bottom: 0.25em;
}
#monitor > .conteiner > p {
	    font-size: 1.4em;
	    font-weight: 400;
	    margin-bottom: 0.25em;
}
#monitor > .conteiner > p.phone {
	    font-size: 150%;
	    font-weight: 700;
	    margin-bottom: 0;
}
#monitor > .conteiner > p.phone > a {
	    font-size: 150%;
	    color: #ff8600;
}
#monitor > .conteiner > p.phone > a:hover {
	    color: #777a82;
}
#monitor > a.close {
	    display: block;
	    width: 40%;
	    top: 0;
	    right: 0;
	    height: 100%;
	    font-size: 3em;
	    text-align: right;
	    color: #ff5c52;
	    padding: 0.5em;
}