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

@font-face {
    font-family: 'OpenDyslexic';
    src: url('open_dyslexic/OpenDyslexic-Regular.otf');
}

@font-face {
    font-family: 'OpenDyslexic';
    src: url('open_dyslexic/OpenDyslexic-Bold.otf');
}

.dyslexiafont{font-family: 'OpenDyslexic'!important;}
#navbar .navbar-nav > li > a.dyslexiafont {	
	font-family: 'OpenDyslexic'!important;
}



.alignitemscenter {
	-ms-flex-align: center !important;
	align-items: center !important;
}
#loan-products{

    clear: both;

}

.carousel-control-next, .carousel-control-prev{

    width: 0% !important;

}


.tooltip-inner {
    position: relative;
    top: -100px;
   

}
.tooltip .arrow::before {
   
    position: relative;
    top: -98px;
}



.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;

}

#skl-sticky-contact-us{

    z-index: 20;
    
    right: 0px;
    
    position: fixed;
    
    top: 390px;
    background: #3b5998;
    
    }

    #skl-sticky-contact-us a span {
        line-height: 35px;
        right: -120px;
        position: absolute;
        text-align: center;
        width: 100px;
        color: #fff;
       font-size: 18px;
        

    }
    #skl-sticky-contact-us a:hover span {
        right: 100%;
        background: #034791;
    }
    #skl-sticky-contact-us a:hover, #skl-sticky-contact-us:hover span {
        background: #034791;
    }

#sticky-social {

    /*right: 0;*/

    z-index: 20;

    right: 0;

    position: fixed;

    top: 450px;

}

#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;

}

#skl-sticky-Virtual {
    position: fixed;
    bottom: 20%;
    z-index: 999;
}
#skl-sticky-Virtual .Virtual-head {
    background-color: #0d4691;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 31px;
    margin-top: 28px;
    text-align: center;
    transform: rotate(-90deg);
    width: 162px;
    position: absolute;
    left: -70px;
    border-top: 0 solid #0ef27c;
    font-weight: 400;
    text-transform: uppercase;
}
#skl-sticky-Virtual .Virtual-head  span {
   letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 12px;
}
#skl-sticky-Virtual .Virtual-head  span a,#skl-sticky-Virtual .Virtual-head  span a:hover {color:#FFF;}



/*#stky for careers*/


#skl-careers-Virtual {
    position: fixed;
    bottom: 41%;
    z-index: 999;
}
#skl-careers-Virtual .Virtual-head {
    background-color: #0d4691;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 31px;
    margin-top: 28px;
    text-align: center;
    transform: rotate(-90deg);
    width: 92px;
    position: absolute;
    left: -35px;
    border-left: 3px solid #f5ac00;
    font-weight: 400;
    text-transform: uppercase;
}
#skl-careers-Virtual .Virtual-head  span {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 12px;
}
#skl-careers-Virtual .Virtual-head  span a,#skl-careers-Virtual .Virtual-head  span a:hover {color:#FFF;}



.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:140px;

    width: 38px;

}

