/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html,
body {
    font-family: 'LatoWeb', Roboto, sans-serif;
    overflow-x: hidden;
}

table {
    border-collapse:collapse;
}

* {
    font-family: 'LatoWeb', Roboto, sans-serif;
    outline: 0px;
}

input,
textarea,
select {
    font-family: 'LatoWeb', Roboto, sans-serif;
}

a {
    color: #0d4cd3;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p {
    cursor: default;
    margin: 0px;
}

.clear {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.headMenu a,
.headMenu span {
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    position: relative;
}

.head.main .headMenu a:hover,
.head.main .headMenu span:hover {
    opacity: 0.5;
}

.head.submain {
    background: #0d4cd3;
}

.head.submain a,
.head.submain span {
    color: #fff;
}

.head.submain .headMenu a i {
    position: absolute;
    border-radius: 100%;
    top: 0px;
    right: -10px;
    font-size: 10px;
    font-style: normal;
    background: #f44336;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    color: #fff;
    padding: 0px;
}

.headMenu a:hover,
.headMenu span:hover {
    opacity: 0.5;
}

.headMenu a,
.headMenu span {
    float: left;
    text-decoration: none;
    font-size: 14px;
    line-height: 50px;
}

.head.submain .headMenu a,
.head.submain .headMenu span {
    float: left;
    text-decoration: none;
    color: #83cbff;
    font-size: 14px;
    line-height: 50px;
}

.headMenu li.current-menu-item a {
    opacity: 0.5 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 300;
    cursor: default;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 17.5px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 11.9px;
}

ul {
    list-style: disc;
    padding-left: 20px;
}

hr {
    border-width: 0 0 1px;
    border-bottom: 1px solid #e8e8e8;
}

.button.blue,
.localPopUp .button.blue,
.localPopUp a.button.blue,
.popUp .button.blue,
.popUp a.button.blue,
button.blue,
input[type=submit].blue {
    background: #0063b0;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    border: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -ms-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.body {
    margin: 0 auto;
    padding-bottom: 137px;
}

.mainFrame {
    padding: 20px 40px 0px;
    max-width: 1366px;
    margin: 0px auto;
}

.main-wrapper {
    margin: 0 auto;
    position: relative;
}

.main-wrapper .personalArea .contentWrapper {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}

.header_info_wrap {
    background: linear-gradient(90deg, #2957e6, #f44336);
}

/*.header_info_wrap {
    background: -webkit-gradient(linear, left top, right top, from(#009af0), color-stop(53.13%, #00b29b), to(#00c850));
    background: -o-linear-gradient(left, #009af0 0, #00b29b 53.13%, #00c850 100%);
    background: linear-gradient(90deg, #0d4cd3, #00b29b 53.13%, #00c850);
}*/

.header_info_inner {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
}

.header_info_inner a {
    color: #fff;
    padding: 15px 10px;
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.header_info_inner a::after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 0%;
    height: 2px;
    background-color: #fff;
    transition: left 300ms, width 300ms;
}

.header_info_inner a:hover::after,
.header_info_inner a:focus::after {
    left: 0px;
    width: 100%;
}

.head.main {
    height: 90px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.head .headContainer {
    position: relative;
    overflow: hidden;
    padding: 0px 40px;
    max-width: 1366px;
    margin: 0px auto;
}

.head .logo {
    cursor: default;
    position: relative;
    float: left;
    padding: 21px 0px 0px;
}

.head .logo img {
    transition: opacity 300ms linear;
}

.head .logo a:hover img {
    opacity: 0.8;
}

.counter_wrap {
    float: left;
    cursor: default;
    color: #0d4cd3;
    padding: 34px 0px;
    margin-left: 20px;
}

.counter_wrap span {
    border: 1px solid #0d4cd3;
    color: #ee3f58;
    float: left;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    margin-right: 5px;
}

.headMenu {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.headMenu li {
    float: left;
    position: relative;
    margin-right: 15px;
}

.headMenu.right {
    float: right;
}

.headMenu.left {
    float: left;
}

.main .headMenu.right {
    padding: 20px 0px 0px;
}

.headMenu.right li {
    margin-left: 15px;
    margin-right: 0px;
}

.head.submain .headMenu a,
.head.submain .headMenu span {
    float: left;
    text-decoration: none;
    color: #83cbff;
    font-size: 14px;
    line-height: 50px;
}

.tell_block,
.email_block {
    float: left;
    cursor: default;
    color: #fff;
    margin-right: 50px;
    font-size: 13px;
    padding: 18px 0 17px 15px;
    position: relative;
}

.tell_block a,
.email_block a {
    position: relative;
    padding-left: 25px;
}

.email_block a+a {
    margin-left: 10px;
}

.tell_block i,
.email_block i {
    font-size: 20px;
    left: 0px;
    position: absolute;
    top: -2px;
}

.selectBox input,
input[type=text],
input[type=password] {
    font-family: 'Open Sans', sans-serif;
    cursor: text;
    color: #3b3b3b;
    outline: 0;
    background: #fff;
    border: 1px solid #0d4cd3;
    height: 34px;
    padding: 0 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
    transition: border-color .4s ease;
}

.selectBox input:focus,
input[type=text]:focus,
input[type=password]:focus {
    border-color: #1d5a81;
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
    transition: border-color .4s ease;
}

.selectBox input.error,
input[type=text].error,
input[type=password].error,
textarea.error {
    border-color: #ee3f58;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
    transition: border-color .4s ease;
    -webkit-animation-name: wobble-horizontal;
    -moz-animation-name: wobble-horizontal;
    -ms-animation-name: wobble-horizontal;
    -o-animation-name: wobble-horizontal;
    animation-name: wobble-horizontal;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.selectBox input.error~.selectBoxClone,
.selectBox.error~.selectBoxClone,
input[type=password].error~.selectBoxClone,
textarea.error~.selectBoxClone {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-name: wobble-horizontal;
    -moz-animation-name: wobble-horizontal;
    -ms-animation-name: wobble-horizontal;
    -o-animation-name: wobble-horizontal;
    animation-name: wobble-horizontal;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.selectBox input.error:active,
.selectBox input.error:focus,
input[type=text].error:active,
input[type=text].error:focus,
input[type=password].error:active,
input[type=password].error:focus {
    border-color: #d24a43;
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
    transition: border-color .4s ease;
}

.main-wrapper .selectBox input,
.main-wrapper .selectBox input:focus {
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
}

.main-wrapper .selectBox input {
    border-color: #0d4cd3;
    transition: border-color .4s ease;
}

.main-wrapper .selectBox input.error,
.main-wrapper .selectBox input.error:active,
.main-wrapper .selectBox input.error:focus,
textarea:focus {
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
}

.main-wrapper .selectBox input.error,
.main-wrapper .selectBox input.error:active,
.main-wrapper .selectBox input.error:focus {
    border-color: #d24a43;
    transition: border-color .4s ease;
}

.monitoring {
    padding-bottom: 20px;
}

.monitorings_wrap {}

.monitoring_wrap {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0px;
}

.monitoring_status_update {
    background: #fdd9d9;
}

.monitoring_status_order {
    background: #fcfcdb;
}

.monitoring_wrap:first-child {
    margin-top: 0px;
}

.monitoring_wrap:last-child {
    margin-bottom: 0px;
}

.monitoring_cadnum {
    font-weight: bold;
    font-size: 16px;
    cursor: default;
}

.monitoring_title {
    cursor: default;
}

.monitoring_location {
    padding-top: 5px;
    font-size: 15px;
    cursor: default;
}

.monitoring_type {
    padding-top: 5px;
    cursor: default;
}

.monitoring_buttons {
    padding: 0px;
}

.monitoring_buttons .button_new {
    float: left;
}

.monitoring_datetime {
    cursor: default;
    padding: 10px 0px;
}

.monitoring_datetime>div {}

.monitoring_datetime>div span {
    color: #999;
}

.monitoring_datetime>div span.monitoring_time_last {
    color: #333;
}

.info_text {
    cursor: default;
    font-size: 11px;
}

.monitoring_timeline {
    margin: 50px 0px;
    height: 5px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    background: #0d4cd3;
}

.monitoring_timeline>div {
    position: absolute;
    border: 1px solid #0d4cd3;
    border-radius: 100%;
    background: #fff;
    padding: 10px;
    top: -9px;
    text-align: center;
}

.monitoring_timeline>div i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0px 0px -5px;
    font-size: 12px;
}

.monitoring_timeline>div>.timeline_top,
.monitoring_timeline>div>.timeline_bottom {
    padding: 5px;
    background: #fff;
    position: absolute;
    cursor: default;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    box-shadow: 0px 1px 3px #dedede;
    border-radius: 2px;
    left: -30px;
}

.monitoring_timeline>div:first-child>.timeline_top,
.monitoring_timeline>div:first-child>.timeline_bottom {
    left: 0px;
}

.monitoring_timeline>div>.timeline_top {
    top: -25px;
}

.monitoring_timeline>div>.timeline_bottom {
    bottom: -25px;
}

.orders_wrap {}

.order_wrap {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0px;
}

.order_status_wait {
    opacity: 0.6;
}

.order_wrap:first-child {
    margin-top: 0px;
}

.order_wrap:last-child {
    margin-bottom: 0px;
}

.order_number {
    font-weight: bold;
    font-size: 16px;
    cursor: default;
    padding-bottom: 10px;
}

.order_location {
    cursor: default;
    padding-bottom: 10px;
}

.order_cadnumber {
    cursor: default;
    padding-bottom: 10px;
}

.order_type {
    cursor: default;
    padding-bottom: 10px;
    color: #666;
}

.order_date {
    cursor: default;
    padding-bottom: 10px;
    color: #666;
}

.order_date>div {
    float: left;
    margin-right: 10px;
}

.order_buttons {}

.order_buttons>.button_new {
    float: left;
    margin-right: 10px;
}

.button_monitoring,
.button.button_monitoring,
.order_buttons>.button,
.button_new {
    color: #fff !important;
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px !important;
    padding: 10px !important;
    margin-right: 10px;
    height: auto !important;
    line-height: auto !important;
    width: auto;
    box-sizing: border-box;
    background: #f44336;
    transition: all 300ms linear !important;
}

.button_monitoring:hover,
.button.button_monitoring:hover,
.order_buttons>.button:hover,
.button_new:hover {
    color: #fff !important;
    opacity: 0.7;
    background: #f44336;
    text-decoration: none;
}

.order_buttons .button_monitoring,
.order_buttons .button_load_cadcost {
    float: left;
}

.page_body {
    padding: 0px 10px;
}

.page_body_text {
    cursor: default;
}

.page_body_text p {
    padding: 10px 0px;
}

.table_info_wrap {}

.table_info_row {
    cursor: default;
}

.table_info_row>div {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 10px 0px;
}

.map_main_wrap {
    position: relative;
}

.map_wrap {
    width: 100%;
    box-sizing: border-box;
    height: 900px;
    position: relative;
    z-index: 1;
}

.leaflet-control-attribution {
    display: none;
}

.map_white_box {
    padding: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    z-index: 10;
    min-width: 300px;
    max-width: 600px;
    box-shadow: 0px 1px 3px #dedede;
}

.map_layels_wrap {
    position: absolute;
    right: 20px;
    top: 20px;
}

.map_info_wrap {
    position: absolute;
    width: 100%;
    max-width: 400px;
    left: 60px;
    top: 10px;
    display: none;
}

.map_layels_inner>div {
    padding: 5px 0px;
}

.map_layels_inner>div input {
    width: 100%;
    box-sizing: border-box;
}

.map_layels_inner>div>div {
    cursor: default;
    text-align: center;
    padding-bottom: 5px;
}

.map_info_el {
    cursor: default;
}

.map_info_el+.map_info_el {
    margin-top: 10px;
}

.map_info_el>div {}

.map_info_cadnum {
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
}

.map_info_location {
    padding-bottom: 5px;
}

.checkbox_label_wrap {
    cursor: default;
    text-align: left;
    padding: 10px 0px;
}

.checkbox_label_wrap input[type="checkbox"] {
    float: none;
    width: auto !important;
}

.blog_block_wrap {}

.blog_inner_wrap {
    padding: 10px 0px;
}

.post_blog_wrap {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden;
    height: 405px;
}

.post_blog_wrap:hover a {
    text-decoration: underline;
}

.post_blog_image {
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 1px 3px #dedede;

}

.post_blog_image img {
    width: 100%;
    box-sizing: border-box;
    vertical-align: top;
}

.post_blog_info {
    cursor: default;
    padding: 10px 0px 0px;
    font-size: 10px;
    color: #666;
}

.post_blog_info > div {
    float: left;
}

.post_blog_title {
    padding-top: 10px;
    height: 55px;
    overflow: hidden;
}

.post_blog_title a {}

.header_block_link {
    font-size: 15px;
}

.search_form {
    position: relative;
    overflow: hidden;
    max-height: 670px;
}

.search_form_inner {
    padding: 50px 0px 20px;
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    z-index: 2;
}

.search_form_bg {
    z-index: 1;
    position: absolute;
    background: transparent url("img/bg.webp") repeat-x scroll center bottom;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 670px;
}

.logo_info {
    color: #fff;
    cursor: default;
    float: left;
    font-size: 13px;
    padding: 15px 0;
    position: relative;
    padding-left: 20px;
}

.logo_info i {
    position: absolute;
    left: -10px;
    top: 15px;
    font-size: 20px;
}

.header_block {
    font-size: 40px;
    margin: 50px 0px 20px;
    line-height: 76px;
    text-align: center;
}

.header_block span {
    border-bottom: 2px solid #e5f0fc;
    padding-bottom: 5px;
}

.info_block_main {
    background: #fbf0a4;
    padding: 20px 0px;
    overflow: hidden;
}

.info_block_main .headContainer {
    width: 100%;
    max-width: 1000px;
    margin: 0px auto;
    cursor: default;
    padding: 0px 10px;
    box-sizing: border-box;
}

.info_block_main .headContainer a {
    text-decoration: underline dotted;
    color: #ff0000;
}

.info_block_main .headContainer a:hover {
    text-decoration: none;
}

.checkbox_value {
    padding: 10px 0px !important;
    margin: 0px !important;
}

.checkbox_value input {
    margin-right: 10px;
}

.footer {
    bottom: 0;
    width: 100%;
    background: #EFF5F9;
    padding: 20px 0px 20px;
}

.footer .advantages {
    padding: 0px 40px 10px;
    border-bottom: 0px;
    max-width: 1366px;
    margin: 0px auto;
}

.footer_text_info {
    padding: 50px 0px 50px;
    border-bottom: 0px;
    max-width: 1366px;
    margin: 0px auto;
    color: #bfbfbf;
    font-size: 13px;
    cursor: default;
}

.footer_text_info div {
    position: relative;
    padding-left: 80px;
    margin: 0px 20px;
}

.footer_text_info .fa {
    position: absolute;
    left: 0px;
    top: 10px;
    font-size: 50px;
}

.footerContainer {
    width: 265px;
    margin: 0 auto;
}

.footerSubtext {
    color: #777;
    cursor: default;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footerSubtext a {
    color: #333;
    border-bottom: 1px dashed #333;
}

.footerSubtext a:hover {
    color: #333;
    border-bottom: 0px;
}

.footerMenu {
    padding: 0px;
    margin: 20px 0px 0px;
}

.footerMenu li {
    float: left;
    list-style: none;
    padding: 0px;
    margin-right: 20px;
}

.footerMenu li a,
.footerMenu li span {
    font-size: 14px;
    color: #000;
    cursor: pointer;
    transition: color 300ms linear, opacity 300ms linear;
    position: relative;
}

.footerMenu li a.active,
.footerMenu li span.active,
.footerMenu li a:hover,
.footerMenu li span.hover {
    color: #777;
}

.footerMenu li a,
.footerMenu li a:hover {
    text-decoration: none;
}

.footerMenu li a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0%;
    height: 2px;
    background-color: #777;
    opacity: 1;
    transition: left 300ms, width 300ms;
}

.footerMenu li a:hover::after,
.footerMenu li a:focus::after {
    left: 0px;
    width: 100%;
}

.button_blue {
    width: auto !important;
    margin-right: 0px !important;
}

.button_monitoring {
    font-size: 12px !important;
    padding: 5px !important;
    margin-right: 10px;
    height: 30px !important;
    width: auto;
    box-sizing: border-box;
    background: #f44336;
    transition: all 300ms linear !important;
}

.button_monitoring:hover {
    opacity: 0.7;
    background: #f44336;
}

div.nothing {
    cursor: default;
}

.micro_text_info {
    cursor: default;
    font-size: 11px;
    display: block;
    color: #666;
}

.api_block_info {
    border: 2px dashed #e5f0fc;
    padding: 10px 30px;
    margin: 20px auto 30px;
    max-width: 800px;
    width: 100%;
}

.api_info {
    margin: 0px 0px 10px;
    cursor: default;
}

.center {
    text-align: center;
}

.review_wrap {
    height: 300px;
    overflow: hidden;
    position: relative;
}

.review_shadow {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 3;
    height: 100px;
    box-shadow: inset #fff 0px 60px 15px;
}

.review_inner {
    z-index: 1;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.review_one {
    cursor: default;
}

.review_one span {
    font-weight: bold;
    color: #0d4cd3;
}

.review_one span i {
    color: #da6f5b;
}

.about_title {
    color: #0066b3;
    cursor: default;
    font-size: 30px;
    font-weight: bold;
}

.about_blocks {
    margin: 30px 0px 0px 0px;
}

.about_blocks>div {
    color: #333333;
    cursor: default;
    font-size: 18px;
    width: 470px;
    float: left;
    margin-left: 60px;
}

.about_blocks>div:first-child {
    margin-left: 0px;
}

.about_blocks_title {
    color: #333333;
    cursor: default;
    font-size: 30px;
    margin: 0px 0px 30px 0px;
    font-weight: bold;
}

.list_block {
    padding: 40px 0px;
    border-top: 1px solid #e5f0fc;
}

.list_title {
    color: #0066b3;
    cursor: default;
    font-size: 30px;
    font-weight: bold;
}

.list_block ul {
    padding-left: 30px;
}

.list_block ul li {
    color: #333333;
    list-style: none;
    cursor: default;
    font-size: 18px;
    position: relative;
    margin: 20px 0px;
}

.list_block ul li span {
    position: absolute;
    left: -31px;
    top: -1px;
    background: url("img/list.png") no-repeat scroll 0px 0px transparent;
    height: 21px;
    width: 21px;
}

.about_block,
.feat_block {}

.about_block>.el,
.feat_block>.el {
    float: left;
    width: 33%;
}

.about_el_icon,
.feat_el_icon {
    margin: 0px auto 20px;
    background: url("img/el.png") no-repeat scroll 0px 0px transparent;
    position: relative;
    width: 90px;
    height: 98px;
    text-align: center;
    color: #ee3f58;
    line-height: 90px;
    cursor: default;
    font-size: 60px;
    font-weight: 300;
}

.about_el_text,
.feat_el_text {
    cursor: default;
    margin-bottom: 15px;
    padding: 0px 10px;
}

.about_el_text div,
.feat_el_text div {
    text-align: center;
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
    color: #333;
}

.logo_payment {
    float: right;
    margin: -60px 20% 0px 0px;
}

.logo_payment img {
    height: 50px;
}

.logo_payment i {
    font-size: 40px;
    color: #333;
    top: -10px;
    position: relative;
}

.logo_payment a:hover {
    text-decoration: none;
    border-bottom: 0px;
}

.title {
    padding: 20px 10px;
    font-size: 26px;
    cursor: default;
    font-weight: 300;

}

.title h1 {
    float: left;
    font-size: 40px;
    cursor: default;
    font-weight: normal;
    color: #333333;
}

.localPopUp,
.popUp {
    padding: 40px;
    color: #3b3b3b;
    display: none;
}

.popUp ._layer {
    display: none;
}

.popUp .attention {
    margin-top: -20px;
    margin-bottom: 20px;
    text-align: left;
    background: #f24a43;
    padding: 20px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: none;
}

.localPopUp legend,
.popUp legend {
    text-align: left;
    margin-bottom: 12px;
}

.localPopUp legend sup,
.popUp legend sup {
    vertical-align: bottom;
    color: #da6f5b;
    font-size: 16px;
}

.localPopUp button,
.localPopUp input[type=submit] {
    width: 100%;
}

.localPopUp input[type=text],
.localPopUp input[type=password] {
    width: 240px;
}

.localPopUp input[type=text],
.localPopUp input[type=password],
.localPopUp textarea {
    font-size: 16px;
}

.popUp button,
.popUp input[type=submit],
.popUp p {
    font-size: 18px;
}

.popUp input[type=text]:focus,
.popUp input[type=password]:focus {
    border-color: #0d4cd3;
    transition: border-color .4s ease;
}

.localPopUp textarea,
.localPopUp textarea.error,
.popUp textarea,
.popUp textarea.error {
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
}

.localPopUp textarea,
.popUp textarea {
    border-color: #bbb;
    transition: border-color .4s ease;
}

.localPopUp textarea.error,
.popUp textarea.error {
    border-color: #d24a43;
    transition: border-color .4s ease;
}

.localPopUp textarea:active:focus,
.localPopUp textarea:focus,
.localPopUp textarea:focus:active,
.popUp textarea:active:focus,
.popUp textarea:focus,
.popUp textarea:focus:active {
    border-color: #0d4cd3;
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
    transition: border-color .4s ease;
}

.popUp p {
    line-height: 24px;
    margin-bottom: 43px;
    cursor: default;
}

.popUp .forLowPerson {
    text-align: left;
    width: 752px;
    padding: 40px;
    font-size: 16px;
}

.popUp .forLowPerson .title {
    margin-bottom: 36px;
}

.popUp .forLowPerson p,
ol {}

.popUp .forLowPerson .top_p {
    font-size: 18px;
    width: 608px;
}

.popUp .forLowPerson ol li {
    margin-bottom: 18px;
    line-height: 22px;
}

.popUp .forLowPerson .bottom_p {
    font-size: 16px;
    margin: 0;
}

.popUp .forLowPerson a {
    color: #383838;
    border-bottom: 1px solid #00b29c;
}

.popUp .forLowPerson a:hover {
    color: #00b29c;
}

#select-kind-egrp.popUp p,
#select-kind.popUp p {
    padding: 0 90px;
    margin-bottom: 54px;
}

.popUp p.left {
    text-align: left;
}

.popUp .title {
    font-weight: 400;
    font-size: 30px;
    margin: 0px;
    cursor: default;
    border-bottom: 0px;
}

.popUp,
.popUp .alert {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.closelayer {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #013883;
    background: rgba(1, 56, 131, .8);
    z-index: 1;
}

.localPopUp .close,
.popUp .closebtn {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 20px;
    right: 20px;
    background: url(img/sprite.png) -92px -147px no-repeat;
    -webkit-transition: transform 0 ease;
    -moz-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .5s ease;
}

.localPopUp .close:active,
.localPopUp .close:hover,
.popUp .closebtn:active,
.popUp .closebtn:hover {
    background-position: -112px -147px;
    -webkit-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .5s ease;
}

.alert,
.popUp {
    text-align: center;
    background: #fff;
}

.popUp {
    position: absolute;
    top: -150px;
    left: 0;
    max-width: 95%;
    box-sizing: border-box;
    overflow: auto;
    z-index: 2;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 35px 0 rgba(0, 0, 0, .29);
    -moz-box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .29);
    -ms-box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .29);
    -o-box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .29);
    box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .29);
}

.alert {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #383838;
    border: 2px solid #ddd;
    padding: 23px 15px;
}

.alert.warning {
    background: #fffee6;
    border: 2px solid #e2e0b9;
    cursor: default;
}

.alert.danger {
    color: #fff;
    background: #f24841;
    border: 2px solid #f24841;
    cursor: default;
}

.alert.danger span {
    font-size: 13px;
}

.alert.danger a {
    color: #fff;
    border-bottom: 1px dashed #fff;
    transition: all 300ms linear;
}

.alert.danger a:hover {
    border-bottom: 0px dashed #fff;
}

.popUp .alert {
    margin-bottom: 38px;
    border-radius: 5px;
}

.popUp ._layer {
    display: none;
}

.popUp .attention {
    margin-top: -20px;
    margin-bottom: 20px;
    text-align: left;
    background: #f24a43;
    padding: 20px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: none;
}

.personalArea ul,
.popUp ul {
    margin: 0px;
    text-align: left;
    list-style: decimal inside;
    cursor: default;
    padding: 10px 0px 10px 30px;
}

.personalArea li,
.popUp li {
    position: relative;
}

.personalArea li.last,
.personalArea li:last-child,
.popUp li.last,
.popUp li:last-child {
    margin-bottom: 0;
}

.popUp table {
    width: 100%;
}

.popUp input[type=text],
.popUp input[type=password] {
    text-align: center;
    border-color: #bababa;
}

.popUp input[type=text].error,
.popUp input[type=password].error {
    border-color: #d24a43;
}

.popUp .email form {
    text-align: center;
}

#popup-email-gkn.popUp .email form {
    margin-bottom: 43px;
}

.popUp .email fieldset {
    position: relative;
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 312px;
    border: none;
}

.popUp .popup-email-pwd p {
    margin-bottom: 32px;
}

.popUp .email .popup-email-pwd {
    width: 550px;
}

.popUp .email .popup-email-pwd .errorPopUp {
    top: auto;
    bottom: 75px;
    left: 118px;
}

.popUp .email .promoEmailFieldset .errorPopUp {
    top: auto;
    bottom: 75px;
}

.popUp .email input {
    margin-bottom: 26px;
    width: 280px;
}

.popUp .email .error {
    border-color: #d24a43;
}

.popUp .email .promoEmailFieldset {
    width: 312px;
}

.popUp .table table {
    width: 100%;
    font-size: 14px !important;
}

.popUp .table table strong {
    color: #000;
}

.popUp .table button {
    font-size: 15px;
    height: 44px;
    line-height: 44px;
    float: right;
}

.popUp .table td {
    position: relative;
    padding: 5px;
    cursor: default;
    font-size: 13px;
    color: #666;
    padding: 10px;
    background: transparent;
    vertical-align: middle;
    text-align: left;
}

.popUp .table tr:first-child {
    border-bottom: 1px solid #dedede;
    background: #f7f7f7 none repeat scroll 0 0;
}

.popUp .table tr.first td,
.popUp .table tr:first-child td {
    white-space: nowrap;
    border-bottom: 1px solid #dedede;
    cursor: default;
}

.popUp .table tr:not(:first-child):hover td {
    background: #f0f0f0;
}

.popUp .table tbody .last td,
.popUp .table tbody tr:last-child td {
    border-bottom: none;
}

.popUp .table .title {
    text-align: left;
    font-size: 36px;
    line-height: 24px;
}

.popUp .paperEgrp div.title {
    margin-top: 40px;
}

.popUp .paperEgrp ul {
    width: 760px;
    padding-left: 60px;
    padding-right: 60px;
}

.popUp .paperEgrp ul li {
    font-size: 16px;
    line-height: 42px;
}

.popUp .paperEgrp ul li:before {
    top: 10px;
    width: 22px;
    height: 22px;
}

.popUp .paperEgrp ul li.paper:before {
    background: url(img/sprite.png) -144px -383px no-repeat;
}

.popUp .paperEgrp ul li.time:before {
    background: url(img/sprite.png) -145px -404px no-repeat;
}

.popUp .paperEgrp ul li.place:before {
    background: url(img/sprite.png) -145px -426px no-repeat;
}

.popUp .paperEgrp ul li.cost:before {
    background: url(img/sprite.png) -122px -383px no-repeat;
}

.popUp .paperEgrp button {
    padding-left: 78px;
    padding-right: 78px;
    margin-bottom: 40px;
}

.popUp .badResponse,
.popUp .email,
.popUp .kadastr,
.popUp .packetCheckOrdered,
.popUp .paid,
.popUp .payFail,
.popUp .preloader,
.popUp .purchasedAndAuthorized,
.popUp .purchasedAndNotAuthorized,
.popUp .purchasedButNoPersonalArea,
.popUp .registrationSuccess,
.popUp .supportResponse,
.popUp .thanksForPayment {
    text-align: center;
    padding: 60px 0;
}

.popUp .registrationSuccess button {
    width: 312px;
}

.popUp .paidButNotReged {
    padding: 30px 0 0;
}

.popUp .noResult {
    text-align: center;
    padding: 165px 0 120px;
}

.popUp .checkOut .title,
.popUp .email .title,
.popUp .thanksForPayment .title {
    font-size: 30px;
    line-height: 24px;
    margin-top: 0px;
}

.popUp .checkOut button,
.popUp .checkTypeDoc button,
.popUp .email button,
.popUp .noResult button,
.popUp .thanksForPayment button {
    min-width: 312px;
}

.popUp .checkOut {
    position: relative;
    text-align: center;
}

.popUp .checkOut button {
    height: 70px;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ffffff, offX=0, offY=1) progid:DXImageTransform.Microsoft.Alpha(opacity=25) progid:DXImageTransform.Microsoft.Blur(pixelradius=2.15, enabled='true');
    -ms-filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ffffff, offX=0, offY=1) progid:DXImageTransform.Microsoft.Alpha(opacity=25) "progid:DXImageTransform.Microsoft.Blur(pixelradius=2.15,enabled='true')";
}

