@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800);
html,body { height:100% }
html, body, img{margin: 0 auto!important}
body{margin:0;padding:0;line-height:1;-webkit-text-size-adjust:none;font-family: 'dinregular', sans-serif;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    background: transparent;
    text-decoration:none;
    quotes:none;
    list-style:none;
}
article, aside, footer, header, hgroup, nav, section, figure, figcaption{display:block;margin:0;}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input,textarea{-webkit-border-radius:0;border-radius:0;}
input[type=submit],
input[type=button]{-webkit-appearance:none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content:none;}
:focus{outline:0;}
::-moz-focus-inner {border:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
*, *:after, *:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body p{
    font-size:13px;
    line-height:22px;
}

body h3{
    font-size:15px;
}

.clearfloat{ clear:both;}

a{transition: all 0.9s ease; outline:none;}


img{width: 100%;display: block;margin: 0 auto;}



/*---------------------------------------------------------------- HOME CSS -----------------------------------------------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1E67B1;
    text-align: center;
    z-index: 99999999;
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../img/spinner.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}


.container{
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 0 !important;
    position:relative;
}

body {
  color: #2c3e50;
  background: #ecf0f1;
}
h1 {
  text-align: center;
}

/* Accordion styles */
.tab {
  position: relative;
  margin-bottom: 0px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}

.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}



.tab label {
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    background: #1e67b1;
    font-weight: bold;
    line-height: 2;
    cursor: pointer;
    border-radius: 9px;
    border: 2px solid #fff;
    margin: 2px 0 2px 0;
    font-size:12.5px;
}

.tab-content p {
    color: #000;
}

.tab-content {
      max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
    /*border: 2px solid #fff;*/
    padding: 6px;
}

.tab-content p {
  margin: 1em;
}
/* :checked */
input:checked ~ .tab-content {
  max-height: 30em;
}
/* Icon */
.tab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}



/**** end ****/




/* COPY PASTE CSS FROM HERE */


.news-wrapper{
    width: 80%;
    float: left;
}

.news-wrapper h2{
    font-size: 17px;
    padding: 30px 20px 0 6%;
    float: left;
    width: 100%;
    text-transform: uppercase;
    color: #676767;
}

.news-banner{
    width: 100%;
    float: left;
    height: 600px;
    overflow: hidden;
}

.news-wrapper ul{
    width: 100%;
    float: left;
    padding: 20px 5%;
	display:flex;
	flex-wrap:wrap;
}

.news-wrapper ul li{
    width: 33.333%;
    display: inline-block;
    padding: 20px;
    float: left;
}

.news-wrapper ul li a{
    width: 100%;
    float: left;
    background-color: #f4f4f4;
    min-height:420px;
}

.news-wrapper ul li a:hover{
    background-color: #dedede;
}

.news-wrapper ul li a:hover img{
    opacity: 1;
}

.news-image-wrapper{
    width: 100%;
    float: left;
    background-color: #000000;
    position: relative;
}

.single-news-category h3{
    text-transform: uppercase;
    padding: 20px 20px 10px 20px;
    color: #5f5d5d;
    float: left;
    width: 100%;
    font-size: 15px;
}

.single-news-category p{
    padding: 10px 20px;
    color: #5f5d5d;
    float: left;
    width: 100%;
}

.single-news-category span{
    padding: 5px 0px 4px 0px;
    color: #5f5d5d;
    font-weight: 900;
    float: left;
    /* width: 100%; */
    font-size: 13px;
    border-bottom: 1px solid #5f5d5d;
    margin: 10px 20px;
}

.news-date{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 5px 10px;
}

.news-wrapper ul li a .news-date p{
    color: #ffffff;
    font-style: italic;
    padding: 0;
    font-size: 12px;
}

.single-news-category ul li a .news-date p{
    color: #ffffff;
    font-style: italic;
    padding: 0;
    font-size: 12px;
}

.news-wrapper ul li a img{

    opacity: 0.5;
}

.news-wrapper ul li a h3{
    text-transform: uppercase;
    padding: 20px 20px 10px 20px;
    color: #5f5d5d;
    float: left;
    width: 100%;
    font-size: 15px;
}

.news-wrapper ul li a p{
    padding: 10px 20px;
    color: #5f5d5d;
    float: left;
    width: 100%;
}

.news-wrapper ul li a span{
    padding: 5px 0px 4px 0px;
    color: #5f5d5d;
    font-weight: 900;
    float: left;
    /* width: 100%; */
    font-size: 13px;
    border-bottom: 1px solid #5f5d5d;
    margin: 10px 20px;
}

.single-news-wrapper{
    width: 80%;
    float: right;
    padding: 0;
}

.single-news-content-media{
    width: 70%;
    float: left;
    padding: 40px;
    background-color: #f1f1f1;
}