.sticky .head-stk .con-fild{

    padding-top:5px;

    margin:0px;

    line-height:2px;

    font-size:11px;

    height: 140px;



    /* 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;

  }

.Disclosure{z-index: 9999;
position: relative;
}
.dropup .moremenu{ display:none!important;}
.agentsummury{ width: 80%;}
.agentsummury h4 {
	color: #0061b6;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bolder;
	text-transform: capitalize;
}

@media (max-width: 768px) {


    .agentsummury{ width: 100%; margin-top: 20px;}  
.dropup moremenu{ display:block!important;}
.moremenu .moremenutop{
border-radius: 35px;
margin-top: 5px;
border-radius: 35px;padding-left: 36px;
}
.moremenu .moremenutop a{ color:#FFF;font-size: 0.85rem;
}
.dropup .dropdown-toggle::after {
    border-bottom: .3em solid #fff;
}
.moremenu .dropdown-menu{ padding:10px 20px !important;}
.moremenu .dropdown-menu > li{border-bottom: 1px solid #025ba9;padding:5px 0px !important;}
.moremenu .dropdown-menu li ul{ padding-left:10px; margin-left:10px;}
.footer-menu .separator{ display:none}
.footer-menu .hvr-grow {
    display: list-item;
    float: none;
    text-align: left;
}
}
/* ---------------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: 13.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: 100%;
	padding-bottom:30px;

    padding-top: 24px;

}

.lastfooter{

    border-top: 1px solid #fff;

    padding-top: 20px;

    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%;

}
#navbar .navbar-nav > li > a.home {
	padding: 0rem 0.8rem  0rem;
}

#navbar .navbar-nav > li > a {
    padding: 1.4rem 0.8rem 1.6rem;
    color: #ffffff;
}
#navbar .navbar-nav > li > div > a {
    color: #ffffff;
    padding: 0 4px;
}
#navbar .navbar-nav > li > div > a.pcy {
    color: #ffffff;
    padding: 1.4rem 0.8rem 1.6rem;
}
#navbar .navbar-nav > li > div >  a:hover {
    color: rgb(0, 114, 188) !important;
}
.adjust-hotline {
	margin-top: -40px;
}
.adjust-hotline a.IBbaninkg {
	margin-right: 20px;
}
.icon-white{ display:none !important}
.icon-blue{ display:block !important}
.contactsection{ margin-top: 40px;}
/*.logo-box{ max-width: 150px;}*/
.btn-lnbox {
    margin-right: 0px;
    padding-left: 20px;
    position: relative;
    top: -40px;
}
  @media (max-width: 991px) {

    footer.main-footer .photo-stream a {

      width: 120px;

      height: 120px;

    }

  }

/*Accessibility switcher*/

.aceibility-switcher {
	width: 210px;
	position: fixed;
	left: -210px;
	top: 50%;
	margin-top: -240px;
	background: #0d4691;
	z-index: 400;
	padding: 10px 10px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	box-shadow: 3px 0 15px rgba(0,0,0,0.40);
	z-index: 99999;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 2px solid #fff;
	border-left: none;
}
.aceibility-switcher .accsstitle {
	color: #f3b900 !important;
}
.aceibility-switcher .accsssubtitle {
	color: #fff !important;
}
.aceibility-switcher a {
	color: #fff !important;
}
 
.aceibility-switcher a.active {
	background: #eeeeee;
	color: #000 !important;
	border-radius: 15px;
	box-shadow: 3px 0 15px rgb(6, 25, 38);
}
.aceibility-switcher hr {
	border-top: 1px solid rgb(255, 255, 255);
}
.picker_close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: -46px;
	top: 143px;
	border-left: 0;
	text-align: center;
	padding: 5px !important;
	background: #0d2f73;
	border-radius: 50%;
}

.picker_close i {
	font-size:26px;
	margin-top:0px;
	color:#fff;
}
.position {
	left: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.animations {
	display: table;
	padding: 10px 0 15px;
	text-align: left;
	width:100%;
}
.animations a {
	display: inline-block;
	text-align: center;
	/* width: 46.9%; */
	margin: 0 5px 0 0;
	color: #0055a2;
	font-size: 17px;
	/* border: 1px solid #eee; */
	padding: 7px 7px 7px;
	/* height: 36px;
	width: 50px; */
	line-height: normal;
	font-weight: 400;
}
.animations a:hover, .animations a.active{
	background:#eeeeee;color:#5d5d5d;
}
.styled-selectt ul {
 list-style: none;
}
.styled-selectt ul li a{
    position: relative;
   }
/* .styled-selectt ul li a::before {
content: "";
width: 5px;
height: 5px;
position: absolute;
left: -13px;
background: #0055a2;
top: 10px;
}

.styled-selectt ul li a.btnselected::before {
    content: "";
    width: 10px;
    height: 5px;
    position: absolute;
    left: -13px;
    background: #0055a2;
    top: 10px;
    } */
.btnselected {
	color: #0055a2;

}
    
    .non-selected-ap {
    background-color: #EC008C !important;;
    }
    
    body .selected {
    background-color: #ecc200 !important;;
    color: #000;
    }
    
    .underline {
      text-decoration: underline !important;
      text-decoration-color: #ecc200 !important;;
      -moz-text-decoration-color: #ecc200 ;
}
    
.grayscale {
    -webkit-filter: grayscale(1); /* Webkit */
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* W3C */
  }

html.guide #readingGuide {
background-color: rgb(205, 228, 0);
display: block !important;
}

