/* ----------------------------------------------------------------
    TEMPLATE FONTS
-----------------------------------------------------------------*/
@charset "utf-8";
/*fonts-face db heavent*/
@font-face {
    font-family: 'db_heaventbold_it';
    src: url('../fonts/db-heavent/db_heavent_bd_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventbold';
    src: url('../fonts/db-heavent/db_heavent_bd_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventitalic';
    src: url('../fonts/db-heavent/db_heavent_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventlight_it';
    src: url('../fonts/db-heavent/db_heavent_li_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventlight';
    src: url('../fonts/db-heavent/db_heavent_li_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventmed_it';
    src: url('../fonts/db-heavent/db_heavent_med_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventmed';
    src: url('../fonts/db-heavent/db_heavent_med_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventthin_it';
    src: url('../fonts/db-heavent/db_heavent_thin_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventthin';
    src: url('../fonts/db-heavent/db_heavent_thin_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventregular';
    src: url('../fonts/db-heavent/db_heavent_v3.2-webfont.ttf');
    font-style: normal;}
/*.fonts-face*/
@font-face{
    font-family:'FontAwesome';
    src:url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.1.0');
    src:url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),
        url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.1.0') format('woff'),
        url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),
        url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight:normal;
    font-style:normal}
/* ----------------------------------------------------------------
    BODY
-----------------------------------------------------------------*/
body {padding: 0;margin:0; overflow-x: hidden;}
.img-responsive { margin: 0 auto;}
.center {margin:0 auto; text-align: center;}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
a, a:hover {text-decoration: none;}
/*.hidden-xs {display: inline-block;}*/

section.payment{
    width: 100%;
    float: left;
    padding: 0;
    margin:0;
    background:#20232b;
}
section.payment .boxpayment {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 -35% 0;
    position: relative;
    z-index: 1;
}
section.payment .boxpayment h1{    
    font-size: 3rem;
    text-align: center;
    font-family: 'db_heaventmed', "Open Sans", "Tahoma", "Arial", sans-serif;
    line-height: 1;
    padding: 0;
    margin:0 auto;
    background: -webkit-linear-gradient(#fdac2e, #f06a28);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
section.payment .boxpayment p.content{
    font-size: 28px;
    text-align: center;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    color:#d9d9d9;
    line-height: 1;
    padding:5px 0 0 0;
    margin:0 auto;
}
.box-payment{
    width: 100%;
    float: left;
    padding: 0;
    margin:3% 0;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    position: relative;
    z-index: 2;
    background:#fff;
}
section.payment .box-payment .content{
    width: 70%;
    float: left;
    padding: 2%;
}
section.payment .box-payment .content .inner{
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    overflow-x: auto;
}
.w3-bar.w3-black{
    width: 30%;
    float: left;
    padding: 2%;
    background:none !important;
}
.w3-bar .w3-button{width: 100%;}
.w3-bar-item.w3-button{
    width: 100% !important;
    float: left;
    background: rgb(248, 250, 250);
    color: #000;
    padding: 5%;
    margin:5px 0;
    font-size: 26px;
    font-family: 'db_heaventregular', "Open Sans", "Tahoma", "Arial", sans-serif;
    opacity: .8;
    border: 3px solid #f9fbfb;
}
.w3-bar-item.w3-button:hover{background:#fff !important;border: 3px solid #f1592a;}

.w3-bar-item.w3-button img {
    filter: grayscale(1);
    opacity: 0.5;
}
.w3-bar-item.w3-button:hover img{
    filter: none;
    opacity:1;
}
.w3-bar-item.w3-button.active {
    border: 3px solid #f1592a;
    opacity: 1;
}
.w3-bar-item.w3-button.active img {
    filter: none;
    opacity:1;
}
.w3-bar-item.w3-button img{
    text-align: center;
    margin:0 auto;
}
section.payment .box-payment .content h2{    
    font-size:32px;
    text-align: left;
    font-family: 'db_heaventmed', "Open Sans", "Tahoma", "Arial", sans-serif;
    line-height: 1;
    padding: 0;
    margin:0 auto;
    background: -webkit-linear-gradient(#fdac2e, #f06a28);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-left: 3px solid #ee9414;
    padding-left: 2%;
}
section.payment .box-payment .content h3{    
    font-size:32px;
    text-align: left;
    font-family: 'db_heaventmed', "Open Sans", "Tahoma", "Arial", sans-serif;
    line-height: 1;
    padding: 0;
    margin:0 auto 2% auto;
    color: #000;
}
section.payment .box-payment .content h4{    
    font-size:24px;
    text-align: left;
    font-family: 'db_heaventmed', "Open Sans", "Tahoma", "Arial", sans-serif;
    line-height: 1;
    padding: 0;
    margin:0 auto 2% auto;
    color: #f1592a;
}
section.payment .box-payment .content h5{
    font-size:24px;
    text-align: center;
    font-family: 'db_heaventmed', "Open Sans", "Tahoma", "Arial", sans-serif;
    line-height: 1;
    padding: 0;
    margin:0 auto 2% auto;
    color: #f1592a;
    }
section.payment .box-payment .content p.bgorg {
    font-size: 22px;
    text-align: center;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    color: #fff;
    line-height: 1;
    padding:1% 4%;
    margin: 1% 0;
    width: fit-content;
    transition: all 0.8s ease;
    text-decoration: none;
    background: -webkit-linear-gradient(45deg, #fdac2e, #f06a28);
}
section.payment .box-payment .content p span.bgcolor{
    font-size: 22px;
    text-align: center;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    color: #fff;
    line-height: 1;
    padding:5px 10px;
    margin: 8% auto 4% auto;
    width: fit-content;
    border-radius: 8px;
    transition: all 0.8s ease;
    text-decoration: none;
    background: -webkit-linear-gradient(45deg, #fdac2e, #f06a28);
}
section.payment .box-payment .content p{
    font-size: 22px;
    text-align: left;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    color:#000;
    line-height: 1;
    padding:5px 0 3% 0;
    margin:0 auto;
}
section.payment .box-payment .content p span {color:#7f8387;}
section.payment .box-payment .content  tr.background-gradient{
    background:#333;
    font-size: 20px;
}
section.payment .box-payment .content  td{
    font-size: 20px;
}
section.payment .box-payment .content p.redR{
    font-size: 16px;
    text-align: right;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    color:red;
    line-height: 1;
    padding:5px 0 3% 0;
    margin:0 auto;
}

.list-group-item:first-child,
.list-group-item+.list-group-item {font-size: 20px;line-height: 1;color:#777;padding: 5% 8%;}
.fa-angle-double-right:before{color:#f1592a;font-size: 14px;}
section.payment .box-payment .content .jumbotron{
    padding:8%;
    font-size: 18px;
    line-height: 1;
    margin:0;
    color:#000;
}
section.payment .box-payment .content .jumbotron p.btn-org{
    font-size: 22px;
    text-align: center;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    color: #fff;
    line-height: 1;
    padding:5px 10px;
    margin: 8% auto 4% auto;
    width: fit-content;
    border-radius: 8px;
    transition: all 0.8s ease;
    text-decoration: none;
    background: -webkit-linear-gradient(45deg, #fdac2e, #f06a28);
}

section.payment .boxpayment .box-payment.visibility-sp{display: none;}
section.payment .boxpayment .box-payment.hidden-sp{display: inline-block;}

@media (max-width: 1280px) {
section.payment .boxpayment {margin-bottom: -30%;}
}

@media (max-width: 800px) {
.float-sp{float: left;width: 100%;padding: 5px 0;}
}
@media (max-width: 600px) {
    section.payment .boxpayment h1{font-size: 2.6rem;}
    section.payment .boxpayment p.content br{display: none;}
    section.payment .boxpayment p.content,
    section.payment .box-payment .content h2,
    .w3-bar-item.w3-button{font-size: 22px;}

    section.payment .boxpayment .box-payment.visibility-sp{display: inline-block;}
    section.payment .boxpayment .box-payment.hidden-sp{display: none;}
    .w3-bar.w3-black,
    section.payment .box-payment .content {width: 100%;}
}
@media (max-width: 480px) {
section.payment .boxpayment h1 br{display: none;}
section.payment .boxpayment p.content{font-size: 22px;}
}
@media (max-width: 414px) {
section.payment .boxpayment h1{font-size: 3rem;}
}