/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 100%;
    padding:0px  20px; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 100%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.3;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
 	padding-bottom:70px;
 color: #222;
 background:#f2f2f2; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* custom
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header{
height:50px;
padding:5px 0;
background:#5eac49;
position:fixed;
z-index:999;
width:100%;
transition: all 0.5s ease;

}
header.front{
background:#5eac49;
}
header *{
transition: all 0.5s ease;

}
#slider{
background: none;
height:360px;
width:100%;
/*background-size: cover;
    background-repeat: no-repeat;
    background: white url(../images/mainbanner2.jpg) 30% center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    */
    position:relative;
    overflow:hidden;
}
#headersec{
background: none;
height:150px;
width:100%;
/*background-size: cover;
    background-repeat: no-repeat;
    background: white url(../images/mainbanner2.jpg) 30% center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    */
    background:#ccc;
    position:relative;
    overflow:hidden;
}
#headersec.additionalheight{
height:230px;
}
.editcalrow{
display:block;
}
.editcalrow {
    display: none;
    background: #000;
    padding: 1em;
    border-radius: 0 0 6px 6px;
    width: 85%;
    margin:0 auto;
}
.editcalrow h5{
font-size:1em;
color:#fff;
text-align:center;
}

.borrowamount{
background: #ffc83d;
padding:10px 15px;
width:85%;
height:auto;
margin:0 auto;
margin-top:80px;
text-align:center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}
.opencal, .opencal:active, .opencal:visited{
display:block;
position:relative;
width:110px;
margin:0 auto;
padding:5px 10px;
color:#ffc83d!important;
font-size:14px;
text-decoration:none;
font-weight:600;
background:#000;
border-radius:0 0  6px 6px; 

}
.editcalrow .radio-toolbar input[type="radio"]:checked + label {

    background-color: #ffc83d;
    color: #000;

}
.editcalrow .radio-toolbar label:hover{
    background-color: #000;
    color: #ffc83d;

}
.editcalrow a.plusamount, .editcalrow a.negativeamount{
color: #fff;
}
.borrowamount h3{
font-size:1em;
letter-spacing:0;
margin-bottom:0;
}
.borrowamount h4{
font-size:0.9em;
letter-spacing:0;
margin-bottom:0;
}
.borrowamount h2{
font-size:1.8em;
font-weight:600;
letter-spacing:0;
margin-bottom:0;
}
.backimg{
height: auto;

top: 0 !important;

position: fixed !important;

left: 0% !important;

width: 140%;

max-width: none;
transition: all 0.5s ease;
z-index:0;
transition: height 250ms 600s;
}
.contentctr{
background:#fff;
z-index:99;
padding:20px;
}
.homepage .contentctr{
background:#f2f2f2;
z-index:99;
padding:0px 0px;
}
.content{
background:#f2f2f2;
}
/* General styles for all menus */
.cbp-spmenu {
	background:rgba(0,0,0,0.8);
	position: fixed;
}
.padd{
-webkit-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.55);
box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.55);
-webkit-border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
padding-bottom:2em !important;
margin-bottom:-20px;
}
footer{
background:#990;
}
.mainpagefeat{
display:block;
padding:0px 0;
text-align:center;
}
.pagecontent{
display:block;
padding:0px;
text-align:center;
}
.sectionrow{
color:#fff;
position:relative;
background:#333;
height:250px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:100%;
margin-bottom:10px;
overflow:hidden;
 background: url(../images/b5.jpg) no-repeat center center; 
 /* -webkit-background-size: cover;
  -moz-background-size: auto 100% ;
  -o-background-size: auto 100% ;*/
  background-size: 150% 100% ;
}
.sec1{
 background: url(../images/b2.jpg) no-repeat center center; 
   background-size: 150% 100% ;
}
.sy-pager {

    clear: both;
    display: block;
    width: 100%;
    margin: 0;
    z-index: 99;
    padding: 0;
    list-style: none;
    text-align: center;

}
.sec2{
 background: url(../images/b7.jpg) no-repeat 10% center; 
  background-size:  150% 100% ;
  }
  .sec3{
 background: url(../images/b5.jpg) no-repeat 10% center; 
  background-size: 190% 100% ;
  }