.single-news-content-media h3{color: #5f5d5d;padding: 0 0 10px 0;text-transform: uppercase;font-size: 17px;}

.single-news-content-media h6{color: #5f5d5d;padding: 0 0 10px 0;text-transform: uppercase;font-size: 14px;}

.single-news-content-media p{width: 100%;float: left;padding: 10px 0;color: #5f5d5d;font-weight: normal;line-height: 22px;}

.single-news-content p a{
    color: #209cd8;
}

.single-news-content p a:hover{
    color: #75ba45;
}

.single-news-category{
    width: 30%;
    float: left;
    padding: 20px;
    background-color: #eaeaea;
}

.single-news-category h4{
    color: #209cd8;
    padding: 0 0px 20px 10px;
}

.single-news-category ul{width: 100%;float: left;}

.single-news-category ul li{width: 100%;float: left;/* background-color: #fbfbfb; */}

.single-news-category ul li a{width: 100%;float: left;padding: 15px;font-size: 13px;/* text-transform: uppercase; *//* color: #5f5d5d; */}

.single-news-category ul li a:hover{
    background-color: #ffffff;
}


@media only screen and (max-width: 960px) {

    .news-banner{height: auto;}
    .news-wrapper ul li{width: 48%}

}


@media only screen and (max-width: 768px) {

    .news-wrapper ul li{width: 98%;}
    .single-news-content{width: 100%;}
    .single-news-category{width: 100%;}
}


.loan-calculator{
    position:absolute;
    right:0;
    top:15%;
    display:none;
}
.header{width: 100%;float: left;background-color: #afb4b7;display: table;padding: 4px;}
.header2{width: 100%;float: left;background-color: #1E67B1;display: table;padding: 10px;}
.logo{
    display: table-cell;
    width: 12%;
    vertical-align: top;
}
.logo a{font-weight: 900;text-transform: uppercase;font-size: 13px;color: #005faf;}
.logo img{
    float: left;
    display: inline-block!important;
    max-width: 120px;
}
.navigation{display: table-cell;width: 75%;vertical-align: middle;position: relative;}
.navigation ul{
    text-align: center;
}
.navigation ul li{
    display: inline-block;
    padding: 0% 1% 0% 1%;
    vertical-align: middle;
    float: left;
    /* width:33.333%; */
}
.navigation ul p{text-transform: capitalize;color: #ffffff;/* font-family: Roboto; */font-weight: 500;display: block;font-size: 12px;float: left;padding: 5px;}
.navigation ul li a span{float: left;font-size:  11px;color:  #f00;padding-right: 10px;}
.navigation ul li a{
    text-transform: uppercase;
    color: #fff;
    /* font-family: Roboto; */
    font-weight: 500;
    display: block;
    font-size: 12px;
    float: left;
    /* padding: 1%; */
    background-color: #a09f9f;
    padding: 8px 20px;
    border-radius: 30px;
}
.navigation ul li a:hover{
    background-color: #babdbf;
    color: #ffffff;
}
.navigation ul li a.active-link{
    color: #6699cc;
}
.other-products-links ul li.active-side-link{
    background-color:#e0e0e0;
}
.other-products-links ul li.active-side-link a{
    font-weight:900;
    color: #164e88;
    text-transform:capitalize;
}
.navigation ul li a img{
    width: initial;
    float: left;
    position: relative;
    bottom: 10px;
    display: none!important;}
.internet-link{
    position: relative;
    vertical-align: middle;
}
.search-icon{
    width: 5%;
    padding: 1.3% 0 0 0;
}
.search-icon.fa.fa-search{
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    background-color: transparent;
    z-index: 999;
    border: none;
    position: relative;
    bottom: 15px;
}
.search-icon.fa.fa-search:hover{
    color: #6699cc;
    transition: all 1s ease;
}
.search-wrap{/* width: 10%; *//* float: left; */display:  table-cell;vertical-align: top;position:relative;}
.search-wrap input {
    display: block;
    border-bottom: 1px solid #000;
    background-color: #afb4;
    opacity: 0.5;
}
.search-wrap form{
    width:100%;
    float:left;
    position:relative;
}
.header-submit-search{
    position:absolute;
    right:13px;
    top: 4px;
    background-color:transparent;
    border:none;
    color:#ffffff;
    cursor:pointer;
    transition:all 0.9s ease;
}
.header-submit-search:hover{
    color: #6699cc;
    transition:all 0.9s ease;
}
.search-wrap input[type=search] {width: 100%;padding: 7px;/* top: 0; */border: none;/* font-size: 20px; */color: #ffffff;opacity: 1;float: left;background-color: #afb4b7;border-radius: 125px;}
.search-wrap input::placeholder {
    color: #fff;
}

.mobile-search-icon{
    width: 5%;
    padding: 2% 0 0 0;
}
.mobile-search-icon.fa.fa-search{
    color: #fff;
    font-size: 20px;
    float: left;
    padding-left: 5%;
    cursor: pointer;
    background-color: transparent;
    z-index: 999;
    border: none;
    width: 100%;
    text-align: left;
    line-height: 2;
}
.mobile-search-icon.fa.fa-search:hover{
    color: #6699cc;
    transition: all 1s ease;
}
.mobile-search-wrap{
    width: 100%;
    float: left;
    display: none;
}
.mobile-search-wrap input {
    display: block;
    border-bottom: 1px solid #000;
    background-color: #1867b2;
    opacity: 0.5;
}
.mobile-search-wrap input[type=search] {
    width: 100%;
    padding: 2% 2% 2% 5%;
    top: 0;
    border: none;
    font-size: 20px;
    color: #fff;
    opacity: 1;
}
.mobile-search-wrap input::placeholder {
    color: #fff;
}
.mobile-header{
    display: none;
    background-color: #085ca4;
}
.logo-wrapper{
    width: 100%;
}
.mobile-menu-icon{
    display:block;
    cursor:pointer;
    float: right;
    padding: 2%;
}
.mobile-menu{
    width:100%;
    font-size:16px;
    display:none;
    float: left;
}
.mobile-menu ul li a.mobile-active{
    color: #6699cc;
}
.mobile-logo{float:left;
}

.mobile-logo img{ width:260px;
}

.mobile-menu-icon.fa-bars{
    font-size:30px;
    color: #fff;
}

.mobile-menu ul{
    width:100%;
    padding: 0;
    margin: 0;
}

.mobile-menu li{
    list-style:none;
    width: 100%;
    float: left;
}
     
.mobile-menu li a{
    display:block;
    margin-top: 1px;
    color: #fff;
    font-size: 13px;
    font-family: Roboto;
    line-height: 3em;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-left: 5%;
    width: 100%;
}
.mobile-menu{
    display: none;
}
.mobile-menu ul li a img {
    width: 5%;
    float: right;
    position: relative;
    top: 5px;
    right: 3%;
}

.locator-list a{
    float: right!important; 
    display: inline-block;
    padding: 0% 1% 0% 1%;
    vertical-align: middle;
    float: left;
    
}
.navigation ul li.locator-list{
    /* width: 18.33%; */
}
.navigation ul li.locator-list a{
    float:right;
}
.navigation ul li.calculater{
    /* float: right!important; */
    display: inline-block;
    padding: 0% 1% 0% 1%;
    vertical-align: middle;
    float: left;
    /* width: 48%; */
}
.navigation ul li.calculater a{
    float:right!important;
}

.home-banner{width: 100%;float: left;position: relative;/* padding-bottom: 2%; */}
.home-banner ul li{

}
.home-banner ul li.slider1{
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.home-banner ul li.slider2{
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.home-banner ul li.slider3{
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.home-banner ul li.slider4{
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.home-banner ul li.slider5{
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.home-banner-copy{
    position: absolute;
    bottom: 15%;
    width: 100%;
    float: left;
    text-align: center;
}
.home-banner-copy img{
    width: initial;
    padding-bottom: 1%;
}
.home-banner-copy p{
    color: #fff;
    font-family: 'Open Sans', sans-serif;

}
.home-banner-copy h1{
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans Extrabold', sans-serif;
    padding: 1% 0;
    font-size: 2.5em;
    letter-spacing: 7px;
}
button.sign-up{
    background-color: #ec2544;
    padding: 0.5% 0;
    width: 10%;
    margin: 0 auto;
    border: none;
    cursor: pointer;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
.hvr-bounce-to-right{
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    position:relative;
    -webkit-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:.5s;
    transition-duration:.5s
}
.hvr-bounce-to-right:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: #e0e0e0;
    border:none;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;}
.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color: #ec2544;border-color: #fff;}
.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);
    transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)
}
.countries{
    width: 100%;
    float: left;
    background-color: #fff;
}
.item h1{
    position: relative;
    top: 4px;
    font-size: 12px;
    font-weight: 200;
    color: #333333;
    display: block;
    float: left;
}
.item img{
    width: initial;
    float: left;
}
.countries, .item{
    display: inline-block;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    padding: 0 2%;
}
.item{}
.home-downloads{width: 100%;float: left;margin: 0 auto;background-color: #ffffff;/* display: table; *//* margin: 3% 0; */padding: 0% 0 0 0;}
.home-downloads h1{
    text-align:center;
}
.loan-atm{
    width: 40%;
    vertical-align: middle;
    display: table-cell;
}
.home-downloads ul{
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0;
    vertical-align: top;
}
.home-downloads ul li{width: 33.333%;display: inline-block;float: left;/* margin-right: 1%; */background-color: #000000;position: relative;}
.home-downloads ul li img{
    transition: all 0.9s ease;
    opacity: 0.7;
    cursor: pointer;
}
.home-downloads ul li img:hover{
    transition: all 0.9s ease;
    opacity: 1.2;
}
.overlay:hover + .home-downloads img{
    transition: all 0.9s ease;
    opacity: 1.2;
}
.home-downloads ul li img:hover + .overlay{
    
    transition: all 0.9s ease;
}
.overlay{
    width: 100%;
    position: absolute;
    bottom: 0;
    float: left;
    text-align: left;
    padding: 0 20px 20px 20px;
    transition: all 0.9s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity:0;
    background-color: rgba(221, 32, 39, 0.5);
}
.home-downloads ul li:hover .overlay{opacity:1;transition: all 0.9s ease;}
.overlay i{
    color: #ffffff;
    display: none;
}
.overlay h2{text-transform: uppercase;padding: 10px 0;color: #ffffff!important;float:  left;width: 100%;text-align: left!important;font-size:13px!important;}
.overlay p{

}
.home-downloads ul li a span{float:  left;padding: 5px 18px;color:  #fff;border: 1px solid #fff;font-size: 12px;margin-top: 10px;font-weight: 900;border-radius: 30px;padding: 9px 15px;transition:all 0.9s ease;}
.home-downloads ul li a :hover span{
    color: #005faf;
  background-color:  #ffffff;transition:all 0.9s ease;
}
.download-pic{
    position: relative;
    background-color: #1867b2;
    text-align: center;
    width: 50%;
    margin: 0;
    padding: 0;
    float: left;
    padding: 7.6% 0;
}
.locate{
    position: relative;
    background-color: #ec2544;
    text-align: center;
    width: 50%;
    margin: 0;
    padding: 0;
    float: left;
    padding: 7.6% 0;
}

.download-pic img{
    width: 155px;
}
.locate img{
    top: 60px;
    width: 155px;
}
.report-bg img{
    width: initial;
    top: 30%;
    position: relative;
}
.report-bg1 img{
    width: initial;
    top: 30%;
    position: relative;
}
.report-bg2 img{
    width: initial;
    top: 30%;
    position: relative;
}
.home-downloads ul.download-list{
    width: 60%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.home-downloads ul li{width: 33.333%;display: inline-block;float: left;/* margin-right: 1%; */background-color: #000;}
.home-downloads h2{
    color: #3a3d3f;
    font-family: Montserrat;
    font-size: 13px;
    text-align: left;
}
.home-downloads p{color: #fff;/* font-family: Roboto; */font-size: 12px;text-align: left;width:100%;float:left;}
.download-pic{position: relative;text-align: center;float: left;width: 50%;/* margin-right: 1%; */}
.locate{position: relative;background-color: #ec2544;text-align: center;float: left;width: 50%;/* margin-left: 1%; */}
.locate img{
    top: 60px;
}
.report-bg{
    background:
    linear-gradient(
        rgba(255, 0, 0, 0.45), 
        rgba(255, 0, 0, 0.45)
    ),
    url(../img/report-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 165px;
}
.home-report-bg-copy{
    padding: 6% 0 7% 5%;
    min-height: 75px;
}
.home-report-bg-copy h2{
    color: #3a3d3f;
    font-size: 14px;
}
.home-report-bg-copy p{
    color: #838c8e;
    font-size: 14px;
    padding: 5% 5% 2% 0;
}
.report-bg1{
    background: 
    linear-gradient(
        rgba(24, 103, 178, 0.45), 
        rgba(24, 103, 178, 0.45)
    ),
    url(../img/electronic-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 165px;
}
.report-bg1-copy{
    background-color: #fff;
}
.report-bg2{
    background: 
    linear-gradient(
        rgba(255, 0, 0, 0.45), 
        rgba(255, 0, 0, 0.45)
    ),
    url(../img/news-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 165px;
}
.report-bg2-copy{
    background-color: #fff;
}
.download-images img{
    position: relative;
    width: 100%;
}
.download-copy{
    position: absolute;
    bottom: 8%;
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat;
    width: 100%;
}
.download-copy a{
    text-align: center;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
}
.download-copy a:hover{
    color: #6699cc;
}
.more-downloads{
    float: left;
    width: 100%;
    background-color: #1867b2;
}
.more-downloads h3{color: #fff;font-family: Roboto;padding: 3.5% 0;padding-left: 25%;text-align: left;font-size: 13px;}
.more-downloads a h3:hover{background-color: #ec2544;transition: all 1s ease;}
.arrow:hover{background-color: #1867b2;transition: all 1s ease;}
.arrow{float: left;background-color: #ec2544;padding: 3% 6%;}
.arrow.fa.fa-long-arrow-right{color: #fff;}
.footer{width: 100%;float: left;background-color: #231f20;padding: 2%;display: table;}
.footer-column{width: 25%;float: left;border-left:  1px solid #414040;padding: 17px;}
.footer-column ul{
    width: 100%;
    float: left;
}
.footer-column h6{color: #ffffff;text-transform: uppercase;padding-bottom: 2%;font-size:14px;}
.footer-column ul li{
    color: #fff;
    font-size: 13px;
}
.footer-column ul li a{color:  #fff;padding: 9px 0;float:  left;width: 100%;font-size: 13px;}
.footer-column ul li a:hover{
    color:#085ca4;
}
.one_fifth li{
    line-height:22px;
}
.footer h2{/* float: left; *//* padding-top: 20px; */padding-right: 3%;font-family: Roboto;color: #333333;font-weight: 500;font-size: 13px;width: 30%;display: table-cell;vertical-align: middle;}
.footer-navigation{/* float: left; *//* padding-top: 1%; */width: 70%;display: table-cell;vertical-align: middle;}
.footer-navigation ul li{
    display: inline-block;
    padding: 5px 2% 0 0;
}
.footer-navigation ul li a{
    text-transform: uppercase;
    color: #333333;
    font-family: Roboto;
    font-weight: 500;
    display: block;
    font-size: 13px;
    float: right;
}
.footer-navigation ul li a:hover{
    color: #fff;
}
.footer img{width: 100px;/* float: right; *//* display: table-cell; *//* vertical-align: middle; */float: left;}

.bottom-footer{width: 100%;float: left;background-color: #000;}
.bottom-1{width: 33.333%;float: left;padding: 0 2%;}
.bottom-2{float:left;}
.bottom-1 a img{
    text-align: left;
    width: 100px;
    float: left;
}
.bottom-1 h2{text-align: center;color:  #fff;padding: 10px;font-size: 11px;}
.bottom-2 h2{text-align: left;}
.bottom-1 p{text-align: right;color:  #fff;padding-top:  10px;font-size: 9px;}

.bottom-1 p img{
        width: 7px;
    float: right;
    margin-left: 6px!important;
}


nav ul {
    -webkit-font-smoothing: antialiased;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 91%;
}
nav li {/* float: left; *//* margin: 0; */padding: 0;/* position: relative; */}
nav a {color: #444;display: block;/* font: normal 13px/50px Arial, Helvetica, sans-serif; *//* padding: 0 25px; */text-align: center;text-decoration: none;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
nav .dropdown {
    background:url('../images/arrow.jpg') no-repeat right center;
}
nav li:hover a {color: #6699cc;}
nav li ul {float: left;right: 0;left: 0;width: 100%;opacity: 0;position: absolute;top: 35px;visibility: hidden;z-index: 1;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
nav li:hover ul {opacity: 1;top: 26px;visibility: visible;width: 260px;text-align: center;/* right:  0; *//* left: 0; */margin: auto;background-color: #fff;}
nav li ul li {
    float: none;
    width: 100%;
    border-bottom:1px solid rgba(10,70,150,.3);
}
nav li ul li:hover{
    background-color:transparent;
    background-color:#bbb;
    border-radius:0;
    
}
nav li ul a:hover {
    color: #3a3939;
}
/* Clearfix */
.cf:after, .cf:before {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}


/*---------------------------------------------------------------- HOME CSS -----------------------------------------------------------*/


/*---------------------------------------------------------------- PRODUCTS CSS -----------------------------------------------------------*/

.products-banner{
    width: 100%;
    float: left;
    position: relative;
}
.products-banner-copy{
    position: absolute;
    bottom: 15%;
    width: 100%;
    float: left;
    text-align: center;
}
.products-banner-copy img{
    width: initial;
    padding-bottom: 1%;
}
.products-banner-copy p{
    color: #fff;
    font-family: 'Open Sans', sans-serif;

}
.products-banner-copy h1{
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans Extrabold', sans-serif;
    padding: 1% 0;
    font-size: 2.5em;
}
.products-downloads{
    width: 100%;
    float: left;
    margin: 0 auto;
    background-color: #f6f5f5;
}
.products-downloads ul{
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 3% 6%;
}
.products-downloads ul li{
    width: 22%;
    display: inline-block;
    margin: 1%;
    float: left;
}

hr {
    width: 100%;
    margin-left: 0;
}

.select_item select {
    float: left;
    margin: 5px 24px;
    border: 1px solid blue;
    border-radius: 5px;
    color: blue;
    font-size: 12px;
}
.today ul li {
    margin: 10px 1em 10px 2em !important;
}

.today p {
    margin: 0 !important;
}


.market_news h3 {
    color: #1e67b1;
}
.market_news{
    color: #1e67b1;
}
.market_news button {
    background-color: #1e67b1;
    margin: 18px 0 2% 30%;
    width: 40%;
    border-radius: 5px;
    float: left;
    border: 1px solid #9e9e9e7a;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.marketnews a{
    color:#19428c;
}
.submit{
    border-radius: 5px;
    margin-top: 4px;
    border: none;
    
}


.products-downloads ul li a img{
    width: 100%;
}
.products-downloads ul li:hover{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all 1s ease;
    color: #b0b5b8;
}
.product-pic{
    position: relative;
}
.product-copy{
    position: absolute;
    bottom: 8%;
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat;
    width: 100%;
}
.product-copy h6{
    font-family: Montserrat;
    font-size: 11px;
    font-weight: 300;
}
/*---------------------------------------------------------------- PRODUCTS CSS -----------------------------------------------------------*/


/*---------------------------------------------------------------- SINGLE PRODUCTS CSS -----------------------------------------------------------*/

.single-product-wrapper{
    width:100%;
    float:left;
    background-color:#ffffff;
}
.other-products-links{
    width:20%;
    float:left;
}
.other-products-links h1{
    text-transform:uppercase;
    font-size:13px;
    text-align:left;
    padding:15px 10px;
}
.other-products-links ul{
    width:100%;
    float:left;
}
.other-products-links ul li{
    width:100%;
    float:left;
    display:inline-block;
    border-bottom: 1px solid #eaebec;
    padding:0 10px;
}
.other-products-links ul li a{
    text-transform:capitalize;
    padding: 14px 0;
    float:left;
    font-size:11.5px;
    color: #1E67B1;
    width:100%;
}
.single-individual-product{
    width:80%;
    float:left;
}
.single-enquiry-wrapper{
    width:100%;
    float:left;
    padding:15px 0;
    background-color: #e0e0e0;
}
.single-enquiry-wrapper h3{
    padding-bottom:15px;
}
.shareholding_structure h2 {
    text-align: center;
    font-size:14px;
}
.single-product {
    width:70%;
    float:left;
    color: #747373;
    font-size: 14px;
    padding: 10px 30px;
}
.single-caption a {
    color: #000;
}
.single-product p {
    margin: 8px 0;
    line-height: 20px;
    color: #000;
    text-align: justify;
    width:  100%;
    float: left;
}
.single-caption p {
    
}
.single-product ul li {
    list-style-type: disc;
    margin: 6px 8px;
    width: 99%;
    float: left;
    color: #000;
    font-size:13px;
    text-align: justify;
    line-height: 18px;
    font-family: 'dinregular', sans-serif;
}

.single-product ul li a{
    color:#1e67b1;
}

.single-product ul li a:hover{
    color:#f00;
}

.single-product p a{
    color:#1e67b1;
}

.single-product p a:hover{
    color:#f00;
}

.single-product ul li br{
    display:none;
}

.single-product ol li{
    margin-bottom: 15px;
    list-style-type: circle;
    margin-left: 1em;
    margin: 10px 1em 10px 2em;
    width: 100%;
    float: left;
}

#wpsl-result-list a, #wpsl-wrap [class*=" wpsl-icon-"]:focus, #wpsl-wrap [class^=wpsl-icon-]:active {
    outline: 0;
    color:#8a8787!important;
}
.wpsl-store-location p{
    color:#1d67b1;
}

button.calculate_btn{
    background-color:#e82743;
    color:#fff;
    padding: 17px 30px;
    border:none;
    margin: 0 1% 0 1%;
    cursor: pointer;
    transition:all 0.9s ease;
    font-weight:900;
    text-transform:uppercase;
}
.calculator_wrapper ul li label.hide-copy{
    color:#ffffff;
}


button.calculate_btn:hover{
    transition:all 0.9s ease;
    background-color:#1d67b1;
}
button.reset_btn{
    background-color:#1d67b1;
    color:#fff;
    padding: 15px 30px;
    border:none;
    margin: 4% 1% 1% 0;
    cursor: pointer;
}

button.reset_btn:hover{
    transition:all 0.9s ease;
    background-color:#e82743;
}



.wpsl-store-location p >span{
    color:#878787!important;
}

.enquiry {
    width:30%;
    float:left;
    padding: 30px 20px;
    color: #1d67b1;
}
.enquiry >label{font-size:13px;}
.send-btn input{
    background-color:#1E67B1!important;
    color:#fff!important;
    cursor:pointer;
    font-weight: bold;
}
.enquiry h3{
    text-transform: uppercase;
}
.enquiry form{
    width:100%;
    float:left;
}

.enquiry form input{
    width:100%;
    float:left;
    padding:15px;
    margin:5px 0;
    border:none;
    background-color: transparent;
    border: 1px solid #9e9e9e7a;
    color: #797979;
    font-family: 'dinregular', sans-serif;
}

.enquiry form textarea{
    width:100%;
    float:left;
    padding:15px;
    margin:5px 0;
    border:none;
    background-color:#e0e0e0;
    resize:none;
    height:100px;
    background-color: transparent;
    border: 1px solid #9e9e9e7a;
    /* color: #fff; */
    font-family: 'dinregular', sans-serif;
}

/*---------------------------------------------------------------- SINGLE PRODUCTS CSS -----------------------------------------------------------*/


/*---------------------------------------------------------------- DOWNLOADS CSS -----------------------------------------------------------*/

.downloads-banner{
    width: 100%;
    float: left;
    position: relative;
}
.downloads-banner-copy{
    position: absolute;
    bottom: 15%;
    width: 100%;
    float: left;
    text-align: center;
}
.downloads-banner-copy img{
    width: initial;
    padding-bottom: 1%;
}
.downloads-banner-copy p{
    color: #fff;
    font-family: 'Open Sans', sans-serif;

}
.downloads-banner-copy h1{
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans Extrabold', sans-serif;
    padding: 1% 0;
    font-size: 2.5em;
    letter-spacing: 0.5em;
}
.downloads-navigation{
    width: 100%;
    float: left;
    background-color: #fff;
    padding-left: 4%;
}
.filter-years{
    float: right;
    position: relative;
    top: 0;
    width: 20%;
}

.dropdown{/* display:block; *//* width: 100%; */text-align: center;margin:0 auto;/* position: absolute; */z-index: 999;top: 15px;}
.filter-years button.filter{
    padding: 2% 2%;
    float: left;
    width: 20%;
    border: none;
    background-color: #ec2544;
    color: #fff;
    font-weight: bold;
    position: relative;
    top: 17px;
    left: 50%;
    cursor: pointer;
    z-index: 999;
}
.filter-years button.filter:hover{
    color: #ec2544;
}
span.dropdown-button{
    padding: 4% 1%;
    font-size: 12px;
    color: #fff;
    background: #085ba3;
    display: block;
    width: 80%;
    -moz-box-shadow:0px 0px 20px 0px #000000;
    float: left;
    font-weight: bold;}
span.dropdown-button:after{
  content: '';
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid rgba(#000, .2);
}
span.dropdown-button:hover{
  cursor: pointer;
}
span.active:after{
  content: '';
  display: block;
  float: right;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid rgba(#000, .2);
  border-top: 0px solid transparent;
}
ul.dropdown-list{
  width: 100%;
  max-width: 560px;
  display: none;
  z-index: 9999;
  background:#ffffff;
  -webkit-box-shadow:0px 0px 0px 0px #000000;
  -moz-box-shadow:0px 0px 0px 0px #000000;
  box-shadow:0px 0px 20px 0px #000000;
  -webkit-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  margin-top:20px;
}
ul.dropdown-list li{
  padding: 5px;
  font-size: 16px;
  background-color: #085ba3;
  color: #fff;
  list-style-type:none;
  float: left;
  width: 100%;
}
ul.dropdown-list li:hover{
  color: #ffffff;
  cursor: pointer;
  background: #0777d8;
}
.downloads-wrapper{
    width: 100%;
    float: left;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 2% 7%;
}
.downloads-wrapper img{
    width: initial;
}
.downloads{
    float: left;
    width: 100%;
}
.mobile-filter{
    width: 100%;
    float: left;
    background-color: #085ca4;
    display: none;
}
.mobile-filter h1{
    float: left;
    color: #fff;
    padding-left: 10%;
    font-family: Aller;
    vertical-align: middle;
    width: 50%;
}
.mobile-button{
    background: #fff;
    width:100%;
    font-size:16px;
    display:none;
    float: left;
}
.mobile-button .button.is-checked{
    border-color: #ec2544;
}
.mobile-button .button{
    width: 100%;
    color: #3a3939;
    border-bottom: solid 1px #ccc;
    padding: 4% 0;
    border-radius: 0;
}
.mobile-filter-icon.fa-angle-down{
    font-size: 25px;
    float: right;
    padding-right: 10%;
    color: #fff;
}
.angle-wrapper{
    width: 100%;
    float: left;
    padding: 2% 0%;
}
.doc{
    background-color: #fff;
}
.doc h6{
    padding: 8% 0;
    font-family: Roboto;
    color: #3a3d3f;
    font-size: 12px;
}
.doc button{
    padding: 4% 10%;
    background-color: #ec2544;
    border: none;
    color: #fff;
    font-family: Roboto;
    font-weight: 600;
    cursor: pointer;
}
.document1{
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-color: #085ba3;
}
.document2{
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-color: #ec2544;
}
.footer-navigation ul li a.active-link{
    color: #fff;
}






.select-download{ background-color:#fff; 
    width:100%; 
    margin:20px auto 0; 
    padding:1% 10%;
}

.select-download.box{ width:50%; 
    float:left;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 1px;
    border: solid 1px #e0e7ee;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 96%;
    text-transform: uppercase;
}

.nice-select:hover {
    border-color: #d0dae5; 
}

.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #88bfff; 
}

.nice-select:after {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; 
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); 
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); 
}

.nice-select.disabled {
    border-color: #e7ecf2;
    color: #90a1b5;
    pointer-events: none; 
}

.nice-select.disabled:after {
    border-color: #cdd5de; 
}
.nice-select.wide {
    width: 100%; 
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important; 
}

.nice-select .list {
    background-color: #fff;
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; 
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important; 
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; 
    color: #085ca4;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f6f7f9; 
}

.nice-select .option.selected {
    font-weight: bold; 
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #90a1b5;
    cursor: default; 
}


/*---------------------------------------------------------------- DOWNLOADS CSS -----------------------------------------------------------*/


/*---------------------------------------------------------------- FAQS CSS -----------------------------------------------------------*/


.faqs-banner{
    width: 100%;
    float: left;
    position: relative;
}

.loans-banner{
    width: 100%;
    float: left;
    position: relative;
}
.faqs-banner-copy{
    position: absolute;
    bottom: 15%;
    width: 100%;
    float: left;
    text-align: center;
    background-image:url(../img/single-product-banner.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.faqs-banner-copy img{
    width: initial;
    padding-bottom: 1%;
}
.faqs-banner-copy p{
    color: #fff;
    font-family: 'Open Sans', sans-serif;

}
.faqs-banner-copy h1{
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans Extrabold', sans-serif;
    padding: 1% 0;
    font-size: 2.5em;
    letter-spacing: 0.5em;
}
#accordion{
    width: 100%;
    float: left;
    background-color: #ebe8e8;
    padding: 5% 7% 10% 7%;
}

/*---------------------------------------------------------------- FAQS CSS -----------------------------------------------------------*/

/*.careers-wrap{*/
/*    width: 100%;*/
/*    float: left;*/
/*    padding: 1% 0 5%;*/
/*    background-image: url(../img/careers-bg-image.jpg);*/
/*    background-position: 100% 100%;*/
/*    background-attachment: fixed !important;*/
/*    background-color: #e4d9cf;*/
/*    background-size: cover;*/
/*}*/

.application{ width:50%;
    float:left;
    padding-top: 1%;
}


.application h4{
    padding-left:5%;
    color: #1E67B1;
    margin-bottom:2%;
    text-transform: uppercase;
}


.application ul{ display:inline-block;
    width:90%;
    padding:0;
    margin: 0 0 0 5%;
}

.application li{ display: inline-block;
    width: 100%;
    margin-bottom:1%;
    color:#f64a00;
    font-size:16px;
}


.job-requirements{ width:46%; 
    padding: 1% 2% 0;
    float:right;
}

.job-requirements h4{
    margin-bottom: 2%;
    color: #1E67B1;
    text-transform: uppercase;
}

.job-requirements h5{
    color: #666;
    margin-bottom:2%;
    font-size: 14px;
    text-transform: capitalize;
}

.job-requirements form{
}


.full-name,
.email-address,
.phone-number,
.location,
.position,
.brief-description{ width:100%;
    margin-bottom:3%;
    float:left;
    
}

.full-name input[type="text"],
.email-address input[type="email"],
.phone-number input[type="tel"],
.location input[type="text"],
.position input[type="text"]{
    font-size:18px;
    background-color:rgba(153,153,153,0.05);
    border: solid 1px rgba(254,254,254,1);
    font-family: Arial, sans-serif;
    padding-left: 10px;
    font-weight: 100;
    height: 45px;
    width: 100%;
    margin: 0;
    outline: none;
    color: #666 !important;
}
.full-name input[type="text"]::placeholder{
    color:#ffffff;
}

.email-address input[type="email"]::placeholder{
    color:#ffffff;
}

.phone-number input[type="tel"]::placeholder{
    color:#ffffff;
}


.location input[type="text"]::placeholder{
    color:#ffffff;
}

.position input[type="text"]::placeholder{
    color:#ffffff;
}


.full-name label,
.email-address label,
.phone-number label,
.location label,
.position label,
.brief-description label{
    margin-bottom: 5px;
    float: left;
    color:#666;
    font-weight: normal;
    font-size: 14px;
}

.brief-description textarea{
    width:100%;
    height:150px;
    resize: none;
    padding:10px;
    background-color:rgba(153,153,153,0.05);
    border: solid 1px rgba(254,254,254,1);
    font-size:18px;
    outline:none;
    color: #666!important;
}

.submit{ 
    width:100%; float:left;
}

.submit input[type=submit]{float:left;
    padding: 13px 40px;
    border:none;
    background-color: #aa4700;
    color:#fff;
    font-size: 11px;
    text-transform:uppercase;
    font-weight:800;
    cursor:pointer;
    transition: all 0.9s ease;
    outline:none;
    border-radius: 30px;
    width:auto!important;
}
.submit input[type=submit]:hover{
    color: #085ca4;
    background-color:#fff;
    transition:all 2s ease;
}

.upload-cv{width:100%;
    float:left;
    margin-bottom: 3%;
    position: relative;
    height: 45px;
}

.upload-cv label{
    width: 130px;
    float:left;
    padding: 15px 10px;
    border:none;
    background-color: #1E67B1;
    color:#fff;
    font-size: 14px;
    text-transform:uppercase;
    font-weight:800;
    cursor:pointer;
    transition: all 0.9s ease;
    outline:none;
    border-radius: 0;
    position:absolute;
    text-align: center;
    top: 0;
}

.upload-cv label:hover,
.submit button:hover{background-color: #f00;}

.upload-cv input[type="file"]{position: absolute;
    left: 50px;
    top: 30%;
    bottom: 0;
    color: #085ca4;
   font-size: 12px;
}

.info {
    float: right;
    position: relative;
    padding-right: 5%;
    font-weight: 900;
    color: #ffffff;
    font-size: 14px;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #f1e5e6;
    /*background-color: #085ca4;*/
    transition: all 0.9s ease;
    display: inline-block;
    border-radius: 35px 35px;
}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha{ float:left; width:100%;}


.news-banner{
    width: 100%;
    float: left;
    position: relative;
    padding: 8% 0;
    background-size: cover!important;
    background-position: center!important;
}
.news-banner-copy{
    width: 100%;
    float: left;
    text-align: left;
    /*padding-left: 7em;*/
    font-size: 3em;
    text-transform: uppercase;
}
.news-banner-single{ width:100%;
    float:left;
    background-image:url(../img/downloads-banner.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:0 0;
    padding:5% 0 3%;
    position:relative;
    font-size:8px;

}

.news-banner-single .news-banner-copy{ }

.single-news-content{ width:100%; float:left;
    padding:3% 20%;
    background-color: #fff;
}

.single-news-content h2{ text-transform:uppercase;
    margin:20px 0;
    font-size:21px;
    color:#aa4700;
}

.single-news-content p{ color:#646c6f;
    line-height: normal;
}

.submit button{
    width: 130px;
    float:left;
    padding: 15px 10px;
    border:none;
    background-color: #1E67B1;
    color:#fff;
    font-size: 14px;
    text-transform:uppercase;
    font-weight:800;
    cursor:pointer;
    transition: all 0.9s ease;
    outline:none;
    border-radius: 0;
    text-align: center;
}
.submit button:hover{background-color: #f00;}


/*---------------------------------------------------------------- CONTACTS CSS -----------------------------------------------------------*/

.contact-banner{
    width: 100%;
    float: left;
    position: relative;
}
.contact-banner-copy{
    position: absolute;
    bottom: 15%;
    width: 100%;
    float: left;
    text-align: center;
}
.contact-banner-copy img{
    width: initial;
    padding-bottom: 1%;
}
.contact-banner-copy p{
    color: #fff;
    font-family: 'Open Sans', sans-serif;

}
.contact-banner-copy h1 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans Extrabold', sans-serif;
    padding: 1% 0;
    font-size: 2.5em;
    letter-spacing: 0.5em;
    text-align: center;
}
.contacts-wrapper {
    width: 100%;
    float: left;
    display: table;
    padding: 0% 0%;
}
.contacts-wrapper {
    width: 100%;
    float: left;
    display: table;
    padding: 0% 0%;
}
.offices {
    background-color: #1E67B1;
    padding: 20px;
    color: #fff;
}
.offices h1{
    padding-bottom: 2%;
    color: #ffffff;
}
.offices p{
    line-height: 2em;
    font-size: 13px;
}
.offices a{
    line-height: 2em;
    font-size: 13px;
    color: #fff;
    /* text-transform: lowercase; */
}
.offices a:hover{
    color: #6699cc;
}
.location {
    width: 30%!important;
    float: right;
    margin-top:3%;
}
.loan{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 2%;
}
.loan-copy{
    position: absolute;
    bottom: 8%;
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat;
    width: 100%;
    text-align: center;
}
.loan-copy a{
    text-align: center;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
}
.loan-copy a:hover{
    color: #6699cc;
}
.loan img{width: 100%;}

.loan-calculator-wrapper{
    float:left;
    background-color:#e0e0e0;
    width:100%;
}
/*.loan-container{*/
/*    width:100%;*/
/*    float:left;*/
/*    padding:15px;*/
/*    background-color:#ffffff;*/
/*}*/
.loan-calculator-wrapper h1{
    text-align:center;
}
.loan-input label{
    width: 100%;
    float: left;
    color: #2c2c2c;
    font-size: 15px;
    padding: 3% 0;
}
.loan-input input{
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    padding: 3%;
    height: 50px;
    background-color: #fff;
}
.loan-input{
    width:50%;
    float:left;
    padding:20px;
}
.value{
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    padding: 3%;
    height: 50px;
    background-color: #fff;
}

.contact-form{
    width: 70%;
    float: left;
    background-color: #fff;
    padding: 3% 5%;
}
.contact-form h1{
    color: #085ca4;
    font-weight: bold;
    padding-bottom: 2%;
}
.contact-form p{
    font-size: 14px;
    color: #666;
    padding-bottom: 2%;
}
.contact-form input{
    width: 100%;
    border: none;
    padding: 2%;
    margin-bottom: 4%;
    background-color: #e0e0e0;
    font-family: 'dinregular', sans-serif;
    font-size: 11px;
}
.contact-form textarea{
    width: 100%;
    resize: none;
    height: 250px;
    padding: 2%;
    border: none;
    background-color: #e0e0e0;
    margin-bottom: 4%;
    font-family: 'dinregular', sans-serif;
    font-size: 11px;
}
.contact-form button{
    background-color: #ec2544;
    padding: 2% 7%;
    border: none;
    cursor: pointer;
    color: #fff;
}
/*---------------------------------------------------------------- CONTACTS CSS -----------------------------------------------------------*/


/*---------------------------------------------------------------- NEWS CSS -----------------------------------------------------------*/

.media-news-banner{
    width: 80%;
    float: left;
    position: relative;
    height:400px;
    overflow:hidden;
}
.news-banner-copy{
    position: absolute;
    bottom: 15%;
    width: 100%;
    float: left;
    text-align: center;
}
.news-banner-copy img{
    width: initial;
    padding-bottom: 1%;
}
.news-banner-copy p{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}
.news-banner-copy h1{
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans Extrabold', sans-serif;
    padding: 1% 0;
    font-size: 1em;
    letter-spacing: 0.5em;
    text-align: center;
    width:  100%;
    float: left;
}
.news-downloads{
    width: 100%;
    float: left;
    margin: 0 auto;
    background-color: #f6f5f5;
}
.news-downloads img{
    width: initial;
    top: 30%;
    position: relative;
}
.news-downloads ul{
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 3% 6%;
}
.news-downloads ul li{
    width: 22%;
    display: inline-block;
    margin: 1%;
    background-color: #fff;
    text-align: left;
}

.news-report-bg-copy{
    padding: 8% 0 8% 5%;
}
.news-report-bg-copy h2{
    color: #3a3d3f;
    font-size: 14px;
}
.news-report-bg-copy p{
    color: #838c8e;
    font-size: 14px;
    padding-top: 4%;
}


/*---------------------------------------------------------------- NEWS CSS -----------------------------------------------------------*/


/*---------------------------------------------------------------- ABOUT CSS -----------------------------------------------------------*/
.about-wrapper{
    width: 74.2%;
    float: left;
    display: table;
}
.about-location{
    width: 25.8%;
    float: right;
    padding: 0 2% 0 0;
}
.about-loan{
    float: left;
    width: 100%;
    margin-bottom: 10%;
    position: relative;
    text-align: center;
}
.about-loan img{
    top: 60px;
}
.about-loan-copy{
    position: absolute;
    bottom: 8%;
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat;
    width: 100%;
    text-align: center;
}
.about-loan-copy a{
    text-align: center;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
}
.about-loan-copy a:hover{
    color: #6699cc;
}
.about-loan img{
    width: 100%;
}
.about-content{
    width: 100%;
    float: left;
    padding-bottom: 6%;
}
.about-content h1{color: #085ca4;font-weight: bold;padding: 2% 0 0 5%;text-align: left;}
.about-content p{font-size: 14px;color: #333333;padding: 7px 5%;line-height: 1.3em;text-align: left;float: left;}
.location1 h2{
    color: #515456;
    font-family: Montserrat;
    padding-left: 3%;
}
.location1{
    background-color: #fff;
    margin-bottom: 10%;
    float: left;
    width: 100%;
}
.location1 img{width: 100%;}
.about-report-bg-copy{
    padding: 4% 0;
}
.about-report-bg-copy h2{
    color: #3a3d3f;
    font-size: 14px;
    text-align: center;
}
.about-report-bg-copy p{
    color: #838c8e;
    font-size: 14px;
    padding-top: 8%;
}

.item-tab{width: 30%;height: auto;padding: 2%;margin: 1%;text-align: center;display: inline-block;background-color: #fff;}

.publication1{
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-color: #085ba3;
}
.publication2{
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-color: #ec2544;
}
/*---------------------------------------------------------------- ABOUT CSS -----------------------------------------------------------*/


/*---------------------------------------------------------------- PRIVACY CSS -----------------------------------------------------------*/

.privacy-wrapper{
    width: 100%;
    float: left;
    display: table;
    padding: 5%;
}
.privacy-location{
    width: 25.8%;
    float: right;
}
.privacy-loan{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10%;
}
.privacy-loan-copy{
    position: absolute;
    bottom: 8%;
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat;
    width: 100%;
    text-align: center;
}
.privacy-loan-copy a{
    text-align: center;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
}
.privacy-loan-copy a:hover{
    color: #6699cc;
}
.privacy-loan img{
    width: 100%;
}
.privacy-content{
    width: 100%;
    float: left;
    background-color: #fff;
    padding-bottom: 6%;
}
.privacy-content h1{
    color: #085ca4;
    font-weight: bold;
    padding: 1% 5%;
}
.privacy-content h2{color: #085ca4;font-weight: 500;padding: 3% 5% 0%;}
.privacy-content h3{color: #085ca4;font-weight: bold;padding: 0% 5%;}
.privacy-content p{font-size: 14px;color: #666;padding: 5px 5%;line-height: 1.5em;}
.privacy-content a{font-size: 14px;color: #ec2544;padding: 0;line-height: 1.5em;font-weight: bold;}
.privacy-content a:hover{
    color: #000;
}
.privacy-report-bg-copy{
    padding: 8% 0;
}
.privacy-report-bg-copy h2{
    color: #3a3d3f;
    font-size: 14px;
    text-align: center;
}
.privacy-report-bg-copy p{
    color: #838c8e;
    font-size: 14px;
    padding-top: 8%;
}
/*---------------------------------------------------------------- PRIVACY CSS -----------------------------------------------------------*/


/*---------------------------------------------------------------- TERMS OF SERVICES CSS -----------------------------------------------------------*/

.terms-wrapper{
    width: 100%;
    float: left;
    display: table;
    padding: 5%;
}
.terms-location{
    width: 25.8%;
    float: right;
}
.terms-loan{
    float: left;
    width: 100%;
    margin-bottom: 10%;
    position: relative;
    background-color: #1867b2;
    text-align: center;
}
.terms-loan img{
    top: 60px;
}
.terms-loan-copy{
    position: absolute;
    bottom: 8%;
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat;
    width: 100%;
    text-align: center;
}
.terms-loan-copy a{
    text-align: center;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
}
.terms-loan-copy a:hover{
    color: #6699cc;
}
.terms-loan img{
    width: 100%;
}
.terms-content{
    width: 71%;
    float: left;
    background-color: #fff;
    padding-bottom: 6%;
}
.terms-content h1{
    color: #085ca4;
    font-weight: bold;
    padding: 1% 5%;
}
.terms-content h2{
    color: #6E2F70;
    font-weight: 100;
    padding: 2% 5%;
}
.terms-content h3{color: #085ca4;font-weight: bold;padding: 3% 5% 0%;}
.terms-content p{
    font-size: 13px;
    color: #666;
    padding: 1% 5%;
    line-height: 1.5em;
}
.terms-content a{
    font-size: 14px;
    color: #6E2F70;
    line-height: 1.5em;
    font-weight: bold;
}
.terms-content a:hover{
    color: #000;
}
.terms-report-bg-copy{
    padding: 4% 0;
}
.terms-report-bg-copy h2{
    color: #3a3d3f;
    font-size: 14px;
    text-align: center;
}
.terms-report-bg-copy p{
    color: #838c8e;
    font-size: 14px;
    padding-top: 8%;
}
.mega_nav{float: left;width: 100%;background-color: #ccc;height: 0px;-webkit-transition: height .3s linear, padding-top .3s linear;}
.mega_nav2{float: left;width: 100%;background-color: #ccc;height: 0px;-webkit-transition: height .3s linear, padding-top .3s linear;}
.mega_nav3{float: left;width: 100%;background-color: #ccc;height: 0px;-webkit-transition: height .3s linear, padding-top .3s linear;}
.mega_nav4{float: left;width: 100%;background-color: #ccc;height: 0px;-webkit-transition: height .3s linear, padding-top .3s linear;}
.mega_nav5{float: left;width: 100%;background-color: #ccc;height: 0px;-webkit-transition: height .3s linear, padding-top .3s linear;}
.toggled {
  height: 50px;
}

.mega_nav ul li {
    display: inline-block;
}
.mega_nav ul li a{padding: 18px 26px;display: inline-block;color: #666;font-size: 13px;text-transform: uppercase;}
.mega_nav ul li a:hover{
    color: #f00;
}



.mega_nav2 ul li {
    display: inline-block;
}
.mega_nav2 ul li a{padding: 18px 26px;display: inline-block;color: #666;font-size: 13px;text-transform: uppercase;}
.mega_nav2 ul li a:hover{
    color: #f00;
}

.mega_nav3 ul li {
    display: inline-block;
}
.mega_nav3 ul li a{padding: 18px 26px;display: inline-block;color: #666;font-size: 13px;text-transform: uppercase;}
.mega_nav3 ul li a:hover{
    color: #f00;
}


.mega_nav4 ul li {
    display: inline-block;
}
.mega_nav4 ul li a{padding: 18px 26px;display: inline-block;color: #666;font-size: 13px;text-transform: uppercase;}
.mega_nav4 ul li a:hover{
    color: #f00;
}


.mega_nav5 ul li {
    display: inline-block;
}
.mega_nav5 ul li a{padding: 18px 26px;display: inline-block;color: #666;font-size: 13px;text-transform: uppercase;}
.mega_nav5 ul li a:hover{
    color: #f00;
}






figure.snip0016 {font-family: 'Raleway', Arial, sans-serif;color: #fff;position: relative;float: left;overflow: hidden;width: 100%;background: #000000;text-align: left;/* border-radius: 16px; */}
figure.snip0016 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0016 img {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0016 figcaption {position: absolute;bottom: 0;left: 0;padding: 15px 1.2em;width: 100%;height: 100%;font-family: Roboto;line-height: 1.5em;}
figure.snip0016 figcaption::before {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 100%;/* border-left: 4px solid rgba(255, 255, 255, 0.8); */content: '';opacity: 0;background-color: rgba(255, 255, 255, 0.9);-webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
figure.snip0016 h2,
figure.snip0016 p {margin: 0 0 1px;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;}
figure.snip0016 h2 {
    word-spacing: -0.15em;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transform: translate3d(30%, 0%, 0);
    transform: translate3d(30%, 0%, 0);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;}
figure.snip0016 h2 span {
  font-weight: 800;
}
figure.snip0016 p {
    font-weight: 500;
    -webkit-transform: translate3d(0%, 30%, 0);
    transform: translate3d(0%, 30%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;font-size: 12px;}
figure.snip0016 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.snip0016:hover img {opacity: 0;}
figure.snip0016:hover figcaption h2 {opacity: 1;-webkit-transform: translate3d(0%, 0%, 0);transform: translate3d(0%, 0%, 0);-webkit-transition-delay: 0.4s;transition-delay: 0.4s;font-size: 15px;font-weight: 900;}
figure.snip0016:hover figcaption p {opacity: 1;-webkit-transform: translate3d(0%, 0%, 0);transform: translate3d(0%, 0%, 0);-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
figure.snip0016:hover figcaption::before {background: rgba(255, 255, 255, 0);left: 10px;opacity: 1;-webkit-transition-delay: 0s;transition-delay: 0s;}

/*---------------------------------------------------------------- TERMS OF SERVICES CSS -----------------------------------------------------------*/
.about_oriental{
    background-color: #eaebec;
    width: 100%;
    float: left;
    padding: 20px;
}

.about_oriental h1{
    color: #085ca4;
    font-weight: bold;
    padding: 10px 0 0 0;
    text-align: left;
    font-size:14px!important;
    float:  left;
    width: 100%;
}
.about_oriental p{
    font-size: 12px;
    color: #333333;
    padding: 10px 0 3px 0;
    line-height: 22px;
    text-align: left;
    float: left;
    width:100%;
}
.about_oriental ul{
    display: inline-block;
    width: 100%;
    text-align: left;
}
.about_oriental ul li{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #333333;
    padding-top: 10px;
    text-align: left;
    float: left;
    list-style: disc;
}

.senior_management{
    float: left;
    width: 100%;
    padding: 3%;
    background-color: #eaebec;
}
.senior_management h1{
    padding-bottom: 2%;
    font-size: 20px;
    text-align: left;
}
h1{
    color: #e82743;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    text-align: center;
    padding: 1% 0;
}
.senior_management p{
    margin: 0px;
    text-align: left;
    width: 100%;
    float: left;
    line-height: normal;
    color: #1d67b1;
    font-size: 16px;
    text-align:center;
}
.senior_management ul{
    width: 100%;
    float: left;
}
.senior_management h6 {
    line-height: normal;
    float: left;
    width: 100%;
    margin: 5px 0;
    color: #e82743;
    font-size: 15px;
}
.sm-pic{width: 100%;float:left;display:block;overflow:hidden;}
.sm-pic img{width:100%;height:auto;}
.calculator_wrapper ul{
    float:left;
    width:100%;
}
.calculator_wrapper ul li{
    float:left;
    width: 50%;
    padding: 1%;
}

.calculator_wrapper ul li label{
    width:100%;
    float:left;
    padding: 0 0 20px 0;
}
.calculator_wrapper form label{
    display:block;
    padding-bottom:10px;
}

.cal_input {
    border: 1px solid #c3cad0;
    color: #000;
    padding: 17px;
    width: 100%;
}
.cal_input::placeholder{
    opacity:0.3;
}

.repayment input::placeholder{
    opacity:0.3;
}

.repayment {
    padding: 15px;
    width:50%;
    float:left;
}

.repayment label{
    width: 100%;
    float: left;
    padding: 15px 0;
}

.repayment input {
    border: 2px solid #c3cad0;
    color: #000;
    padding: 15px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.senior_management li {
width: 30.33%;
    display: inline-block;
    background-color: #ffffff;
    padding: 0px;
    text-align: center;
    border-radius: 5px;
    margin: 1%;
    position:relative;
}

.board-name-title{
    width:100%;
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    background:rgba(255, 255, 255, 0.8);
    padding:10px 0;
}

.shareholding_structure{
    float: left;
    width: 100%;
    padding: 3%;
    background-color: #e0e0e0;
}

.shareholding_structure h1{
    font-size:15px;
}

.shareholding_structure h4 {
    width: 100%;
    float: left;
    text-align: center;
    color: #085ca4;
    font-size: 15px;
    padding-bottom: 10px;
    padding-left: 16%;
}

.shareholding_structure h4 br{
    display:none;
}
.shareholding_structure h5 {
    float: left;
    width: 100%;
    padding: 5px 5px 11px 15%;
    text-align: center;
    color: #000;
}
.forex {
    /*margin: 0 0 0 34px;*/
}
.forex table {
    margin: 36px 36px 24px 36px;   
}

.forex table tbody td {
    color: #000;
    text-align: center;
}

.forex h2 {
    margin: 2px;
    font-size: 12px; 
    text-align: center;
}

.forex p {
    padding-left: 37px;
     text-align: justify;
     width: 100%;
}

.first {
    text-align: inherit;
}

table {
    width: 100%;
    border-collapse: collapse;
}
tr:nth-of-type(odd) {
    background: #eee;
}
table tbody td {
    padding-left: 10px;
    text-align:center;
}
td, th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
}
.accounts th {
    color: #fff;
}
h2 {
    margin: 0;
    font-size: 18px;
}
tr > th {
    border: 1px solid #ddd;
    text-align: left;
    padding: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 15px;
    color: #fff;
}
td, th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
}
th {
    background: #e82743;
    color: white;
    font-weight: bold;
}
table tbody tr {
    font-size: 12px;
    color: #464646;
    line-height: 1.6em;
}






nav {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.nav04 {/*background: linear-gradient(90deg, #93f9b9 , #1d976c);*//* background-color: #000; */padding-top:4px;}
.nav04 ul li a{
    text-align:center;
}
nav::before {
    position: absolute;
    top: 5%;
    left: 0;
    width: 100%;
    color: #fff;
    font: 400 24px/1 'Lato', sans-serif;
    text-align: center;
}

/*.nav04::before { content: 'DEMO #4'; }*/

ul.inner-links li a{
    text-align:left;
}

/* common */
nav ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
nav ul::after {
    display: block;
    clear: both;
    content: '';
}
nav ul li {
    position: relative;
    /* float: left; */
    /* width:16%; */
    display: inline-block;
    text-align: center;
}
nav ul li:not(:first-child) {
    border-left: none;
}
nav ul li:hover {
    background-color: #dd2027;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}

.nav04 ul li:hover a{
    color:#ffffff;
}
.nav04 ul li:hover{
    background:#fd2143 !important;
}

nav ul li.pojo-a11y-toolbar-item:hover{
    background-color:transparent!important;
}

nav ul li a {
    display: inline-block;
    padding: 10px 10px;
    color: #ffffff;
    /* font: 400 18px/1 'Lato', sans-serif; */
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 11px;
    /* background-color: #fff; */
    width: 100%;
    /* float: left; */
    font-weight: 600;
}

.nav04 ul li ul.inner-links li a{
    text-transform:capitalize;
    color: #6699cc;
}
nav ul ul {
    /* position: absolute; */
    top: 100%;
    left: -2px;
}
nav ul ul li {
    float: none;
    margin: 0;
    padding: 5px;
}
nav ul ul li:not(:first-child) {
    /*border: 2px solid #fff;*/
    border-top: none;
}
nav ul ul ul {
    position: absolute;
    top: -2px;
    left: 100%;
}


/* DEMO #4 */
.nav04 ul ul {
    visibility: hidden;
    opacity: 0;
    transition: .2s ease-in-out;
    transform: translateY(10px);
}
.nav04 ul ul ul {
    transform: translateX(-20px) translateY(0);
    top: 0;
    background-color: #ececec;
}
.nav04 ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.nav04 ul ul li:hover > ul {
    transform: translateX(0) translateY(0);
}







.one-column{
    display: none;
}
.two-column{
    display: none;
}

.lit-leaderboard{
    width: 100%;
    float: left;
}
.lit-leaderboard ol{
    width: 100%;
    float: left;
    overflow: hidden;
    counter-reset: numList;
    list-style: none;
    background-color:#e0e1e2;
}
.lit-leaderboard ol li.members{
    /*background-color: #e0e1e2;*/
    display: inline-block;
    width: 33.333%;
    float: left;
    position: relative;
    /* margin:10px 20px 10px 0; */
}
.lit-leaderboard ol li.members:before {
    counter-increment: numList;
    /* content: counter(numList); */
    position: absolute;
    font: bold 30px sans-serif;
    text-align: center;
    color: #fff;
    width: 40px;
    height: 40px;
    background-color: #0372C7;
    margin: auto;
    vertical-align: middle;
}
.one-column{
    display: none;
}
.two-column{
    display: none;
}
.pop-pic{
    display: inline-block;
    counter-reset: numList!important;
    list-style: none;
}
.pop-pic:before{
     counter-increment: numList;
     /* content: counter(numList); */
     float: left;
     position: absolute;
     font: bold 30px sans-serif;
     text-align: center;
     color: #fff;
     width: 40px;
     height: 40px;
     background-color: #bd2026;
     left: 0;
     top: 0;
     margin: auto;
     vertical-align: middle;
}

.lists img{
    width: 10%;
    /*display: none;*/
}
.board-list{
    width: 100%;
    float: left;
    padding:10px 0;
    /*max-height:450px;*/
    /*overflow:hidden;*/
}

.board-list span.description {
    padding: 0;
    position: absolute;
    height: 0;
    bottom: 10px;
    width: 90%;
    box-sizing: inherit;
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    color: #ffffff;
    background-color: #dd2027;
    font-size: 12px;
    padding: 15px 5px 40px;
    line-height: 16px;
    box-sizing: inherit;
    text-align: center;
    right:  0;
    left: 0;
    margin: auto;
    cursor:pointer;
}


.board-list:hover .description {
    height: 50px;
    opacity: 0.7;
}


.board-list img{
    margin: 0 auto;
    width:90%;
    /* border-radius: 50%; */
    /* transition: transform 1s; */
    /* opacity: .75; */
    /* transition: all 2s ease; */
    cursor: pointer;
    /* border: 4px solid #e9eaea; */
    margin-top: 5%;
}
.board-list img:hover {
    /* transform: scale(1.03,1.03); */
    /* transition: transform 1s; */
    /* opacity: 1; */
    /* transition: all 2s ease; */
    /* border: 4px solid #0372c9; */
}
.board-list h3{
    text-align: center;
    color: #666666;
    padding: 5% 0;
}
.cheki-points{
    width: 100%;
    float: left;
    display: table;
}
.points{
    width: 50%;
    display: table-cell;
    background-color: #cd8f22;
    padding: 3%;
}
.points h6{
    float: left;
    font-size: 25px;
    color: #fff;
}
.points p{
    float: left;
    color: #fff;
    padding: 8px 0 0 5px;
}
.cheki-form{
    width: 50%;
    display: table-cell;
    background-color: #bd2026;
    padding: 3%;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all 1s ease;
}
.cheki-form:hover{
    background-color: #0372c9;
    transition: all 1s ease;
}
.cheki-form h6{
    padding-bottom: 6px;
}

.cheki-points1{
    width: 100%;
    float: left;
    display: table;
    position: absolute;
    bottom: 0;
}
.points1{
    width: 50%;
    display: table-cell;
    background-color: #cd8f22;
    padding: 3%;
    transition: all 1s ease;
    cursor: pointer;
}
.points1:hover{
    background-color: #bd2026;
    transition: all 1s ease;
}
.points1 h6{
    text-align: center;
    color: #fff;
}
.cheki-form1{
    width: 50%;
    display: table-cell;
    background-color: #bd2026;
    padding: 3%;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all 1s ease;
}
.cheki-form1:hover{
    background-color: #cd8f22;
    transition: all 1s ease;
}


.popup-wrapper{
    width: 100%;
    margin: 0 auto;
    display: table;
    position: relative;
}
.pop-up-image{
    width: 30%;
    display: table-cell;
    /*background-color: #0372c9;*/
    vertical-align: top;
    position: relative;
}
.pop-up-caption{
    width: 70%;
    display: table-cell;
    vertical-align: top;
    padding: 0 20px;
}
.pop-up-caption h1{
    color: #bd2026;
    font-weight: 900;
    text-align: left;
    font-size: 1.8em;
}
.pop-up-caption p{
    color: #666666;
    padding: 4px 0;
    font-size: 13px;
    line-height: 1.4em;
    text-align: justify;
    float: left;
}
.pop-list{
    width: 100%;
    float: left;
}
.close{
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  color: #fff;
  font-family: sans-serif;
  background-color: #bd2026;
  padding: 1%;
  transition: all 2s ease;
}
.close:hover{
  cursor: pointer;
  color: #bd2026;
  background-color: #fff;
}
.popup1{
    display: none;
    width: 100%;
    float: left;
    padding: 2% 0;
}
.popup2{
    display: none;
    width: 100%;
    float: left;
    padding: 2% 0;
}
.popup3{
    display: none;
    width: 100%;
    float: left;
    padding: 2% 0;
}
.popup4{
    display: none;
    width: 100%;
    float: left;
    padding: 2% 0;
}
.popup5{
    display: none;
    width: 100%;
    float: left;
    padding: 2% 0;
}
.popup6{
    display: none;
    width: 100%;
    float: left;
    padding: 2% 0;
}
.popup7{
    display: none;
    width: 100%;
    float: left;
    padding: 2% 0;
}
.popup8{
    display: none;
    width: 100%;
    float: left;
    padding: 2% 0;
}
.popup9{
    display: none;
    width: 100%;
    float: left;
    padding: 2% 0;
}
.top-buttons ol {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  bottom: 0; /*if you want dropDown, remove "bottom 0" and check below for other three lines that need to be changed*/
  font-size: 18px;
  line-height: 2em;
  text-align: center;
}
.top-buttons ol > li {
  position: relative;
  transition-duration: 300ms;
  width: 20%;
  float: left;
}
.top-buttons ol > li:hover {
  background-color: transparent;
}

.top-buttons ol > li > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  visibility: hidden;
  position: absolute; /*remove to dropDown*/
  width: 100%;
  transform: scaleY(0);
  transition: 250ms;
  transform-origin: 50% 100%; /*change 100% to 0 for proper dropDown animation*/
  bottom: 100%;
}
.top-buttons ol > li:hover > ul {
  visibility: visible;
  transform: scaleY(1);
  bottom: 100%;
  max-height: 300px;
}
.top-buttons ol > li > ul > li {
  position: relative;
  z-index: 10;
  display: block;
  transition: background-color;
  transition-duration: 300ms;
}
.top-buttons ol > li > ul > li > a:hover {
  color: #681a1a;
}
.top-buttons ol > li > ul > li > a{
    color: #fff;
    font-size: 12px;
}
.pop-pic img{
    width: 100%;
    display: none;
}
.pop-list img{
    width: 98%;
    margin: 0 auto;
    /* border-radius: 50%; */
    margin-top: 5%;
}
.pop-list h3{
    text-align: center;
    color: #fff;
    padding: 5% 0;
}






.privacy-wrapper {
    width: 100%;
    float: left;
    display: table;
    padding: 0%;
}
h1 {
    color: #e82743;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    text-align: left;
    padding: 1% 0;
}

.select-download{ background-color:#fff; 
    width:100%; 
    margin:20px auto 0; 
    padding:1% 10%;
}

.select-download.box{ width:50%; 
    float:left;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 1px;
    border: solid 1px #e0e7ee;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 96%;
    text-transform: uppercase;
}

.nice-select:hover {
    border-color: #d0dae5; 
}

.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #88bfff; 
}

.nice-select:after {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; 
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); 
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); 
}

.nice-select.disabled {
    border-color: #e7ecf2;
    color: #90a1b5;
    pointer-events: none; 
}

.nice-select.disabled:after {
    border-color: #cdd5de; 
}

.nice-select.wide {
    width: 100%;
}
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 1px;
    border: solid 1px #e0e7ee;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    text-transform: uppercase;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f6f7f9;
}
.nice-select .option.selected {
    font-weight: bold;
}
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #085ca4;
    margin: 0;
}
.reports-table tr > th {
    color: #fff;
    text-transform: uppercase;
}
th {
    background: #e82743;
    color: white;
    font-weight: bold;
}
.reports-table td {
    color: #333;
    border: 1px solid #ddd;
    text-align: left;
    padding: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.spanfour {
    background-color: #085ca4;
    color: #fff !important;
    text-transform: uppercase;
}
table tbody td {
    padding-left: 10px;
}
td, th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
}
.responsive-table-container {
    background-color: transparent;
    width: 100%;
    margin: 0 auto;
    padding: 0% 0%;
}
.responsive-table-container a img {
    width: 30px;
}
.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}
.nice-select .list {
    background-color: #fff;
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}
.select-download.box {
    width: 100%;
    float: left;
}
.select-download {
    background-color: #fff;
    width: 100%;
    margin: 1px auto 0;
    padding: 1% 10%;
}
.reports-table td a {
    color: #085ca4;
}

.downloads {
    float: left;
    width: 100%;
}
.clearfloat {
    clear: both;
}
.branch-banner-copy {
    background: url(../img/map.PNG);
}
.branch-banner-copy h1{
    color: #1e67b1 !important; */
}

.loans-banner-copy {
    background: url(../img/loan_calculator.png);
    background-repeat: no-repeat;
    padding: 9% 4%;
    /* text-transform: uppercase; */
}
.faqs-banner-copy {
    width: 100%;
    float: left;
    position: relative;
}
.faqs-banner-copy {
    padding: 5.3% 0;
    background-size: cover!important;
    background-position: center!important;
}
.faqs-banner-copy h1 {
    /*color: #1e67b1 !important;*/
    text-transform: uppercase;
    font-family: 'Open Sans Extrabold', sans-serif;
    padding: 1% 0;
    font-size: 2.5em;
    letter-spacing: 0.5em;
}

.faqs-banner-copy img {
    width: initial;
    padding-bottom: 1%;
}

/*---------- FAQs ----------*/
.faqs-wrapper{/* padding:50px 0 100px; */width: 100%;margin: 0 auto;}

.faqs-wrapper h1{font-size:2em;
    color:#53b147;
    margin-bottom:40px;
    font-family:'robotobold' , sans-serif;
}

.faqs > li{background-color:#f6f4f4;margin-bottom:12px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.2s ease 0s;
    transition: box-shadow 0.2s ease 0s;
    display: inline-block;
        width: 100%;
        cursor:pointer;
}
.faqs li a{
    cursor:pointer;
}
.faqs > li:hover{
    -webkit-box-shadow:0 1px 10px rgba(108, 125, 142, 0.3);
    box-shadow:0 1px 10px rgba(108, 125, 142, 0.3);
}
.faqs .question{display:block;
    padding: 10px 72px 10px 24px;
    line-height:1.2;
    position:relative;
    color:#999;
    font-size:15px;
    text-decoration: none;
    font-weight: 400;
    font-family:'robotobold' , sans-serif;
    text-transform: capitalize;
}

.faqs .question:focus{outline:0;color: #085ca4 !important;}
.faqs .question:active{outline:0;color:#085ca4 !important;}
.faqs .question:hover{outline:0;color:#085ca4 !important;}

/*.faqs .question::after{display:block;*/
/*  width:74px;*/
/*  height:60px;*/
/*  line-height:60px;*/
/*  position:absolute;*/
/*  right:0;top:0;*/
/*  bottom:0;*/
/*  text-align:center;*/
/*  margin:auto;*/
/*  content: "\f107";*/
/*  font-size:20px;*/
/*  color:#808080;*/
/*  font-family: 'icomoon' !important;*/
/*  speak: none;*/
/*  font-style: normal;*/
/*  font-weight: normal;*/
/*  font-variant: normal;*/
/*  text-transform: none;*/
/*  -webkit-font-smoothing: antialiased;*/
/*  -moz-osx-font-smoothing: grayscale; */
/*  -webkit-transition: all 0.1s ease 0s;*/
/*  transition: all 0.1s ease 0s;*/
/*}*/
/*.faqs .content-visible .question::after{*/
/*  -webkit-transform:rotate(-180deg);*/
/*  transform:rotate(-180deg);*/
/*}*/
.faqs .desc{padding: 0 24px;display:none;}
.faqs .desc p{margin:0; color: #666;line-height: 18px;font-size: 14px; padding: 0 10px 20px;}
.faqs .desc p:first-child{padding-top:0;padding-bottom: 10px;}
.faqs .desc a{color:#02284d;}
.faqs .desc a:hover{color:#e4262d;}
.faqs .desc ul{list-style:disc;padding-left:18px;}
.faqs .desc ol{list-style:lower-alpha;padding-left:26px;}
.faqs .desc ul li,
.faqs .desc ol li{padding-top:16px;}
.faqs .desc .table-wrapper{overflow:auto;margin-top:20px;}
.faqs .desc table{border:2px solid #000;color:#1e487d;width:100%;min-width:600px;}
.faqs .desc table th,.faqs .desc table td{padding:10px 20px;border:2px solid #000;}
.faqs .desc table th:first-child{width:105px;text-align:center;}
.faqs .desc table td:first-child{text-align:center;}
.faqs .desc .rates{margin-top:20px;list-style:none;padding:0;display:none;}
.faqs .desc .rates li{padding:10px 15px;margin:10px 0;background-color:#fff;}
.faqs .desc .rates li:nth-child(odd){background-color:#E3DDDD;}
.faqs .desc .rates .field{margin-top:10px;color:#1e487d;}
.faqs .desc .rates .field:first-child{margin-top:0;}
.faqs .desc .rates .label{font-family:'robotobold' , sans-serif; margin-right:10px;}






/*.careers-wrap{*/
/*    width:100%;*/
/*    float:left;*/
/*    padding: 1% 0 5%;*/
/*    background-image:url(../img/careers-bg-image.jpg);*/
/*    background-position:100% 100%;*/
/*    background-attachment:fixed !important;*/
/*    background-color:#e4d9cf;*/
/*    background-size:cover;*/
/*}*/

.intro {
    /*padding: 3%;*/
    /*margin-bottom: 10px;*/
    /*width: 96%;*/
    /*float: left;*/
}

.intro p {
    /* font-weight: bold; */
    color: #ffffff;
    font-size: 12px;
    line-height: 18px;
}
.intro p a{
    color:#f00;
}
.intro p a:hover{
    color:#ffffff;
}
.application{ width:50%;
    float:left;
    padding-top: 1%;
}


.application h4{padding-left:5%;
    color: #085ca4;
    margin-bottom:2%;
    font-family:'robotobold' , sans-serif;
    text-transform: uppercase;
}


.application ul{ display:inline-block;
    width:90%;
    padding:0;
    margin: 0 0 0 5%;
}

.application li{ display: inline-block;
    width: 100%;
    margin-bottom:1%;
    color:#f64a00;
    font-size:16px;
}


.job-requirements{ width:46%; 
    padding: 1% 2% 0;
    float:right;
}

.job-requirements h4{
    margin-bottom: 2%;
    color: #ffffff;
    font-family:'robotobold' , sans-serif;
    text-transform: uppercase;
}

.job-requirements h5{
    color: #ffffff;
    margin-bottom:2%;
    font-size: 14px;
    text-transform: capitalize;
}

.job-requirements form{
}


.full-name,
.email-address,
.phone-number,
.location,
.position,
.brief-description{ width:100%;
    margin-bottom:3%;
    float:left;
    
}

.full-name input[type="text"],
.email-address input[type="email"],
.phone-number input[type="tel"],
.location input[type="text"],
.position input[type="text"]{
    font-size: 13px;
    background-color:rgba(153,153,153,0.05);
    border: solid 1px rgba(254,254,254,1);
    font-family: Arial, sans-serif;
    padding-left: 10px;
    font-weight: 100;
    height: 30px;
    width: 100%;
    margin: 0;
    outline: none;
    color: #fff !important;
    float: left;
}

.full-name label,
.email-address label,
.phone-number label,
.location label,
.position label,
.brief-description label{
    margin-bottom: 10px;
    float: left;
    color: #ffffff;
    font-weight: normal;
    font-size: 14px;
    width: 100%;
}

.brief-description textarea{
    width:100%;
    height:100px;
    resize: none;
    padding:10px;
    background-color:rgba(153,153,153,0.05);
    border: solid 1px rgba(254,254,254,1);
    font-size:18px;
    outline:none;
    color: #666!important;
}

.submit{ width:100%; float:left;
}

.submit input[type=submit]{float:left;
    padding: 13px 40px;
    border:none;
    background-color: #085ca4;
    color:#fff;
    font-size: 11px;
    text-transform:uppercase;
    font-weight:800;
    cursor:pointer;
    transition: all 0.9s ease;
    outline:none;
    border-radius: 30px;
    width:auto!important;
}
.submit input[type=submit]:hover{
    color: #085ca4;
    background-color:#fff;
    transition:all 2s ease;
}

.upload-cv{width:100%;
    float:left;
    margin-bottom: 3%;
    position: relative;
    height: 45px;
}

.upload-cv label{ width: 130px;
    float:left;
    padding: 15px 10px;
    border:none;
    background-color: #085ca4;
    color:#fff;
    font-size: 14px;
    text-transform:uppercase;
    font-weight:800;
    cursor:pointer;
    transition: all 0.9s ease;
    outline:none;
    border-radius: 0;
    position:absolute;
    text-align: center;
    top: 0;
}

.upload-cv label:hover,
.submit button:hover{ background-color: #f64a00;
}

.upload-cv input[type="file"]{position: absolute;
    left: 50px;
    top: 30%;
    bottom: 0;
    color: #085ca4;
   font-size: 12px;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #f1e5e6;
    background-color: #085ca4;
    transition: all 0.9s ease;
    display: inline-block;
    border-radius: 35px 35px;
}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha{ float:left; width:100%}















.terms-wrapper {
    width: 100%;
    float: left;
    display: table;
  /*  margin-top: 1%;*/
}
.terms-wrapper {
    width: 100%;
    float: left;
    display: table;
}
.terms-wrapper {
    width: 100%;
    float: left;
    display: table;
    padding: 0%;
}
.faqs-wrapper {
    /* padding: 50px 0 100px; */
    width: 100%;
    margin: 0 auto;
}
.faqs > li {
    background-color: #f6f4f4;
    margin-bottom: 12px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.2s ease 0s;
    transition: box-shadow 0.2s ease 0s;
    display: inline-block;
    width: 100%;
}
.faqs > li {
    background-color: #f6f4f4;
    margin-bottom: 12px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.2s ease 0s;
    transition: box-shadow 0.2s ease 0s;
    display: inline-block;
    width: 100%;
}
.faqs .question {
    display: block;
    padding: 10px 72px 10px 24px;
    line-height: 1.2;
    position: relative;
    color: #999;
    font-size: 15px;
    text-decoration: none;
    font-weight: 400;
    font-family: 'robotobold' , sans-serif;
    text-transform: capitalize;
}

.faqs .desc p {
    line-height: 1.8em;
}
.faqs .desc p {
    margin: 0;
    color: #666;
    line-height: 18px;
    font-size: 14px;
    padding: 0 10px 20px;
}
.faqs-banner-copy h1 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans Extrabold', sans-serif;
    padding: 1% 0;
    font-size: 2.5em;
    letter-spacing: 0.5em;
    text-align: center;
}
.faqs .desc p:first-child {
    padding: 10px!important;
}
.faqs .desc p:first-child {
    padding-top: 0;
    padding-bottom: 10px;
}
.faqs .desc p {
    line-height: 1.8em;
}
.faqs .desc p {
    margin: 0;
    color: #666;
    line-height: 18px;
    font-size: 14px;
    padding: 0 10px 20px;
}


.single-product-banner{
    position:relative;
    width:100%;
    float:left;
}

.single-product-banner-caption{
    position:absolute;
    top: 0;
    left: 0;
    background-image: url(../img/bg-paragraph-image.png);
    width:  100%;
    height: 100%;
    right: 0;
    bottom: 0;
    float: right;
    background-size:cover;
}
.single-product-banner-caption h1{
    padding: 10px 0;
    text-transform: capitalize;
    color:#000000;
    font-size:14px;
}
.single-product-banner-caption p{/* width: 40%; *//* float:  right; *//* padding: 10px 20px 20px 20px; */color: #000000;font-size:13px;line-height:19px;}


.single-caption{
    width: 40%;
    float:right;
    text-align:left;
    padding: 3em 10px 3em 10px;
    background-color: rgb(255 255 255 / 31%);
}

.wrap{
    width:100%;
    float:left;
    padding:20px;
    background-color: #f7f7f7;
}


.wrap h1{
    text-transform: uppercase;
}

.wrap h2{
    font-size: 17px;
    text-transform: uppercase;
    padding: 15px 0;
}

.wrap p{
    font-size: 14px;
    line-height: 22px;
    color: #444444;
    padding: 10px 0;
}

.wrap span{
    font-weight: 900;
    text-transform: uppercase;
    font-size: 14px;
}

.wrap a{
    color: #e82743;
    font-size: 12px;
}

.wrap a:hover{
    color:#212121;
}

.internet-banking-wrapper{
    width:100%;
    float:left;
    padding:50px 10em;
    text-align:center;
    background-color: #eaebec;
}

.internet-banking-wrapper h1{
    color: #085ca4;
    text-transform:uppercase;
    float: left;
    width: 100%;
    text-align: center;
}

.internet-banking-wrapper p{
    font-size: 14px;
    color: #333333;
    padding: 10px 0 3px 0;
    line-height: 1.3em;
    text-align: center;
    float: left;
    width: 100%;
}



/*============================================================  MEDIAQUERIES ==============================================================*/

@media only screen and (max-width: 1366px) {
    .logo img{}
    .products-downloads ul{ padding:3% 4%;}
    .products-downloads ul li{ width:23%;}
    .navigation ul li{}
    .navigation ul li a{/* font-size: 14px; */}
    .navigation ul li a img{width: 12%;bottom: 2px;}
    .search-icon{padding: 1% 0 0 0;}
    .navigation{top: 0;}
    .internet-link{top: 4px;}
    .search-icon.fa.fa-search{font-size: 18px;padding-bottom: 1.5%;}
    .search-wrap input[type=search]{}
    .footer{padding: 1%;}
    .footer-navigation ul li{padding: 9px 1% 0 0;}
    .navigation ul li.locator-list{/* width: 24%; */}
    .navigation ul li.calculater{/* width: 42%; */}
    nav ul li{padding:0 12px;}
}
@media only screen and (max-width: 1300px) {
nav ul li{}
}
@media only screen and (max-width: 1024px) {
    .home-banner-copy h1{font-size: 1.5em;}
    .more-downloads h3 {padding: 4% 0;font-size: 12px;}
    .arrow {padding: 3% 3%;margin-right: 10px;}
    button.sign-up{width: 14%;}
    .home-downloads ul li{}
    .products-downloads ul li a img{width: 100%;}
    .footer{padding: 1% 2%;}
    .footer h2{padding-right: 0;font-size: 11px;}
    .footer img{/* width: 8%; */}
    .footer-navigation{width: 65%;}
    .footer-navigation ul li a{font-size: 11px;}
    .container{padding:0;}
}

@media only screen and (max-width: 960px) {
    .logo img{width: 100px;}
    .logo{width: 10%;}
    .search-icon{width: 3%;position: relative;right: 15px;top: 4px;}
    .navigation{width: 87%;}
    .locate img{width: 152px;}
    .download-pic{padding: 8.5% 0;}
    .locate{padding: 8.5% 0;}
    .download-pic img{width: 152px;}
    .home-report-bg-copy h2{font-size: 10px;}
    .home-report-bg-copy p{font-size: 10px;}
    .home-report-bg-copy{min-height: 60px;}
    .footer-navigation{width: 90%;}
    .about-report-bg-copy h2{padding: 0 3%;}
    .news-downloads ul li{width: 47%;}
    .news-downloads ul{padding: 2%;}
    .more-downloads h3{padding: 3% 0;}
    .location1 h2{padding: 0 3%;}
    .downloads-wrapper{padding: 2%;}
    .single-product1 img{width: 100%;}
    .item-tab{width: 46%;}
    .other-products-links{width:100%;}
    .single-individual-product{width:100%;}
    .other-products-links ul li{width:auto;}
    .three-column{display: none;}
    .two-column{display: block;}
    .home-downloads ul li{width:50%;}
    nav ul li{padding:0;}
    nav ul li a{padding:10px 4px;}
    .lit-leaderboard ol li.members{width:50%;}
    .news-wrapper{width:100%;}
    .news-wrapper ul{padding:0;}
    .today ul li{margin:0!important;}
    .news-banner-single .news-banner-copy{position:relative;}
    .upload-cv input[type="file"]{top:1px;}
    .sm-pic{height:auto;}
	.news-wrapper ul{display:block;}
}

@media only screen and (max-width: 768px) {
    .mobile-header{display: inline-block;float: left;width: 100%;padding: 0;margin: 0;}
    .header{display: none;}
    .board-list span.description{display: none;}
    /*.header2{display: none;}*/
    .home-banner-copy h1{padding: 2% 0;}
    button.sign-up{width: 20%;margin-top: 2%;}
    .home-downloads ul.test-list-1{width: 100%;display: table;float: left;padding: 0;}
    .test-list-2{width: 100%;display: table;float: left;}
    .footer-navigation{width: 100%;display: block;float: left;padding: 1% 0;}
    .footer h2{width: 100%;display: block;float: left;}
    .about-content{width: 100%;}
    .about-location{width: 100%;}
    .about-wrapper{padding: 0;width: 100%;}
    .about-loan{margin-bottom: 0;margin-top: 2%;}
    .contacts-wrapper{padding: 0;}
    .contact-form{width: 100%;margin-bottom: 0;}
    .location{width: 100%!important;}
    .location1{margin-bottom: 0;}
    .offices{margin-bottom: 0;}
    .loan{margin-bottom: 0;}
    .contact-form input{padding: 4%;}
    .contact-form textarea{padding: 4%;}
    .dropdown{top: 0;}
    .filter-years button.filter{top: 0;}
    .downloads-wrapper{padding: 3%;}
    .news-downloads ul li{width: 45%;}
    .news-downloads ul{padding: 0;}
    .more-downloads h3{padding: 2% 0;}
    .news-banner-copy h1{font-size: 1em;}
    .news-banner-copy p{font-size: 12px;}
    .privacy-wrapper{padding: 0% 0;}
    .privacy-content{width: 100%; margin-bottom: 5%;}
    .privacy-location{width: 100%;}
    .privacy-loan{margin-bottom: 0;margin-top: 2%;}
    .products-downloads ul li{width: 30%;}
    .terms-content{width: 100%;margin-bottom: 0;}
    .terms-location{width: 100%;}
    .terms-wrapper{padding: 0;}
    .terms-loan{margin-bottom: 0;margin-top: 2%;}
    .single-product1-copy{padding: 0 5%;}
    .mobile-single-product-navigation{display: block;}
    .single-product-navigation{display: none;}
    .news-report-bg-copy{padding: 15% 0 5% 5%;}
    .footer img{float: left;display: block;}
    .arrow{padding: 3%;}
    .footer-column{width:100%;}
    .senior_management li{width:100%;}
    .shareholding_structure h4{font-size:12px;line-height:1.6em;padding-left:0;text-align:left;}
    .shareholding_structure h5{padding-left:0;text-align:left;}
    .forex table{margin:0;padding:20px;width:100%;float:left;}
    .forex p{padding-left:0;}
    .single-product{width:100%;padding:20px;}
    .enquiry{width:100%;}
    .application{width: 100%;}
    .job-requirements{width: 100%;float: left;}
    .logo{width:100%;float:left;display:block;}
    .nav04{width:100%;float:left;display:block;}
    .search-wrap{width:100%;float:left;display:block;}
    .logo img{display:none!important;}
    nav ul{display:none;}
    .repayment{width:100%;}
    #wpsl-wrap{margin:0;padding:20px;}
    .news-wrapper ul li a{min-height:auto;}
    .single-product-banner-caption{position:relative;width:100%;float:left;}
    .single-caption{width:100%;padding:10px;}
    #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items{display:block;}
    
}
@media only screen and (max-width: 640px) {
    .one-column{display: block;}
    .two-column{display: none;}
    .pop-up-image{display:none;}
    .pop-up-caption{width:100%;float:left;display:block;}
    .calculator_wrapper ul li{width:98%;}
    button.calculate_btn{width:98%;}
    button.reset_btn{width:98%;}
}
@media only screen and (max-width: 480px) {
    .mobile-menu-icon.fa-bars{font-size: 30px;}
    button.sign-up{width: 30%; font-size: 10px;}
    .home-banner-copy h1{font-size: 0.8em;}
    .home-banner-copy p{font-size: 12px;}
    .home-downloads{margin: 0;}
    .home-downloads ul li{width: 100%;margin-bottom: 0;}
    .download-pic{margin: 3% 0 0 0;width: 100%;}
    .locate{width: 100%;margin: 0;}
    .home-downloads ul{padding: 0;}
    .home-report-bg-copy{padding: 4% 0 4% 5%;}
    .home-report-bg-copy p{padding: 3% 5% 2% 0;}
    .more-downloads h3{padding: 3% 0;}
    .footer h2{width: 100%;padding-left: 4%;}
    .footer img{width: initial;float: left;padding-left: 5%;}
    .footer-navigation ul li{width: 100%;}
    .footer-navigation ul li a{float: left;line-height: 2em;}
    .footer-navigation ul li {padding: 9px 1% 0 6%;}
    .about-wrapper{padding: 0;}
    .about-content{width: 100%; margin-bottom: 0;}
    .about-location{width: 100%;}
    .about-loan{margin-top: 2%;margin-bottom: 0;}
    .contact-banner-copy h1{font-size: 1em;}
    .contact-banner-copy p{font-size: 14px;}
    .contact-form p{line-height: 1.5em;}
    .mobile-filter{display: block;}
    .downloads-banner-copy h1{font-size: 1em;}
    .downloads-navigation{display: none;}
    .downloads-banner-copy p{font-size: 12px;}
    .faqs-banner-copy h1{font-size: 1em;}
    .faqs-banner-copy p{font-size: 12px;}
    #accordion{padding: 5% 0;}
    .news-downloads ul li{width: 100%;margin: 0;}
    .privacy-content h1{font-size: 14px;padding: 3% 5%;}
    .privacy-content p{font-size: 13px;}
    .products-banner-copy h1{font-size: 1em;}
    .products-banner-copy p{font-size: 12px;}
    .products-downloads ul li{width: 100%;margin: 0;}
    .products-downloads ul{padding: 0;}
    .products-downloads ul li.product-pic.swap5{position: relative;top: 310px;}
    .products-downloads ul li.product-pic.swap6{position: relative;bottom: 310px;}
    .products-downloads ul li.product-pic.swap7{position: relative;top: 311px;}
    .products-downloads ul li.product-pic.swap8{position: relative;bottom: 312px;}
    .terms-wrapper{padding: 0;}
    .single-product-banner-copy h1{font-size: 1em;}
    .single-product-banner-copy p{font-size: 12px;}
    .single-product1{width: 100%;margin: 0;}
    .single-product1-copy{width: 100%;margin-top: 3%;}
    .single-product1 img{width: 100%;}
    .single-product1-copy ul li{font-size: 13px;}
    .item-tab{width: 98%;}
    .bottom-1{width:100%;}
    .bottom-1 h2{text-align:left;}
    .other-products-links ul li{width:100%;}
    .bottom-1 p{text-align:left;float:left;}
    .lit-leaderboard ol li.members{width:100%;}
    .select_item{width:100%;}

}

@media only screen and (max-width: 420px) {
    .products-downloads ul li.product-pic.swap5{top: 271px;}
    .products-downloads ul li.product-pic.swap7{ top: 272px; }
    .products-downloads ul li.product-pic.swap6{bottom: 272px;}
    .products-downloads ul li.product-pic.swap8{bottom: 273px;}
    .products-downloads ul li.product-pic.swap6{bottom: 266px;}
    .products-downloads ul li.product-pic.swap5{top: 265px;}
    .products-downloads ul li.product-pic.swap8{bottom: 267px;}
    .products-downloads ul li.product-pic.swap7{top: 267px;}
}

@media only screen and (max-width: 375px) {
    .products-downloads ul li.product-pic.swap6{bottom: 242px;}
    .products-downloads ul li.product-pic.swap5{top: 242px;}
    .products-downloads ul li.product-pic.swap8{bottom: 243px;}
    .products-downloads ul li.product-pic.swap7{top: 243px;}
    .mobile-logo img {width: 180px;}
}

@media only screen and (max-width: 320px) {
    .products-downloads ul li.product-pic.swap6{bottom: 206px;}
    .products-downloads ul li.product-pic.swap5{top: 206px;}
    .products-downloads ul li.product-pic.swap8{bottom: 207px;}
    .products-downloads ul li.product-pic.swap7{top: 207px;}
}









@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr { border: 1px solid #ccc; }

    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding: 1em;
        font-size: 11px;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    h1{font-size: 13px;padding: 3% 0;}

    /*
    Label the data
    */
    td:nth-of-type(1):before { content: ""; }
    td:nth-of-type(2):before { content: ""; }
    td:nth-of-type(3):before { content: ""; }
    td:nth-of-type(4):before { content: ""; }
    td:nth-of-type(5):before { content: ""; }
    td:nth-of-type(8):before { content: ""; }
    td:nth-of-type(9):before { content: ""; }
}

.pojo-skip-link{right:0;}



#toggle {
    display: none;
}

#cross {
    display: none;
}
#toggle + label {
    display: inline-block;
    float:right;
}
#toggle + label i {
    font-size: 2em;
    color:#ffffff;
}
#toggle:checked + label i#bars {
    display: none;
}
#toggle:checked + label i#cross {
    display: block;
}
#toggle:checked ~ #menu {
    height: 85px;
}



.select_item{
    width:33.333%;
    float:left;
    padding:10px;
}