@keyframes pzv-icon-animation {
	    0%, 50%, 100% {transform: rotate(0deg);}
	    10%, 30% {transform: rotate(-20deg);}
	    20%, 40% {transform: rotate(20deg);}
}
@keyframes pzv-inner-animation {
	    from {margin-bottom: 0;}
	    to {margin-bottom: 0.25em;}
}
@keyframes pzv-leer-animation {
	    from {padding-right: 0; padding-left: 0.25em;}
	    to {padding-right: 0.25em; padding-left: 0;}
}
@font-face {
        font-family: 'Century Gothic';
        src: url(../fonts/GOTHIC.TTF);
}
html {
	    min-width: 1024px;
}
body {
	    font-size: 13px;
        color: #313131;
        background-color: #fff;
}
body, input, textarea, button {
	    font-family: 'Century Gothic', 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 {
	    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 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: 1.1em;
	    font-weight: 400;
	    text-transform: uppercase;
	    line-height: 1;
	    margin: 1em 0;
	    padding: 1em 2em;
	    border: 0;
	    border-radius: 0.2em;
}
.mobi {
	    transition: all 1s ease-out;
}
h1, h2, h3, h4 {
	    font-size: 3em;
	    font-weight: 600;
	    line-height: 1.5;
	    text-transform: uppercase;
}
h4 {
	    font-size: 1.5em;
}
p {
	    font-size: 1.2em;
	    line-height: 1.5;
	    font-weight: 400;
}
p.big {
	    font-size: 1.4em;
}
p.small {
	    font-size: 1em;
}
a {
	    color: #0080C0;
}
.slider, .crumbs-content, .art-content, footer, .mon-art {
	    width: 100%;
        max-width: 2560px;
	    margin-left: auto;
	    margin-right: auto
}
.el-20 {
	    width: 19%;
}
.el-25 {
	    width: 24%;
}
.el-33 {
	    width: 32%;
}
.el-50 {
	    width: 50%;
}
header {
	    width: 100%;
	    position: absolute;
	    color: #fff;
	    z-index: 999;
}
.mobile {display: none;}
header.work {
	    color: #313131;
}
header > .conteiner, .slider > .conteiner, .crumbs-content > .conteiner, .shcool-box > .conteiner, footer > .conteiner {
	    width: 100%;
	    max-width: 1920px;
	    padding: 1em 4em;
}
header > .conteiner > figure {
	    width: 4em;
}
header > .conteiner > figure > a > img {
	    width: 100%;
}
header > .conteiner > span {
	    font-size: 1.5em;
	    line-height: 3;
}
header > .conteiner > span > a {
        color: #fff;
        margin: 0 1.5em;
}
header.work > .conteiner > span > a {
        color: #313131;
}
header > .conteiner > nav {
	    display: inline-block;
}
header > .conteiner > nav a {
	    color: #fff;
}
header.work > .conteiner > nav a {
	    color: #313131;
}
header > .conteiner > nav > a {
	    font-size: 2em;
	    line-height: 2.5;
	    z-index: 2;
}
header > .conteiner > span > a:hover, header > .conteiner > nav a:hover {
	    color: #ddd;
}
header > .conteiner > nav > ul {
	    display: none;
	    width: 12.5em;
	    list-style: none;
	    font-size: 1.5em;
	    line-height: 1;
	    text-align: right;
        top: 0;
        right: 0;
        padding: 2.5em;
        padding-top: 3.5em;
        background-color: rgba(0,0,0,0.9);
        z-index: 1;
}
header.work > .conteiner > nav > ul {
	    background-color: rgba(255,255,255,0.8);
}
header > .conteiner > nav > ul > li > a {
	    padding: 0.75em 0;
}
header > .conteiner > nav:hover > ul {
	    display: block;
}
.slider {
	    max-height: 1440px;
}
.camera, .shcool-cam {
	    left: 0;
	    width: 100%;
	    top: 0;
	    height: 100%;
	    max-width: 2560px;
	    top: 0;
	    background-color: #1a1d26;
}
.load {
	    background-image: url(../../images/cover/slide1.jpg);
}
.camera > .slide-sect, .shcool-cam > .slide-cam {
	    left: 0;
	    width: 100%;
	    top: 0;
	    height: 100%;
	    opacity: 0;
}
.camera > .showing, .shcool-cam > .showing {
	    opacity: 1;
}
.slider > .conteiner {
	    text-align: center;
	    color: #fff;
}
.slider > .conteiner > img {
	    width: 9em;
}
.slider > .conteiner > h1 {
        font-size: 4em;
        padding: 0.75em 0;
}
.slider > .conteiner > h1 > span {
	    display: block;
	    font-size: 60%;
	    font-weight: 400;
}
.slider > .conteiner > .button, .shcool-box > .conteiner > .content > .button {
	    width: 16em;
	    color: #fff;
	    margin-left: 0.25em;
	    margin-right: 0.25em;
	    border: #fff solid 0.2em;
}
.slider > .conteiner > .button:hover, .shcool-box > .conteiner > .content > .button:hover {
	    color: #313131;
	    background-color: #fff;
}
.slider > .angle {
	    left: 0;
	    width: 100%;
	    bottom: 0;
	    text-align: center;
	    padding: 2em 0;
}
.slider >  .angle > a {
	    font-size: 4em;
	    color: #fff;
	    animation: pzv-inner-animation 0.6s ease-in-out 0s alternate none infinite running;
}
.art-content > .conteiner {
	    width: 100%;
	    max-width: 1920px;
	    text-align: center;
	    padding: 4em;
}
.crumbs-content > .conteiner {
	    padding-top: 9em;
}
.crumbs-content > .conteiner > a, .crumbs-content > .conteiner > span {
	    font-size: 1.1em;
	    color: #777;
	    margin-right: 1em;
}
.crumbs-content > .conteiner > a:hover {
	    color: #000;
}
.intro {
	    background-image: url(../../images/cover/bgphon1.jpg);
	    background-position: bottom right;
	    background-size: auto 100%;
}
.art-content > .conteiner > .conteiner {
	    width: 55%;
	    text-align: justify;
	    padding: 4em 0;
}
.art-content > .conteiner > .conteiner > p {
	    margin-bottom: 0.5em;
}
.art-content > .conteiner > h3 {
	    font-size: 2em;
}
.art-content > .conteiner > h3 > span {
	    display: block;
	    font-size: 60%;
	    font-weight: 400;
}
.art-content > .conteiner > .flex {
	    width: 100%;
	    padding-top: 4em;
}
.showcase > section {
	    width: 33%;
	    position: relative;
	    margin-bottom: 0.5em;
	    perspective: 1000px;
}
.showcase > section > .jet-sect {
	    left: 0;
	    width: 100%;
	    top: 0;
	    height: 100%;
	    bottom: 0;
	    transition: all 0.7s cubic-bezier(0.11,0.6,0.24,0.89);
	    transform-style: preserve-3d;
	    backface-visibility: hidden;
	    cursor: pointer;
}
.showcase > section > .front {
	    transform: rotateY(0deg);
}
.showcase > section > .back {
	    transform: rotateY(-180deg);
}
.showcase > section.hover .front {
	    transform: rotateY(180deg);
}
.showcase > section.hover > .back {
	    transform: rotateY(0deg);
}
.showcase > section > .jet-sect > figure {
	    width: 100%;
	    position: relative;
	    height: 100%;
}
.showcase > section > .jet-sect > figure > img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
        object-position: center;
}
.showcase > section > .jet-sect > figure > h4 {
	    left: 0;
	    bottom: 0;
	    color: #fff;
	    padding: 0.5em 1em;
}
.art-content > .conteiner >  .button {
	    color: #313131;
	    margin-top: 3em;
	    border: #313130 solid 0.2em;
}
.art-content > .conteiner >  .button:after {
	    font-family: FontAwesome;
	    content: "\f061";
	    font-size: 1em;
	    margin-left: 0.5em;
	    animation: pzv-leer-animation 0.45s ease-in-out 0s alternate none infinite running;
}
.art-content > .conteiner > .button:hover {
	    color: #fff;
	    background-color: #313131;
}
.showcase > .icogif {
	    left: 1.3em;
	    top: 3.5em;
	    font-family: sans-serif;
	    font-size: 1.8em;
	    font-weight: 900;
	    color: #fff;
	    text-shadow: 1px 1px #333;
}
.preform {
	    background-color: #f1f7f8;
}
.studio > video {
	    display: block;
        width: 50%;
        box-sizing: border-box;
	    position: relative;
	    padding: 1em;
	    background-color: #151e1c;
}
.art-content > .conteiner > .quest-content {
	    width: 100%;
	    max-width: 1630px;
	    min-height: 27em;
	    padding: 4em 0 1;
	    overflow: hidden;
}
.art-content > .conteiner > .quest-content > .quest-sect {
	    width: 100%;
	    text-align: center;
	    opacity: 0;
	    transform: translate3d(100%,0px,0px);
        transition: all 0.6s ease-out;
}
.art-content > .conteiner > .quest-content > .show {
	    opacity: 1;
	    transform: translate3d(0px,0px,0px);
}
.art-content > .conteiner > .quest-content > .quest-sect > figure {
	    width: 8em;
	    height: 8em;
	    margin: 0 auto;
	    border-radius: 50%;
}
.art-content > .conteiner > .quest-content > .quest-sect > figure > img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
        object-position: center;
        border-radius: 50%;
}
.art-content > .conteiner > .quest-content > .quest-sect > h5 {
	    font-size: 1.6em;
	    font-weight: 600;
	    line-height: 2;
}
.art-content > .conteiner > .quest-content > .quest-sect > p {
	    display: block;
	    width: 60%;
	    text-align: left;
}
.art-content > .conteiner > .quest-content > a.leer {
	    width: 6em;
	    padding: 2em 0;
	    font-size: 2em;
	    color: #000;
	    top: 35%;
	    opacity: 0.5;
}
.art-content > .conteiner > .quest-content > .left { left: 1.5em;  }
.art-content > .conteiner > .quest-content > .right { right: 1.5em; text-align: right; }
.art-content > .conteiner > .quest-content > a.leer:hover { opacity: 1; }
.shcool-box > .conteiner {
	    padding: 4em;
}
.shcool-box > .conteiner > .content {
	    width: 100%;
	    color: #fff;
	    padding: 4em;
	    padding-left: 40%;
	    background-color: rgba(0,0,0,0.35);
	    text-shadow: 1px 1px #333;
	    opacity: 0;
}
.shcool-box > .conteiner > .content > p {
	    letter-spacing: 0.1em;
	    margin-bottom: 0.5em;
}
.shcool-box > .conteiner > .content > h2 {
	    padding: 0.25em 0;
}
.shcool-box > .conteiner > .content > .button {
	    margin-top: 3em;
	    text-shadow: none;
}
.shcool-box > .conteiner > .content > .button:after {
	    font-family: FontAwesome;
	    content: "\f061";
	    font-size: 1em;
	    margin-left: 0.5em;
	    animation: pzv-leer-animation 0.45s ease-in-out 0s alternate none infinite running;
}
.storis-content {
	    width: 100%;
	    padding: 3em 0 1em;
}
.storis-content > .blockr {
	    float: right;
}
.storis-content > div {
	    width: 50%;
	    text-align: left;
	    padding: 2em;
}
.storis-content > div > h4, .storis-content > div > p {
	    margin-bottom: 0.5em;
}
.storis-content > div > p > i {
	    display: inline-block;
	    width: 21%;
}
.storis-content > div > p > a {
	    font-weight: 600;
	    color: #000;
}
.storis-content > div > p > a:hover {
	    text-decoration: underline;
}
.storis-content > figure {
	    width: 50%;
	    padding: 0 1em;
}
.storis-content > figure.stro {
	    height: 20em;
}
.storis-content > figure > img {
	    width: 100%;
        border: #f1f7f8 solid 1em;
}
.storis-content > figure.stro > img {
	    height: 100%;
	    object-fit: cover;
        object-position: center;
}
footer > .conteiner > h2 {
	    text-align: center;
	    padding: 2.5em 0 1em;
}
footer > .conteiner > .flex {
	    width: 100%;
	    padding-bottom: 2em;
}
footer > .conteiner > .flex > .table {
	    width: 70%;
}
footer > .conteiner > .flex > .table > section {
	    width: 33.33%;
	    padding: 0 2em;
}
footer > .conteiner > .flex > .table > section.addrr {
	    border-right: #aaa solid 1px;
}
footer > .conteiner > .flex > .table > section.post {
	    border-left: #aaa solid 1px;
}
footer > .conteiner > .flex > .table > section > h4 {
	    font-size: 1.3em;
}
footer > .conteiner > .flex > .table > section > p > a, footer > .conteiner > .flex > section a {
	    color: #313131;
}
footer > .conteiner > .flex > .table > section > p > a:hover, footer > .conteiner > .flex > section a:hover {
	    color: #aaa;
}
footer > .conteiner > .flex > section {
	    width: 20%;
	    text-align: center;
}
footer > .conteiner > .flex > section > .button {
	    color: #313131;
	    margin-top: 1em;
	    border: #313130 solid 0.2em;
}
footer > .conteiner > .flex > section > .button:hover {
	    color: #fff;
	    background-color: #313131;
}
footer > .map {
	    width: 100%;
	    height: 250px;
}
footer > .map > .fon {
	    left: 0;
	    width: 100%;
	    top: 0;
	    height: 100%;
	    text-align: center;
	    padding-top: 100px;
	    background-color: rgba(0,0,0,0.05);
	    opacity: 0;
}
footer > .map > .fon:hover {
	    opacity: 1;
}
footer > .podval {
	    width: 100%;
	    background-color: #313131;
}
footer > .podval > .conteiner {
	    width: 100%;
	    max-width: 1920px;
	    color: #fff;
	    padding: 4em;
}
footer > .podval > .conteiner > p {
        display: inline-block;
        width: 80%;
        float: left;
}
footer > .podval > .conteiner > p a {
	font-size: 0.8em;
	color: #eee;
}
footer > .podval > .conteiner > p a:hover {
	text-decoration: none;
}
footer > .podval > .conteiner > nav {
        width: 20%;
        float: right;
}
footer > .podval > .conteiner > nav > a {
	    width: 2.4em;
	    height: 2.4em;
	    font-size: 1.2em;
	    text-align: center;
	    vartical-align: middle;
	    line-height: 2em;
	    color: #313131;
	    background-color: #fff;
	    border: #333 solid 0.2em;
	    border-radius: 100%;
}
footer > .podval > .conteiner > nav > a:hover {
	    color: #fff;
	    background-color: #313131;
	    border-color: #fff;
}
.disclaimer {position: fixed; width: 40%; right: 1.5em; bottom: 1em; background-color: #ebebeb; border-radius: 0.25em; transform: translateY( calc(100% + 1em) ); transition: transform 0.6s ease-out;}
.disclaimer .flex {padding: 1.5em; flex-direction: row; align-items: center;}
.disclaimer .flex .text-item {display: flex; flex-direction: column; width: 75%; padding-right: 1em;}
.disclaimer .flex .text-item p {font-size: 0.8em; color: #111;}
.disclaimer .flex .but-item {display: flex; flex-direction: column; width: 25%;}
.disclaimer-active {transform: translateY(0);}
#monitor {
	    left: 0;
	    width: 100%;
	    position: fixed;
	    top: 0;
	    height: 100%;
	    overflow-x: hidden;
	    overflow-y: auto;
	    background-color: rgba(255,255,255,0.95);
	    z-index: 9999;
	    display: none;
}
#monitor > a.close {
	    top: 0.5em;
	    right: 0.5em;
	    font-size: 3em;
	    color: #313131;
}
.mon-art > .conteiner {
	    width: 50%;
	    max-width: 960px;
	    padding-top: 2em;
}
.mon-art > .conteiner > h3 {
	    font-size: 2em;
	    text-align: center;
}
.mon-art > .conteiner > p {
	    padding: 1em 0;
	    text-align: center;
}
.mon-art > .conteiner > .photoplus {
        width: 100%;
        height: 15.38em;
        text-align: center;
        background-color: #fff;
        border: #777 solid 0.1em;
}
.mon-art > .conteiner > .photoplus > figure {
	    display: inline-block;
	    width: 15.38em;
        height: 15.38em;
}
.mon-art > .conteiner > .photoplus > figure > img {
	    width: 100%;
        height: 100%;
	    object-fit: contain;
        object-position: center center;
}
.mon-art > .conteiner > .photoplus > .prelod {
	    left: 0;
	    width: 100%;
	    top: 0;
	    height: 100%;
	    text-align: center;
	    color: #777;
	    padding: 5em 0;
}
.mon-art > .conteiner > .photoplus > .prelod > span {
	    font-size: 4em;
}
.mon-art > .conteiner > .photoplus > input {
	    left: 0;
	    width: 100%;
	    top: 0;
	    height: 100%;
	    opacity: 0;
	    cursor: pointer;
}
.mon-art > .conteiner > form > input, .mon-art > .conteiner > form > textarea {
	    width: 100%;
	    font-size: 1.2em;
	    padding: 0.35em 0.5em;
	    margin-bottom: 1em;
	    border: #777 solid 1px;
}
.mon-art > .conteiner > form > input {
	    width: 49%;
}
.mon-art > .conteiner > form > p {
	    width: 100%;
}
.mon-art > .conteiner > form > p > a {
	    color: #313131;
}
.mon-art > .conteiner > form > p > button {
	    font-size: 90%;
        color: #fff;
	    margin-left: 1em;
	    background-color: #313131;
	    border: #313130 solid 0.2em;
	    float: right;
}
.mon-art > .conteiner > form button:hover {
	    color: #313131;
	    background-color: #fff;
}
.mon-art > .conteiner > .zhdaty {
	    left: 0;
	    width: 100%;
	    top: 0;
	    height: 100%;
	    text-align: center;
	    padding: 2.5em;
	    background-color: #fff;
	    background-image: url(../../images/icons/loading.gif);
	    background-repeat: no-repeat;
	    background-position: center center;
	    display: none;
}