html.monochrome {
	filter: grayscale(100%) contrast(120%);
}
    
    /* .inverted {
    filter: invert(100%);
    } */
    
    html.inverted {
        filter: invert(75%) contrast(120%);
    }
    html.inverted {
	filter: invert(75%) contrast(120%);
}
.styled-selectt ul {
	padding-left: 15px;
}
#choose_color h4{ color:#005da0;}
/* End color switcher */
html.bigCursor, html.bigcursor * {
	cursor: url("../img/cursor.svg"), auto !important;
    
}
.cursor:hover {
    border: 1px solid red;
  }
  html.guide #reading_Guide {
	display: block !important;
	position: relative;
	width: 100%;
	height: 4px;
	background-color: #fbb901;
	z-index: 99999999;
	top:0px;
}
html.guide #reading_Guide-off {
	box-sizing: border-box;
	background: #000;
	width: 99% !important;
	min-width: 100% !important;
	position: absolute !important;
	height: 12px !important;
	border: solid 3px #fff300;
	border-radius: 5px;
	top: 20px;
	z-index: 99999999;
}
.picker_close i.fa-times {
	font-size: 20px !important;
	margin-top: 5px;
}
.aceibility-switcher input[type="checkbox"]{
	box-sizing: border-box;
	padding: 0;
	position: absolute;
	left: -9999px;
}
html.monochrome {
	filter: grayscale(100%) contrast(120%);
}

/**/
/* checked state */
/**/
.aceibility-switcher li a i {
	position: absolute;
	top: 7px;
	left: -14px;
	display: block;
	width: 10px;
	height: 10px;
	outline: none;
	border-width: 2px;
	border-style: solid;
	background: #fff;
}
.aceibility-switcher .btnselected input + i::after {
	content: '\f00c';
	top: -1px;
	left: -1px;
	width: 15px;
	height: 15px;
	font: normal 12px/16px FontAwesome;
	text-align: center;
}

.aceibility-switcher .btnselected input + i::after {
	top: 2px;
	left: 0;
	font: normal 10px FontAwesome;
}
.aceibility-switcher .btnselected input + i::after {
	top: 5px;
	left: 5px;
	/* background-color: #999; */
	position: absolute;
	left: -4px;
	top: -3px;
	color: #666;
}

  @media (max-width: 767px) {
	  
	.aceibility-switcher a {
	color: #fff !important;
	font-size:14px;
} 
	  .lastfooter {
	border-top: none;
}
      .adjust-hotline {
          margin-top: -25px;
      }
      .btn-lnbox {
          margin-right: 0px;
          padding-left: 20px;
          position: absolute;
          top: 0px;
          display: block;
          right: 0;
      }
      .hot-line-number {
          top: 0px;
          font-size: 14px;
      }
      #skl-careers-Virtual {
          position: fixed;
          bottom: 40%;
          z-index: 999;
      }

#skl-sticky-Virtual {
    position: fixed;
    bottom: 40%;
    z-index: 999;
}
#lang-btn-mobile {
   display:none;
}
.seven-cols .col-md-15, .seven-cols .col-sm-15, .seven-cols .col-lg-15 {
    width: 49.285714285714285714285714285714%;
    *width: 49.285714285714285714285714285714%;
    max-width: 49.285714285714285714285714285714% !important;
    flex: none !important;
}
.seven-cols .dropdown {
    position: relative;
    display: block;
}
.about-nav {
    position: relative;
    display: block;
    min-width: 150px;
    max-width: 150px;
    margin: 0 auto;
}
.floatingMenu {
    padding-bottom: 15px;
    padding-left: 15px;
}
.btn-sm-lt {
	font-size: 6px;
	position: absolute;
	margin-top: 36px;
	margin-left: -71px;
	color: #fff;
	right: 0;
	}
.icon-white{ display:block !important}
.icon-blue{ display:none !important}

.adjust-hotline {position: relative;}
      .adjust-hotline a.IBbaninkg {
          margin-right: 0px;
          position: absolute;
          bottom: -36px;
          left: 15%;
      }
      .adjust-hotline a.CorpNet {
          margin-right: 0px;
          position: absolute;
          bottom: -41px;
          right: 23%;
      }
#skl-sticky-apply-now {
    z-index: 9999;
}
#sticky-social {
    /* right: 0; */
    z-index: 999;
}
    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: 10px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        text-align: left;
    }



      footer.main-footer {

          height: auto;
          padding-top: 1px;

      }



      .lastfooter {

          /*border-top: none;

          padding-top: 0px;*/

          margin-left: 52px;

         display: inline-flex;

      }



      #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) {
    .hot-line-number {
        top: 0px;
        font-size: 14px;
    }
    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: 10px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        text-align: left;

    }



    footer.main-footer {

        height: 100%;

        padding-top: 1px;

    }

    footer.main-footer {
        padding-bottom: 0px;
   
    }

    .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;

    }



}