#px_block { position: absolute; top: 0; left: 0; background-position: 0 50%; width: 100%; pointer-events: none; -webkit-pointer-events:none; height:50000px; z-index: 100; display: none;}
.px_active  #px_block { display: block;}
#px_btn { width: 20px; height: 20px; background: red; position: fixed; bottom: 10px; left: 10px; cursor: pointer; z-index: 101;}

html * {max-height:100000000px;}
html img {max-height:none;}
* { margin:0; padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline:none; outline-style:none;
 -ms-text-size-adjust:none; -webkit-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none; }
html, body {height:100%;  width:100%;}
li { list-style:none;}
a img {border:none;}
a { text-decoration:none; color:inherit;}
a[href^="tel:"] {white-space: nowrap;}
input, select, button {border:none; outline:none;  box-shadow: none; -webkit-box-shadow: none; 
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
textarea { border:none; outline:none; resize:none;}
input[type="file"], /* FF, IE7+, chrome (except button) */
input[type="file"]::-webkit-file-upload-button {cursor: pointer; } /* chromes and blink button */
input[type="submit"], input[type="text"],input[type="email"],input[type="tel"],input[type="password"] {-webkit-appearance:none; -moz-appearance:none;}
body { min-width:320px; font-size: 16px; font-family: 'Neo Sans Pro', sans-serif; }
.container { max-width:1000px; width: 100%; margin:0 auto; padding:0 20px;}
.main_wrap {display: flex; display: -ms-flexbox; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column;
    -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap;  min-height: 100%; overflow: hidden; width: 100%;}
.main_body {-ms-flex:1 1 auto; flex: 1 1 auto; width: 100%;}
.main_edge {-ms-flex:0 0 auto; flex: 0 0 auto; width: 100%;}

.header_block {position: relative;}
.header_block:before {content: ''; display: block; box-sizing: border-box; background: #FFF; position: absolute; left: calc(50% - 1px); top: 100%; width: calc(100% + 2px);
    height: 44px; transform: translateX(-50%) translateY(-50%) skewY(.5deg); pointer-events: none; -webkit-pointer-events:none; z-index: 0;}

.header {text-align: center; font-size: 0; font-weight: normal; background: #FFF; padding:35px 0;}
.header > .logo {display: inline-block; vertical-align: middle; max-width: 240px;}
.header > .logo img {width: auto; height: auto; max-width: 100%; display: block;}
.bg_1 {background: url(../img/bg_1.jpg) no-repeat 50% 50%; background-size: cover;}
.block1 {padding:128px 0; color:#FFF; text-align: center;}
.title_block {font-size: 0; font-weight: normal; text-align: center;}
.title_block > span {display: inline; vertical-align: middle; background: #FF4E5B; padding:10px 28px; font:500 46px/1.2 "Neo Sans Pro", sans-serif; }
.block1 .title_block {margin-bottom:35px ;}
.block1 > p {font:300 20px/1.2 "Neo Sans Pro", sans-serif; text-align: center; }
.page_form:nth-child(n+2) {margin-top: 20px;}
.inputs_box {display: flex; display: -ms-flexbox; -ms-flex: 0 0 auto; flex:0 0 auto; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch;
    flex-wrap: wrap; -ms-flex-wrap: wrap; margin:0 -10px;}
.inputs_box > .item {width: 50%; -ms-flex: 0 0 auto; flex:0 0 auto; padding:10px;}
.inputs_box > .w1 {width: 100%;}
.input, .select {width: 100%; display: block; position: relative;}
.input input {display: block; width: 100%; background: #FFF; border-radius: 3px; height: 50px; box-shadow: 0 0 0 2px transparent; transition: all .2s linear; padding:0 18px; color:#000;
    font:16px/1.2 "Open Sans", sans-serif;}
.input input.invalid {box-shadow: 0 0 0 2px red; }

.input input::-webkit-input-placeholder {opacity: .5; transition: all .2s linear;}
.input input::-moz-placeholder {opacity: .5; transition: all .2s linear;}
.input input:-ms-input-placeholder {opacity: .5; transition: all .2s linear;}
.input input:-moz-placeholder {opacity: .5; transition: all .2s linear;}
.input input::placeholder {opacity: .5; transition: all .2s linear;}

.input input:focus::-webkit-input-placeholder {opacity: 0;}
.input input:focus::-moz-placeholder {opacity: 0;}
.input input:focus:-ms-input-placeholder {opacity: 0;}
.input input:focus:-moz-placeholder {opacity: 0;}
.input input:focus::placeholder {opacity: 0;}

.select select {display: block; width: 100%; padding:0 34px 0 18px; border-radius: 3px; color:#000; height: 50px; font:16px/1.2 "Open Sans", sans-serif;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.select:before {content: ''; display: block; width: 10px; height: 10px; border-top:3px solid #AFAFAF; border-right:3px solid #AFAFAF; position: absolute; top: 50%; right: 18px;
    -webkit-pointer-events: none; pointer-events: none; -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: -8px;}
select::-ms-expand {  display: none;}
.cap_letter:first-letter {text-transform: capitalize;}

.btn_wrap {font-size: 0; font-weight: normal; text-align: center; }
.page_form  > .btn_wrap {margin-top: 30px;}
.btn_user {display: inline-block; vertical-align: middle; border: none; outline: none; padding: 0 20px; background: #FF4E5B; line-height: 62px;
    font-size: 0; font-weight: normal; color:#FBFBFB; box-shadow: 0 -3px 0 0 #EA3844 inset; min-width: 280px; text-transform: uppercase;
    -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor: pointer; transition: all .2s linear;}
.btn_user:hover {color:#FFF; background:#EA3844; box-shadow: 0 -3px 0 0 #D32632 inset;  }
.btn_user .btn_text {display: inline-block; vertical-align: middle; padding:5px 0; font:500 18px/1.2 "Neo Sans Pro", sans-serif;}
.page_form .btn_submit {min-width: 420px;}
.check_block {position: relative; display:  -ms-inline-flexbox; display: inline-flex; vertical-align: middle; flex-direction:row; justify-content: center; -ms-flex-pack: center;
    align-items: center; -ms-flex-align: center; flex-wrap: nowrap; -ms-flex-wrap: nowrap; cursor: pointer;
    -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.check_block input {position: absolute; display: block; top: 0; left: 0; opacity: 0;}
.check_block .icon {-ms-flex: 0 0 auto; flex:0 0 auto; display: block; width: 20px; height: 20px; position: relative; border-radius:2px; background: #FFF; transition: all .2s linear;}
.check_block .icon:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 65%; height: 65%;
    background: url(../img/tick.svg) no-repeat 50% 50%; background-size: contain; opacity: 0; transition: all .2s linear;}
.check_block input:checked ~ .icon:before {opacity: 1;}
.check_block input:checked ~ .icon {background: #44CB83;}
.check_block .text {font:300 16px/1.2 "Neo Sans Pro", sans-serif; color:#FFF; text-align: left; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 9px;}
.check_block .text a {border-bottom:1px solid #FFF; transition: all .2s linear;}
.check_block .text a:hover {border-bottom-color:transparent;}
.page_form > .note {margin-top: 20px; font:700 20px/1.2 "Neo Sans Pro", sans-serif; color:#FFF;}
.check_wrap {margin-top: 30px; text-align: center;}
.check_wrap > .inner {text-align: left; display: inline-block; vertical-align: middle;}
.block1 .page_form:nth-child(n+2) {margin-top: 35px;}
.check_wrap .item:nth-child(n+2) {margin-top: 16px;}

.footer_block {position: relative;}
.footer_block:before {content: ''; display: block; box-sizing: border-box; background: #FFF; position: absolute; left: calc(50% - 1px); bottom: 100%; width: calc(100% + 2px);
    height: 44px; transform: translateX(-50%) translateY(50%) skewY(-.5deg); pointer-events: none; -webkit-pointer-events:none; z-index: 0;}
.footer {display: flex; display: -ms-flexbox; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: row; flex-direction: row;
    -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding:75px 0 35px; position: relative; z-index: 2;}
.f_logo_item {-ms-flex:0 0 auto; flex: 0 0 auto;}
.f_content_item {-ms-flex:1 1 auto; flex: 1 1 auto; padding-left: 80px; padding-top: 5px;
    display: flex; display: -ms-flexbox; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: row; flex-direction: row;
    -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.f_logo {display: inline-block; vertical-align: middle; position: relative;}
.f_logo img {display: block; margin:0 auto; width: auto; height: auto; max-width: 100%;}
.f_content_item > .item {-ms-flex: 0 0 auto; flex:0 0 auto; width: 50%; padding: 0 20px;}
.f_content_item > .item:nth-child(2n+1) {width: 40%;}
.f_content_item > .item:nth-child(2n) {width: 60%;}
.f_content_item {margin:0 -20px;}
.f_content_item > .item p {font:400 16px/1.4 "Neo Sans Pro", sans-serif; color:#000;}
.f_content_item > .item p em {color:#B7B7B7; font-style: normal;}
.f_content_item > .item:nth-child(n+3) {margin-top: 14px;}
.title_block i {font-style: normal;}
.cellar_block {padding: 25px 0;}
.cellar {text-align:center; color:#B7B7B7;}
.cellar span {white-space:nowrap;}


.debt_wrap {justify-content: flex-start; -ms-flex-pack: start; align-items: center; -ms-flex-align: center; position: relative; color:#272525;}
.debt_decor {position: absolute; pointer-events: none; -webkit-pointer-events:none; opacity: .35;}
.debt_decor img {width: auto; height: auto; max-width: 100%;}
.debt_decor_1 {position: absolute; top: 0; left: 0;}
.debt_decor_2 {position: absolute; top: 0; right: 0;}
.debt_decor_3 {position: absolute; bottom: 0; right: 0;}
.debt_decor_4 {position: absolute; bottom: 0; left: 0;}
.debt_decor_5 {position: absolute; top: 0; left: 0;}
.debt_decor_6 {position: absolute; bottom: 0; left: 0;}

.main_debt {-ms-flex: 0 0 auto; flex:0 0 auto; width: 100%; max-width: 1318px; padding: 0 20px; position: relative; z-index: 2;}
.main_debt_block {width: 100%;  text-align: left; padding:156px 100px 90px 125px; position: relative;}
.debt_bg_icon {-webkit-pointer-events:none; pointer-events: none; position: absolute; top: 0; left: 0; opacity: .15;}
.debt_bg_icon.bad{top: 377px; left: 177px;}
.debt_bg_icon.ok{top: 391px; left: 116px;}
.debt_bg_icon img {width: auto; height: auto; max-width: 100%; display: block;}

.debt_header {width: 100%;}
.debt_logo {max-width: 100%; font-size: 0; font-weight: normal;}
.debt_logo a {display: inline-block; vertical-align: middle; max-width: 100%;}
.debt_logo img {display: block; width: auto; height: auto; max-width: 100%; }
.debt_data {display: flex; display: -ms-flexbox;  flex-direction: row; -ms-flex-pack: start; justify-content: flex-start;
    -ms-flex-align: stretch; align-items: stretch;   flex-wrap: wrap; -ms-flex-wrap: wrap; margin:0 -5px; margin-top: 74px;}
.debt_data .item { -ms-flex: 0 0  auto; flex:0 0 auto; max-width: 100%; padding:5px; font:400 33px/1.2 "Circe", sans-serif;}
.debt_data .act {min-width: 369px;}

.debt_status {background: #8DC640; padding: 36px 20px 36px 115px; border-radius:0 40px 40px 0; text-align: left; font:800 58px/1.2 "Circe", sans-serif; color:#FFF; margin-top: 70px; margin-left: -125px; }
.debt_status.red {background: #BE1F2D; text-transform: uppercase}
.debt_title { text-transform: uppercase; font:400 75px/1.2 "Circe", sans-serif; margin-top: 79px;}
.debt_title.empty {margin-bottom: 380px;}
.debt_table_wrap { margin-top: 51px; min-height: 277px;}
.debt_table {table-layout: fixed; border-collapse: collapse; width: 100%;}
.debt_table td {font:400 33px/1.2 "Circe", sans-serif; text-align: left;}
.text_bot_line {white-space: nowrap;}
.td_value {white-space: nowrap;}

.debt_sum {font:800 56px/1.2 "Circe", sans-serif;}
.debt_sum b {white-space: nowrap; font-weight: inherit;}
.signature_box {display: flex; display: -ms-flexbox; flex-direction: row; -ms-flex-pack: justify; justify-content:space-between; -ms-flex-align: stretch; align-items: stretch;
    flex-wrap: nowrap; -ms-flex-wrap: nowrap; text-align: left; margin-top: 44px;  position: relative; max-width: 982px;}
.signature_box .content {-ms-flex: 1 1 auto; flex: 1 1 auto; font:400 33px/1.2 "Circe", sans-serif; max-width: 525px;  position: relative;  padding-top: 58px;}
.signature_box .content:before {content: ''; display: block; width: 100%; height: 2px; position: absolute; top: 12px; left: 0;

    background: rgb(159, 138, 184);
    background: -moz-linear-gradient(5deg, rgb(159, 138, 184) 0%, rgb(140, 184, 221) 95%);
    background: -webkit-linear-gradient(5deg, rgb(159, 138, 184) 0%, rgb(140, 184, 221) 95%);
    background: -o-linear-gradient(5deg, rgb(159, 138, 184) 0%, rgb(140, 184, 221) 95%);
    background: -ms-linear-gradient(5deg, rgb(159, 138, 184) 0%, rgb(140, 184, 221) 95%);
    background: linear-gradient(95deg, rgb(159, 138, 184) 0%, rgb(140, 184, 221) 95%);
}
.signature_box .stamp {-ms-flex: 0 0 auto; flex: 0 0 auto;}
.signature_box .stamp img {display: block; width: auto; height: auto; max-width: 100%;}
.debt_sum {margin-top: 48px;}
.debt_note {font:400 20px/1.2 "Circe", sans-serif; margin-top: 80px;  position: relative;}
.debt_note:before {content: ''; display: block; position: absolute; top: 0; left: 0;
    background: rgb(159, 138, 184);
    background: -moz-linear-gradient(5deg, rgb(159, 138, 184) 0%, rgb(140, 184, 221) 95%);
    background: -webkit-linear-gradient(5deg, rgb(159, 138, 184) 0%, rgb(140, 184, 221) 95%);
    background: -o-linear-gradient(5deg, rgb(159, 138, 184) 0%, rgb(140, 184, 221) 95%);
    background: -ms-linear-gradient(5deg, rgb(159, 138, 184) 0%, rgb(140, 184, 221) 95%);
    background: linear-gradient(95deg, rgb(159, 138, 184) 0%, rgb(140, 184, 221) 95%);
}

.bg_text_pattern {position: relative;}
.bg_text_pattern:before {position: absolute; top: 0; left: 0; pointer-events: none; width: 100%; height: 100%; content: ''; display: block; box-sizing: border-box;
    -webkit-pointer-events:none; background: url(../img/bg_text_pattern.png) repeat 50% 50%; background-size: auto;}

@media (max-width: 1300px) {
    .main_debt_block {padding: 80px 40px 80px 40px;}
    .debt_logo a {max-width: 350px;}
    .debt_data {margin-top: 40px;}
    .debt_status {font-size: 44px;}
    .debt_title {font-size: 57px;}
    .debt_table td {font-size: 25px;}
    .debt_sum {font-size: 42px;}
    .debt_data .item, .signature_box .content {font-size: 25px;}
    .signature_box .stamp {max-width: 280px;}
    .debt_bg_icon.ok { max-width: 662px; top: 296px; left: 110px;}
    .debt_bg_icon.bad {max-width: 568px; top: 247px; left: 150px;}
    .debt_decor_1 {max-width: 375px;}
    .debt_decor_2 {max-width: 651px;}
    .debt_decor_3 {max-width: 310px}
    .debt_decor_4 {max-width: 441px;}
    .debt_decor_5 {max-width: 86px;}
    .debt_decor_6 {max-width: 77px;}
}


@media (max-width: 1000px) {
    .block1 .title_block > span {padding:0; background: none; display: block;}
    .block1 .title_block i {display: inline-block; vertical-align: middle; padding: 0 16px; background: #FF4E5B; }
    .block1 .title_block i:nth-child(n+2) {margin-top: 10px;}
    .block1 .title_block {margin: 0 auto 35px; max-width: 800px; }
    .footer {padding:50px 0 20px; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .footer .f_logo_item {-ms-flex-order: 2; order:2; margin-top: 30px;}
    .footer .f_content_item {-ms-flex-order: 0; order:0; padding: 0; margin: 0 -10px;}
    .f_content_item > .item:nth-child(n) {width: 50%;}
    .block1 {padding:100px 0 80px;}
    .header {padding:20px 0;}
    .main_debt_block {padding:50px 0 50px;}
    .debt_logo a {max-width: 300px;}
    .debt_status {margin-top: 40px;}
    .debt_title {font-size: 48px;}
    .debt_table td {font-size: 24px;}
    .debt_table_wrap {min-height: 0;}
    .debt_sum {font-size: 38px;}
    .signature_box .stamp {max-width: 238px;}
    .signature_box .content {padding-top: 30px;}
    .signature_box .content:before {top: 6px;}
    .debt_note {margin-top: 50px;}
    .debt_status {font-size: 35px;}
    .debt_data .act {min-width: 250px;}

    .debt_bg_icon.bad { max-width: 410px; top: 406px;  left: 150px; }
    .debt_bg_icon.ok {width: 463px; top: 414px; left: 110px;}
    .debt_title.empty {margin-bottom: 280px;}
}

@media (max-width: 980px) {
    .debt_decor_1 {width: 38.5%;}
    .debt_decor_2 {width: 66.7%;}
    .debt_decor_3 {width: 32%;}
    .debt_decor_4 {width: 35.7%;}
    .debt_decor_5 {width: 8.7%;}
    .debt_decor_6 {width: 7.8%;}

}
@media (max-width: 940px) {
    .block1 > p br {display: none;}
}
@media (max-width: 900px) {
    .debt_table, .debt_table tbody {display: block; width: 100%;}
    .debt_table, .debt_table tr {display: flex; display: -ms-flexbox; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start;
        -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -ms-flex-wrap: wrap; width: 100%;}
    .debt_table tr td {width: 50%; display: block; -ms-flex: 0 0 auto; flex:0 0 auto;}
    .debt_table tr:nth-child(n+2) {margin-top: 10px;}
}

@media (max-width: 860px) {
    .footer {flex-direction: column; align-items: center; -ms-flex-align: center;}
    .footer .f_logo_item {margin:30px auto 0;}
    .f_content_item {width: 100%; max-width: 430px;}
    .f_content_item > .item:nth-child(n) {text-align: left; padding: 0; width: 100%;}
    .f_content_item > .item:nth-child(n) {margin: 0; padding:1px 0;}
    .f_content_item > .item p:nth-child(n+2) {margin-top: 2px;}
}

@media (max-width: 780px) {
    .debt_data {width: 100%; display: block;}
    .debt_data .act {width: 100%; min-width: 0; max-width: none; }
    .debt_bg_icon {display: none;}
    .debt_title.empty {margin-bottom: 100px;}
}


@media (max-width: 700px) {
    .main_debt_block {padding: 40px 0 30px;}
    .signature_box {display: block;}
    .signature_box .stamp {width: 100%; text-align: right; font-size: 0; font-weight: normal;  max-width: none;}
    .signature_box .stamp img {display: inline-block; vertical-align: middle; max-width: 160px; margin-top: 10px; }
    .signature_box .content {width: 100%; max-width: none;}
    .debt_data .item, .signature_box .content {font-size: 20px;}
    .debt_title {font-size: 40px;}
    .debt_table td {font-size: 22px;}
    .debt_table_wrap {margin-top: 30px;}
    .debt_logo a {max-width: 240px;}
    .debt_status {font-size: 30px;}
    .debt_status { padding: 30px 13px 27px 20px; margin-left: -20px; border-radius: 0 22px 22px 0;}
    .debt_title {margin-top: 50px;}
}


@media (max-width: 660px) {
    .inputs_box {display: flex; display: -ms-flexbox; flex-direction: column; justify-content: flex-start; -ms-flex-pack: start; align-items: flex-start; -ms-flex-align: start;
     flex-wrap: nowrap; -ms-flex-wrap: nowrap;}
    .inputs_box > .item {width: 100%; -ms-flex: 0 0 auto; flex:0 0 auto; -ms-flex-order: 2; order:2;}
    .inputs_box  .item_1,
    .inputs_box  .item_3,
    .inputs_box  .item_5 {-ms-flex-order: 0; order:0;}
    .block1 > p {font-size: 18px;}
}

@media (max-width: 580px) {
    .title_block > span {font-size: 34px;}
    .debt_table tr td {width: 100%;}
    .debt_status {font-size: 26px;}
}

@media (max-width: 480px) {
    .page_form .btn_submit {min-width: 0; width: 100%;}
    .block1 {padding: 80px 0 60px;}
    .footer {padding:20px 0;}
}

@media (max-width: 440px) {
    .f_content_item > .item p em {display: block;}
    .block1 .title_block i {padding: 0 8px;}
    .title_block > span { font-size: 26px; }
    .f_logo {max-width: 130px;}
    .header > .logo {max-width: 180px;}
    .debt_title {font-size: 35px;}
    .debt_title.empty {margin-bottom: 0;}
}

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


@font-face {
    font-family: 'Neo Sans Pro';
    src: url('../fonts/NeoSansPro/NeoSansPro-Bold.eot');
    src: local('Neo Sans Pro Bold'), local('NeoSansPro-Bold'),
    url('../fonts/NeoSansPro/NeoSansPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NeoSansPro/NeoSansPro-Bold.woff') format('woff'),
    url('../fonts/NeoSansPro/NeoSansPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Neo Sans Pro';
    src: url('../fonts/NeoSansPro/NeoSansPro-Medium.eot');
    src: local('Neo Sans Pro Medium'), local('NeoSansPro-Medium'),
    url('../fonts/NeoSansPro/NeoSansPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NeoSansPro/NeoSansPro-Medium.woff') format('woff'),
    url('../fonts/NeoSansPro/NeoSansPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Neo Sans Pro';
    src: url('../fonts/NeoSansPro/NeoSansPro-Regular.eot');
    src: local('Neo Sans Pro'), local('NeoSansPro-Regular'),
    url('../fonts/NeoSansPro/NeoSansPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NeoSansPro/NeoSansPro-Regular.woff') format('woff'),
    url('../fonts/NeoSansPro/NeoSansPro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Neo Sans Pro';
    src: url('../fonts/NeoSansPro/NeoSansPro-Light.eot');
    src: local('Neo Sans Pro Light'), local('NeoSansPro-Light'),
    url('../fonts/NeoSansPro/NeoSansPro-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NeoSansPro/NeoSansPro-Light.woff') format('woff'),
    url('../fonts/NeoSansPro/NeoSansPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

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

@font-face {
    font-family: 'Circe';
    src: url('../fonts/Circe/Circe-Regular.eot');
    src: local('Circe Regular'), local('Circe-Regular'),
    url('../fonts/Circe/Circe-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe/Circe-Regular.woff') format('woff'),
    url('../fonts/Circe/Circe-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Circe';
    src: url('../fonts/Circe/Circe-ExtraBold.eot');
    src: local('Circe ExtraBold'), local('Circe-ExtraBold'),
    url('../fonts/Circe/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe/Circe-ExtraBold.woff') format('woff'),
    url('../fonts/Circe/Circe-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}




#px_block { position: absolute; top: 0; left: 0; background-position: 0 50%; width: 100%; pointer-events: none; -webkit-pointer-events:none; height:50000px; z-index: 100; display: none;}
.px_active  #px_block { display: block;}
#px_btn { width: 20px; height: 20px; background: red; position: fixed; bottom: 10px; left: 10px; cursor: pointer; z-index: 101;}