html, body { background-color:#1F303A; background-image:url(/i/v14/i/bg.png); background-position: top center;  background-repeat: repeat-x; width: 100%; height:100%; overflow:visible;  font-family:'PTD', sans-serif; font-size:100.01%; font-weight:400; margin:0; padding:0; color:#000000;  text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; font-smooth: always;   }
.content { display:flex; justify-content:center; flex-wrap:wrap; text-align:center;  max-width: 400px; min-width:300px;  margin: 40px auto 80px auto; position: relative; z-index: 10; background-color:#ffffff; box-shadow: 0 0 10px rgba(0,0,0,.50); }
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v8/kTYfCWJhlldPf5LnG4ZnHCEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v8/g46X4VH_KHOWAAa-HpnGPiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v8/0XxGQsSc1g4rdRdjJKZrNPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4SppsHecKHw584ktcwPXSnc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4Uvi3q9-zTdQoLrequQTguk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4UU-p1xzoRgkupcXIqgYFBc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYryh_4Vx_7RIyhQ3vqTJYis.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYuICWD8dS1fawAsHP3zkW40.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYhKUK2vxztsQZZBkxIuj92o.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v8/5hX15RUpPERmeybVlLQEWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v8/fU0HAfLiPHGlZhZpY6M7dBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v8/I-OtoJZa3TeyH6D9oli3ifesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v8/QABk9IxT-LFTJ_dQzv7xpDTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v8/QABk9IxT-LFTJ_dQzv7xpDUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v8/QABk9IxT-LFTJ_dQzv7xpI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'PTD';
  font-style: normal;
  font-weight: 400;
  src: local('PTD'), url(/i/v14/files/fonts/ptd.woff) format('woff');
}


.info { height:30px; width:100%; display: table; margin:0 0 10px 0; }
.info SPAN { width:80%; padding:0 10%; background-color:#EAFDB0; font:16px/17px 'PT Sans Narrow', sans-serif; font-weight:400; color:#242D31; text-align:center; margin:0 0 10px 0; min-height:30px; display: table-cell; vertical-align: middle; }
.userpic { width:80%; margin:0 0 37px 0; }
.userpic IMG { width:69px; height:69px; border-radius:50%; display:block; margin:0 auto; }
.input { width:80%; border:0px; padding:4px 0; border-bottom:1px solid #CED7DB; display:block; text-align:center; color:#242D31; font:16px/20px 'PTD', sans-serif; font-weight:400; margin:0 0 17px 0; }
::-webkit-input-placeholder { color:#78909C; font:14px/16px 'PTD', sans-serif; font-weight:400;}
::-moz-placeholder { color:#455A64; font:14px/16px 'PTD', sans-serif; font-weight:400;}
:-ms-input-placeholder { color:#78909C; font:14px/20px 'PTD', sans-serif; font-weight:400; }
.button { width:auto; padding:0 12% 2px 12%; font:16px/30px 'PTD', sans-serif; letter-spacing: -0.5px;  color:#D5DADD; cursor:pointer; background-color:#1F303A; border-radius:1px; border:0px; margin:18px 0 0 0; }
.button:hover { color:#FFFFFF; background-color:#86BF34; }
.button:active { position:relative; top:1px; }
.soc { width:100%; background-color:#F1F4F5; border-top:1px solid #E0E7E9; border-bottom:1px solid #E0E7E9; margin:40px 0 30px 0; padding:27px 0 30px 0; }
.soc DIV:nth-of-type(1) { font:15px/17px 'PT Serif', sans-serif; font-weight:400; color:#39424A;  }
.soc DIV:nth-of-type(2) { height:70px; overflow:hidden; }
.soc SPAN { display:inline-block; width:48px; height:48px; background-image:url(/i/v14/i/i_sign.png);  background-size: 32px 300px; background-repeat: no-repeat; position:relative; cursor:pointer; margin:0 3%; border-radius:50%; top:-100px;  }
.soc SPAN:hover { background-color:#1F303A; }
.soc .vk { background-position: 7px -85px; background-color:#507299; }
.soc .facebook { background-position: 18px 12px; background-color:#3B5898; }
.soc .google { background-position: 12px -38px; background-color:#1976D2; }
.soc .yandex_ru { background-position: 17px -138px; background-color:#FF0000;}
.soc .yandex_com { background-position: 17px -188px; background-color:#FF0000;}
a.link:link, a.link:visited { color:#466F86; text-decoration:underline; display:inline-block; padding:0 4%; font:16px/30px 'PT Sans Narrow', sans-serif; font-weight:400; }
a.link:hover,  a.link:active { color:#242D31; text-decoration:none; }
a.mail:link, a.mail:visited { color:#466F86; text-decoration:underline; font-weight:400; }
a.mail:hover,  a.mail:active { color:#242D31; text-decoration:none; }
a.tail:link, a.tail:visited { color:#96A3AB; text-decoration:underline; display:block; width:100%; font:18px/33px 'PT Sans Narrow', sans-serif; font-weight:400; position:relative; top:51px; }
a.tail:hover,  a.tail:active { color:#FFFFFF; text-decoration:none; }
.avatar { width:100%; font:15px/17px 'PT Serif', sans-serif; font-weight:400; color:#242D31; margin:7px 0 7px 0; }
.avatar_info { width:100%; font:14px/18px 'PT Sans Narrow', sans-serif; font-weight:400; color:#78909C; }
.upload { width:100%; position: relative; overflow: hidden; margin:20px 0 17px 0; }
.upload SPAN { display:inline-block; width:auto; padding:0 12% 2px 12%; font:14px/26px 'PTD', sans-serif; letter-spacing: -0.5px;  color:#466F86; cursor:pointer; border-radius:1px; background-color:#F1F4F5;  border:1px solid #DAE1E4;  }
.upload:hover SPAN { background-color:#FFFFFF;  border:1px solid #DAE1E4; color:#1A2226; }
.input_upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.name { width:100%; font:30px/32px 'PT Serif', sans-serif; font-weight:700; color:#242D31; position:relative; top:-13px; margin:0 0 0 0; }
.strong_login { width:100%; font:15px/16px 'PT Sans Narrow', sans-serif; font-weight:400; color:#78909C; margin:0 0 30px 0; }
.name_change { width:100%; font:14px/18px 'PT Sans Narrow', sans-serif; font-weight:400; color:#78909C; position:relative; top:-13px; }
.mail_real { width:100%; font:14px/18px 'PT Sans Narrow', sans-serif; font-weight:400; color:#78909C; position:relative; top:-13px; margin:0 0 5px 0; }
.out { width:100%; border-top:1px solid #CED7DB; margin:40px 0 0 0; padding:27px 0 0 0; }
.active_1 { width:100%; font:15px/20px 'PT Serif', sans-serif; color:#242D31; border-bottom:1px solid #CED7DB; padding:0 0 37px 0; }
.active_1 SPAN { font-weight:700; }
.active_2 { width:100%; font:14px/20px 'PT Serif', sans-serif; color:#455A64; padding:27px 0 0 0; }
.soc SPAN:nth-of-type(1) { -webkit-animation-name: socic1; animation-name: socic1; -webkit-animation-duration: 800ms;  animation-duration: 800ms;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 200ms; animation-delay: 200ms; }
.soc SPAN:nth-of-type(2) { -webkit-animation-name: socic2; animation-name: socic2; -webkit-animation-duration: 800ms;  animation-duration: 800ms;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 600ms; animation-delay: 600ms; }
.soc SPAN:nth-of-type(3) { -webkit-animation-name: socic3; animation-name: socic3; -webkit-animation-duration: 800ms;  animation-duration: 800ms;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1000ms; animation-delay: 1000ms; }
.soc SPAN:nth-of-type(4) { -webkit-animation-name: socic4; animation-name: socic4; -webkit-animation-duration: 800ms;  animation-duration: 800ms;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1400ms; animation-delay: 1400ms; }
.for_pass { width:80%;display:flex; justify-content:center; flex-wrap:wrap; }
.reglament { color:#466F86; font:13px/16px 'PT Sans Narrow', sans-serif; margin:25px 4% 0 4%; }

@-webkit-keyframes socic1 {
    from { opacity: 0; top:-100px; }
    to {  opacity: 1; top:22px;  }
}
@keyframes socic1 {
    from { opacity: 0; top:-100px; }
    to {  opacity: 1; top:22px;  }
}

@-webkit-keyframes socic2 {
    from { opacity: 0; top:-100px; }
    to {  opacity: 1; top:22px;  }
}
@keyframes socic2 {
    from { opacity: 0; top:-100px; }
    to {  opacity: 1; top:22px;  }
}

@-webkit-keyframes socic3 {
    from { opacity: 0; top:-100px; }
    to {  opacity: 1; top:22px;  }
}
@keyframes socic3 {
    from { opacity: 0; top:-100px; }
    to {  opacity: 1; top:22px;  }
}

@-webkit-keyframes socic4 {
    from { opacity: 0; top:-100px; }
    to {  opacity: 1; top:22px;  }
}
@keyframes socic4 {
    from { opacity: 0; top:-100px; }
    to {  opacity: 1; top:22px;  }
}

@media (max-width: 800px) { 
.content { margin: 30px auto 80px auto;  }
}

@media (max-width: 400px) { 
.content { margin: 10px 10px 80px 10px;  }
}