/* your styles go here */
@import url(weLoveIconFonts_new.css);

#loan-products{
    clear: both;
}
.carousel-control-next, .carousel-control-prev{
    width: 0% !important;
}

.search-form #search {
    height: 27px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border-radius: 6px ;
    border: 1px solid rgb(0, 84, 166);
    width: 116px;
}


.search-form #search:hover {
    transition: all 0.35s, border-radius 0s;
    width: 150px;
}
.search-form #search:focus {
    outline-style:none;
    box-shadow:none;
    border-color:transparent;
}




/* Right Side Social Button */

/* entypo */
[class*="entypo-"]:before {
    font-family: "entypo", sans-serif;
}

#sticky-social {
    /*right: 0;*/
    z-index: 20;
    right: 0;
    position: fixed;
    top: 420px;
}
#sticky-social a {
    background: #333;
    color: #fff;
    display: block;
    height: 35px;
    font: 16px "Open Sans", sans-serif;
    line-height: 35px;
    position: relative;
    text-align: center;
    width: 35px;
}
#sticky-social a span {
    line-height: 35px;
    right: -120px;
    position: absolute;
    text-align:center;
    width:120px;
}
#sticky-social a:hover span {
    right: 100%;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"] span { background: #3b5998; }
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"]:hover span { background: #034791; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"] span { background: #3b5998;}
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"]:hover span {background: #00aced;}

#sticky-social a[class*="play"],
#sticky-social a[class*="play"] span { background: #3b5998; }
#sticky-social a[class*="play"]:hover,
#sticky-social a[class*="play"]:hover span
{background: #dd4b39;}

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"] span { background: #3b5998; }
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"]:hover span { background: #007bb6; }

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"] span { background: #3b5998; }
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"]:hover span { background: #517fa4; }

#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"] span { background: #3b5998; }
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"]:hover span{background: #eb4924; }

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"] span { background: #3b5998; }
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"]:hover span{ background: #cc2127; }

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"] span { background: #3b5998; }
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"]:hover span{ background: #ff0084; }

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"] span { background: #3b5998; }
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"]:hover span{ background: #32506d; }





#sticky-applyNow-details{
    z-index: 20;
    right: 35px;
    position: fixed;
    top: 200px;
}
.entypo-applynow-details a{
    color: #fff;
    padding: 5px 50px;
}
.entypo-applynow-details{
    display: block !important;
    background: #3b5998 !important;
    /* Rotate from top left corner (not default) */
    -webkit-transform-origin: 0 0;
    -moz-transform-origin:    0 0;
    -ms-transform-origin:     0 0;
    -o-transform-origin:      0 0;

    /*-webkit-transform: rotate(270deg);*/
    /*-moz-transform:    rotate(270deg);*/
    /*-ms-transform:     rotate(270deg);*/
    /*-o-transform:      rotate(270deg);*/
    /*border-left: #e5a935 23px solid;*/
}


#sticky-chat{
    z-index: 20;
    right: 1px;
    position: fixed;
    top: 600px;
}

#skl-sticky-apply-now{
    z-index: 20;
    right: 0px;
    position: fixed;
    top: 110px;
}
.entypo-chat-shakhawat a{
    /*color: #fff;*/
    /*padding: 5px 16px;*/
}
.entypo-chat-shakhawat{
    display: block !important;
    /*background: #3b5998 !important;*/
    /* Rotate from top left corner (not default) */
    -webkit-transform-origin: 0 0;
    -moz-transform-origin:    0 0;
    -ms-transform-origin:     0 0;
    -o-transform-origin:      0 0;

    /*-webkit-transform: rotate(270deg);*/
    /*-moz-transform:    rotate(270deg);*/
    /*-ms-transform:     rotate(270deg);*/
    /*-o-transform:      rotate(270deg);*/
    /*border-left: #e5a935 23px solid;*/
}

/*mic*/