.feainner{
padding:1.5em 2em 1em;
text-align:left;
}
.feainner h4{
font-size:1.3em;
color:#000;
margin-bottom:50px;
letter-spacing:0;
text-decoration:none!important;
}
.feainner h1{
color:#000;
font-size:23px;
margin-bottom:5px;
font-weight:600;
text-decoration:none!important;
}
.feainner h3{
color:#000;
font-size:1em;
line-height:1.1;
letter-spacing:0;
margin-bottom:10px;
text-decoration:none!important;
}
.mainpagefeat a{
text-decoration:none!important;

}
.mohonblack{
padding: 7px 15px;
background: #ffc83d;
font-weight:600;
font-size:13px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#000;
display:inline-block;
text-decoration:none;
}
.boxlink{
display:block;
margin:0px 0;
}
a.mpflink{
display:inline-block;
width:100%;
margin-bottom:0px;
  box-sizing: border-box;
  vertical-align:top;

text-decoration:none;
line-height:1.1;
position:relative;
}
.bx1{
float:left;
}
.bx2{
float:right;
}
.clearbth{
clear:both;
}
.mpfinner{
position:relative;
padding:0.9em;
transition: all 0.5s ease;

 padding: 20px 15px;
width:100%;
height:100%;
font-size: 0.9em;

font-weight: 300;
line-height:1.2;

color: #fff;
  box-sizing: border-box;
 display: flex;
   align-items:center;
background:#ffc83d;
}
.mpfinner h2{
font-size:20px;
font-weight:700;
margin:0;
}
.mpfinner:hover, .mpfinner:active{


}
.mpflink.bx3, .mpflink.bx4{
width:100%;
}
.mpf1{
background:#005c63;
}
.mpf2{
background:#5eac49;
}
.mpf5{
background:#efd316;
}
.mpf6{
background:#276490;
}
.mpf3{
padding:2em 20px;
 min-height:50px;
 color:#000;
 line-height:1.4;
}
.mpf4{
background:#fff;
color:#000;
padding:15px 0;
 min-height:50px;
}
.mpf4 h3{
color:#000;
font-size: 20px;
line-height:1.4;
padding:0;
margin:0;
}
.mpf4 h3 strong{
display:block;
}
.mpf3 h3{
color:#000;
font-size: 20px;
line-height:1.4;
padding:0;
margin:0;
margin-bottom:5px;
font-weight:600;
}
#applyform{
margin-bottom:0;
}
.righttoptitle, .righttoptitle:active, .righttoptitle:visited{
position:absolute;
z-index:99;
width: 180px;
text-align: center;
left: 0;
right: 0;
top: -35px;
margin: auto;
padding: 8px 10px;
background: #ffc83d;
font-weight:600;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#000;
text-decoration:none;
}
.formsubmitapplication{
position:relative;
padding-top:20px;
}
.mpfinner img{
left: auto;


right: auto;

width: 50px;

height: auto;
margin-right:10px;
}
.mpf6 img{
width: 100px;
margin:10px 0 0 0;
}

.mohonskerang{
border:1px solid #5eac49;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:5px 15px;
font-size:12px;
color:#fff;
font-weight:600;
text-decoration:none;
background:#5eac49;
}
.mohonskerang:active, .mohonskerang:hover{
background:#27aae1;
border:1px solid #27aae1;

color:#fff;
}
.cbp-spmenu h4 {
	color: #5eac49;
	padding: 10px;
	margin: 0;
	font-weight: 600;
	font-size:18px;
	padding-left:20px;
}

.cbp-spmenu ul li a {
	display: block;
	color: #fff;
	font-weight: 300;
	text-decoration:none;
}

.cbp-spmenu ul li a:hover {
	background: #636363;
	color: #fff;
}

.cbp-spmenu ul li a:active {
	background: #636363;
	color: #fff;
}

.cbp-spmenu ul li.active a{
	background: #636363;

}
/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 190px;
	height: 100%;
	top: 0;
	z-index: 100000;
}
.cbp-spmenu-vertical ul, .cbp-spmenu-vertical ul li {
list-style:none;
margin:0;
position:relative;
}
.cbp-spmenu-vertical ul li a {
	padding-left:20px;
	padding-top:8px;
padding-bottom:8px;
}


/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}


/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#closeRight{
position:absolute;
right:20px;
top:10px;
}
.fa-times-circle{
font-size:2em;
color:#fff;
}

