/* @group Base */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100% !important;
    min-width: 340px;
    outline: none;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #d8e7ea;
    border-top: 0;
    background: #fcfdfd;
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}

.chosen-container a {
    cursor: pointer;
    outline: none;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 11px;
    height: 28px;
    border: 1px solid #d8e7ea;
    border-radius: 2px;
    background-color: #fcfdfd;
    color: #3f3f3f;
    text-decoration: none;
    white-space: nowrap;
    line-height: 28px;
    outline: none;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../js/chosen_v1.2.0/select.png') -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 100%;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 5px;
    height: 10px;
  /*background: url('../js/chosen_v1.2.0/select.png');*/
    position: absolute;
    right: 10px;
    top: 9px;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: white url('../js/chosen_v1.2.0/chosen-sprite.png') no-repeat 100% -20px;
    background: url('../js/chosen_v1.2.0/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('../js/chosen_v1.2.0/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background: url('../js/chosen_v1.2.0/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

/* @end */
/* @group Results */
.chosen-scroll {
    position: relative;
    overflow: hidden;
    max-height: 240px;
    width: 100%;
}

.chosen-container .chosen-results {
    position: relative;
    margin: 0 4px 4px 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 11px;
    list-style: none;
    line-height: 15px;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #d8e7ea;
}

.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 5px;
    height: 15px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #666;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-field .default {
    color: #999;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../js/chosen_v1.2.0/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
/*  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
}

.chosen-container-active.chosen-with-drop .chosen-single {
/*  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;*/
}

.chosen-container-active.chosen-with-drop .chosen-single div {
/*  border-left: none;
  background: transparent;*/
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  /*background-position: -18px 2px;*/
}

.chosen-container-active .chosen-choices {
/*  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  /*color: #111 !important;*/
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}

.chosen-rtl .chosen-choices li {
    float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
    left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
  /*background: white url('../js/chosen_v1.2.0/chosen-sprite.png') no-repeat -30px -20px;*/
  /*background: url('../js/chosen_v1.2.0/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));*/
  /*background: url('../js/chosen_v1.2.0/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);*/
  /*background: url('../js/chosen_v1.2.0/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);*/
  /*background: url('../js/chosen_v1.2.0/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);*/
  /*background: url('../js/chosen_v1.2.0/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);*/
    direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    /*background-image: url('../js/chosen_v1.2.0/chosen-sprite@2x.png') !important;*/
    /*background-size: 52px 37px !important;*/
    /*background-repeat: no-repeat !important;*/
    }
}
/* @end */

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueCyr-Light.eot');
    src: url('../fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/HelveticaNeueCyr-Light.woff') format('woff'),
       url('../fonts/HelveticaNeueCyr-Light.ttf')  format('truetype'),
       url('../fonts/HelveticaNeueCyr-Light.svg#e134913b640f138403f1e25143da3868') format('svg');
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeueCyr-Medium.eot');
  src: url('../fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
       url('../fonts/HelveticaNeueCyr-Medium.ttf')  format('truetype'),
       url('../fonts/HelveticaNeueCyr-Medium.svg#b11817f0f086af0a7c888702d6c6c7f6') format('svg');
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
    font-family: 'Elektra Text Pro';
  src: url('../fonts/ElektraTextPro-Bold.eot');
  src: url('../fonts/ElektraTextPro-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ElektraTextPro-Bold.woff') format('woff'),
       url('../fonts/ElektraTextPro-Bold.ttf')  format('truetype'),
       url('../fonts/ElektraTextPro-Bold.svg#2d21227bed0a1f1f5e04009ed8e63b16') format('svg');
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
    font-family: 'Elektra Text Pro';
  src: url('../fonts/ElektraTextPro.eot'); 
  src: url('../fonts/ElektraTextPro.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ElektraTextPro.woff') format('woff'), 
       url('../fonts/ElektraTextPro.ttf')  format('truetype'),
       url('../fonts/ElektraTextPro.svg#ce294d1546d66199972c794a1023f04c') format('svg');
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
    font-family: 'Tahoma';
  src: url('../fonts/Tahoma Bold.eot');
  src: url('../fonts/Tahoma Bold.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Tahoma Bold.woff') format('woff'), 
       url('../fonts/Tahoma Bold.ttf')  format('truetype'),
       url('../fonts/Tahoma Bold.svg#8f194bf916af47014634fb33bd86652c') format('svg');
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
    font-family: 'Tahoma';
  src: url('../fonts/Tahoma.eot');
  src: url('../fonts/Tahoma.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Tahoma.woff') format('woff'),
       url('../fonts/Tahoma.ttf')  format('truetype'),
       url('../fonts/Tahoma.svg#2bd141ae2a8e92e3cdd9163089ec8924') format('svg');
       
  font-style:   normal;
  font-weight:  400;
}



html.no-backgroundsize body .page .start-now {
    background: #2d3a43;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/register/header-bg.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/register/header-bg.jpg',sizingMethod='scale')";
}
/*! noUiSlider - 7.0.9 - 2014-10-08 16:49:45 */


.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s,top .3s;
    transition: left .3s,top .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-base {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51,51,51,.45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB
}

.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB
}

.noUi-handle:after,.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect,[disabled].noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle {
    cursor: not-allowed
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
}

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}
.checkbox-widget input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 1000;
}

.checkbox-widget input[type="checkbox"]:checked + label:before {
    background-color: #478e9e;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("../img/register/checked.svg");
}

.checkbox-widget label {
    display: block;
    font-size: 16px;
    font-weight: 200;
    font-family: 'Helvetica Neue';
    line-height: 30px;
    color: #3f3f3f;
    padding: 0 0 0 40px;
    position: relative;
    cursor: pointer;
}

.checkbox-widget label:hover:before {
    background-color: #cbcbcb;
}

.checkbox-widget label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    background-color: #e1e1e1;
    margin: -10px 0 0;
}

html.touch body .contacts-and-feedback .feedback .file-attachment {
    display: none;
}

html.no-svg body .contacts-map .close {
    background-image: url("../img/register/close-round.png");
}

html.no-svg body .feedback .message-send .message-text {
    background-image: url("../img/register/ok.png");
}

html.no-svg body .contacts .show-on-map {
    background-image: url("../img/register/geo.svg");
}

html.no-svg body .contacts section.social nav a.fb {
    background-image: url("../img/register/fb.png");
}

html.no-svg body .contacts section.social nav a.vk {
    background-image: url("../img/register/vk.png");
}

html.no-svg body .contacts section.social nav a.tw {
    background-image: url("../img/register/tw.png");
}

.contacts-map {
    display: none;
    position: fixed;
    width: 800px;
    height: 600px;
    max-width: 90%;
    max-height: 90vh;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    z-index: 10001;
    border: 3px solid #fff;
    border-radius: 3px;
}

.contacts-map .close {
    z-index: 3;
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    font-size: 0;
    line-height: 0;
    background: url("../img/register/close-round.svg") 50% 50% no-repeat;
}

.contacts-map .map {
    width: 100%;
    height: 100%;
    display: block;
}

.lightbox {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10000;
}

.contacts-and-feedback {
    width: 960px;
    margin: 40px auto;
    font-size: 0;
    font-family: 'Tahoma', sans-serif;
}

.contacts-and-feedback .title {
    font-size: 26px;
    color: #3f3f3f;
    line-height: 31px;
    font-weight: bold;
    margin: 20px 0;
}

.contacts-and-feedback .feedback {
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 554px;
    padding: 0 20px;
    border: 3px solid #ededed;
    height: 475px;
    font-size: 11px;
    overflow: hidden;
}

.contacts-and-feedback .feedback.sent .message-send {
    display: block;
}

.contacts-and-feedback .feedback .message-send {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: #fff;
    z-index: 25;
    text-align: center;
    line-height: 475px;
}

.contacts-and-feedback .feedback .message-send .message-text {
    padding: 100px 0 0;
    vertical-align: middle;
    line-height: 19px;
    display: inline-block;
    background: url("../img/register/ok.svg") 50% 0 no-repeat;
}

.contacts-and-feedback .feedback .message-send .message-text .message-title {
    font-size: 22px;
    line-height: 27px;
    font-weight: bold;
    color: #3f3f3f;
    margin: 0 0 6px;
}

.contacts-and-feedback .feedback .message-send .message-text p {
    font-size: 15px;
    line-height: 21px;
    color: #3f3f3f;
    color: rgba(63,63,63,0.7);
}

.contacts-and-feedback .feedback nav {
    text-align: center;
}

.contacts-and-feedback .feedback nav button {
    font-family: 'Tahoma', sans-serif;
    outline: none;
    height: 50px;
    width: 160px;
    background-color: #ff8c43;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border-style: none;
    box-shadow: none;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.contacts-and-feedback .feedback nav button:hover {
    background-color: #ff6503;
}

.contacts-and-feedback .feedback .double-line {
    font-size: 0;
}

.contacts-and-feedback .feedback .double-line label {
    display: inline-block;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding-left: 10px;
}

.contacts-and-feedback .feedback .double-line label:first-child {
    padding-left: 0;
    padding-right: 10px;
}

.contacts-and-feedback .feedback label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 13px;
    color: #858585;
    font-weight: bold;
}

.contacts-and-feedback .feedback .line .chosen-container {
    margin: 8px 0 20px;
}

.contacts-and-feedback .feedback .line select {
    margin: 8px 0 20px;
    width: 100%;
}

.contacts-and-feedback .feedback input[type="file"] {
    display: block;
    margin: 8px 0 20px;
}

.contacts-and-feedback .feedback input[type="text"],
.contacts-and-feedback .feedback input[type="email"] {
    font-family: 'Tahoma', sans-serif;
    display: block;
    width: 100%;
    height: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 14px;
    color: #3f3f3f;
    color: rgba(63,63,63,0.6);
    outline: none;
    margin: 8px 0 20px;
    border: 1px solid #e5e5e5;
    background: #fff;
}

.contacts-and-feedback .feedback input[type="text"]:focus,
.contacts-and-feedback .feedback input[type="email"]:focus {
    border-color: #d8e7ea;
}

.contacts-and-feedback .feedback .chosen-container {
    margin: 8px 0 20px;
}

