@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Light';
    src: url("../fonts/OpenSans-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
.body-content {
    font-family:OpenSans,Lato,sans-serif;
}
.body-title{
    text-align:center;
}
.iw-wrapper {
    padding:40px 20px;
}
.iw-content-wrapper .justifier {
    width:100%;
    display:inline-block;
    font-size:18px;
}
.iw-ben-row {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row-reverse;
}
.iw-ben-row .item-right {
    flex:20%;
    padding:50px;
    text-align:center;
}
.iw-ben-row .item .subheader {
    font-size:24px;
    font-weight:700;
    margin-bottom:10px;
}
.iw-ben-row .item .desc {
    font-size:15px;
    line-height:1.5;
    width:80%;
    letter-spacing:-0.35px;
    margin:2.38px 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
.iw-ben-row .item .desc-1 {
    font-size:18px;
    line-height:1.5;
    letter-spacing:-0.35px;
    margin:2.38px 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
.iw-ben-row .item li {
    margin: 5px 0px;
}
.iw-tab-text {
    letter-spacing:0px !important;
    font-size:24px;
}

#intro .learn-more-text {
    font-size:18px;
}
#intro .learn-more-video {
    margin-top:20px;
}
#intro .app-link {
    margin-top:32px;
    text-align:center;
}

/* Override */
.nav-tabs>li>a, .nav-tabs>li>a:hover {
    background-color:#F9F9F9 !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color:#fff !important;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
#benefit .nav-tabs>li>a, #benefit .nav-tabs>li>a:focus, #benefit .nav-tabs>li>a {
    background-color:#f3f1f1 !important;
}
#benefit .nav-tabs>li.active>a, #benefit .nav-tabs>li.active>a:focus, #benefit .nav-tabs>li.active>a:hover {
    background-color:#e6e6e6 !important;
    border-left:2px solid #e6e6e6 !important;
    border-right:2px solid #e6e6e6 !important;
    border-top:2px solid #e6e6e6 !important;
    border-bottom:0 !important;
    -webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
    border-radius: 10px 10px 0 0 !important;
    font-family:OpenSans-Bold;
}
li.active a {
    color:#fff;
}

/* table */
.ac-table {
    font-family:OpenSans;
    font-size:12px;
    width:100%;
}
.ac-table tr {
    border:1px solid #e6e7e8;
}
.ac-table tr th {
    padding:10px;
    font-family:OpenSans;
    font-size:14px;
    text-align:center;
}
.ac-table tr td {
    padding:10px;
    font-family:OpenSans;
    font-size:14px;
    text-align:center;
}
.ac-table tr.even {
    background-color:#f2f2f2;
}
.ac-table tr.odd {
    background-color:#fff;
}
.ac-table-col-90 {
    width: 90%;
}
.ac-table-col-35 {
    width: 35%;
}
.ac-table-col-25 {
    width: 25%;
}
.ac-table-col-15 {
    width: 15%;
}
.ac-table-col-10 {
    width: 10%;
}