.popUp .checkOut .title {
    margin-bottom: 10px;
}

.popUp .checkTypeDoc .title {
    padding: 0 90px;
    margin: 0px;
    margin-bottom: 20px;
}

.popUp .checkTypeDoc .documents.left label {
    cursor: pointer;
}

.popUp .checkTypeDoc .documents.left label span {
    display: block;
    font-size: 12px;
    color: #666;
    line-height: 14px;
    padding: 5px 0px 0px 42px;
}

.popUp .checkTypeDoc .documents.left label span strong {
    color: #ff0000;
}

.popUp .checkTypeDoc p.small {
    margin-bottom: 27px;
    padding: 0 90px;
}

.popUp .checkTypeDoc .documents.left {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    padding: 0 90px;
    margin: 0 0 54px;
    text-align: left;
}

.popUp .checkOut ul {
    margin: 0 auto 20px;
    width: 100%;
    max-width: 565px;
}

.popUp .checkOut .background {
    background: #f2f2f2;
    padding-bottom: 30px;
    padding-top: 20px;
    margin: 0px -40px -40px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.popUp .checkOut .note {
    position: relative;
    width: 312px;
    margin: 0 auto 11px;
    font-size: 16px;
}

.popUp .checkOut .price {
    margin-bottom: 10px;
    cursor: default;
}

.popUp .checkOut .price big {
    display: inline-block;
    font-size: 50px;
    line-height: 50px;
    font-weight: 900px;
}

.popUp .checkOut .price .rubl {
    display: inline-block;
    text-transform: none;
    font-size: 48px;
    line-height: 48px;
}

.popUp .checkOut .moreInfo {
    cursor: default;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -5px;
    width: 17px;
    height: 17px;
    line-height: 19px;
    font-size: 9px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -ms-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.packages .moreInfo .toolTip,
.popUp .checkOut .moreInfo .toolTip {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-left: -134px;
}

.popUp .checkOut .moreInfo:hover .toolTip {
    display: block;
}

.popUp .checkOut .moreInfo .toolTip {
    text-align: left;
    display: none;
    position: absolute;
    color: #fff;
    font-size: 14px;
    background: rgba(0, 0, 0, .9);
    border-radius: 5px;
    padding: 19px;
    bottom: 100%;
    left: 50%;
    width: 230px;
    margin-bottom: 8px;
    z-index: 1;
}

.popUp .checkOut .toolTip .arrow {
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 6px;
    height: 5px;
    margin-left: -3px;
    background: url(img/sprite.png) -132px -158px no-repeat;
}

.popUp .checkOut .discountCode {
    border: none;
    margin: 0 auto 11px;
    padding: 0;
    width: 312px;
}

.popUp .checkOut .discountCode input {
    float: left;
    height: 32px;
    width: 160px;
    font-size: 14px;
}

.popUp .checkOut .discountCode button {
    float: left;
    font-size: 14px;
    border: 1px solid #bbb;
    margin-left: 8px;
    color: #383838;
    height: 34px;
    width: 112px;
    padding: 0;
    min-width: initial;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(223, 223, 223, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(223, 223, 223, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(223, 223, 223, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(223, 223, 223, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(223, 223, 223, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(223, 223, 223, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
}

.popUp .checkOut .discountCode button:hover {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(223, 223, 223, 1) 0, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(223, 223, 223, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(223, 223, 223, 1) 0, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(223, 223, 223, 1) 0, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(223, 223, 223, 1) 0, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(223, 223, 223, 1) 0, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ffffff', GradientType=0);
}

.popUp .checkOut .systemPayment {
    padding-top: 30px;
    padding-bottom: 24px;
    text-align: left;
    width: 311px;
    margin: 0 auto;
}

.popUp .checkOut .systemPayment span {
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding-left: 33px;
    padding-bottom: 16px;
}

.popUp .checkOut .typePayment {
    margin-bottom: 35px;
}

.popUp .checkOut .typePayment div {
    float: left;
}

.popUp .checkOut div._clear {
    clear: both;
}

.popUp .checkOut .typePayment div.radiobtn {
    display: inline-block;
    width: 16px;
    height: 17px;
    background: url('img/sprite.png') -124px -445px no-repeat;
    cursor: pointer;
    position: relative;
    top: 4px;
}

.popUp .checkOut .typePayment.select div.radiobtn {
    display: inline-block;
    width: 16px;
    height: 17px;
    background: url('img/sprite.png') -106px -445px no-repeat;
}

.popUp .checkOut .typePayment div.description {
    margin-left: 17px;
    display: inline-block;
    width: 160px;
}

.popUp .checkOut .typePayment span {
    font-weight: 400;
    display: inline;
    padding: 0;
    cursor: pointer;
}

.popUp .checkOut .typePayment .icon {
    display: inline-block;
}

.popUp .checkOut .typePayment .i-visa {
    width: 39px;
    height: 23px;
    background: url(img/sprite.png) -124px -409px no-repeat;
    margin-right: 8px;
    margin-top: -2px;
}

.popUp .checkOut .typePayment .i-maestro {
    width: 39px;
    height: 23px;
    background: url(img/sprite.png) -124px -384px no-repeat;
    margin-top: -2px;
}

.popUp .checkOut .typePayment .i-robokassa {
    width: 57px;
    height: 8px;
    background: url(img/sprite.png) -104px -435px no-repeat;
    margin-top: 7px;
}

.popUp .checkOut .typePayment .i-yandex {
    width: 93px;
    height: 24px;
    background: url(img/yandex.png) 0px 0px no-repeat;
    margin-top: -4px;
    background-size: cover;
}

.popUp#pay {
    padding-bottom: 0;
}

.popUp .badResponse,
.popUp .checkOut,
.popUp .checkTypeDoc,
.popUp .email,
.popUp .packetCheckOrdered,
.popUp .paid,
.popUp .paidButNotReged,
.popUp .payFail,
.popUp .personalArea,
.popUp .preloader,
.popUp .purchasedAndAuthorized,
.popUp .purchasedAndNotAuthorized,
.popUp .purchasedButNoPersonalArea,
.popUp .registrationSuccess,
.popUp .responseWrapper,
.popUp .table,
.popUp .thanksForPayment,
.popUp .expressForm {
    width: 872px;
    box-sizing: border-box;
}

.widget .popUp .badResponse,
.widget .popUp .checkOut,
.widget .popUp .checkTypeDoc,
.widget .popUp .email,
.widget .popUp .packetCheckOrdered,
.widget .popUp .paid,
.widget .popUp .paidButNotReged,
.widget .popUp .payFail,
.widget .popUp .personalArea,
.widget .popUp .preloader,
.widget .popUp .purchasedAndAuthorized,
.widget .popUp .purchasedAndNotAuthorized,
.widget .popUp .purchasedButNoPersonalArea,
.widget .popUp .registrationSuccess,
.widget .popUp .responseWrapper,
.widget .popUp .table,
.widget .popUp .thanksForPayment,
.widget .popUp .expressForm {
    max-width: 872px;
    width: 100%;
}

.popUp .kadastr {
    padding: 60px;
}

.popUp .kadastr .cadcost {
    display: block;
    margin-top: 48px;
    font-size: 36px;
}

.popUp #response,
.popUp .supportResponse {
    display: none;
}

.popUp .forgotPassword,
.popUp .forgotPasswordResponse,
.popUp .partnerAuthorization,
.popUp .registration,
.popUp .registrationResponse {
    width: 272px;
}

.popUp .paid p.first,
.popUp .paid p:first-child,
.popUp .paidButNotReged p.first,
.popUp .paidButNotReged p:first-child {
    margin-bottom: 31px;
}

.popUp .paid .warning {
    margin-bottom: -60px;
}

.popUp .payFail .title {
    margin-bottom: 0;
}

.popUp .preloader .holder {
    position: relative;
    top: -12px;
    left: -12px;
    height: 165px;
    width: 165px;
}

.popUp .preloader .timer {
    text-align: center;
    position: absolute;
    font-weight: 700;
    font-size: 24px;
    color: #2dade8;
    width: 165px;
    height: 165px;
    line-height: 164px;
    top: 3px;
    left: 6px;
    z-index: 20;
}

.popUp .preloader p {
    text-align: center;
    margin-bottom: 0;
}

.popUp .preloader .border {
    height: 141px;
    width: 141px;
    border: 12px solid #ebebeb;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto 51px;
}

.popUp .supportResponse p {
    margin-bottom: 0;
}

.popUp .support,
.popUp .supportResponse {
    width: 592px;
}

.popUp .support .title,
.popUp .support input[type=text],
.popUp .support input[type=password] {
    text-align: left;
}

.res_main {
    max-width: 780px;
    margin: 0 auto;
    text-align: left;
    padding: 30px;
}

.sf-field-search input {
    width: 100%;
    padding: 0;
}

.sf-field-search {
    margin-bottom: 15px;
}

.res_main td {
    font-size: 15px;
    padding: 10px 0;
}

.top_tr {
    border-bottom: 2px solid;
}

.res_main button {
    padding: 0 15px;
    font-size: 14px;
    height: 36px !important;
}

.first_chi {
    width: 200px;
}

.popUp .support fieldset {
    position: relative;
    border: none;
    padding: 0;
    margin: 0;
}

.popUp .support .email {
    z-index: 1;
    text-align: left;
}

.popUp .support .userInfo {
    text-align: left;
    margin-bottom: 21px;
}

.popUp .support .userInfo fieldset {
    float: left;
    width: 31.3%;
    margin-right: 18px;
}

.popUp .support .phoneNumber {
    margin-right: 0 !important;
}

.popUp .support .userInfo input {
    float: left;
    width: 83%;
}

.popUp .support .email input {
    margin-bottom: 0;
}

.popUp .support textarea {
    width: 94.595%;
}

.popUp .support .userMessage {
    margin-bottom: 19px;
}

.popUp .support button,
.popUp .support input[type=submit] {
    width: 100%;
}

.popUp .personalArea .userPassword a {
    float: right;
}

.popUp .personalArea td {
    position: relative;
    vertical-align: top;
}

.popUp .personalArea ul {
    white-space: nowrap;
    font-size: 16px;
    margin: 0;
}

.popUp .personalArea li:before {
    background: #0d4cd3;
}

.popUp .personalArea thead td {
    padding-bottom: 49px;
    font-size: 30px;
}

.popUp .personalArea tbody td {
    padding-bottom: 35px;
}

.popUp .personalArea legend sup {
    vertical-align: bottom;
    color: #da6f5b;
    font-size: 16px;
}

.popUp .personalArea fieldset {
    position: relative;
    border: none;
    padding: 0;
    margin: 0;
}

.popUp .personalArea legend {
    overflow: hidden;
    display: block;
    text-align: left;
    margin-bottom: 12px;
    font-size: 16px;
    width: 100%;
}

.popUp .personalArea .authorization {
    width: 272px;
    padding-right: 40px;
    border-right: 1px solid #d0d0d0;
}

.popUp .personalArea .authorization input {
    width: 240px;
}

.popUp .personalArea .authorization button {
    width: 100%;
}

.popUp .personalArea .userLogin {
    margin-bottom: 20px;
}

.popUp .personalArea tr.first .authorization:before,
.popUp .personalArea tr.last .authorization:after,
.popUp .personalArea tr:first-child .authorization:before,
.popUp .personalArea tr:last-child .authorization:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    top: -40px;
    right: -1px;
    background: #d0d0d0;
}

.popUp .personalArea tr.last .authorization:after,
.popUp .personalArea tr:last-child .authorization:after {
    top: auto;
    bottom: -40px;
}

.popUp .personalArea .registrationOffering {
    padding-left: 40px;
}

.popUp .personalArea .registrationOffering p {
    font-size: 16px;
    margin-bottom: 15px;
}

.popUp .personalArea .registrationOffering button {
    width: 272px;
}

.popUp .forgotPasswordLink {
    cursor: pointer;
    float: right;
}

.popUp .forgotPassword fieldset,
.popUp .partnerAuthorization fieldset,
.popUp .registration fieldset {
    position: relative;
    border: none;
    margin: 0 0 20px;
    padding: 0;
}

.popUp .forgotPassword legend,
.popUp .partnerAuthorization legend,
.popUp .registration legend {
    display: block;
    font-size: 16px;
    width: 100%;
}

.popUp .forgotPassword input,
.popUp .partnerAuthorization input,
.popUp .registration input {
    width: 240px;
}

.popUp .forgotPassword .title,
.popUp .forgotPasswordResponse .title,
.popUp .partnerAuthorization .title,
.popUp .registration .title,
.popUp .registrationResponse .title {
    text-align: center;
}

.popUp .forgotPassword button,
.popUp .forgotPasswordResponse button,
.popUp .partnerAuthorization button,
.popUp .registration button,
.popUp .registrationResponse button {
    width: 100%;
}

.popUp .forgotPassword p,
.popUp .forgotPasswordResponse p,
.popUp .partnerAuthorization p,
.popUp .registration p,
.popUp .registrationResponse p {
    font-size: 16px;
    margin-bottom: 20px;
}

.popUp .forgotPasswordResponse .image,
.popUp .registrationResponse .image {
    position: relative;
    height: 65px;
    margin-bottom: 40px;
}

.popUp .forgotPasswordResponse .cont,
.popUp .registrationResponse .cont {
    position: absolute;
    width: 87px;
    height: 65px;
    top: 50%;
    left: 50%;
    margin-top: -33.5px;
    margin-left: -43.5px;
    background: url(img/sprite.png) 0 -247px no-repeat;
}

.popUp .paidButNotReged .top {
    position: relative;
    margin-bottom: 50px;
    border-bottom: 1px solid #e8e8e8;
}

.popUp .paidButNotReged .top .title {
    font-size: 30px;
}

.popUp .paidButNotReged .bottom {
    position: relative;
    padding-bottom: 60px;
}

.popUp .paidButNotReged .bottom .title {
    text-align: left;
    width: 510px;
    padding-left: 40px;
    margin: 0 auto 35px;
    font-size: 24px;
}

.popUp .paidButNotReged .bottom ul {
    margin-bottom: 44px;
    width: 550px;
    font-size: 16px;
}

.popUp .paidButNotReged .bottom li:before {
    background: #0d4cd3;
}

.popUp .paidButNotReged .bottom p {
    text-align: left;
    font-size: 16px;
    margin: 0 auto;
    width: 500px;
    padding-left: 40px;
}

.popUp .warning {
    position: relative;
    padding-top: 31px;
    padding-left: 60px;
    border-top: 1px solid #e8e8e8;
}

.popUp .warning:after,
.popUp .warning:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 40px;
    top: -1px;
    background: #e8e8e8;
}

.popUp .warning .text {
    text-align: left;
    overflow: hidden;
    font-size: 16px;
    padding-top: 5px;
    margin-right: 0;
}

.popUp .warning .pic {
    float: left;
    margin-right: 60px;
}

.popUp .warning .icon {
    width: 12px;
    height: 44px;
    background: url(img/sprite.png) -104px -381px no-repeat;
}

.popUp .warning p {
    margin-bottom: 20px;
    line-height: 20px;
}

.popUp .paid p.last,
.popUp .paid p:last-child,
.popUp .warning p.last,
.popUp .warning p:last-child {
    margin-bottom: 0;
}

.popUp .errorPopUp {
    left: 0;
}

.errorPopUp {
    z-index: 1;
    top: -25px;
    white-space: nowrap;
    display: none;
    position: absolute;
    margin-right: -14px;
    height: 45px;
    line-height: 44px;
    padding: 0 20px;
    background: #f24a43;
    color: #fff;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .4s ease, -khtml-opacity .4s ease, -moz-opacity .4s ease;
    -moz-transition: opacity .4s ease, -khtml-opacity .4s ease, -moz-opacity .4s ease;
    -ms-transition: opacity .4s ease, -khtml-opacity .4s ease, -moz-opacity .4s ease;
    -o-transition: opacity .4s ease, -khtml-opacity .4s ease, -moz-opacity .4s ease;
    transition: opacity .4s ease, -khtml-opacity .4s ease, -moz-opacity .4s ease;
}

.jivosite_info {
    position: fixed;
    right: 30px;
    bottom: 60px;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    cursor: default;
    background: #f44336;
    box-shadow: 0px 1px 3px #858585;
    z-index: 1000000;
}

.jivosite_info strong,
.jivosite_info a {
    color: #fff;
    border-bottom: 1px dashed #fff;
    font-weight: bold;
}

.jivosite_info strong:hover,
.jivosite_info a:hover {
    border-bottom: 0px;
}

.jivosite_info span {
    border: 7px solid transparent;
    border-top: 7px solid #858585;
    position: absolute;
    right: 25%;
    bottom: -14px;
    margin-left: -7px;
}

.jivosite_info span>span {
    border: 7px solid transparent;
    border-top: 7px solid #f44336;
    position: absolute;
    left: 0px;
    top: -8px;
}

.packages .wrapper {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.packages.sale .wrapper {
    padding-top: 48px;
    padding-bottom: 57px;
}

.packages {
    text-align: center;
    padding: 0;
}

.packages.promo {
    padding: 20px 20px 0px;
    box-sizing: border-box;
}

.packagesTopic {
    font-weight: 400;
    font-size: 36px;
    padding-bottom: 31px;
    background: #fff;
}

.main-wrapper .promo .packagesTopic {
    padding-bottom: 16px;
}

.packagesTopic .title {
    font-weight: 500;
    font-size: 43px;
    margin-bottom: 16px;
    margin-top: 0px;
}

.packagesTopic .title+p {
    margin-bottom: 0;
    line-height: normal;
    cursor: default;
}

.main-wrapper .packageTopic {
    font-weight: 400;
    padding-bottom: 20px;
    padding-top: 20px;
}

.main-wrapper .packageTopic h3 {
    font-weight: 900;
    font-size: 25px;
    padding-bottom: 16px;
    margin-bottom: 0;
    border-bottom: 0px;
}

.packages p {
    font-size: 16px;
}

.packages .item {
    position: relative;
    z-index: 1;
    float: left;
    border: 1px solid #5cafe9;
    background: #fff;
    margin-left: 25px;
    margin-top: 20px;
    box-sizing: border-box;
    border-radius: 6px;
}

.packages .item.recommended {
    background: #f1f7fe;
    margin-top: 0px;
}

.packages .item:first-child {
    margin-left: 0px;
}

.item_info {
    padding: 10px;
    background: #f44336;
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: -40px;
    top: -30px;
    right: -40px;
    cursor: default;
    text-align: center;
    border-radius: 2px;
}

.packages .item .current strong {
    color: #f44336;
}

.main-wrapper .myPackages .item {
    border: 0;
    margin: 0;
    float: none;
}

.hr_top {
    border: 1px solid #DCDCDC;
}

.main-wrapper .myPackages .item:hover,
.packages .moreInfo {
    -webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -ms-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
}

.main-wrapper .myPackages .item:hover {
    z-index: 2;
    background: 0 0;
    transition: background-color .4s ease;
}

.packages .item:hover .moreInfo {
    background: #fff;
}

.packages .num-6 {
    margin-right: 0;
}

.packages .cell {
    padding: 9px 9px 15px;
    border-bottom: 1px solid #cccccc;
}

.packages .cell:last-child,
.packages .item .last {
    border-bottom: none;
    padding-bottom: 9px;
}

.packages .item.num-7 {
    border: 1px solid #f44336;
}

.packages .item.num-6 .costPerOne .number {
    color: #f44336;
}

.packages .sticker {
    display: none;
    position: absolute;
    border: 1px solid #e6e6e6;
    width: 47px;
    height: 47px;
    top: -24.5px;
    left: 50%;
    margin-left: -24.5px;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.packages .discount .sticker,
.packages .recommended .sticker {
    display: block;
}

.packages .sticker .icon {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 50%;
    left: 50%;
    margin-top: -11.5px;
    margin-left: -11.5px;
    background: url(img/sprite.png) -108px -167px no-repeat;
}

.packages .discount .icon {
    position: absolute;
    width: 23px;
    height: 21px;
    margin-top: -9.5px;
    margin-left: -11.5px;
    background: url(img/sprite.png) -45px -312px no-repeat;
}

.packages .quantity .number {
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
    font-size: 16px;
    color: #333333;
    cursor: default;
    margin-top: 25px;
}

.packages .item.recommended .quantity .number {
    font-size: 20px;
}

.packages .quantity span {
    display: inline-block;
    vertical-align: bottom;
    line-height: normal;
}

.packages .quantity {
    margin-bottom: 11px;
}

.packages .item.recommended .quantity {
    margin-bottom: 30px;
    margin-top: 40px;
}

.packages .quantity .text {
    font-size: 14px;
    text-transform: lowercase;
    color: #999999;
    cursor: default;
}

.main-wrapper .costPerOne {
    margin-top: 20px;
}

.main-wrapper .costPerOne .text {
    font-size: 14px;
    color: #999999;
    cursor: default;
}

.main-wrapper .costPerOne .number {
    font-weight: bold;
    height: 34px;
    line-height: 33px;
    font-size: 22px;
    color: #0d4cd3;
    cursor: default;
}

.packages .item.recommended .costPerOne .number span {
    font-size: 30px;
}

.packages .item.recommended .costPerOne .number i {
    font-size: 30px;
    position: relative;
    top: 5px;
}

.main-wrapper .costPerOne .number span {
    vertical-align: bottom;
    font-size: 22px;
    margin-right: 2px;
}

.main-wrapper .costPerOne .number .rubl {
    font-size: 16px;
}

.packages button {
    width: 100%;
    height: 53px;
}

.packages .conditions {
    position: relative;
}

.packages .conditions .duration {
    white-space: nowrap;
    text-align: center;
    color: #999999;
    cursor: default;
    font-size: 14px;
}

.packages .conditions .duration>* {
    display: inline-block;
}

.packages .conditions .duration span {
    display: block;
    margin-top: 10px;
    line-height: 11px;
    font-size: 12px;
}

.packages.sale .conditions .duration .current {
    display: inline-block;
    color: #f24841;
}

.packages.sale .conditions .duration .old {
    text-decoration: line-through;
}

.packages .conditions .duration i {
    display: none;
    font-style: normal;
    font-size: 14px;
}

.packages.sale .conditions .duration .old,
.packages.sale .conditions .duration i,
.packages.sale .fullPrice .old {
    display: inline-block;
}

.packages .fullPrice {
    white-space: nowrap;
    overflow: hidden;
    padding: 0 17px;
    margin-bottom: 2px;
    color: #333333;
    cursor: default;
    font-size: 16px;
}

.packages .fullPrice .current {
    display: inline-block;
    font-weight: bold;
    margin-top: 10px;
}

.packages.sale .fullPrice .current {
    color: #f24841;
}

.packages.sale .fullPrice i {
    display: inline-block;
}

.packages .moreInfo {
    display: none;
    cursor: default;
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    height: 17px;
    line-height: 19px;
    font-size: 9px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background: #f2f2f2;
    transition: background-color .4s ease;
}

.packages .moreInfo:hover,
.selectBox:not(.loading) .arrow:hover {
    -webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -ms-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
}

.packages .moreInfo:hover {
    background: #fff;
    transition: background-color .4s ease;
}

.main-wrapper .btnGroup .btn,
.main-wrapper .btnGroup .btn:active,
.main-wrapper .btnGroup .btn:hover {
    -webkit-transition: color .4s ease;
    -moz-transition: color .4s ease;
    -ms-transition: color .4s ease;
    -o-transition: color .4s ease;
}

.packages .moreInfo:hover .toolTip {
    display: block;
}

.packages .moreInfo .toolTip {
    text-align: left;
    display: none;
    position: absolute;
    color: #fff;
    font-size: 14px;
    background: rgba(0, 0, 0, .9);
    border-radius: 5px;
    padding: 19px;
    top: -102px;
    left: 50%;
    width: 230px;
    z-index: 1;
}

.packages .toolTip .arrow {
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 6px;
    height: 5px;
    margin-left: -3px;
    background: url(img/sprite.png) -132px -158px no-repeat;
}

.packages .sticker .toolTip {
    display: none;
    position: absolute;
    color: #fff;
    background: rgba(0, 0, 0, .9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 19px;
    top: -69px;
    left: 50%;
    width: 134px;
    margin-left: -86px;
    z-index: 1;
}

.main-wrapper .myPackages .alert {
    margin-bottom: 10px;
}

.packages .sticker:hover .toolTip {
    display: block;
}

.packages .top {
    display: none;
    margin-bottom: 39px;
}

.main-wrapper .myPackages {
    text-align: center;
    max-width: 1000px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0px;
    padding: 0px 20px;
    overflow: hidden;
    margin: 0px auto;
}

.main-wrapper .myPackages+.myPackages {
    margin-top: 50px;
}

.main-wrapper .myPackages .top .title {
    font-size: 36px;
}

.main-wrapper .myPackages .detailsInfo {
    overflow: hidden;
}

.main-wrapper .myPackages .infoBlock {
    float: left;
    padding: 4.2%;
    margin-right: 1.05%;
    border: 1px solid #e6e6e6;
    width: 8.19%;
    cursor: default;
}

.main-wrapper .myPackages .infoBlock.last,
.main-wrapper .myPackages .infoBlock:last-child {
    margin-right: 0;
}

.main-wrapper .myPackages .expirationDate {
    width: 20%;
}

.main-wrapper .myPackages .top {
    font-weight: 700;
    font-size: 40px;
    display: block;
    margin-bottom: 0;
}

.main-wrapper .myPackages .bottom {
    font-size: 18px;
    line-height: 16px;
}

.main-wrapper .myPackages p {
    padding-top: 31px;
    font-size: 16px;
    clear: both;
    cursor: default;
}

.packages.sale {
    background: #f5f5f5;
    margin-bottom: -65px;
}

.packages.sale .top .title {
    font-weight: 700;
    line-height: normal;
    font-size: 60px;
    margin-bottom: 62px;
}

.packages.sale .top {
    display: block;
    margin-bottom: 39px;
}

.packages .timerBlock {
    display: none;
    position: relative;
    text-align: center;
    font-size: 0;
    padding: 36px 0;
    width: 100%;
}

.packages.sale .timerBlock {
    display: table;
}

.packages .timerBlock strike {
    position: absolute;
    background: #d1d1d1;
    height: 4px;
    top: 50%;
    margin-top: -10px;
    left: 0;
    right: 0;
    z-index: 0;
}

.packages .timerWrapper {
    position: relative;
    display: inline-block;
    font-weight: 700;
    padding: 0 50px;
    background: #f5f5f5;
    z-index: 1;
}

.packages .timer {
    position: relative;
    height: 100px;
    line-height: 100px;
}

.packages .timerNotice {
    position: absolute;
    white-space: nowrap;
    line-height: normal;
    font-size: 18px;
    bottom: -14px;
    width: 100%;
}

.packages .timer samp {
    display: inline-block;
    white-space: nowrap;
    border: none;
    font-weight: 400;
    font-size: 72px;
    line-height: 93px;
    letter-spacing: 6px;
}

.formWrapper .formToggle .btn,
.formWrapper .formToggle .btn:active,
.formWrapper .formToggle .btn:hover {
    -webkit-transition: color .4s ease;
    -moz-transition: color .4s ease;
    -ms-transition: color .4s ease;
    -o-transition: color .4s ease;
}

.formWrapper {
    padding: 20px;
    background: #e5f0fc;
    border-radius: 0px 10px 10px 10px;
}

.formWrapper.right,
.formToggle.right+.formWrapper {
    border-radius: 10px 0px 10px 10px;
}

.formWrapper.left,
.formToggle.left+.formWrapper {
    border-radius: 0px 10px 10px 10px;
}

.selectBox .dropDown,
.ui-autocomplete {
    filter: progid:DXImageTransform.Microsoft.dropshadow(offX=5, offY=0, color=grey);
}

.formToggle {
    position: relative;
    height: 50px;
    border-radius: 10px 10px 0px 0px;
}

.formToggle .btn {
    overflow: hidden;
    text-decoration: none;
    position: relative;
    z-index: 1;
    text-align: center;
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #666666;
    cursor: pointer;
}

.formToggle .btn i {
    font-style: italic;
    font-size: 11px;
    position: absolute;
    right: 5px;
    top: -15px;
    color: #ff0000;
}

.formToggle .btn:active,
.formToggle .btn:hover {
    color: #777;
    transition: color .4s ease;
}

.formToggle .btn.active,
.formToggle .btn.active:active,
.formToggle .btn.active:hover {
    color: #0d4cd3;
    background: #e5f0fc;
    -webkit-transition: color .4s ease;
    -moz-transition: color .4s ease;
    -ms-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
    border-radius: 10px 10px 0px 0px;
}

.formWrapper .searchForm {
    position: relative;
}

.formWrapper fieldset {
    position: relative;
    border: none;
    margin: 0 0 20px;
    padding: 0;
}

.formWrapper fieldset#row {
    margin: 0;
}

.formWrapper h4,
.formWrapper legend {
    display: block;
    width: 100%;
    font-size: 16px;
    margin-bottom: 12px;
    padding-left: 0;
    color: #666;
    cursor: default;
}

.formWrapper h4 i,
.formWrapper legend i {
    font-size: 12px;
}

.formWrapper .postform {
    width: 100%;
}

.formWrapper .landType,
.formWrapper .landType input {
    display: none;
}

.formWrapper legend sup {
    vertical-align: bottom;
    color: #da6f5b;
    font-size: 14px;
    top: -15px;
    margin-left: -2px;
}

.formWrapper .flat,
.formWrapper .housing,
.formWrapper .house {
    width: 142px;
    margin-bottom: 20px;
}

.formWrapper .housing {
    margin-right: 15px;
}

.formWrapper .house {
    float: left;
}

.formWrapper .flat,
.formWrapper .housing {
    float: right;
}

.formWrapper .flat input,
.formWrapper .housing input,
.formWrapper .house input {
    width: 110px;
    float: left;
}

.formWrapper .cadastralNumber input,
.formWrapper .street input {
    width: 428px;
}

.formWrapper .cadastralNumber {
    clear: both;
    width: 392px;
}

.formWrapper .__address {
    display: none;
}

.formWrapper button,
.formWrapper input[type=submit] {
    bottom: 0;
    width: 100%;
}

.leftFrame ul {
    padding: 0;
    list-style: none;
}

body:not(:-moz-handler-blocked) .formWrapper .errorPopUp {
    top: -5.5px;
}

.formWrapper .errorPopUp {
    top: -6px;
    left: -305px;
    word-wrap: break-word;
    white-space: normal;
    line-height: 19px;
    cursor: default;
    width: 250px;
    height: auto;
    padding: 10px 20px;
}

.formWrapper .errorPopUp .errorArrow {
    bottom: auto;
    width: 8px;
    height: 10px;
    margin-top: -5px;
    right: -8px;
    left: auto;
    top: 24px;
    background-position: -68px -58px;
}

.formWrapper .selectBox input {
    width: 408px !important;
}

.rightFrame ul {
    padding: 0px;
    margin: 0px;
}

.rightFrame ul li {
    padding: 0px 10px 0px 70px;
    margin: 0px;
    list-style: none;
    cursor: default;
    text-align: left;
    position: relative;
    min-height: 58px;
    margin-bottom: 30px;
    word-wrap: break-word;
    margin-top: 25px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    font-size: 13px;
}

.rightFrame ul li:first-child {
    margin-top: 5px;
}

.rightFrame ul li span {
    position: absolute;
    left: 10px;
    top: 4px;
    width: 45px;
    height: 49px;
    line-height: 47px;
    float: left;
    text-align: center;
    cursor: default;
    background: url("img/el_small.png") no-repeat scroll 0px 0px transparent;
    color: #0d4cd3;
    font-size: 25px;
    text-shadow: 0px 1px 0px #000;
}

.rightFrame ul li div {
    padding: 20px 0px;
}

.rightFrame ul li.big_text div {
    padding: 10px 0px;
}

.steps_1 {
    display: none;
}

.rightFrame {
    float: left;
    width: 470px;
}

.leftFrame {
    float: right;
    width: 500px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.info_tooltip {
    cursor: default;
    background: #f44336;
    box-shadow: 0px 1px 3px #858585;
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    border: 0px 1px 3px #f44336;
    margin-top: 30px;
    position: relative;
    line-height: 16px;

    animation: tooltip 2s ease-in-out infinite;
}

.info_tooltip span {
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 5px;
    float: left;
    margin-top: 5px;
}

.info_tooltip span i {
    font-size: 25px;
}

.info_tooltip div:first-child {
    border: 30px solid transparent;
    border-left: 30px solid #858585;
    border-width: 25px 25px 0 90px;
    position: absolute;
    left: 55px;
    top: -25px;
}

.info_tooltip div:first-child>div {
    border: 30px solid transparent;
    border-left: 30px solid #f44336;
    border-width: 25px 25px 0 90px;
    position: absolute;
    left: -90px;
    top: -25px;
}

@keyframes tooltip {
  0% {
    top: 0px;
    transform: scale(1);
  }
  50% {
    top: 10px;
    transform: scale(1.05);
  }
  100% {
    top: 0px;
    transform: scale(1);
  }
}

.text_info_margin {
    margin-top: 10px;
    font-size: 14px;
}

.text_info_margin a,
.price_info a {
    color: #fff !important;
    font-weight: bold;
    border-bottom: 1px dashed #fff;
    -webkit-transition: 200ms linear border;
    -o-transition: 200ms linear border;
    transition: 200ms linear border;
}

.text_info_margin a:hover,
.price_info a:hover {
    border-bottom: 1px dashed transparent;
}

.button,
.localPopUp .button,
.localPopUp a.button .popUp a.button,
.popUp .button,
button,
input[type=submit] {
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    outline: 0;
    height: 56px;
    font-size: 18px;
    color: #fff;
    padding: 0 32px;
    background: #0d4cd3;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    -ms-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}

.button:hover,
.copy.zeroclipboard-is-hover,
.localPopUp .button:hover,
.localPopUp a.button:hover,
.popUp .button:hover,
.popUp a.button:hover,
button:hover,
input[type=submit]:hover {
    color: #fff;
    background: #2c8fd6;
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    -ms-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}

.button:active,
.copy.zeroclipboard-is-active,
.localPopUp .button:active,
.localPopUp a.button:active,
.popUp .button:active,
.popUp a.button:active,
button:active,
input[type=submit]:active {
    color: #fff;
    background: #186195;
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    -ms-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}

.form_buttons>.form_buttons_els>input[type="submit"] {
    width: 100%;
    font-weight: bold;
    font-size: 30px;
}

.form_buttons>.form_buttons_els>input[type="submit"]:hover {
    background: #ee3f58;
}

.selectBox {
    z-index: 10;
    position: relative;
    cursor: text;
    color: #3b3b3b;
    outline: 0;
    background: #fff;
    height: 36px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
    transition: border-color .4s ease;
}

.selectBox .errorPopUp {
    top: -57px;
}

.selectBox .arrow,
.selectBox.loading .arrow {
    cursor: pointer;
    position: absolute;
    background: #2c8fd6;
    top: 3px;
    right: 3px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background .4s ease;
    -moz-transition: background .4s ease;
    -ms-transition: background .4s ease;
    -o-transition: background .4s ease;
    transition: background .4s ease;
}

.selectBox.loading .arrow {
    cursor: default;
    background: url(img/arrowPreloader.gif) center center no-repeat #fff;
}

.selectBox .arrow .icon {
    background: url(img/sprite.png) -50px -58px no-repeat;
}

.selectBox .arrow .icon,
.selectBox.loading .arrow .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 7px;
    margin-top: -3.5px;
    margin-left: -5px;
}

.selectBox:not(.loading) .arrow:hover {
    background: #1285bb;
    transition: background-color .4s ease;
}

.selectBox:not(.loading) .arrow:active {
    background: #0f6d99;
    -webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -ms-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.selectBox .dropDown {
    position: absolute;
    color: #3b3b3b;
    top: 43px !important;
    width: 448px !important;
    overflow-x: hidden;
    background: #fff;
    border: 5px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .48);
    -moz-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .48);
    -ms-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .48);
    -o-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .48);
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .48);
    max-height: 250px;
    z-index: 1;
}

.selectBox .row {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 33px;
    line-height: 33px;
    padding: 0 7px;
    color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.selectBox .overflow {
    overflow: hidden;
}

.selectBox .row.active,
.selectBox .row:hover {
    background: #d0d0d0;
    color: #000 !important;
}

.selectBox .row.active~.active {
    background: #fff;
}

.selectBox input,
.selectBoxClone input {
    padding: 0 35px 0 15px;
}

.formWrapper>.selectBox .content {
    margin-right: 5px;
}

.main-wrapper .passwordChange,
.main-wrapper .phoneNotice {
    width: 45%;
    float: left;
}

.main-wrapper .phoneNotice {
    float: right;
}

.main-wrapper .passwordChange p,
.main-wrapper .phoneNotice p {
    font-size: 16px;
}

.main-wrapper .passwordChange {
    margin-right: 0;
}

.main-wrapper .profile form {
    margin-bottom: 20px;
}

.main-wrapper .profile .responseMessage {
    text-align: center;
    font-size: 16px;
}

.main-wrapper .localPopUpWrapper,
.socialLine .social {
    position: relative;
    display: inline-block;
}

.main-wrapper .personalArea fieldset {
    position: relative;
    border: none;
    margin: 0 0 20px;
    padding: 0;
}

.main-wrapper .personalArea .confirmPassword,
.main-wrapper .personalArea .confirmationCode {
    margin: 0 0 31px;
}

.main-wrapper .personalArea legend {
    display: block;
    font-size: 16px;
    margin-bottom: 12px;
    padding-left: 0;
}

.main-wrapper .confirmationCode,
.profile .responseMessage._hidden {
    display: none;
}

.main-wrapper .personalArea legend sup {
    vertical-align: bottom;
    color: #da6f5b;
    font-size: 16px;
}

.main-wrapper .personalArea input {
    text-align: center;
}

.main-wrapper .personalArea input[type=text],
.main-wrapper .personalArea input[type=password],
.main-wrapper .personalArea textarea {
    border-color: #bababa;
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
    transition: border-color .4s ease;
}

.main-wrapper .personalArea input[type=text]:active,
.main-wrapper .personalArea input[type=text]:focus,
.main-wrapper .personalArea input[type=password]:active,
.main-wrapper .personalArea input[type=password]:focus,
.main-wrapper .personalArea textarea:active,
.main-wrapper .personalArea textarea:focus {
    border-color: #0d4cd3;
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
    transition: border-color .4s ease;
}

.main-wrapper .personalArea input[type=text].error,
.main-wrapper .personalArea input[type=password].error,
.main-wrapper .personalArea textarea.error {
    border-color: #d24a43;
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
    transition: border-color .4s ease;
}

.main-wrapper .personalArea input[type=text].error:active,
.main-wrapper .personalArea input[type=password].error:active,
.main-wrapper .personalArea textarea.error:active {
    border-color: #0d4cd3;
    -webkit-transition: border-color .4s ease;
    -moz-transition: border-color .4s ease;
    -ms-transition: border-color .4s ease;
    -o-transition: border-color .4s ease;
    transition: border-color .4s ease;
}

.records_work {
    cursor: default;
    color: #ff0000;
    font-size: 14px;
    padding: 5px 0px;
    font-style: italic;
    text-align: right;
    float: right;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.checker input {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    border: none;
    background: 0 0;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
}

.checker,
.checker input,
.checker span,
.radio,
.radio input,
.radio span {
    width: 18px;
    height: 18px;
}

.radio input {
    opacity: 0;
}

.checker,
.radio {
    display: inline-block;
    zoom: 1;
    position: relative;
    left: 0;
    top: 4px;
    margin: 0 18px 0 0;
    padding: 0;
    line-height: normal;
}

.checker span,
.radio span {
    background-image: url(img/sprite-checbox-aristo.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    text-align: center;
    background-position: 0 -18px;
}

.checker span.checked,
.checker.active span,
.checker.active span.checked,
.radio span.checked,
.radio.active span,
.radio.active span.checked {
    background-position: 0 0;
}

.checker.focus span,
.checker.hover span,
.radio.focus span,
.radio.hover span {
    background-position: 0 -18px;
}

.checker.focus span.checked,
.checker.focus.active span,
.checker.focus.active span.checked,
.checker.hover span.checked,
.checker.hover.active span,
.checker.hover.active span.checked,
.radio.focus span.checked,
.radio.focus.active span,
.radio.focus.active span.checked,
.radio.hover span.checked,
.radio.hover.active span,
.radio.hover.active span.checked {
    background-position: 0 0;
}

.checker.disabled,
.checker.disabled.active,
.radio.disabled,
.radio.disabled.active {
    background-position: -184px -320px;
}

.checker.disabled span.checked,
.checker.disabled.active span.checked,
.radio.disabled span.checked,
.radio.disabled.active span.checked {
    background-position: -207px -320px;
}

.info_block {
    cursor: default;
    padding: 15px 20px 15px 70px;
    background: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #468847;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px #f0f0f0;
    max-width: 700px;
    width: 100%;
    margin: 20px auto;
    text-align: left;
    font-size: 13px;
}

.info_block strong {
    font-weight: bold;
}

.info_block span {
    font-size: 18px;
}

.info_block i {
    font-size: 70px;
    position: absolute;
    left: -15px;
    opacity: 0.6;
    top: 50%;
    margin-top: -35px;
}

.info_block+.info_block {
    margin-top: 10px;
}

.info_block_warning {
    background-color: #fbeeed;
    border-color: #f7d8dd;
    color: #d9534f;
}

.subtitle_text_info {
	cursor: default;
	color: #666;
	font-size: 18px;
}

.info_table {
	cursor: default;
	font-size: 11px;
}

.price_info {
	background: #f44336 none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 3px #858585;
	color: #fff;
    cursor: default;
    font-size: 13px;
    line-height: 16px;
    padding: 10px;
    position: relative;
    text-align: center;
	max-width: 430px;
	margin: 30px auto 0px;
    animation: priceinfoanim 2s ease-in-out infinite;
}

.price_info strong {
	font-weight: bold;
}

@keyframes priceinfoanim {
    0% {
        transform: scale(1.0);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1.0);
    }
}

.video_wrap {
    margin: 30px 0px;
    text-align: center;
}

.video_inner {
    width: 48%;
	float: left;
}

.video_inner + .video_inner {
	float: right;
}

.example_cadnum {
    padding: 10px 0px 0px;
}

.example_cadnum > span {
    float: left;
    border-radius: 4px;
    padding: 5px;
    font-size: 12px;
    color: #0d4cd3;
    background: rgba(255, 255, 255, 0.1);
    transition: all 300ms linear;
    cursor: pointer;
    margin-right: 5px;
}

.example_cadnum > span:hover {
    background: rgba(13, 76, 211, 0.1);
}

.formWrapper fieldset.cadastralNumber {
    margin-bottom: 0px;
}

.btn_empty_record {
    padding: 10px 0px;
}

.btn_empty_record .button {
    line-height: 56px;
}

.map_layels_title {
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    border-radius: 4px;
    padding: 10px 0px;
    transition: all 300ms linear;
}

.map_layels_title:hover {
    background: #f7f7f7;
}

.map_layels_title .fa-angles-up {
    display: none;
}

.map_layels_title.active .fa-angles-up {
    display: inline-block;
}

.map_layels_title.active .fa-angles-down {
    display: none;
}

.checkbox_label_wrap {
    width: auto;
}


.seo_text {
    cursor: default;
    color: #333;
    padding: 10px 0px;
}

.personalArea  {
    padding: 0px 20px;
    box-sizing: border-box;
}

.popup_loading_wrap {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: none;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    text-align: center;
    outline: none;
    overflow-x: hidden;
    overflow-y: auto;
}

.popup_loading_wrap:focus {
    outline: none;
    border: 0px;
}

.popup_loading_wrap::-moz-focus-inner {
    border: 0;
}

.popup_loading_inner {
    margin: 100px 40px 0px;
    position: relative;
    max-width: 900px;
    width: auto;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    transition: width 500ms linear, max-width 500ms linear;
    cursor: auto;
    display: inline-block;
    text-align: left;
}

.popup_loading_inner.wait {
    width: 240px;
}

.popup_loading_wait {
    background: url("img/loading_new.svg") no-repeat scroll center center transparent;
    height: 200px;
    width: 200px;
    margin: 0px auto;
    opacity: 1;
}

.popup_loading_inner h2 {
    margin: 0px 0px 10px;
}

.cadchat_page_wrap {
    max-width: 600px;
    min-width: 450px;
    width: 100%;
}

.cadchat_page_inner {

}

.cadchat_msg {
    padding: 10px;
    background: #f7f7f7;
    cursor: default;
    border-radius: 10px;
    margin: 10px 0px;
    position: relative;
}

.cadchat_msg:first-child {
    margin-top: 0px;
}

.cadchat_empty {

}

.cadchat_admin {
    background: #dedede;
}

.cadchat_textarea_wrap {
    position: relative;
}

.cadchat_textarea_wrap textarea {
    resize: none;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    font-size: 13px;
    box-sizing: border-box;
    border: 1px solid #dedede;
}

.cadchat_textarea_wrap .cadchat_button_send {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 10px;
    cursor: pointer;
}

.cadchat_textarea_wrap .cadchat_button_send i {
    font-size: 23px;
    opacity: 1;
    transition: opacity 300ms linear, transform 300ms linear;
}

.cadchat_textarea_wrap .cadchat_button_send:hover i {
    opacity: 0.7;
    transform: scale(0.7);
}

.cadchat_msg_user {
    color: #333;
}

.cadchat_msg_text {
    padding: 5px 0px 0px;
}

.cadchat_msg_date {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #666;
    font-size: 12px;
}

.popup_loading_close {
    position: absolute;
    right: -40px;
    top: -40px;
    padding: 10px;
    font-size: 30px;
    cursor: pointer;
    color: #f7f7f7;
    transition: opacity 300ms linear;
    z-index: 1;
}

.popup_loading_close:hover {
    opacity: 0.7;
}

.popup_loading_text_inner {
    cursor: default;
}

.popup_loading_text_inner p {
    padding: 0px 0px 10px;
}

.popup_loading_text_inner p:last-child {
    padding-bottom: 0px;
}

.input_wrap {
    position: relative;
    padding: 10px 0px;
}

.input_wrap span {
    position: absolute;
    left: 10px;
    top: 18px;
    cursor: text;
    padding: 5px 10px;
    transition: top 150ms ease-in, font-size 300ms ease-in, background 50ms ease-in;
    font-size: 13px;
}

.input_wrap input[type="text"],
.input_wrap input[type="password"],
.input_wrap textarea {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
}

.input_wrap.error input[type="text"],
.input_wrap.error input[type="password"],
.input_wrap.error textarea {
    border-color: #ff0000;
}

.input_wrap.fix span,
.input_wrap input[type="text"]:focus + span,
.input_wrap input[type="password"]:focus + span,
.input_wrap textarea:focus + span {
    top: -2px;
    font-size: 11px;
    color: #0d4cd3;
    background: #fff;
}

.input_button_wrap {
    text-align: center;
    margin-top: 10px;
}

.popup_loading_text {
    cursor: default;
    padding: 10px 0px;
}

.popup_loading_text_error {
    color: #ff0000;
}

.order_checkbox {
    position: relative;
}

.order_checkbox label {
    padding: 10px 0px 10px 30px;
    display: block;
    cursor: pointer;
    transition: opacity 300ms linear;
    user-select: none;
}

.order_checkbox label:hover {
    opacity: 0.7;
}

.order_checkbox label input[type="checkbox"] {
    display: none;
}

.order_checkbox label > div > i {
    color: #0d4cd3;
    font-size: 22px;
    position: absolute;
    left: 0px;
    top: 2px;
    opacity: 0;
    transition: opacity 200ms linear;
}

.order_checkbox label > div:first-child {
    position: absolute;
    top: 10px;
    left: 0px;
}

.order_checkbox label input + i {
    opacity: 0;
}

.order_checkbox label input + i + i {
    opacity: 1;
}

.order_checkbox label input:checked + i {
    opacity: 1;
}

.order_checkbox label input:checked + i + i {
    opacity: 0;
}

.order_checkbox label > span {
    font-size: 13px;
    color: #444;
}

.order_checkbox label span strong {
    font-size: 18px;
    color: #f44336;
}

.order_checkbox label span strong i {
    font-size: 16px;
    color: #333;
    margin-left: 2px;
    color: #f44336;
}

.order_checkbox_datetime {
    font-size: 11px;
    cursor: default;
    margin-top: 15px;
    color: #666;
    opacity: 0;
    transition: opacity 300ms linear;
}

.order_checkbox.active .order_checkbox_datetime {
    opacity: 1;
}

.price_info_full {
    padding: 20px 0px;
    font-size: 50px;
    text-align: center;
    cursor: default;
    font-weight: 300;
}

.price_info_full i {
    margin-left: 10px;
    font-size: 45px;
}

.price_info_full + .price_info {
    margin-top: 0px;
}

.orders_packages_info {
    cursor: default;
    user-select: none;
    background: #fbf0a4;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0px;
}

.order_checkbox_example.order_checkbox label > div > i {
    color: #999;
}

.chart_wrap {
    padding: 30px 0px;
    height: 500px;
}

.chart_inner  {
    position: relative;
}

.chart_line {
    padding: 0px 10px;
    float: left;
    box-sizing: border-box;
    position: relative;
    height: 500px;
}

.chart_line.today {
    font-weight: bold;
}

.chart_line.future {
    opacity: 0.7;
    font-style: italic;
}

.chart_bar {
    background: #0d4cd3;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0px;
    box-sizing: border-box;
    border-radius: 2px 2px 0px 0px;
}

.chart_label,
.chart_value {
    position: absolute;
    text-align: center;
    left: 0px;
    right: 0px;
    cursor: default;
    font-size: 12px;
    white-space: nowrap;
}

.chart_label {
    bottom: -15px;
}

.chart_value {
    top: -20px;
}

.payform-tinkoff {
   
}

.payform-tinkoff-btn {
    background-color: #FBC520;
    border: 1px solid #FBC520;
    color: #3C2C0B;
    cursor: pointer;
    font-size: 15px;
    padding: 15px 10px;
    border-radius: 3px;
    transition: all 300ms linear;
    margin: 10px 0px;
    color: #000;
}

.payform-tinkoff-btn:hover {
    background-color: #FAB619;
    border: 1px solid #FAB619;
    color: #000;
}