html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,font,img,ins,kbd,q,samp,small,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,nav,article,aside,footer,section{
  outline:0;
  margin:0;
  padding:0;
  border:0;
  font-weight:inherit;
  font-style:inherit;
  font-family:inherit;
  text-decoration:none
}
*,*::before,*::after{
  box-sizing:inherit
}
*:focus,*:active{
  outline:none
}
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner{
  border:none
}
::-webkit-input-placeholder{opacity:.7}
::-moz-placeholder{opacity:.7}
:-ms-input-placeholder{opacity:.7}
h1,h2,h3,h4,h5,h6{
  font-weight:400;text-align:center;color:#00654D
}
h1, h2 {
  font: bold 1.375em "Trebuchet MS";
  margin:0 auto 1.125em
}
h2 {
  font-size: 1.25em
}
a{color:rgba(39,207,171,1);transition:.2s}
ul{
  list-style:none
}
img{
  max-width:100%;
  height:auto;
  border:none
}
@font-face {
  font-family: 'RobotoRegular';
  src: url(fonts/RobotoRegular.woff);
  font-display: fallback
}
@font-face{
  font-family:'RupsterScript';
  src:url(fonts/RupsterScript.woff);
  font-display: fallback
}
@font-face{
  font-family:'PaintBrushBold';
  src:url(fonts/PaintBrushBold.woff);
  font-display: fallback
}
@font-face{
  font-family:'Sinethar';
  src:url(fonts/Sinethar.woff);
  font-display: fallback
}
@font-face {
  font-family:'Icons';
  src: url(fonts/Icons.woff);
  font-display: fallback
}
@font-face {
  font-family:'EFN-Pastele';
  src: url(fonts/EFN-Pastele.woff);
  font-display: fallback
}
input,textarea{font:1.1em/1.3 Tahoma,sans-serif}