/* General Style */
.iw-pl50 {
    padding-left:50px;
}
.iw-pr50 {
    padding-right:50px;
}
.iw-pt20 {
    padding-top:20px;
}
.iw-pt40 {
    padding-top:40px;
}
.iw-pt120 {
    padding-top:120px;
}
.iw-pb20 {
    padding-bottom:20px;
}
.iw-pb40 {
    padding-bottom:40px;
}
.iw-pb80 {
    padding-bottom:80px;
}
.iw-mt20 {
    margin-top:20px;
}
.iw-mb20 {
    margin-bottom:20px;
}
.iw-mb80 {
    margin-bottom:80px;
}
.iw-font-bold {
    font-weight:700;
}
.iw-font-bold-2 {
    font-family:OpenSans-Bold;
}
.iw-font-red {
    color:#EC4023;
}
.iw-font-red-bold {
    color:#EC4023;
    font-weight:700;
}
.iw-font-dark-red {
    color:#A4250E;
}
.iw-center-align {
    text-align:center;
}
.iw-left-align {
    text-align:left !important;
}
.iw-text24 {
    font-size:24px;
}
.iw-width-50 {
    width:50%;
}
.iw-underline {
    text-decoration: underline;
}
.iw-btn-red-small {
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    background-image:linear-gradient(to right,#ec4023,#fe6558);
    padding:10px 15px;
    font-size:18px;
    color:#dee;
}
.iw-btn-red-large {
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    background-image:linear-gradient(to right,#ec4023,#fe6558);
    padding:20px 40px;
    font-size:18px;
    color:#dee;
    box-shadow:0px 2px 0 #d6251f, 2px 4px 6px #e02a24;
    transition:all 150ms linear;
}
.iw-btn-red-large:hover{
    background-image:linear-gradient(to right,#d32f12,#fe4534);
    color:#ccc;
}
.iw-btn-wide {
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#ec4023;
    padding:10px 30px;
    color:#dee;
}

.deposit-val {
    padding:5px 10px;
    background-color:#B9B8B8;
    color:#fff;
    border-radius:5px;
    width:120px;
    text-align:center;
    margin-right:20px;
    cursor:pointer;
}
.deposit-val.active {
    background-color:#EC4023;
}
#total-val {
    padding:5px 10px;
    background-color:#656565;
    color:#fff;
    border-radius:5px;
    width:300px;
    text-align:left;
    margin-right:20px;
    font-family:OpenSans-Bold;
    letter-spacing:1.1px;
}
.promo-item-box {
    border:1px solid #d5d4d4;
    padding:20px;
    display:flex;
    width:100%;
    justify-content:space-between;
    margin-bottom:40px;
}
.promo-item-box>.promo-amount {
    position:relative;
}
.promo-item-box>.promo-amount>.promo-wrapper {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.iw-specs{
    padding:10px 20px;
    line-height:32px;
}
.promo-item-box>.brand-logo>img {
    height:100px;
    object-fit:contain;
}
.promo-item-box>.brand-logo>a {
    font-size:12px;
    text-align:center;
    color:#EC4023;
    margin-top:10px;
}
.brand-logo {
    display:flex;
    flex-direction:column;
}
.promo-item-box>.promo-amount>div>.promo-val {
    font-weight:700;
    font-family:Lato,OpenSans-SemiBold;
}

/* Tooltip */
.tooltip {
    position:absolute;
    z-index:1070;
    display:block;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:normal;
    font-weight:400;
    line-height:1.42857143;
    line-break:auto;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    white-space:normal;
    font-size:12px;
    filter:alpha(opacity=0);
    opacity:0;
}
.tooltip.in{
    filter:alpha(opacity=90);
    opacity:.9;
}
.tooltip.top{
    padding:5px 0;
    margin-top:-3px;
}
.tooltip.right{
    padding:0 5px;
    margin-left:3px;
}
.tooltip.bottom{
    padding:5px 0;
    margin-top:3px;
}
.tooltip.left{
    padding:0 5px;
    margin-left:-3px;
}
.tooltip.top .tooltip-arrow{
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-width:5px 5px 0;
    border-top-color:#000;
}
.tooltip.top-left .tooltip-arrow{
    right:5px;
    bottom:0;
    margin-bottom:-5px;
    border-width:5px 5px 0;
    border-top-color:#000;
}
.tooltip.top-right .tooltip-arrow{
    bottom:0;
    left:5px;
    margin-bottom:-5px;
    border-width:5px 5px 0;
    border-top-color:#000;
}
.tooltip.right .tooltip-arrow{
    top:50%;
    left:0;
    margin-top:-5px;
    border-width:5px 5px 5px 0;
    border-right-color:#000;
}
.tooltip.left .tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-5px;
    border-width:5px 0 5px 5px;
    border-left-color:#000;
}
.tooltip.bottom .tooltip-arrow{
    top:0;
    left:50%;
    margin-left:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#000;
}
.tooltip.bottom-left .tooltip-arrow{
    top:0;
    right:5px;
    margin-top:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#000;
}
.tooltip.bottom-right .tooltip-arrow{
    top:0;
    left:5px;
    margin-top:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#000
}
.tooltip-inner{
    max-width:200px;
    padding:3px 8px;
    color:#fff;
    text-align:center;
    background-color:#000;
    border-radius:4px;
}
.tooltip-arrow{
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
}

@media screen and (max-width: 768px) {
    .body-title{
        margin-top:60px;
    }
    #intro .intro-left {
        padding-left:15px;
    }
    #intro .intro-right {
        padding-right:15px;
    }
    #intro .arsipro-logo {
        margin-top:0px;
    }
    .iw-ben-row .item {
        padding:30px 0px;
        font-family:OpenSans;
        -webkit-font-smoothing: antialiased;
        text-align:center;
    }
    .iw-subheader-text {
        font-family:OpenSans-Bold;
        font-size:32px;
        color:#A4250E;
        text-align:center;
    }
    .iw-ben-row .item .desc-1 {
        width:100%;
    }
    .iw-ben-row .item .desc {
        width:100%;
    }
    .iw-ben-row .item-left {
        flex:100%;
    }
    .ac-table {
        margin-left:-55px;
    }
    .iw-content-wrapper {
        padding:20px 0px;
    }
    .iw-content-wrapper.justifier {
        padding:0px;
    }
    .deposit-box {
        display:flex;
        flex-direction:column;
    }
    .deposit-val {
        width:100%;
        margin-top:10px;
    }
    .iw-specs-label {
        display:block;
    }
    .iw-specs-input {
        margin-bottom:60px;
    }
    .promo-item-box {
        flex-direction:column;
    }
    .promo-item-box>img {
        width:100%;
    }
    .promo-item-box>.promo-amount {
        text-align:center;
        margin:10px 0px;
    }
    .promo-item-box>.brand-logo>a {
        margin-bottom:10px;
    }
    .iw-termsdetail-text {
        text-align:center;
    }
    .body-content-container {
        margin-top:60px;
    }
    .iw-btn-wide {
        font-size:12px;
    }
    .promo-item-box>.promo-amount>div>.promo-val {
        font-size:20px;
    }
    .promo-item-box>.promo-amount>.promo-wrapper {
        width:100%;
    }
}