#responsive-bar{
    margin-left: 40px;
    color: #0072c2;
    display: none;
}


.zoom {

    transition: transform .2s;
    margin: 0 auto;
}

.zoom:hover {
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05);
}


.applyNow-sticky a {
    color: white;
    text-decoration: none;
    font-size: 16px;
}

.applyNow-sticky a:hover {
    color: white;
}
#apply-Now{

}

.applyNow-sticky {
    position: fixed;
    top: 340px;
    right: -270px;
    z-index: 30;
}

.applyNow-sticky table {

    padding: 0px;
    -webkit-transform: translate(-450px, 0);
    -moz-transform: translate(-450px, 0);
    -ms-transform: translate(-450px, 0);
    -o-transform: translate(-450px, 0);
    transform: translate(0, -100px);
}
.applyNow-sticky table tr {
    display: block;
    margin: 5px;
    background: url(../img/texture/FD-Rates.png);
    background-size: cover;
    width: 300px;
    padding: 10px;
    /*-webkit-border-radius: 0 30px 30px 0;*/
    /*-moz-border-radius: 0 30px 30px 0;*/
    /*border-radius: 0 30px 30px 0;*/
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    text-align: left;
    height: 200px;
}

.applyNow-sticky table tr:hover {
    -webkit-transform: translate(210px, 0);
    -moz-transform: translate(210px, 0);
    -ms-transform: translate(210px, 0);
    -o-transform: translate(210px, 0);
    transform: translate(-210px, 0);
}

.applyNow-sticky table ul li{
    color: #ffffff;
    border-bottom: solid 1px #fff;
    padding: 0px;
}
.applyNow-sticky table ul li:last-child{
    border-bottom: none !important;
}
.applyNowSticky-btn{
    position: absolute;
    left: -13px;
    color: #ffffff;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.list-group-item-info{
    background-color: #c6e5fb !important;
}

