html.rp{font-size: 16px;}
.rp body {
    background-color: #fff;
    font-family: "PN", sans-serif;
    color: #000;
    overflow-x: hidden;

    line-height: 1.3;
    font-weight: 400;
}

.rp h1, .rp h2{font-family: "PN"; font-weight: 400;}
.rp .btn{border-radius: 3px!important; width: 320px; max-width: 100%; border: 0;}
.rp .btn:focus{outline:none;}
.rp .btn-primary{background-color: #0278FF; line-height: 45px; height: 45px; padding: 0; max-width: 100%;}
.rp .btn-primary:hover{background-color:#D51900;}
.rp .btn span{font-size: 18px; vertical-align: middle; color: #fff;}
.rp .btn_box{text-align: center;}
.rp a{cursor: pointer;}

.rp h1, .rp h2{font-size: 60px; margin-bottom: .7em;}
/*.rp h2{font-size: 38px; text-align: center; margin-bottom: 2em;}*/
.rp h3{font-size: 24px;}
.rp p{ font-size: 20px; }





.rp header{ height: auto; width: 100%; padding: 2rem 0 5rem; position: relative; color: #fff;}

.rp header .content-box{flex-direction: column; justify-content: space-between; align-items: flex-start; min-height: 420px; z-index: 1; position: relative;}
.rp header .back{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: radial-gradient(50% 50% at 50% 50%, #28353F 0%, #242E36 46.87%, #1E2327 96.88%);}

.rp header .head-box{display: flex; justify-content: space-between; align-items: flex-end;}
.rp header .head-box a{color: #fff; text-decoration: none; font-weight: 700; font-size: 18px;}

.rp header .text-box{padding: 6.5rem 0 7rem; position: relative;}
.rp header .text-box:before{content: ""; width: 302px; height: 566px; position: absolute; right: 128px; top: 0; z-index: 1;
    background-image: url('/web/img/gold.png'); background-size: 100%; background-repeat: no-repeat; background-position: top center;}
.rp header .text-box p{ font-size: 20px; line-height: 1.4; }

.rp .scroll_box{ position: relative; height: 750px; width: 100%;}
.rp .scroll{position: relative; height: 100%; width: 100%; padding-right: 20px; padding-left: 70px; margin-left: -50px; width: calc(100% + 70px);}
.rp .t_head{padding-right: 20px; padding-left: 50px;}
.rp .table{color: #fff; z-index: 1; position: relative;  }
.rp .table td, .rp .table th{border-color: #AD935B; vertical-align: middle;}
.rp .table th{font-size: 23px; font-weight: 600; padding-right: 1em; padding-bottom: 17px; border: 0; padding-left: 0;}
.rp .table th:last-child{padding-right: 0; width: 20%;}
.rp .table th span{display: none;}
.rp .table td{font-size: 18px; padding-left: 0; padding-right: 3em; line-height: 1.5; height: 80px; min-height: 80px; position: relative; }
.rp .table td:last-child{padding-right: 0;}
.rp .table td:nth-child(2) span{font-size: 0;}
.rp .table td:first-child span{position: absolute; font-size: 36px; font-weight: 700; color: #A29058; left: -1.9em; line-height: .8; text-align: right; width: 55px;}

/* perfect-scrollbar v1.5.0 */
.ps{overflow:hidden !important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0px;position:absolute}
.ps__rail-y{opacity:1;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:8px;border-radius: 10px;border: 1px solid #A29058;right:0;position:absolute}
.ps--active-x > .ps__rail-x,.ps--active-y > .ps__rail-y{display:block;background-color:transparent}
.ps:hover > .ps__rail-x,.ps:hover > .ps__rail-y,.ps--focus > .ps__rail-x,.ps--focus > .ps__rail-y,.ps--scrolling-x > .ps__rail-x,.ps--scrolling-y > .ps__rail-y{opacity:1}
.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}
.ps__thumb-y{background-color:#3f2bff;border-radius:10px; background: #A29058; width:4px;right:1px;position:absolute;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;}.ps__rail-x:hover > .ps__thumb-x,.ps__rail-x:focus > .ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}
@supports (-ms-overflow-style:none){.ps{overflow:auto !important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto !important}}



.rp .how{padding: 9rem 0 1rem; position: relative;}
.rp h3{font-size: 25px; font-weight: 700; padding-bottom: 1em;}
.rp .how p{font-size: 25px; line-height: 1.2;}

.rp #video_box{width: 100%; height: 350px; overflow: hidden; max-height: 25vw;
    background-image: url('/web/img/video.jpg'); background-size: cover; background-position: center;}
.rp .video_cont{position: absolute; width: 43vw; right: 0; top: 9rem;}
.rp .video_cont a{font-size: 24px; color: #686868; text-align: center; display: block; padding-top: 1.5em; text-decoration: underline;}


.rp .promise{padding: 9rem 0 1rem;}
.rp .promise img{ width: 365px; margin-left: -60px; margin-top: 27px; position: absolute;}
.rp .promise p{font-size: 25px; padding-left: 2em;}
.rp .promise .btn-primary{margin-top: 3rem; margin-left: 3rem;}
.rp .promise p.name{font-size: 19px; margin-top: 6em;}

.rp .footer{padding: 5rem 0 5rem;}
.rp .footer p, .rp .footer a{font-size: 13px;}
.rp .footer .left a{text-decoration: underline; display: inline-block; margin-right: 2rem; color: #2D3039;}
.rp .footer .right{text-align: right;}
.rp .footer .logo{width: 160px; height: 20px; display: inline-block; margin-bottom: 1.5rem;
    background-image: url('/web/img/logo_buh.svg'); background-size: 100%;  background-position: center; background-repeat: no-repeat;}
.rp .social a{width: 28px; height: 28px; border-radius: 50%; display: inline-block; vertical-align: middle; font-size: 0; margin-left: 3px;
    background-size: 100%;  background-position: center; background-repeat: no-repeat;}
.rp .social a.fb{ background-image: url('/web/img/fb.svg'); }
.rp .social a.tw{ background-image: url('/web/img/tw.svg'); }
.rp .social a.go{ background-image: url('/web/img/google.svg'); }


@media (max-width: 1199px) {
    .rp .promise p.name{margin-top: 2.5em;}
}


@media (max-width: 1023px) {

    .rp header .text-box { padding: 2.5rem 0 3.3rem;}
    .rp h1, .rp h2{font-size: 32px;}
    .rp header .text-box:before{width: 26vw; right: 20px; top: 82px; max-width: 150px;}
    .rp header .text-box p{font-size: 16px;}

    .rp .scroll{ padding-left: 20px; margin-left: 0; width: 100%;}

    .rp .table th, .rp .table td{padding-right: 14px;}
    .rp .table th:last-child{font-size: 0; }
    .rp .table th:last-child, .rp .table td:last-child{width: 10%;}
    .rp .table th, .rp .table th:last-child span{font-size: 16px; }
    .rp .table th:last-child span{display: inline;}
    .rp .table td:first-child span{display: none;}
    .rp .table td, .rp .table td:nth-child(2) span{font-size: 14px; word-break: break-word;}
    .rp .table td:nth-child(2){font-size: 0;}
    .rp .table td:nth-child(3), .rp .table td:nth-child(4){font-size: 18px;}
    .rp .t_head{padding-left: 20px;}
    .ps__rail-y{right: 4px !important;}

    .rp .how{padding: 3.5rem 0 20vw;}
    .rp .how p{font-size: 18px;}
    .rp .how .btn-primary{margin-bottom: 3rem;}






    .rp .footer{padding: 1rem 0 2rem;}

    .rp .footer .right{text-align: left; display: flex; justify-content: space-between; padding-top: 2rem;}
    /*    .rp .promise p.name{margin-top: 17em;}*/
}



@media (max-width: 991px) {

    .rp .video_cont{position: relative;width: 100%; height: 59vw; top: 0;}
    .rp #video_box{height: 100%; max-height: 100%;}
    .rp .video_cont a{padding-top: 1em;}


    .rp .promise{padding: 3rem 0 0; position: relative;}
    .rp .promise h3{ padding-bottom: .7em;}

    .rp .promise p{font-size: 18px; padding-left: 0;}
    .rp .promise .btn-primary{width: 65%; float: right;}

    .rp .promise img{position: absolute; width: 47vw; margin-left: -12vw; top: auto; bottom: 0; max-width: 330px;}
    .rp .promise p.name{ position: relative; margin-top: 47vw; width: 12em; left: 38%; bottom: auto;  line-height: 1.5; font-size: 18px;}


}
@media (max-width: 420px) {
    .rp header img{width: 105px;}
    .rp h1, .rp h2{font-size: 26px;}
    .rp .table td:nth-child(3), .rp .table td:nth-child(4){font-size: 14px;}
    .rp .table td, .rp .table td:nth-child(2) span, .rp .table th, .rp .table th:last-child span{font-size: 12px;}
    .rp .promise p.name{font-size: 14px;}


    .rp .video_cont a, .rp .btn span{font-size: 16px;}
}


@font-face {
    font-family: 'PN';
    src: local('Proxima Nova Regular'), local('Proxima-Nova-Regular'),
    url('fonts/ProximaNova-Regular.woff2') format('woff2'),
    url('fonts/ProximaNova-Regular.woff') format('woff'),
    url('fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'PN';
    src: local('Proxima Nova Semibold'), local('Proxima-Nova-Semibold'),
    url('fonts/ProximaNova-Semibold.woff2') format('woff2'),
    url('fonts/ProximaNova-Semibold.woff') format('woff'),
    url('fonts/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'PN';
    src: local('Proxima Nova Bold'), local('Proxima-Nova-Bold'),
    url('fonts/ProximaNova-Bold.woff2') format('woff2'),
    url('fonts/ProximaNova-Bold.woff') format('woff'),
    url('fonts/ProximaNova-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}