/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
 line-height:1.15;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
main {
 display:block
}
h1 {
 font-size:2em;
 margin:.67em 0
}
hr {
 box-sizing:content-box;
 height:0;
 overflow:visible
}
pre {
 font-family:monospace,monospace;
 font-size:1em
}
a {
 background-color:transparent
}
abbr[title] {
 border-bottom:none;
 text-decoration:underline;
 text-decoration:underline dotted
}
b,
strong {
 font-weight:bolder
}
code,
kbd,
samp {
 font-family:monospace,monospace;
 font-size:1em
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sub {
 bottom:-.25em
}
sup {
 top:-.5em
}
img {
 border-style:none
}
button,
input,
optgroup,
select,
textarea {
 font-family:inherit;
 font-size:100%;
 line-height:1.15;
 margin:0
}
button,
input {
 overflow:visible
}
button,
select {
 text-transform:none
}
[type=button],
[type=reset],
[type=submit],
button {
 -webkit-appearance:button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
 border-style:none;
 padding:0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
 outline:1px dotted ButtonText
}
fieldset {
 padding:.35em .75em .625em
}
legend {
 box-sizing:border-box;
 color:inherit;
 display:table;
 max-width:100%;
 padding:0;
 white-space:normal
}
progress {
 vertical-align:baseline
}
textarea {
 overflow:auto
}
[type=checkbox],
[type=radio] {
 box-sizing:border-box;
 padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
 height:auto
}
[type=search] {
 -webkit-appearance:textfield;
 outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
::-webkit-file-upload-button {
 -webkit-appearance:button;
 font:inherit
}
details {
 display:block
}
summary {
 display:list-item
}
template {
 display:none
}
[hidden] {
 display:none
}
@font-face {
 font-family:'Verdana';
 font-weight:700;
 font-style:normal
}
@font-face {
 font-family:'Verdana';
 font-weight:900;
 font-style:normal
}
@font-face {
 font-family:'Verdana';
 font-weight:400;
 font-style:normal
}
body,
html {
 font-family:'Helvetica Neue',Helvetica,sans-serif;
 font-size:15px;
 line-height:1.5;
 -webkit-font-smoothing:antialiased;
 height:100%;
 box-sizing:border-box;
 overflow:hidden
}
* {
 padding:0;
 margin:0;
 outline:0!important;
 box-sizing:border-box
}
[data-color=black] {
 background:#1B1B1B;
 color:#fff
}
[data-color=white] {
 background:#fff;
 color:#000
}
.client-main-wrapper {
 box-sizing:border-box;
 max-width:500px;
 height:100%;
 margin:0 auto;
 padding:0;
 text-align:center;
 position:relative;
 overflow:auto
}
.client-main-wrapper::-webkit-scrollbar {
 width:0
}
.client-info {
 padding:40px 15px;
 display:table-cell;
 vertical-align:middle
}
.client-avatar {
 width:138px;
 height:138px;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:50% 50%;
 border-radius:50%;
 margin:0 auto;
 box-shadow:0 5px 8px rgba(0,0,0,.2)
}
.h1 {
 font-weight:900;
 font-size:18px;
 margin:15px 0 0;
 word-break:break-word
}
.subheader {
 font-size:13px;
 word-break:break-word
}
.contact-btns {
 display:block;
 padding:0 15px;
 margin:0 0 20px
}
.contact-btns-item {
 display:block
}
.contact-btn-inner {
 display:table;
 margin:0 auto;
 table-layout:fixed;
 min-height:30px
}
.contact-btn-inner>* {
 display:table-cell;
 vertical-align:middle
}
.contact-btn {
 display:block;
 text-decoration:none;
 font-weight:700;
 text-align:center;
 color:#fff;
 padding:17px 20px 16px;
 margin-top:15px;
 background-image:linear-gradient(180deg,#5AF475 0,#12C533 100%);
 border:0;
 box-shadow:0 4px 0 0 #0e9627;
 border-radius:8px
}
.contact-btn .text {
 text-align:center;
 text-shadow:0 -1px 0 rgba(0,0,0,.1);
 word-break:break-word
}
.contact-btn .icon {
 width:40px
}
.contact-btn .icon img {
 width:30px;
 height:30px;
 display:block
}
.client-main-in {
 display:table;
 width:100%;
 height:100%;
 padding:20px 0 30px
}
.client-main-in>* {
 display:table-row
}
.client-info-wr {
 height:100%
}
.contact-btns-wr {
 position:relative
}
.footer {
 text-align:center;
 margin:0 0 10px;
 font-size:12px;
 opacity:.3
}
.copyright {
 text-align:center;
 font-size:12px;
 opacity:.3
}
.copyright a {
 text-decoration:none
}
.copyright span {
 border-bottom:1px solid
}
.editing {
 box-shadow:0 0 0 1px red
}
.disabled-by-tariff {
 pointer-events:none!important;
 position:relative
}
.disabled-by-tariff>* {
 opacity:.2!important
}
.disabled-by-tariff:before {
 content:"Доступно в PRO";
 display:inline-block;
 font-weight:700;
 background:#000;
 color:#fff;
 padding:2px 8px 1px;
 border-radius:5px;
 opacity:1;
 z-index:1000;
 font-size:13px;
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 margin:auto;
 width:120px;
 height:21px
}