body{
  background:url(images/summer-bg.jpg)no-repeat fixed;
  background-size:cover;
  font:2em/1.3 "Trebuchet MS", Arial, Helvetica,sans-serif;
  color:#4e4e4e;-webkit-tap-highlight-color:transparent
}
.wrapper{display:flex;flex-direction:column;min-height:100vh;width:55.3em;margin:1em auto;border-radius:.318em;box-shadow:1px 0 30px rgba(0,0,0,.8);background:rgba(255,255,255,.88)}
header{margin-bottom:2.5em}
.header-wrap{}
.desktop-menu,.mobile-menu{font-family:RobotoRegular}
.header-nav{position:relative;display:flex;justify-content:right;margin-left:auto;margin:0 1em;font-size:.9em}
.header-nav li{margin:.8em .4em;padding:.5em;line-height:1}
.header-nav a,.nav-span,.m-btn-call,.m-btn-message,.m-btn-order{color:#00654D;transition:.3s}
.nav-span{display:block;cursor:pointer}
.header-sub-nav{display:none;position:absolute;z-index:2;width:8.5em;margin:-.2em 0 0 -2em;padding-top:.5em}
.header-sub-nav li{margin:.2em 0;background:url(images/bg-brush-summer.svg)center no-repeat;text-align:center}
.header-sub-nav a{color:#fff;text-shadow:-1px -1px #0AB28E}
.header-nav-link:hover,.nav-span:hover{color:rgba(10,178,142,1);mask-image:linear-gradient(-75deg,rgba(0,0,0,.5)30%,#000 50%,rgba(0,0,0,.5)70%);mask-size:280%;animation:wave 1s 1}
@keyframes wave{from{mask-position:150%}to{mask-position:-50%}}
.header-sub-nav a:hover{color:#fff}
.mobile-menu{display:flex;justify-content:flex-end;margin:.8em .5em 0}
.m-btn-call,.m-btn-message,.m-btn-order{position:relative;cursor:pointer;margin:.8em 2em .2em;font:bold .9em RobotoRegular;text-align:center}
.m-btn-call span,.m-btn-message span,.m-btn-order span{transition:.3s}
.m-btn-call:before,.m-btn-message:before,.m-btn-order:before{position:absolute;top:-.1em;left:-2.5em;content:'';width:2.5em;height:1.6em}
.m-btn-call:before{background:url(images/call-summer.svg);background-position:center;background-size:2.5em 1.4em;background-repeat:no-repeat}
.m-btn-message:before{background:url(images/msg-summer.svg);background-position:center;background-size:1.6em 1.2em;background-repeat:no-repeat}
.m-btn-order:before{background:url(images/cart-summer.svg);background-position:center;background-size:2.5em 1.5em;background-repeat:no-repeat}
.m-btn-call span:active,.m-btn-message span:active,.m-btn-order span:active{color:#0AB28E}
.m-menu-btn, .h-menu-btn {
  position: relative;
  top: 0;
  margin: 1em .6em .6em;
  cursor: pointer;
  width: 1.5em;
  height:.75em
}
.m-menu-btn span, .h-menu-btn span {
  position: absolute;
  width: 100%;
  height: .16em;
  border-radius: .06em;
  background-color:#00654D;
  transition: .3s cubic-bezier(.8, .5, .2, 1.4)
}
.m-menu-btn span:nth-child(1), .h-menu-btn span:nth-child(1) {
  top: 0;
  left: 0;
}
.m-menu-btn span:nth-child(2), .h-menu-btn span:nth-child(2) {
  top: .313em;
  left: 0;
}
.m-menu-btn span:nth-child(3), .h-menu-btn span:nth-child(3) {
  bottom: 0;
  left: 0;
}
.clickMenuBtn span:nth-child(1), .clickhMenuBtn span:nth-child(1) {
  top: .313em;
  left: -.4em;
  height: .18em;
  transform: rotate(45deg) scaleX(0.7);
}
.clickMenuBtn span:nth-child(2), .clickhMenuBtn span:nth-child(2) {
  transform: scale(0);
  transition-duration: 50ms;
}
.clickMenuBtn span:nth-child(3), .clickhMenuBtn span:nth-child(3) {
  top: .313em;
  left: .3em;
  height: .18em;
  transform: rotate(-45deg) scaleX(0.7);
}
.h-menu-btn {
  display:none
}
.header-bottom{display:flex;justify-content:space-between}
.logo-wrap{padding-left:2.8em}
.logo,.tagline,.number,.tel{color:#0AB28E}
.logo,.number{font:bold 4.8em EFN-Pastele,sans-serif;text-shadow:8px -1px 0 #fff}
.tagline,.tel{font:1.4em PaintBrushBold,sans-serif;font-style:italic}
.tagline{margin-left:0}
.tagline-one{margin-left:1em}
.tagline-two{margin-left:1.5em}
.number-wrap{display:flex;flex-direction:column}
.number,.m-number{display:flex;flex-direction:row;margin:.5em 2em;font-size:1.1em;text-shadow:4px -1.5px 0 #fff}
.messenger{margin:.1em .5em 0 .1em}
.tel{font-size:1.3em}
.-viber:before {
  content: '\e901'}
.-whatsapp:before {
  content: '\e902'}
.-envelope:before {
  content: '\e903'}
.-phone:before {
  content: '\e900'}
.-clock:before {
  content: '\e94e'}
.-mymail:before {
  content: "\e905"}
.-telegram:before {
  content: "\e907"}
.-ok:before {
  content: "\e904"}
.-vk:before {
  content: "\e906"}
.-instagram:before {
  content: "\ea92"}
.-arrow-up:before{
  content: "\e908"}
.-viber, .-whatsapp,.-envelope,.-phone,.-clock,.-mymail,.-telegram,.-ok,.-vk,.-instagram,.-arrow-up{
    margin:.2em .3em;font:1em Icons;color:rgba(10,178,142,1)
}
.-arrow-up{display:none;position:fixed;bottom:22%;left:49.2%;z-index:1;cursor:pointer;font-size:1.8em;font-weight:bold;margin:auto;width:1.5em;height:1em;color:rgba(10,178,142,.4)}
.-arrow-up:hover{color:rgba(10,178,142,1)}
.btn-call,.btn-message,.btn-order,.btn-map{
  display:inline-block;
  width:7.1em;
  height:1.4em;
  margin:.4em 3.5em 0 auto;
  padding:.45em;
  border-radius:.25em;
  background:url(images/bg-brush-summer.svg)center no-repeat;
  font:bold .8em RobotoRegular;
  white-space:nowrap;
  text-align:center;
  color:#fff;
  text-shadow:-1px -1px #0AB28E;
  transition:.3s
}
.btn-order{margin-right:4.5em;width:7.8em}
.btn-call:hover,.btn-message:hover,.btn-order:hover,.header-sub-nav a:hover,.btn-more-works a:hover,.btn-map:hover{text-shadow: 0 0 5px rgba(255,255,255,.4), 0 2px 10px rgba(255,255,255,.4), 0 0 5px rgba(255,255,255,.4)}
.m-number,.mobile-menu,.m-contacts-number,.m-contacts-mail,.m-menu,.m-footer-phone,.m-footer-email{display:none}
main{flex-grow:1}
.content{margin:0 auto;width:90%;padding:.5em}
.crumb{margin:.375em 2.25em .938em;font-size:.875em;color:#555}
article p,.print-pics-main,.print-pics{margin-bottom:1.2em}
h1{margin-bottom:.938em}
.content-link:hover,.crumb-link:hover,.link-map span:hover{color:rgba(7,175,139,1)}
.ul-text{margin-bottom:1.2em;line-height:1.5}
.ul-text li{margin-bottom:.5em}
.ul-text li:before{
  display: inline-block;
  content: '';
  width: 1.2em;
  height: 1.4em;
  margin: 0 1em -.4em;
  background:url(images/leaf-summer.svg)center no-repeat
}
.view{color:red}
.serv-one{margin-left:2.5em}
.serv-two{margin-left:3.5em}
.serv-three{margin-left:4.5em}
.serv-four{margin-left:5.5em}
.portrait-pics-main,.print-pics-main,.size-pics-main,.restore-pics-main,.works-pics,.portrait-pics,.print-pics,.gallery-pics,.price-pics{display:flex;justify-content:center;flex-wrap:wrap;width:90%;margin:auto}
.portrait-item-main,.print-item-main,.size-item-main,.works-item,.portrait-item,.print-item,.gallery-item,.price-item,.price-size-item{min-width:10em;width:20%;margin:.8em}
.portrait-item-main,.portrait-item,.works-item,.gallery-item{overflow:hidden;height:11em}
.portrait-item-main img,.restore-item-main img,.portrait-item img,.restore-item img,.works-item img,.gallery-item img{width:100%}
.about-autor{display:flex;justify-content:center}
.service{margin:1em 0 0 2em;font-size:.9em}
.artist{width:25em;height:auto;margin:1em;border-radius:.2em}
.artist img{width:100%;height:100%;border-radius:.2em}
.btn-more-works{height:1.4em;background:url(images/bg-brush-summer.svg)center no-repeat;margin:1em auto 0;padding:.4em;text-align:center}
.more-works a,.other-works a{color:#fff;text-shadow:-1px -1px #0391D1;transition:.3s}
.print-pics,.price-pics{width:100%;margin:0 auto 1.2em}
.portrait-item-main,.print-item-main,.print-link,.print-photo-main,.print-img,.restore-item-main,.restore-item-main img,.portrait-item,.create-portrait-item,.print-item,.print-photo,.works-item,.gallery-item,.price-pic,.price-size-pic{border-radius:.2em}
.portrait-item-main,.print-photo-main,.restore-item-main,.portrait-item,.create-portrait-item,.print-photo,.works-item,.artist,.gallery-item,.price-pic,.price-size-pic{box-shadow:0 1px 10px 2px rgba(0,0,0,.3)} 
.print-item-main,.print-item,.price-item,.price-size-item{margin:.5em}
.print-item-main{width:22%;margin:.5em .8em}
.print-text,.price-text,.price{font-size:1.05em;line-height:1;text-align:center;color:#00654D;transition:.3s}
.print-text{min-height:2em;margin:.2em 0 .5em;color:#07AF8B}
.print-photo-main,.print-photo,.price-pic,.price-size-pic{overflow:hidden;width:100%;height:11.5em;margin:0 auto;text-align:center}
.print-photo-main img,.restore-item-main img,.print-photo img,.price-pic img,.price-size-pic img{width:100%;height:100%}
.size-wrap-main{margin:auto}
.size{display:flex;justify-content:space-around}
.size span{margin-right:2.5em}
.size-pics-main{display:flex;justify-content:space-around;align-items:stretch;width:100%;height:auto;margin-top:2.5em}
.size-item-main{height:14.7em;margin:.5em;text-align:center}
.size-item-main img{width:auto;height:100%}
.restore-pics-main{display:flex;justify-content:space-around;width:90%;height:auto;margin:1.5em auto 0}
.restore-item-main{width:30%;height:auto;margin:.8em}
.cocoen-drag{position:absolute;top:0;bottom:0;left:50%;cursor:ew-resize;width:2px;margin-left:-1px;background:#0AB28E}
.cocoen-drag:before{position:absolute;top:50%;left:50%;content:'';width:14px;height:30px;margin-top:-18px;margin-left:-7px;border:3px solid #0AB28E}
.portrait{margin:1.5em 0}
.create-portrait-wrap{}
.create-portrait{display:flex;flex-direction:column;width:90%;margin:1.5em auto}
.create-part{display:flex;justify-content:center}
.create-portrait-item{display:flex;align-items:start;width:50%;margin:.3em;padding:.3em;box-shadow:0 1px 10px 2px rgba(0,0,0,.15)}
.create-item-img{min-width:6em;width:30%;min-height:5em;height:25%;overflow:hidden;margin:.3em;border-radius:.5em;box-shadow:0 1px 10px 2px rgba(0,0,0,.15)}
.create-item-body{margin:.3em .2em .3em .5em}
.create-item-title{font-size:.94em;margin-bottom:.5em;color:#00654D}
.create-item-text{font-size:.84em}
.included{display:flex;justify-content:center;flex-wrap:wrap;width:90%;margin:1em auto 2em}
.included-item{display:flex;flex-direction:column;min-width:3em;width:20%;margin:.7em .5em;text-align:center}
.included-item-img{overflow:hidden;width:80%;height:auto;margin:0 auto .5em;border-radius:.5em}
.included-item img,.create-item-img img{width:100%;height:100%}
.included-item span{width:80%;margin:auto;font-size:.9em}
.modular-variation{margin:1em auto}
.highslide-image{border:.094em solid #0AB28E;border-radius:.125em}
.highslide-wrapper,.highslide-outline{border-radius:.188em;background:#000}
.highslide-caption{display:none;padding:5px;border-bottom-left-radius:.125em;border-bottom-right-radius:.125em;background:#000;font-size:1em;color:#0AB28E}
a.highslide-full-expand{display:block;width:34px;height:34px;margin:0 10px 10px 0;background:url(graphics/fullexpand.gif)no-repeat}
.highslide-loading{display:block;padding:3px;padding-left:22px;border:1px solid #fff;background-color:#fff;background-image:url(graphics/loader.white.gif);background-position:3px 1px;background-repeat:no-repeat;font-weight:700;font-size:9px;text-transform:uppercase;text-decoration:none;color:#000}
.highslide-move,.highslide-move *{cursor:move}
.highslide-viewport{display:none;position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background:none}
.highslide-overlay{display:none}
.hidden-container{display:none}
.closebutton{position:relative;top:-15px;left:15px;cursor:pointer;width:30px;height:30px;background:url(graphics/close.png)}
.highslide-controls{width:195px;height:40px;margin:20px 15px 10px 0;background:url(graphics/controlbar-white.gif)0 -90px no-repeat}
.highslide-controls ul{position:relative;left:15px;height:40px;margin:0;padding:0;background:url(graphics/controlbar-white.gif)right -90px no-repeat;list-style:none}
.highslide-controls li{float:left;margin:0;padding:5px 0;list-style:none}
.highslide-controls a{display:block;float:left;width:30px;height:30px;background-image:url(graphics/controlbar-white.gif);outline:none}
.highslide-controls a.disabled{cursor:default}
.highslide-controls a.disabled span{cursor:default}
.highslide-controls a span{display:none;cursor:pointer}
.highslide-controls .highslide-previous a{background-position:0 0}
.highslide-controls .highslide-previous a:hover{background-position:0 -30px}
.highslide-controls .highslide-previous a.disabled{background-position:0 -60px!important}
.highslide-controls .highslide-play a{background-position:-30px 0}
.highslide-controls .highslide-play a:hover{background-position:-30px -30px}
.highslide-controls .highslide-play a.disabled{background-position:-30px -60px!important}
.highslide-controls .highslide-pause a{background-position:-60px 0}
.highslide-controls .highslide-pause a:hover{background-position:-60px -30px}
.highslide-controls .highslide-next a{background-position:-90px 0}
.highslide-controls .highslide-next a:hover{background-position:-90px -30px}
.highslide-controls .highslide-next a.disabled{background-position:-90px -60px!important}
.highslide-controls .highslide-move a{background-position:-120px 0}
.highslide-controls .highslide-move a:hover{background-position:-120px -30px}
.highslide-controls .highslide-full-expand a{background-position:-150px 0}
.highslide-controls .highslide-full-expand a:hover{background-position:-150px -30px}
.highslide-controls .highslide-full-expand a.disabled{background-position:-150px -60px!important}
.highslide-controls .highslide-close a{background-position:-180px 0}
.highslide-controls .highslide-close a:hover{background-position:-180px -30px}
.price-paragraph{margin-bottom:1.5em}
.price-pics{justify-content:space-around;margin-top:1em}
.price-text{min-height:1.2em;margin:.5em 0 .2em}
.price{margin:.3em 0 .5em}
.price,.contacts-title{font:1.4em PaintBrushBold}
.contacts{display:flex;flex-direction:column;width:80%;margin:3.5em auto 0}
.contacts-top-row,.contacts-middle-row,.contacts-bottom-row{display:flex;flex-direction:row;justify-content:space-around;margin-bottom:2.5em;line-height:1.5;text-align:center}
.contacts-title{margin-bottom:1em;color:#00654D}
.link-map{width:30em;margin:4em auto 2em;line-height:1.8}
.link-map span{display:block;cursor:default;color:rgba(39,207,171,1);transition:.2s}
.map-service{margin-left:1.2em}
.portrait-wrap-main,.print-wrap-main,.print-pics-main,.size-wrap-main,.restore-wrap-main,.how-to-order,.about-wrap,.works-wrap,.portrait-wrap,.create-portrait-wrap,.print-wrap,.gallery-wrap{margin-bottom:2em}
footer{flex-shrink:0;margin-top:1em;padding:.1em .5em;font-size:.84em}
.footer-wrap,.footer-top,.footer-bottom{display:flex}
.footer-wrap{flex-direction:column;margin-bottom:1.3em}
.footer-top{flex-wrap:nowrap;justify-content:space-around;margin-bottom:1em}
.footer-left,.footer-middle,.footer-right{display:flex;flex-direction:column;justify-content:flex-start;width:30%;margin:.3em;padding:.1em}
.f-services{margin:0 0 .5em 2.5em}
.f-services li{margin-bottom:.2em;line-height:1.4}
.f-services a,.policy a{color:#0AB28E;transition:.3s}
.f-services a:hover,.policy a:hover{color:#00654D}
.information li{margin-left:2em}
.footer-phone,.m-footer-phone,.footer-email,.m-footer-email,.footer-hours{position:relative;margin:.2em 0 .8em 2em}
.footer-phone:before,.m-footer-phone:before,.footer-email:before,.m-footer-email:before,.footer-hours:before{
  position:absolute;
  top:.1em;
  left:-2em;
  content:'';
  width:1.5em;
  height:1.2em;
}
.footer-phone:before,.m-footer-phone:before{
  background:url(images/phone-summer.svg);
  background-position:center;
  background-size:1.5em 1.2em;
  background-repeat:no-repeat
}
.footer-email:before,.m-footer-email:before{ 
  background:url(images/envelope-summer.svg);
  background-position:center;
  background-size:1.5em 1.2em;
  background-repeat:no-repeat
}
.footer-hours:before{
  background:url(images/clock-summer.svg);
  background-position:center;
  background-size:1.5em 1.2em;
  background-repeat:no-repeat
}
.f-messenger,.contacts-messengers a,.contacts-social a,.mobile-messenger{margin-top:2em;font-size:1.5em;text-shadow:2px -2px 0 #fff;text-align:right}
.contacts-messengers a,.contacts-social a{margin-top:0;text-align:center}
.mobile-messenger{display:none;margin:.8em;text-align:center}
.f-icons{display:inline-block;margin:.15em}
.-envelope{margin-left:0}
.-phone,.-clock{margin-right:.5em}
.policy,.map{text-align:right}
.map{margin-top:.8em}
.btn-map{margin:0}
.footer-bottom,.copy a{text-shadow:1px -1px 0 #fff;color:#00654D}
.f-bottom-left{margin:.2em .5em;font-weight:bold;}
.f-bottom-right{margin:.2em .5em .2em auto}
.studio a{text-transform:uppercase;font:1.1em PaintBrushBold}
.studio a:hover{color:rgba(6,172,136,1)}
.form,.form-wrapper,.result,.m-menu{
    display: none;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 11;
    margin: 0 auto;
    border-radius: .25em;
    box-shadow: 0 1px 10px 2px rgba(0,101,77,.3);
    background:linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,.75)),url(images/bg-form-summer.jpg)top center no-repeat
}
.form-message{background:linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,.75)),url(images/bg-msg-summer.jpg)top left no-repeat}
.form-wrapper{background:linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,.75)),url(images/bg-order-summer.jpg)center center no-repeat}
.form, .result, .m-menu {
    max-width:19em
}
.form{font-size:.8em}
.form div {
    position: relative;
    padding-top: .313em;
}
.form-call, .form-msg, .result {
    padding: .875em .813em 0;
}
.text, .textarea {
    outline: none;
    width: 96%;
    height: 2em;
    margin-bottom: .5em;
    padding: .313em;
    border: transparent;
    border-bottom: .125em solid #0AB28E;
    background: transparent;
    color: #fff;
}
.textarea {
    height: 8.125em;
    resize: none;
}
.form_bg {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    cursor: pointer;
    background: rgba(0, 0, 0, .7);
}
.result {
    z-index: 20;
    top: 30%;
    max-width: 14em;
    min-height: 8em;
    background: rgba(0, 0, 0, .94);
}
.result p {
    margin: 1.5em 0 1em;
    color: rgba(255, 255, 255, .6);
}
.btn-wrap {
  position: relative;
  height: 1.5em;
  margin: .6em 0 .8em;
}
.btn,.r-btn{
    display: block;
    outline: none;
    cursor: pointer;
    margin: 0 auto .638em;
    padding: .2em .6em;
    border-color: transparent;
    background: transparent;
    line-height: 2;
    color: #fff;
    transition: .5s;
}
.r-btn {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  line-height: 1;
}
.btn:hover {
    text-shadow: 0 0 5px rgba(10,178,142,1), 0 0 20px rgba(10,178,142,1);
}
.btn, .btn-ord, .btn-clear, .text, .textarea{
    border-radius: .18em;
}
.close {
    position: absolute;
    top: .375em;
    right: .5em;
    cursor:pointer;
    width: 1.75em;
    height: 1.5em;
    border-radius: .18em;
    transition: .5s;
}
.close:hover {
    background: transparent;
}
.close:before, .close:after {
    position: absolute;
    top: .125em;
    left: .813em;
    content: ' ';
    height: 1.25em;
    width: .125em;
    border-radius: .18em;
    background: rgba(170, 170, 170, .8);
    transition: .5s;
}
.close:hover:before, .close:hover:after {
    background: rgba(255,255,255, .9);
}
.close:before {
    transform: rotate(45deg);
}
.close:after {
    transform: rotate(-45deg);
}
.checkbox {
    display: block;
    margin: -.938em 0 .5em;
    font-size: .9em;
    line-height: 1;
}
.checkbox input[type=checkbox] {
    opacity: 0;
    margin-left: 1.063em;
}
.checkbox label {
    position: relative;
    display: inline-block;
    margin-top: .4em;
    padding-left: 2.5em;
    color: rgba(255, 255, 255, .5);
}
.checkbox label::before, .checkbox label::after {
    position: absolute;
    display: inline-block;
    content: ''}
.checkbox a {
    color: rgba(255, 255, 255, .7);
    transition: .3s;
}
.checkbox a:hover {
    color: rgba(255, 255, 255, .9);
}
.checkbox label::before {
    top: .18em;
    left: 0;
    width: 1.125em;
    height: 1.125em;
    border: .125em solid #fff;
    border-radius: .125em;
}
.checkbox label::after {
    top: .438em;
    left: .3em;
    width: .563em;
    height: .375em;
    border-bottom: .125em solid #fff;
    border-left: .125em solid #fff;
    transform: rotate(-45deg);
}
.checkbox input[type=checkbox]+label::after {
    content: none;
}
.checkbox input[type=checkbox]:checked+label::after {
    content: ''}
.checkbox label:hover::before, .checkbox label:hover::after {
    cursor: pointer;
}
.form-wrapper {
    margin: auto;
    width: 32em;
    padding: .8em;
}
.total fieldset {
    display: none;
    transition: .5s;
}
.serv_create, .serv_promotion, .serv_support, .serv_rework, .serv_transfer {
    transition: .5s;
}
.form-ord {
    overflow: hidden;
    border-radius: .313em;
    font-size:.8em
}
.form-left, .form-right {
    width: 46%;
    padding: .313em;
}
.form-left {
    float: left;
}
.form-right {
    float: right;
}
.form-ord input, .text-ord, .serv-select, select, .textarea-ord {
    background: transparent;
}
.text-ord, .serv-select, .textarea-ord {
    border: transparent;
    border-bottom: .125em solid #0AB28E;
    border-radius: .18em;
    color: #fff;
}
.text-ord, .file-upload, .serv-select, select, .select-input, .textarea-ord {
    outline: none;
    width: 100%;
    height: 2.125em;
    margin: .18em auto;
    padding: 0 .25em .125em;
    font: 1.063em Tahoma;
}
.textarea-ord {
    overflow: auto;
    height: 7em;
    resize: none;
}
.select {
    position: relative;
    margin-bottom: .313em;
}
.serv-select {
    position: relative;
    cursor: pointer;
    padding-top: 10px;
    border: none;
    color: rgba(255, 255, 255, .7);
}
.serv-select:after{
    position: absolute;
    top: 45%;
    right: .625em;
    z-index: 1;
    display: block;
    content: ''}
.serv-select:after {
    cursor: pointer;
    border-width: .313em .313em 0;
    border-style: solid;
    border-color: rgba(10,178,142, .8) transparent transparent;
}
.select-dropdown {
    position: absolute;
    z-index: 10;
    display: none;
    cursor: pointer;
    width: 90%;
    margin: 0 .18em;
    padding: .313em.625em;
    border: .063em solid rgba(10,178,142, .8);
    border-radius: .18em;
    background: rgba(0, 0, 0, .9);
    font: 1.063em Tahoma;
}
.select-dropdown li {
    cursor: pointer;
    line-height: 1.9;
    color: rgba(255, 255, 255, .6);
    transition: .2s;
}
.select-dropdown li:hover, .select-dropdown li:active {
    color: rgba(10,178,142, .9);
}
.select-dropdown[data-selectable] {
    padding: .313em .5em;
}
.info {
    padding: .313em 0 .313em .438em;
}
.info label {
    cursor: pointer;
    transition: .2s;
}
.info label:hover {
    color: rgba(10,178,142, .8);
}
.checkbox-order, .radio-btn {
    line-height: 2.2;
}
.checkbox-order {
    margin-top: 0;
}
.checkbox-order input[type=checkbox] {
    opacity: 0;
    margin-left: -1em;
}
.checkbox-order label {
    position: relative;
    display: inline-block;
    margin: 0 .6em;
    padding: 0 0 0 2em;
}
.checkbox-order label::before, .checkbox-order label::after {
    position: absolute;
    display: inline-block;
    content: ''}
.checkbox-order label::before {
    top: .5em;
    left: 0;
    width: 1.2em;
    height: 1.2em;
    border: .063em solid rgba(10,178,142, .3);
    border-radius: .125em;
}
.checkbox-order label::after {
    top: .7em;
    left: .26em;
    width: .7em;
    height: .5em;
    border-bottom: .125em solid rgba(10,178,142, .8);
    border-left: .125em solid rgba(10,178,142, .8);
    transform: rotate(-45deg);
}
.checkbox-order input[type=checkbox]+label::after {
    content: none;
}
.checkbox-order input[type=checkbox]:checked+label::after {
    content: ''}
.left-checkbox {
    font-size: .9em;
    line-height: 1;
}
.radio,.canvas-radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.radio + label {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 .6em;
    padding: 0 0 0 2.2em;
    cursor: pointer;
    color:rgba(255,255,255,.8)
}
.radio + label:before {
    content: '';
    position: absolute;
    top: .6em;
    left: 0;
    width: 1em;
    height: 1em;
    border: .063em solid rgba(255,255,255,.3);
    border-radius: 50%;
    background: transparent;
}
.radio + label:after {
    content: '';
    position: absolute;
    top: .6em;
    left: 0;
    width: 1.1em;
    height: 1.1em;
    border-radius: 50%;
    background: rgba(10,178,142,.8);
    box-shadow: 0 0 .3em .1em rgba(10,178,142,.5);
    opacity: 0;
    transition:.2s;
}
.radio:checked + label:after {
    opacity: 1;
}
.modular-view{display:flex}
.canvas-size{display:flex;justify-content:center;width:100%;margin-top:1em}
.canvas-size-item{
  box-sizing:border-box;
  text-align:center
}
.canvas-size-item label{
  display: inline-block;
  cursor: pointer;
  margin:0;
  padding:.2em .6em;
  line-height:1.2;
  border:1px solid rgba(10,178,142,.8);
  border-right: none;
  user-select: none;
  text-align:center;
  color:rgba(255,255,255,.8)
}
.canvas-size-item label:before,.canvas-size-item label:after{display:none}
.canvas-size-item:first-child label {
  border-radius:6px 0 0 6px;
}
.canvas-size-item:last-child label {
  border-radius: 0 6px 6px 0;
  border-right:1px solid rgba(10,178,142,.8);
}
.canvas-size-item input[type=radio]:checked + label {
  background:rgba(10,178,142,.8);
}
.canvas-size-item label:hover{
  color:rgba(255,255,255,.8)
}
.file-upload{display:flex;justify-content:space-between;align-items:center;margin:1.2em 0}
.file-field{display:flex;justify-content:center;cursor:pointer;width:49%;height:1.8em;background:rgba(10,178,142,.6);line-height:1.8;border-radius:.3em;font-size:.9em;text-align:center;color:rgba(255,255,255,.8)}
.file-upload input{display:none}
.f-form {
    overflow: hidden;
    float: right;
    width: 45%;
    margin-top: -2.6em;
}
.f-form input, .btn-reset input {
    border: none;
    color: #fff;
    transition: .5s;
}
.btn-ord, .btn-clear {
    display: block;
    outline: none;
    float: right;
    cursor: pointer;
    height: 2em;
    margin: .313em;
    padding: .2em .625em;
}
.btn-ord:hover, .btn-clear:hover {
    text-shadow: 0 0 5px rgba(10,178,142,1), 0 0 20px rgba(10,178,142,1);
}
.clear-both {
    clear: both;
}
.m-menu-wrap{}
.m-menu{}
.m-menu ul{padding: .6em 1em .8em}
.m-menu li{line-height:2.7;border-radius:.5em;transition: .3s;}
.shade{box-shadow:0 -18px 36px -34px rgba(10,178,142,.4)inset}
.m-menu a,.m-menu span{display:block;width:100%;height:100%;text-align:center;font-size:1.1em;color:#fff}
.m-menu span {
    cursor: pointer;
}
.shade:active {
    box-shadow: 0 -18px 36px -34px rgba(10,178,142, .9)inset;
}
.m-sub-nav {
    display: none;
    overflow-y: scroll;
    max-height: 15.5em;
}
.m-sub-nav li {
    box-shadow: 0 -18px 36px -34px rgba(10,178,142, .3)inset;
}
.m-sub-nav span {
    padding: .3em;
}
.br {
    line-height: 1.1;
}
.m-sub-nav a {
    cursor: pointer;
    font-size: 1em;
    text-shadow: none;
    color:#fff
}
.m-sub-nav li:active {
    box-shadow: 0 -18px 36px -34px rgba(10,178,142, .8)inset;
}
input[data-autocompleted]{
  background-color:transparent !important;
}
input:-webkit-autofill{
  -webkit-background-clip:text;
  -webkit-text-fill-color:#fff !important;
}
@media (max-width:2800px){
  body{font-size:1.9em}
}
@media (max-width:2500px){
}
@media (max-width:2200px){
  body{font-size:1.6em}
  .wrapper{width:70%}
  .ul-text li{margin-bottom:.7em}
  .ul-text li:before{margin:.1em .7em -.4em}
  .portrait-pics-main,.works-pics,.portrait-pics,.gallery-pics{width:80%}
}
@media (max-width:1920px){
  .logo,.number{text-shadow:3px -1px 0 #fff}
  .number,.m-number{text-shadow:1px -1px 0 #fff}
  .btn-call,.btn-message{margin-right:3em}
  .btn-order{margin-right:4em}
  .portrait-pics-main,.portrait-pics,.gallery-pics{width:90%}  
}
@media (max-width:1800px){
  .tagline{font-size:1.3em}
  .number,.m-number{margin-bottom:.3em}
  .btn-call,.btn-message,.btn-order{margin-top:.3em}
  .portrait-pics-main,.print-pics-main,.size-pics-main,.portrait-pics,.print-pics,.gallery-pics,.price-pics,.price-size-pics{width:75%}
  .print-pics-main,.print-pics,.price-pics,.price-size-pics{justify-content:center}
  .portrait-item-main,.portrait-item,.print-item,.gallery-item{margin:1em 1.5em}
  .btn-more-works{margin-top:.5em}
  .print-item-main,.price-item,.price-size-item{margin:.3em 1.5em}
  .print-order{order:1}
  .f-services{margin-left:2em}
  .footer-right{width:33%}
}
@media (max-width:1700px){
  .logo{font-size:4.4em}
  .tagline{font-size:1.2em}
  .btn-call,.btn-message,.btn-order{margin-top:.2em}
  .restore-item-main{width:35%}
}
@media (max-width:1680px){
  .create-portrait{width:100%}
}
@media (max-width:1570px){
  .logo-wrap{padding-left:2em}
  .logo{font-size:3.8em}
  .btn-call,.btn-message,.btn-order{font-size:.73em}
  .portrait-pics-main,.print-pics-main,.portrait-pics,.print-pics,.gallery-pics,.price-pics,.price-size-pics{width:80%}
  .size-pics-main{width:85%}
  footer{font:.8em RobotoRegular}
  .footer-middle{width:28%}
  .footer-right{width:32%}
  .f-messenger,.contacts-messengers a,.contacts-social a,.mobile-messenger{font-size:1.3em;text-shadow:2px 0 0 #fff}
}
@media (max-width:1450px){
  .wrapper{width:75%} 
}
@media (max-width:1366px){
  body{font:1.3em RobotoRegular,sans-serif}
  h1,h2{margin-bottom:.813em;font-size:1.313em}
  h2{font-size: 1.188em}
  .content{line-height:1.2}
  .ul-text{line-height:1.3}
}
@media (max-width:1200px){
  .wrapper{width:90%}
  h1,h2{font-size:1.25em}
  h2{font-size: 1.125em}
  .footer-left,.footer-middle,.footer-right{margin:0}
  .footer-left{width:33%}
  .footer-middle{width:25%}
  .f-services{margin-left:.2em}
}
@media (max-width:1150px){
  .f-services li,.policy{line-height:1}
  .f-services li{margin-bottom:.8em}
  .policy{margin-bottom:1.5em}
  .f-icons{margin:.2em}
}
@media (max-width:1100px){
  h1,h2{line-height:1}
}
@media (max-width:1024px){
  .wrapper{width:80%}
  .logo{font-size:3.6em}
  .tagline{font-size:1em}
  .number{font-size:1em}
  .policy{margin-bottom:.5em}
  .map{margin-top:.5em}
  .f-messenger{margin:1em 0 0 34%;width:65%;text-align:center}
}
@media (max-width:950px){
  .wrapper{width:90%}
  header{margin-bottom:1.5em}
  .portrait-wrap-main,.print-wrap-main,.size-wrap-main,.restore-wrap-main,.about-wrap,.works-wrap,.portrait-wrap,.print-wrap,.gallery-wrap{margin-bottom:1.5em}
  .size-pics-main{margin-top:2em}
  .logo{font-size:3.5em}
  .btn-call,.btn-message,.btn-order{font-size:.7em}
  h1{font-size:1.188em}
  h2{font-size:1.125em}
  .ul-text{line-height:1.3}
  .ul-text li{margin-bottom:.3em}
  .contacts{margin-top:3em}
  .f-messenger,.contacts-messengers a,.contacts-social a,.mobile-messenger{text-shadow:1px -1px 0 #fff}
}
@media (max-width:854px){
  body{font-size:1.2em}
  .desktop-menu,.number,.btn-call,.btn-message,.btn-order,.contacts-number,.contacts-mail{display:none}
  .mobile-menu,.m-contacts-number,.m-contacts-mail{display:flex}
  .m-contacts-number,.m-contacts-mail{justify-content:center}
  .m-menu a,.m-menu span{text-shadow:none}
  .nav-span:hover{mask-image:none;color:#fff}
  .m-number{display:flex;flex-direction:column;margin:1.5em 1.5em .5em;font-size:1em}
  .messenger{order:1;margin:.7em .1em 0;text-align:center;font-size:1.2em}
  .messenger a{margin:0 .5em}
  .restore-item-main{width:40%}
  .f-messenger{margin:1em 0 0 14%;width:85%}
  .f-icons{margin:.4em}
  .form-wrapper{max-width:19em}
  .form-left,.form-right,.f-form{float:none;width:95%}
  .serv-select:after{right:0}
  .select-dropdown{width:96%;margin:0}
  .f-form{margin-top:0}
  .btn-ord,.btn-clear{height:1.9em}
}
@media (max-width:800px){
  .logo{font-size:3em}
  .tagline-one{margin-left:.8em}
  .tagline-two{margin-left:1.2em}
  .portrait-pics-main,.print-pics-main,.size-pics-main,.portrait-pics,.print-pics,.gallery-pics,.price-pics,.price-size-pics{width:90%}
  .create-portrait-item{flex-direction:column;min-width:10em;width:30%}
  .create-item-img{max-width:6.5em;width:80%;height:auto;margin:.5em auto}
}
@media (max-width:700px){
  .m-btn-call,.m-btn-message,.m-btn-order{font-size:.8em}
  .h-menu-wrap{display:block;position:fixed;top:.5em}
  .m-menu-btn,.h-menu-btn{height:.8em}
  .m-menu-btn{margin:.7em .5em .5em}
  .h-menu-btn{margin-right:.5em}
  .logo-wrap{padding-left:1.5em}
  .logo{font-size:2.2em;text-shadow:1px -1px 0 #fff}
  .m-number{margin:1em 1.5em .5em .5em}
  .m-number{font-size:.9em}
  .messenger{margin:.5em .1em 0}
  .portrait-pics-main,.print-pics-main,.size-pics-main,.works-pics,.portrait-pics,.print-pics,.gallery-pics,.price-pics,.price-size-pics{width:100%;padding:0}
  .portrait-item-main,.works-item,.portrait-item,.print-item,.gallery-item{margin:.5em}
  .print-item-main,.price-item,.price-size-item{margin:.2em .5em}
  .restore-item-main,.restore-item{width:60%}
  .print-include{width:100%}
  .print-include-item span{font-size:.8em}
  .contacts{width:100%;margin-top:2.5em}
  .footer-top{margin-bottom:.3em}
  .footer-left,.footer-right{width:50%}
  .footer-left{margin-left:.5em}
  .footer-right{margin-right:.5em}
  .footer-middle{display:none}
  .policy,.map{flex:1}
  .map{margin-top:1.2em}
  .f-messenger{display:none}
  .contacts-messengers a,.contacts-social a{line-height:1.3;font-size:1.4em}
  .mobile-messenger{display:block;line-height:1.3;font-size:1.4em}
  .footer-bottom{flex-direction:column;text-align:center}
  .f-bottom-right{margin:.2em .5em}
}
@media (max-width:650px){
  .wrapper{width:96%;margin:.5em auto}
  .size-item-main{margin:.5em .2em}
}
@media (max-width:600px){
  .m-btn-call,.m-btn-message,.m-btn-order{font-size:.7em}
  .tagline{font-size:.9em}
  .m-number{font-size:.85em}
  .tagline-one span{display:none}
  .portrait-item-main,.print-item-main,.size-item-main,.works-item,.portrait-item,.print-item,.gallery-item,.price-item,.price-size-item{min-width:8em;width:20%}
  .portrait-item-main,.print-photo-main,.works-item,.portrait-item,.print-photo,.gallery-item,.price-pic,.price-size-pic{height:8.5em}
  footer{font-size:.7em}
  .form,.form-wrapper{position:absolute}
}
@media (max-width:550px){
  .ul-text li{margin-bottom:.7em}
  .ul-text li:before{margin:.1em .6em -.4em}
}
@media (max-width:500px){
  body{font:1em "Trebuchet MS",Arial,Helvetica,sans-serif}
  .logo{font-size:1.8em}
  .m-number{font-size:.8em}
  .content{padding:.1em}
  h1,h2{width:70%}
  h1{font-size:1.25em}
  .size-item-main{height:11em}
  .restore-item-main{width:70%}
  .print-include-item span{font-size:.7em}
  .mobile-messenger{display:block;font-size:1.6em}
}
@media (max-width:420px){
  .logo-wrap{padding-left:1em}
  .logo,.tagline,.tel{font-family:inherit;font-weight:bold}
  .logo{font-size:1.5em;font-style:italic}
  .tagline{font-size:.7em}
  .tagline-one{margin-left:.5em}
  .tagline-two{margin-left:.8em}
  .tel{font-size:1.1em}
  h1{font-size:1.125em}
  h2{font-size:1em}
  .content p{margin-bottom:1em}
  .create-portrait-item{min-width:8em;width:50%}
  .print-include{width:70%}
  .price-wrap p{margin-bottom:.2em}
  .price{margin-bottom:.5em}
  .portrait-pics-main,.print-pics-main,.size-pics-main,.works-pics,.portrait-pics,.print-pics,.gallery-pics,.price-pics,.price-size-pics{width:100%}
  .contacts-messengers a,.contacts-social a{font-size:1.2em}
  footer{font-size:.65em}
}
@media (max-width:350px){
  .logo{font-size:1em}
  .tagline{font-size:.6em}
  .m-number{font-size:.65em}
  .portrait-item-main,.print-item-main,.size-item-main,.works-item,.portrait-item,.print-item,.gallery-item,.price-item,.price-size-item{min-width:7em;width:20%}
  .portrait-item-main,.print-photo-main,.works-item,.portrait-item,.print-photo,.gallery-item,.price-pic,.price-size-pic{height:7.5em}
  .create-part{flex-wrap:wrap}
  .contacts{margin-top:2em}
  .contacts-top-row,.contacts-middle-row,.contacts-bottom-row{flex-direction:column}
  .contacts-top-row,.contacts-middle-row,.contacts-bottom-row,.contacts-phone,.contacts-messengers{margin-bottom:1.5em}
  .contacts-title{margin-bottom:.5em}
  .form-wrapper,.m-menu{max-width:85%}
}
@media (max-width:300px){
  .m-menu-btn,.h-menu-btn{width: 1.375em}
  .m-menu-btn span,.h-menu-btn span{height:.15em}
  .logo{font-size:.8em;text-shadow:none}
  .portrait-pics-main,.print-pics-main,.size-pics-main,.portrait-pics,.print-pics,.gallery-pics,.price-pics,.price-size-pics{width:90%}
  footer{font-size:.6em}
  .form,.m-menu{max-width:90%}
}
@media (max-width:250px){
  .logo,.tagline{font-family:inherit}
  .tagline{font-size:.5em}
  .tagline-one{margin-left:.5em}
  .tagline-two{margin-left:.8em}
}