.logodiv{
width:40%;
display:inline-block;
vertical-align:top;
}
.mobilemenu{
width:58%;
display:inline-block;
text-align:right;
vertical-align:top;
}
.fa-bars{
margin-top:10px;
font-size:1.7em;
color:#fff;
}

.bottommenu{
position:fixed!important;
bottom:0!important;
background:#F7F7F7;
width:100%!important;
height:50px!important;
text-align:center;
padding: 15px 0 0;
z-index:99999!important;
}
.bottommenu .bbton a{
color:#000!important;
text-decoration:none!important;
}
.bottommenu .bbton{
display:inline-block;
width:30%;
  box-sizing: border-box;
vertical-align:top; }

.bbton {
font-size:11px;

}
.bbton img{
max-height:27px;
width:auto;
display:block;
text-align:center;
margin:0 auto;
}

.sliderbottom{

background:#fff;
height:20px;
margin-top:-20px;
  box-sizing: border-box;
  z-index:9;
position:absolute;
bottom:0;
width:100%;
}
.slidersection{
padding-top:100px;
}
#sliderul li{
height:230px;
}
.sliderli {
padding-left:30px;
}
.sliderli h1,.sliderli h2,.sliderli h3{
color:#333;
    letter-spacing: 0;
    margin-bottom:7px;
    line-height:1.2;
}
.sliderli h1{
font-size:18px;
font-weight:200;
}
.sliderli h2{
font-size:22px;
font-weight:600;
line-height:1.1;
}
.sliderli h3{
font-size:14px;
margin-bottom:0px;
}
header.fixed{
background:#fff;
height:40px;
padding:5px 0 0;
-webkit-box-shadow: 0px 5px 45px -16px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 45px -16px rgba(0,0,0,0.75);
box-shadow: 0px 5px 45px -16px rgba(0,0,0,0.75);

}
header.fixed .logodiv img{
width:150px;
height:auto;
}
header.fixed .fa-bars{
margin-top:5px;
font-size:1.7em;
color:#000;
}
header img{
display:inline-block;
transition: all 0.5s ease;
max-width:220px;
}
header img.logow{
display:inline-block;
}
header img.logob{
display:none;
}
header.fixed img.logow{
display:none;
}
header.fixed img.logob{
display:inline-block;
}
.irs-slider {
    /*background: url('http://kredit2u.my/v3/wp-content/themes/startit/assets/img/sprite-skin-flat.png') repeat-x;
    background-position: 0px -117.5px;
*/
   width: 40px;
height: 40px;
top: 14px;
background: url('../images/btn.png') repeat-x;
  background-size: 33px;


    display: block;
   
    border-radius: 50%;
    background: silver;
    position: absolute;
    z-index: 2;
    right: 40%;
    top: 10px;
    background: #9b978e;
    background: -moz-linear-gradient(#f7f2f6, #9b978e);
    background: -ms-linear-gradient(#f7f2f6, #9b978e);
    background: -o-linear-gradient(#f7f2f6, #9b978e);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f2f6), to(#9b978e));
    background: -webkit-linear-gradient(#f7f2f6, #9b978e);
    background: linear-gradient(#f7f2f6, #9b978e);
    box-shadow: none;
  transition: box-shadow 0.2s ease-in-out;
    box-shadow: inset 0 1px 0 white, 0 0 10px rgba(0,0,0,0.8), 0 5px 5px rgba(0,0,0,0.4);


}
    .irs-slider:after {
    content: "";
    position: absolute;
    left: 20%;

top: 20%;

width: 60%;

height: 60%;
    background: #d2cbc3;
    background: -moz-linear-gradient(#cbc7bc, #d2cbc3);
    background: -ms-linear-gradient(#cbc7bc, #d2cbc3);
    background: -o-linear-gradient(#cbc7bc, #d2cbc3);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cbc7bc), to(#d2cbc3));
    background: -webkit-linear-gradient(#cbc7bc, #d2cbc3);
    background: linear-gradient(#cbc7bc, #d2cbc3);
    border-radius: inherit;
    
}
    
    .irs-slider.state_hover, .irs-slider:hover {
   /* background: url('http://kredit2u.my/v3/wp-content/themes/startit/assets/img/sprite-skin-flat.png') repeat-x;
    background-position: 0px -157px!important;*/
     background: #b2ac9e;
    background: -moz-linear-gradient(#f7f2f6, #9b978e);
    background: -ms-linear-gradient(#f7f2f6, #9b978e);
    background: -o-linear-gradient(#f7f2f6, #9b978e);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f2f6), to(#9b978e));
    background: -webkit-linear-gradient(#f7f2f6, #9b978e);
    background: linear-gradient(#f7f2f6, #9b978e);
    box-shadow: none;
        box-shadow: inset 0 1px 0 white, 0 0 4px rgba(0,0,0,0.6), 0 5px 5px rgba(0,0,0,0.2);

}
.irs-slider:hover::after{

  background: #d2cbc3;
    background: -moz-linear-gradient(#c4c2bb, #d2cbc3);
    background: -ms-linear-gradient(#c4c2bb, #d2cbc3);
    background: -o-linear-gradient(#c4c2bb, #d2cbc3);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#b7b3ab), to(#d2cbc3));
    background: -webkit-linear-gradient(#c4c2bb, #d2cbc3);
    background: linear-gradient(#c4c2bb, #d2cbc3);
    border-radius: inherit;
    
}
.irs *{
outline:none;
border:none;
}
.irs-line-mid {
    height: 12px;
    background-position: 0 -1px;
}
  .irs-bar-edge {
    top: 25px;
    height: 12px;
    width: 30px;
    background-position: 0 -90px;
}

.irs-from, .irs-to, .irs-single {
    position: absolute;
    display: block;
    top: -10px;
}
.irs-slider {
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 1;
}
.irs-single {
    color: #000;
    font-size: 16px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #ffc83d;
        display: block;
    top: -18px;
}
.irs-from:after, .irs-to:after, .irs-single:after {
    border-top-color: #F5AE1B!important;
}
.irs-grid-text {
    bottom: -5px;
    color: #000;
}
.irs-grid {
    height: 17px;
}
.irs-grid-pol.small {
    background: #999;
}
.irs-grid-pol {
    background: #999;
}
a.negativeamount{
color:#000;
left:0px;
bottom:-5px;
position:absolute;
font-size:40px;
font-weight:700;
z-index:999;
text-decoration:none;
}
a.plusamount{
right:0px;
bottom:-9px;
color:#000;
position:absolute;
font-size:40px;
font-weight:700;
z-index:99;
text-decoration:none;
}
.rangeslide{
position:relative;
padding:10px 30px;
}
.forminputrow{
display:block;
position:relative;
padding: 20px;
background:#efefef;
margin: 0;
border:1px solid #eee;
-webkit-border-radius: 10px ;
-moz-border-radius:10px ;
border-radius:10px ;
}
.summryrate{
color:#000;
text-align:center;
}
input.labelauty + label > span.labelauty-unchecked-image, input.labelauty + label > span.labelauty-checked-image {
    display: none;
 
}
.ui-radio {
display:inline-block;
}
input.labelauty + label > span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked {
    display: inline-block;
    line-height: 1.4;
    vertical-align: middle;
}
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked {
    margin-left: 0px;
}
input.labelauty + label {
    display: inline-block;
font-size: 14px;
padding: 5px 8px;
margin-right:3px;
    background-color:transparent;
    color: #fff;
    font-weight:200;
     font-family: 'Open Sans', sans-serif;
     border:1px solid #fff;
     border-radius: 5px;

}
input.labelauty + label:hover {
     border:1px solid #ffc83d!important;

background-color:rgba(104, 99, 99, 0.13)!important;
color: #fff!important;
}
input.labelauty:checked + label, input.labelauty + label:hover {
    background-color: #ffc83d;
    color: #000;
         border:1px solid #000;
}
input.labelauty:checked + label:hover {
    background-color: #000!important;
    color: #fff!important;
         border:1px solid #fff;
}
.radio-toolbar input[type="radio"] {
  display: none;
}
.radio-toolbar{
padding:10px 0;
text-align:center;
}
.radio-toolbar label {
  display: inline-block;
  background-color: #ddd;
  padding:10px 5.6px 8px;
  font-size: 14px;
  line-height:1.1;
  text-align:center;
  cursor: pointer;
  -webkit-border-radius: 7px ;
-moz-border-radius:7px ;
border-radius:7px ;
transition: all 0.5s ease;

}
.radio-toolbar label strong{
font-size:1.6em;
}
.radio-toolbar input[type="radio"]:checked+label {
  background-color: #000;
  color:#fff;
}
.formapinner h5{
margin-bottom:5px;
text-align:center;
}
.smalltxt{
font-size:0.8em;
line-height:1.1;
margin-bottom:0;
}
.totalPrice{
font-size:2em;
font-weight:600;
margin-bottom:10px;

line-height:1.1;
}
.submitbtnrow{
text-align:center;
}
input[type="submit"]{
background:#ffc83d;
color:#000;
border:0;
outline:none;
}
.applyrow label{
font-weight:200;
font-size:13px;
}
.applyrow input{
width:100%;
}

.pc-tab > input,
.pc-tab section > div {
  display: none;
}
#tab1:checked ~ nav .tab1 label, #tab2:checked ~ nav .tab2 label, #tab3:checked ~ nav .tab3 label, #tab4:checked ~ nav .tab4 label, #tab5:checked ~ nav .tab5 label {
    background: white;
    color: #111;
    position: relative;
}
.pc-tab ul li:not(:last-child) label {
    border-right-width: 0;
}
.pc-tab ul li img{
height:25px;
width:auto;
}
.pc-tab  ul.tmenu li {
display:inline-block;
}
.pc-tab ul li label {
    float: none;
    padding: 15px 25px;
    border: 1px solid #ddd;
    border-bottom: 0;
    background: #eeeeee;
    color: #ccc;
    font-weight:400;
    line-height:1;
     text-align:center;
}

.pc-tab ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align:center;
}

.pc-tab section > div {
  display: none;
}

#tab1:checked ~ section .tab1,
#tab2:checked ~ section .tab2,
#tab3:checked ~ section .tab3,
#tab4:checked ~ section .tab4 ,
#tab5:checked ~ section .tab5{
  display: block;
}

#tab1:checked ~ nav .tab1,
#tab2:checked ~ nav .tab2,
#tab3:checked ~ nav .tab3,
#tab4:checked ~ nav .tab4,
#tab5:checked ~ nav .tab5 {
  color: red;
}

.pc-tab {
  width: 100%;
  margin: 0 auto;
}
.pc-tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align:center!important;
}
.pc-tab ul label {
  text-align:center!important;
}
.pc-tab ul li label {
  float: none;
  display:inline-block;
 padding: 20px 10px;
width: 140px;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #eeeeee;
  color: #ccc;
    border-color: transparent !important;

}
.pc-tab ul li label:hover {
  background: #dddddd;
}
.pc-tab ul li label:active {
  background: #ffffff;
}
.pc-tab ul li label img, .pc-tab ul li label span{
display:inline-flex;
vertical-align:middle;
margin-right:10px;
}
.pc-tab ul li:not(:last-child) label {
  border-right-width: 0;
}
.pc-tab section {
  clear: both;
box-sizing: border-box;
}
.pc-tab section > div {
  padding: 1em;
  box-sizing: border-box;
  width: 100%;
  border: none;
  background: #fff;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #444;
    box-shadow: 0 1px 14px 0 rgba(0,0,60,0.1), 0 20px 40px 0 rgba(0,0,60,0.12);

}
.pc-tab.personalloan section{
margin-left: -10px;
 margin-right:-10px;
}
.pc-tab.personalloan section > div {
 box-shadow: none;
 padding:0;
 
}
.personalloan td{
font-size:14px;
line-height:1.1;
text-align:center;
}
.pc-tab section div h2 {
  margin: 0;
  letter-spacing: 1px;
  color: #34495e;
}

#tab1:checked ~ nav .tab1 label,
#tab2:checked ~ nav .tab2 label,
#tab3:checked ~ nav .tab3 label ,
#tab4:checked ~ nav .tab4 label,
#tab5:checked ~ nav .tab5 label  {
  background: white;
  color: #111;
  position: relative;
  line-height:1.4;
  z-index: 2;
    background-color: #fff;
    box-shadow: -4px -5px 9px 0 rgba(0,0,60,0.08), 0 -12px 20px 0 rgba(0,0,60,0.02);
    border-color: transparent;
    border-top:3px solid #ffc83d;
   align-items:center;
   padding:20px 0;

}
#tab1:checked ~ nav .tab1 label:after,
#tab2:checked ~ nav .tab2 label:after,
#tab3:checked ~ nav .tab3 label:after,
#tab4:checked ~ nav .tab4 label:after,
#tab5:checked ~ nav .tab5 label:after {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  left: 0;
  bottom: -1px;
}
.pc-tab > label {
display:none!important;
}
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
tr.title{
}

.bayartable tr.title td{
background:#000!important;
color:#ffc83d!important;
}
.bayartable tr:nth-of-type(1) td:nth-child(1) {
    background: #ffc83d!important;
    color: #000!important;
}
.bayartable tr:nth-of-type(even) td{
background:#ffffff;
}
.bayartable tr:nth-of-type(odd) td{
background:#F4F4F4;
}
.bayartable tr:nth-of-type(even) td:nth-of-type(1){
background:#eeeeee;
}
.bayartable tr:nth-of-type(odd) td:nth-of-type(1){
background:#dbdbdb;
}
.bayartable td{
padding:7px;
text-align:center;
}

#headersec h1{
margin-top:80px;
color:#000;
font-size:20px;
text-align:center;
letter-spacing:0;
font-weight:600;
}
h1.heading{
margin:0 auto;
margin-top:-90px;
margin-bottom:40px;
font-size:20px;
font-weight:400;


}
p.accordion {
 background-color: #000;
 color: #ffc83d;
 cursor: pointer;
padding: 10px 20px 10px 10px;
width: 92%;
 text-align: left;
 border: none;
 outline: none;
 transition: 0.4s;
 margin-bottom:0px;
 line-height:1.2;
  font-size:15px;
border-top:1px solid #eee;
position:relative;
border-bottom:1px solid #eee;
}
p.accordion:nth-child(1){
border-top:1px solid #fff;

}
/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion.active, p.accordion:hover {
 background-color: #fff;
 border-bottom:1px solid #eee;
  color: #000;

}
/* Unicode character for "plus" sign (+) */
p.accordion:after {
 content: '\f107';
 position:absolute;
 right:0;
    font-family: FontAwesome;
 font-size: 20px;
 color: #ccc !important;
 float: right;
 top:18px;
 right: 5px;
 transition: all 0.3s ease;
}
/* Unicode character for "minus" sign (-) */
p.accordion.active:after {
content: '\f106';
    font-family: FontAwesome;
  color: #000 !important;

}
/* Style the element that is used for the panel class */
div.panel {
 padding:10px 10px 0px;
 background-color: white;
 max-height: 0;
 overflow: hidden;
 transition: 0.4s ease-in-out;
 opacity: 0;
 margin-bottom:0px;
 font-size:14px;
 line-height:1.3;
text-align:left; color:#444;
 width:95%;
 font-weight:400; 
 bottom:1px solid #eee;
}
div.panel.show {
 opacity: 1;
 padding-bottom:30px;
 max-height: 500px; /*  Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}
div.panel ul{
 list-style-type: square;
 list-style-position: outside;
 list-style-image: none;
 padding-left:15px;
 margin:20px 0 10px;
}
div.panel ul li{
 text-align:left!important;
padding-left:10px;
margin-bottom:5px;
}
a.menumohon, a.menumohon:hover{
background:#eee!important;
color:#000!important;
}
.ctrow{
position:relative;
box-sizing: border-box;
}
.ctinner{
position:relative;
box-sizing: border-box;
display:block;
color:#000;
padding:0em 0.5em 1em;
font-size:15px;
line-height:1.2;
text-align:left;
font-weight:200;
}
.ctinner h3{
font-size:18px;
font-weight:600;
margin-bottom:5px;
}
.c1{
background:#fff;
}
.c2{
background:#F4F4F4;
}
.c3{
background:#fff;
color:#000;
}
.b1{
background:#e3eaee;
color:#000;
}
.b1 img{
width:150px;
height:auto;
display:block;
text-align:center;
margin:10px auto 10px;
}
.b2 img{
width:150px;
height:auto;
display:block;
text-align:center;
margin:10px auto 10px;
}
.b3 img{
width:80px;
height:auto;
display:block;
text-align:center;
margin:10px auto 10px;
}
.b2{
background:#ffc83d;
color:#000;
}
.b3{
background:#74C2E1;
color:#000;
}
.ctinner .fas,.ctinner .far{
font-size:40px;
}
ul.bayarlist {
list-style:none;
}
ul.bayarlist li img{
display:inline-block;
width:100px;
}
.kelebihan{
position:relative;
box-sizing: border-box;

}
.aboutusfeat .fa{
font-size:3em;
}
.klinner{
position:relative;
box-sizing: border-box;
display:block;
background:#f5f7fa;
padding:2em 20px;
}
.klinner img{
height:60px;
width:auto;
}
.k2{
background:#e8ebef;

}
.ourservice img{
width:100px;
height:auto;
margin-top:2em;
}
.abus img{
width:90px;
height:auto;
margin:2em auto 1em;
}
.docq ul{
 list-style-type: square;
 list-style-position: outside;
 list-style-image: none;
 padding-left:5px;
}
.docq li{
 text-align:left!important;
padding-left:5px;
margin-bottom:5px;
}
.bottommenu.reduce{
height: 35px !important;
padding:5px 0;
}
.bottommenu.reduce .bbton img {
    max-height: 20px;
    width: auto;
}
#success p{
margin-bottom:0;
padding:0;
}
.smalllogo{
margin-bottom:10px;
}
.smalllogo img{
display: inline-block;
vertical-align: top;
height: 25px;
width: auto;
margin-right: 10px;
}
.banksertai img {
    display: inline-block;
    width: auto;
    height: 18px;
    padding: 7px;
    margin-right: 5px;
    margin-bottom: 0px;
    border: 1px solid #efefef;
    background:#fff;
}
.stepjompay{
text-align:left;
}
.step{
margin-bottom:15px;
}
.b3 img.jompay2{
width:100%;height:auto;
}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	}
@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}


.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.container > header nav a:hover:before {
	color: #fff;
}

.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}
img{
max-width:100%;
}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}


.hover_bkgr_fricc{
    background:rgba(0,0,0,.6);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:999;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.showwhatspapp {
    background-color: #153439;
    box-shadow: 10px 10px 60px #555;
    display:block;
    height: auto;
    max-width: 100%;
    min-height: 100px;
    vertical-align: middle;
    width: 100%;
    position: fixed;
    left:0%;
    right:0%;
    padding: 15px;
    margin:0 auto;
    bottom:-90px;
    z-index:9999;
     transition: all 0.3s ease;
}
.popwhats{
bottom:0px;
}
.popupCloseButton {
   
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}

.trigger_popup_fricc {
    cursor: pointer;

}
.wbox {
   display: flex;
   align-items:center;
   position:relative;
}
.wbox img{
width:40px;
height:auto;
position:absolute;
z-index:999;
}
.wbox span{
margin-left: 27px;

background: #fff;

border-radius: 0px 15px 15px 0;

padding: 5px 15px;

color: #000;

font-size: 1.0em;

font-weight: 600;
}
.whatsapplink{
text-decoration:none;
color:#000;
margin-bottom:20px;
display:inline-block;
width:49%;
}
.docrq{
background:#ebebeb;
padding:2em;
margin:10px 0 20px;
border-radius:10px;
}
ul.sidebar2 li:after {
  content: "\00a0";
  display: block;
  width: 5px;
  height: 8px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  position: absolute;
  left: 14px;
  top: 40%;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
ul.sidebar2 li {
  list-style-type: none;
  padding: 0 0 0 35px;
  position: relative;
}

ul.sidebar2 li {
  margin: 0 0  0;
  text-align:left;
  line-height: 1.5;
  font-size: 0.9em;
}
/* Popup box BEGIN */

#tbrate td{
padding:10px;
border:0;
font-size:12px;

}
.title td{
color:#fff!important;
font-weight:700;
background:#5eac49!important;
}
#tbrate td:first-child {
background: #e2e2e2;
}
#tbrate tr:nth-child(odd) td:first-child {
background: #ccc;
}
.whykltop img{
margin-top:0;
}
.whykltop h4{
margin-bottom:5px;
font-weight:700;
}
.nopaddinglr{
padding:0;
}
.sy-slides-crop {

    overflow:visible!important;

}
.sy-slides-crop img.girl2{
width:190px;
height:auto;
}
.sy-slides-crop img.man1{
width:160px;
height:auto;
}
.whykltoprow *{
box-sizing: border-box;
}
.whykltop{
display:inline-block;
width:49%;
min-height:260px;
vertical-align:top;
}
.whykltop .icon-box{
padding:0 15px;
}
.whykltop h4{
font-size:19px;
line-height:1.1;
}
.smallerh4{
font-size:22px;
font-weight:700;
}
.lesendv{
font-size:12px!important;
padding: 10px 0;
}