@charset "UTF-8";
/* CSS Document */

.pil-red {
  color: #E62E8B;
}
.pil-blue{
color: #0066b3;
}

.title-header-container{
text-align: left;
transform: skewy(-2deg);
margin-top: 30px;
width: 100%;
max-width: 570px;
margin-left: auto;
margin-right: auto;
}
.title-subheader-container{
text-align: right;
}
.pil-header{
display: inline-block;
padding: 5px 15px;
border-radius: 15px;
margin-right: 30px;
position: relative;
z-index: 5;
box-shadow: 4px 4px 4px rgb(0, 0, 0, 0.3);
background-image: linear-gradient(#37deef, #1cbec6);
background-color: #1cbec6;
color: #fff;
text-shadow: 2px 2px 2px rgb(0, 0, 0, 0.5);
font-weight: bold;
text-align: center;
font-size: 34px;
}
.pil-subheader{
display: inline-block;
padding: 30px 20px 10px 20px;
border-radius: 15px;
position: relative;
box-shadow: 4px 4px 4px rgb(0, 0, 0, 0.3);
background-color: #0066b3;
color: #fff;
font-weight: bold;
margin-top: -22px;
margin-left: 35px;
text-align: center;
font-size: 30px;
}
@media all and (max-width:576px) {
.pil-header{
font-size: 28px;
}
.pil-subheader{
font-size: 24px;
}
}

.pil-btn-blue{
background-color: #06269f;
border-radius: 20px;
padding: 10px 70px;
display: inline-block;
text-align: center;
}
.pil-btn-link-white{
display: inline-block;
background: url("../images/installment_loan/arrow-close-white.png");
background-repeat: no-repeat;
background-position: center right;
font-size: 20px;
line-height: 1;
color: #ffffff;
padding-right: 26px;
background-size: 20px 20px;
cursor: pointer;
}

.pil-expand{
background-color: #0066b3;
border-radius: 20px;
padding: 10px 70px;
display: inline-block;
text-align: center;
font-size: 20px;
line-height: 1;
color: #ffffff;
font-weight: bold;
position: relative;
cursor: pointer;
}
.pil-expand-btn{
position: absolute;
top: 0;
right: 18px;
width: 18px;
height: 100%;
background-image: url("../images/installment_loan/expand-arrow-white.png");
background-size: 18px 18px;
background-position: center right;
transition: all ease .25s;
background-repeat: no-repeat;
}
.pil-expand-btn.open{
transform: rotate(-180deg);
transition: all ease .25s;
}

.pil-main-offer-block{
padding: 20px 30px;
background-image: linear-gradient(160deg, #d7f8fc 60%, #97f8ff);
  background-color: #fff6ea;
}
.pil-sub-offer-block{
padding: 25px;
background-image: linear-gradient(160deg, #d7f8fc 60%, #97f8ff);
background-color: #fff6ea;
}

.fx-product-row{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -10px;
margin-right: -10px;
}
.fx-product-col, .pil-product-col{
width: calc(25% - 20px);
margin: 10px;
display: flex;
flex-flow: column;
justify-content: space-around;
align-items: center;
padding: 15px 15px 30px 15px;
border: 1px solid #0066b3;
background-color: #fff;
border-radius: 15px;
text-align: center;
cursor: pointer;
background-image: url("../images/installment_loan/downarrow_blue.gif");
background-repeat: no-repeat;
background-size: 40px auto;
background-position: center bottom 10px;
}
.fx-product-col:hover, .pil-product-col:hover{
transform: scale(1.05);
}
.fx-product-img{
display: block;
margin-bottom: 10px;
}
@media all and (max-width:576px) {
.pil-product-col{
width: calc(50% - 20px);
padding: 15px 5px 30px 5px;
}
}
.fx-product-col-nonclick{
width: calc(25% - 20px);
margin: 10px;
display: flex;
flex-flow: column;
justify-content: space-around;
align-items: center;
padding: 15px 15px 30px 15px;
border: 1px solid #0066b3;
background-color: #fff;
border-radius: 15px;
text-align: center;
}
.tax-fx-product-col-nonclick{
border: 1px solid #007000;
}
@media all and (max-width:576px) {
.fx-product-col-nonclick{
width: calc(50% - 20px);
}
}
.pil-header{
display: inline-block;
padding: 5px 15px;
border-radius: 15px;
margin-right: 30px;
position: relative;
z-index: 5;
box-shadow: 4px 4px 4px rgb(0, 0, 0, 0.3);
background-image: linear-gradient(#37deef, #1cbec6);
background-color: #1cbec6;
color: #fff;
text-shadow: 2px 2px 2px rgb(0, 0, 0, 0.5);
font-weight: bold;
text-align: center;
font-size: 34px;
}
.fx-con-container{
background-color: #FFFFFF;
padding: 20px 30px;
display: none;
box-shadow: 2px 2px 5px #ccc;
border-radius: 20px;
margin-bottom: 15px;
}
.pil-product-col.active{
border: 2px solid #e62e8b;
background-color: #FFFFFF;
background-image: url("../images/installment_loan/downarrow_blue.png");
}
.tax-pil-product-col.active{
border: 2px solid #007000;
background-color: #FFFFFF;
background-image: url("../images/installment_loan/downarrow_pil-tax.png");
}
.fx-btn{
display: inline-block;
background: #0066b3;
padding: 5px 20px;
}
.pil-promoTablx {
  border-collapse: separate;
  border-bottom: none;
  width: 100%;
  border-bottom: 1px solid #0066b3;
}
.pil-promoTablx td {
  padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px solid #0066b3;
  text-align: center;
  position: relative;
}
.pil-promoTablx .head {
  background-color: #0066b3;
  font-weight: normal;
  color: #ffffff;
  border-bottom: none;
}
.td-right-line-pil::after {
  content: "";
  position: absolute;
  background-color: #0066b3;
  width: 1px;
  height: calc(100% - 20px);
  right: 0;
  top: 10px;
}
.video { position: relative; height: 450px /* 16:9 */ ;
border-style: solid;
  border-width: 5px;
  border-image: linear-gradient(90deg, rgb(0,102,179), rgb(128,217,255)) 1;
}
.video span {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
cursor: pointer;
background: url("../images/installment_loan/video_cover.jpg") no-repeat;
background-size: cover;
background-position: center;
background-color: #000 }

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* image poster clicked, player class added using js */
.video.player span { display: none; }
.video.player:after { display: none; }
.btn-pdf{
position: relative;
}
.btn-pdf:before {
background: url(../images/installment_loan/icon-pdf.png) no-repeat;
background-size: cover;
}
.video-border{
border: 1px solid #CCC;
border-radius: 5px;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
padding-bottom: 10px;
}