.skl-bar-1{
    height: 2px;
    width: 200px;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#008CBA), to(transparent));
    background-image: -webkit-linear-gradient(left, #008CBA, transparent);
    background-image: -moz-linear-gradient(left, #008CBA, transparent);
    background-image: -o-linear-gradient(left, #008CBA, transparent);
    position: relative;
    top: -8px;
}

.skl-bar-2{
    height: 2px;
    width: 200px;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#008CBA), to(transparent));
    background-image: -webkit-linear-gradient(right, #008CBA, transparent);
    background-image: -moz-linear-gradient(right, #008CBA, transparent);
    background-image: -o-linear-gradient(right, #008CBA, transparent);
    position: relative;
    top: -8px;
}

.md, .xl{
    display: none !important;
}

.carousel-indicators li {
    width: 15px !important;
    height: 15px !important;

    border-radius: 100% !important;
}

.iconapply{
    width: 50px;
    height: 45px;
    min-width: 50px !important;
    padding: 10px;
}

/*owl carosol css*/

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next
{    float: left;
    position: absolute;
    top: 30%;
    font-size: 50px;
    font-weight: 100;
    color: #000000;
}

.owl-carousel .owl-nav .owl-next{
    right: -30px;
}

.owl-carousel .owl-nav .owl-prev{
    left: -30px;
}

#skl-deposit-product .col-md-3{
    margin: 0 auto;

}

.skl-tab-content{

    border: 0px solid #ddd !important;
}

.skl-nav-tab{

    background-color: rgb(0, 114, 188); color: white; border-right: 1px solid white;

}

.skl-nav-tab.active{

    background-color: white !important;
    color: rgb(0, 114, 188) !important;

}

.skl-nav-tab:visited{
    background-color: rgb(0, 114, 188) !important;
    color: white !important;

}

.skl-modal-body{
    padding: 0 !important;
}

.skl-modal-close-button{
    position: absolute;
    right: -1%;
    top:-2%;
    text-align: center;
}

.skl-modal-close-button_02{
    position: absolute;
    right: -2%;
    top:-1%;
    text-align: center;
}

.skl-modal-close-button_15{
    position: absolute;
    right: -1%;
    top:-15%;
    text-align: center;
}

.skl-border-with-radius{
    border: 1px solid white;
    border-radius: 2%;
}

.skl-header-video {
    position: relative;
    background-color: black;
    height: 65vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

.skl-dropdown-menu{
    border-radius: 2% !important;
}

.skl-image-bottom-border-yellow{
    border-bottom: 3px solid #efa600;
}

/*Menu Show On Mouse Hover*/

.dropdown:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

.close{
    opacity: 1!important;
}


/*

Foreign Exchange Rate

 */

.sticky-container{
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -247px;
    top: 230px;
    width: 281px;
    z-index: 1100;
}

#sticky-container{
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -247px;
    top: 230px;
    width: 281px;
    z-index: 1100;
}
.sticky .head-stk{
    list-style-type:none;
    /*height: 200px;*/
    padding:0px;
    margin:0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
}
.sticky .head-stk:hover{
    margin-left:-212px;
}
.sticky .head-stk .left-head{
    float: left;
    /* margin: 5px 4px; */
    margin-right: 5px;
    background-color: #0d4691;
    height:148px;
    width: 38px;
}
.sticky .head-stk .con-fild{
    padding-top:5px;
    margin:0px;
    line-height:2px;
    font-size:11px;
    height: 148px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+0,abd3ee+50,89c3eb+51,d5ebfb+100;Blue+Gloss+%234 */
    background: #ebf1f6; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.con-fild table{
    width: 200px;
    font-size: 10px;
    height: 15px;
}

.con-fild p{
    margin-left: 18%;
    margin-bottom: 0;
    margin-top: -6px;
    font-size: 11px;
}

.sticky .head-stk .con-fild a{
    text-decoration:none;
    color:#2C3539;
}
.sticky .head-stk .con-fild a:hover{
    text-decoration:underline;
}
.rotate {
    color: #fff;
    margin-top: 62px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    float: left;
    margin-left: -26px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 11px;

}
.con-fild .table thead th {
    border-bottom: 2px solid #0055a2!important;
    border-bottom: 2px solid #0055a2!important;
    background-color: #0055a2;
    color: #fff;
}

.con-fild .table td, .table th {
    border-top: 1px solid #0055a2!important;
}

.whats-text-bg {
    background-image: url(../img/whats-new/whats-news-tex-bg.jpg);
    background-size: cover;
     text-align: center;
     width: 100%;
     margin-top: 12px;
     height: 36px;
     color: #fff;
    cursor: pointer;
 }
 .whats-text-bg:hover {
      background-image: url(../img/whats-new/whats-news-tex-bg-h.jpg)!important;
      font-weight: bold !important;
  }
 .whats-text-bg p{
     line-height: 2.5em;
 }

 .whats-text-bg a{
     padding: 0px 86px;
     color: #fff;
 }


 
/* ---------------Carousel-end---------------- */
  /* #whatseNewCarousel, .carousel-control-next{ left: -83px!important;}  */
/* ---------------deposit box---------------- */
.box-dipo{
    height: 200px;
    width: 100%;
    padding: 90px;
    text-align: center;
    position: relative;
    border-right: 1px solid #ccc;

}

.box-dipo:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 40%;
    width: 20%;
    border-bottom: 4px solid #ccc !important;
}

.box-dipo-a,.box-dipo-a:hover > h4, .box-dipo:hover > h4{
    color: #0072c2 !important;
    text-decoration: none !important;
}

 .deposit-box .box-dipo:nth-child(1){
    /*border-top:1px solid #ccc;*/
    /*border-left:1px solid #ccc;*/
    /*border-right:1px solid #ccc;*/
 }
 .deposit-box .box-dipo:nth-child(2),  .deposit-box .box-dipo:nth-child(3){
    /*border-top:1px solid #ccc; */
    /*border-right:1px solid #ccc;*/
 }

 .deposit-box .box-dipo:nth-child(4), .deposit-box .box-dipo:nth-child(5), .deposit-box .box-dipo:nth-child(6){
    /*border-top:1px solid #ccc; */
    /*border-right:1px solid #ccc; */
    /*border-bottom:1px solid #ccc; */
 }

 .deposit-box .box-dipo:hover{
    /*background-color: #0072c2;*/
     color: #0072c2;
 }

.skl-whats-new-button-1, .skl-whats-new-button-2, .skl-whats-new-button-3, .skl-whats-new-button-4, .skl-whats-new-button-5, .skl-whats-new-button-6{

    display: none;
}

.deposit-box .box-dipo:hover .skl-whats-new-button-1
{

    display: block;
    text-align: center;
}

.deposit-box .box-dipo:hover .skl-whats-new-button-2
{

    display: block;
    text-align: center;
}

.deposit-box .box-dipo:hover .skl-whats-new-button-3
{

    display: block;
    text-align: center;
}

.deposit-box .box-dipo:hover .skl-whats-new-button-4
{

    display: block;
    text-align: center;
}

.deposit-box .box-dipo:hover .skl-whats-new-button-5
{

    display: block;
    text-align: center;
}

.deposit-box .box-dipo:hover .skl-whats-new-button-6
{

    display: block;
    text-align: center;
}

 
  .fancy {
    line-height: 0.5;
    text-align: center;
  }
  .fancy span {
    display: inline-block;
    position: relative;
    font-size: 25px;
    font-weight: bold;
  }
  .fancy span:before,
  .fancy span:after {
    /*content: "";*/
    /*position: absolute;*/
    /*height: 2px;*/
    /*!*border-bottom: 2px solid #008CBA;*!*/
    /*top: 0;*/
    /*width: 200px;*/
      /*background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#008CBA), to(transparent));*/
      /*background-image: -webkit-linear-gradient(left, #008CBA, transparent);*/
      /*background-image: -moz-linear-gradient(left, #008CBA, transparent);*/
      /*background-image: -o-linear-gradient(left, #008CBA, transparent);*/
  }
  .fancy span:before {
    right: 100%;
    margin-right: 15px;
  }
  .fancy span:after {
    left: 100%;
    margin-left: 15px;
  }

/* ---------------Carousel----------------- */
@media (min-width: 768px) {

    /* show 3 items */
    #whatseNewCarousel .carousel-inner .active,
    #whatseNewCarousel .carousel-inner .active +  .carousel-item,
    #whatseNewCarousel .carousel-inner .active + .carousel-item + .carousel-item,
    #whatseNewCarousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }

    #whatseNewCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #whatseNewCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #whatseNewCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #whatseNewCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    #whatseNewCarousel .carousel-inner .carousel-item-next,
    #whatseNewCarousel .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    #whatseNewCarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    #whatseNewCarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #whatseNewCarousel .carousel-item-next.carousel-item-left + .carousel-item,
    #whatseNewCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #whatseNewCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #whatseNewCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    #whatseNewCarousel  .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    #whatseNewCarousel  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #whatseNewCarousel  .carousel-item-prev.carousel-item-right + .carousel-item,
    #whatseNewCarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #whatseNewCarousel  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #whatseNewCarousel  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }


}

  
 
 /* -----------offers-Carousel----------------- */
@media (min-width: 768px) {

    /* show 3 items */
    #offerCarousel .carousel-inner .active,
    #offerCarousel .carousel-inner .active +  .carousel-item,
    #offerCarousel .carousel-inner .active + .carousel-item + .carousel-item,
    #offerCarousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    #offerCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #offerCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #offerCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #offerCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    #offerCarousel .carousel-inner .carousel-item-next,
    #offerCarousel .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    #offerCarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    #offerCarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #offerCarousel .carousel-item-next.carousel-item-left + .carousel-item,
    #offerCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #offerCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #offerCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    #offerCarousel  .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    #offerCarousel  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #offerCarousel  .carousel-item-prev.carousel-item-right + .carousel-item,
    #offerCarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #offerCarousel  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #offerCarousel  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }  
}

/* ---------------Carousel-end---------------- */


 /* -----------Loan Products Carousel----------------- */
@media (min-width: 768px) {

    /* show 3 items */
    #loanProductsCarousel .carousel-inner .active,
    #loanProductsCarousel .carousel-inner .active +  .carousel-item,
    #loanProductsCarousel .carousel-inner .active + .carousel-item + .carousel-item,
    #loanProductsCarousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }

    #loanProductsCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #loanProductsCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #loanProductsCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #loanProductsCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    #loanProductsCarousel .carousel-inner .carousel-item-next,
    #loanProductsCarousel .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }

    #loanProductsCarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    #loanProductsCarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #loanProductsCarousel .carousel-item-next.carousel-item-left + .carousel-item,
    #loanProductsCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #loanProductsCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #loanProductsCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    #loanProductsCarousel  .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    #loanProductsCarousel  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #loanProductsCarousel  .carousel-item-prev.carousel-item-right + .carousel-item,
    #loanProductsCarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #loanProductsCarousel  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #loanProductsCarousel  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* ---------------Carousel-end---------------- */

.bank-box .bottom-text{
    background-image: url(../img/whats-new/whats-news-tex-bg.jpg);
    background-size: cover;
    text-align: center;
    width: 350px;
    margin-top: 18px;
    height: 36px;
    color: #fff;
    line-height: unset;
    padding-top: 6px;
}


.bank-box:hover > .bottom-text{
    background-image: url(../img/whats-new/whats-news-tex-bg-h.jpg)!important;
    font-weight: bold !important;
}
.bank-box:hover > .top-text{
    background-image: url(../img/whats-new/whats-news-tex-bg-h.jpg)!important;
    font-weight: bold !important;
}

.bank-box .top-text{
    background-image: url(../img/whats-new/whats-news-tex-bg.jpg);
    background-size: cover;
    text-align: center;
    width: 350px;
    margin-top: 18px;
    height: 36px;
    color: #fff;
    line-height: unset;
    padding-top: 6px;
}


.bank-box .bottom-text:hover{
      background-image: url(../img/whats-new/whats-news-tex-bg-h.jpg)!important;
      font-weight: bold !important;
  }

.sme_tab_width{
    width: 16.6%;
}

.sme_tab_width_33{
    width: 33.3%;
}

.sme_slider_text{
    position: absolute;
    left: -280px;
}

.digital_tab_width_14{
    width: 14.28%;
}

.digital_tab_width_10{
    width: 10.28%;
}

.about_us_text{
    left: -200px;
}


footer.main-footer {
    background-image: url(../img/texture/Background-01.jpg);
    background-size: cover;
    padding-bottom: 0;
    /*background: #555;*/
    color: #fff;
    /*position: fixed;*/
    /*bottom: 0;*/
    width: 100%;
    z-index: 999;
    height: 500px;
    padding-top: 24px;
}
.lastfooter{
    border-top: 1px solid #fff;
    padding-top: 50px;
    text-align: center;
}
    
footer.main-footer a {
    color: inherit;
    color: #eee;
  }
  
  footer.main-footer h4 {
    color: #eee;
    margin: 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
  
  footer.main-footer p {
    font-size: 0.9rem;
    color: #fff;
  }
  
  footer.main-footer hr {
    border: none;
    border-top: 1px solid #ddd;
    background: none;
  }
  
  footer.main-footer .footer-blog-list li {
    margin-bottom: 20px;
  }
  
  footer.main-footer .image {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  
  footer.main-footer .text {
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
  
  footer.main-footer .text a {
    font-size: 0.8rem;
  }
  
  footer.main-footer .photo-stream li {
    margin: 0;
  }
  
  footer.main-footer .photo-stream a {
    width: 80px;
    height: 80px;
    padding: 5px;
    display: block;
  }
  .fist-footer{
          padding-left: 100px;
        }
  
  
  footer.main-footer .copyrights p {
    color: inherit;
    font-size: 0.8rem;
    margin-bottom: 0;
  }

.soc_text{
    position: absolute;
    top: 70%;
    padding-left: 14%;
}

  
  @media (max-width: 991px) {
    footer.main-footer .photo-stream a {
      width: 120px;
      height: 120px;
    }
  }
  
  @media (max-width: 767px) {
    footer.main-footer .photo-stream li {
      width: 32%;
      margin-bottom: 10px;
    }
    footer.main-footer .photo-stream a {
      width: 100%;
      height: auto;
    }

      .skl-bar-2 {
          width: 50px;
      }

      .skl-bar-1 {

          width: 50px;

      }

      .fancy span {
          font-size: 23px;
      }

      .fist-footer {
          padding-left: 10px;
          text-align: center;
      }

      footer.main-footer {
          height: 910px;
          padding-top: 1px;
      }

      .lastfooter {
          /*border-top: none;
          padding-top: 0px;*/
          margin-left: 52px;
          text-align: center;
      }

      #skl-sticky-apply-now{
          display: none;
          top: 160px;
      }

      #sticky-container {
          display: none;
          top: 290px;
      }

      #sticky-social{
          display: none;
          top: 460px;
      }

      .sticky .head-stk{
          height: 0px;

      }

      .carousel-control-next, .carousel-control-prev{
          display: none;
      }

      .sme_tab_width{
          width: 100%;
          margin-top: 10px;
      }

      .sme_tab_width_33{
          width: 100%;
          margin-top: 10px;
      }

      .sme_slider_text {
          position: absolute;
          left: 0px;
      }

      .soc_text{
         padding-left: 26%;
      }
      .digital_tab_width_14{
          width: 100%;
          margin-top: 10px;
      }

      .digital_tab_width_10{
          width: 100%;
          margin-top: 10px;
      }

      .about_us_text{
          left: 0px;
      }

      .whats-text-bg a{
          padding: 0px 112px;
          color: #fff;
      }

  }


@media (max-width: 367px) {
    footer.main-footer .photo-stream li {
        width: 32%;
        margin-bottom: 10px;
    }
    footer.main-footer .photo-stream a {
        width: 100%;
        height: auto;
    }

    .skl-bar-2 {
        width: 50px;
    }

    .skl-bar-1 {

        width: 50px;

    }

    .fancy span {
        font-size: 23px;
    }

    .fist-footer {
        padding-left: 10px;
        text-align: center;
    }

    footer.main-footer {
        height: 870px;
        padding-top: 1px;
    }

    .lastfooter {
        border-top: none;
        padding-top: 0px;
        margin-left: 52px;
        text-align: center;
    }


    #skl-sticky-apply-now{
        display: none;
        top: 160px;
    }

    #sticky-container {
        display: none;
        top: 290px;
    }

    #sticky-social{
        display: none;
        top: 460px;
    }

    .sticky .head-stk{
        height: 0px;

    }

    .carousel-control-next, .carousel-control-prev{
        display: none;
    }

    .sme_tab_width{
        width: 100%;
        margin-top: 10px;

    }

    .sme_tab_width_33{
        width: 100%;
        margin-top: 10px;
    }


    .digital_tab_width_14{
        width: 100%;
        margin-top: 10px;
    }

    .digital_tab_width_10{
        width: 100%;
        margin-top: 10px;
    }
    .sme_slider_text {
        position: absolute;
        left: 0px;
    }

    .soc_text{
        padding-left: 26%;
    }

    .about_us_text{
        left: 0px;
    }

    .whats-text-bg a{
        padding: 0px 112px;
        color: #fff;
    }

}