@media screen and (min-width: 769px) {
    .body-title{
        margin-top:140px;
    }
    .iw-ben-row .item {
        padding:30px;
        font-family:OpenSans;
        -webkit-font-smoothing: antialiased;
    }
    #intro .solution-mobile {
        font-size:26px;
    }
    #intro .intro-left {
        padding-left:50px;
    }
    #intro .intro-right {
        padding-right:50px;
    }
    #intro .arsipro-logo {
        margin-top:32px;
    }
    .iw-ben-row .item .desc-1 {
        width:80%;
    }
    .iw-ben-row .item .desc {
        width:80%;
    }
    .iw-ben-row .item-left {
        flex:80%;
    }
    .iw-content-wrapper {
        padding:40px 20px;
    }
    .deposit-box {
        display:inline-flex;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    .iw-specs-flex.iw-specs-flex {
        display:flex;
    }
    .iw-specs-label {
        width:20%;
        min-width:140px;
        display:inline-block;
    }
    .iw-specs-input {
        display:inline-block;
        width:80%;
    }
    .promo-item-box>.brand-logo>img {
        width:200px;
    }
    .promo-item-box>.promo-amount {
        margin-left:-22%;
    }
    .promo-item-box>.promo-amount>.promo-val, .promo-item-box>.promo-amount>.promo-val-pro {
        margin:0;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        -ms-transform:translateY(-50%);
    }
    .promo-item-box>.promo-amount>.promo-val-pro {
        min-width:250px;
    }
    .iw-termsdetail-text {
        padding:10px 60px;
        margin-top:10px;
    }
    .body-content-container {
        margin-top:80px;
    }
    .iw-btn-wide {
        font-size:16px;
    }
    .promo-item-box>.promo-amount>div>.promo-val {
        font-size:28px;
        min-width:200px;
    }
    .promo-item-box>.promo-amount>.promo-wrapper {
        min-width:250px;
    }
}