.contacts-and-feedback .feedback textarea {
    display: block;
    resize: none;
    width: 100%;
    height: 120px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 14px;
    padding: 8px 10px;
    outline: none;
    margin: 0 0 20px;
    border: 1px solid #e5e5e5;
    background: #fff;
    font-family: 'Tahoma', sans-serif;
}

.contacts-and-feedback .feedback textarea:focus {
    border-color: #d8e7ea;
}

.contacts-and-feedback .contacts {
    vertical-align: top;
    display: inline-block;
    width: 300px;
    min-height: 475px;
    padding: 0 30px;
    overflow: hidden;
    font-size: 12px;
    line-height: 19px;
}

.contacts-and-feedback .contacts .show-on-map {
    color: #377c8c;
    margin-bottom: 10px;
    display: inline-block;
    padding: 0 0 0 20px;
    background: url("../img/register/geo.svg") 0 50% no-repeat;
}

.contacts-and-feedback .contacts .email {
    color: #377c8c;
}

.contacts-and-feedback .contacts .tel {
    color: #303030;
    line-height: 22px;
    font-size: 18px;
    text-decoration: none;
}

.contacts-and-feedback .contacts .work-time {
    color: #3f3f3f;
    color: rgba(63,63,63,0.5);
    margin: 0 0 15px;
}

.contacts-and-feedback .contacts strong {
    font-weight: bold;
}

.contacts-and-feedback .contacts address {
    font-size: 13px;
}

.contacts-and-feedback .contacts section {
    border-top: 1px solid #ededed;
    padding: 20px 0 0;
    margin-top: 20px;
}

.contacts-and-feedback .contacts section.social nav a {
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 0;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}

.contacts-and-feedback .contacts section.social nav a.fb {
    background: url("../img/register/fb.svg") 0 0 no-repeat;
}

.contacts-and-feedback .contacts section.social nav a.vk {
    background: url("../img/register/vk.svg") 0 0 no-repeat;
}

.contacts-and-feedback .contacts section.social nav a.tw {
    background: url("../img/register/tw.svg") 0 0 no-repeat;
}

