@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,700&subset=latin,cyrillic);
@keyframes pzv-icon-animation {
	    0%, 50%, 100% {transform: rotate(0deg);}
	    10%, 30% {transform: rotate(-20deg);}
	    20%, 40% {transform: rotate(20deg);}
}
html {
	    min-width: 1024px;
}
body {
	    font-size: 13px;
        color: #fff;
        background-color: var(--bggrad3, #555);
}
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 {
	    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: top right;
	    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;
	    text-transform: uppercase;
	    line-height: 1;
	    margin: 1em 0;
	    padding: 1em 1.5em;
	    border: 0;
	    border-radius: 2em;
}
.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;
}
h1, h2, h3, h4 {
	    font-size: 2em;
	    font-weight: 900;
	    line-height: 1.2;
	    text-transform: uppercase;
}
h4 {
	    font-size: 1.5em;
}
p {
	    font-size: 1.2em;
	    line-height: 1.5;
	    font-weight: 300;
}
p.big {
	    font-size: 1.4em;
}
p.small {
	    font-size: 1em;
}
a {
	    color: #0080C0;
}
header, .art-content, footer {
	    width: 100%;
}
.el-20 {
	    width: 19%;
}
.el-25 {
	    width: 24%;
}
.el-33 {
	    width: 32%;
}
.el-50 {
	    width: 50%;
}

header > .conteiner, .art-content > .conteiner, footer {
	    width: 100%;
	    max-width: 1920px;
	    padding: 1em 4.5em;
}
header > .conteiner > figure {
	    width: 6em;
	    margin-right: 2em;
}
header > .conteiner > figure img {
	    width: 100%;
}
header > .conteiner > h1 {
	    font-size: 2em;
	    padding-top: 0.45em;
}
.art-content > .conteiner > .flex {
	    width: 100%;
}
.art-content > .conteiner > .flex > section {
	    width: 23%;
	    padding-bottom: 4em;
}
.art-content > .conteiner > .flex > section.content {
	    min-height: 38em;
	    margin-bottom: 2em;
	    background-color: rgba(0,0,0,0.1);
}
.art-content > .conteiner > .flex > section > figure, .art-content > .conteiner > .flex > section > iframe {
	    width: 100%;
	    height: 16em;
	    margin-bottom: 1.5em;
}
.art-content > .conteiner > .flex > section > figure img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
        object-position: center;
}
.art-content > .conteiner > .flex > section > h3 {
	    font-size: 1.2em;
	    padding: 0 0.8em;
}
.art-content > .conteiner > .flex > section > h3 > a {
	    color: #fff;
}
.art-content > .conteiner > .flex > section > p {
	    font-size: 0.9em;
	    padding: 1em;
}
.art-content > .conteiner > .flex > section > p.sector {
	    left: 0;
	    width: 100%;
	    bottom: 0;
}
.art-content > .conteiner > .table {
	    width: 100%;
	    padding-bottom: 4em;
}
.art-content > .conteiner > .table > .block {
	    width: 50%;
}
.art-content > .conteiner > .table > .block > figure, .art-content > .conteiner > .table > .block > iframe {
	    width: 100%;
	    height: 45em;
}
.art-content > .conteiner > .table > .block > figure img {
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
	    -o-object-fit: contain;
        object-position: top center;
}
.art-content > .conteiner > .table > .content {
	    padding: 0 1.5em;
}
.art-content > .conteiner > .table > .block > h2 {
	    font-size: 1.4em;
	    margin-bottom: 1em;
}
.art-content > .conteiner > .table > .block > p {
	    font-size: 0.9em;
	    font-weight: 400;
	    text-align: justify;
	    margin-bottom: 0.5em;
}
p i {
	    font-style: normal;
	    margin: 0 0.5em;
}
i.like::before {
        font-family: FontAwesome;
        content: "\f087";
        font-size: 120%;
        margin-right: 0.25em;
}
i.deslike::before {
        font-family: FontAwesome;
        content: "\f088";
        font-size: 120%;
        margin-right: 0.25em;
}