@import url(http://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, .deform > .conteiner > form > label {
	    font-size: 1.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 0.6s ease-out;
}
table {
	    width: auto;
	    min-width: 100%;
	    background-color: #E2E2E2;
	    border-spacing: 1px;
	    margin: 2.5em 0;
}
table.scid {
	    width: 30%;
	    min-width: 30%;
	    background-color: #FFF;
	    margin: 1.5em auto;
}
th, td {
	    font-size: 1.1em;
	    padding: 1.5em;
}
td {
	    background-color: #FFF;
}
table.scid td {
	    width: 33.33%;
	    color: #fff;
	    padding: 0.5em 1em;
	    background-color: var(--bggrad3, #555);
}
h1, h2, h3 {
	    font-size: 2em;
	    font-weight: 400;
	    line-height: 1.5;
	    text-transform: uppercase;
}
p {
	    font-size: 1em;
	    line-height: 1.5;
	    font-weight: 300;
}
a {
	    color: #fff;
}
header, .art-content {
	    width: 100%;
}
#monitor, .camera {
	    left: 0;
	    width: 100%;
	    position: fixed;
	    top: 0;
	    height: 100%;
	    overflow-x: hidden;
	    overflow-y: auto;
	    display: none;
}
#monitor {
	    background-color: rgba(0,0,0,0.5);
	    z-index: 9999;
}
.camera {
	    transition: all 0.8s ease-out;
	    transform: translate3d(0px,5em,0px);
}
.active {
	    z-index: 999;
	    transform: translate3d(0px,0px,0px);
}
.camera > .conteiner {
	    width: 100%;
	    max-width: 1920px;
}
header > .loader, .deform, .preview, .photoresizecont, .order, .sencs, .faq {
        background-color: var(--bgcolor1, #d86673);
}
header > .loader > .conteiner {
	    padding: 0 4.5px;
	    text-align: center;
}
header > .loader > .conteiner > figure {
	    display: inline-block;
	    height: 8em;
}
header > .loader > .conteiner > figure > img  {
	    height: 100%;
}
header > .loader > .conteiner > img {
        width: 6em;
}
header > .loader > .conteiner > h1 {
	    padding: 0.5em 0;
}
header > .home {
	    background: var(--bggrad1, linear-gradient(to left, #5700ae, #d86673 100%));
}
header > .home > .conteiner {
	    padding: 1em 4.5em 0;
	    z-index: 10;
}
header > .home > .conteiner > figure {
	    left: 4.5em;
	    width: 9em;
	    top: 0;
	    z-index: 2;
}
header > .home > .conteiner > figure > a > img {
	    width: 100%;
}
header > .home > .conteiner > menu {
	    width: 50%;
	    right: 4.5em;
	    top: 1em;
	    list-style: none;
	    font-size: 1rem;
	    font-weight: 700;
	    text-transform: uppercase;
	    text-align: right;
	    z-index: 1;
}
header > .home > .conteiner > menu > li {
	    width: 100%;
	    transform: translate3d(100%,0px,0px);
	    opacity: 0;
}
.one {
	    transition: all 0.6s ease-out;
}
.due {
	    transition: all 0.8s ease-out;
}
.tre {
	    transition: all 1s ease-out;
}
.qua {
	    transition: all 1.2s ease-out;
}
header > .home > .conteiner > menu > li.active {
	    transform: translate3d(0px,0px,0px);
	    opacity: 1;
}
header > .home > .conteiner > menu > li > a {
	    padding: 0.75em 0;
}
header > .home > .conteiner > menu > li > a.fix {
	    margin-left: 2em;
}
header > .home > .conteiner > menu > li > span {
	    margin-left: 0.5em;
}
header > .home > .conteiner > menu > li > a.phone {
	    margin-bottom: 0.75em;
}
header > .home > .conteiner > menu > li > a:hover {
	    padding-right: 0.5em;
}
header > .home > .conteiner > menu > li > a.fix:hover {
	    padding-right: 0;
}
.slider {
	    z-index: 1;
}
.slider > .slider-box {
	    width: 100%;
	    max-width: 1920px;
	    height: 33em;
}
.slider > .slider-box > .slide {
	    left: 0;
	    width: 85%;
	    top: 0;
	    height: 100%;
	    padding-left: 4em;
	    padding-top: 10em;
	    background-position: center right;
	    background-size: auto 100%;
	    opacity: 0;
}
.slider > .slider-box > .showing {
	    opacity: 1;
}
.slider > .slider-box > .slide > h1, .slider > .slider-box > .slide > h2, .slider > .slider-box > .slide > h3 {
	    width: 40%;
	    font-size: 3rem;
	    font-weight: 700;
	    text-transform: uppercase;
	    line-height: 1.2;
	    color: #FFF;
	    transition: opacity 0.5s ease-out;
	    opacity: 0;
}
.slider > .slider-box > .slide > h1.showing, .slider > .slider-box > .slide > h2.showing, .slider > .slider-box > .slide > h3.showing {
	    opacity: 1;
}
.slider > .slider-box > .slide > p {
	    width: 40%;
	    font-size: 1.1rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #9FBBD7;
        margin-top: 0.75em;
}
.slider > .leer {
	    width: 100%;
	    padding: 2em 0;
	    text-align: center;
}
.slider > .leer > a {
	    width: 1.6em;
	    height: 1.6em;
	    margin: 0 0.3em;
	    background-color: #777;
	    border-radius: 2em;
}
.slider > .leer > a.showing {
	    background-color: #01AEF0;
}
.slider > .leer > a:hover {
	    background-color: #01AEF0;
}
.slider > .load-host {
	    left: 0;
	    width: 100%;
	    bottom: 3em;
}
.slider > .load-host > .conteiner {
	    width: 92%;
	    max-width: 1766.4px;
}
.slider > .load-host > .conteiner > a {
	    width: 16.666em;
	    height: 4.631em;
	    line-height: 4.631em;
	    font-size: 1em;
	    font-weight: 400;
        text-transform: uppercase;
        color: #FFF;
        padding: 0 1.8em;
        background-image: url(../../images/icons/load.png);
        border-radius: 0.5em;
}
.slider > .load-host > .conteiner > a:hover {
	    box-shadow: 0 0 1em #000;
}
.slider > .load-host > .conteiner > input {
	    display: none;
}
/*#drop {
	    text-align: center;
	    padding: 4.5em 0;
}
#drop > a {
	    width: 10em;
	    height: 10em;
	    font-size: 1.1em;
	    font-weight: 700;
	    line-height: 10em;
	    text-transform: uppercase;
        background-color: var(--bgcolor3, #fc0aad);
	    box-shadow: inset 0 0 4em var(--shadow-but, #c80288), 0 0 1.3em #000;
	    border-radius: 100%;
}
#drop > a:hover {
	    box-shadow: inset 0 0 4.5em var(--shadow-but, #c80288), 0 0 0.35em #000;
}
#drop > input {
	    display: none;
}*/
header > .bars {
	    background-color: var(--bgcolor2, #7417a1);
}
header > .bars > .conteiner {
	    width: 60%;
	    max-width: 1152px;
	    text-align: center;
	    padding-top: 15%;
        padding-bottom: 0;
}
header > .bars > .conteiner > h2 {
	    width: 100%;
	    margin-bottom: 0.5em;
}
header > .bars > .conteiner > p {
	    font-size: 1.3em;
	    font-weight: 700;
}
header > .bars > .conteiner > .block {
	    width: 50%;
}
.svg circle {
        stroke-dashoffset: 0;
        stroke: #666;
        stroke-width: 1em;
}
.svg #bar1 {
        stroke: #fc0aad;
}
.svg #bar2 {
        stroke: #ff9f1e;
}
.contbar  {
        height: 200px;
        width: 200px;
        text-align: center;
        margin: 0 auto;
        border-radius: 100%;
}
.contbar:after {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        content: attr(data-pct)"%";
        border-radius: 100%;
        line-height: 200px;
        font-size: 26px;
        text-align: center;
}
.header-photopage {
	    left: 0;
	    width: 100%;
	    position: fixed;
	    top: 0;
	    padding: 0 3.5em;
	    display: none;
	    z-index: 9999;
}
.header-photopage > .flex {
	    width: 100%;
	    position: relative;
	    padding: 0.25em 3em 0.15em;
	    background: var(--bggrad3, linear-gradient(to right, #3d0079, #954751 100%));
	    border-radius: 0 0 1em 1em;
	    box-shadow: 0 0.25em 0.25em #000;
}
.header-photopage > .flex > figure {
	    width: 4em;
	    padding-top: 0.5em;
	    z-index: 10;
}
.header-photopage > .flex > figure > a > img {
	    width: 100%
}
.header-photopage > .flex > span {
	    display: inline-block;
	    font-size: 1.3em;
	    line-height: 1;
	    padding-top: 1em;
}
.header-photopage > .flex > span > span {
	    font-weight: 700;
	    color: var(--note-color, #ff9f1e);
}
.header-photopage > .flex > span > span#summ:after {
	    font-size: 90%;
        font-family: FontAwesome;
	    content: "\f158";
	    margin-left: 0.25em;
}
.header-photopage > .flex > span > a {
	    font-size: 110%;
	    margin-left: 1em;
}
.header-photopage > .flex > span > a.button {
	    width: 16em;
	    font-size: 80%;
	    text-align: center;
	    padding: 0.5em 1em;
	    margin: -0.25em 0;
	    background-color: #4c79bc;
}
.header-photopage > .flex > .button {
        width: 16em;
        text-align: center;
	    color: #fff;
	    padding: 0.5em 1em;
	    margin-top: 1em;
	    background-color: #86a52e;
}
.header-photopage > .flex > .hoverbox {
	    left: 0;
	    width: 100%;
	    top: 4em;
	    padding: 3.5em 0 2.5em;
	    background: var(--bggrad3, linear-gradient(to right, #3d0079, #954751 100%));
	    border-radius: 0 0 1em 1em;
	    box-shadow: 0 0.25em 0.25em #000;
	    display: none;
}
.header-photopage > .flex > .hoverbox > form {
	    display: block;
	    width: 100%;
	    max-width: 1920px;
	    padding: 0 4.5em;
}
.header-photopage > .flex > .hoverbox > form > .block {
	    width: 25%;
}
.header-photopage > .flex > .hoverbox > form > .block > p {
	    font-size: 1.2em;
	    padding-top: 0.5em;
}
.header-photopage > .flex > .hoverbox > form > .block > p > span {
	    display: block;
	    font-size: 200%;
	    font-weight: 700;
}
.header-photopage > .flex > .hoverbox > form > .block > a, select, input, textarea {
	    width: 90%;
	    font-size: 1.2em;
	    padding: 0.5em;
	    border: #fff solid 1px;
}
.header-photopage > .flex > .hoverbox > form > .block > a, .header-photopage > .flex > .hoverbox > form > .block > input {
	    width: 3em;
	    text-align: center;
	    color: #fff;
	    margin-right: 0.25em;
	    background: none;
}
.header-photopage > .flex > .hoverbox > form > .block > a {
	    background-color: rgba(0,0,0,0.5);
        border-color: rgba(0,0,0,0.45);
}
.header-photopage > .flex > .hoverbox > form > .block > .button {
	    margin: 2em 0.5em 0 0;
}
.header-photopage > .flex > .hoverbox > a.fa {
	    bottom: 1em;
	    right: 1em;
	    font-size: 2em;
        color: var(--fa-4, #ff9f1e);
}
.actions {
	    width: 100%;
	    height: 32.5em;
	    color: #000;
	    background-color: #fff;
	    background-image: url(../../images/cover/action_orig.jpg);
	    background-size: auto 100%;
	    background-position: left top;
	    z-index: 1;
}
.actions > .conteiner {
	    width: 100%;
	    max-width: 1920px;
	    padding: 8em 4em 4em;
	    padding-left: 55em;
	    text-align: right;
}
.actions > .conteiner > h3, .actions > .conteiner > h4 {
	    font-size: 2.8em;
	    font-weight: 700;
	    text-transform: uppercase;
	    line-height: 1.2;
	    color: #ED008C;
	    padding-bottom: 0.25em;
}
.actions > .conteiner > h4 {
        font-size: 2em;
        text-transform: none;
        color: #353535;
        text-shadow: 0.05em 0.05em #fff;
}
.actions > .conteiner > p {
	    display: block;
        font-size: 1.12em;
        font-weight: 400;
        padding: 1.5em;
        background-color: rgba(255,255,255,0.75);
        text-shadow: 0.05em 0.05em #fff;
}
.actions > .conteiner > a {
	    display: block;
	    font-size: 3em;
	    color: #4A76A8;
}
.gallery, .serwork {
	    background: var(--bggrad2, linear-gradient(to right, #5700ae, #d86673 100%));
}
.gallery > .conteiner {
	    padding: 6em 4.5em 6.5em;
}
.gallery > .conteiner > nav {
	    width: 100%;
	    padding: 0.5em 0;
}
.gallery > .conteiner > nav > a {
	    vertical-align: middle;
}
.gallery > .conteiner > nav > span {
	    display: inline-block;
	    font-size: 1.12em;
	    padding: 0 0.5em;
}
.gallery > .conteiner > div {
	    width: 100%;
	    opacity: 0;
}
.gallery > .conteiner > div > section {
	    width: 17em;
	    padding-bottom: 0.5em;
	    margin-bottom: 1em;
	    overflow: hidden;
}
.gallery > .conteiner > div > section.content {
	    background-color: rgba(255,255,255,0.1);
}
.gallery > .conteiner > div > section.onselect {
	    background-color: var(--bgrgb1, rgba(215,0,107,0.5));
}
.gallery > .conteiner > div > section > figure {
	    width: 100%;
	    height: 17em;
	    overflow: hidden;
}
.gallery > .conteiner > div > section > figure > img {
	    width: 100%;
        height: 100%;
	    object-fit: contain;
	    -o-object-fit: contain;
        object-position: center center;
}
.gallery > .conteiner > div > section > figure > img.instagram {
        object-fit: cover;
        -o-object-fit: cover;
	    border: #fff solid 0.8em;
}
.gallery > .conteiner > div > section > figure > img.polaroid {
	    width: 90%;
	    object-fit: cover;
	    -o-object-fit: cover;
	    margin-left: 5%;
	    border: #fff solid 0.6em;
	    border-bottom: #FFF solid 3em;
}
.gallery > .conteiner > div > section > figure > figcaption {
	    left: 0;
	    width: 100%;
	    top: 0;
	    font-size: 1.2em;
	    text-align: center;
	    padding: 0.75em;
	    color: #fff;
	    background-color: var(--bgrgb2, rgba(85,0,170,0.7));
}
.gallery > .conteiner > div > section > figure > .imgcrop {
	    position: absolute;
	    border: #ddd dotted 1px;
}
.gallery > .conteiner > div > section > figure > .econom {
	    border: #fff solid 0.35em;
}
.lb {
	    display: block;
	    position: absolute;
	    width: 50%;
	    height: 150%;
	    right: 100%;
	    bottom: 0;
	    background-color: rgba(255,255,255,0.5);
}
.tb {
	    display: block;
	    position: absolute;
	    width: 150%;
	    height: 50%;
	    left: 0;
	    bottom: 100%;
	    background-color: rgba(255,255,255,0.5);
}
.rb {
	    display: block;
	    position: absolute;
	    width: 50%;
	    height: 150%;
	    left: 100%;
	    top: 0;
	    background-color: rgba(255,255,255,0.5);
}
.bb {
	    display: block;
	    position: absolute;
	    width: 150%;
	    height: 50%;
	    right: 0;
	    top: 100%;
	    background-color: rgba(255,255,255,0.5);
}
.gallery > .conteiner > div > section > .sectionmenu {
	    left: 0;
	    top: 0;
	    background-color: var(--bgrgb2, rgba(85,0,170,0.7));
	    transition: all 0.25s ease-out;
	    transform: translate3d(0px,-100%,0px);
}
.gallery > .conteiner > div > section > .sectionmenu > a {
	    font-size: 1.5em;
	    margin: 0.75em 0;
}
.gallery > .conteiner > div > section > .sectionmenu > a.fa-eye {
	    color: var(--fa-1, #fff);
}
.gallery > .conteiner > div > section > .sectionmenu > a.fa-crop {
	    color: var(--fa-2, #fff);
}
.gallery > .conteiner > div > section > .sectionmenu > a.fa-clone {
	    color: var(--fa-3, #fff);
}
.gallery > .conteiner > div > section > .sectionmenu > a.fa-trash {
	    color: var(--fa-4, #fff);
}
.gallery > .conteiner > div > section > .sectionmenu > div {
	    width: 100%;
	    padding-bottom: 0.5em;
}
.gallery > .conteiner > div > section > .sectionmenu > div > label {
	    width: 100%;
	    color: #fff;
	    padding: 0.25em 0 0.5em;
}
.gallery > .conteiner > div > section > .sectionmenu > div > label > select, .gallery > .conteiner > div > section > .sectionmenu > div > label > input {
	    width: 70%;
	    float: right;
	    font-size: 90%;
	    color: #fff;
	    border-color: #fff;
	    background-color: var(--bgrgb2, rgba(85,0,170,0.7));
}
.gallery > .conteiner > div > section > .sectionmenu > div > label > input {
	    width: 4em;
	    margin-left: 0.5em;
}
.gallery > .conteiner > div > section > .sectionmenu > div > label > a {
	    font-size: 1.6em;
	    margin: 0.15em 0.25em;
	    float: right;
}
.gallery > .conteiner > div > section:hover > .sectionmenu {
	    transform: translate3d(0px,0px,0px);
}
.gallery > .conteiner > div > section > p {
	    font-size: 1.12em;
	    font-weight: 400;
	    padding: 0.25em 0.45em;
}
.gallery > .conteiner > div > section > p.bid {
	    font-size: 2em;
	    font-weight: 700;
	    text-align: right;
	    color: var(--note-color, #ff9f1e);
	    margin-top: -2em;
	    padding: 0.5em;
}
.gallery > .conteiner > div > section > p.bid:after {
	    font-size: 80%;
        font-family: FontAwesome;
	    content: "\f158";
	    margin-left: 0.25em;
}
.gallery > .conteiner > div > section > .flex {
	    width: 100%;
	    padding: 0 1em;
}
.gallery > .conteiner > nav > a, .gallery > .conteiner > div > section > .flex > a {
	    font-size: 2em;
}
.gallery > .conteiner > nav > a.chek:after, .gallery > .conteiner > div > section > .flex > a.chek:after {
        font-family: FontAwesome;
	    content: "\f096";
}
.gallery > .conteiner > nav > a.cheked:after, .gallery > .conteiner > div > section > .flex > a.cheked:after {
        font-family: FontAwesome;
	    content: "\f046";
}
.gallery > .conteiner > nav > a.gear, .gallery > .conteiner > div > section > .flex > a.gear {
	    color: #ffff00;
}
.gallery > .conteiner > nav > a.gear:after, .gallery > .conteiner > div > section > .flex > a.gear:after {
        font-family: FontAwesome;
	    content: "\f013";
}
.gallery > .conteiner > div > p.pagelist {
	    width: 100%;
	    font-size: 1.12em;
	    font-weight: 400;
	    line-height: 1;
	    text-align: right;
	    margin-bottom: 1em;
}
.gallery > .conteiner > div > p.pagelist > span, .gallery > .conteiner > div > p.pagelist > a {
	    margin: 0 0.25em;
}
.gallery > .conteiner > div > p.pagelist > a {
	    padding: 0.25em 0.5em;
	    border: #fff solid 1px;
}
.chek > input {
	    display: none;
}
.deform > .conteiner {
        width: 50%;
        max-width: 960px;
}
.deform > .conteiner > form {
	    width: 100%;
	    padding: 2.5em;
}
.deform > .conteiner > form > h4 {
	    font-size: 1.3em;
	    font-weight: 400;
	    line-height: 1.5;
	    text-transform: uppercase;
	    margin-bottom: 0.5em;
}
.deform > .conteiner > form > label {
	    color: #fff;
	    margin-top: 2em;
        background-color: var(--bgcolor3, #fc0aad);
	    box-shadow: inset 0 0 4em var(--shadow-but, #c80288), 0 0 1.3em #000);
}
.deform > .conteiner > form > p {
	    font-size: 1.2em;
	    padding: 0.5em 0 0.25em;
}
.faq > .conteiner > .conteiner {
	    width: 60%;
	    font-size: 1.2em;
	    padding-bottom: 3em;
}
.preview > .conteiner, .photoresizecont > .conteiner, .serwork > .conteiner {
	    padding: 1.5em;
}
.preview > .conteiner {
	    width: 50em;
	    height: 50em;
}
.preview > .conteiner > figure {
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
}
.preview > .conteiner > figure > img {
	    width: 100%;
        height: 100%;
	    object-fit: contain;
	    -o-object-fit: contain;
        object-position: center center;
}
.preview > .conteiner > figure > img.instagram {
        object-fit: cover;
        -o-object-fit: cover;
	    border: #fff solid 2.5em;
}
.preview > .conteiner > figure > img.polaroid {
	    width: 40em;
	    object-fit: cover;
	    -o-object-fit: cover;
	    margin-left: 5em;
	    border: #fff solid 2em;
	    border-bottom: #FFF solid 10em;
}
.preview > .conteiner > figure > .imgcrop {
	    position: absolute;
	    border: #ddd dotted 1px;
}
.preview > .conteiner > figure > .econom {
	    border: #fff solid 1em;
}
.preview > .conteiner > figure > .imgcrop > .lb {
	    background-color: var(--bgrgb3, rgba(56,65,91,0.5)); /*var(--bgcolor1, #d86673);*/
}
.preview > .conteiner > figure > .econom > .lb {
	    right: calc(100% + 1em);
	    bottom: -1em;
}
.preview > .conteiner > figure > .imgcrop > .tb {
	    background-color: var(--bgrgb3, rgba(56,65,91,0.5)); /*var(--bgcolor1, #d86673);*/
}
.preview > .conteiner > figure > .econom > .tb {
	    left: -1em;
	    bottom: calc(100% + 1em);
}
.preview > .conteiner > figure > .imgcrop > .rb {
	    background-color: var(--bgrgb3, rgba(56,65,91,0.5)); /*var(--bgcolor1, #d86673);*/
}
.preview > .conteiner > figure > .econom > .rb {
	    left: calc(100% + 1em);
	    top: -1em;
}
.preview > .conteiner > figure > .imgcrop > .bb {
	    background-color: var(--bgrgb3, rgba(56,65,91,0.5)); /*var(--bgcolor1, #d86673);*/
}
.preview > .conteiner > figure > .econom > .bb {
	    top: calc(100% + 1em);
	    right: -1em;
}
.interf > .flex {
	    width: 100%;
	    padding-bottom: 1em;
}
.interf > .flex > select {
	    width: 20%;
}
.photoresizecont > .conteiner > .resz-cont {
	    z-index: 4;
}
.photoresizecont > .conteiner > .resz-cont > figure {
	    position: absolute;
}
.photoresizecont > .conteiner > .resz-cont > figure > img {
	    width: 100%;
}
.photoresizecont > .conteiner > .resz-cont > figure > .loadcrop,  .order > .loadform {
	    left: 0;
	    width: 100%;
	    position: absolute;
	    top: 0;
	    height: 100%;
	    bottom: 0;
	    background-color: rgba(0,0,0,0.35);
	    background-image: url(../../images/icons/ajax-loader.gif);
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: 8em;
        display: none;
}
.interf, .photoresizecont > .conteiner > .flex {
	    left: 0;
	    width: 100%;
	    position: absolute;
	    padding: 1em 3.5em;
	    top: 45%;
	    z-index: 1;
}
.interf {
	    left: -61%;
	    width: 222%;
	    z-index: -1;
}
.interf-pref {
	    left: -50%;
	    width: 200%;
}
.photoresizecont > .conteiner > .pre-order, .photoresizecont > .conteiner > .post-order {
	    top: 55%;
}
.photoresizecont > .conteiner > .post-order {
	    display: none;
}
.photoresizecont > .conteiner > .flex > span  {
	    font-size: 1.5em;
	    color: #fff;
}
.interf > .flex > a {
	    right: 2em;
	    top: -2em;
	    font-size: 2em;
	    color: var(--note-color, #fff);
}
.interf > .flex > .button, .photoresizecont > .conteiner > .flex > .button {
	    width: 15%;
}
.interf > .flex > .save, .photoresizecont > .conteiner > .flex > .save {
	    color: #fff;
	    background-color: #86a52e;
}
.interf > .flex > .cloc, .photoresizecont > .conteiner > .flex > .cloc {
	    color: #fff;
	    background-color: var(--fa-4, #ff9f1e);
}
#crop {
	    left: 0;
	    top: 0;
	    background-color: rgba(0,0,0,0.1);
	    border: #EEE dotted 2px;
	    cursor: grab;
}
#crop > span {
        width: 1em;
        position: absolute;
        height: 1em;
        background-color: #EEE;
}
#crop > span.right-right {
	    top: 50%;
	    top: cals(50% - 1em);
	    right: -2px;
	    cursor: ew-resize;
}
#crop > span.right-bottom {
	    right: -2px;
	    bottom: -2px;
	    cursor: nwse-resize;
}
#crop > span.bottom-bottom {
	    left: 50%;
	    left: cals(50% - 1em);
	    bottom: -2px;
	    cursor: ns-resize;
}


.deform > .fa-close, .preview > .fa-close, .photoresizecont > .fa-close, .order > .fa-close, .sencs > .fa-close {
	    font-size: 1.2em;
	    top: 2em;
	    right: 2em;
	    font-size: 2em;
        color: var(--fa-4, #ff9f1e);
}
.order > .conteiner, .sencs > .conteiner {
	    width: 80%;
	    padding: 4.5em 0;
}
.order > .conteiner > h2 {
	    padding-bottom: 0.5em;
}
.sencs > .conteiner > h2 {
	    text-align: center;
}
.order > .conteiner > .table {
	    width: 100%;
}
.order > .conteiner > .promo-cont {
	    padding: 1em;
	    margin-bottom: 1em;
	    border: #fff solid 1px;
}
.order > .conteiner > .promo-cont > h4 {
	    font-size: 2em;
	    font-weight: 400;
	    text-align: center;
}
.order > .conteiner > .promo-cont > p, .sencs > .conteiner > p {
	    font-size: 1.2em;
	    text-align: center;
}
.order > .conteiner > .table > .block {
	    width: 50%;
	    padding: 0.5em;
}
.order > .conteiner > .table > .address {
	    text-align: right;
}
.order > .conteiner > .table > .block > div {
	    width: 100%;
	    margin: 1em 0;
}
.order > .conteiner > .table > .block p {
	    font-size: 1.2em;
}
.order > .conteiner > .table > .block p > span {
	    display: inline-block;
	    width: 40%;
}
.order > .conteiner > .table > .block p > b {
	    font-size: 150%;
}
.order > .conteiner > .table > .block p > b.bid {
	    color: var(--note-color, #ff9f1e);
}
.order > .conteiner > .table > .block p > b.bid::after {
	    font-family: FontAwesome;
	    content: "\f158";
	    font-size: 90%;
        margin-left: 0.25em;
}
.order > .conteiner > .promo-cont > .block > input {
	    width: 75%;
	    margin: 0.25em 0.5em;
}
.order > .conteiner > .table > .address > input, .order > .conteiner > .table > .address > textarea {
	    margin: 0.5em 0;
}
.order > .conteiner > .table > .block p > span > select {
	    color: #fff;
	    border-color: #fff;
	    background-color: var(--bgcolor1, #d86673);
}
.order > .conteiner > .promo-cont > .block > button {
	    margin: 0;
}
.order > .conteiner > .table > .block > button {
	    color: #fff;
	    background-color: #86a52e;
}
.order > .conteiner > .table > .block > button:hover {
        color: #333;
        background-color: #fff;
}
.serwork > a.fa-home {
	    font-size: 1.5em;
	    color: #fff;
	    top: 1.5em;
	    right: 1.5em;
}
.serwork > a.black {
        top: 0.25em;
        right: 0.25em;
        padding: 1.5em;
	    background: var(--bggrad1, linear-gradient(to left, #5700ae, #d86673 100%));
	    border-radius: 100%;
}
.serwork > .mapsdiv {
	    left: 0;
	    width: 100%;
	    top: 0;
	    height: 100%;
}
.serwork > .conteiner > h3 {
	    padding: 1em 1.5em;
}
.serwork > .conteiner > p {
	    font-size: 1.2em;
	    padding-left: 2.5em;
}
.serwork > .conteiner > p > b {
	    color: var(--note-color, #fff);
}
.serwork > .conteiner > .boxtable {
	    width: 100%;
	    overflow-x: auto;
}
.serwork > .conteiner > .boxtable > table {
	    color: #000;
}
.serwork > .conteiner > .table {
	    width: 100%;
	    padding: 0 3em;
}
.serwork > .conteiner > .table > .block {
	    width: 50%;
}
.serwork > .conteiner > .table > .address {
	    position: absolute;
	    padding: 2em;
	    background: var(--bggrad1, linear-gradient(to left, #5700ae, #d86673 100%));
}
.serwork h4 {
	    font-size: 1.8em;
	    font-weight: 400;
	    line-height: 1.5;
}
.serwork > .conteiner > .table > .block > p {
	    font-size: 1.3em;
}

div.footer {
	    width: 100%;
	    padding: 0.75em 4.5em;
	    background: var(--bggrad3, linear-gradient(to right, #3d0079, #954751 100%));
}
div.footer > h2 {
	    text-align: center;
}
div.footer > .flex {
	    width: 90%;
	    padding: 1em 0;
	    margin: 0 auto;
}
div.footer > .flex > section {
	    width: 32%;
	    text-align: center;
}
div.footer > .flex > section img {
	    width: 100%;
}
div.footer > .flex > section h4 {
	    font-size: 1.5em;
}
div.footer > p {
	    font-size: 1.12em;
	    color: #fff;
}
div.footer > .conteiner {
	    display: table;
	    width: 100%;
	    max-width: 1630px;
	    padding: 3rem 4rem 2rem;
}
div.footer > .conteiner > .block {
	    width: 30%;
	    padding-right: 2em;
	    padding-bottom: 2em;
	    color: #FFF;
}
div.footer > .conteiner > .block > p {
	    width: 90%;
	    font-size: 1.1rem;
	    font-weight: 400;
}
div.footer > .conteiner > .block > p > a {
	    color: #EBE004;
}
div.footer > .conteiner > .block > p > span {
	    display: block;
}
div.footer > .conteiner > .block > p > span.address::before {
	    font-family: FontAwesome;
	    content: "\f041";
	    margin-right: 0.5em;
}
div.footer > .conteiner > .block > p > span.phone::before {
	    font-family: FontAwesome;
	    content: "\f095";
	    margin-right: 0.5em;
}
div.footer > .conteiner > ul.block {
        list-style: none;
}
div.footer > .conteiner > ul.block > li > a {
	    font-size: 1.1rem;
	    color: #EBE004;
	    text-transform: uppercase;
	    padding: 0.1em 0;
	    margin-bottom: 0.5em;
}
div.footer > .conteiner > ul.block > li > a.active, div.footer > .conteiner > ul.block > li > a:hover {
	    color: #FFF;
}
div.footer > .conteiner > .vidset {
	    width: 40%;
	    margin-top: -1em;
	    padding-right: 0;
}
div.footer > .conteiner > .metrika {
	    width: 100%;
	    padding: 1em 0 2em;
	    color: #FFF;
	    border-top: #616161 solid 1px;
}
div.footer > .conteiner > .metrika > div {
        top: 1em;
        right: 0;
}