.contacts-and-feedback .contacts section .sub-title {
    color: #858585;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

@media (max-width: 960px) {
    .contacts-and-feedback {
        width: auto;
    }

    .contacts-and-feedback .feedback {
        width: auto;
        display: block;
        border-style: none;
        padding: 0 30px;
    }

    .contacts-and-feedback .contacts {
        width: auto;
        display: block;
    }
}

@media (max-width: 500px) {
    .contacts-and-feedback .feedback .double-line label {
        display: block;
        width: auto;
        padding: 0;
    }

    .contacts-and-feedback .feedback .double-line label:first-child {
        padding: 0;
    }
}

html.no-svg body .dropdown-container-widget {
    background-image: url("../img/register/ddico.png");
}

.dropdown-container-widget {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
    height: 48px;
    line-height: 48px;
    background: url("../img/register/ddico.svg") 100% 50% no-repeat;
}

.dropdown-container-widget.clicked {
    pointer-events: none;
}

.dropdown-container-widget.clicked .list,
.dropdown-container-widget.clicked .list:hover {
    display: none;
}

.dropdown-container-widget:hover {
    border-color: #bfd6db;
}

.dropdown-container-widget.ui-state-error {
    border-color: #f56d6c;
    box-shadow: 0 0 4px 1px rgba(245,109,108,0.3);
}

.dropdown-container-widget .current {
    cursor: pointer;
    color: #3f3f3f;
    padding: 0 34px 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    line-height: 48px;
    font-weight: 200;
    font-family: 'Helvetica Neue';
}

.dropdown-container-widget .current.default span {
    color: rgba(63,63,63,0.51);
}

.dropdown-container-widget .list {
    display: none;
    background: #fff;
    border: 1px solid #bfd6db;
    border-radius: 4px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    max-height: 300px;
    max-height: 50vh;
    overflow: auto;
    font-size: 0;
}

.dropdown-container-widget .list .checkbox-widget {
    margin: 11px 0 0 11px;
}

.dropdown-container-widget .list .column {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 500px) {
    .dropdown-container-widget .list .column {
        width: auto;
    }

    .dropdown-container-widget .list .column:last-child {
        padding: 0 0 11px;
    }
}

html.no-svg body .dropdown-widget {
    background-image: url("../img/register/ddico.png");
}

html.touch body .dropdown-widget select {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: 1000;
    opacity: 0.001;
}

html.touch body .dropdown-widget:hover {
    border-color: #bfd6db;
}

html.touch body .dropdown-widget:hover .list {
    display: none;
}

.dropdown-widget {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
    height: 48px;
    line-height: 48px;
    background: url("../img/register/ddico.svg") 100% 50% no-repeat;
}

.dropdown-widget.clicked {
    pointer-events: none;
}

.dropdown-widget.clicked .list,
.dropdown-widget.clicked .list:hover {
    display: none;
}

.dropdown-widget:hover {
    border-color: #bfd6db;
}

.dropdown-widget:hover .list {
    display: block;
}

.dropdown-widget.ui-state-error {
    border-color: #f56d6c;
    box-shadow: 0 0 4px 1px rgba(245,109,108,0.3);
}

.dropdown-widget select {
    position: absolute;
    margin: 0;
    left: -9999px;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    outline: none;
    border: none;
    background: none;
    box-shadow: none;
    color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.dropdown-widget .current {
    color: #3f3f3f;
    padding: 0 34px 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    line-height: 48px;
    font-weight: 200;
    font-family: 'Helvetica Neue';
}

.dropdown-widget .current.default span {
    color: rgba(63,63,63,0.51);
}

.dropdown-widget .list {
    display: none;
    background: #fff;
    border: 1px solid #bfd6db;
    border-radius: 4px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    max-height: 300px;
    max-height: 50vh;
    overflow: auto;
}

.dropdown-widget .list .option {
    padding: 0 10px;
    cursor: pointer;
    background-color: #fff;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
    font-size: 16px;
    color: #3f3f3f;
    font-weight: 200;
    font-family: 'Helvetica Neue';
}

.dropdown-widget .list .option.selected {
    pointer-events: none;
}

.dropdown-widget .list .option.selected,
.dropdown-widget .list .option:hover {
    background-color: rgba(191,214,219,0.4);
}

html.no-flexbox body .experience-widget .experience-line .experience-line-header .years {
    width: 11.111%;
    text-align: center;
}

.experience-widget {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.experience-widget .value {
    vertical-align: middle;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
    height: 48px;
    box-shadow: none;
    font-size: 18px;
    font-weight: 200;
    line-height: 24px;
    padding: 11px 10px;
    outline: none;
    font-family: 'Helvetica Neue';
    width: 70px;
}

.experience-widget .value:hover,
.experience-widget .value:focus {
    border-color: #bfd6db;
}

.experience-widget .experience-line {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin-left: 20px;
    height: 10px;
    width: 350px;
    background: #e2e4e4;
    border-radius: 2px;
    box-shadow: inset 0 1px 0 0 #cbcdcd;
    cursor: pointer;
}

.experience-widget .experience-line .experience-line-header {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 0 6px;
    line-height: 15px;
    font-weight: 200;
    font-family: 'Helvetica Neue';
    color: #3f3f3f;
    color: rgba(63,63,63,0.8);
    white-space: nowrap;
    font-size: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.experience-widget .experience-line .experience-line-header .years {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}

.experience-widget .experience-line .experience-status {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    display: block;
    border-radius: 2px;
    background-color: #6cb0bf;
    background-image: -webkit-linear-gradient(top, #6cb0bf 0%, #4793a3 100%);
    background-image: linear-gradient(to bottom, #6cb0bf 0%, #4793a3 100%);
}

.experience-widget .experience-line .experience-handle {
    position: relative;
    z-index: 2;
    top: 0;
    width: 0;
    height: 10px;
    cursor: pointer;
}

.experience-widget .experience-line .experience-handle span {
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    display: block;
    position: absolute;
    top: 100%;
    left: 100%;
    margin-left: -7px;
    width: 14px;
    height: 20px;
    background: url("../img/register/handle.svg") 0 0 no-repeat;
}

@media (max-width: 500px) {
    .experience-widget .experience-line {
        display: none;
    }

    .experience-widget .value {
        width: 100%;
    }
}

html.no-svg .how-we-work .steps .step:after {
    background: url("../img/register/arrow.png") 0 0 no-repeat;
}

html.no-svg .how-we-work .steps .step:before {
    background: url("../img/register/circle.png") 50% 50% no-repeat;
}

.how-we-work {
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-top: 70px;
}

.how-we-work .title {
    color: #3f3f3f;
    font-size: 42px;
    line-height: 46px;
    margin-bottom: 40px;
}

.how-we-work .steps {
    max-width: 980px;
    font-size: 0;
    line-height: 0;
    margin: 0 auto 70px;
    counter-reset: steps-counter;
}

.how-we-work .steps .step {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-family: 'Helvetica Neue';
    counter-increment: steps-counter;
}

.how-we-work .steps .step:first-child:after {
    display: none;
}

.how-we-work .steps .step:after {
    content: ".";
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    line-height: 0;
    width: 64px;
    height: 20px;
    position: absolute;
    left: -32px;
    top: 23px;
    background: url("../img/register/arrow.svg") 0 0 no-repeat;
}

.how-we-work .steps .step:before {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100%;
    margin: 0 auto 10px;
    font-family: 'Elektra Text Pro';
    font-weight: bold;
    color: #fff;
    background-color: #478e9e;
    font-size: 36px;
    content: counter(steps-counter);
}

.how-we-work .steps .step .sub-title {
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color: #0c0a09;
    font-weight: 400;
    margin: 0 6px 15px;
}

.how-we-work .steps .step p {
    color: #3f3f3f;
    font-size: 16px;
    line-height: 22px;
    font-weight: 200;
    margin: 0 6px;
}

.how-we-work p.couple-of-minutes {
    color: rgba(63,63,63,0.6);
    font-size: 16px;
    line-height: 26px;
    font-family: 'Helvetica Neue';
    font-weight: 200;
    margin: 12px 0 65px;
}

.how-we-work .register {
    font-family: 'Elektra Text Pro';
    font-weight: bold;
    height: 24px;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    padding: 19px 20px 15px;
    text-decoration: none;
    background-color: #ff8c43;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.how-we-work .register:hover {
    background-color: #ffa84a;
}

.how-we-work .register:after {
    content: '>';
}

@media (max-width: 760px) {
    .how-we-work .steps .step {
        width: 50%;
        margin-bottom: 32px;
    }

    .how-we-work .steps .step:after {
        display: none;
    }
}

@media (max-width: 640px) {
    .how-we-work {
        text-align: left;
    }

    .how-we-work .register {
        width: 230px;
        margin: auto;
        display: block;
        padding: 19px 0 15px;
        font-size: 14px;
        line-height: 18px;
        height: 18px;
        text-align: center;
    }

    .how-we-work .couple-of-minutes {
        text-align: center;
    }

    .how-we-work .steps .step {
        display: block;
        width: auto;
        min-height: 80px;
        padding: 0 0 0 86px;
    }

    .how-we-work .steps .step:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 540px) {
    .how-we-work .steps .step {
        min-height: 40px;
        padding: 0 0 0 36px;
    }

    .how-we-work .steps .step:before {
        font-size: 14px;
        line-height: 30px;
        position: absolute;
        left: 0;
        top: -3px;
        width: 30px;
        height: 30px;
    }
}

html {
    height: 100%;
    width: 100%;
}

html.no-svg body header .logotype {
    background-image: url("../img/register/logotype.png");
}

html body {
    overflow-x: hidden;
    position: relative;
    min-height: 100%;
    width: 100%;
    font-family: 'Helvetica Neue', sans-serif;
}

html body .wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 10px;
}

html body main.page {
    display: block;
    padding: 0 0 100px;
}

html body footer {
    font-size: 0;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    overflow: hidden;
    line-height: 100px;
    background-color: #2b2f33;
}

html body footer .logotype {
    white-space: normal;
    display: inline-block;
    width: 24%;
    height: 100px;
    background: url("../img/register/footer-logo.png") 30px 12px no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
}

html body footer .column {
    font: 12px/20px Tahoma, Geneva, sans-serif;
    white-space: normal;
    max-width: 36%;
    margin-left: 2%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 14px;
    color: #85898c;
}

html body footer .column .tel {
    float: left;
    clear: left;
}

html body footer .column a {
    color: #85898c;
    text-decoration: none;
}

html body header {
    height: 100px;
}

html body header .wrapper {
    position: relative;
}

html body header .logotype {
    position: absolute;
    top: 24px;
    left: 30px;
    width: 275px;
    height: 107px;
    background: url("../img/register/logotype.svg") 0 0 no-repeat;
    z-index: 10;
    text-indent: -999px;
    overflow: hidden;
}

html body header .work-time {
    position: absolute;
    right: 30px;
    top: 58px;
    color: #777;
    font-size: 12px;
    line-height: 14px;
    font-family: 'Tahoma';
}

html body header .tel {
    position: absolute;
    right: 30px;
    top: 30px;
    text-decoration: none;
    font-size: 23px;
    line-height: 23px;
    font-family: 'Tahoma';
    color: #303030;
}

html body header .tel b {
    font-weight: bold;
}

@media (max-width: 500px) {
    html body .registration-steps .panel .duration-container .value {
        width: 100%;
    }

    html body .registration-steps .panel .duration-container .duration-line-header,
  html body #duration {
        display: none;
    }
}

@media (max-width: 800px) {
    html body .wrapper {
        padding: 0 32px;
    }
}

@media (max-width: 1000px) {
    html body main.page {
        padding: 0;
    }

    html body footer {
        position: static;
    }

    html body footer .logotype {
        display: none;
    }

    html body footer .column {
        max-width: 48%;
        margin: 0 2% 0 0;
    }
}

@media (max-width: 560px) {
    html body header {
        margin-bottom: 32px;
        text-align: center;
    }

    html body header .logotype {
        right: 0;
        margin: auto;
    }

    html body header .work-time,
  html body header .tel {
        display: none;
    }
}

@media (max-width: 680px) {
    html body footer {
        height: auto;
        padding: 32px 0;
    }

    html body footer .column {
        max-width: none;
        display: block;
    }
}

html.no-svg body .message-panel .text {
    background: url("../img/register/info.png") 0 0 no-repeat;
}

html.no-svg body .message-panel nav .close {
    background: url("../img/register/close-message.png") 0 0 no-repeat;
}

.message-panel {
    z-index: 20;
    position: relative;
    height: 46px;
    color: #3f3f3f;
    font-size: 0;
    line-height: 46px;
    white-space: nowrap;
    padding: 0 10px 0 46px;
    font-family: 'Tahoma', sans-serif;
    background: #cff2e1;
    display: block;
}

.message-panel-wrapper {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
}

.message-panel .text {
    line-height: 46px;
    height: 46px;
    padding: 0 0 0 24px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    background: url("../img/register/info.svg") 0 50% no-repeat;
}

.message-panel .text strong {
    font-weight: bold;
}

.message-panel nav {
    float: right;
    height: 46px;
    line-height: 46px;
    text-align: right;
}

.message-panel nav .close {
    margin: 9px 0 9px 16px;
    padding: 0;
    text-align: left;
    overflow: hidden;
    width: 28px;
    height: 28px;
    float: right;
    text-indent: -999px;
    position: relative;
    font-size: 0;
    line-height: 0;
    background: url("../img/register/close-message.svg");
    opacity: 1;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}

.message-panel nav .close:hover {
    opacity: 0.6;
}

.message-panel nav .details {
    margin: 5px 0 5px 16px;
    padding: 0;
    float: right;
    background: #7ab89c;
    color: #fff;
    font-weight: bold;
    border-radius: 2px;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    text-align: center;
    width: 120px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.message-panel nav .details:hover {
    background-color: #55a07e;
}

.radio-widget {
    position: relative;
    display: inline-block;
}

.radio-widget input {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

.radio-widget label {
    font-size: 18px;
    color: #3f3f3f;
    line-height: 22px;
    font-family: 'Helvetica Neue';
    font-weight: 200;
    position: relative;
    padding: 0 0 0 30px;
    cursor: pointer;
}

.radio-widget label:hover:before {
    background-color: #cbcbcb;
}

.radio-widget label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -10px 0 0 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #e1e1e1;
}

.radio-widget label:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 6px;
    margin: -4px 0 0 0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: opacity 0.25s, background-color 0.25s;
    transition: opacity 0.25s, background-color 0.25s;
    opacity: 0;
}

.radio-widget input:checked+label {
    pointer-events: none;
}

.radio-widget input:checked+label:hover:after {
    opacity: 1;
}

.radio-widget input:checked+label:before {
    background: #478e9e;
}

.radio-widget input:checked+label:after {
    opacity: 1;
}

html.no-svg body .registration-step-0 .logotype {
    background-image: url("../img/register/logotype-register.png");
}

html.no-svg body .registration-step-0-close {
    background-image: url("../img/register/close.png");
}

html.no-svg body .registration-step-0 .sms nav .resend-password {
    background-image: background url("../img/register/refresh.png");
}

.registration-step-0 {
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000 url("../img/register/header-bg.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 1000;
    width: 100%;
    height: 100vh;
    line-height: 100vh;
    text-align: center;
    vertical-align: middle;
    display: none;
}

.registration-step-0 .logotype {
    position: absolute;
    top: 30px;
    left: 40px;
    width: 235px;
    height: 91px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    background: url("../img/register/logotype-register.svg") 0 0 no-repeat;
}

.registration-step-0-close {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 40px;
    right: 40px;
    background: url("../img/register/close.svg") 100% 0 no-repeat;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.registration-step-0-close:hover {
    opacity: 0.7;
}

.registration-step-0 .sms {
    display: none;
    box-shadow: 0 2px 44px 0 rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 293px;
    width: 420px;
    background: #fff;
    z-index: 1005;
    border-radius: 4px;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
}

.registration-step-0 .sms .line {
    position: relative;
    padding: 4px 20px;
    line-height: 48px;
    height: 48px;
}

.registration-step-0 .sms .line input {
    float: left;
    display: block;
    height: 22px;
    width: 148px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 12px 15px;
    font-size: 18px;
    line-height: 22px;
    outline: none;
}

.registration-step-0 .sms .line input.ui-state-error,
.registration-step-0 .sms .line input.ui-state-error:focus {
    border-color: #f56d6c;
    box-shadow: 0 0 4px 1px rgba(245,109,108,0.3);
}

.registration-step-0 .sms .line input:focus {
    border-color: #bfd6db;
}

.registration-step-0 .sms .line button {
    margin: auto;
    font-family: 'Elektra Text Pro';
    font-weight: bold;
    border-style: none;
    height: 48px;
    width: 180px;
    float: right;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    background-color: #ff8c43;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
    outline: none;
}

.registration-step-0 .sms .line button:focus,
.registration-step-0 .sms .line button:hover {
    background-color: #ffa84a;
}

.registration-step-0 .sms .line button:after {
    content: '>';
}

.registration-step-0 .sms .line .error {
    display: none;
    margin-right: 10px;
    width: 230px;
    padding: 10px 9px 10px 15px;
    height: 36px;
    font-size: 14px;
    line-height: 17px;
    border-radius: 2px;
    position: absolute;
    right: 100%;
    top: 0;
    color: #fff;
    background-color: #ff7070;
    background-color: rgba(255,112,112,0.95);
}

.registration-step-0 .sms .line .error:after {
    left: 100%;
    top: 50%;
    position: absolute;
    content: '.';
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: block;
    margin: -6px 0 0;
    border-width: 6px 0 6px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #ff7070;
    border-color: transparent transparent transparent rgba(255,112,112,0.95);
}

.registration-step-0 .sms p {
    margin: 16px 20px 20px;
    font-size: 16px;
    line-height: 22px;
    color: #3f3f3f;
    font-family: 'Helvetica Neue';
}

.registration-step-0 .sms nav {
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-top: 1px solid #d8d8d8;
    border-top: 1px solid rgba(216,216,216,0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.registration-step-0 .sms nav .resend-password {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    color: #478e9e;
    font-family: 'Helvetica Neue';
    font-weight: 200;
    font-size: 18px;
    line-height: 60px;
    padding: 0 0 0 25px;
    background: url("../img/register/refresh.svg") 0 50% no-repeat;
}

.registration-step-0 .sms .title {
    background: #478e9e;
    color: #fff;
    border-radius: 4px 4px 0 0;
    display: block;
    height: 60px;
    white-space: nowrap;
    line-height: 60px;
    overflow: hidden;
    font-size: 18px;
    font-family: 'Elektra Text Pro';
    font-weight: bold;
    text-overflow: ellipsis;
    padding: 0 15px;
    text-transform: uppercase;
    cursor: pointer;
}

.registration-step-0 .sms .title:before {
    content: '<';
    margin-right: 10px;
}

.registration-step-0 .regions-list {
    display: none;
    box-shadow: 0 2px 44px 0 rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 530px;
    max-height: 80vh;
    width: 800px;
    max-width: 80%;
    background: #fff;
    z-index: 1005;
    border-radius: 4px;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    padding: 0 30px 10px;
}

.registration-step-0 .regions-list .title {
    line-height: 70px;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Tahoma';
    color: #3f3f3f;
}

.registration-step-0 .regions-list input {
    width: 100%;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #586669;
    background: #fff url("../img/register/search.svg") 12px 50% no-repeat;
    box-shadow: none;
    height: 40px;
    border-radius: 20px;
    padding: 11px 15px 11px 36px;
    font-size: 16px;
    line-height: 18px;
    outline: none;
}

.registration-step-0 .regions-list .regions {
    position: absolute;
    top: 128px;
    left: 30px;
    right: 0;
    bottom: 10px;
    overflow: auto;
    font-size: 0;
}

.registration-step-0 .regions-list .regions .column {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
}

.registration-step-0 .regions-list .regions .column a {
    outline: none;
    position: relative;
    margin: 0 30px 0 0;
    padding: 10px;
    height: 38px;
    border-top: 1px solid #d1d1d1;
    display: block;
    border-top: 1px solid rgba(209,209,209,0.5);
    font-family: 'Tahoma';
    text-decoration: none;
    color: #3f3f3f;
    line-height: 19px;
}

.registration-step-0 .regions-list .regions .column a:hover {
    background: #599fad;
    border-top-style: none;
    border-radius: 2px;
    color: #fff;
    padding: 11px 10px;
    margin-bottom: -1px;
    z-index: 2;
}

.registration-step-0 .regions-list .regions .column a:hover p {
    color: #fff;
}

.registration-step-0 .regions-list .regions .column a .sub-title {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.registration-step-0 .regions-list .regions .column a p {
    font-size: 13px;
    color: rgba(63,63,63,0.6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.registration-step-0 .regions-list .regions-list-close {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-indent: -9999px;
    background: url("../img/register/close-small.svg") 50% 50% no-repeat;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.registration-step-0 .regions-list .regions-list-close:hover {
    opacity: 0.7;
}

.registration-step-0 .registration {
    line-height: 12px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: -100px;
}

.registration-step-0 .registration .title {
    color: #fff;
    font-size: 34px;
    line-height: 36px;
    font-family: 'Elektra Text Pro';
    font-weight: bold;
    margin: 0 auto 24px;
}

.registration-step-0 .registration fieldset {
    background: #fff;
    border-radius: 3px;
    width: 360px;
    margin: 0 auto;
}

.registration-step-0 .registration fieldset .line {
    height: 54px;
    position: relative;
    border-top: 1px solid #dbdbdb;
}

.registration-step-0 .registration fieldset .line:first-child {
    border-top-style: none;
}

.registration-step-0 .registration fieldset .line .error {
    display: none;
    margin-left: 10px;
    width: 230px;
    padding: 10px 9px 10px 15px;
    height: 36px;
    font-size: 14px;
    line-height: 17px;
    border-radius: 2px;
    position: absolute;
    left: 100%;
    top: 0;
    color: #fff;
    background-color: #ff7070;
    background-color: rgba(255,112,112,0.95);
}

.registration-step-0 .registration fieldset .line .error:after {
    right: 100%;
    top: 50%;
    position: absolute;
    content: '.';
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: block;
    margin: -6px 0 0;
    border-width: 6px 5px 6px 0;
    border-style: solid;
    border-color: transparent #ff7070 transparent transparent;
    border-color: transparent rgba(255,112,112,0.95) transparent transparent;
}

.registration-step-0 .registration fieldset .line input {
    display: block;
    margin: 0;
    padding: 25px 15px 9px;
    width: 330px;
    height: 22px;
    line-height: 22px;
    font-size: 18px;
    color: #3f3f3f;
    outline: none;
    border-style: none;
    box-shadow: none;
    overflow: visible;
    background: none;
}

.registration-step-0 .registration fieldset .line input.ui-state-error+label {
    color: #d0021b;
}

.registration-step-0 .registration fieldset .line input.ui-state-error::-webkit-input-placeholder {
    color: #d0021b;
}

.registration-step-0 .registration fieldset .line input.ui-state-error:-moz-placeholder {
    color: #d0021b;
}

.registration-step-0 .registration fieldset .line input.ui-state-error::-moz-placeholder {
    color: #d0021b;
}

.registration-step-0 .registration fieldset .line input.ui-state-error:-ms-input-placeholder {
    color: #d0021b;
}

.registration-step-0 .registration fieldset .line input::-webkit-input-placeholder {
    position: relative;
    top: -7px;
    color: rgba(63,63,63,0.4);
}

.registration-step-0 .registration fieldset .line input:-moz-placeholder {
    position: relative;
    top: -7px;
    color: rgba(63,63,63,0.4);
}

.registration-step-0 .registration fieldset .line input::-moz-placeholder {
    position: relative;
    top: -7px;
    color: rgba(63,63,63,0.4);
}

.registration-step-0 .registration fieldset .line input:-ms-input-placeholder {
    position: relative;
    top: -7px;
    color: rgba(63,63,63,0.4);
}

.registration-step-0 .registration fieldset .line .change-region {
    position: absolute;
    display: block;
    right: 5px;
    top: 5px;
    height: 44px;
    width: 100px;
    text-align: center;
    color: #3f3f3f;
    color: rgba(63,63,63,0.6);
    font-family: 'Elektra Text Pro';
    font-weight: bold;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    border-radius: 2px;
    text-decoration: none;
    text-transform: uppercase;
    background: #e5e5e5;
    -webkit-transition: background-color 0.35s, color 0.35s;
    transition: background-color 0.35s, color 0.35s;
}

.registration-step-0 .registration fieldset .line .change-region:hover {
    background: #828282;
    color: #fff;
}

.registration-step-0 .registration fieldset .line label {
    position: absolute;
    left: 15px;
    top: 10px;
    text-transform: uppercase;
    color: rgba(63,63,63,0.3);
    font-family: 'Helvetica Neue';
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    opacity: 0;
}

.registration-step-0 .registration fieldset .line input.h5-phone:focus+label,
.registration-step-0 .registration fieldset .line input.changed+label {
    opacity: 1;
}

.registration-step-0 .registration nav {
    text-align: center;
    margin: 20px auto 16px;
}

.registration-step-0 .registration nav button {
    margin: auto;
    font-family: 'Elektra Text Pro';
    font-weight: bold;
    border-style: none;
    width: 360px;
    height: 54px;
    font-size: 18px;
    line-height: 54px;
    text-align: center;
    text-decoration: none;
    background-color: #ff8c43;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
    outline: none;
}

.registration-step-0 .registration nav button:focus,
.registration-step-0 .registration nav button:hover {
    background-color: #ffa84a;
}

.registration-step-0 .registration nav button:after {
    content: '>';
}

.registration-step-0 .registration .copyright {
    margin: 0 auto;
    padding: 0;
    font-family: 'Helvetica Neue';
    font-weight: normal;
    text-align: center;
    width: 360px;
    font-size: 12px;
    line-height: 17px;
    color: rgba(255,255,255,0.6);
}

.registration-step-0 .registration .copyright a {
    color: #fff;
}

@media (max-width: 960px) {
    .registration-step-0 .sms fieldset .line .error {
        display: none !important;
    }
}

@media (max-width: 890px) {
    .registration-step-0 .registration fieldset .line .error {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .registration-step-0.open ~ main.page,
  .registration-step-0.open ~ footer,
  .registration-step-0.open ~ header {
        display: none;
    }

    .registration-step-0.open .registration {
        margin-top: 0;
    }

    .registration-step-0.open .sms {
        position: relative;
        box-shadow: none;
        height: auto;
        width: auto;
        border-radius: 0;
    }

    .registration-step-0.open .sms .title {
        border-radius: 0;
    }

    .registration-step-0.open .sms nav {
        margin-top: 24px;
        position: static;
    }
}

@media (max-width: 600px) {
    .registration-step-0 {
        background: #325153;
        position: relative;
        width: auto;
        height: auto;
    }

    .registration-step-0 header {
        padding: 64px 0 0;
    }

    .registration-step-0 header .registration-step-0-close {
        top: 10px;
        right: 20px;
    }

    .registration-step-0 header .logotype {
        position: static;
    }

    .registration-step-0 .regions-list {
        box-shadow: none;
        height: auto;
        max-height: none;
        width: auto;
        max-width: none;
    }

    .registration-step-0 .regions-list .regions .column {
        width: 100%;
    }

    .registration-step-0 .registration {
        padding: 20px;
        background: #fff;
        display: block;
    }

    .registration-step-0 .registration .copyright {
        background: #325153;
        width: auto;
        padding: 20px;
        margin: 0 -20px -20px;
    }

    .registration-step-0 .registration .title {
        color: #333;
    }

    .registration-step-0 .registration fieldset {
        width: auto;
    }

    .registration-step-0 .registration fieldset .line .error {
        display: none !important;
    }

    .registration-step-0 .registration fieldset .line input {
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 54px;
    }

    .registration-step-0 .registration nav button {
        font-size: 14px;
        max-width: 100%;
    }
}

html.no-svg body .registration-steps .panel.complete .sub-title {
    background-image: url("../img/register/complete.png");
}

body.registration-page {
    background-color: #efefef;
}

select.unchanged {
    color: rgba(63,63,63,0.51);
}

select.unchanged+.chosen-container .chosen-choices .search-field input,
select.unchanged+.chosen-container .chosen-single span {
    color: rgba(63,63,63,0.51);
}

html body .registration-steps .panel .ui-state-error + .chosen-container .chosen-choices,
html body .registration-steps .panel .ui-state-error + .chosen-container .chosen-single {
    border-color: #f56d6c;
    border: 1px solid #f56d6c;
    box-shadow: 0 0 4px 1px rgba(245,109,108,0.3);
}

.registration-steps {
    position: relative;
    padding: 0 30px 30px;
}

.registration-steps .title {
    text-align: center;
    margin: -59px 0 0 0;
    font-size: 34px;
    line-height: 36px;
    font-weight: bold;
    font-family: 'Elektra Text Pro';
    color: #3f3f3f;
}

.registration-steps .steps {
    max-width: 924px;
    display: block;
    font-size: 0;
    line-height: 0;
    position: relative;
    margin: 75px auto;
    height: 0;
    border-top: 3px dashed rgba(63,63,63,0.3);
}

.registration-steps .steps:before {
    content: '.';
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    line-height: 0;
    display: block;
    top: -5px;
    bottom: 0;
    right: -16px;
    position: absolute;
    background-color: #efefef;
    z-index: 1;
    width: 12.5%;
}

.registration-steps .steps:after {
    content: '.';
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    line-height: 0;
    display: block;
    top: -5px;
    bottom: 0;
    left: -16px;
    position: absolute;
    background-color: #efefef;
    z-index: 1;
    width: 12.5%;
}

.registration-steps .steps .step {
    text-align: center;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    width: 25%;
    height: 0;
}

.registration-steps .steps .step .sub-title {
    position: absolute;
    bottom: 25px;
    left: 50%;
}

.registration-steps .steps .step .sub-title span {
    white-space: nowrap;
    text-transform: uppercase;
    position: relative;
    left: -50%;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    font-family: 'Elektra Text Pro';
    color: rgba(63,63,63,0.3);
}

.registration-steps .steps .step.selected {
    border-top: #478e9e 3px solid;
    margin-top: -3px;
}

.registration-steps .steps .step.selected .sub-title span {
    color: #478e9e;
}

.registration-steps .steps .step.selected:before {
    border: #478e9e 3px solid;
}

.registration-steps .steps .step.selected:after {
    z-index: 3;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 100%;
    content: '.';
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    line-height: 0;
    background-color: #478e9e;
}

.registration-steps .steps .step:before {
    z-index: 2;
    position: relative;
    content: '.';
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 3px dashed rgba(63,63,63,0.3);
    border-radius: 100%;
    top: -16px;
    background-color: #efefef;
}

.registration-steps .panel {
    background: #fff;
    max-width: 800px;
    margin: auto;
    border: 3px solid rgba(151,151,151,0.3);
    text-align: left;
    padding: 40px;
    overflow: hidden;
    height: 0;
    position: absolute;
    left: -9999px;
}

.registration-steps .panel.current {
    position: relative;
    left: auto;
    height: auto;
    overflow: visible;
}

.registration-steps .panel:after {
    content: '.';
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
}

.registration-steps .panel .error {
    font-family: 'Helvetica Neue';
    display: none;
    margin-left: 10px;
    width: 160px;
    padding: 10px 9px 10px 15px;
    height: 36px;
    font-size: 14px;
    line-height: 17px;
    border-radius: 2px;
    position: absolute;
    left: 100%;
    top: -4px;
    color: #fff;
    background-color: #ff7070;
    background-color: rgba(255,112,112,0.95);
    z-index: 100;
}

.registration-steps .panel .error.left {
    right: 100%;
    left: auto;
    margin: 0 10px 0 0;
}

.registration-steps .panel .error.left:after {
    left: 100%;
    right: auto;
    border-width: 6px 0 6px 5px;
    border-color: transparent transparent transparent #ff7070;
    border-color: transparent transparent transparent rgba(255,112,112,0.95);
}

.registration-steps .panel .error:after {
    right: 100%;
    top: 50%;
    position: absolute;
    content: '.';
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: block;
    margin: -6px 0 0;
    border-width: 6px 5px 6px 0;
    border-style: solid;
    border-color: transparent #ff7070 transparent transparent;
    border-color: transparent rgba(255,112,112,0.95) transparent transparent;
}

.registration-steps .panel nav {
    clear: both;
    padding: 40px 0 0;
}

.registration-steps .panel nav:after {
    content: "";
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    overflow: hidden;
}

.registration-steps .panel nav .previous {
    outline: none;
    float: left;
    border-style: none;
    background: #f6f6f6;
    color: #3f3f3f;
    box-shadow: none;
    border-radius: #000;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    padding: 0 23px 0 17px;
    font-family: 'Elektra Text Pro';
    text-transform: uppercase;
}

.registration-steps .panel nav .previous:before {
    content: '< ';
}

.registration-steps .panel nav button {
    outline: none;
    float: right;
    border-style: none;
    background: #ff8c43;
    box-shadow: none;
    cursor: pointer;
    border-radius: #000;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    padding: 0 17px 0 23px;
    font-family: 'Elektra Text Pro';
    text-transform: uppercase;
}

.registration-steps .panel nav button.complete:after {
    display: none;
}

.registration-steps .panel nav button:after {
    content: ' >';
}

.registration-steps .panel .sub-title {
    font-size: 18px;
    line-height: 23px;
    font-family: 'Helvetica Neue';
    margin: 0 0 15px;
}

.registration-steps .panel .sub-title b {
    color: rgba(63,63,63,0.4);
    font-size: 16px;
}

.registration-steps .panel .chapter-title {
    height: 48px;
    white-space: nowrap;
    display: block;
    background: rgba(231,231,231,0.4);
    font-size: 16px;
    line-height: 48px;
    font-family: 'Elektra Text Pro';
    font-weight: bold;
    padding: 0 18px;
    text-transform: uppercase;
    color: #3f3f3f;
    margin: 0 -18px 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100vw;
}

.registration-steps .panel .chapter-title span {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.registration-steps .panel .line {
    position: relative;
    display: block;
    margin: 0 0 30px;
    font-size: 0;
}

.registration-steps .panel .line.adress_line {
    width: 350px;
}

.registration-steps .panel .line.spec textarea {
    width: 520px;
}

.registration-steps .panel .line.name {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.registration-steps .panel .line.grad-year {
    display: inline-block;
    vertical-align: top;
}

.registration-steps .panel .line.grad-year input {
    width: 100px;
}

.registration-steps .panel .line>label {
    font-size: 18px;
    line-height: 23px;
    color: #3f3f3f;
    font-weight: bold;
    font-family: 'Helvetica Neue';
    margin: 0 0 15px;
    display: block;
}

.registration-steps .panel .line.sex-line {
    font-size: 0;
}

.registration-steps .panel .line.sex-line .radio-widget {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.registration-steps .panel .sertificat-list .sertificat {
    position: relative;
    margin: 0 0 30px;
    padding: 0 0 0 220px;
}

.registration-steps .panel .sertificat-list .sertificat img {
    position: absolute;
    left: 45px;
    width: 110px;
    max-height: 100px;
}

.registration-steps .panel .sertificat-list .sertificat .remove {
    position: absolute;
    left: 145px;
    top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #478e9e url("../img/register/remove.svg") 50% 50% no-repeat;
}

.registration-steps .panel .add-sertificat {
    clear: both;
    display: block;
    margin: 0 0 30px;
    padding: 30px 0 0;
    border-top: 1px solid rgba(214,214,214,0.4);
}

.registration-steps .panel .add-sertificat input {
    position: absolute;
    left: -9999px;
}

.registration-steps .panel .add-sertificat span {
    font-size: 13px;
    line-height: 18px;
    vertical-align: middle;
    color: #bdbdbd;
    font-family: 'Helvetica Neue';
    font-weight: 200;
}

.registration-steps .panel .add-sertificat .button {
    cursor: pointer;
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background-color: #5da1b1;
    margin-right: 30px;
}

.registration-steps .panel .lessons-format .checkbox-widget {
    display: inline-block;
    width: 30%;
}

.registration-steps .panel .minimal-duration label {
    font-family: 'Helvetica Neue';
    display: block;
    color: rgba(63,63,63,0.8);
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 15px;
    color: #3f3f3f;
}

.registration-steps .panel .minimal-duration input {
    width: 100px;
    margin-right: 10px;
}

.registration-steps .panel .minimal-duration span {
    font-family: 'Helvetica Neue';
    font-size: 16px;
    line-height: 18px;
    color: #3f3f3f;
}

.registration-steps .panel .address {
    width: 520px;
}

.registration-steps .panel .address-details {
    font-size: 0;
}

.registration-steps .panel .address-details label {
    font-size: 18px;
    line-height: 23px;
    color: #3f3f3f;
    font-weight: bold;
    font-family: 'Helvetica Neue';
    margin: 0 0 15px;
    display: block;
}

.registration-steps .panel .address-details .street {
    margin: 0 20px 0 0;
    display: inline-block;
}

.registration-steps .panel .address-details .street input {
    width: 250px;
}

.registration-steps .panel .address-details .house {
    margin: 0 20px 0 0;
    display: inline-block;
}

.registration-steps .panel .address-details .house input {
    width: 70px;
}

.registration-steps .panel .address-details .corpus {
    margin: 0 20px 0 0;
    display: inline-block;
}

.registration-steps .panel .address-details .corpus input {
    width: 70px;
}

.registration-steps .panel .address-details .building {
    display: inline-block;
}

.registration-steps .panel .address-details .building input {
    width: 70px;
}

.registration-steps .panel .education input {
    width: 520px;
}

.registration-steps .panel .third {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.registration-steps .panel .third~.error {
    top: 34px;
}

.registration-steps .panel .third label {
    font-family: 'Helvetica Neue';
    display: block;
    color: rgba(63,63,63,0.8);
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 15px;
}

.registration-steps .panel .third input {
    width: 100px;
    margin-right: 10px;
}

.registration-steps .panel .third span {
    font-family: 'Helvetica Neue';
    font-size: 16px;
    line-height: 18px;
    color: #3f3f3f;
}

.registration-steps .panel .remove-education,
.registration-steps .panel .remove-address,
.registration-steps .panel .remove-subject,
.registration-steps .panel .add-education,
.registration-steps .panel .add-address,
.registration-steps .panel .add-subject {
    line-height: 48px;
    height: 48px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background-color: #5da1b1;
}

.registration-steps .panel .remove-education:before,
.registration-steps .panel .remove-address:before,
.registration-steps .panel .remove-subject:before,
.registration-steps .panel .add-education:before,
.registration-steps .panel .add-address:before,
.registration-steps .panel .add-subject:before {
    content: "+  ";
}

.registration-steps .panel .remove-education,
.registration-steps .panel .remove-address,
.registration-steps .panel .remove-subject {
    float: right;
    display: none;
    background-color: #ff8c43;
}

.registration-steps .panel .remove-education:before,
.registration-steps .panel .remove-address:before,
.registration-steps .panel .remove-subject:before {
    content: "-  ";
}

.registration-steps .panel textarea {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin: 0;
    height: 100px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    outline: none;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Helvetica Neue';
    font-weight: 200;
}

.registration-steps .panel .chosen-drop {
    border-top: 1px;
    border-radius: 4px;
    border: 1px solid #d8e7ea;
}

.registration-steps .panel .chosen-drop .chosen-results {
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    max-height: 240px;
}

.registration-steps .panel .chosen-drop .chosen-results .active-result {
    font-size: 16px;
    line-height: 28px;
    color: #3f3f3f;
    font-family: 'Helvetica Neue';
    font-weight: 200;
}

.registration-steps .panel .chosen-drop .chosen-results .active-result.highlighted {
    background-color: rgba(191,214,219,0.4);
}

.registration-steps .panel .chosen-container {
    min-width: 0;
}

.registration-steps .panel .chosen-container .chosen-search input {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.registration-steps .panel .chosen-container .chosen-search input:hover,
.registration-steps .panel .chosen-container .chosen-search input:focus {
    border-color: #bfd6db;
}

.registration-steps .panel .chosen-container .no-results {
    font-size: 16px;
    line-height: 28px;
    color: #3f3f3f;
    font-family: 'Helvetica Neue';
    font-weight: 200;
    background-color: rgba(191,214,219,0.4);
}

.registration-steps .panel .chosen-container .chosen-single {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
    height: 48px;
    box-shadow: none !important;
    font-size: 18px;
    font-weight: 200;
    line-height: 24px;
    padding: 11px 10px;
    outline: none;
    font-family: 'Helvetica Neue';
}

.registration-steps .panel .chosen-container .chosen-single div b {
    background: url("../img/register/ddico.svg") 100% 50% no-repeat;
    background-size: 34px auto;
    width: 34px;
    height: auto;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.registration-steps .panel .chosen-container .chosen-single:hover,
.registration-steps .panel .chosen-container .chosen-single:focus {
    border-color: #bfd6db;
}

.registration-steps .panel .duration-container,
.registration-steps .panel .experience-container {
    height: 48px;
    line-height: 48px;
    padding: 0 0 0 110px;
    position: relative;
}

.registration-steps .panel .duration-container .noUi-handle,
.registration-steps .panel .experience-container .noUi-handle {
    background: none;
    border-style: none;
    box-shadow: none;
    border-radius: 0;
    height: 10px;
    top: 0;
    width: 0;
    left: 0;
}

.registration-steps .panel .duration-container .noUi-handle:after,
.registration-steps .panel .experience-container .noUi-handle:after {
    display: none;
}

.registration-steps .panel .duration-container .noUi-handle:before,
.registration-steps .panel .experience-container .noUi-handle:before {
    content: ".";
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    display: block;
    position: absolute;
    top: 100%;
    left: 100%;
    margin-left: -7px;
    width: 14px;
    height: 20px;
    background: url("../img/register/handle.svg") 0 0 no-repeat;
}

.registration-steps .panel .duration-container .noUi-background,
.registration-steps .panel .experience-container .noUi-background {
    background: #e2e4e4;
    box-shadow: inset 0 1px 0 0 #cbcdcd;
}

.registration-steps .panel .duration-container .noUi-target,
.registration-steps .panel .experience-container .noUi-target {
    position: relative;
    vertical-align: middle;
    margin-left: 0;
    height: 10px;
    border-radius: 2px;
    background-color: #6cb0bf;
    background-image: -webkit-linear-gradient(top, #6cb0bf 0%, #4793a3 100%);
    background-image: linear-gradient(to bottom, #6cb0bf 0%, #4793a3 100%);
    cursor: pointer;
    border-style: none;
}

.registration-steps .panel .duration-container .value,
.registration-steps .panel .experience-container .value {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 95px;
}

.registration-steps .panel .duration-container .duration-line-header,
.registration-steps .panel .experience-container .duration-line-header,
.registration-steps .panel .duration-container .experience-line-header,
.registration-steps .panel .experience-container .experience-line-header {
    margin: 0 0 6px;
    line-height: 15px;
    font-weight: 200;
    font-family: 'Helvetica Neue';
    color: #3f3f3f;
    color: rgba(63,63,63,0.8);
    white-space: nowrap;
    font-size: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.registration-steps .panel .duration-container .duration-line-header .years,
.registration-steps .panel .experience-container .duration-line-header .years,
.registration-steps .panel .duration-container .experience-line-header .years,
.registration-steps .panel .experience-container .experience-line-header .years {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}

.registration-steps .panel .chosen-choices,
.registration-steps .panel input.tt-input,
.registration-steps .panel .subdevision>input[type="text"],
.registration-steps .panel .subdevision>input[type="email"],
.registration-steps .panel .subdevision>input[type="number"],
.registration-steps .panel .subdevision>input[type="tel"],
.registration-steps .panel .line>input[type="text"],
.registration-steps .panel .line>input[type="email"],
.registration-steps .panel .line>input[type="number"],
.registration-steps .panel .line>input[type="tel"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    height: 48px;
    box-shadow: none !important;
    font-size: 18px;
    font-weight: 200;
    line-height: 24px;
    padding: 11px 10px;
    outline: none;
    font-family: 'Helvetica Neue';
    border: 1px solid #e5e5e5;
}

.registration-steps .panel .chosen-choices:hover,
.registration-steps .panel input.tt-input:hover,
.registration-steps .panel .subdevision>input[type="text"]:hover,
.registration-steps .panel .subdevision>input[type="email"]:hover,
.registration-steps .panel .subdevision>input[type="number"]:hover,
.registration-steps .panel .subdevision>input[type="tel"]:hover,
.registration-steps .panel .line>input[type="text"]:hover,
.registration-steps .panel .line>input[type="email"]:hover,
.registration-steps .panel .line>input[type="number"]:hover,
.registration-steps .panel .line>input[type="tel"]:hover,
.registration-steps .panel .chosen-choices:focus,
.registration-steps .panel input.tt-input:focus,
.registration-steps .panel .subdevision>input[type="text"]:focus,
.registration-steps .panel .subdevision>input[type="email"]:focus,
.registration-steps .panel .subdevision>input[type="number"]:focus,
.registration-steps .panel .subdevision>input[type="tel"]:focus,
.registration-steps .panel .line>input[type="text"]:focus,
.registration-steps .panel .line>input[type="email"]:focus,
.registration-steps .panel .line>input[type="number"]:focus,
.registration-steps .panel .line>input[type="tel"]:focus {
    border-color: #bfd6db;
}

.registration-steps .panel .chosen-choices.ui-state-error,
.registration-steps .panel input.tt-input.ui-state-error,
.registration-steps .panel .subdevision>input[type="text"].ui-state-error,
.registration-steps .panel .subdevision>input[type="email"].ui-state-error,
.registration-steps .panel .subdevision>input[type="number"].ui-state-error,
.registration-steps .panel .subdevision>input[type="tel"].ui-state-error,
.registration-steps .panel .line>input[type="text"].ui-state-error,
.registration-steps .panel .line>input[type="email"].ui-state-error,
.registration-steps .panel .line>input[type="number"].ui-state-error,
.registration-steps .panel .line>input[type="tel"].ui-state-error {
    border-color: #f56d6c;
    box-shadow: 0 0 4px 1px rgba(245,109,108,0.3);
}

.registration-steps .panel .chosen-choices.ui-state-error+label,
.registration-steps .panel input.tt-input.ui-state-error+label,
.registration-steps .panel .subdevision>input[type="text"].ui-state-error+label,
.registration-steps .panel .subdevision>input[type="email"].ui-state-error+label,
.registration-steps .panel .subdevision>input[type="number"].ui-state-error+label,
.registration-steps .panel .subdevision>input[type="tel"].ui-state-error+label,
.registration-steps .panel .line>input[type="text"].ui-state-error+label,
.registration-steps .panel .line>input[type="email"].ui-state-error+label,
.registration-steps .panel .line>input[type="number"].ui-state-error+label,
.registration-steps .panel .line>input[type="tel"].ui-state-error+label {
    color: #d0021b;
}

.registration-steps .panel .chosen-choices::-webkit-input-placeholder,
.registration-steps .panel input.tt-input::-webkit-input-placeholder,
.registration-steps .panel .subdevision>input[type="text"]::-webkit-input-placeholder,
.registration-steps .panel .subdevision>input[type="email"]::-webkit-input-placeholder,
.registration-steps .panel .subdevision>input[type="number"]::-webkit-input-placeholder,
.registration-steps .panel .subdevision>input[type="tel"]::-webkit-input-placeholder,
.registration-steps .panel .line>input[type="text"]::-webkit-input-placeholder,
.registration-steps .panel .line>input[type="email"]::-webkit-input-placeholder,
.registration-steps .panel .line>input[type="number"]::-webkit-input-placeholder,
.registration-steps .panel .line>input[type="tel"]::-webkit-input-placeholder {
    color: rgba(63,63,63,0.4);
}

.registration-steps .panel .chosen-choices:-moz-placeholder,
.registration-steps .panel input.tt-input:-moz-placeholder,
.registration-steps .panel .subdevision>input[type="text"]:-moz-placeholder,
.registration-steps .panel .subdevision>input[type="email"]:-moz-placeholder,
.registration-steps .panel .subdevision>input[type="number"]:-moz-placeholder,
.registration-steps .panel .subdevision>input[type="tel"]:-moz-placeholder,
.registration-steps .panel .line>input[type="text"]:-moz-placeholder,
.registration-steps .panel .line>input[type="email"]:-moz-placeholder,
.registration-steps .panel .line>input[type="number"]:-moz-placeholder,
.registration-steps .panel .line>input[type="tel"]:-moz-placeholder {
    color: rgba(63,63,63,0.4);
}

.registration-steps .panel .chosen-choices::-moz-placeholder,
.registration-steps .panel input.tt-input::-moz-placeholder,
.registration-steps .panel .subdevision>input[type="text"]::-moz-placeholder,
.registration-steps .panel .subdevision>input[type="email"]::-moz-placeholder,
.registration-steps .panel .subdevision>input[type="number"]::-moz-placeholder,
.registration-steps .panel .subdevision>input[type="tel"]::-moz-placeholder,
.registration-steps .panel .line>input[type="text"]::-moz-placeholder,
.registration-steps .panel .line>input[type="email"]::-moz-placeholder,
.registration-steps .panel .line>input[type="number"]::-moz-placeholder,
.registration-steps .panel .line>input[type="tel"]::-moz-placeholder {
    color: rgba(63,63,63,0.4);
}

.registration-steps .panel .chosen-choices:-ms-input-placeholder,
.registration-steps .panel input.tt-input:-ms-input-placeholder,
.registration-steps .panel .subdevision>input[type="text"]:-ms-input-placeholder,
.registration-steps .panel .subdevision>input[type="email"]:-ms-input-placeholder,
.registration-steps .panel .subdevision>input[type="number"]:-ms-input-placeholder,
.registration-steps .panel .subdevision>input[type="tel"]:-ms-input-placeholder,
.registration-steps .panel .line>input[type="text"]:-ms-input-placeholder,
.registration-steps .panel .line>input[type="email"]:-ms-input-placeholder,
.registration-steps .panel .line>input[type="number"]:-ms-input-placeholder,
.registration-steps .panel .line>input[type="tel"]:-ms-input-placeholder {
    color: rgba(63,63,63,0.4);
}

.registration-steps .panel .chosen-container-multi .chosen-choices {
    padding: 4px 3px;
}

.registration-steps .panel .chosen-container-multi .chosen-choices li.search-field {
    line-height: 38px;
}

.registration-steps .panel .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-weight: 200;
    font-family: 'Helvetica Neue';
}

.registration-steps .panel .chosen-container-multi .chosen-choices li.search-choice {
    background-image: none;
    background-color: #fff;
    box-shadow: none;
    line-height: 24px;
    padding: 3px 30px 3px 15px;
    border: 1px solid #e5e5e5;
    color: #3f3f3f;
}

.registration-steps .panel .chosen-container-multi .chosen-choices li.search-choice:hover {
    border-color: #bfd6db;
}

.registration-steps .panel .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    opacity: 0.6;
    top: 50%;
    margin-top: -5px;
    right: 8px;
}

.registration-steps .panel .chosen-container-multi .chosen-drop .result-selected {
    font-size: 16px;
    line-height: 28px;
    font-weight: 200;
    font-family: 'Helvetica Neue';
}

.registration-steps .panel .subdevision.hide {
    pointer-events: none;
    opacity: 0.1;
}

.registration-steps .panel fieldset.photo {
    float: left;
    width: 220px;
    left: 100%;
    margin-left: -220px;
    z-index: 2;
    position: relative;
}

.registration-steps .panel fieldset.photo .current-avatar {
    position: relative;
}

.registration-steps .panel fieldset.photo .current-avatar .avatar {
    width: 100%;
    display: block;
}

.registration-steps .panel fieldset.photo .current-avatar .close {
    z-index: 3;
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    font-size: 0;
    line-height: 0;
    background: url("../img/register/close-round.svg") 50% 50% no-repeat;
}

.registration-steps .panel fieldset.photo .file-selector {
    border: 3px dashed #acd8dd;
    border-radius: 9px;
    display: block;
    padding: 20px;
    text-align: center;
    background: url("../img/register/person.svg") 50% 50px no-repeat;
    cursor: pointer;
    position: relative;
}

.registration-steps .panel fieldset.photo .file-selector input {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

.registration-steps .panel fieldset.photo .file-selector .abstract {
    display: block;
    margin: 170px 0 0;
    text-align: center;
    font-family: 'Helvetica Neue';
    font-weight: 200;
    font-size: 14px;
    line-height: 18px;
    color: rgba(71,142,158,0.64);
}

.registration-steps .panel fieldset.photo .file-selector .select {
    height: 48px;
    line-height: 48px;
    background: #478e9e;
    color: #fff;
    font-weight: bold;
    font-family: 'Elektra Text Pro';
    font-size: 16px;
    display: block;
    text-transform: uppercase;
    margin: 50px 0 0;
}

.registration-steps .panel fieldset.photo .meta {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #bdbdbd;
    font-family: 'Helvetica Neue';
    font-weight: 200;
    margin: 15px auto 0;
    max-width: 180px;
}

.registration-steps .panel fieldset.photo+fieldset {
    float: left;
    position: relative;
    left: 100%;
    margin-left: -100%;
    width: 100%;
    padding-right: 240px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 680px;
}

.registration-steps .panel fieldset.photo+fieldset .birthday {
    font-size: 0;
}

.registration-steps .panel fieldset.photo+fieldset .day {
    width: 95px;
    display: inline-block;
    vertical-align: top;
}

.registration-steps .panel fieldset.photo+fieldset .month {
    display: inline-block;
    width: 175px;
    margin-left: 10px;
    vertical-align: top;
}

.registration-steps .panel fieldset.photo+fieldset .year {
    display: inline-block;
    width: 150px;
    margin-left: 10px;
    vertical-align: top;
}

.registration-steps .panel.complete {
    text-align: center;
    padding: 100px 40px 110px;
    overflow: hidden;
}

.registration-steps .panel.complete p {
    max-width: 530px;
    margin: 0 auto;
    font-family: 'Helvetica Neue';
    font-weight: 200;
    font-size: 20px;
    line-height: 26px;
    color: rgba(63,63,63,0.7);
}

.registration-steps .panel.complete .sub-title {
    max-width: 530px;
    font-size: 28px;
    line-height: 32px;
    color: #3f3f3f;
    font-weight: bold;
    font-family: 'Elektra Text Pro';
    padding: 120px 0 0;
    margin: 0 auto 20px;
    background: url("../img/register/complete.svg") 50% 0 no-repeat;
}

@media (max-width: 1060px) {
    .registration-steps .title {
        margin-top: 0;
    }
}

@media (max-width: 880px) {
    .registration-steps {
        padding: 0;
    }

    .registration-steps .panel {
        border-style: solid none none;
        max-width: none;
        margin: 0;
        padding: 0 20px 20px;
    }

    .registration-steps .panel .error {
        display: none !important;
    }

    .registration-steps .panel fieldset,
  .registration-steps .panel fieldset.photo,
  .registration-steps .panel fieldset.photo+fieldset {
        float: none;
        left: auto;
        margin: 20px 0 0;
        padding: 0;
    }
}

@media (max-width: 500px) {
    .registration-steps .panel {
        border-style: solid none none;
        max-width: none;
        margin: 0;
        padding: 0 20px 20px;
    }

    .registration-steps .panel .line.name {
        margin: 0 0 30px;
    }

    .registration-steps .panel .line.grad-year {
        display: block;
    }

    .registration-steps .panel .education input,
  .registration-steps .panel .line.grad-year input,
  .registration-steps .panel .name input,
  .registration-steps .panel .line.spec textarea,
  .registration-steps .panel .address {
        width: 100%;
    }

    .registration-steps .panel .lessons-format .checkbox-widget {
        width: auto;
        display: block;
    }

    .registration-steps .panel nav .previous,
  .registration-steps .panel nav button {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        display: block;
        float: none;
        margin: 0 0 20px;
    }

    .registration-steps .panel fieldset,
  .registration-steps .panel fieldset.photo,
  .registration-steps .panel fieldset.photo+fieldset {
        width: auto;
        max-width: 100%;
        float: none;
        left: auto;
        margin: 20px 0 0;
    }

    .registration-steps .panel fieldset .address-details .house,
  .registration-steps .panel fieldset.photo .address-details .house,
  .registration-steps .panel fieldset.photo+fieldset .address-details .house,
  .registration-steps .panel fieldset .address-details .corpus,
  .registration-steps .panel fieldset.photo .address-details .corpus,
  .registration-steps .panel fieldset.photo+fieldset .address-details .corpus,
  .registration-steps .panel fieldset .address-details .building,
  .registration-steps .panel fieldset.photo .address-details .building,
  .registration-steps .panel fieldset.photo+fieldset .address-details .building,
  .registration-steps .panel fieldset .address-details .street,
  .registration-steps .panel fieldset.photo .address-details .street,
  .registration-steps .panel fieldset.photo+fieldset .address-details .street {
        margin: 0 0 20px;
        display: block;
    }

    .registration-steps .panel fieldset .address-details .house input,
  .registration-steps .panel fieldset.photo .address-details .house input,
  .registration-steps .panel fieldset.photo+fieldset .address-details .house input,
  .registration-steps .panel fieldset .address-details .corpus input,
  .registration-steps .panel fieldset.photo .address-details .corpus input,
  .registration-steps .panel fieldset.photo+fieldset .address-details .corpus input,
  .registration-steps .panel fieldset .address-details .building input,
  .registration-steps .panel fieldset.photo .address-details .building input,
  .registration-steps .panel fieldset.photo+fieldset .address-details .building input,
  .registration-steps .panel fieldset .address-details .street input,
  .registration-steps .panel fieldset.photo .address-details .street input,
  .registration-steps .panel fieldset.photo+fieldset .address-details .street input {
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .registration-steps .panel fieldset .third,
  .registration-steps .panel fieldset.photo .third,
  .registration-steps .panel fieldset.photo+fieldset .third {
        width: auto;
        margin: 0 0 20px;
    }

    .registration-steps .panel fieldset .dropdown-container-widget,
  .registration-steps .panel fieldset.photo .dropdown-container-widget,
  .registration-steps .panel fieldset.photo+fieldset .dropdown-container-widget,
  .registration-steps .panel fieldset .dropdown-widget,
  .registration-steps .panel fieldset.photo .dropdown-widget,
  .registration-steps .panel fieldset.photo+fieldset .dropdown-widget {
        width: 100%;
        display: block;
    }

    .registration-steps .panel fieldset .month,
  .registration-steps .panel fieldset.photo .month,
  .registration-steps .panel fieldset.photo+fieldset .month,
  .registration-steps .panel fieldset .year,
  .registration-steps .panel fieldset.photo .year,
  .registration-steps .panel fieldset.photo+fieldset .year,
  .registration-steps .panel fieldset .day,
  .registration-steps .panel fieldset.photo .day,
  .registration-steps .panel fieldset.photo+fieldset .day {
        margin: 0 0 20px;
        width: 100%;
    }
}

@media (max-width: 924px) {
    .registration-steps .steps {
        max-width: 70vw;
        margin: 75px auto;
    }

    .registration-steps .steps .step .sub-title span {
        font-size: 12px;
    }
}

@media (max-width: 740px) {
    .registration-steps .panel .third {
        width: auto;
        display: block;
    }
}

@media (max-width: 600px) {
    .registration-steps .panel .add-sertificat label {
        display: block;
        margin: 0 0 30px;
    }

    .registration-steps .panel .add-sertificat span {
        display: block;
    }

    .registration-steps .panel .sertificat-list .sertificat {
        padding: 0;
    }

    .registration-steps .panel .sertificat-list .sertificat img {
        position: static;
        display: block;
        margin: 0 0 30px;
    }

    .registration-steps .panel .sertificat-list .sertificat .remove {
        left: 100px;
    }

    .registration-steps .steps {
        margin: 75px auto;
    }

    .registration-steps .steps .step .sub-title span {
        font-size: 11px;
        font-weight: normal;
    }

    .registration-steps .steps .step:nth-child(2n) .sub-title {
        bottom: auto;
        top: 25px;
    }
}

html.no-svg .start-now .wrapper:after {
    background: url("../img/register/couple-of-minutes.png") 0 0 no-repeat;
}

.start-now {
    height: 505px;
    position: relative;
    background: #2d3a43 url("../img/register/header-bg.jpg") 50% 50% no-repeat;
    background-size: cover;
    padding: 95px 0 0;
    text-align: center;
    color: #fff;
}

.start-now .wrapper:after {
    content: '.';
    overflow: hidden;
    text-indent: -999px;
    display: block;
    position: absolute;
    width: 175px;
    height: 90px;
    left: 50%;
    bottom: 18px;
    margin-left: -10px;
    background: url("../img/register/couple-of-minutes.svg") 0 0 no-repeat;
}

.start-now .title {
    font-family: 'Elektra Text Pro';
    font-weight: bold;
    font-size: 60px;
    line-height: 64px;
    margin-bottom: 32px;
}

.start-now p {
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 88px;
}

.start-now .register {
    position: absolute;
    bottom: 130px;
    left: 0;
    right: 0;
    margin: auto;
    width: 327px;
    font-family: 'Elektra Text Pro';
    font-weight: bold;
    height: 24px;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    padding: 19px 0 15px;
    text-decoration: none;
    background-color: #ff8c43;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.start-now .register:hover {
    background-color: #ffa84a;
}

.start-now .register:after {
    content: '>';
}

@media (max-width: 850px) {
    .start-now {
        padding: 35px 0 0;
        height: 565px;
    }

    .start-now .wrapper {
        display: block;
    }

    .start-now .wrapper:after {
        bottom: 10px;
    }

    .start-now .register {
        bottom: 112px;
    }
}

@media (max-width: 640px) {
    .start-now .register {
        font-size: 14px;
        line-height: 18px;
        height: 18px;
        width: 230px;
        margin: auto;
        display: block;
        padding: 19px 0 15px;
    }

    .start-now .couple-of-minutes {
        text-align: center;
    }
}

@media (max-width: 600px) {
    .start-now {
        background: none;
        color: #333;
        text-align: left;
        height: auto;
    }

    .start-now .title {
        font-size: 42px;
        line-height: 48px;
    }

    .start-now p {
        margin: 32px 0;
        font-size: 24px;
        line-height: 28px;
    }

    .start-now .register {
        position: static;
    }

    .start-now:after {
        text-align: center;
        display: block;
        content: 'Всего несколько минут вашего времени';
        color: rgba(63,63,63,0.6);
        font-size: 16px;
        line-height: 26px;
        font-family: 'Helvetica Neue';
        font-weight: 200;
        margin: 4px 0 70px;
    }

    .start-now .wrapper:after {
        display: none;
    }
}

@media (max-width: 460px) {
    .start-now .title {
        font-size: 32px;
        line-height: 36px;
    }

    p {
        font-size: 14px;
        line-height: 18px;
    }
}

.twitter-typeahead .tt-suggestion {
    padding: 5px 10px;
}

.twitter-typeahead .tt-suggestion:hover {
    background-color: rgba(191,214,219,0.4);
}

.twitter-typeahead .tt-hint {
    width: 520px;
    font-size: 18px;
    font-weight: 200;
    line-height: 24px;
    padding: 11px 10px;
    font-family: 'Helvetica Neue';
    color: rgba(0,0,0,0.5);
    border: 1px solid transparent;
    background: none;
}

.twitter-typeahead strong {
    font-weight: bold;
}

.twitter-typeahead .tt-dataset-locations {
    max-height: 200px;
    overflow: auto;
}

.twitter-typeahead .tt-dropdown-menu {
    width: 100%;
}

.twitter-typeahead .tt-dropdown-menu>div {
    max-height: 200px;
    overflow: auto;
    top: -1px;
    position: relative;
    border: 1px solid #bfd6db;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    line-height: 28px;
    color: #3f3f3f;
    font-weight: 200;
    font-family: 'Helvetica Neue', sans-serif;
    padding: 5px 0;
}

.twitter-typeahead .tt-dropdown-menu>div .tt-suggestion:hover {
    background-color: rgba(191,214,219,0.4);
}

.twitter-typeahead .tt-dropdown-menu>div b {
    float: right;
    font-size: 14px;
    line-height: 28px;
    color: rgba(63,63,63,0.5);
}

html.no-svg .who-we-are .steps .step.step-1:before {
    background-image: url("../img/register/ico-couple-of-minutes.png");
}

html.no-svg .who-we-are .steps .step.step-2:before {
    background-image: url("../img/register/ico-get-clients.png");
}

html.no-svg .who-we-are .steps .step.step-3:before {
    background-image: url("../img/register/ico-pay.png");
}

html.no-svg .who-we-are .steps .step.step-4:before {
    background-image: url("../img/register/ico-ok.png");
}

.who-we-are {
    position: relative;
    text-align: center;
}

.who-we-are .title {
    color: #3f3f3f;
    font-size: 28px;
    line-height: 36px;
    margin: 56px 0 64px;
    font-family: 'Helvetica Neue';
    font-weight: 200;
}

.who-we-are .title b {
    font-weight: bold;
}

.who-we-are .sub-title {
    color: #3f3f3f;
    font-size: 39px;
    line-height: 42px;
    margin-bottom: 40px;
}

.who-we-are .steps {
    font-size: 0;
    line-height: 0;
    margin: 0 auto -4px;
    padding: 0 3.90625%;
    max-width: 980px;
}

.who-we-are .steps .step {
    display: inline-block;
    vertical-align: top;
    width: 44.897%;
    margin: 0 0 65px 0;
    font-size: 20px;
    line-height: 26px;
    color: rgba(63,63,63,0.7);
    font-weight: 200;
}

.who-we-are .steps .step:nth-child(2n) {
    margin: 0 0 65px 10.204%;
}

.who-we-are .steps .step:before {
    content: ".";
    display: block;
    height: 130px;
    overflow: hidden;
    text-indent: -999px;
    margin-bottom: 15px;
    background-size: 130px 130px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.who-we-are .steps .step.step-1:before {
    background-image: url("../img/register/ico-couple-of-minutes-2x.png");
}

.who-we-are .steps .step.step-2:before {
    background-image: url("../img/register/ico-get-clients-2x.png");
}

.who-we-are .steps .step.step-3:before {
    background-image: url("../img/register/ico-pay-2x.png");
}

.who-we-are .steps .step.step-4:before {
    background-image: url("../img/register/ico-ok-2x.png");
}

.who-we-are p.couple-of-minutes {
    color: rgba(63,63,63,0.6);
    font-size: 16px;
    line-height: 26px;
    font-family: 'Helvetica Neue';
    font-weight: 200;
    margin: 4px 0 70px;
}

.who-we-are .register {
    font-family: 'Elektra Text Pro';
    font-weight: bold;
    height: 24px;
    font-size: 22px;
    margin: 0 0 5px;
    line-height: 24px;
    text-align: center;
    padding: 19px 20px 15px;
    text-decoration: none;
    background-color: #ff8c43;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.who-we-are .register:hover {
    background-color: #ffa84a;
}

.who-we-are .register:after {
    content: '>';
}

@media (max-width: 850px) {
    .who-we-are .steps .step {
        width: 40.1875%;
        margin: 0 0 60px 2%;
    }
}

@media (max-width: 640px) {
    .who-we-are {
        text-align: left;
    }

    .who-we-are .register {
        font-size: 14px;
        line-height: 18px;
        height: 18px;
        width: 230px;
        margin: auto;
        display: block;
        padding: 19px 0 15px;
    }

    .who-we-are .couple-of-minutes {
        text-align: center;
    }

    .who-we-are .steps {
        padding: 0;
    }

    .who-we-are .steps .step {
        position: relative;
        display: block;
        width: auto;
        padding: 0 0 0 150px;
        margin: 0 0 32px;
        text-align: left;
        min-height: 130px;
    }

    .who-we-are .steps .step:nth-child(2n) {
        margin: 0 0 32px;
    }

    .who-we-are .steps .step:before {
        position: absolute;
        left: 0;
        top: -10px;
        width: 130px;
    }
}

@media (max-width: 440px) {
    .who-we-are .steps .step {
        padding: 0;
        min-height: 0;
    }

    .who-we-are .steps .step:before {
        display: none;
    }
}