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, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

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 {
    -webkit-appearance: none
}

body {
    -webkit-text-size-adjust: none
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: 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
}

::-moz-selection {
    background: #84bd00;
    color: #fff;
}

::selection {
    background: #84bd00;
    color: #fff;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

input[type="radio"] {
    -webkit-appearance: radio;
}

@font-face {
    font-family: 'DINPro-Light';
    src:url('fonts/DINPro-Light.woff2') format('woff2'),
        url('fonts/DINPro-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro-Regular';
    src:url('fonts/DINPro-Regular.woff2') format('woff2'),
        url('fonts/DINPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro-Medium';
    src:url('fonts/DINPro-Medium.woff2') format('woff2'),
        url('fonts/DINPro-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro-Bold';
    src:url('fonts/DINPro-Bold.woff2') format('woff2'),
        url('fonts/DINPro-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ds-digitalbold';
    src: url('fonts/ds-digib.woff2') format('woff2'),
    url('fonts/ds-digib.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SharpSansNo1-Bold';
    src:url('fonts/SharpSansNo1-Bold.woff2') format('woff2'),
        url('fonts/SharpSansNo1-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'corporate-icons';
    src: url('fonts/corporate-icons1dae.eot?f6kbqx');
    src: url('fonts/corporate-icons1dae.eot?f6kbqx#iefix') format('embedded-opentype'),
    url('fonts/corporate-icons1dae.ttf?f6kbqx') format('truetype'),
    url('fonts/corporate-icons1dae.woff?f6kbqx') format('woff'),
    url('fonts/corporate-icons1dae.svg?f6kbqx#corporate-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
    font-display: swap;
}

[class^="corp-"], [class*=" corp-"] {
    font-family: 'corporate-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.corp-golfing:before {
    content: "\e91a";
}

.corp-wallet2:before {
    content: "\e913";
}

.corp-play-btnn:before {
    content: "\e911";
}

.corp-arrow-downn:before {
    content: "\e912";
}

.corp-time:before {
    content: "\e900";
}

.corp-for-you:before {
    content: "\e90f";
}

.corp-morgage:before {
    content: "\e90e";
}

.corp-people:before {
    content: "\e916";
}

.corp-forms:before {
    content: "\e915";
}

.corp-services:before {
    content: "\e914";
}

.corp-payment-method:before {
    content: "\e917";
}

.corp-internet-banking:before {
    content: "\e90d";
}

.corp-branches:before {
    content: "\e909";
}

.corp-pesa-link:before {
    content: "\e90a";
}

.corp-m-banking:before {
    content: "\e90b";
}

.corp-agents:before {
    content: "\e90c";
}

.corp-location:before {
    content: "\e908";
    color: #84bd00;
}

.corp-travel:before {
    content: "\e900";
}

.corp-wallet:before {
    content: "\e902";
}

.corp-loann:before {
    content: "\e903";
}

.corp-corporate:before {
    content: "\e905";
}

.corp-card-credit:before {
    content: "\e907";
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoone2e4.eot?lk6cj3');
  src:  url('fonts/icomoone2e4.eot?lk6cj3#iefix') format('embedded-opentype'),
    url('fonts/icomoone2e4.ttf?lk6cj3') format('truetype'),
    url('fonts/icomoone2e4.woff?lk6cj3') format('woff'),
    url('fonts/icomoone2e4.svg?lk6cj3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pause:before {
  content: "\e996";
}
.icon-amenity-swimming:before {
  content: "\e9a5";
}
.icon-amenity-parking:before {
  content: "\e9a3";
}
.icon-amenity-sports:before {
  content: "\e9a4";
}
.icon-amenity-wheel-chair:before {
  content: "\e9a6";
}
.icon-amenity-biz-center:before {
  content: "\e9a7";
}
.icon-amenity-spa:before {
  content: "\e9a8";
}
.icon-amenity-bar:before {
  content: "\e9a9";
}
.icon-adv-deals:before {
  content: "\e9a0";
}
.icon-adv-investment:before {
  content: "\e9a1";
}
.icon-adv-manager:before {
  content: "\e9a2";
}
.icon-adv-net-income:before {
  content: "\e999";
}
.icon-branch-phone:before {
  content: "\e99a";
}
.icon-branch-email:before {
  content: "\e99b";
}
.icon-adv-financing-options:before {
  content: "\e99c";
}
.icon-adv-insurance:before {
  content: "\e99d";
}
.icon-adv-savings:before {
  content: "\e99e";
}
.icon-adv-transactions:before {
  content: "\e99f";
}
.icon-biz-savings:before {
  content: "\e997";
}
.icon-goal-savings:before {
  content: "\e998";
}
.icon-play:before {
  content: "\e900";
}
.icon-search:before {
  content: "\e901";
}
.icon-stock-up:before {
  content: "\e902";
}
.icon-stock-down:before {
  content: "\e903";
}
.icon-twitter:before {
  content: "\e904";
}
.icon-arrow-left:before {
  content: "\e905";
}
.icon-arrow-right:before {
  content: "\e906";
}
.icon-arrow-small-left:before {
  content: "\e907";
}
.icon-facebook:before {
  content: "\e908";
}
.icon-quick-account:before {
  content: "\e909";
}
.icon-quick-borrow:before {
  content: "\e90a";
}
.icon-quick-insure:before {
  content: "\e90b";
}
.icon-quick-locate:before {
  content: "\e90c";
}
.icon-quick-save:before {
  content: "\e90d";
}
.icon-quick-support:before {
  content: "\e90e";
}
.icon-close:before {
  content: "\e90f";
}
.icon-menu:before {
  content: "\e910";
}
.icon-arrow-small-right:before {
  content: "\e911";
}
.icon-arrow-small-down:before {
  content: "\e912";
}
.icon-chat:before {
  content: "\e913";
}
.icon-quick-home:before {
  content: "\e914";
}
.icon-quick-forex:before {
  content: "\e915";
}
.icon-quick-diaspora:before {
  content: "\e916";
}
.icon-quick-card:before {
  content: "\e917";
}
.icon-form-name:before {
  content: "\e918";
}
.icon-form-branch:before {
  content: "\e919";
}
.icon-form-email:before {
  content: "\e91a";
}
.icon-benefit-convenient:before {
  content: "\e91b";
}
.icon-benefit-acceptability:before {
  content: "\e91c";
}
.icon-benefit-access:before {
  content: "\e91d";
}
.icon-help-phone:before {
  content: "\e91e";
}
.icon-help-email:before {
  content: "\e91f";
}
.icon-refresh:before {
  content: "\e920";
}
.icon-event-venue:before {
  content: "\e921";
}
.icon-event-date:before {
  content: "\e922";
}
.icon-event-time:before {
  content: "\e923";
}
.icon-sports-volleyball:before {
  content: "\e924";
}
.icon-sports-rugby:before {
  content: "\e925";
}
.icon-sports-football:before {
  content: "\e926";
}
.icon-filter:before {
  content: "\e927";
}
.icon-sports-golf:before {
  content: "\e928";
}
.icon-sports-autocross:before {
  content: "\e929";
}
.icon-sports-chess:before {
  content: "\e92a";
}
.icon-sports-rally:before {
  content: "\e92b";
}
.icon-form-phone:before {
  content: "\e92c";
}
.icon-help-faqs:before {
  content: "\e92d";
}
.icon-benefit-secure:before {
  content: "\e92e";
}
.icon-gallery-zoom:before {
  content: "\e92f";
}
.icon-gallery-photos:before {
  content: "\e930";
}
.icon-gallery-videos:before {
  content: "\e931";
}
.icon-stats-position:before {
  content: "\e932";
}
.icon-stats-wins:before {
  content: "\e933";
}
.icon-stats-bookings:before {
  content: "\e934";
}
.icon-stats-clean-sheets:before {
  content: "\e935";
}
.icon-stats-draws:before {
  content: "\e936";
}
.icon-stats-goals:before {
  content: "\e937";
}
.icon-stats-losses:before {
  content: "\e938";
}
.icon-stats-matches-played:before {
  content: "\e939";
}
.icon-stats-points:before {
  content: "\e93a";
}
.icon-pdf:before {
  content: "\e93b";
}
.icon-atm:before {
  content: "\e93c";
}
.icon-internet-banking:before {
  content: "\e93d";
}
.icon-money-transfer:before {
  content: "\e93e";
}
.icon-ussd:before {
  content: "\e93f";
}
.icon-location-phone:before {
  content: "\e940";
}
.icon-location-email:before {
  content: "\e941";
}
.icon-location-hours:before {
  content: "\e942";
}
.icon-biashara-loan:before {
  content: "\e943";
}
.icon-biashara-partnership:before {
  content: "\e944";
}
.icon-biashara-account:before {
  content: "\e945";
}
.icon-agents:before {
  content: "\e946";
}
.icon-branches:before {
  content: "\e947";
}
.icon-mobile-app:before {
  content: "\e948";
}
.icon-form-message:before {
  content: "\e949";
}
.icon-form-calendar:before {
  content: "\e94a";
}
.icon-amenity-water:before {
  content: "\e94b";
}
.icon-amenity-whiteboard:before {
  content: "\e94c";
}
.icon-amenity-wifi:before {
  content: "\e94d";
}
.icon-amenity-ac:before {
  content: "\e94e";
}
.icon-amenity-cable:before {
  content: "\e94f";
}
.icon-amenity-chairs:before {
  content: "\e950";
}
.icon-amenity-microphone:before {
  content: "\e951";
}
.icon-amenity-projector:before {
  content: "\e952";
}
.icon-amenity-restaurant:before {
  content: "\e953";
}
.icon-amenity-speakers:before {
  content: "\e954";
}
.icon-amenity-tv:before {
  content: "\e955";
}
.icon-amenity-washrooms:before {
  content: "\e956";
}
.icon-benefit-pricing:before {
  content: "\e957";
}
.icon-benefit-well-equiped:before {
  content: "\e958";
}
.icon-benefit-distraction-free:before {
  content: "\e959";
}
.icon-benefit-flexible-floorplans:before {
  content: "\e95a";
}
.icon-benefit-hands-on-help:before {
  content: "\e95b";
}
.icon-benefit-parking:before {
  content: "\e95c";
}
.icon-vehicle-transmission:before {
  content: "\e95d";
}
.icon-vehicle-year:before {
  content: "\e95e";
}
.icon-vehicle-body:before {
  content: "\e95f";
}
.icon-vehicle-colour:before {
  content: "\e960";
}
.icon-vehicle-fuel:before {
  content: "\e961";
}
.icon-vehicle-location:before {
  content: "\e962";
}
.icon-vehicle-mileage:before {
  content: "\e963";
}
.icon-vehicle-price:before {
  content: "\e964";
}
.icon-form-bid:before {
  content: "\e965";
}
.icon-twitter-share:before {
  content: "\e966";
}
.icon-facebook-share:before {
  content: "\e967";
}
.icon-plus:before {
  content: "\e968";
}
.icon-linked-in-share:before {
  content: "\e969";
}
.icon-star:before {
  content: "\e96a";
}
.icon-gallery-how-to:before {
  content: "\e96b";
}
.icon-accordion-plus:before {
  content: "\e96c";
}
.icon-accordion-minus:before {
  content: "\e96d";
}
.icon-gallery-commercials:before {
  content: "\e96e";
}
.icon-quick-ethics:before {
  content: "\e96f";
}
.icon-quick-aml:before {
  content: "\e970";
}
.icon-quick-compliance:before {
  content: "\e971";
}
.icon-management:before {
  content: "\e972";
}
.icon-exchange:before {
  content: "\e973";
}
.icon-graduate:before {
  content: "\e974";
}
.icon-internship:before {
  content: "\e975";
}
.icon-employees:before {
  content: "\e976";
}
.icon-check-mark:before {
  content: "\e977";
}
.icon-advantage-forex:before {
  content: "\e978";
}
.icon-advantage-hours:before {
  content: "\e979";
}
.icon-advantage-internet:before {
  content: "\e97a";
}
.icon-advantage-lounge:before {
  content: "\e97b";
}
.icon-bullet-arrow:before {
  content: "\e97c";
}
.icon-bullet-diamond:before {
  content: "\e97d";
}
.icon-advantage-counters:before {
  content: "\e97e";
}
.icon-advantage-finance:before {
  content: "\e97f";
}
.icon-platinum-help:before {
  content: "\e980";
}
.icon-platinum-manager:before {
  content: "\e981";
}
.icon-platinum-counters:before {
  content: "\e982";
}
.icon-youtube-social:before {
  content: "\e983";
}
.icon-whatsapp-social:before {
  content: "\e984";
}
.icon-instagram-social:before {
  content: "\e985";
}
.icon-twitter-social:before {
  content: "\e986";
}
.icon-facebook-social:before {
  content: "\e987";
}
.icon-linkedin-social:before {
  content: "\e988";
}
.icon-about-purpose:before {
  content: "\e989";
}
.icon-about-customers:before {
  content: "\e98a";
}
.icon-about-vision:before {
  content: "\e98b";
}
.icon-about-friends:before {
  content: "\e98c";
}
.icon-about-social:before {
  content: "\e98d";
}
.icon-about-simplicity:before {
  content: "\e98e";
}
.icon-about-mission:before {
  content: "\e98f";
}
.icon-about-inspiration:before {
  content: "\e990";
}
.icon-about-awards:before {
  content: "\e991";
}
.icon-about-assets:before {
  content: "\e992";
}
.icon-about-employees:before {
  content: "\e993";
}
.icon-about-branches:before {
  content: "\e994";
}
.icon-moon:before {
  content: "\e995";
}


.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

@keyframes pulse {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

.lazyestload {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

html, body {
    height: 100%;
}

body {
    color: #333;
    background-color: #fff;
    font-family: 'DINPro-Regular', sans-serif;
    font-size: 18px;
    padding-top: 180px;
}

h1, h2, h3, h4 {
    font-weight: normal;
}

a {
    color: #84bd00;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

p {
    margin-bottom: 20px;
    line-height: 1.33;
}

.green {
    color: #84bd00;
}

img {
    max-width: 100%;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    border: none;
    display: block;
}

.clearfloat {
    zoom: 1;
}

.clearfloat:before,
.clearfloat:after {
    content: "";
    display: table;
}

.clearfloat:after {
    clear: both;
}

.wrapper {
    max-width: 1240px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

.wrapper.small {
    max-width: 960px;
}

.wrapper.wide {
    max-width: 1480px;
}

.content-wrapper {
    padding: 30px 0;
}

.content-wrapper.no-padding {
    padding: 0;
}

.content-wrapper.no-padding-bottom {
    padding-bottom: 0;
}

.content-wrapper.top-negative {
    margin-top: -50px;
    padding-top: 50px;
}

.content-wrapper.dark {
    background-color: #f1f5f7;
}

.content-wrapper.blue {
    background-color: #003d4c;
    color: #fff;
}

.content-wrapper.light-blue {
    background-color: #2dccd3;
    color: #fff;
}

.content-wrapper.kcb-green {
    background-color: #84bd00;
    color: #fff;
}

.content-wrapper.green {
    background-color: #58a746;
    color: #b8e986;
}

.section-title {
    font-size: 60px;
    font-family: 'DINPro-Medium', sans-serif;
    letter-spacing: -1.8px;
    margin-bottom: 40px;
    color: #84bd00;
    line-height: normal;
}

.advantge .section-title {
    color: #000;
}

.advantge .products-slider-tbl .col.left {
    background-color: #bf9f2e;
}

.advantge .products-slider-tbl .col.left:after {
    background-color: #bf9f2e;
}

.advantge .products-slider h2,
.advantge .products-slider h3 {
    color: #bf9f2e;
}

.advantge .section-title.secondary.brown {
    padding: 10px 0;
}

.advantge .editor {
    color: #003d4c;
}

.advantge .news-widget.blue {
    background-color: #bf9f2e;
}

.advantge .primary-btn.lined {
    background-color: #003d4c;
    border: none;
}

.centre {
    text-align: center;
}

.advantge .select2-container--default .select2-selection--single,
.advantge .select2-dropdown {
    border-color: rgba(0, 0, 0, 0.1);
}

.advantge .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    color: #bf9f2e;
}

.advantge .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #bf9f2e;
}

.advantge .branches h2 {
    color: #bf9f2e;
}

.advantge .branches .block {
    color: #153C4A;
		padding-bottom:60px;
		border:1px solid rgba(0, 0, 0, 0.1);;
		-webkit-box-shadow:none;
		box-shadow:none;
}

.advantge .branches .info a {
    color: #153C4A;
}

.advantge .primary-btn:after {
    background-color: #bf9f2e;;
}

.advantge .primary-btn {
    background-color: #bf9f2e;;
}

.advantge .pagination li a.current {
    background-color: #bf9f2e;
    border-color: #bf9f2e;
}

#banner.small-banner {
    height: 450px;
}

#banner.small-banner .products-nav nav a.active,
.products-nav nav a.active:hover {
    border-color: #bf9f2e;
    color: #fff;
    background-color: #bf9f2e;
}

#banner.small-banner .products-nav nav a {
    border: 1px solid #fff;
    padding: 0 40px;
    color: #fff;
}

#banner.small-banner h1 span {
    color: #bf9f2e;
}

.b-coloured a.active {
    color: #bf9f2e !important;
}

.adv .primary-btn {
    height: 40px;
    line-height: 40px;
    background-color: #84bd00;
    color: #fff;
    font-size: 18px;
    padding: 0 34px;
    text-align: center;
}

.adv .primary-btn:after {
    display: none;
}

.section-title.blue {
    color: #003d4c;
}

.section-title.less-bottom {
    margin-bottom: 14px;
}

.content-wrapper.blue .section-title {
    color: #84bd00;
}

.content-wrapper.kcb-green .section-title {
    color: #fff;
}

.section-title.secondary {
    font-size: 46px;
}

.section-title.black {
    color: #333;
}

.section-title.bold {
    font-family: 'DINPro-Bold', sans-serif;
}

.text-center {
    text-align: center;
}

.spacer {
    margin-top: 60px;
}

.small-wrapper {
    max-width: 472px;
    margin-left: auto;
    margin-right: auto;
}

.small-wrapper.medium {
    max-width: 960px;
}

.small-wrapper.medium2 {
    max-width: 640px;
}

.rounded {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.editor ul,
.editor ol {
    padding-left: 20px;
    margin-bottom: 20px;
}

.editor ol {
    list-style: decimal;
}

.editor ul li,
.editor ol li {
    margin-bottom: 20px;
}

.editor ul {
    list-style: none;
    padding-left: 24px;
}

.editor ul li:before {
    content: "\2022";
    color: #728694;
    display: inline-block;
    width: 1em;
    margin-left: -20px;
}

.editor.white ul li:before{
		color:#fff;
}

.editor h2 {
    font-family: 'DINPro-Medium', sans-serif;
    letter-spacing: -0.8px;
    padding: 20px 0;
    font-size: 35px;
}

.editor h3 {
    font-family: 'DINPro-Bold', sans-serif;
    letter-spacing: -0.6px;
    padding: 0 0 20px 0;
    font-size: 24px;
}

.editor.products h2 {
    color: #003d4c;
    font-size: 35px;
}

.editor a:hover {
    color: #2dccd3;
}

.editor .content-image {
    margin: 40px 0 30px 0;
}

table.responsive {
    width: 100%;
    margin: 20px 0;
    font-size: 14px;
}

table.responsive thead {
    background-color: #84bd00;
    color: #fff;
    font-weight: normal;
}

table.responsive th,
table.responsive td {
    padding: 14px;
    text-align: left;
    vertical-align: middle;
}

table.responsive td {
    padding: 10px 14px;
}

table.responsive tbody tr.dark {
    background-color: #f1f5f7;
}

table.responsive .row-heading {
    font-weight: bold;
}

.primary-btn {
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    border: 0 none;
    display: inline-block;
    background-color: #84bd00;
    color: #fff;
    font-family: 'DINPro-Medium', sans-serif;
    text-align: left;
    font-size: 18px;
    margin: 0;
    padding: 0 110px 0 30px;
    position: relative;
    min-width: 250px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.primary-btn:after {
    content: "\e906";
    width: 80px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
    background-color: #71ae00;
    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-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.primary-btn.down:after {
    font-size: 14px;
    width: 60px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.primary-btn.btn-video:after {
    content: "\e900";
}

.primary-btn.pdf:after {
    content: "\e93b";
    font-size: 24px;
}

.primary-btn:hover {
    background-color: #003d4c;
}

.primary-btn:hover:after {
    background-color: #003644;
}

.primary-btn.lined {
    background-color: transparent;
    border: 1px solid #fff;
    line-height: 58px;
}

.primary-btn.lined:after {
    height: 58px;
    line-height: 58px;
    background-color: transparent;
}

.primary-btn.lined:hover {
    background-color: #84bd00;
    border-color: #84bd00;
}

.primary-btn.lined:hover:after {
    right: -10px;
}

.kcb-green .primary-btn.lined:hover {
    background-color: #003d4c;
    border-color: #003d4c;
}

.primary-btn.blue {
    background-color: #003644;
}

.primary-btn.blue:after {
    background-color: #002f3c;
}

.primary-btn.blue:hover {
    background-color: #84bd00;
}

.primary-btn.blue:hover:after {
    background-color: #71ae00;
}

.primary-btn.purple {
    background-color: #700543;
}

.primary-btn.purple:after {
    background-color: #5C0437;
}

.primary-btn.purple:hover {
    background-color: #222;
}

.primary-btn.purple:hover:after {
    background-color: #000;
}

.primary-btn.light-blue {
    background-color: #3f7f99;
}

.primary-btn.light-blue:after {
    background-color: #34687E;
}

.primary-btn.light-blue:hover {
    background-color:#003644;
}

.primary-btn.light-blue:hover:after {
    background-color:#002f3c;
}

.link-btn {
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    border: 0 none;
    display: inline-block;
    color: #333;
    font-family: 'DINPro-Medium', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    padding: 0 30px 0 0;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.link-btn:after {
    content: "\e906";
    width: 30px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    font-size: 14px;
    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;
}

.link-btn:hover {
    color: #84bd00;
}

.help-btn {
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    border: 0 none;
    display: inline-block;
    background-color: #003d4c;
    color: #fff;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0 110px 0 30px;
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.help-btn:after {
    width: 80px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 30px;
    background-color: #003644;
    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-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.help-btn.btn-call:after {
    content: "\e91e";
}

.help-btn.btn-email:after {
    content: "\e91f";
    font-size: 22px;
}

.help-btn.btn-faq:after {
    content: "\e92d";
}

.help-btn:hover {
    background-color: #84bd00;
}

.help-btn:hover:after {
    background-color: #71ae00;
}

.btn-blue {
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    border: 0 none;
    display: inline-block;
    background-color: #003d4c;
    color: #fff;
    font-family: 'DINPro-Regular', sans-serif;
    font-size: 22px;
    margin: 0;
    padding: 0 90px 0 30px;
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.btn-blue:after {
    content: "\e906";
    width: 80px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 18px;
    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: right 0.3s ease 0s;
    transition: right 0.3s ease 0s;
}

.btn-blue:hover {
    background-color: #84bd00;
}

.btn-blue:hover:after {
    right: -10px;
}

.btn-blue.white {
    background-color: #fff;
    color: #003d4c;
}

.btn-blue.white:hover {
    background-color: #003d4c;
    color: #fff;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

header .top-secondary {
    background-color: #000;
    height: 60px;
    text-align: right;
    padding-right: 40px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

header.scrolling .top-secondary {
    margin-top: -60px;
}

header .top-secondary nav {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

header .top-secondary nav a {
    display: inline-block;
    vertical-align: middle;
    line-height: 60px;
    padding: 0 20px;
    color: #fff;
    font-family: 'DINPro-Light', sans-serif;
    font-size: 12px;
}

header .top-secondary nav a:hover {
    color: #2dccd3;
}

header .top-secondary nav a.btn-download {
    display: none;
}

header .top-secondary nav a.btn-internet-banking,
header .top-secondary nav a.btn-nb,
header .top-secondary nav a.btn-vooma,
header .top-secondary nav a.btn-sahl,
header .top-secondary nav a.btn-buni {
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
    padding: 0 20px;
    color: #fff;
    font-family: 'DINPro-Regular', sans-serif;
    font-size: 14px;
    margin-left: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

header .top-secondary nav a.btn-internet-banking {
    background-color: #2dccd3;
}

header .top-secondary nav a.btn-nb {
    background-color: #fcb912;
}

header .top-secondary nav a.btn-vooma {
    background-color: #891755;
}

header .top-secondary nav a.btn-sahl {
    background-color: #0c6c63;
}

header .top-secondary nav a.btn-buni {
  background-color: #ff9e1b;
}

header .top-secondary nav a.btn-internet-banking:hover {
    background-color: #84bd00;
}

header .top-secondary nav a.btn-nb:hover {
    background-color: #C58D02;
}

header .top-secondary nav a.btn-vooma:hover {
    background-color: #681140;
}

header .top-secondary nav a.btn-sahl:hover {
    background-color: #084A44;
}

header .top-secondary nav a.btn-buni:hover {
  background-color:rgba(255, 158, 27, 0.8);
}

header .top-bar {
    background-color: #003d4c;
    height: 70px;
    display: table;
    width: 100%;
}

header .top-bar .col {
    display: table-cell;
    vertical-align: middle;
}

header .top-bar .col.left {
    font-size: 0;
}

header .top-bar .col.right {
    text-align: right;
    padding-right: 60px;
    font-size: 0;
}

header .logo {
    display: inline-block;
    vertical-align: middle;
    width: 212px;
}

header .bank {
    display: inline-block;
    font-size: 32px;
    line-height: 70px;
    color: #fff;
    text-transform: uppercase;
    vertical-align: middle;
    margin-left: 30px;
}

.country-selector {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    position: relative;
}

.country-selector > a {
    display: block;
    font-size: 0;
    color: #fff;
    padding-right: 24px;
    position: relative;
    line-height: 70px;
}

.country-selector span {
    display: inline-block;
    vertical-align: middle;
}

.country-selector .flag {
    background: url("../images/flags-sprite.png") 0 0 no-repeat;
    width: 32px;
    height: 22px;
    -webkit-background-size: 600%;
    background-size: 600%;
}

.country-selector .flag.ke {
    background-position: 0 0;
}

.country-selector .flag.ug {
    background-position: -32px 0;
}

.country-selector .flag.tz {
    background-position: -64px 0;
}

.country-selector .flag.ss {
    background-position: -96px 0;
}

.country-selector .flag.rw {
    background-position: -128px 0;
}

.country-selector .flag.bi {
    background-position: -160px 0;
}

.country-selector .country-code {
    font-family: 'DINPro-Light', sans-serif;
    font-size: 18px;
    margin-left: 10px;
    position: relative;
    top: -1px;
}

.country-selector > a:after {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    font-family: 'icomoon' !important;
    content: "\e912";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

header .country-selector > a:hover {
    color: #84bd00;
}

header .countries-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    background-color: #fff;
    width: 160px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14);
}

header .country-selector.open .countries-list {
    display: block;
}

header .countries-list a {
    padding: 10px;
    display: block;
}

header .countries-list .flag {
    width: 24px;
    height: 16px;
}

header .countries-list .flag.ke {
    background-position: 0 0;
}

header .countries-list .flag.ug {
    background-position: -24px 0;
}

header .countries-list .flag.tz {
    background-position: -48px 0;
}

header .countries-list .flag.ss {
    background-position: -72px 0;
}

header .countries-list .flag.rw {
    background-position: -96px 0;
}

header .countries-list .flag.bi {
    background-position: -120px 0;
}

header .countries-list .country {
    font-size: 14px;
    color: #333;
    margin-left: 8px;
    position: relative;
    top: -1px;
}

header .countries-list a:hover {
    background-color: rgba(0, 0, 0, 0.08);
}

#main_nav {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

#main_nav a {
    display: inline-block;
    vertical-align: middle;
    line-height: 70px;
    padding: 0 25px;
    color: #fff;
    font-size: 18px;
}

#main_nav a:hover {
    color: #84bd00;
}

#main_nav a.active {
    background-color: #84bd00;
    font-family: 'DINPro-Medium', sans-serif;
    color: #013c4d;
}

header .btn-search {
    display: inline-block;
    position: relative;
    height: 70px;
    width: 60px;
    text-align: center;
    line-height: 70px;
    font-size: 24px;
    color: #fff;
    vertical-align: middle;
    z-index: 2000;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

header .btn-search:before {
    position: relative;
    z-index: 2;
}

header .btn-search:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0);
    -o-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

header .btn-search:hover,
header .btn-search:focus {
    color: #84bd00;
}

header .btn-search.search-form-visible {
    color: #fff;
    -webkit-transform: translateX(-30px) translateY(-5px);
    -moz-transform: translateX(-30px) translateY(-5px);
    -ms-transform: translateX(-30px) translateY(-5px);
    -o-transform: translateX(-30px) translateY(-5px);
    transform: translateX(-30px) translateY(-5px);
    width: 60px;
    height: 60px;
    line-height: 60px;
}

header .btn-search.search-form-visible:after {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    background-color: #84bd00;
}

header.scrolling .btn-search.search-form-visible {
    -webkit-transform: translateX(-30px) translateY(24px);
    -moz-transform: translateX(-30px) translateY(24px);
    -ms-transform: translateX(-30px) translateY(24px);
    -o-transform: translateX(-30px) translateY(24px);
    transform: translateX(-30px) translateY(24px);
}

header .btn-search.search-form-visible:hover:after,
header .btn-search.search-form-visible:focus:after {
    background-color: #6FA502;
}

.main-search input[type="search"] {
    width: 100%;
    color: #ffffff;
    font-size: 2.4rem;
    font-weight: 300;
    height: 100%;
    background-color: transparent;
    padding-right: 140px;
    border: 0 none;
    display: block;
    font-family: 'DINPro-Light', sans-serif;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main-search input[type="search"]:focus {
    outline: none;
}

.main-search input[type="search"]::-webkit-input-placeholder {
    color: #5c5d6a;
}

.main-search input[type="search"]::-moz-placeholder {
    color: #5c5d6a;
}

.main-search input[type="search"]:-moz-placeholder {
    color: #5c5d6a;
}

.main-search input[type="search"]:-ms-input-placeholder {
    color: #5c5d6a;
}

input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.main-search {
    position: absolute;
    z-index: 1500;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #1B1B1B;
    opacity: 0;
    visibility: hidden;
}

.main-search .tbl {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 80px;
}

.main-search form {
    position: relative;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.main-search .btn-search-close {
    display: inline-block;
    position: absolute;
    right: 40px;
    top: 50%;
    height: 40px;
    width: 40px;
    font-size: 26px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main-search .btn-search-close:hover,
.main-search .btn-search-close:focus {
    opacity: 0.7;
}

.main-search.is-visible {
    opacity: 1;
    visibility: visible;
}

.main-search.is-visible .btn-search-close {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.animate-search .main-search.is-visible {
    -webkit-animation: cd-slide-in 0.3s;
    -moz-animation: cd-slide-in 0.3s;
    animation: cd-slide-in 0.3s;
}

@-webkit-keyframes cd-slide-in {
    0% {
        -webkit-transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes cd-slide-in {
    0% {
        -moz-transform: translateY(-100%);
    }
    100% {
        -moz-transform: translateY(0);
    }
}

@keyframes cd-slide-in {
    0% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

.cover-layer {
    display: block;
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}

.cover-layer.search-form-visible {
    opacity: 1;
    visibility: visible;
}

header .bottom-bar {
    padding-left: 142px;
    position: relative;
}

header .sub-nav-wrapper {
    background-color: #84bd00;
    height: 50px;
    padding: 0 70px;
}

header .sub-nav-wrapper {
    background-color: #84bd00;
    height: 50px;
    padding: 0 70px;
}

header .sub-nav-wrapper:before {
    display: block;
    content: "";
    position: absolute;
    width: 70px;
    height: 50px;
    left: 142px;
    top: 0;
    border-top: 25px solid #71ae00;
    border-right: 35px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 35px solid #71ae00;
}

header.adv .sub-nav-wrapper {
    background-color: #bf9f2e;
}

header.adv .sub-nav-wrapper .sub-nav > li > a.has-children:after {
    border-color: #bf9f2e transparent transparent;
}

header.adv .sub-nav-wrapper:before {
    border-top: 25px solid #9b801e;
    border-left: 35px solid #9b801e;
}

header .sub-nav-wrapper .sub-nav {
    font-size: 0;
    text-align: center;
}

header .sub-nav-wrapper .sub-nav > li {
    display: inline-block;
    vertical-align: middle;
}

header .sub-nav-wrapper .sub-nav > li > a {
    display: block;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    padding: 0 20px;
    position: relative;
}

header .sub-nav-wrapper .sub-nav > li > a.has-children:after {
    top: 70%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
    margin-left: -7px;
    border-color: #84bd00 transparent transparent;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

header .sub-nav-wrapper .sub-nav > li > a:hover,
header .sub-nav-wrapper .sub-nav > li > a.active {
    color: #013c4d;
}

.lions-den header .sub-nav-wrapper .sub-nav > li > a.has-children:after {
    border-color: #debb00 transparent transparent;
}

.soar-africa header .sub-nav-wrapper .sub-nav > li > a.has-children:after {
    border-color: #fa5b1b transparent transparent;
}

.mega-menu {
    position: absolute;
    left: 0;
    top: 0;
    padding: 80px 80px 30px 80px;
    background-color: #fff;
    z-index: -10;
    font-size: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 1, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 1, 0, 0.1);
}

header .sub-nav-wrapper .sub-nav > li:hover .mega-menu,
.mega-menu.open {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

header .sub-nav-wrapper .sub-nav > li:hover > a:after {
    top: 100%;
}

.mega-menu > ul {
    text-align: left;
    display: inline-block;
    width: 14.28%;
    padding: 0 20px;
    vertical-align: top;
}

.mega-menu .title {
    font-family: 'DINPro-Medium', sans-serif;
    color: #003b4c;
    font-size: 16px;
}

.mega-menu a {
    display: block;
    color: #6f7070;
    font-size: 14px;
    padding: 8px 0;
}

.mega-menu .title a {
    padding: 0;
    color: #003b4c;
    font-size: 16px;
}

.mega-menu a:hover {
    color: #84bd00;
}

.btn-menu {
    display: none;
    vertical-align: middle;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    color: #fff;
}

body:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

body.menu-open {
    overflow: hidden;
}

body.menu-open:after {
    visibility: visible;
    opacity: 1;
    z-index: 2500;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

#mobile_nav_wrapper {
    width: 350px;
    height: 100%;
    padding: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 3000;
    background-color: #000;
    display: none;
    visibility: hidden;
    -webkit-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    -webkit-transform: matrix(1, 0, 0, 1, 305, 0);
    transform: matrix(1, 0, 0, 1, 305, 0);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.menu-open #mobile_nav_wrapper {
    display: block;
    overflow-y: auto;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
}

#mobile_nav_wrapper .mobile-nav-content {
    position: relative;
    z-index: 100;
    height: 100%;
}

#mobile_nav_wrapper .header {
    background-color: #003b4c;
    position: relative;
    height: 50px;
    width: 100%;
    padding: 0 55px 0 0;
    z-index: 10;
}

#mobile_nav_wrapper .header .logo-wrapper {
    font-size: 0;
}

#mobile_nav_wrapper .header .logo {
    display: inline-block;
    vertical-align: top;
    width: 150px;
}

#mobile_nav_wrapper .header .bank {
    line-height: 50px;
    font-size: 21px;
    margin-left: 10px;
    display: inline-block;
    color: #fff;
}

#mobile_nav_wrapper .mobile-menu-close {
    height: 50px;
    width: 50px;
    line-height: 50px;
    z-index: 10;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 24px;
    display: block;
}

.mobile-nav,
.mobile-nav ul {
    padding: 50px 0 20px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-overflow-scrolling: touch;
}

.mobile-nav ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.mobile-nav a {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.mobile-nav .secondary-nav {
    background-color: #fff;
    z-index: 5;
}

.mobile-nav li {
    padding: 0 15px;
    background-color: #fff;
}

.mobile-nav > li a {
    display: block;
    padding: 12px 0;
    font-size: 18px;
    color: #333;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #efefef;
}

.mobile-nav .secondary-nav li:last-child a {
    border: 0 none;
}

.mobile-nav > li a.btn-primary {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    padding: 0 30px;
}

.mobile-nav.move-out {
    overflow-y: hidden;
}

.mobile-nav.move-out > li > a,
.mobile-nav ul.move-out > li > a {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.mobile-nav.move-out > li.secondary-menu > a,
.mobile-nav ul.move-out > li.secondary-menu a {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.mobile-nav li.has-children .has-children > ul {
    padding: 50px 15px 20px 15px;
}

.mobile-nav li.has-children .has-children li {
    padding: 0;
}

.mobile-nav li.has-children > a {
    position: relative;
    padding-right: 32px;
}

.mobile-nav li.has-children > a:after {
    content: "\e911";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    margin: auto;
    font-size: 26px;
    color: #333;
    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;
}

.mobile-nav li.go-back > a {
    position: relative;
    padding-left: 32px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'DINPro-Medium', sans-serif;
}

.mobile-nav li.go-back > a:before {
    content: "\e907";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 40px;
    line-height: 42px;
    text-align: left;
    margin: auto;
    font-size: 26px;
    color: #333;
    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;
}

.mobile-nav > li a.active {
    color: #84bd00;
    font-family: 'DINPro-Medium', sans-serif;
}

.mobile-nav li.has-children .has-children li.third-level {
    padding: 0 10px;
    border-bottom: 1px solid #efefef;
}

.mobile-nav li.has-children .has-children li.third-level:last-child {
    border: 0 none;
}

.mobile-nav .third-level a {
    color: #666;
}

.mobile-nav .third-level h3 {
    color: #003b4c;
}

.mobile-nav .third-level h3 a {
    color: #003b4c;
    border: 0 none;
    padding: 12px 0;
    font-size: 18px;
}

.mobile-nav .third-level h3 span {
    display: block;
    padding: 12px 0;
}

.mobile-nav .third-level a {
    border: 0 none;
    padding: 10px;
    font-size: 16px;
}

.mobile-nav .secondary-menu {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 20px 15px 0 15px;
}

.mobile-nav .secondary-menu a {
    border: 0 none;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0;
}

.mobile-nav .secondary-menu .sep {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 10px;
}

.mobile-nav .secondary-menu .btn-download,
.mobile-nav .secondary-menu .btn-internet-banking,
.mobile-nav .secondary-menu .btn-nb,
.mobile-nav .secondary-menu .btn-vooma,
.mobile-nav .secondary-menu .btn-sahl,
.mobile-nav .secondary-menu .btn-buni{
    display: block;
    line-height: 50px;
    padding: 0 46px;
    background-color: #84bd00;
    color: #fff;
    font-family: 'DINPro-Regular', sans-serif;
    font-size: 16px;
    margin-top: 20px;
}

.mobile-nav .secondary-menu .btn-internet-banking {
    background-color: #2dccd3;
}

.mobile-nav .secondary-menu .btn-nb {
    background-color: #fcb912;
}

.mobile-nav .secondary-menu .btn-vooma {
    background-color: #891755;
}

.mobile-nav .secondary-menu .btn-sahl {
  background-color: #0c6c63;
}

.mobile-nav .secondary-menu .btn-buni {
  background-color: #ff9e1b;
}

.mobile-nav .country-selector {
    position: relative;
    display: inline-block;
    margin: 10px 0 0 0;
}

.mobile-nav .country-selector:after {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    font-family: 'icomoon' !important;
    content: "\e912";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mobile-nav .country-selector .flag {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.mobile-nav .country-selector select {
    display: block;
    background-color: transparent;
    height: 50px;
    color: #fff;
    border: 0 none;
    margin: 0;
    padding: 0 20px 0 40px;
    width: 100%;
    -webkit-appearance: none;
    text-transform: uppercase;
}

.mobile-nav .country-selector select option {
    color: #333;
    padding: 10px;
}

#banner {
    position: relative;
    background-color: #003643;
    height: 520px;
    margin-top: -120px;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

#banner.inner-landing {
    margin-top: -52px;
}

#banner.inner-landing.careers {
    height: 500px;
}

#banner.home-banner {
    height: calc(100vh - 140px);
}

#banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
}

#banner .wrapper {
    display: table;
    height: 100%;
    position: relative;
    z-index: 10;
}

#banner .col {
    vertical-align: middle;
    display: table-cell;
    padding-top: 70px;
}

#banner.inner-landing .col {
    vertical-align: top;
}

#banner h1 {
    font-family: 'DINPro-Medium', sans-serif;
    color: #fff;
    max-width: 960px;
    line-height: 1;
    letter-spacing: -1.8px;
    font-size: 60px;
    text-shadow: 0px 2px 10px rgba(0, 1, 0, 0.25);
}

#banner h1.bold{
		font-family: 'DINPro-Bold', sans-serif;
}

#banner.inner-landing h1.center {
    margin-top: 9%;
}

#banner h1 span {
    color: #84bd00;
}

#banner.home-banner h1 {
    font-family: 'DINPro-Bold', sans-serif;
}

#banner .event-date {
    display: block;
    font-size: 36px;
    color: #fff;
    margin-top: 14px;
    font-family: 'DINPro-Medium', sans-serif;
    letter-spacing: -0.9px;
}

#banner .primary-btn {
    margin-top: 54px;
}

#banner.secondary {
    padding-top: 50px;
}

#banner.secondary h1 {
    font-family: 'DINPro-Bold', sans-serif;
    max-width: 720px;
    line-height: normal;
}

#banner .btn-blue {
    margin-top: 30px;
}

#banner.inner-landing .summary {
    color: #fff;
    margin: 20px 0;
    width: 65%;
}

.app-banner {
    background-color: #f1f5f7;
    padding-bottom: 60px;
    overflow: hidden;
}

.app-banner .container {
    background-color: #84bd00;
    padding: 60px 0 0 0;
}

.app-banner .wrapper {
    position: relative;
    display: table;
    max-width: 1300px;
}

.app-banner .col {
    display: table-cell;
    vertical-align: middle;
}

.app-banner .col.right {
    width: 720px;
}

.app-banner .banner-content {
    color: #fff;
    padding-bottom: 60px;
}

.app-banner .section-title {
    color: #fff;
    margin-bottom: 35px;
}

.app-download {
    font-size: 0;
    padding-top: 40px;
}

.app-download a {
    display: inline-block;
    vertical-align: top;
    width: 170px;
    margin-left: 15px;
    position: relative;
}

.app-download a:first-child {
    margin-left: 0;
}

.app-download a:hover {
    opacity: 0.9;
    transform: translateY(-5px);
}

.app-banner .pic {
    position: relative;
    top: 60px;
}

.inner-banner {
    margin-bottom: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.inner-banner .container {
    max-width: 600px;
}

.inner-banner .section-title {
    color: #003d4c;
    line-height: 1.1;
}

.inner-banner .primary-btn {
    margin-top: 30px;
}

.quick-links-wrapper {
    position: relative;
    z-index: 10;
    margin-top: -120px;
    margin-bottom: 60px;
}

.quick-links {
    display: table;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 20px 0 rgba(0, 1, 0, 0.15);
    box-shadow: 0px 5px 20px 0 rgba(0, 1, 0, 0.15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.quick-links a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #dde8ee;
    width: 14.28%;
    height: 120px;
    color: #333;
}

.quick-links a:first-child {
    border: 0 none;
}

.quick-links .icon {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    font-size: 40px;
    margin-bottom: 5px;
}

.quick-links .text {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.quick-links a:hover {
    background-color: #dde8ee;
}

.home-products-tabs {
    margin-bottom: 60px;
}

.home-products-tabs ul {
    font-size: 0;
    text-align: center;
}

.home-products-tabs li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 56px;
    margin: 0 4px;
    position: relative;
}

.home-products-tabs li:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 30px;
    width: 8px;
    height: 8px;
    background-color: #b1c3ce;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.home-products-tabs li:first-child:before {
    display: none;
}

.home-products-tabs a {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 24px;
    color: #333;
    padding: 16px 0;
    position: relative;
}

.home-products-tabs a:after {
    content: "";
    width: 0;
    height: 2px;
    background-color: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.home-products-tabs a.active:after {
    width: 100%;
    background-color: #84bd00;
}

.home-products-tabs a.active,
.home-products-tabs a:hover {
    color: #84bd00;
}

.home-tab-content {
    display: none;
}

.home-tab-content.active {
    display: block;
}

.home-products-dd-hide{display:none;}

.home-products-label{
	display:block;
	font-family: 'DINPro-Medium', sans-serif;
	margin-bottom:10px;
	color:#003d4c;
}

#home-products-dd {
    display: block;
    width: 100%;
    height: 60px;
    margin: 0 0 20px 0;
    border: 1px solid #84bd00;
    color: #84bd00;
    background-color: transparent;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 18px;
    padding: 0 12px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.latest-articles-heading {
    display: table;
    width: 100%;
    margin-bottom: 45px;
}

.latest-articles-heading .col {
    display: table-cell;
    vertical-align: middle;
}

.latest-articles-heading .col.right {
    text-align: right;
    padding-left: 40px;
    width: 250px;
}

.latest-articles-heading .section-title {
    margin-bottom: 0;
}

.latest-articles {
    display: table;
    width: 100%;
}

.latest-articles .col {
    display: table-cell;
    vertical-align: top;
}

.latest-articles .col.left {
    width: 583px;
}

.latest-articles .col.right {
    padding-left: 60px;
}

.latest-articles .featured {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.latest-articles .featured .desc {
    padding: 28px 28px 90px 28px;
    position: relative;
}

.latest-articles .featured .pic-wrapper {
    display: block;
    overflow: hidden;
    background-color: #000;
    position: relative;
}

.latest-articles .featured img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.latest-articles .featured .pic-wrapper:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.latest-articles .featured h3 {
    font-family: 'DINPro-Bold', sans-serif;
    color: #84bd00;
    font-size: 30px;
    margin-bottom: 20px;
}

.latest-articles .featured h3 a:hover {
    color: #2dccd3;
}

.latest-articles .featured .date {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
}

.latest-articles .featured .primary-btn {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.latest-articles .featured .primary-btn:after {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.latest-articles .articles li {
    margin-top: 30px;
}

.latest-articles .articles li:first-child {
    margin-top: 0;
}

.latest-articles .articles a {
    display: block;
    background-color: #fff;
    height: 165px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.latest-articles .articles img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.latest-articles .articles a:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.latest-articles .articles .info {
    position: absolute;
    left: 0;
    top: 50%;;
    width: 100%;
    z-index: 50;
    color: #003d4c;
    text-align: center;
    padding: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.latest-articles .articles .info .title {
    display: block;
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.latest-articles .articles .info .date {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
}

.latest-articles .articles a:hover .title {
    color: #84bd00;
}

#ticker {
    background-color: #84bd00;
    height: 120px;
    overflow: hidden;
}

#ticker .wrapper {
    display: table;
    height: 100%;
    overflow: hidden;
    table-layout: fixed;
}

#ticker .col {
    display: table-cell;
    vertical-align: middle;
}

#ticker .col.left {
    background-color: #fff;
    width: 240px;
    padding: 20px 28px;
}

#ticker .col.right {
    padding-left: 60px;
    overflow: hidden;
}

#ticker .kcb-info {
    position: relative;
    color: #333;
}

#ticker .kcb-price {
    display: block;
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 18px;
}

#ticker .label {
    display: block;
    font-size: 14px;
}

#ticker .change {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}

#ticker .change .value {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 10px;
}

#ticker .change.up {
    color: #84bd00;
}

#ticker .change.down {
    color: #BC0303;
}

#ticker .change:before {
    font-size: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#ticker .tickercontainer {
    height: auto !important;
    color: #fff;
    overflow: hidden;
}

#ticker .tickercontainer .mask {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#ticker #stocks-ticker li {
    font-size: 12px;
    font-weight: normal;
    padding: 0 !important;
}

#ticker #stocks-ticker li:after {
    content: "|";
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}

.primary-footer {
    padding: 60px 0;
    background-color: #003d4c;
}

.footer-links-wrapper {
    display: table;
    width: 100%;
}

.footer-links {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 120px;
}

.footer-links:first-child {
    padding-left: 0;
}

.footer-links h4 {
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px;
}

.footer-links a {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #fff;
    padding: 10px 0;
}

.footer-links a:hover {
    color: #2dccd3;
}

.secondary-footer {
    background-color: #000;
    display: table;
    width: 100%;
    padding: 52px 120px;
}

.secondary-footer .col {
    display: table-cell;
    vertical-align: middle;
    color: #666;
    font-size: 14px;
}

.secondary-footer .col.left {
    text-align: left;
    line-height: 22px;
}

.secondary-footer .col.middle {
    text-align: center;
    width: 38%;
}

.secondary-footer .col.right {
    text-align: right;
}

.social-media {
    font-size: 0;
}

.social-media li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    font-size: 14px;
}

.social-media .label a {
    color: #666;
}

.social-media .label a:hover,
.secondary-footer .col.right a:hover {
    color: #fff;
    text-decoration: underline;
}

.social-media .icon {
    color: #666;
    font-size: 20px;
}

.social-media .icon:hover {
    color: #fff;
}

.secondary-footer .col.right a {
    color: #666;
}

.products-slider-tbl {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding-top: 40px;
    height: 100%;
}

#benefits.products-slider-tbl {
    padding-top: 0;
    height: auto;
}

.products-slider-tbl .col {
    display: table-cell;
    vertical-align: middle;
}

.products-slider-tbl .col.left {
    width: 400px;
    background-color: #003d4c;
    position: relative;
    height: 100%;
}

.products-slider-tbl .col.left:after {
    content: "";
    width: 30%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -30%;
    background-color: #003d4c;
    display: block;
}

#benefits.products-slider-tbl .col.left h2 {
    padding-left: 20%;
    color: #fff;
}

.products-slider-tbl .col.left .nav-container {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
}

.products-slider-tbl .col.left .products-nav {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding-left: 50%;
}

.products-slider-tbl .col.left .products-nav button {
    margin: 30px 0;
    background-color: transparent;
    border: 0 none;
    display: block;
    cursor: pointer;
}

.products-slider-tbl .col.left .products-nav button i {
    width: 60px;
    height: 60px;
    display: block;
    border: 2px solid #fff;
    text-align: center;
    line-height: 56px;
    color: #fff;
    font-size: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.products-slider-tbl .col.left .products-nav button:hover i {
    color: #2dccd3;
    border-color: #2dccd3;
}

.products-slider-tbl .col.left .products-nav button.disabled {
    cursor: default;
}

.products-slider-tbl .col.left .products-nav button.disabled i {
    opacity: 0.5;
}

.products-slider {
    position: relative;
}

.products-slider .item {
    background-color: #fff;
    margin: 40px 0;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
}

#benefits .products-slider .item {
    padding: 30px;
    background-color: #f1f5f7;
}

.products-slider .pic-wrapper {
    display: block;
    overflow: hidden;
    background-color: #000;
    position: relative;
}

.owl-carousel .owl-item .owl-lazy {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
}

.products-slider img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.products-slider .pic-wrapper:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.products-slider .desc {
    padding: 28px 28px 90px 28px;
    position: relative;
}

#benefits .products-slider .desc {
    padding: 0;
}

.products-slider h2,
.products-slider h3{
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 32px;
    margin-bottom: 20px;
    color: #84bd00;
    letter-spacing: -0.9px;
}

#benefits .products-slider h2,
#benefits .products-slider h3{
    font-size: 22px;
}

.products-slider h2 a:hover,
.products-slider h3 a:hover{
    color: #2dccd3;
}

.products-slider p {
    font-family: 'DINPro-Medium', sans-serif;
    margin: 0;
}

.products-slider .primary-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#benefits .products-slider .icon {
    width: 90px;
    height: 90px;
    margin: 20px auto 40px auto;
}

#benefits .mobile-show {
    display: none;
    margin-bottom: 0;
    color: #003d4c;
}

.products-nav {
    padding-top: 10px;
    display: table;
    width: 100%;
}

.products-nav .label-col {
    padding: 25px 20px 0 0;
    font-family: 'DINPro-Bold', sans-serif;
    display: table-cell;
    vertical-align: top;
    width: 180px;
}

.products-nav .menu-col {
    display: table-cell;
    padding: 10px 0;
    vertical-align: top;
}

.nicescroll-cursors {
    cursor: pointer;
}

.products-nav nav {
    display: flex;
    align-items: center;
    margin: 0 0 0 -8px;
    flex-wrap: wrap;
}

.products-nav nav a {
    margin: 8px;
    line-height: 38px;
    border: 1px solid #333;
    padding: 0 20px;
    color: #333;
    display: block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.products-nav nav a:hover {
    background-color: #333;
    color: #fff;
}

.products-nav nav a.active,
.products-nav nav a.active:hover {
    font-family: 'DINPro-Bold', sans-serif;
    border-color: #84bd00;
    color: #fff;
    background-color: #84bd00;
}

.section-title.product-category {
    margin-bottom: 0;
}

.products-nav .dd-wrapper {
    display: none;
}

.products-nav .dd-product-nav {
    width: 100%;
    display: block;
    height: 60px;
    margin: 0;
    border: 1px solid #84bd00;
    color: #84bd00;
    background-color: transparent;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 18px;
    padding: 0 12px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.products-nav .select2-container--default .select2-selection--single,
.products-nav .select2-dropdown {
    border-color: #84bd00;
    color: #84bd00;
}

.products-nav .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #84bd00;
}

.products-nav .select2-container--default .select2-selection--single {
    background-color: transparent;
}

.btn-chat {
    position: fixed;
    right: 40px;
    bottom: 40px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: #fff;
    text-align: center;
    color: #84bd00;
    z-index: 200;
    font-size: 40px;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 5px 10px 0 rgba(0, 1, 0, 0.25);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.btn-chat:hover {
    color: #2dccd3;
}

#breadcrumbs ul {
    font-size: 0;
    border-bottom: 1px solid #cbd9e1;
    padding: 20px 0;
}

#banner.inner-landing #breadcrumbs ul {
    padding: 0;
    border: 0 none;
    margin-bottom: 30px;
}

#breadcrumbs li {
    display: inline-block;
    vertical-align: top;
    padding-right: 24px;
    position: relative;
}

#breadcrumbs li:after {
    content: "\e911";
    width: 20px;
    height: 20px;
    line-height: 22px;
    color: #728694;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    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;
}

#breadcrumbs li:first-child {
    padding-left: 0;
}

#breadcrumbs li:last-child {
    padding-right: 0;
}

#breadcrumbs li:last-child:after {
    display: none;
}

#breadcrumbs a {
    line-height: normal;
    color: #728694;
    font-size: 14px;
    padding: 14px 5px;
    display: block;
}

#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs a.active,
#banner.inner-landing #breadcrumbs a:hover,
#banner.inner-landing #breadcrumbs a:focus,
#banner.inner-landing #breadcrumbs a.active {
    color: #84bd00;
}

#banner.inner-landing #breadcrumbs a,
#banner.inner-landing #breadcrumbs li:after {
    color: #fff;
}

.blocks-menu {
    font-size: 0;
    margin: -15px 0 0 -15px;
}

.blocks-menu.ethics {
    margin-top: 0;
    padding-top: 20px;
}

.blocks-menu li {
    display: inline-block;
    vertical-align: top;
    padding: 15px 0 0 15px;
    width: 33.33%;
}

.blocks-menu a {
    display: block;
    overflow: hidden;
    background-color: #000;
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.blocks-menu span {
    display: block;
}

.blocks-menu img {
    display: block;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.blocks-menu a:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.blocks-menu .caption-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.blocks-menu .caption-tbl {
    display: table;
    width: 100%;
    height: 100%;
}

.blocks-menu .caption {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    padding: 22px;
    line-height: normal;
    text-align: center;
}

.blocks-menu .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 48px;
    margin: 0 auto 12px auto;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blocks-menu .title {
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 30px;
    max-width: 250px;
    line-height: 1;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blocks-menu a:hover .icon,
.blocks-menu a:hover .title {
    color: #2dccd3;
}

.blocks-menu a.support {
    background-color: #84bd00;
    height: 100%;
}

.blocks-menu a.support .bg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 292px;
    color: #6fb200;
    margin: auto;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.blocks-menu a.support:hover .bg {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.blocks-menu a.support .caption {
    vertical-align: bottom;
    padding: 0 38px 62px 38px;
}

.blocks-menu a.support .label-wrapper {
    position: absolute;
    left: 38px;
    right: 38px;
    bottom: 52px;
    margin: auto;
    z-index: 20;
}

.blocks-menu a.support .label {
    display: table;
    width: 100%;
    color: #fff;
}

.blocks-menu a.support .cell {
    display: table-cell;
    vertical-align: middle;
}

.blocks-menu a.support .cell.left {
    width: 150px;
}

.blocks-menu a.support .text {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 60px;
    line-height: 0.8;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blocks-menu a.support .pic {
    font-size: 100px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blocks-menu a.support:hover .text,
.blocks-menu a.support:hover .pic {
    color: #003b4c;
}

.cards {
    margin: 0 0 0 -12px;
    font-size: 0;
    text-align: center;
}

.cards > li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 20px 0 0 12px;
}

.cards .block {
    background-color: #fff;
    padding: 20px 20px 100px 20px;
    position: relative;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.cards .block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.2);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.2);
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.cards h3 {
    color: #84bd00;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 24px;
    letter-spacing: -0.8px;
    margin-bottom: 14px;
}

.cards p {
    font-size: 16px;
}

.cards .pic {
    overflow: hidden;
    margin: 30px 0;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0px 10px 10px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 10px 10px 0 rgba(0, 1, 0, 0.25);
}

.cards .benefits-list {
    font-size: 16px;
    text-align: left;
    margin-bottom: 40px;
}

.cards .benefits-list li {
    display: table;
    width: 100%;
    padding: 14px 0;
}

.cards .benefits-list .cell {
    display: table-cell;
    vertical-align: middle;
}

.cards .benefits-list .cell.left {
    width: 30px;
    vertical-align: top;
}

.cards .benefits-list .cell.right {
    padding-left: 20px;
}

.cards .benefits-list .icon {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 30px;
    color: #84bd00;
    display: block;
    position: relative;
    top: 6px;
}

.cards .benefits-list .info {
    display: block;
}

.cards .cta-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 20px 40px 20px;
}

.cards .primary-btn {
    width: 100%;
    text-align: left;
    -webkit-transition: none;
    transition: none;
}

.cards .primary-btn:after {
    -webkit-transition: none;
    transition: none;
}

.cards .block:hover {
    background: rgb(102, 204, 0);
    background: -webkit-linear-gradient(bottom, rgba(102, 204, 0, 1) 0%, rgba(0, 51, 102, 1) 100%);
    background: -o-linear-gradient(bottom, rgba(102, 204, 0, 1) 0%, rgba(0, 51, 102, 1) 100%);
    background: linear-gradient(to top, rgba(102, 204, 0, 1) 0%, rgba(0, 51, 102, 1) 100%);
    -webkit-transform: perspective(1000px) translate3d(0, -30px, 0);
    transform: perspective(1000px) translate3d(0, -30px, 0);
}

.cards .block:hover:before {
    opacity: 1;
}

.cards .block:hover h3,
.cards .block:hover p {
    color: #fff;
}

.cards .block:hover .benefits-list .icon {
    color: #fff;
}

.cards .block:hover .benefits-list .info {
    color: #fff;
}

.cards .block:hover .primary-btn {
    background-color: #003d4c;
}

.cards .block:hover .primary-btn:after {
    background-color: #003644;
}

.cards .block:hover .primary-btn:hover,
.cards .block:hover .primary-btn:hover:after {
    background-color: #fff;
    color: #003d4c;
}

.product-summary {
    padding-top: 40px;
}

.product-summary p {
    margin-bottom: 35px;
}

.product-summary-tbl {
    display: table;
    table-layout: fixed;
}

.product-summary-tbl .col {
    display: table-cell;
    vertical-align: top;
}

.product-summary-tbl .col.left {
    padding-right: 40px;
}

.product-summary-tbl .col.right {
    width: 300px;
}

.cards-slider {
    max-width: 300px;
    margin: 0 auto;
}

.cards-slider .owl-dots {
    font-size: 0;
    text-align: center;
    margin-top: 10px;
}

.cards-slider .owl-dots button {
    display: inline-block;
    vertical-align: top;
    padding: 8px !important;
}

.cards-slider .owl-dots span {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #f1f5f7;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.cards-slider .owl-dots button:hover span {
    background-color: #C0D2DB;
}

.cards-slider .owl-dots button.active span {
    background-color: #84bd00;
    opacity: 1;
}

.benefits {
    text-align: left;
    padding: 20px 0 0 0;
}

.benefits .item {
    display: block;
    text-align: center;
    color: #fff;
}

.benefits .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 60px;
    margin-bottom: 24px;
}

.benefits h3 {
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 36px;
    margin-bottom: 16px;
    color: #84bd00;
}

.benefits p {
    font-size: 18px;
    margin-bottom: 0;
}

.benefits .owl-dots {
    font-size: 0;
    text-align: center;
    margin-top: 40px;
}

.benefits .owl-dots button {
    display: inline-block;
    vertical-align: top;
    padding: 8px !important;
}

.benefits .owl-dots span {
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.benefits .owl-dots button:hover span {
    opacity: 0.6;
}

.benefits .owl-dots button.active span {
    background-color: #84bd00;
    opacity: 1;
}

.product-info-tbl {
    display: table;
}

.product-info-tbl .col {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.product-info-tbl .col.left {
    padding-right: 60px;
}

.product-info-tbl .col.right {
    padding-left: 60px;
}

.lead-form .section-title {
    margin-bottom: 10px;
}

.lead-form .summary {
    font-size: 24px;
    margin-bottom: 60px;
}

.lead-form .fieldset {
    font-size: 0;
}

.lead-form .field {
    display: block;
    padding: 15px 30px;
}

.news-widget .lead-form .field {
    padding: 4px 0;
}

.lead-form .fieldset .field {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.lead-form .fieldset.third .field {
    width: 33.33%;
}

.lead-form .fieldset.quarter .field {
    width: 25%;
}

.lead-form .input-wrapper {
    position: relative;
    overflow: hidden;
}

.lead-form .select-field .input-wrapper:after {
    content: "\e912";
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'icomoon' !important;
    speak: none;
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lead-form .textbox {
    display: block;
    width: 100%;
    margin: 0;
    border: 0 none;
    background-color: transparent;
    font-family: 'DINPro-Light', sans-serif;
    font-size: 18px;
    color: #333;
    padding: 30px 50px 30px 11px;
    overflow: hidden;
}

.lead-form select.textbox {
    position: relative;
    z-index: 10;
    padding-top: 0;
    -webkit-appearance: none;
}

.lead-form select option {
    color: #000;
}

.lead-form .fieldset.quarter .textbox {
    font-size: 14px;
}

.blue .lead-form .textbox {
    color: #fff;
}

.lead-form .input-label {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.lead-form .input-label .label {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    font-size: 18px;
    padding: 0 50px 0 11px;
    font-family: 'DINPro-Light', sans-serif;
    text-align: left;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.lead-form .label-text{font-size:18px;font-family: 'DINPro-Light', sans-serif;}


.lead-form .fieldset.quarter .label {
    font-size: 14px;
}

.lead-form .input-label:before,
.lead-form .input-label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 10px);
    border-bottom: 1px solid #333;
}

.blue .lead-form .input-label,
.kcb-green .lead-form .input-label {
    color: #fff;
}

.blue .lead-form .input-label:before,
.kcb-green .lead-form .input-label:before {
    border-color: #fff;
}

.lead-form .input-label:after {
    margin-top: 2px;
    border-bottom: 4px solid #84bd00;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}

.kcb-green .lead-form .input-label:after {
    border-color: #003d4c;
}

.lead-form .textbox:focus + .input-label:after,
.lead-form .focused .input-label:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.lead-form .phone-field .input-label .label {
    top: 0;
    font-size: 14px;
}

.lead-form .textbox:focus + .input-label .label,
.lead-form .input-label.float .label,
.lead-form .focused .input-label .label {
    top: 0;
    font-size: 14px;
    color: #84bd00;
}

.lead-form .select-field .input-label.float .label {
    color: #fff;
}

.kcb-green .lead-form .textbox:focus + .input-label .label,
.kcb-green .lead-form .input-label.float .label,
.kcb-green .lead-form .focused .input-label .label {
    color: #003d4c;
}

.lead-form .icon {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: right;
    position: absolute;
    top: 15px;
    right: 0;
    font-size: 20px;
    padding-right: 11px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.lead-form .icon.icon-form-email {
    font-size: 12px;
}

.lead-form .icon.icon-form-organisation {
    font-size: 26px;
}

.lead-form .textbox:focus + .input-label .icon,
.lead-form .focused .input-label .icon {
    color: #84bd00;
}

.kcb-green .lead-form .textbox:focus + .input-label .icon,
.kcb-green .lead-form .focused .input-label .icon {
    color: #003d4c;
}

.lead-form .label-customer {
    display: block;
    font-family: 'DINPro-Light', sans-serif;
    margin: 20px 0 12px 0;
}

.lead-form .primary-btn {
    margin-top: 30px;
}

.news-widget .lead-form .primary-btn {
    min-width: inherit;
    width: 100%;
    margin-top: 30px;
}

.lead-form [type="radio"] + label,
.lead-form [type="checkbox"] + label {
    color: #333;
    display: block;
    line-height: 1.19;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: 'DINPro-Light', sans-serif;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blue .lead-form [type="radio"] + label,
.blue .lead-form [type="checkbox"] + label {
    color: #fff;
}

.lead-form [type="radio"] + label:hover,
.lead-form [type="radio"]:focus + label,
.lead-form [type="checkbox"] + label:hover,
.lead-form [type="checkbox"]:focus + label {
    color: #84bd00;
}

.lead-form [type="radio"]:checked,
.lead-form [type="radio"]:not(:checked),
.lead-form [type="checkbox"]:checked,
.lead-form [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.lead-form [type="radio"]:checked + label,
.lead-form [type="radio"]:not(:checked) + label,
.lead-form [type="checkbox"]:checked + label,
.lead-form [type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: block;
    font-weight: normal;
}

.lead-form [type="radio"]:checked + label:before,
.lead-form [type="radio"]:not(:checked) + label:before,
.lead-form [type="checkbox"]:checked + label:before,
.lead-form [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #333;
    background: transparent;
    color: #84bd00;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blue .lead-form [type="radio"]:checked + label:before,
.blue .lead-form [type="radio"]:not(:checked) + label:before,
.blue .lead-form [type="checkbox"]:checked + label:before,
.blue .lead-form [type="checkbox"]:not(:checked) + label:before {
    border-color: #fff;
}

.lead-form [type="checkbox"]:checked + label:before,
.lead-form [type="checkbox"]:not(:checked) + label:before {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.lead-form [type="radio"]:not(:checked) + label:hover:before,
.lead-form [type="radio"]:focus + label:before,
.lead-form [type="checkbox"]:not(:checked) + label:hover:before,
.lead-form [type="checkbox"]:focus + label:before {
    opacity: 0.5;
}

.lead-form [type="radio"]:checked + label:after,
.lead-form [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #84bd00;
    position: absolute;
    top: 3px;
    left: 3px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.lead-form [type="checkbox"]:checked + label:before {
    content: "\1F5F8";
    font-weight: bold;
    font-size: 14px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.lead-form [type="radio"]:not(:checked) + label:after,
.lead-form [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.lead-form [type="radio"]:checked + label:after,
.lead-form [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.lead-form .radio-group.query-radio{text-align:left;}
.lead-form .radio-group.query-radio li{display:block;padding:0;}

.lead-form .query-radio [type="radio"]:checked + label:before,
.lead-form .query-radio [type="radio"]:not(:checked) + label:before{
	width:12px;height:12px;border:2px solid #0F93AF;left:auto;right:15px;top:0;bottom:0;margin:auto;
}
.lead-form .query-radio [type="radio"]:checked + label:before{border-color:#fff;}
.lead-form .query-radio [type="radio"]:not(:checked) + label:hover:before,
.lead-form .query-radio [type="radio"]:focus + label:before{opacity:1;}

.lead-form .query-radio [type="radio"]:checked + label:after,
.lead-form .query-radio [type="radio"]:not(:checked) + label:after{
	width:8px;height:8px;left:auto;right:17px;top:2px;bottom:2px;margin:auto;background-color:#0F93AF;
}

.lead-form .query-radio [type="radio"]:checked + label,
.lead-form .query-radio [type="radio"]:not(:checked) + label{padding:16px 40px 16px 20px;margin:0;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.lead-form .query-radio [type="radio"]:checked + label{background-color:#045465;}

.lead-form [type="radio"] + label:hover,
.lead-form [type="radio"]:focus + label{color:#fff;background-color:#056B81}

.lead-form .query-radio label .title{display:block;font-size:16px;
	font-family: 'DINPro-Medium', sans-serif;margin-bottom:6px;
}
.lead-form .query-radio label .desc{display:block;font-size:12px;
	font-family: 'DINPro-Light', sans-serif;
}


.lead-form .dp {
    cursor: pointer;
}

.ui-datepicker a {
    -webkit-transition: none;
    transition: none;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
    top: 4px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 4px;
}

.ui-datepicker .ui-datepicker-next {
    right: 4px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 4px 2.3em;
    font-size: 14px;
}

.ui-datepicker .ui-datepicker-title select {
    margin: 1px;
    border-color: #84bd00;
    height: 22px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.lead-form .radio-group {
    font-size: 0;
    padding-top: 13px;
}

.lead-form .radio-group li {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
}

.lead-form .radio-group li:first-child {
    padding-left: 0;
}

.lead-form .checkbox-list {
    padding: 10px 0;
}

.lead-form .checkbox-list li {
    margin-top: 6px;
}

.lead-form .checkbox-list li:first-child {
    margin-top: 0;
}

.country-codes,
.enquiry-country-codes,
.blog-country-codes {
    font-size: 13px;
    color: #333;
    position: relative;
    top: -12px;
}

.intl-tel-input.iti-container {
    top: 100% !important;
    left: 0 !important;
}

.iti-mobile .intl-tel-input.iti-container {
    top: 30px !important;
    left: 30px !important;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=tel],
.intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 50px;
}

.intl-tel-input {
    display: block;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: transparent;
}

.blue .intl-tel-input .selected-flag .iti-arrow {
    border-top-color: #fff;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag .iti-arrow {
    border-top-color: #84bd00;
}

.intl-tel-input input::-webkit-outer-spin-button,
.intl-tel-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.intl-tel-input input[type=number] {
    -moz-appearance: textfield;
}

.msg-success {
    padding: 16px;
    background: #FFFFB7;
    color: #C48902;
    text-align: left;
    margin: 30px 0 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.msg-error {
    padding: 16px;
    background: #e94b35;
    color: #fff;
    text-align: left;
    margin: 30px 0 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.lead-form .error .input-label .label,
.lead-form .error .icon {
    color: #e94b35;
}

.lead-form .error .input-label:before {
    border-color: #e94b35;
}

.lead-form .error .textbox:focus + .input-label .label,
.lead-form .error .input-label.float .label {
    color: #e94b35;
}

.lead-form .error .textbox:focus + .input-label .icon {
    color: #e94b35;
}

.lead-form .error .input-label:after {
    border-color: #e94b35;
}

label.error {
    color: red !important;
    position: relative;
    top: -10px;
    font-size: 14px;
}


.help-buttons {
    font-size: 0;
    margin: 0 0 30px -60px;
}

.help-buttons li {
    display: inline-block;
    vertical-align: top;
    padding: 30px 0 0 60px;
    width: 33.33%;
}

.help-buttons li.half {
    width: 50%;
}

.help-buttons .help-btn {
    display: block;
    width: 100%;
}

.related-products {
    font-size: 0;
    margin: -50px 0 0 -60px;
    text-align: center;
}

.related-products li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 60px 0 0 60px;
    text-align: center;
}

.related-products .pic {
    display: block;
    background-color: #000000;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.related-products.cards .pic {
    -webkit-border-radius: 26px;
    border-radius: 26px;
}

.related-products .pic img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.related-products .pic:hover img {
    opacity: 0.7;
}

.related-products h4 {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 30px;
    margin: 20px 0;
}

.related-products h4 a {
    color: #333;
}

.related-products h4 a:hover {
    color: #2dccd3;
}

.related-products p {
    font-size: 18px;
}

.related-products .primary-btn {
    display: block;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.related-products .desc {
    padding: 0 0 80px 0;
    position: relative;
}

.other-products {
    font-size: 0;
    text-align: center;
}

.other-products .block {
    display: inline-block;
    vertical-align: top;
    padding: 25px 0 0 25px;
    text-align: left;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
    margin: 0 20px 0 0;
    width: calc(25% - 20px);
}

.other-products .icon {
    display: block;
    width: 50px;
    height: 60px;
    line-height: 50px;
    font-size: 48px;
    color: #003d4c;
}

.other-products ul > li {
    margin-bottom: 12px;
    font-size: 14px;
}

.other-products ul a {
    color: #84bd00;
    text-align: left;
    display: block;
}

.other-products ul {
    list-style: square;
    color: #84bd00;
    font-size: 16px;
    line-height: 1.28;
    padding-left: 20px;
}

.other-products ul a:hover {
    color: #003d4c;
}

.other-products .title {
    display: block;
    font-family: 'DINPro-Bold', sans-serif;
    color: #003d4c;
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 14px;
}

.text-block {
    display: block;
    margin-bottom: 40px;
}

.text-block .section-title.secondary {
    color: #333;
    border-bottom: 2px solid #b1c3ce;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.text-block .link-btn {
    text-transform: none;
    color: #84bd00;
}

.text-block .link-btn:hover {
    color: #2dccd3;
}

.text-block .inner-blocks {
    font-size: 0;
    margin: 0 0 0 -60px;
}

.text-block .inner-blocks > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 60px;
    width: 33.33%;
}

.text-block .inner-blocks h3 {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 24px;
    margin-bottom: 12px;
}

.text-block .inner-blocks p {
    font-size: 16px;
}

.text-blocks-wrapper {
    margin: 0 0 0 -60px;
    font-size: 0;
}

.text-blocks-wrapper .text-block {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 60px;
    width: 33.33%;
}

.text-blocks-wrapper .text-block .section-title.secondary {
    color: #84bd00;
    border-color: #84bd00;
}

.text-blocks-wrapper .text-block p {
    font-size: 18px;
}

.statistics {
    font-size: 0;
    padding-top: 40px;
}

.statistics li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 80px 20px 60px 20px;
    text-align: center;
    position: relative;
}

.statistics li:before {
    content: "";
    width: 1px;
    height: 60px;
    background-color: #cbd9e1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.statistics .value {
    font-family: 'DINPro-Bold', sans-serif;
    color: #003d4c;
    font-size: 120px;
    letter-spacing: -3px;
}

.statistics .symbol {
    font-family: 'DINPro-Medium', sans-serif;
    color: #003d4c;
    font-size: 72px;
    letter-spacing: -1.8px;
}

.statistics .label {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 18px;
}

.events-filter {
    font-size: 0;
    margin: 0 0 60px -60px;
}
.events-filter.mobile-show{
	  display: block;
    position: relative;
    visibility: visible;
    transform: none;
    padding: 0;
    width: auto;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.events-filter.blog {
    display: table;
    width: 100%;
    margin: 0 0 60px 0;
}

.events-filter > li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 0 0 0 60px;
}

.events-filter > li.half {
    width: 50%;
}

.events-filter > li.full {
    width: 100%;
}

.events-filter.blog > li {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    padding: 0;
}

.events-filter.blog > li.search {
    width: 420px;
    padding-left: 60px;
}

.events-filter.vehicle {
    margin-bottom: 0;
}

.events-filter.vehicle > li {
    padding-top: 30px;
}

.events-filter li {
    font-size: 18px;
}

.events-filter > li.mobile-filter-close {
    display: none;
}

.events-filter select {
    display: block;
    width: 100%;
    height: 60px;
    color: #333;
    padding: 0 30px;
    border: 1px solid #333;
    background-color: #fff;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 18px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.events-filter select option {
    font-size: 16px;
}

.events-filter .show-mobile {
    display: none;
}

.events-filter .input-wrapper {
    position: relative;
    height: 60px;
    color: #333;
    border: 1px solid #333;
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.events-filter .input-wrapper input {
    display: block;
    width: 100%;
    height: 100%;
    border: 0 none;
    margin: 0;
    background-color: transparent;
    padding: 0 30px;
    font-size: 18px;
    font-family: 'DINPro-Medium', sans-serif;
    color: #333;
}

.events-filter .input-wrapper.has-icon input {
    padding: 0 60px 0 30px;
}

.events-filter .input-wrapper button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background-color: transparent;
    border: 0 none;
    margin: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.events-filter .input-wrapper button:hover {
    color: #84bd00;
}

.events-filter .input-wrapper input::-webkit-input-placeholder {
    opacity: 1;
    color: #333;
}

.events-filter .input-wrapper input::-moz-placeholder {
    opacity: 1;
    color: #333;
}

.events-filter .input-wrapper input:-moz-placeholder {
    opacity: 1;
    color: #333;
}

.events-filter .input-wrapper input:-ms-input-placeholder {
    opacity: 1;
    color: #333;
}

.events-filter .btn-reset {
    height: 60px;
    display: block;
    margin: 0;
    padding: 0 30px;
    width: 100%;
    border: 1px solid #333;
    background-color: #fff;
    text-align: left;
    position: relative;
    font-size: 18px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.events-filter .btn-reset span {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
}

.events-filter .btn-reset:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
}

.events-filter .btn-reset:hover {
    background-color: #333;
    color: #fff;
}

.events-filter .btn-close-filter {
    display: block;
    width: 100%;
    text-align: left;
}

.events-filter .btn-close-filter:after {
    content: "\e90f";
    font-size: 24px;
}

.events-filter.biashara > li {
    display: table;
    width: 45%;
}

.events-filter.biashara > li .cell {
    display: table-cell;
    vertical-align: middle;
}

.events-filter.biashara > li .cell.left {
    padding-right: 15px;
    letter-spacing: -0.5px;
    width: 160px;
}

body.filter-open {
    overflow: hidden;
}

body.filter-open:after {
    visibility: visible;
    opacity: 1;
    z-index: 2500;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.btn-filter {
    position: fixed;
    right: 10px;
    top: 72px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #2dccd3;
    text-align: center;
    color: #fff;
    z-index: 200;
    font-size: 20px;
    cursor: pointer;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 5px 10px 0 rgba(0, 1, 0, 0.25);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.btn-filter.not-fixed {
    position: relative;
    width: auto;
    height: 50px;
    line-height: 50px;
    top: auto;
    right: auto;
}

.sports-events {
    font-size: 0;
    margin: -30px 0 0 -60px;
}

.sports-events > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 30px 0 0 60px;
}

.sports-events .block {
    background-color: #fff;
    display: table;
    width: 100%;
    overflow: hidden;
    min-height: 180px;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.sports-events .block .cell {
    display: table-cell;
    vertical-align: top;
}

.sports-events .block .cell.left {
    width: 120px;
    background-color: #84bd00;
    vertical-align: middle;
    text-align: center;
}

.sports-events .block .cell.right {
    padding: 24px 29px 60px 29px;
    position: relative;
}

.sports-events .icon {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 60px;
    display: inline-block;
}

.sports-events .icon.icon-sports-rally {
    font-size: 46px;
    width: 120px;
}

.sports-events h2 {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 24px;
    letter-spacing: -0.6px;
    color: #84bd00;
    margin-bottom: 10px;
}

.sports-events h2 a:hover {
    color: #2dccd3;
}

.sports-events p {
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 1.33;
    font-family: 'DINPro-Medium', sans-serif;
}

.sports-events .link-btn {
    position: absolute;
    bottom: 0;
    left: 29px;
}

.pagination {
    font-size: 0;
    text-align: center;
    margin-top: 60px;
}

.pagination li {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
}

.pagination li a,
.pagination li span {
    padding: 0 5px;
    font-size: 16px;
    color: #333;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: 'DINPro-Medium', sans-serif;
    text-decoration: none;
}

.pagination li a {
    border: 1px solid #e6e6e6;
    padding: 0 14px;
    min-width: 40px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.pagination li a:hover {
    background-color: #f2f2f2;
}

.pagination li a.current {
    background-color: #84bd00;
    color: #fff;
    border-color: #84bd00;
}

.pagination li.prev a,
.pagination li.next a {
    font-size: 20px;
    padding: 0 10px;
    color: #003b4c;
    line-height: 38px;
}

.pagination li.next {
    margin-right: 0;
}

.pagination li a.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.sponsorships {
    font-size: 0;
    margin: -1px 0 0 -1px;
}

.ways-of-banking {
    margin: -15px 0 0 -15px;
}

.sponsorships li {
    display: inline-block;
    vertical-align: top;
    padding: 1px 0 0 1px;
}

.ways-of-banking li {
    padding: 15px 0 0 15px;
}

.sponsorships li.half {
    width: 50%;
}

.sponsorships li.third {
    width: 33.33%;
}

.sponsorships li.two-thirds {
    width: 66.66%;
}

.sponsorships a {
    display: block;
    position: relative;
    overflow: hidden;
}

.ways-of-banking a {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.sponsorships a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 51, 102, 0.4);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sponsorships img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s, -webkit-filter 0.6s;
    transition: opacity 0.35s, transform 0.6s, filter 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.sponsorships a:hover img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-filter: none;
    filter: none;
}

.sponsorships a .caption {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    width: 100%;
    color: #fff;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sponsorships .icon {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 60px;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sponsorships .icon.icon-sports-rally {
    width: 120px;
}

.sponsorships .text {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 36px;
    letter-spacing: -0.9px;
    margin-top: 20px;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sponsorships a:hover .caption {
    color: #2dccd3;
}

.sponsorships a:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
}

.next-match-tbl {
    display: table;
    width: 100%;
}

.next-match-tbl .col {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.next-match-tbl .col.right {
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.next-match-tbl .count-down-block {
    background-color: #003d4c;
    padding: 60px 60px 160px 60px;
    position: relative;
    color: #fff;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
}

.count-down-block .next-match-label {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
}

.count-down-block h1 {
    letter-spacing: -1.2px;
    margin-bottom: 0;
    color: #fff;
}

.count-down-block p {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: -0.6px;
    margin: 0;
}

.count-down-block .btn-blue {
    background-color: #003644;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 110px 0 60px;
    height: 90px;
    line-height: 90px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.count-down-block .btn-blue:after {
    height: 90px;
    line-height: 90px;
    text-align: left;
}

.count-down-block .btn-blue:hover {
    background-color: #84bd00;
}

.next-match-tbl.secondary {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.next-match-tbl.secondary .count-down-block {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.next-match-tbl.secondary .count-down-block h1 {
    margin-bottom: 20px;
}

.next-match-tbl.secondary .count-down-block p {
    font-size: 18px;
    font-family: 'DINPro-Light', sans-serif;
    margin-bottom: 20px;
}

.timer {
    font-size: 0;
    margin: 40px 0;
}

.timer .group {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
    line-height: normal;
    text-align: center;
}

.timer .group:first-child {
    margin-left: 0;
}

.timer .group:last-child {
    margin-right: 0;
}

.timer .digit {
    font-size: 94px;
    letter-spacing: -5px;
    font-family: 'ds-digitalbold', sans-serif;
}

.timer .label {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    text-align: center;
}

.sports-news {
    font-size: 0;
    margin: -60px 0 0 -60px;
}

.sports-news.kcb-mpesa {
    margin-top: -30px;
}

.sports-news li {
    display: inline-block;
    vertical-align: top;
    padding: 60px 0 0 60px;
    width: 50%;
}

.sports-news .block {
    background-color: #003d4c;
    overflow: hidden;
    padding: 50px 60px 120px 60px;
    position: relative;
    color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
}

.sports-news.kcb-mpesa .block {
    background-color: #84bd00;
}

.sports-news h3 {
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 36px;
    letter-spacing: -0.9px;
    margin-bottom: 14px;
}

.sports-news h3 a {
    color: #fff;
}

.sports-news h3 a:hover {
    color: #84bd00;
}

.sports-news.kcb-mpesa h3 a:hover {
    color: #003d4c;
}

.sports-news p {
    font-size: 18px;
    margin: 0;
}

.sports-news .primary-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-left: 60px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.sports-news .primary-btn:after {
    width: 110px;
}

.sports-news.kcb-mpesa .primary-btn {
    background-color: #71ae00;
}

.sports-news.kcb-mpesa .primary-btn:after {
    background-color: #61921a;
}

.sports-news.kcb-mpesa .primary-btn:hover {
    background-color: #003644;
}

.sports-news.kcb-mpesa .primary-btn:hover:after {
    background-color: #002f3c;
}

.sports-team {
    margin: -60px 0 0 -60px;
    font-size: 0;
}

.sports-team li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 60px 0 0 60px;
}

.sports-team .block {
    background-color: #fff;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
}

.sports-team .info {
    display: table;
    width: 100%;
    padding: 10px 30px 20px 30px;
}

.sports-team .info .cell {
    display: table-cell;
    vertical-align: top;
}

.sports-team .info .cell.right {
    padding: 30px 0 0 20px;
}

.sports-team .number {
    display: block;
    font-size: 110px;
    font-family: 'SharpSansNo1-Bold', sans-serif;
    color: #84bd00;
}

.sports-team .name {
    display: block;
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 36px;
    line-height: 0.96;
    letter-spacing: -0.9px;
    text-transform: uppercase;
}

.sports-team .designation {
    font-family: 'DINPro-Medium', sans-serif;
    line-height: 1.1;
    letter-spacing: -0.6px;
    font-size: 24px;
}

.sports-stats {
    margin: 0 0 30px 0;
    font-size: 0;
}

.sports-stats li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 60px;
    text-align: center;
    color: #003d4c;
}

.sports-stats .icon {
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 90px;
}

.sports-stats .label {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 36px;
    letter-spacing: -0.9px;
}

.sports-stats .number {
    display: block;
    font-size: 110px;
    font-family: 'SharpSansNo1-Bold', sans-serif;
    color: #84bd00;
    line-height: 1;
}

.sports-gallery-heading {
    display: table;
    width: 100%;
}

.sports-gallery-heading .col {
    display: table-cell;
    vertical-align: middle;
}

.sports-gallery-heading .col.right {
    text-align: right;
    font-size: 0;
}

.sports-gallery-heading .section-title {
    margin-bottom: 0;
}

.sports-gallery-heading .btn-tab {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    height: 60px;
    line-height: 56px;
    position: relative;
    color: #333;
    padding: 0 80px 0 30px;
    border: 2px solid #333;
    font-size: 22px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.sports-gallery-heading .btn-tab:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 56px;
    line-height: 56px;
    font-size: 38px;
    right: 0;
    top: 0;
    text-align: center;
    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;
}

.sports-gallery-heading .btn-tab.photos:after {
    content: "\e930";
}

.sports-gallery-heading .btn-tab.videos:after {
    content: "\e931";
}

.sports-gallery-heading .btn-tab.commercials:after {
    content: "\e96e";
    font-size: 30px;
}

.sports-gallery-heading .btn-tab.how-to:after {
    content: "\e96b";
    font-size: 31px;
}

.sports-gallery-heading .btn-tab:hover {
    background-color: #efefef;
}

.sports-gallery-heading .btn-tab.active {
    background-color: #84bd00;
    color: #fff;
    border-color: #84bd00;
}

.sports-gallery-tab-content {
    display: none;
}

.sports-gallery-tab-content.active {
    display: block;
}

.sports-gallery {
    overflow: hidden;
}

.sports-gallery .item {
    padding: 50px 0 90px 0;
}

.sports-gallery .item a {
    display: block;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sports-gallery .item a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 5;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sports-gallery .item a:hover:before {
    opacity: 0;
}

.sports-gallery .item a:after {
    content: "\e92f";
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    font-size: 30px;
    opacity: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    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: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

#videos .sports-gallery .item a:after {
    content: "\e900";
    font-size: 20px;
}

.sports-gallery .item a:hover:after {
    opacity: 1;
}

.sports-gallery .item a:hover {
    overflow: hidden;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.sports-gallery .owl-item:hover {
    position: relative;
    z-index: 10;
}

.sports-gallery .owl-stage-outer {
    overflow: inherit;
}

.sports-gallery .owl-nav button {
    width: 80px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.sports-gallery .owl-nav button.owl-prev {
    left: 0;
}

.sports-gallery .owl-nav button.owl-next {
    right: 0;
}

.sports-gallery .owl-nav button i {
    color: #fff;
    font-size: 60px;
}

.sports-gallery .owl-nav button:hover i {
    color: #2dccd3;
}

.fancybox-thumbs__list a:before {
    border-color: #84bd00;
}

.fancybox-progress {
    background-color: #84bd00;
}

.kpl-table-heading {
    display: table;
    width: 100%;
    background-color: #84bd00;
    padding: 30px 60px 0 60px;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.kpl-table-heading .col {
    display: table-cell;
    vertical-align: bottom;
}

.kpl-table-heading .col.right {
    text-align: right;
}

.kpl-table-heading h1 {
    color: #71ae00;
    font-size: 120px;
    letter-spacing: -6px;
    font-family: 'SharpSansNo1-Bold', sans-serif;
    line-height: 0.85;
}

.kpl-tabs {
    font-size: 0;
}

.kpl-tabs a {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    background-color: #71ae00;
    line-height: 60px;
    width: 180px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.kpl-tabs.pesa-link a {
    width: auto;
    padding: 0 20px;
}

.kpl-tabs a:first-child {
    margin-left: 0;
}

.kpl-tabs a:hover {
    background-color: #5C831A;
}

.kpl-tabs a.active {
    background-color: #fff;
    font-family: 'DINPro-Medium', sans-serif;
    color: #84bd00;
}

#kpl-dd {
    display: none;
    width: 100%;
    height: 60px;
    margin: 0;
    border: 0 none;
    color: #84bd00;
    background-color: #fff;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 18px;
    padding: 0 12px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.kpl-tab-content {
    display: none;
    padding: 30px 0 0 0;
}

.kpl-tab-content.active {
    display: block;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.kpl-table {
    width: 99.99%;
}

.kpl-table thead {
    background-color: #84bd00;
    color: #fff;
    font-weight: normal;
    letter-spacing: -0.5px;
}

.kpl-table th,
.kpl-table td {
    padding: 18px;
    text-align: center;
    vertical-align: middle;
}

.kpl-table th:first-child,
.kpl-table td:first-child {
    width: 120px;
}

.kpl-table.pesa-link th:first-child,
.kpl-table.pesa-link td:first-child {
    width: auto;
}

.kpl-table th {
    font-weight: normal;
}

.kpl-table th .short-title {
    display: none;
}

.kpl-table .left {
    text-align: left;
}

.kpl-table td {
    font-family: 'DINPro-Medium', sans-serif;
}

.kpl-table tbody tr:nth-child(even) {
    background-color: #f1f5f7;
}

abbr[title] {
    border: 0;
    cursor: help;
}

.fixtures {
    margin: -30px 0 0 -30px;
    font-size: 0;
}

.fixtures > li {
    display: inline-block;
    vertical-align: top;
    padding: 30px 0 0 30px;
    width: 50%;
}

.fixtures .block {
    background-color: #f1f5f7;
    text-align: center;
    padding: 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.fixtures .teams {
    font-size: 0;
}

.fixtures .teams li {
    display: inline-block;
    vertical-align: middle;
}

.fixtures .name {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
    letter-spacing: -0.5px;
    padding: 0 10px;
    font-size: 18px;
}

.fixtures .emblem {
    width: 60px;
}

.fixtures .time {
    display: block;
    margin: 0 30px;
    width: 60px;
    line-height: 30px;
    color: #fff;
    background-color: #84bd00;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 14px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.fixtures p {
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 16px;
    letter-spacing: -0.4px;
    margin: 7px 0 0 0;
}

.leaderboard-section {
    display: table;
    width: 100%;
}

.leaderboard-section .cl {
    display: table-cell;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    background-size: cover;
}

.leaderboard-section .cl.left {
    width: 40%;
}

.leaderboard-section .cl.right {
    padding-right: 60px;
    padding-left: 60px;
}

.leaderboard-section .section-title {
    color: #fff;
}

.leaderboard-section .link-btn {
    color: #fff;
    text-transform: none;
}

.leaderboard-section .link-btn:hover {
    text-decoration: underline;
}

.leaderboard-section .kpl-table tbody tr {
    background-color: rgba(255, 255, 255, 0.8);
}

.leaderboard-section .kpl-table tbody tr:nth-child(even) {
    background-color: rgba(241, 245, 247, 0.7);
}

.leaderboard-section .kpl-table thead {
    background-color: rgba(127, 188, 3, 0.8);
}

.tradition {
    margin: 0 0 0 -60px;
    font-size: 0;
}

.tradition li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 60px 0 0 60px;
    text-align: center;
}

.tradition .desc {
    padding: 16px;
}

.tradition .title {
    display: block;
    font-size: 24px;
    letter-spacing: -0.6px;
    margin-bottom: 14px;
    font-family: 'DINPro-Bold', sans-serif;
}

.tradition p {
    font-size: 18px;
    margin: 0;
}

.governance-reports {
    font-size: 0;
    margin: 0 0 0 -60px;
    padding-top: 20px;
}

.governance-reports li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 0 0 0 60px;
}

.governance-reports h2 {
    font-family: 'DINPro-Medium', sans-serif;
    letter-spacing: -0.6px;
    font-size: 24px;
    border-top: 2px solid #84bd00;
    padding-top: 20px;
    margin-bottom: 10px;
}

.governance-reports a {
    font-size: 18px;
}

.governance-reports a:before {
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.governance-reports a span {
    font-family: 'DINPro-Medium', sans-serif;
    letter-spacing: -0.5px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.governance-reports a:hover {
    color: #2dccd3;
}

.profiles {
    font-size: 0;
    margin: 0 0 0 -60px;
}

.profiles li {
    display: inline-block;
    vertical-align: top;
    padding: 60px 0 0 60px;
    width: 50%;
}

.profiles .block {
    background-color: #fff;
    overflow: hidden;
    display: table;
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
}

.profiles .block .cell {
    display: table-cell;
    vertical-align: top;
}

.profiles .block .cell.left {
    width: 250px;
    background-color: #000;
}

.profiles .block .cell.right {
    padding: 28px 28px 60px 28px;
    position: relative;
}

.profiles img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.profiles a:hover img {
    opacity: 0.8;
}

.profiles .name {
    display: block;
    text-transform: uppercase;
    font-family: 'DINPro-Bold', sans-serif;
    color: #84bd00;
    font-size: 25px;
    letter-spacing: -1.2px;
    line-height: 1;
    margin-bottom: 8px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.profiles .designation {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #333;
}

.profiles .link-btn {
    text-transform: none;
    color: #84bd00;
    position: absolute;
    left: 28px;
    bottom: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.profiles a:hover .name,
.profiles a:hover .link-btn {
    color: #2dccd3;
}

.leadership {
    margin: -60px 0 0 -60px;
    font-size: 0;
}

.leadership > li {
    display: inline-block;
    vertical-align: top;
    padding: 60px 0 0 60px;
    width: 33.33%;
}

.leadership a {
    display: block;
}

.leadership .pic {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.leadership .pic:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    pointer-events: none;
    z-index: 20;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.leadership img {
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.leadership .name {
    display: block;
    font-family: 'DINPro-Bold', sans-serif;
    color: #003d4c;
    font-size: 24px;
    text-transform: uppercase;
    margin: 20px 0 4px 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.leadership .designation {
    display: block;
    color: #728694;
    font-size: 18px;
    font-family: 'DINPro-Medium', sans-serif;
}

.leadership a:hover .pic:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.leadership a:hover img {
    -webkit-filter: none;
    filter: none;
}

.leadership a:hover .name {
    color: #84bd00;
}

.profile {
    max-width: 960px;
    padding: 80px 60px 60px 60px;
    display: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.profile img {
    float: left;
    width: 250px;
    position: relative;
    z-index: 10;
    margin: 0 30px 20px 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.profile .info {
    margin-top: 20px;
}

.profile img,
.profile .title,
.profile .info {
    opacity: 0;
    -webkit-transition-property: transform, opacity;
    -webkit-transition-duration: .4s;
    transition-property: transform, opacity;
    transition-duration: .4s;
}

.profile img,
.profile .info {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

.profile .title {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
}

.profile h2 {
    display: block;
    font-family: 'DINPro-Bold', sans-serif;
    color: #82bf00;
    font-size: 34px;
    text-transform: uppercase;
    margin: 0 0 4px 0;
}

.profile .designation {
    display: block;
    color: #003d4d;
    font-size: 24px;
    font-family: 'DINPro-Bold', sans-serif;
}

.profile .fancybox-close-small {
    background-color: #84bd00;
    color: #fff;
}

.fancybox-slide--complete .profile img,
.fancybox-slide--complete .profile .info {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.fancybox-slide--complete .profile .title {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.fancybox-slide--complete .profile .title {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.fancybox-slide--complete .profile .info {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.filter-msg {
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 20px;
    letter-spacing: -0.5px;
}

.filter-msg .green {
    color: #84bd00;
}

.branches {
    margin: -30px 0 0 -60px;
    font-size: 0;
}

.branches > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 60px 0 0 60px;
}
.branches.third > li{width:33.33%;}

.branches > li.alert{font-size:initial;display:block;width:100%;}

.branches .block {
    background-color: #fff;
    overflow: hidden;
    padding: 30px 30px 90px 30px;
    position: relative;
    -webkit-box-shadow: 0px 5px 20px 0 rgba(0, 1, 0, 0.1);
    box-shadow: 0px 5px 20px 0 rgba(0, 1, 0, 0.1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.branches h2 {
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 36px;
    color: #84bd00;
    letter-spacing: -0.9px;
    margin-bottom: 20px;
}

.branches h3 {
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 24px;
    color: #84bd00;
    letter-spacing: -0.6px;
    margin-bottom: 12px;
}

.branches .info li {
    position: relative;
    padding: 0 0 0 47px;
    margin: 30px 0;
}

.branches .info li:before {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 25px;
    width: 30px;
		color:#bf9f2e;
}

.branches .info div {
    font-size: 18px;
    font-family: 'DINPro-Medium', sans-serif;
    line-height: 1.67;
}

.branches .info a {
    color: #333;
		word-wrap:break-word;
}

.branches .info a:hover {
    text-decoration: underline;
}

.branches .services {
    font-family: 'DINPro-Medium', sans-serif;
    line-height: 1.33;
    letter-spacing: -0.5px;
    font-size: 18px;
}

.branches .primary-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.branches.careers h3 {
    text-transform: uppercase;
}

.branches.careers p {
    font-size: 14px;
}

.branches.careers .deadline {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 14px;
}

.branches.careers .cell.right {
    text-align: right;
}

.leadership-center-gallery {
    position: relative;
}

.leadership-center-gallery .tbl {
    display: table;
    width: 100%;
}

.leadership-center-gallery .tbl .col {
    display: table-cell;
    vertical-align: top;
}

.leadership-center-gallery .tbl .col.left {
    width: 795px;
}

.leadership-center-gallery .tbl .col.right {
    padding-left: 15px;
}

.leadership-center-gallery .tbl a {
    display: block;
    position: relative;
    overflow: hidden;
}

.leadership-center-gallery .tbl .col.right a:first-child {
    margin-bottom: 15px;
}

.leadership-center-gallery .tbl a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.leadership-center-gallery .tbl a:hover:before {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
}

.leadership-center-gallery .tbl a:after {
    content: "\e92f";
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 50px;
    text-align: center;
    width: 50px;
    height: 50px;
    color: #fff;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 29px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transform: translate(-50%, 200%) scale(0);
    -ms-transform: translate(-50%, 200%) scale(0);
    -o-transform: translate(-50%, 200%) scale(0);
    -webkit-transform: translate(-50%, 200%) scale(0);
    transform: translate(-50%, 200%) scale(0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #84bd00;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.leadership-center-gallery .tbl a:hover:after {
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.leadership-center-gallery .view-gallery {
    display: block;
    width: 160px;
    line-height: 40px;
    background-color: #fff;
    position: absolute;
    left: 30px;
    bottom: 30px;
    text-align: center;
    color: #000;
    border: 0 none;
    margin: 0;
    font-size: 18px;
    font-family: 'DINPro-Regular', sans-serif;
    cursor: pointer;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.leadership-center-gallery .view-gallery:hover {
    background-color: #84bd00;
    color: #fff;
}

.leadership-center-gallery .hidden {
    display: none;
}

.amenities {
    margin: -20px 0 0 -60px;
    font-size: 0;
}

.amenities li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 30px 0 30px 130px;
    width: 25%;
}

.amenities li:before {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    left: 60px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 50px;
    color: #728694;
}

.amenities span {
    display: block;
    font-size: 18px;
    font-family: 'DINPro-Medium', sans-serif;
}

.leadership-center-map {
    border: 1px solid #cbd9e1;
}

.leadership-center-map iframe {
    width: 100%;
    height: 600px;
}

.vehicles-listing {
    font-size: 0;
    margin: -60px 0 0 -60px;
}

.vehicles-listing > li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 60px 0 0 60px;
}

.vehicles-listing .block {
    display: block;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px 5px 20px 0 rgba(0, 1, 0, 0.1);
    box-shadow: 0px 5px 20px 0 rgba(0, 1, 0, 0.1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.vehicles-listing h2 {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 25px;
    letter-spacing: -0.8px;
    color: #84bd00;
    margin-bottom: 26px;
}

.vehicles-listing h2 a:hover {
    color: #2dccd3;
}

.vehicles-listing .desc {
    padding: 20px 30px 80px 30px;
}

.vehicles-listing .primary-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.vehicle-info li {
    display: block;
    vertical-align: top;
    position: relative;
    padding: 9px 0 15px 50px;
}

.vehicle-info li:before {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    left: 0;
    top: 0;
    font-size: 40px;
    color: #728694;
}

.vehicle-info span {
    display: block;
    font-size: 18px;
    font-family: 'DINPro-Medium', sans-serif;
    letter-spacing: -0.6px;
}

.vehicle-info .label {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
}

.vehicle-info.inline {
    font-size: 0;
    margin: 0;
}

.vehicle-info.inline li {
    display: inline-block;
    width: 50%;
    padding-bottom: 40px
}

.vehicle-details {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.vehicle-details .col {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.vehicle-details .col.left {
    padding-right: 30px;
}

.vehicle-details .col.right {
    padding-left: 30px;
}

.vehicle-details h1 {
    font-family: 'DINPro-Bold', sans-serif;
    letter-spacing: -1.2px;
}

.vehicle-details .price {
    display: block;
    color: #2dccd3;
}

.vehicle-details .vehicle-summary {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: -0.6px;
}

.vehicle-details .section-title-tbl {
    display: table;
    width: 100%;
    border-bottom: 2px solid #b1c3ce;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.vehicle-details .section-title-tbl .cell {
    display: table-cell;
    vertical-align: middle;
}

.vehicle-details .section-title-tbl .cell.right {
    text-align: right;
    display: none;
}

.vehicle-details .section-title-tbl .section-title {
    margin-bottom: 0;
}

.vehicle-details .section-title-tbl .btn-enquire {
    font-family: 'DINPro-Medium', sans-serif;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background-color: #84bd00;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.vehicle-details .section-title-tbl .btn-enquire:hover {
    background-color: #003d4c;
}

.vehicle-details .lead-form .summary {
    margin-bottom: 20px;
}

.vehicle-details .lead-form .summary strong {
    color: #333;
}

.vehicle-details .lead-form .field {
    padding: 4px 0;
}

.vehicle-details .lead-form .textbox {
    padding: 20px 50px 20px 0;
}

.vehicle-details .lead-form .input-label .label {
    top: 18px;
    padding-left: 0;
}

.vehicle-details .lead-form .input-label .label {
    top: 18px;
    padding-left: 0;
}

.vehicle-details .lead-form .has-content + label .label{
    top: 0;
    font-size: 14px;
    color: #84bd00;
}

.vehicle-details .lead-form .phone-field .input-label .label {
    top: 0;
}

.vehicle-details .intl-tel-input .selected-flag {
    padding-left: 0;
}

.vehicle-details .lead-form .icon {
    top: 3px;
}

.vehicle-details .lead-form .primary-btn {
    margin-top: 30px;
    width: 100%;
    min-width: inherit;
}

.vehicle-details .widget {
    padding: 50px 60px;
    background-color: #f1f5f7;
    margin-top: 60px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.vehicle-details .widget:first-child {
    margin-top: 0;
}

.vehicle-details .widget h3 {
    font-size: 40px;
    font-family: 'DINPro-Bold', sans-serif;
}

.related-vehicles {
    margin: -20px 0 0 -30px;
    font-size: 0;
}

.related-vehicles li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 30px 0 0 30px;
}

.related-vehicles .pic {
    background-color: #000;
    display: block;
    margin-bottom: 18px;
}

.related-vehicles .pic img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.related-vehicles .pic:hover img {
    opacity: 0.7;
}

.related-vehicles h4 {
    font-family: 'DINPro-Bold', sans-serif;
    line-height: 1.2;
    letter-spacing: -0.5px;
    font-size: 20px;
    color: #84bd00;
    margin-bottom: 5px;
}

.related-vehicles h4 a:hover {
    color: #2dccd3;
}

.related-vehicles .info {
    margin: 0;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 16px;
}

.vehicle-gallery {
    margin-bottom: 40px;
}

.news-articles {
    margin: -60px 0 0 -60px;
    font-size: 0;
}

.news-articles > li {
    display: inline-block;
    width: 33.33%;
    padding: 60px 0 0 60px;
}

.news-articles > li.featured {
    width: 100%;
}

.news-articles > li.half {
    width: 50%;
}

.news-articles .block {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.news-articles .pic-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
}

.news-articles img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.news-articles .pic-wrapper:hover {
    background-color: #000;
}

.news-articles .pic-wrapper:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.news-articles .desc {
    padding: 24px 30px 70px 30px;
}

.news-articles h2 {
    font-family: 'DINPro-Bold', sans-serif;
    line-height: 1.07;
    letter-spacing: -0.7px;
    font-size: 20px;
    color: #84bd00;
}

.news-articles h2 a:hover {
    color: #2dccd3;
}

.news-articles p {
    font-size: 18px;
    margin: 20px 0;
}

.news-articles .meta {
    display: table;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
    font-size: 0;
}

.news-articles .meta .cell {
    display: table-cell;
    vertical-align: middle;
}

.news-articles .meta .cell.right {
    text-align: right;
}

.news-articles .meta span {
    text-transform: uppercase;
    color: #728694;
    display: inline-block;
    vertical-align: middle;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 14px;
    line-height: 13px;
}

.news-articles .meta .sep {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    border-left: 1px solid #728694;
    margin: 0 10px;
}

.news-articles .meta .social-share a {
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 10px;
}

.news-articles .meta .social-share a.icon-twitter-share {
    font-size: 8px;
}

.news-articles.blog .category {
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    background-color: #4ad3da;
    color: #fff;
    padding: 0 22px;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 14px;
    text-transform: none;
    height: 30px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.news-articles.blog .category.pinned {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 5;
}

.news-articles .featured-label {
    display: block;
    width: 120px;
    line-height: 40px;
    background-color: #2dccd3;
    color: #fff;
    font-size: 16px;
    position: relative;
    margin: -44px 0 24px 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.news-articles .featured-label:before {
    position: absolute;
    left: 14px;
    top: 0;
    font-size: 20px;
}

.news-articles .featured-label span {
    font-family: 'DINPro-Regular', sans-serif;
    padding: 0 0 0 43px;
    display: block;
    letter-spacing: -0.4px;
}

.blog-filter {
    font-size: 0;
}

.blog-filter a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 58px;
    font-size: 16px;
    font-family: 'DINPro-Medium', sans-serif;
    letter-spacing: -0.5px;
    color: #919eab;
}

.blog-filter a:first-child {
    margin-left: 0;
}

.blog-filter a:hover {
    color: #2dccd3;
}

.blog-filter a.active {
    font-family: 'DINPro-Bold', sans-serif;
    color: #333;
}

.news-article {
    display: table;
    width: 100%;
}

.news-article .col {
    display: table-cell;
    vertical-align: top;
}

.news-article.center .col {
    vertical-align: middle;
}

.news-article .col.left {
    padding-right: 60px;
}

.news-article .col.right {
    width: 360px;
}

.news-article .article-banner {
    margin-bottom: 50px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.news-article .editor .article-banner {
    margin-top: 50px;
}

.news-article .video-banner {
    margin: 50px 0;
    overflow: hidden;
    display: block;
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.news-article .video-banner:after {
    content: "\e900";
    width: 80px;
    height: 52px;
    font-size: 24px;
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 52px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-shadow: 0px 2px 0 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 2px 0 0 rgba(0, 1, 0, 0.25);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.news-article .video-banner img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.news-article .video-banner:hover {
    background-color: #000;
}

.news-article .video-banner:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.news-article h1 {
    font-family: 'DINPro-Bold', sans-serif;
    letter-spacing: -0.9px;
    line-height: normal;
    font-size: 36px;
    color: #84bd00;
    margin-bottom: 20px;
}

.news-article .meta {
    border-top: 1px solid #cbd9e1;
    padding: 28px 0 0 0;
    display: table;
    width: 100%;
    margin-top: 60px;
}

.news-article .meta .cell {
    display: table-cell;
    vertical-align: middle;
}

.news-article .meta .cell.right {
    text-align: right;
}

.news-article .meta span {
    text-transform: uppercase;
    color: #728694;
    display: inline-block;
    vertical-align: middle;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 14px;
    line-height: 13px;
}

.news-article .meta .sep {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    border-left: 1px solid #728694;
    margin: 0 10px;
}

.news-article.blog .meta .category {
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    background-color: #4ad3da;
    color: #fff;
    padding: 0 22px;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 14px;
    text-transform: none;
    height: 30px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.news-article .primary-btn {
    margin-top: 30px;
}

.news-article.product .section-title {
    margin-bottom: 20px;
}

.editor blockquote {
    display: block;
    background-color: #f1f5f7;
    padding: 60px;
    border-left: 3px solid #84bd00;
    margin: 40px 0;
    font-style: italic;
    font-family: 'DINPro-Medium', sans-serif;
}

.editor blockquote p {
    font-size: 22px;
    letter-spacing: -0.6px;
    color: #003d4c;
    line-height: normal;
}

.editor blockquote span {
    display: block;
    letter-spacing: -0.5px;
    color: #000;
}

.social-share {
    font-size: 0;
}

.social-share li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 14px;
}

.social-share span,
.news-article .meta .social-share span {
    line-height: 30px;
}

.social-share a {
    display: block;
    line-height: 28px;
    width: 30px;
    height: 30px;
    text-align: center;
    border: solid 1px #728694;
    font-size: 15px;
    color: #728694;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.social-share a.icon-twitter-share {
    font-size: 12px;
}

.social-share a:hover {
    background-color: #2dccd3;
    border-color: #2dccd3;
    color: #fff;
}

.news-search {
    position: relative;
    height: 60px;
    color: #333;
    border: 1px solid #333;
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.news-search input {
    display: block;
    width: 100%;
    height: 100%;
    border: 0 none;
    margin: 0;
    background-color: transparent;
    padding: 0 30px;
    font-size: 18px;
    font-family: 'DINPro-Medium', sans-serif;
    color: #333;
}

.news-search.has-icon input {
    padding: 0 60px 0 30px;
}

.news-search button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background-color: transparent;
    border: 0 none;
    margin: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.news-search button:hover {
    color: #84bd00;
}

.news-search input::-webkit-input-placeholder {
    opacity: 1;
    color: #333;
}

.news-search input::-moz-placeholder {
    opacity: 1;
    color: #333;
}

.news-search input:-moz-placeholder {
    opacity: 1;
    color: #333;
}

.news-search input:-ms-input-placeholder {
    opacity: 1;
    color: #333;
}

.news-widget {
    background-color: #f1f5f7;
    padding: 46px 60px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.news-article.blog .news-widget {
    padding: 30px 30px 40px 30px;
    margin-top: 0;
}

.news-widget h2 {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 30px;
    letter-spacing: -0.8px;
    color: #84bd00;
    margin-bottom: 24px;
}

.news-article.blog .news-widget h2 {
    margin-bottom: 10px;
    font-size: 26px;
}

.news-widget.blue {
    background-color: #003d4c;
    color: #fff;
}

.news-widget.blue h2 {
    color: #fff;
}

.news-categories {
    margin-top: -20px;
}

.news-categories li a {
    display: table;
    width: 100%;
    padding: 14px 0;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 18px;
    color: #728694;
}

.news-categories li a .cell {
    display: table-cell;
    vertical-align: middle;
}

.news-categories li a .cell.left {
    width: 84%;
}

.news-categories li a:hover {
    color: #2dccd3;
}

.news-recent-articles li {
    margin-top: 50px;
}

.news-recent-articles li:first-child {
    margin-top: 0;
}

.news-recent-articles .pic-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 18px;
}

.news-recent-articles img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.news-recent-articles .pic-wrapper:hover {
    background-color: #000;
}

.news-recent-articles .pic-wrapper:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.news-recent-articles h3 {
    font-family: 'DINPro-Bold', sans-serif;
    letter-spacing: -0.6px;
    font-size: 22px;
    color: #333;
}

.news-recent-articles h3 a {
    color: #333;
}

.news-recent-articles h3 a:hover {
    color: #2dccd3;
}

.newsletter {
    display: table;
    width: 100%;
    padding: 60px;
    background: url("../images/pattern.png") 0 0 no-repeat #003d4c;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-size: cover;
    background-size: cover;
}

.newsletter .col {
    display: table-cell;
    vertical-align: middle;
}

.newsletter .col.left {
    width: 310px;
}

.newsletter .col.right {
    padding-left: 120px;
}

.newsletter .section-title {
    line-height: 1;
    letter-spacing: -1.2px;
    color: #fff;
    margin: 0;
}

.newsletter .lead-form .field {
    padding: 0;
    width: 180px;
    vertical-align: bottom;
}

.newsletter .lead-form .field:first-child {
    width: calc(100% - 180px);
    padding-right: 60px;
}

.newsletter .lead-form .primary-btn {
    margin: 0 0 10px 0;
    height: 50px;
    line-height: 48px;
    min-width: inherit;
    width: 100%;
}

.newsletter .primary-btn.lined:after {
    height: 48px;
    line-height: 48px;
}

.kcb-mpesa-videos {
    font-size: 0;
    margin: 0 0 0 -60px;
}

.kcb-mpesa-videos li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 60px 0 0 60px;
}

.kcb-mpesa-videos a {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 18px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.kcb-mpesa-videos a:after {
    content: "\e900";
    width: 80px;
    height: 52px;
    font-size: 24px;
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 52px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-shadow: 0px 2px 0 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 2px 0 0 rgba(0, 1, 0, 0.25);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.kcb-mpesa-videos img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.kcb-mpesa-videos a:hover {
    background-color: #000;
}

.kcb-mpesa-videos a:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.kcb-mpesa-videos span {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 24px;
    letter-spacing: -0.6px;
}

.kcb-mpesa-save-block {
    display: table;
    width: 100%;
    overflow: hidden;
    margin-top: 50px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.kcb-mpesa-save-block.no-margin {
    margin-top: 0;
}

.kcb-mpesa-save-block .col {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.kcb-mpesa-save-block .col.left {
    padding: 60px;
    background-color: #003d4c;
    color: #fff;
}

.kcb-mpesa-save-block .col.right {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.kcb-mpesa-save-block .section-title {
    color: #fff;
}

.kcb-mpesa-save-block .primary-btn {
    margin-top: 20px;
    min-width: inherit;
}

.kcb-mpesa-save-block .primary-btn:hover {
    background-color: #71ae00;
}

.kcb-mpesa-save-block .primary-btn:hover:after {
    background-color: #61921a;
}

.faqs-tbl {
    display: table;
    width: 100%;
}

.faqs-tbl .col {
    display: table-cell;
    vertical-align: top;
}

.faqs-tbl .col.left {
    padding-right: 60px;
}

.faqs-tbl .col.right {
    width: 360px;
}

.faqs-tbl .col.half {
    width: 50%;
}

.faqs-tbl .col.half.left {
    padding-right: 30px;
}

.faqs-tbl .col.half.right {
    padding-left: 30px;
}

.faqs-tbl .primary-btn {
    display: block;
    width: 100%;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
}

.expert-widget {
    background-color: #728694;
    padding: 40px 30px 30px 30px;
    color: #fff;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.expert-widget h3 {
    line-height: 0.83;
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 36px;
    margin-bottom: 30px;
}

.expert-widget .contacts > li {
    display: table;
    width: 100%;
    padding: 15px 0;
}

.expert-widget .contacts .cell {
    display: table-cell;
    vertical-align: middle;
}

.expert-widget .contacts .cell.left {
    width: 60px;
}

.expert-widget .contacts .cell.right {
    line-height: 1.67;
    padding-left: 20px;
}

.expert-widget .contacts .icon {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #cbd9e1;
    text-align: center;
    color: #728694;
    font-size: 26px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.expert-widget .contacts .icon.icon-location-email {
    font-size: 22px;
}

.expert-widget .contacts a {
    color: #fff;
}

.expert-widget .contacts a:hover {
    text-decoration: underline;
}

.accordion > li {
    background-color: #fff;
    margin-top: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.accordion.dark > li,
.accordion.dark.split .title {
    background-color: #f1f5f7;
}

.accordion > li:first-child {
    margin-top: 0;
}

.accordion.split {
    margin: -30px 0 0 -30px;
    font-size: 0;
}

.accordion.split > li {
    padding: 30px 0 0 30px;
    margin: 0;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.accordion.split > li.half {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.accordion .title {
    display: block;
    padding: 18px 72px 18px 20px;
    position: relative;
    color: #333;
    font-family: 'DINPro-Medium', sans-serif;
    cursor: pointer;
}

.accordion .title a {
    color: #333;
}

.accordion.split .title {
    background-color: #fff;
    font-size: 18px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.accordion .title.large {
    font-size: 30px;
}

.accordion .title:after {
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "\e96c";
    font-size: 30px;
    color: #cbd9e1;
    height: 30px;
    line-height: 30px;
    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;
}

.accordion > li:hover .title,
.accordion > li:hover .title a {
    color: #84bd00;
}

.accordion > li:hover .title:after {
    color: #A7BFCC;
}

.accordion .content-visible .title,
.accordion .content-visible .title a {
    color: #84bd00;
}

.accordion.split .content-visible .title {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.accordion .content-visible .title:after,
.accordion .content-visible:hover .title:after {
    content: "\e96d";
    color: #84bd00;
}

.accordion .desc {
    padding: 28px 20px;
    display: none;
    border-top: 2px solid #f1f5f7;
    font-size: 18px;
}

.accordion.all-open .desc {
    display: block;
}

.accordion.dark .desc {
    border-color: #cbd9e1;
}

.accordion .desc p {
    margin: 0;
    padding-top: 20px;
}

.accordion .desc p:first-child,
.accordion .desc p.no-padding {
    padding-top: 0;
}

.accordion .desc ul {
    list-style: none;
    padding-left: 24px;
    font-weight: normal;
}

.accordion .desc ul li:before {
    content: "\2022";
    color: #728694;
    display: inline-block;
    width: 1em;
    margin-left: -20px;
}

.accordion .desc ol {
    list-style: decimal;
    padding-left: 22px;
    font-weight: bold;
}

.accordion .desc ul li,
.accordion .desc ol li {
    padding-top: 14px;
}

.accordion .desc ul li:first-child,
.accordion .desc ol li:first-child {
    padding-top: 0;
}

.accordion .desc ol ul {
    padding: 10px 0 0 10px;
}

.accordion .desc ol p {
    font-weight: normal;
}

.accordion .desc strong {
    color: #333;
}

.accordion .desc h3 {
    font-size: 24px;
    font-family: 'DINPro-Bold', sans-serif;
    margin: 20px 0;
}

.accordion .desc h3.no-margin-top {
    margin-top: 0;
}

.accordion.split .desc {
    background-color: #fff;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.accordion.dark.split .desc {
    background-color: #f1f5f7;
}

#enquiry_wrapper {
    width: 558px;
    padding-left: 58px;
    position: fixed;
    top: 0;
    right: -500px;
    z-index: 1200;
    height: 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.search-open #enquiry_wrapper {
    z-index: 400;
    -webkit-transition: none;
    transition: none;
}

.enquiry-open #enquiry_wrapper {
    right: 0;
}

body.enquiry-open {
    overflow: hidden;
}

body.enquiry-open:after {
    visibility: visible;
    opacity: 1;
    z-index: 1100;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

#enquiry_wrapper .btn-enquiry {
    width: 180px;
    height: 50px;
    position: absolute;
    left: -56px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    text-align: center;
    font-family: 'DINPro-Medium', sans-serif;
    background-color: #2dccd3;
    color: #fff;
    font-size: 18px;
    display: block;
    line-height: 50px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#enquiry_wrapper .btn-enquiry:hover {
    background-color: #84bd00;
}

.enquiry {
    padding: 30px;
    background-color: #fff;
    overflow-y: auto;
    height: 100%;
    visibility: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.enquiry .enquiry-close {
    display: block;
    width: 40px;
    height: 40px;
    color: #333;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    font-size: 24px;
}

.enquiry .enquiry-close:hover {
    color: #84bd00;
}

.enquiry-open .enquiry {
    visibility: visible;
}

.enquiry .lead-form .field {
    padding: 4px 0;
}

.enquiry .section-title.secondary {
    font-size: 32px;
}

.enquiry .primary-btn {
    min-width: inherit;
    width: 100%;
    margin-top: 30px;
}

.tenders {
    padding-top: 20px;
}

.tenders > li {
    margin-top: 30px;
}

.tenders .block {
    display: block;
    position: relative;
    background-color: #f1f5f7;
    padding: 24px 90px 24px 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.tenders .block:after {
    content: "\e906";
    width: 28px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    margin: auto;
    text-align: center;
    font-size: 20px;
    color: #afbac1;
    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.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.tenders h2 {
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 24px;
    letter-spacing: -0.6px;
    margin-bottom: 14px;
}

.tenders p {
    margin-bottom: 0;
}

.tender-meta {
    font-size: 0;
}

.tender-meta span {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 14px;
    color: #728694;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.tender-meta .sep {
    width: 1px;
    height: 14px;
    background-color: #728694;
    margin: 0 14px;
    position: relative;
    top: 1px;
}

.news-article .tender-meta {
    border-top: 1px solid #cbd9e1;
    padding: 28px 0 0 0;
    margin-top: 60px;
}

.tenders a {
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.tenders .block:hover {
    background-color: #84bd00;
    color: #fff;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
}

.tenders .block:hover:after,
.tenders .block:hover .tender-meta span {
    color: #fff;
}

.tenders .block:hover .tender-meta .sep {
    background-color: #fff;
}

.tenders .block:hover:after {
    right: 24px;
}

.documents {
    margin: -30px 0 0 -60px;
    font-size: 0;
}

.documents > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 30px 0 0 60px;
}

.documents a {
    display: table;
    background-color: #fff;
    width: 100%;
    min-height: 120px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.documents .cell {
    display: table-cell;
    vertical-align: middle;
}

.documents .cell.left {
    padding: 20px 30px;
}

.documents .cell.right {
    width: 120px;
    background-color: #e4ebef;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.documents .title {
    display: inline-block;
    font-family: 'DINPro-Medium', sans-serif;
    line-height: 1.33;
    letter-spacing: -0.5px;
    font-size: 18px;
    vertical-align: middle;
    color: #333;
}

.documents .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #728694;
    font-size: 40px;
    vertical-align: middle;
}

.documents a:hover {
    background-color: #84bd00;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 5px 10px 0 rgba(0, 1, 0, 0.25);
}

.documents a:hover .cell.right {
    background-color: #71ae00;
}

.documents a:hover .title,
.documents a:hover .icon {
    color: #fff;
}

.vacancies {
    margin: -60px 0 0 -60px;
    font-size: 0;
}

.vacancies li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 60px 0 0 60px;
}

.vacancies .block {
    display: block;
    background-color: #f1f5f7;
    position: relative;
    padding: 22px 30px 80px 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.vacancies .title {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 30px;
    letter-spacing: -0.75px;
    color: #333;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.vacancies .location {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 26px 30px;
    color: #728694;
    font-size: 18px;
    font-family: 'DINPro-Medium', sans-serif;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.vacancies .location:after {
    content: "\e906";
    width: 40px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    font-size: 20px;
    margin: auto;
    text-align: right;
    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;
}

.vacancies .block:hover {
    background-color: #84bd00;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
}

.vacancies .block:hover .title,
.vacancies .block:hover .location {
    color: #fff;
}

.network {
    margin: 0 0 0 -30px;
    font-size: 0;
    padding-bottom: 20px;
}

.network li {
    display: inline-block;
    vertical-align: top;
    padding: 60px 0 0 30px;
    width: 33.33%;
}

.network.quarter li {
    width: 25%;
}

.network .icon {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 60px;
    color: #84bd00;
    margin-bottom: 15px;
}

.network .label {
    display: block;
    font-size: 24px;
    letter-spacing: -0.6px;
    color: #003d4c;
}

.network .stat {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 50px;
    display: block;
    color: #003d4c;
}

.blue .network .label,
.blue .network .stat {
    color: #fff;
}

.testimonials {
    font-size: 0;
    margin: 40px 0 0 0;
}

.testimonials > li {
    display: block;
}

.testimonials .tbl {
    display: table;
    width: 100%;
}

.testimonials .cell {
    display: table-cell;
    vertical-align: top;
}

.testimonials .cell.left {
    width: 90px;
}

.testimonials .cell.right {
    padding-left: 30px;
    font-size: 16px;
}

.testimonials img {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.testimonials .name,
.testimonials .designation {
    font-family: 'DINPro-Bold', sans-serif;
    display: block;
}

.testimonials .name {
    color: #003d4c;
}

.testimonials .designation {
    color: #728694;
}

.testimonials .owl-dots {
    font-size: 0;
    text-align: center;
    margin-top: 20px;
}

.testimonials .owl-dots button {
    width: 13px;
    height: 13px;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    background-color: #003d4c;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.testimonials .owl-dots button:hover {
    opacity: 0.8;
}

.testimonials .owl-dots button.active {
    background-color: #84bd00;
}

.search-title {
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 36px;
    letter-spacing: -0.9px;
}

.search-title span {
    color: #84bd00;
}

.faqs-topics {
    margin: -30px 0 0 -60px;
    font-size: 0;
}

.faqs-topics li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 30px 0 0 60px;
}

.faqs-topics a {
    display: block;
    position: relative;
    color: #fff;
    background-color: #728694;
    line-height: 80px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.faqs-topics a span {
    display: block;
    font-family: 'DINPro-Regular', sans-serif;
    font-size: 24px;
    letter-spacing: -0.6px;
    padding: 0 80px 0 30px;
}

.faqs-topics a:before {
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 30px;
}

.faqs-topics a:hover {
    background-color: #84bd00;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
}

.faqs-topics a.icon-form-organisation:before,
.faqs-topics a.icon-quick-save:before {
    font-size: 38px;
}

body.error-page {
    padding: 0;
}

#error-page {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #000;
}

#error-page:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.error-logo {
    width: 180px;
    height: 60px;
    position: absolute;
    left: 120px;
    top: 120px;
    z-index: 10;
    display: block;
    background: url("../images/logo-sprite.png") -180px 0 no-repeat;
    background-size: 200%;
    -webkit-transition: none;
    transition: none
}

.error-logo:hover {
    background-position: 0 0;
}

#error-page .caption {
    text-align: center;
    max-width: 740px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    color: #fff;
    z-index: 20;
    padding: 0 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#error-page h1 {
    font-family: 'SharpSansNo1-Bold', sans-serif;
    font-size: 30px;
    letter-spacing: 6px;
    text-transform: uppercase;
}

#error-page h2 {
    font-family: 'SharpSansNo1-Bold', sans-serif;
    font-size: 120px;
    letter-spacing: 6px;
    margin: 30px 0;
}

#error-page p {
    font-size: 30px;
    letter-spacing: -0.75px;
    margin-bottom: 50px;
}

#error-page .btn-home {
    display: inline-block;
    vertical-align: top;
    position: relative;
    line-height: 60px;
    background-color: #fff;
    color: #000;
    text-align: left;
    width: 180px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#error-page .btn-home:before {
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 30px;
}

#error-page .btn-home span {
    display: block;
    padding: 0 60px 0 30px;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 24px;
    letter-spacing: -0.6px;
}

#error-page .btn-home:hover {
    background-color: #84bd00;
    color: #fff;
}

.thank-you .icon {
    font-size: 200px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px;
    color: #84bd00;
}

.thank-you .section-title {
    font-family: 'SharpSansNo1-Bold', sans-serif;
    margin-bottom: 10px;
    letter-spacing: 0.4px;
}

.thank-you p {
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 24px;
    margin-bottom: 40px;
}

.thank-you .small-wrapper {
    max-width: 500px;
}

body.advantage {
    padding-top: 120px;
}

header.advantage {
    background-color: #fff;
    padding: 0 120px;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0px 2px 10px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 2px 10px 0 rgba(0, 1, 0, 0.25);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

header.advantage .header-wrapper {
    display: table;
    width: 100%;
}

header.advantage .col {
    display: table-cell;
    vertical-align: middle;
}

header.advantage .col.left {
    width: 420px;
}

header.advantage .col.right {
    text-align: right;
    font-size: 0;
}

header.advantage .logo {
    display: block;
    width: 100%;
}

#mobile_nav nav > ul > li > a.btn-signup,
.btn-signup {
    position: relative;
    line-height: 60px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background-color: #002a4e;
    color: #fff;
    font-size: 14px;
    padding: 0 40px;
    text-transform: uppercase;
    border: 0 none;
    cursor: pointer;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#mobile_nav nav > ul > li > a.btn-signup:hover,
.btn-signup:hover {
    background-color: #bf9f2e;
}

#adv_nav {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
}

#adv_nav a {
    display: inline-block;
    vertical-align: middle;
    line-height: 120px;
    margin-right: 120px;
    color: #002a4e;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    font-family: 'DINPro-Medium', sans-serif;
}

#adv_nav a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    max-width: 0;
    border-bottom: 3px solid #c09f2e;
    content: "";
    width: 100%;
    -webkit-transition: max-width 0.5s;
    -moz-transition: max-width 0.5s;
    transition: max-width 0.5s;
}

#adv_nav a:hover {
    color: #c09f2e;
}

#adv_nav a:hover:after,
#adv_nav a.active:after {
    max-width: 100%;
}

#adv_nav a.active {
    color: #c09f2e;
}

#banner.advantage {
    margin-top: 0;
}

#banner.advantage:before {
    display: none;
}

#banner.advantage .col {
    padding: 0;
}

#banner.advantage .block {
    max-width: 770px;
}

#banner.advantage h1 {
    text-shadow: none;
    color: #bf9f2e;
    margin-bottom: 10px;
}

#banner.advantage h1 span {
    display: block;
    font-size: 48px;
    color: #003d4c;
}

#banner.advantage p {
    font-family: 'DINPro-Medium', sans-serif;
    margin: 0;
    color: #003d4c;
}

.navigation-hamburger {
    display: none;
    vertical-align: middle;
    position: relative;
    width: 56px;
    height: 56px;
    cursor: pointer;
    background-color: #002a4e;
    color: #fff;
    margin-left: 12px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.navigation-hamburger .bar-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 20px;
    -webkit-filter: blur(0);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-transition: margin .2s ease, opacity .3s ease, -webkit-transform .2s ease .8s;
    transition: margin .2s ease, opacity .3s ease, -webkit-transform .2s ease .8s;
    transition: margin .2s ease, transform .2s ease .8s, opacity .3s ease;
    transition: margin .2s ease, transform .2s ease .8s, opacity .3s ease, -webkit-transform .2s ease .8s;
}

.navigation-hamburger .bar {
    height: 2px;
    background: #fff;
    display: block;
    margin: 4px auto;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.navigation-hamburger.-open {
    background-color: #c09f2e;
}

.navigation-hamburger.-open .bar,
.navigation-hamburger.-open .cross-line {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.navigation-hamburger.-close .bar,
.navigation-hamburger.-close .cross-line {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.navigation-hamburger.-open .bar1 {
    -webkit-animation-name: jiggleLeft;
    animation-name: jiggleLeft;
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
}

.navigation-hamburger.-close .bar1 {
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
    -webkit-animation-name: jiggleClose;
    animation-name: jiggleClose;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.navigation-hamburger.-open .bar2 {
    -webkit-animation-name: jiggleRight;
    animation-name: jiggleRight;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.navigation-hamburger.-close .bar2 {
    -webkit-transform: translateX(25px);
    transform: translateX(25px);
    -webkit-animation-name: jiggleClose;
    animation-name: jiggleClose;
    -webkit-animation-delay: .65s;
    animation-delay: .65s;
}

.navigation-hamburger.-open .bar3 {
    -webkit-animation-name: jiggleLeft;
    animation-name: jiggleLeft;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}

.navigation-hamburger.-close .bar3 {
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
    -webkit-animation-name: jiggleClose;
    animation-name: jiggleClose;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.navigation-hamburger .cross-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin-left: 2px;
    -webkit-filter: blur(0);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-transition: margin .2s ease, opacity .3s ease, -webkit-transform .2s ease 1s;
    transition: margin .2s ease, opacity .3s ease, -webkit-transform .2s ease 1s;
    transition: margin .2s ease, transform .2s ease 1s, opacity .3s ease;
    transition: margin .2s ease, transform .2s ease 1s, opacity .3s ease, -webkit-transform .2s ease 1s;
}

.navigation-hamburger .cross-wrap .cross-line {
    height: 100%;
    width: 3px;
    background: #fff;
    position: absolute;
    left: 9px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.navigation-hamburger .cross-wrap .cross-line1 {
    -webkit-transform: translateY(-30px) translateX(30px) rotate(45deg);
    transform: translateY(-30px) translateX(30px) rotate(45deg);
}

.navigation-hamburger.-open .cross-line1 {
    -webkit-animation-name: crossRight;
    animation-name: crossRight;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.navigation-hamburger.-close .cross-line1 {
    -webkit-transform: translateY(0) translateX(0) rotate(-45deg);
    transform: translateY(0) translateX(0) rotate(-45deg);
    -webkit-animation-name: crossLeftClose;
    animation-name: crossLeftClose;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}

.navigation-hamburger .cross-wrap .cross-line2 {
    -webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg);
    transform: translateY(-30px) translateX(-30px) rotate(-45deg);
}

.navigation-hamburger.-open .cross-line2 {
    -webkit-animation-name: crossLeft;
    animation-name: crossLeft;
    -webkit-animation-delay: .65s;
    animation-delay: .65s;
}

.navigation-hamburger.-close .cross-line2 {
    -webkit-transform: translateY(0) translateX(0) rotate(45deg);
    transform: translateY(0) translateX(0) rotate(45deg);
    -webkit-animation-name: crossRightClose;
    animation-name: crossRightClose;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

@-webkit-keyframes jiggleLeft {
    50% {
        -webkit-transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(-25px);
    }
}

@keyframes jiggleLeft {
    50% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(-25px);
    }
}

@-webkit-keyframes jiggleRight {
    50% {
        -webkit-transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(25px);
    }
}

@keyframes jiggleRight {
    50% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(25px);
    }
}

@-webkit-keyframes jiggleClose {
    0% {
        -webkit-transform: translateX(-25px);
    }
    50% {
        -webkit-transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0px);
    }
}

@keyframes jiggleClose {
    0% {
        transform: translateX(-25px);
    }
    50% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0px);
    }
}

@-webkit-keyframes crossLeft {
    100% {
        -webkit-transform: translateY(0px) translateX(0px) rotate(-45deg);
    }
}

@keyframes crossLeft {
    100% {
        transform: translateY(0px) translateX(0px) rotate(-45deg);
    }
}

@-webkit-keyframes crossLeftClose {
    100% {
        -webkit-transform: translateY(30px) translateX(30px) rotate(-45deg);
    }
}

@keyframes crossLeftClose {
    100% {
        transform: translateY(30px) translateX(30px) rotate(-45deg);
    }
}

@-webkit-keyframes crossRight {
    100% {
        -webkit-transform: translateY(0px) translateX(0px) rotate(45deg);
    }
}

@keyframes crossRight {
    100% {
        transform: translateY(0px) translateX(0px) rotate(45deg);
    }
}

@-webkit-keyframes crossRightClose {
    100% {
        -webkit-transform: translateY(30px) translateX(-30px) rotate(45deg);
    }
}

@keyframes crossRightClose {
    100% {
        transform: translateY(30px) translateX(-30px) rotate(45deg);
    }
}

#mobile_nav {
    opacity: 0;
    visibility: hidden;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.5s ease 0s, visibility 0s ease 0.5s;
    transition: opacity 0.5s ease 0s, visibility 0s ease 0.5s;
    background-color: #fff;
}

.adv-menu-open #mobile_nav {
    opacity: 1;
    -webkit-transition: opacity 0s ease 0s, visibility 0s ease 0s;
    transition: opacity 0s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

#mobile_nav .nav-scroller {
    overflow: auto;
    height: 100%;
    padding: 96px 0 30px 0;
    -webkit-perspective: 1200px;
    perspective: 1200px;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#mobile_nav nav {
    text-align: center;
    display: table;
    width: 100%;
    height: 100%;
    max-width: 450px;
    margin: 0 auto;
}

#mobile_nav nav > ul {
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    opacity: 0.4;
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
}

.adv-menu-open #mobile_nav nav > ul {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

#mobile_nav nav > ul > li {
    display: block;
    width: 100%;
    margin: 10px 0;
}

#mobile_nav nav > ul > li > a {
    color: #002a4e;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 0;
    font-family: 'DINPro-Medium', sans-serif;
}

#mobile_nav nav > ul > li > a.active {
    color: #c09f2e;
}

#mobile_nav nav > ul > li > a.btn-signup.active {
    color: #fff;
    background-color: #c09f2e;
}

.adv-info-blocks {
    font-size: 0;
    margin: 60px 0 0 -60px;
}

.adv-info-blocks > li {
    display: inline-block;
    vertical-align: top;
    padding-left: 60px;
    width: 50%;
}

.adv-info-blocks .block {
    background-color: #003d4c;
    padding: 50px 60px;
    color: #fff;
    font-size: 18px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.adv-info-blocks .section-title.secondary {
    font-size: 36px;
    color: #bf9f2e;
    letter-spacing: -0.9px;
}

.bullets ul li {
    position: relative;
    padding: 0 0 0 24px;
    font-family: 'DINPro-Light', sans-serif;
    line-height: 1.33;
    margin-bottom: 16px;
}

.bullets ul li:before {
    content: "\e97d";
    position: absolute;
    left: 0;
    top: 7px;
    font-family: 'icomoon' !important;
    speak: none;
    color: #c09f2e;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bullets ul ul {
    margin-top: 20px;
}

.bullets ul ul li:before {
    content: "\e97c";
    font-size: 10px;
    top: 8px;
}

.adv-patterned-section {
    display: table;
    width: 100%;
    background-color: #c09f2e;
    min-height: 400px;
}

.adv-patterned-section .col {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.adv-patterned-section .col.left {
    position: relative;
    background: url("../images/advantage/advantage_pattern.html");
    padding-left: calc((100vw - 1440px) / 2);
    padding-right: 150px;
    color: #fff;
    -webkit-background-size: 35%;
    background-size: 35%;
}

.adv-patterned-section .col.left .content-wrapper {
    position: relative;
    z-index: 5;
}

.adv-patterned-section .col.right {
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}

.adv-patterned-section .bullets ul li:before {
    color: #003d4c;
}

.adv-patterned-section .bullets ul.half li,
.adv-patterned-section .bullets ul.third li {
    margin-bottom: 30px;
}

.adv-patterned-section .bullets ul.half {
    column-gap: 20px;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

.adv-patterned-section .bullets ul.third {
    column-gap: 20px;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
}

.adv-biz-services {
    font-size: 0;
    margin: 0 0 0 -60px;
}

.adv-biz-services li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 60px 0 0 60px;
    text-align: center;
}

.adv-biz-services .icon {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 120px;
    background-color: #c09f2e;
    color: #fff;
    font-size: 40px;
    text-align: center;
    line-height: 120px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    text-shadow: rgb(164, 136, 34) 1px 1px,
    rgb(164, 136, 34) 2px 2px,
    rgb(164, 136, 34) 3px 3px,
    rgb(164, 136, 34) 4px 4px,
    rgb(164, 136, 34) 5px 5px,
    rgb(164, 136, 34) 6px 6px,
    rgb(164, 136, 34) 7px 7px,
    rgb(164, 136, 34) 8px 8px,
    rgb(164, 136, 34) 9px 9px,
    rgb(164, 136, 34) 10px 10px,
    rgb(164, 136, 34) 11px 11px,
    rgb(164, 136, 34) 12px 12px,
    rgb(164, 136, 34) 13px 13px,
    rgb(164, 136, 34) 14px 14px,
    rgb(164, 136, 34) 15px 15px,
    rgb(164, 136, 34) 16px 16px,
    rgb(164, 136, 34) 17px 17px,
    rgb(164, 136, 34) 18px 18px,
    rgb(164, 136, 34) 19px 19px,
    rgb(164, 136, 34) 20px 20px,
    rgb(164, 136, 34) 21px 21px,
    rgb(164, 136, 34) 22px 22px,
    rgb(164, 136, 34) 23px 23px,
    rgb(164, 136, 34) 24px 24px,
    rgb(164, 136, 34) 25px 25px,
    rgb(164, 136, 34) 26px 26px,
    rgb(164, 136, 34) 27px 27px,
    rgb(164, 136, 34) 28px 28px,
    rgb(164, 136, 34) 29px 29px,
    rgb(164, 136, 34) 30px 30px,
    rgb(164, 136, 34) 31px 31px,
    rgb(164, 136, 34) 32px 32px,
    rgb(164, 136, 34) 33px 33px,
    rgb(164, 136, 34) 34px 34px,
    rgb(164, 136, 34) 35px 35px,
    rgb(164, 136, 34) 36px 36px,
    rgb(164, 136, 34) 37px 37px,
    rgb(164, 136, 34) 38px 38px,
    rgb(164, 136, 34) 39px 39px,
    rgb(164, 136, 34) 40px 40px,
    rgb(164, 136, 34) 41px 41px,
    rgb(164, 136, 34) 42px 42px,
    rgb(164, 136, 34) 43px 43px,
    rgb(164, 136, 34) 44px 44px,
    rgb(164, 136, 34) 45px 45px,
    rgb(164, 136, 34) 46px 46px,
    rgb(164, 136, 34) 47px 47px,
    rgb(164, 136, 34) 48px 48px,
    rgb(164, 136, 34) 49px 49px,
    rgb(164, 136, 34) 50px 50px,
    rgb(164, 136, 34) 51px 51px,
    rgb(164, 136, 34) 52px 52px,
    rgb(164, 136, 34) 53px 53px,
    rgb(164, 136, 34) 54px 54px,
    rgb(164, 136, 34) 55px 55px,
    rgb(164, 136, 34) 56px 56px,
    rgb(164, 136, 34) 57px 57px,
    rgb(164, 136, 34) 58px 58px,
    rgb(164, 136, 34) 59px 59px,
    rgb(164, 136, 34) 60px 60px,
    rgb(164, 136, 34) 61px 61px,
    rgb(164, 136, 34) 62px 62px,
    rgb(164, 136, 34) 63px 63px,
    rgb(164, 136, 34) 64px 64px,
    rgb(164, 136, 34) 65px 65px,
    rgb(164, 136, 34) 66px 66px,
    rgb(164, 136, 34) 67px 67px,
    rgb(164, 136, 34) 68px 68px,
    rgb(164, 136, 34) 69px 69px,
    rgb(164, 136, 34) 70px 70px,
    rgb(164, 136, 34) 71px 71px,
    rgb(164, 136, 34) 72px 72px,
    rgb(164, 136, 34) 73px 73px,
    rgb(164, 136, 34) 74px 74px,
    rgb(164, 136, 34) 75px 75px,
    rgb(164, 136, 34) 76px 76px,
    rgb(164, 136, 34) 77px 77px,
    rgb(164, 136, 34) 78px 78px,
    rgb(164, 136, 34) 79px 79px,
    rgb(164, 136, 34) 80px 80px,
    rgb(164, 136, 34) 81px 81px,
    rgb(164, 136, 34) 82px 82px,
    rgb(164, 136, 34) 83px 83px,
    rgb(164, 136, 34) 84px 84px,
    rgb(164, 136, 34) 85px 85px,
    rgb(164, 136, 34) 86px 86px,
    rgb(164, 136, 34) 87px 87px,
    rgb(164, 136, 34) 88px 88px,
    rgb(164, 136, 34) 89px 89px,
    rgb(164, 136, 34) 90px 90px,
    rgb(164, 136, 34) 91px 91px,
    rgb(164, 136, 34) 92px 92px,
    rgb(164, 136, 34) 93px 93px,
    rgb(164, 136, 34) 94px 94px,
    rgb(164, 136, 34) 95px 95px,
    rgb(164, 136, 34) 96px 96px,
    rgb(164, 136, 34) 97px 97px,
    rgb(164, 136, 34) 98px 98px,
    rgb(164, 136, 34) 99px 99px,
    rgb(164, 136, 34) 100px 100px;
}

.adv-biz-services .label {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 18px;
    margin-top: 30px;
}

.simba-points-access {
    padding-top: 40px;
}

.simba-points-access .block {
    background-color: #f1f5f7;
    display: table;
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.simba-points-access .block .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 52px;
}

.simba-points-access img {
    width: auto !important;
    display: inline-block !important;
    vertical-align: middle;
}

.simba-points-access .owl-dots {
    font-size: 0;
    margin-top: 40px;
    text-align: center;
}

.simba-points-access .owl-dots button {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    position: relative;
}

.simba-points-access .owl-dots button span {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #728694;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.simba-points-access .owl-dots .active span {
    border: 3px solid #c09f2e;
    background-color: #fff;
    -webkit-transform: scale(2);
    transform: scale(2);
}

.advantage-lead-form .summary {
    color: #003d4c;
}

.advantage-lead-form .fieldset .field,
.advantage-lead-form .textbox {
    color: #003d4c;
}

.advantage-lead-form .input-label:before,
.advantage-lead-form .input-label:after {
    border-color: #003d4c;
}

.advantage-lead-form .textbox:focus + .input-label .label,
.advantage-lead-form .input-label.float .label,
.advantage-lead-form .focused .input-label .label,
.advantage-lead-form .textbox:focus + .input-label .icon,
.advantage-lead-form .focused .input-label .icon {
    color: #c09f2e;
}

.advantage-lead-form .primary-btn.lined {
    background-color: #003d4c;
    border-color: #003d4c;
}

.advantage-lead-form .primary-btn.lined:hover {
    background-color: #bf9f2e;
    border-color: #bf9f2e;
}

#adv_nav.platinum a {
    color: #728694;
}

#adv_nav.platinum a:after {
    border-color: #003d4c;
}

#adv_nav.platinum a:hover,
#adv_nav.platinum a.active {
    color: #003d4c;
}

#banner.advantage.platinum h1,
#banner.advantage.platinum h1 span {
    color: #003d4c;
}

#banner.advantage.platinum p {
    font-style: italic;
    font-size: 30px;
}

.navigation-hamburger.platinum.-open {
    background-color: #728694;
}

.adv-biz-services.platinum .icon {
    background-color: #003d4c;
    text-shadow: rgb(0, 33, 75) 1px 1px,
    rgb(0, 33, 75) 2px 2px,
    rgb(0, 33, 75) 3px 3px,
    rgb(0, 33, 75) 4px 4px,
    rgb(0, 33, 75) 5px 5px,
    rgb(0, 33, 75) 6px 6px,
    rgb(0, 33, 75) 7px 7px,
    rgb(0, 33, 75) 8px 8px,
    rgb(0, 33, 75) 9px 9px,
    rgb(0, 33, 75) 10px 10px,
    rgb(0, 33, 75) 11px 11px,
    rgb(0, 33, 75) 12px 12px,
    rgb(0, 33, 75) 13px 13px,
    rgb(0, 33, 75) 14px 14px,
    rgb(0, 33, 75) 15px 15px,
    rgb(0, 33, 75) 16px 16px,
    rgb(0, 33, 75) 17px 17px,
    rgb(0, 33, 75) 18px 18px,
    rgb(0, 33, 75) 19px 19px,
    rgb(0, 33, 75) 20px 20px,
    rgb(0, 33, 75) 21px 21px,
    rgb(0, 33, 75) 22px 22px,
    rgb(0, 33, 75) 23px 23px,
    rgb(0, 33, 75) 24px 24px,
    rgb(0, 33, 75) 25px 25px,
    rgb(0, 33, 75) 26px 26px,
    rgb(0, 33, 75) 27px 27px,
    rgb(0, 33, 75) 28px 28px,
    rgb(0, 33, 75) 29px 29px,
    rgb(0, 33, 75) 30px 30px,
    rgb(0, 33, 75) 31px 31px,
    rgb(0, 33, 75) 32px 32px,
    rgb(0, 33, 75) 33px 33px,
    rgb(0, 33, 75) 34px 34px,
    rgb(0, 33, 75) 35px 35px,
    rgb(0, 33, 75) 36px 36px,
    rgb(0, 33, 75) 37px 37px,
    rgb(0, 33, 75) 38px 38px,
    rgb(0, 33, 75) 39px 39px,
    rgb(0, 33, 75) 40px 40px,
    rgb(0, 33, 75) 41px 41px,
    rgb(0, 33, 75) 42px 42px,
    rgb(0, 33, 75) 43px 43px,
    rgb(0, 33, 75) 44px 44px,
    rgb(0, 33, 75) 45px 45px,
    rgb(0, 33, 75) 46px 46px,
    rgb(0, 33, 75) 47px 47px,
    rgb(0, 33, 75) 48px 48px,
    rgb(0, 33, 75) 49px 49px,
    rgb(0, 33, 75) 50px 50px,
    rgb(0, 33, 75) 51px 51px,
    rgb(0, 33, 75) 52px 52px,
    rgb(0, 33, 75) 53px 53px,
    rgb(0, 33, 75) 54px 54px,
    rgb(0, 33, 75) 55px 55px,
    rgb(0, 33, 75) 56px 56px,
    rgb(0, 33, 75) 57px 57px,
    rgb(0, 33, 75) 58px 58px,
    rgb(0, 33, 75) 59px 59px,
    rgb(0, 33, 75) 60px 60px,
    rgb(0, 33, 75) 61px 61px,
    rgb(0, 33, 75) 62px 62px,
    rgb(0, 33, 75) 63px 63px,
    rgb(0, 33, 75) 64px 64px,
    rgb(0, 33, 75) 65px 65px,
    rgb(0, 33, 75) 66px 66px,
    rgb(0, 33, 75) 67px 67px,
    rgb(0, 33, 75) 68px 68px,
    rgb(0, 33, 75) 69px 69px,
    rgb(0, 33, 75) 70px 70px,
    rgb(0, 33, 75) 71px 71px,
    rgb(0, 33, 75) 72px 72px,
    rgb(0, 33, 75) 73px 73px,
    rgb(0, 33, 75) 74px 74px,
    rgb(0, 33, 75) 75px 75px,
    rgb(0, 33, 75) 76px 76px,
    rgb(0, 33, 75) 77px 77px,
    rgb(0, 33, 75) 78px 78px,
    rgb(0, 33, 75) 79px 79px,
    rgb(0, 33, 75) 80px 80px,
    rgb(0, 33, 75) 81px 81px,
    rgb(0, 33, 75) 82px 82px,
    rgb(0, 33, 75) 83px 83px,
    rgb(0, 33, 75) 84px 84px,
    rgb(0, 33, 75) 85px 85px,
    rgb(0, 33, 75) 86px 86px,
    rgb(0, 33, 75) 87px 87px,
    rgb(0, 33, 75) 88px 88px,
    rgb(0, 33, 75) 89px 89px,
    rgb(0, 33, 75) 90px 90px,
    rgb(0, 33, 75) 91px 91px,
    rgb(0, 33, 75) 92px 92px,
    rgb(0, 33, 75) 93px 93px,
    rgb(0, 33, 75) 94px 94px,
    rgb(0, 33, 75) 95px 95px,
    rgb(0, 33, 75) 96px 96px,
    rgb(0, 33, 75) 97px 97px,
    rgb(0, 33, 75) 98px 98px,
    rgb(0, 33, 75) 99px 99px,
    rgb(0, 33, 75) 100px 100px;
}

#mobile_nav nav > ul > li > a.btn-signup.platinum:hover,
.btn-signup.platinum:hover,
#mobile_nav nav > ul > li > a.btn-signup.platinum.active {
    color: #fff;
    background-color: #728694;
}

.platinum-block {
    display: table;
    width: 100%;
    overflow: hidden;
    padding-top: 58px;
    position: relative;
}

.platinum-block.rtl {
    direction: rtl;
}

.platinum-block .col {
    display: table-cell;
    vertical-align: top;
}

.platinum-block .col.left {
    padding: 0 100px;
    color: #fff;
    position: relative;
    direction: ltr;
}

.platinum-block .col.right {
    position: relative;
    width: 50%;
}

.platinum-block .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -58px;
    right: 0;
    background-position: right top;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.platinum-block.rtl .bg {
    right: auto;
    left: 0;
    background-position: left top;
}

.platinum-block .content-wrapper {
    position: relative;
    z-index: 5;
}

.platinum-block .col.left:before {
    content: "";
    position: absolute;
    top: -58px;
    left: 0;
    width: calc(100vw - 50%);
    height: calc(100% + 58px);
    z-index: 2;
    -webkit-transform: skew(36deg);
    transform: skew(36deg);
    background: #003d4c;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.platinum-block.rtl .col.left:before {
    left: auto;
    right: 0;
    -webkit-transform: skew(-36deg);
    transform: skew(-36deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

.platinum-block .summary,
.platinum-benefits-summary {
    font-family: 'DINPro-Medium', sans-serif;
    letter-spacing: -0.9px;
    font-size: 36px;
    margin-bottom: 30px;
}

.platinum-benefits-summary {
    color: #003d4c;
    margin-bottom: 0;
}

.platinum-block ul li {
    font-family: 'DINPro-Light', sans-serif;
    font-size: 24px;
    padding-left: 30px;
    letter-spacing: -0.6px;
    line-height: 1.33;
    position: relative;
    margin-bottom: 24px;
}

.platinum-block ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    position: absolute;
    left: 0;
    top: 11px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.platinum-block .pic {
    width: 100%;
    height: 100%;
    background-color: red;
}

#mobile_nav.platinum nav > ul > li > a.active {
    color: #728694;
}

.platinum-lead-form .summary {
    color: #003d4c;
}

.platinum-lead-form .fieldset .field,
.platinum-lead-form .textbox {
    color: #003d4c;
}

.platinum-lead-form .input-label:before,
.platinum-lead-form .input-label:after {
    border-color: #003d4c;
}

.platinum-lead-form .textbox:focus + .input-label .label,
.platinum-lead-form .input-label.float .label,
.platinum-lead-form .focused .input-label .label,
.platinum-lead-form .textbox:focus + .input-label .icon,
.platinum-lead-form .focused .input-label .icon {
    color: #728694;
}

.platinum-lead-form .primary-btn.lined {
    background-color: #003d4c;
    border-color: #003d4c;
}

.platinum-lead-form .primary-btn.lined:hover {
    background-color: #728694;
    border-color: #728694;
}

.downloads {
    margin: 0 0 0 -30px;
    font-size: 0;
}

.downloads > li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 20px 0 0 30px;
}

.downloads.third > li{
		width:33.33%;
}

.downloads > li.full {
    width: 100%;
}

.downloads a {
    display: table;
    background-color: #f1f5f7;
    width: 100%;
    min-height: 80px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.downloads .cell {
    display: table-cell;
}

.downloads .cell.left {
    padding: 20px 20px 60px 20px;
    vertical-align: top;
    position: relative;
}

.downloads .cell.right {
    width: 60px;
    background-color: #e4ebef;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.downloads .title {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
    letter-spacing: -0.6px;
    font-size: 16px;
    color: #333;
}

.downloads .meta {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 20px;
    font-size: 0;
}

.downloads .meta span {
    text-transform: uppercase;
    color: #728694;
    display: inline-block;
    vertical-align: middle;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 14px;
}

.downloads .meta .sep {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    border-left: 1px solid #728694;
    margin: 0 10px;
}

.downloads .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #728694;
    font-size: 32px;
    vertical-align: middle;
}

.downloads a:hover {
    background-color: #84bd00;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 5px 10px 0 rgba(0, 1, 0, 0.25);
}

.downloads a:hover .cell.right {
    background-color: #6fb002;
}

.downloads a:hover .title,
.downloads a:hover .meta span,
.downloads a:hover .icon {
    color: #fff;
}

.downloads a:hover .meta span.sep {
    border-color: #fff;
}

.contacts-tbl {
    display: table;
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.contacts-tbl .col {
    display: table-cell;
    vertical-align: top;
    padding-right: 40px;
    padding-left: 40px;
}

.contacts-tbl .col.right {
    width: 400px;
    color: #fff;
    background-color: #003d4c;
}

.contacts-tbl .section-title {
    font-size: 40px;
}

.contacts-tbl .col.right .section-title {
    color: #fff;
}

.contacts-tbl .lead-form .field {
    padding: 4px 0;
}

.contacts-tbl .col.right .icon {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #7fbc03;
    color: #fff;
    font-size: 30px;
    margin-bottom: 24px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.contacts-tbl .col.right .icon.icon-form-email {
    font-size: 20px;
}

.contacts-tbl .col.right p {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 2.4px;
    margin-bottom: 60px;
}

.contacts-tbl .col.right p:last-child {
    margin-bottom: 0;
}

.contacts-tbl .col.right a {
    color: #fff;
}

.contacts-tbl .col.right a:hover {
    text-decoration: underline;
}

.social-media-banner {
    position: relative;
    background-repeat: no-repeat;
    color: #fff;
    background-position: top center;
    -webkit-background-size: cover;
    background-size: cover;
}

.social-media-banner:before {
    content: "";
    position: absolute;
    background-color: rgba(0, 61, 76, 0.8);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.social-media-banner .wrapper {
    position: relative;
    z-index: 10;
}

.social-media-banner .section-title {
    font-size: 40px;
    color: #fff;
}

.social-media-banner .social-links {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.social-media-banner .social-links a {
    display: block;
    padding: 20px;
}

.social-media-banner .social-links .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #003D4C;
    font-size: 15px;
    background-color: #fff;
    margin-bottom: 24px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.social-media-banner .social-links .label {
    color: #fff;
    display: block;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.social-media-banner .social-links a:hover .label {
    color: #84bd00;
}

.social-media-banner .social-links a:hover .icon {
    background-color: #84bd00;
    color: #fff;
}

.icons-list li {
    display: flex;
    margin: 20px 0;
}

.icons-list .icon {
    font-size: 24px;
}

.icons-list .label {
    font-size: 16px;
    padding-left: 16px;
}

#sitemap {
    margin-top: -180px;
    position: relative;
    z-index: 10;
    overflow: hidden;
    display: table;
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 20px 0 rgba(0, 1, 0, 0.15);
    box-shadow: 0px 5px 20px 0 rgba(0, 1, 0, 0.15);
}

#sitemap.about,
#sitemap.values {
    margin: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#sitemap .block {
    display: table-cell;
    vertical-align: top;
    width: 16.66%;
    background-color: #fff;
    padding: 20px;
    -webkit-box-shadow: 2px 1px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 2px 1px 6px 0 rgba(0, 0, 0, 0.16);
}

#sitemap.about .block,
#sitemap.values .block {
    width: 33.33%;
    padding: 0 20px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#sitemap .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 48px;
    color: #003d4c;
}

#sitemap .icon.corp-m-banking,
#sitemap .icon.corp-people {
    font-size: 36px;
}

#sitemap.about .icon,
#sitemap.values .icon {
    color: #84bd00;
}

#sitemap.values .icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    margin-right: 12px;
    text-align: center;
}

#sitemap .title {
    font-family: 'DINPro-Bold', sans-serif;
    color: #003d4c;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 14px;
}

#sitemap .title-wrapper {
    display: flex;
    align-content: center;
}

#sitemap ul {
    list-style: square;
    color: #84bd00;
    font-size: 16px;
    line-height: 1.28;
    padding-left: 20px;
}

#sitemap ul > li {
    margin-bottom: 12px;
    font-size: 14px;
}

#sitemap ul a {
    color: #84bd00;
}

#sitemap ul a:hover {
    color: #003d4c;
}

#sitemap ul ul {
    list-style: disc;
    color: #333;
    font-size: 14px;
    margin-top: 8px;
}

#sitemap ul ul a {
    color: #333;
}

#sitemap ul ul a:hover {
    color: #333;
    text-decoration: underline;
}

#sitemap ul ul > li {
    margin-bottom: 8px;
}

header.animate-search.adv a.active {
    background-color: #bf9f2e !important;
}

header.animate-search.pltn a.active {
    background-color: #acacac !important;
}

header.pltn .sub-nav-wrapper {
    background-color: #acacac;
}

header.adv .top-bar {
    background-color: #bf9f2e;
}

header.pltn .top-bar {
    background-color: #808080;
}

header.pltn .sub-nav-wrapper:before {
    border-top: 25px solid #d5d4da;
    border-left: 35px solid #d5d4da;
}

header.pltn .sub-nav-wrapper .sub-nav > li > a.has-children:after {
    border-color: #acacac transparent transparent;
}

.pltn a.btn-download:hover {
    background-color: #003d4c;
}

.pltn a.btn-download {
    color: #fff;
    border-radius: 7px;
    background-color: #2dccd3;
    font-size: 14px;
    padding: 7px 15px;
}

.adv a.btn-download:hover {
    background-color: #003d4c;
}

.adv a.btn-download {
    color: #fff;
    border-radius: 7px;
    background-color: #2dccd3;
    font-size: 14px;
    padding: 7px 15px;
}

#banner.grey .products-nav nav a.active, #banner.grey .products-nav nav a.active:hover {
    border-color: #808080;
    color: #fff;
    background-color: #808080;
}

#banner.grey h1 span {
    color: #003d4c;
}

.plantnum .top-bar {
    background-color: #003d4c;
}

.plantnum .sub-nav-wrapper {
    background-color: #acacac;
}

.plantnum .sub-nav-wrapper:before {
    border-top: 25px solid #d5d4da;
    border-left: 35px solid #d5d4da;
}

.plantnum .sub-nav-wrapper .sub-nav > li > a.has-children:after {
    border-color: #acacac transparent transparent;
}

.plantnum .animate-search a.active {
    background-color: #acacac !important;
}

.plantnum #ticker {
    background-color: #acacac !important;
}

.plantnum .editor .section-title {
    font-size: 26px !important;
    margin-bottom: 0;
}

.advantge .sub-nav-wrapper {
    background-color: #bf9f2e;
}

.advantge .products-nav .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #bf9f2e;
}

.advantge .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #bf9f2e;
}

.advantge .products-nav .select2-container--default .select2-selection--single, .products-nav .select2-dropdown {
    border-color: #bf9f2e;
    color: #bf9f2e;
}

.advantge .sub-nav-wrapper:before {
    border-top: 25px solid #9b801e;
    border-left: 35px solid #9b801e;
}

.advantge .sub-nav-wrapper .sub-nav > li > a.has-children:after {
    border-color: #bf9f2e transparent transparent;
}

.advantge .animate-search a.active {
    background-color: #bf9f2e !important;
}

.plantnum #ticker {
    background-color: #acacac !important;
}

.advantge #ticker {
    background-color: #bf9f2e !important;
}

.advantge .editor .section-title {
    font-size: 26px !important;
    margin-bottom: 0;
}

.other-products .block:hover {
    background-color: #dde8ee;
}

#breadcrumbs a:current {
    color: #000;
}

.plantnum .section-title {
    color: #000;
}

.plantnum .products-slider-tbl .col.left {
    background-color: #003d4c;
}

.plantnum .products-slider-tbl .col.left:after {
    background-color: #003d4c;
}

.plantnum .products-slider h2,
.plantnum .products-slider h3 {
    color: #003d4c;
}

.plantnum .section-title.secondary.brown {
    padding: 10px 0;
}

.plantnum .editor {
    color: #003d4c;
}

.plantnum .news-widget.blue {
    background-color: #003d4c;
}

.plantnum .primary-btn {
    background-color: #003d4c;
    border: none;
}
.plantnum .primary-btn:after{background-color:#003d4c;}

.plantnum .primary-btn:hover,
.plantnum .primary-btn:hover:after{background-color:#000;}

.plantnum .select2-container--default .select2-selection--single,
.plantnum .select2-dropdown {
    border-color: #003d4c;
}

.plantnum .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    color: #003d4c;
}

.plantnum .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #003d4c;
}

.plantnum .branches h2 {
    color: #003d4c;
}

.plantnum .branches .block {
    color: #808080;
		padding-bottom:60px;
}

.plantnum .branches .info a {
    color: #808080;
}

.advantge .branches .primary-btn {
    background-color: #003d4c;
    border: none;
}

.advantge .branches .primary-btn:after {
    background-color: #003d4c;
}

.advantge .branches .primary-btn:hover {
    background-color: #bf9f2e;
}

.advantge .branches .primary-btn:hover:after {
    background-color: #bf9f2e;
}

.primary-btn.bg-grey {
    background-color: #003d4c;
}

.primary-btn.bg-grey:after {
    background-color: #003d4c;
}

.primary-btn.bg-grey:hover {
    background-color: #808080;
}

.primary-btn.bg-grey:hover:after {
    background-color: #808080;
}

.plantnum .pagination li a.current {
    background-color: #003d4c;
    border-color: #003d4c;
}

.small-banner .b-coloured a.active {
    color: #bf9f2e !important;
}

.grey .b-coloured a.active {
    color: #808080 !important;
}

.pltn .primary-btn {
    height: 40px;
    line-height: 40px;
    background-color: #84bd00;
    color: #fff;
    font-size: 18px;
    padding: 0 34px;
    text-align: center;
}

.pltn .primary-btn:after {
    display: none;
}

.pltn a.btn-download:hover {
    background-color: #003d4c;
}

.pltn a.btn-download {
    color: #fff;
    border-radius: 7px;
    background-color: #2dccd3;
    font-size: 14px;
    padding: 7px 15px;
}

.section-title.small {
    font-size: 26px !important;
}

.pesalink {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 30px;
}

.p-link th:first-child, .kpl-table td:first-child {
    width: auto;
}

#standings.p-link {
    padding: 0;
}

.white {
    color: #fff;
}

.two-colomns > li {
    width: 50%;
    max-width: 310px;
    padding-top: 0;
}

.two-colomns .title {
    font-size: 14px;
}

.green {
    background-color: #84bd00 !important;
    border: 0px solid #fff !important;
}

.text {
    color: #84bd00;
    font-family: 'DINPro-Light', sans-serif;
}

.text:hover {
    color: #2dccd3;
}

.brown {
    color: #bf9f2e;
}

a.btn-download2 {
    color: #fff;
    border-radius: 7px;
    background-color: #2dccd3;
    font-size: 14px;
    padding: 7px 15px;
}

.spo-txt {
    margin-bottom: 0px;
    padding-top: 20px;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

.table .col {
    vertical-align: top;
    text-align: center;
    display: table-cell;
    width: 50%;
    position: relative;
}

.table .col.left {
    text-align: left;
    padding-right: 50px;
}

.table .col.right {
    text-align: right;
}

.table .col.right .film {
    background-color: #003d4c;
    padding: 10px 20px;
}

.news-sports img {
    width: 100%;
    height: 100%;
}

.news-sports .film {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    text-align: left;
    z-index: 20;
    padding: 23px 0 15px 15px;
    font-family: 'DINPro-Bold', sans-serif;
    line-height: 1.07;
    letter-spacing: -0.7px;
    font-size: 28px;
}

.news-sports .block {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.1);
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.news-sports .pic-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
}

.news-sports .pic-wrapper:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.news-sports img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
    padding-top: 2px;
    max-height: 300px;
}

.news-sports .pic-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
}

.news-sports .pic-wrapper:hover {
    background-color: #000;
}

.news-sports .date {
    font-size: 13px;
    display: block;
    font-family: 'DINPro-Medium';
    padding: 10px 0
}

.other-news {
    font-size: 0;
    margin: 10px 0 0;
}

.other-news > li {
    display: block;
    vertical-align: top;
    width: 100%;
    border-radius: 1px;
    background-color: #f1f5f9;
    margin: 0 0 10px;
    overflow: hidden;
    height: 60px;
}

.table .col.left .other-news > li:first-child {
    border-radius: 0;
    background-color: transparent;
    height: auto;
}

.table .col.right .other-news > li:first-child {
    border-radius: 0;
    background-color: transparent;
    height: auto;
    padding: 0;
}

.other-news .tbl {
    display: table;
    width: 100%;
}

.other-news .cell.left {
    width: 74px;
}

.other-news .cell {
    display: table-cell;
    vertical-align: top;
}

.other-news .date {
    font-family: 'DINPro-Regular';
    display: block;
}

.other-news .cell.right {
    padding-left: 30px;
    font-size: 14px;
    color: #003d4c;
    vertical-align: middle;
}

.other-news p {
    margin-bottom: 0;
    font-family: 'DINPro-Medium';
}

.news-sports .primary-btn {
    min-width: 100% !important;
}

.news-sports .section-title.small {
    MARGIN-BOTTOM: 20PX;
    text-align: left;
}

.film .table {
    width: 100%;
    text-align: center;
}

.film .table .col {
    width: 33.33%;
    display: table-cell;
    vertical-align: middle;
}

.film .col.left {
    text-align: left !important;
}

.film .text {
    font-family: 'DINPro-Regular', sans-serif;
    font-size: 12px;
    color: #fff;
}

.film .col.middle {
    font-family: 'DINPro-Medium', sans-serif;;
    text-align: center;
    font-size: 11px;
    color: #84bd00;
    padding: 0 10px;
}

.film .col.middle .month {
    font-size: 21px;
    font-weight: bold;
    display: block;
}

.film .col.right {
    text-align: right !important;
}

.film .icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding: 0;
    color: #fff;
    font-family: 'DINPro-Light', sans-serif;
    font-size: 12px;
}

.film .corp-location:before {
    color: #fff;
}

.news-sports .on-game {
    display: table;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    color: #ffffff;
    text-align: center;
    z-index: 20;
    padding: 23px 0 15px 15px;
    font-family: 'DINPro-Bold', sans-serif;
    line-height: 1.07;
    letter-spacing: -0.7px;
    font-size: 28px;
}

.on-game {
    margin: 0 auto;
    font-size: 0;
    text-align: center;
}

.on-game .segment {
    vertical-align: middle;
    display: table-cell;
    width: 33.33%;
    position: relative;
}

.on-game .emblem {
    display: block;
    width: 50px;
    max-width: 50px;
    vertical-align: middle;
    padding: 0;
    margin: 0 auto;
    height: auto;
}

.on-game .club-logo {
    display: table;
    width: 100%;
    height: 20px;
    margin: 14px 0 0 0;
}

.on-game .c-name {
    color: #fff;
    padding: 0 10px;
    text-align: center;
    font-size: 15px;
    font-family: 'DINPro-Medium', sans-serif;
    text-decoration: none;
    line-height: 22px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin-top: 27px;
    letter-spacing: -0.5px;
}

.vs {
    max-width: 80px;
}

.s-matches li {
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    color: #003d4c;
    padding: 15px 0;
}

.s-matches .col {
    text-align: center !important;
    vertical-align: middle;
    width: 33.33%;
}

.s-matches .col.middle {
    font-size: 12px;
}

.kpl-table-heading.rugby {
    background-color: #f1f5fa;
    padding: 0 0 30px 0;
}

.rugby .kpl-tabs a.active {
    background-color: #f1f5fa;
    color: #84bd00;
}

.rugby .kpl-tabs a {
    background-color: #fff;
    color: #808080;
    display: table-cell;
    width: 50%;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 18px;
}

.rugby .kpl-tabs {
    width: 100%;
    display: table;
}

.rugby .kpl-table thead {
    background-color: transparent;
    color: #707070;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.kpl-tab-content.rugbyy {
    padding: 0;
    background-color: #f1f5fa;
    color: #707070;
    padding: 30px 40px;
}

.rugbyy .kpl-table thead {
    background-color: transparent;
    font-family: 'DINPro-Bold', sans-serif;
    color: #707070;
}

.rugbyy .kpl-table th, .kpl-table td {
    padding: 18px;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #707070;
}

.latest-news-rugby .table {
    position: relative;
}

.latest-news-rugby .t-cell {
    vertical-align: middle;
    text-align: left;
    display: table-cell;
}

.latest-news-rugby .t-cell.left {
    width: 30%;
    position: relative;
    z-index: 0;
}

.latest-news-rugby .t-cell.right {
    position: relative;
    left: -24px;
    z-index: 1;
}

.latest-news-rugby .bg-white {
    background-color: #fff;
    padding: 30px;
    font-size: 16px;
    line-height: 1.28;
    text-align: left;
    color: #707070;
    font-family: 'DINPro-Regular', sans-serif;
}

.latest-news-rugby .name {
    font-family: 'DINPro-Bold', sans-serif;
}

.latest-news-rugby p {
    margin-bottom: 10px;
}

.latest-news-rugby .owl-nav {
    position: absolute;
    right: 24px;
    bottom: -3px;
}

.latest-news-rugby .s-arrow {
    text-decoration: none;
    color: #84bd00;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0;
    text-align: center;
    border: 0px solid #949494;
    background-color: transparent;
    border-radius: 100%;
}

.latest-news-rugby .customNavigation button.owl-next,
.latest-news-rugby .customNavigation button.owl-prev {
    border: none;
    padding: 0 13px;
    background: transparent;
}

.latest-news-rugby {
    display: block;
    width: 100%;
}

span.s-arrow.left.icon-arrow-left {
    margin-right: 15px;
}

.pics-gallery {
    font-size: 0;
    margin: -20px 0 0 -20px;
}

.pics-gallery li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 20px 0 0 20px;
    text-align: center;
}

.pics-gallery .pic {
    display: block;
    background-color: #000000;
    -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0px 10px 20px 0 rgba(0, 1, 0, 0.25);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.pics-gallery .pic img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.pics-gallery .pic:hover img {
    opacity: 0.7;
}

.inner-landing .content-wrapper.dark {
    background-color: transparent;
}

.rugby-inside .date {
    color: #808080;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 13px
}

.rugby-inside .product-summary {
    padding-top: 0;
}

.rugby-inside .social-share {
    height: 250px;
    width: 40px;
    position: fixed;
    right: 30px;
    top: 300px;
}

.rugby-inside .social-share li {
    display: block;
    margin: 0 0 15px;
}

.social-share a {
    color: #003d4c;
}

.news-sports .col.right {
    text-align: left;
}

.advantge .btn-filter {
    background-color: #bf9f2e;
}

.plantnum .btn-filter {
    background-color: #808080;
}

.plantnum .mobile-filter-close .primary-btn:after {
    background-color: #003d4c;
}
.plantnum .mobile-filter-close .primary-btn:hover:after{
		background-color:#000;
}

.advantge .mobile-filter-close .primary-btn:after {
    background-color: #bf9f2e;
}
.advantge .mobile-filter-close .primary-btn:hover:after{
		background-color:#003d4c;
}

.banner-rugby-padding {
    padding: 20px 0
}

.news-sports .other-news .col.right {
    padding-top: 0 !important;
}

.news-sports .film .col.right {
    padding-top: 0;
}

.summary.full-width {
    width: 100% !important;
}

#nse {
    background-color: #84bd00;
    padding: 18px 0;
    color: #003d4c;
}

#nse .wrapper {
    display: flex;
    justify-content: space-between;
}

#nse .col.left {
    flex: 0 0 210px;
}

#nse .col.right {
    text-align: right;
    display: flex;
}

#nse .kcb-info {
    position: relative;
}

#nse .kcb-price {
    display: block;
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 30px;
}

#nse .label {
    display: block;
    font-size: 16px;
    font-family: 'DINPro-Medium', sans-serif;
}

#nse .change {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}

#nse .change .value {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 11px;
}

#nse .change.up {
    color: #fff;
}

#nse .change.down {
    color: #BC0303;
}

#nse .change:before {
    font-size: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#nse .cell {
    text-align: center;
    padding: 0 28px;
}

#nse .title {
    display: block;
    font-size: 15px;
    font-family: 'DINPro-Medium', sans-serif;
    text-transform: uppercase;
    margin-bottom: 6px;
}

#nse .stock-value {
    display: block;
    font-size: 15px;
    color: #fff;
    margin-top: 12px;
}

.advantge .products-nav .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #bf9f2e;
}

.advantge .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #bf9f2e;
}

.advantge .products-nav .select2-container--default .select2-selection--single, .products-nav .select2-dropdown {
    border-color: #bf9f2e;
    color: #bf9f2e;
}

.s-rugby td.kcb-stand {
    color: #84bd00 !important;
}

.s-rugby #banner.small-banner {
    min-height: 650px;
		height:auto;
}

.s-rugby .tbl {
    display: table;
    position: relative;
    z-index: 1;
		padding:60px 0;
}

.r-padding {
}

.s-rugby #banner .col {
    display: block;
}

.s-rugby .tbl .col-left {
    vertical-align: top;
    text-align: left;
    display: table-cell;
    width: 70%;
    padding-right: 60px;
}

.s-rugby .tbl .col-right {
    vertical-align: top;
    text-align: left;
    display: table-cell;
}

.s-rugby #banner:before {
    background-image: linear-gradient(to right, rgba(0, 61, 76, 0.29), rgba(0, 56, 69, 0.37) 57%, #000c0f 99%);
}

.s-rugby #banner h1 span {
    color: #fff;
    position: relative;
    padding-bottom: 4px;
}

.s-rugby #banner h1 span:after {
    content: "";
    height: 1px;
    width: 57px;
    display: block;
    background-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

.s-rugby span.sport-icon, .s-rugby .iconn {
    color: #fff;
    font-size: 80px;
    padding-bottom: 40px;
    display: block;
}

.s-rugby .day {
    width: 20px;
}

.s-rugby .day span {
    font-family: 'DINPro-Regular', sans-serif;
    font-size: 7px;
    padding: 10px 0;
    display: block;
}

.s-rugby .segment {
    display: table-cell;
    vertical-align: text-top;
    text-align: left;
    font-family: 'DINPro-Regular', sans-serif;
    font-size: 14px;
    line-height: 0.56;
    color: #ffffff;
    padding-right: 20px;
}

.s-rugby .segment.day {
    font-family: 'DINPro-Bold', sans-serif;
}

.s-rugby .segment.ttle {
    width: 20px;
    position: relative;
}

.s-rugby .segment.time {
    text-align: right;
    position: relative;
    font-size: 10px;
    padding-right: 30px;
}

.s-rugby .segment.ttle:before {
    content: "";
    height: 10px;
    width: 1px;
    display: block;
    background-color: #fff;
    bottom: 0;
    left: -7px;
    right: 0;
    top: 0;
    position: absolute;
}

.s-rugby .col-right ul {
    font-size: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: text-top;
}

.s-rugby .col-right ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    vertical-align: text-top;
    width: 100%;
    padding: 3px 0 15px;
}

.s-rugby .col-right ul li p {
    font-family: 'DINPro-Regular', sans-serif;
    font-size: 14px;
    line-height: 1.31;
    text-align: left;
    color: #ffffff;
    margin-bottom: 10px;
}

.s-rugby .segment.time:after {
    display: block;
    position: absolute;
    right: 18px;
    top: 3px;
    bottom: 0;
    margin: auto;
    content: "\e900";
    font-size: 7px;
    color: #cbd9e1;
    font-family: 'corporate-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.s-rugby #banner.inner-landing .summary {
    width: 89%;
}

.kenya-cup {
    display: block;
    width: 100%;
}

.kenya-cup .tbl {
    position: relative;
    bottom: 0;
    width: 100%;
}

.kenya-cup .rugbyy .kpl-table th, .kpl-table td {
    padding: 18px;
    border: solid 0px #707070;
}

.kenya-cup .kpl-table thead {
    background-color: #e8eaeb;
    color: #003d4c;
    font-weight: normal;
    letter-spacing: -0.5px;
    font-family: 'DINPro-Bold', sans-serif;
}

.kenya-cup .kpl-table tbody tr:nth-child(even) {
    background-color: #e8eaeb;
}

.kenya-cup .kpl-table td {
    font-family: 'DINPro-Regular', sans-serif;
    color: #003d4c;
    font-size: 17px;
}

.kenya-cup .kpl-table .left {
    text-align: left;
}

.kenya-cup .kpl-table th, .kpl-table td {
    padding: 18px;
    text-align: left;
    vertical-align: middle;
}

.kenya-cup .rugbyy .kpl-table th, .kpl-table td {
    padding: 16px;
    text-align: left;
    vertical-align: middle;
}

.kenya-cup .section-title.small {
    line-height: 52px;
    border-bottom: 1px solid #003d4c;
    margin-bottom: 30px;
}

.games li {
    display: block;
    width: 100%;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 12px;
    text-align: left;
    color: #003d4c;
    margin-bottom: 10px;
    border-radius: 2px;
    background-color: #e8eaeb;
}

.s-rugby .col-right .games ul li {
    padding: 10px 35px;
}

.segmentt.dayy span {
    display: block;
    line-height: 14px;
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 20px;
}

.kenya-cup .segmentt.dayy {
    width: 20%;
    padding-right: 10px;
    text-align: left;
}

.kenya-cup .segmentt.fixturess {
    text-align: right;
}

.kenya-cup .segmentt {
    display: table-cell;
    vertical-align: middle;
}

.kenya-cup .segmentt {
    position: relative;
}

.kenya-cup .segmentt.dayy {
    position: relative;
}

.kenya-cup .segmentt.dayy:before {
    content: "";
    height: 33px;
    width: 1px;
    display: block;
    background-color: #003d4c;
    bottom: 0;
    right: 0;
    top: 0;
    position: absolute;
}

.kenya-cup .fixturess span {
    font-size: 16px;
}

.kenya-cup .kpl-tab-content {
    padding: 0 0 0 0;
}

#rugby-players-profile {
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 35px 0;
}

#rugby-players-profile:before {
}

.meet-team {
    margin: 0;
    font-size: 0;
    text-align: center;
}

.meet-team > li {
    display: inline-block;
    width: 20%;
    padding: 45px 0 0 45px;
}

.meet-team .block{background-color:#fff;}

.meet-team .pic-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
}

/*
.meet-team img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.meet-team .pic-wrapper:hover {
    background-color: #000;
}

.meet-team .pic-wrapper:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
*/

.meet-team .descc {
    display: block;
    background-color: #ffffff;
    padding: 20px;
    font-size: 16px;
    line-height: 1.28;
    text-align: left;
    color:#003E4B;
    font-family: 'DINPro-Regular', sans-serif;
    position: relative;
}

.meet-team .descc .name {
    font-family: 'DINPro-Bold', sans-serif;
    color: #003d4c;
		font-size:18px;
		margin-bottom:12px; 
}

.meet-team .descc p {
    margin-bottom:3px;
    font-size: 12px;
		text-transform:uppercase;
}

#rugby-players-profile .white {
    color: #fff !important;
    position: relative !important;
}

.s-rugby #banner .wrapper {
    display: block;
}

.meet-team .owl-nav{
    position: absolute;
    right: 0;
    top: -33px;
}

span.s-arrow.left.icon-arrow-left {
    margin-right: 15px;
}

.meet-team .s-arrow{
    text-decoration: none;
    color: #84bd00;
    font-size: 7px;
    font-weight: bold;
    vertical-align: middle;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0;
    text-align: center;
    border: 0px solid #949494;
    background-color: #003d4c;
    border-radius: 100%;
}

.s-rugby .select2-container--default .select2-selection--single, .select2-dropdown {
    border-color: #003d4c;
}

.s-rugby .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #003d4c;
}

.s-rugby .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #003d4c;
}

.money-trans .kpl-table-heading {
    background-color: transparent;
    padding: 0;
}

.money-trans .kpl-tabs a {
    margin: 8px;
    line-height: 38px;
    border: 1px solid #707070;
    padding: 0 20px;
    color: #333;
    background-color: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.money-trans .kpl-tabs a.active {
    background-color: #84bd00;
    border: 1px solid #84bd00;
    color: #ffffff;
}

.savings-goal-calc {
    padding: 0;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
    display: table;
}

.savings-goal-calc .calc-cols {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.savings-goal-calc .col-1 {
    background-color: #f1f5f8;
    border-radius: 2px;
    position: relative;
    width: 70%;
    z-index: 0;
    padding: 40px 80px 40px 40px;
}

.savings-goal-calc .col-2 {
    position: relative;
    left: -24px;
    z-index: 1;
}

.savings-goal-calc .results-green {
    border-radius: 2px;
    background-color: #84bd00;
    padding: 30px;
    position: relative;
    height: 330px;
}

.savings-goal-calc .results-green p {
    font-size: 16px;
    line-height: 1.28;
    text-align: left;
    color: #fff;
    font-family: 'DINPro-Regular', sans-serif;
    margin-bottom: 30px;
}

.savings-goal-calc .results-green span {
    font-family: 'DINPro-Bold', sans-serif;
    display: block;
}

.col-1 p {
    font-size: 12px;
    color: #707070;
    margin-bottom: 0;
}

.col-1 .gr {
    color: #84bd00;
    padding-top: 20px;
    font-weight: bold;
}

.b-text span {
    font-size: 25px;
}

.savings-goal-calc .frmfields {
    font-size: 0;
    display: block;
    width: 100%;
}

.b-text {
    position: absolute;
    bottom: 0;
}

.savings-goal-calc .form-text {
    color: #808080;
    display: block;
    font-family: 'DINPro-Regular', sans-serif;
    font-size: 18px;
    font-style: normal;
    padding: 10px 0;
    margin: 0px;
}

.savings-goal-calc .form-input {
    background-color: transparent;
    color: #1f1f1f;
    border: 1px solid #707070;
    display: block;
    font-family: "dinregular", Arial, sans-serif;
    font-size: 12px;
    height: 46px;
    line-height: 46px;
    padding-left: 11px;
    margin-bottom: 11px;
    text-decoration: none;
    width: 100%;
    border-radius: 4px;
}

.cel {
    display: table-cell;
    vertical-align: middle;
}

.form-check-inline {
    display: inline-block;
    padding-left: 15px;
    width: 48%;
}

.form-check-inline input[type="radio"]:checked + .radio-label:before {
    background-color: #3197EE;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

input.form-check-input {
    margin: 7px;
}

.form-check-inline:first-child {
    border-right: 1px solid #707070;
    padding: 0 10px 0 10px;
}

.cel.period {
    max-width: 60px;
}

.border {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
    border-left: 0px solid #707070;
    height: 46px;
    line-height: 46px;
    margin-top: -11px;
}

.cel .form-input {
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
    border-left: 1px solid #707070;
}

.savings-goal-calc .primary-btn, .send-money .primary-btn {
    width: 100%;
    margin-top: 20px;
    height: 50px;
    line-height: 50px;
}

.savings-goal-calc .primary-btn:after, .send-money .primary-btn:after {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
}

.send-money .primary-btn {
    width: auto;
}

.send-money .primary-btn:hover {
    background-color: #fff;
    color: #84bd00;
}

.send-money .primary-btn:hover:after {
    background-color: #f1f5f7;
}

.moneytrans .section-title.black {
    color: #003d4c;
}

.moneytrans .products-nav nav a.active, .products-nav nav a.active:hover {
    border-color: #84bd00;
    color: #fff;
    background-color: #84bd00;
}

.send-money {
    position: relative;
    bottom: 46px;
    height: auto;
    border-radius: 14px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #003d4c;
    width: 60%;
    margin: 0 auto;
    padding: 30px 0 50px;
}

.send-money .lead-form .textbox {
    color: #fff;
}

.send-money .lead-form .input-label:before, .lead-form .input-label:after {
    border-bottom: 0px solid #fff;
}

.send-money .lead-form .field {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
}

.send-money .section-title {
    font-size: 30px;
}

.soar-africa p {
    margin-bottom: 50px;
    line-height: 1.33;
}

.xtra-padding {
    margin-bottom: 50px;
}

.circle-icon {
    position: absolute;
}

.lions-den .section-title {
    color: #debb00;
}

.lions-den .primary-btn {
    background-color: #debb00;
    max-width: 400px !important;
}

.lions-den .primary-btn:after {
    background-color: transparent;
}

.lions-den .primary-btn:hover {
    background-color: #003d4c;
}

.lions-den .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 0;
}

.lions-den .den-intro {
    width: 60%;
    padding: 0 20px 30px 0;
}

.lions-den .logo-lion {
    text-align: right;
}

.lions-den .den-logo {
    display: inline-block;
    vertical-align: middle;
    width: 320px;
}

.lions-den h3 {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 24px;
    margin-bottom: 12px;
}

.btm-padding {
    padding-bottom: 100px;
}

.lion-team {
    margin: -30px 0 0 -30px;
    font-size: 0;
}

.lion-team > li {
    display: inline-block;
    width: 20%;
    padding: 30px 0 0 30px;
}

.lion-team .block {
    background-color: transparent;
    overflow: hidden;
    position: relative;
}

.lion-team .pic-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
}

.lion-team img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.lion-team .desc {
    padding: 2px 0 10px 0px;
}

.lion-team h2 {
    font-family: 'DINPro-Bold', sans-serif;
    line-height: 1.3;
    font-size: 14px;
    color: #4d4d4d;
    display: block;
}

.lion-team span {
    color: #debb00;
    font-family: 'DINPro-Regular', sans-serif;
    display: block;
    font-size: 13px;
}

.lion-team .pic-wrapper:hover {
    background-color: #000;
}

.lion-team .pic-wrapper:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.p-bottom {
    padding-bottom: 30px;
}

.lions-den header .sub-nav-wrapper {
    background-color: #debb00;
}

.lions-den header .sub-nav-wrapper:before {
    border-top-color: #b19600;;
    border-left-color: #b19600;;
}

.lions-den #breadcrumbs a:hover, .lions-den #breadcrumbs a:focus, .lions-den #breadcrumbs a.active, .lions-den #banner.inner-landing #breadcrumbs a:hover, .lions-den #banner.inner-landing #breadcrumbs a:focus, .lions-den #banner.inner-landing #breadcrumbs a.active {
    color: #debb00;
}

.lions-den #main_nav a.active {
    background-color: #debb00;
    color: #013c4d;
}

.accordion.dark.split .primary-btn {
    max-width: 350px;
    margin: 40px auto 0;
    text-align: center;
    display: block;
}

.lions-den #ticker {
    background-color: #debb00;
}

.soar-africa .section-title {
    color: #fa5b1b;
}

.soar-africa .primary-btn {
    background-color: #fa5b1b;
    max-width: 450px !important;
}

.soar-africa .primary-btn:after {
    background-color: transparent;
}

.soar-africa .primary-btn:hover {
    background-color: #003d4c;
}

.soar-africa .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 0;
}

.soar-africa .den-intro {
    width: 60%;
    padding: 0 20px 30px 0;
}

.soar-africa .logo-lion {
    text-align: right;
}

.soar-africa .den-logo {
    display: inline-block;
    vertical-align: middle;
    width: 320px;
}

.meet-lions {
    position: relative;
    margin-top: -100px;
    background-color: transparent;
}

.soar-africa h3 {
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 24px;
    margin-bottom: 12px;
}

.btm-padding {
    padding-bottom: 100px;
}

.lion-team {
    margin: -30px 0 0 -30px;
    font-size: 0;
}

.lion-team > li {
    display: inline-block;
    width: 20%;
    padding: 30px 0 0 30px;
}

.lion-team .block {
    background-color: transparent;
    overflow: hidden;
    position: relative;
}

.lion-team .pic-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
}

.lion-team img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.6s;
    transition: opacity 0.35s, transform 0.6s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.lion-team .desc {
    padding: 2px 0 10px 0px;
}

.lion-team h2 {
    font-family: 'DINPro-Bold', sans-serif;
    line-height: 1.3;
    font-size: 14px;
    color: #4d4d4d;
    display: block;
}

.lion-team span {
    color: #fa5b1b;
    font-family: 'DINPro-Regular', sans-serif;
    display: block;
    font-size: 13px;
}

.lion-team .pic-wrapper:hover {
    background-color: #000;
}

.lion-team .pic-wrapper:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.p-bottom {
    padding-bottom: 30px;
}

.soar-africa header .sub-nav-wrapper {
    background-color: #fa5b1b;
}

.soar-africa header .sub-nav-wrapper:before {
    border-top-color: #d94d00;
    border-left-color: #d94d00;
}

.soar-africa #breadcrumbs a:hover, .soar-africa #breadcrumbs a:focus, .soar-africa #breadcrumbs a.active, .soar-africa #banner.inner-landing #breadcrumbs a:hover, .soar-africa #banner.inner-landing #breadcrumbs a:focus, .soar-africa #banner.inner-landing #breadcrumbs a.active {
    color: #fa5b1b;
}

.soar-africa #main_nav a.active {
    background-color: #fa5b1b;
    color: #013c4d;
}

.soar-africa .accordion.dark.split .primary-btn {
    max-width: 350px;
    margin: 40px auto 0;
    text-align: center;
    display: block;
}

.soar-africa #ticker {
    background-color: #fa5b1b;
}

.rugby-news-banner {
    display: block;
    height: 300px;
    vertical-align: middle;
    width: 100%;
    overflow-x: hidden;
}

.rugby-news-banner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.rugby-news-banner .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #5A6360;
    background-color: rgba(171, 171, 171, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.s-rugby .tbl .col-left p {
    font-size: 16px;
}

.psn {
    position: relative;
}

.s-rugby h1 {
    font-family: 'DINPro-Medium', sans-serif;
    color: #fff;
    max-width: 960px;
    line-height: 1;
    letter-spacing: -1.8px;
    font-size: 60px;
    text-shadow: 0px 2px 10px rgba(0, 1, 0, 0.25);
}

.s-rugby h1 span:after {
    content: "";
    height: 1px;
    width: 57px;
    display: block;
    background-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

.s-rugby h1 span {
    color: #fff;
    position: relative;
    padding-bottom: 4px;
}

.s-rugby .summary {
    width: 89%;
    color: #fff;
    margin: 20px 0;
}

.s-rugby .tbl .col-left p {
    font-size: 16px;
}

.roadmaster .col.left {
    width: 70%;
    margin-right: 50px;
}

.roadmaster .col.right {
    padding-left: 50px;
}

.roadmaster .count-down-block {
    padding: 30px 30px 106px 30px;
}

.video-h {
    position: relative;
    display: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.video-h .owl-dots {
    margin: 10px auto 0;
    display: block !important;
    text-align: center;
}

.video-h .owl-carousel.owl-loaded.owl-drag button.owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: transparent !important;
    border: solid 1px #4a4a4a;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.video-h.owl-carousel.owl-loaded.owl-drag button.owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 5px 4px;
    border-radius: 50%;
    background: #003d4c !important;
    border: solid 1px #003d4c;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.video-h.owl-carousel.owl-loaded.owl-drag button.owl-dot.active {
    background-color: #84bd00 !important;
    border: solid 1px #84bd00;
    transform: scale(1.6);
}

.roadmaster .col {
    vertical-align: middle;
    display: table-cell;
    text-align: left;
    width: unset;
}

.roadmaster .next-match-tbl {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.video-h .pic-wrapper {
    display: block;
    vertical-align: bottom;
    text-align: left;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 270px;
}

.video-h .pic-wrapper:before {
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.video-h .film {
    display: flex;
    position: relative;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.video-h .icon-button {
    border-radius: 50%;
    color: #84bd00;
    display: block;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    background-color: #DBDBDB;
    height: 60px;
    vertical-align: middle;
    width: 60px;
    line-height: 60px;
}

.video-h span {
    display: block;
}

.video-h a:hover .pic-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(112, 191, 0, 0.40);
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.video-h a:hover .icon-button {
    background-color: #003d4c;
    color: #fff;
}

.corp-play-btnn:before {
    content: "\e911";
    font-family: 'corporate-icons' !important;
}

.section-title.tertiary {
    font-size: 28px;
}

.section-title.tertiary {
    margin-bottom: 20px;
}

.roadmaster .col.right .section-title {
    color: #84bd00;
    text-shadow: none;
}

#past-champs {
    position: relative;
    height: 570px;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 35px 0;
    margin-top: 60px;
    background-image: url(../images/bg-golf.html);
}

#past-champs .wrapper {
    position: relative;
}

.golf-ball {
    display: block;
    vertical-align: top;
    width: 160px;
    position: absolute;
    left: 0;
    top: -100px;
}

#past-champs .section-title {
    padding-left: 220px;
    font-family: 'DINPro-Bold', sans-serif;
}

.wrap-cap {
    position: relative;
}

#past-champs .yrs {
    width: auto;
    height: 159px;
    position: absolute;
    left: 3px;
    bottom: -19px;
    display: block;
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 15px;
    line-height: 1.05;
    color: #ffffff;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

#past-champs .align-right {
    text-align: right;
    margin: 30px 0;
}

.whiteyy {
    background-color: #fff;
}

#past-champs .primary-btn {
    background-color: #fff;
    color: #84bd00;
}

#past-champs .primary-btn:after {
    background-color: #fff;
}

#past-champs .primary-btn:hover:after {
    background-color: #003644;
}

#past-champs .primary-btn:hover {
    background-color: #003d4c;
}

.agri-business .accordion.split > li.half {
    width: 100%;
}

.agri-business .accordion .title a {
    color: #84bd00;
}

.agri-business .accordion .title a:hover {
    color: #333;
}

.agri-business .benfts {
    font-size: 0;
    text-align: left;
    margin: 0 !important;
    padding: 20px 0 !important;
}

.agri-business .benfts li {
    display: inline-block;
    vertical-align: top;
    max-width: 313px;
    padding: 0 30px 0 0 !important;
    text-align: left;
    margin: 0 0 30px 0;
}

.agri-business .benfts ul li {
    padding-top: 0 !important;
}

.agri-business .benfts .block {
    position: relative;
    padding: 25px;
    background-color: #ffffff;
    text-align: center;
    -webkit-box-shadow: 6px 9px 20px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 6px 9px 20px 0 rgba(0, 0, 0, 0.16);
}

.agri-business .icn {
    text-align: center;
    max-width: 50px;
    height: auto;
    margin: 0 auto;
}

.agri-business .box-title {
    font-family: 'DINPro-Medium', sans-serif !important;
    font-size: 18px !important;
    line-height: 1.27;
    color: #84bd00 !important;
    padding: 0;
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.agri-business .descptn {
    font-family: 'DINPro-Regular', sans-serif;
    font-size: 16px;
    line-height: 1.28;
    color: #707070;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.agri-business .accordion .desc h3 {
    color: #003d4c;
}

.champions {
    margin: 40px 0 0;
}

.send-money .lead-form .select-field .input-wrapper:after {
    color: #fff;
}

.send-money .lead-form .textbox {
    padding: 0;
}

.send-money .text-center {
    padding: 0 20px;
}

.send-money .primary-btn, .primary-btn.lined {
    padding-right: 0;
    min-width: 350px;
		overflow:hidden;
}

@media only screen and (max-width: 1400px) {
    .send-money {
        width: 80%;
    }
}

@media only screen and (max-width: 1280px) {
    .meet-lions {
        margin-top: -56px;
    }
}

@media only screen and (max-width: 1000px) {
    .s-rugby .tbl {
        display: block;
        position: relative;
        bottom: 0;
    }

    .s-rugby .tbl .col-left {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    .s-rugby .tbl .col-right {
        display: block;
    }

    .s-rugby span.sport-icon {
        font-size: 40px;
        padding-bottom: 16px;
    }

    .rugby-news-banner {
        display: block;
        height: 300px;
        padding: 30px 0;
        width: 40%;
    }

    .s-rugby #banner.inner-landing .summary {
        width: 100%;
    }

    .agri-business .benfts {
        text-align: center;
    }

    .agri-business .benfts li {
        display: block;
        margin-bottom: 10px;
    }

    .roadmaster .col {
        display: block;
        width: 100%;
    }

    .roadmaster .col.left {
        width: 100%;
        margin-right: 0;
    }

    .roadmaster .col.right {
        padding-left: 0;
        padding-top: 30px;
    }

    .video-h .pic-wrapper {
        width: 350px;
        height: 270px;
        margin: 0 auto;
    }

    .roadmaster .col.right .section-title {
        text-align: center;
    }

    #past-champs {
        background-image: none;
        position: relative;
        height: auto;
        background-color: #f1f5f7;
        margin-top: 0;
    }

    .golf-ball {
        display: none;
    }

    #past-champs .section-title {
        padding-left: 0;
        text-align: center;
        font-family: 'DINPro-Bold', sans-serif;
        color: #84bd00;
        text-shadow: none;
    }

    #past-champs .yrs {
        color: #84bd00
    }

    #past-champs .primary-btn:hover {
        background-color: #003d4c;
    }

    #past-champs .primary-btn:after {
        background-color: #84bd00;
    }

    #past-champs .primary-btn {
        background-color: #84bd00;
        color: #fff;
    }

    .soar-africa .den-logo, .lions-den .den-logo {
        width: 250px;
    }

    .send-money .section-title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 870px) {
    .roadmaster .col.right {
        display: block;
    }

    #past-champs .yrs {
        width: auto;
        height: auto;;
        position: relative;
        left: 0;
        bottom: unset;
        top: 0;
        display: block;
        -webkit-transform: unset;
        -moz-transform: unset;
        padding-top: 20px;
    }
}

@media only screen and (max-width: 800px) {
    .meet-team .owl-nav {
        right: 0;
        bottom: -81px;
        top: unset;
        left: 0;
        display: block;
    }

    .meet-team .s-arrow {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    #rugby-players-profile {
        padding: 35px 0;
        height: auto;
    }

    .meet-team .descc {
        text-align: center;
    }

    .rugby-news-banner {
        width: 100%;
    }

    .s-rugby span.sport-icon {
        font-size: 25px;
        padding-bottom: 7px;
    }

    .s-rugby #banner .tbl .col-left {
        padding-top: 30px;
    }

    .soar-africa .cell, .den-logo .cell {
        vertical-align: text-top;
    }

    .soar-africa .den-logo, .lions-den .den-logo {
        width: 155px;
    }

    .soar-africa .den-intro, .lions-den .den-intro {
        width: 80%;
        padding: 0 40px 30px 0;
    }

    .send-money .section-title {
        font-size: 23px;
    }
}

@media only screen and (max-width: 670px) {
    #past-champs .align-right {
        text-align: center;
        margin: 30px 0 0;
    }

    .s-rugby #banner.small-banner {
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    .savings-goal-calc .col-2 {
        left: unset;
    }

    .savings-goal-calc .col-1 {
        width: 100%;
        padding: 30px;
    }

    .savings-goal-calc .calc-cols {
        display: block;
        width: 100%;
    }

    .savings-goal-calc .results-green p {
        text-align: center;
    }

    .b-text {
        left: 0;
        right: 0;
    }

    .lion-team > li {
        width: 33.33%;
    }

    .lion-team {
        text-align: center;
    }

    .lion-team h2 {
        text-align: left;
    }

    .meet-lions {
        bottom: 0;
    }

    .soar-africa .btm-padding, lions-den .btm-padding {
        padding-bottom: 30px;
    }

    .meet-lions {
        margin-top: 0;
    }
}

@media only screen and (max-width: 570px) {
    .champions {
        margin: 0 0 0;
    }

    #past-champs .yrs {
        width: auto;
        height: auto;;
        position: relative;
        left: 0;
        bottom: unset;
        top: 0;
        display: block;
        -webkit-transform: unset;
        -moz-transform: unset;
        padding-top: 20px;
    }

    .soar-africa .logo-lion, .lions-den .logo-lion {
        text-align: center;
        width: 100%;
        padding-bottom: 30px;
    }

    .soar-africa .den-intro, .lions-den .den-intro {
        width: 100%;
        padding: 0 0 30px 0;
    }

    .den-mobile {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .soar-africa p, .lions-den p {
        margin-bottom: 30px;
        line-height: 1.33;
    }

    .lion-team > li {
        width: 100%;
        display: block;
    }

    .lion-team h2 {
        text-align: center;
    }

    .send-money {
        width: 90%;
    }

    #rugby-players-profile .white {
        text-align: center;
    }

    .s-rugby .section-title.secondary {
        text-align: center;
    }

    .savings-goal-calc .cel.period {
        max-width: 100%;
    }

    .savings-goal-calc .cel {
        display: block;
        vertical-align: middle;
    }

    .border {
        border-left: 1px solid #707070;
        margin-top: 11px;
    }
}

.sliding-banner {
    padding: 0 0 0 111px;
}

.sliding-banner .cols {
    display: flex;
    justify-content: space-between;
}

.sliding-banner .col {
    flex: 0 0 42%;
    display: flex;
}

.sliding-banner .col.left {
    padding-right: 50px;
    align-items: center;
    flex: 0 0 58%;
}

.sliding-banner .cost {
    display: block;
    font-family: 'DINPro-Bold', sans-serif;
    color: #84bd00;
    font-size: 462px;
}

.sliding-banner .symbol {
    display: block;
    font-family: 'DINPro-Medium', sans-serif;
    color: #84bd00;
    font-size: 72px;
}

.sliding-banner .text {
    padding-left: 28px;
    flex-direction: column;
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 80px;
}

.sliding-banner .text .blue {
    color: #224753;
}

.sliding-banner .text .green-text {
    color: #84bd00;
}

.sliding-banner .btn-wrapper {
    text-align: center;
    padding-right: 20px;
}

.sliding-banner .btn-apply {
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    border: 0 none;
    display: inline-block;
    background-color: #84bd00;
    color: #fff;
    font-family: 'DINPro-Medium', sans-serif;
    text-align: center;
    font-size: 18px;
    margin: 0;
    padding: 0 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sliding-banner .btn-apply:hover {
    background-color: #003b4c;
}

.cards-tabs {
    display: flex;
}

.cards-tabs a {
    flex: 1;
    padding: 0 10px;
    line-height: 66px;
    margin-left: 1px;
    background-color: #d4d4d4;
    color: #2f5f6f;
    text-align: center;
    font-size: 22px;
}

.cards-tabs a:first-child {
    margin-left: 0;
}

.cards-tabs a:hover {
    color: #84bd00;
}

.cards-tabs a.active {
    font-family: 'DINPro-Medium', sans-serif;
    color: #84bd00;
    pointer-events: none;
    background-color: #e9eaec;
}

.cards-container {
    background-color: #e9eaec;
    padding: 80px 0 200px 0;
}

.cards-tab-content {
    display: none;
}

.cards-tab-content.active {
    display: block;
}

.cards-list {
    display: flex;
    flex-wrap: wrap;
    margin: -70px 0 0 -80px;
}

.cards-list li {
    padding: 70px 0 0 80px;
    flex: 0 0 33.33%;
}

.cards-list a {
    display: block;
    text-align: center;
}

.cards-list a .label {
    display: block;
    color: #2f5f6f;
    margin-top: 20px;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 30px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.cards-list a:hover .label {
    color: #84bd00;
}

.card-lead-form {
    background-color: #00384f;
    color: #fff;
    padding: 40px;
    margin-top: -185px;
    margin-bottom: 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.card-lead-form .section-title.secondary {
    margin: 0;
    font-size: 40px;
    color: #fff;
}

.card-lead-form .fieldset {
    display: flex;
    flex-wrap: wrap;
}

.card-lead-form .field-col {
    flex: 1;
    padding: 8px;
}

.card-lead-form .input-box {
    display: block;
    background-color: transparent;
    z-index: 10;
    color: #fff;
    border: 1px solid #fff;
    height: 60px;
    margin: 0;
    padding: 0 20px;
    position: relative;
    font-family: 'DINPro-Regular', sans-serif;
    font-size: 18px;
    width: 100%;
}

.card-lead-form select.input-box {
    -webkit-appearance: none;
}

.card-lead-form .select-wrapper {
    position: relative;
}

.card-lead-form .select-wrapper .input-box {
    padding-right: 40px;
}

.card-lead-form .select-wrapper:after {
    content: "\e912";
    position: absolute;
    right: 15px;
    top: 0;
    font-family: 'icomoon' !important;
    speak: none;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 60px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.card-lead-form option {
    color: #000;
}

.card-lead-form::-webkit-input-placeholder {
    opacity: 1;
    color: #fff;
}

.card-lead-form::-moz-placeholder {
    opacity: 1;
    color: #fff;
}

.card-lead-form:-moz-placeholder {
    opacity: 1;
    color: #fff;
}

.card-lead-form:-ms-input-placeholder {
    opacity: 1;
    color: #fff;
}

.card-lead-form .btn-col {
    flex: 0 0 150px;
}

.card-lead-form .btn {
    display: block;
    height: 60px;
    margin: 0;
    background-color: #fff;
    border: 0 none;
    font-family: 'DINPro-Medium', sans-serif;
    font-size: 20px;
    color: #2f5f6f;
    text-transform: uppercase;
    width: 100%;
    padding: 0 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.card-lead-form .btn:hover {
    background-color: #84bd00;
    color: #fff;
}

.card-lead-form .thank-you {
    max-width: 500px;
    padding: 10px;
    background-color: #DBFF89;
    font-size: 16px;
    color: #649000;
    margin: 10px auto 0 auto;
    display: none;
}

.sahl header .top-bar,
.sahl .primary-footer,
.sahl .products-slider-tbl .col.left,
.sahl .products-slider-tbl .col.left:after,
.sahl .news-widget.blue,
.sahl #mobile_nav_wrapper .header {
    background-color: #0c6c63;
}

.sahl #breadcrumbs a:hover,
.sahl #breadcrumbs a:focus,
.sahl #breadcrumbs a.active,
.sahl #banner.inner-landing #breadcrumbs a:hover,
.sahl #banner.inner-landing #breadcrumbs a:focus,
.sahl #banner.inner-landing #breadcrumbs a.active,
.sahl #banner h1 span,
.sahl #sitemap .icon,
.sahl #sitemap .title,
.sahl .section-title,
.sahl .other-products .icon,
.sahl .other-products .title,
.sahl .editor.products h2 {
    color: #0c6c63;
}

.sahl .footer-links a:hover {
    color: #84bd00;
}

.sahl .primary-btn {
    background-color: #0c6c63;
}

.sahl .primary-btn:after {
    background-color: #0A6058;
}

.sahl .primary-btn:hover,
.sahl .news-widget .lead-form .primary-btn,
.sahl .news-widget .lead-form .primary-btn:after {
    background-color: #84bd00;
}

.sahl .primary-btn:hover:after,
.sahl .news-widget .lead-form .primary-btn:hover,
.sahl .news-widget .lead-form .primary-btn:hover:after {
    background-color: #71ae00;
}

/** Cookie alert **/

.info-policy { background-color: #000; position: fixed; bottom: 0; left: 0; right: 0; padding: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999999999; }
.info-policy_text { -webkit-box-flex: 1; -ms-flex: 1 0 80%; flex: 1 0 80%; }
.info-policy_text p { color: #fff; font-size: .95rem; }
.info-policy_text p a { padding-bottom: .25rem; color: #84bd00; border-bottom: 2px solid #84bd00; }
.info-policy_btn button { text-align: center; padding: 0 1.875rem; }
.info-policy_btn button:after { content: "\e90f"; display: none !important; }
@media only screen and (max-width:1024px) {
.info-policy { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.info-policy_text { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; }
.info-policy_btn { padding-left: 0; padding-right: 0; padding-top: .5rem; }
}

@media only screen and (max-width: 1024px) {
    .news-sports img {
        max-height: 250px;
    }

    .news-sports .col.left {
        padding-right: 20px;
    }
}

@media only screen and (max-width: 1000px) {
    .table .col {
        vertical-align: top;
        text-align: center;
        display: block;
        width: 100%;
        position: relative;
    }

    .other-news > li {
        height: auto;
    }

    .news-sports img {
        max-height: 350px;
    }

    .news-sports .col.left {
        padding-right: 0;
    }

    .news-sports .col.right {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 870px) {
    .products-nav .dd-wrapper {
        display: block;
    }

    #banner.small-banner {
        height: 370px;
        background-position: 75% center;
    }

    header.adv .top-bar {
        background-color: #bf9f2e;
    }

    .latest-news-rugby .bg-white {
        padding: 15px;
        font-size: 15px;
    }

    .other-products .block {
        display: block;
        width: 100%;
        padding-bottom: 6px;
    }
}

@media only screen and (max-width: 670px) {
    .rugby .kpl-tabs {
        width: 100%;
        display: none;
    }

    .on-game .emblem {
        width: 40px;
        max-width: 40px;
    }

    .pics-gallery li {
        width: 50%;
    }

    .pics-gallery {
        margin: 0 0 0 -20px;
    }

    .news-sports .film {
        font-size: 25px;
    }

    .other-products .title {
        font-size: 18px;
    }
}

@media only screen and (max-width: 570px) {
    #banner.small-banner {
        height: 318px;
    }

    .advantge .products-slider .desc {
        text-align: center;
    }

    .plantnum .products-slider .desc {
        text-align: center;
    }

    .section-title.small {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 1600px) {
    body {
        padding-top: 170px;
    }

    #banner.home-banner {
        height: calc(100vh - 130px);
    }

    #banner.inner-landing {
        margin-top: -62px;
    }

    #banner .col {
        padding-top: 60px;
    }

    header .top-bar {
        height: 60px;
    }

    header .logo {
        width: 182px;
    }

    header .bottom-bar {
        padding-left: 112px;
    }

    header .sub-nav-wrapper:before {
        left: 112px;
    }

    header .bank {
        line-height: 60px;
        font-size: 26px;
        margin-left: 20px;
    }

    #main_nav a,
    header .country-selector > a {
        line-height: 60px;
    }

    header .btn-search {
        height: 60px;
        line-height: 60px;
        font-size: 22px;
    }

    header .top-bar .col.right {
        padding-right: 30px;
    }

    header .btn-search.search-form-visible {
        -webkit-transform: translateX(-60px) translateY(-5px);
        transform: translateX(-60px) translateY(-5px);
    }

    header.scrolling .btn-search.search-form-visible {
        -webkit-transform: translateX(-60px) translateY(24px);
        transform: translateX(-60px) translateY(24px);
    }

    header .top-bar {
        height: 50px;
    }

    header .logo {
        width: 151px;
    }

    header .bottom-bar {
        padding-left: 80px;
    }

    header .sub-nav-wrapper:before {
        left: 80px;
    }

    .mega-menu {
        padding: 80px 10px 30px 10px;
    }

    header .bank {
        line-height: 50px;
        font-size: 21px;
        margin-left: 10px;
    }

    #main_nav a {
        font-size: 14px;
        padding: 0 20px;
    }

    header .sub-nav-wrapper .sub-nav > li > a {
        font-size: 14px;
    }

    #main_nav a,
    header .country-selector > a {
        line-height: 50px;
    }

    header .btn-search {
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        width: 50px;
    }

    header .country-selector {
        margin-left: 20px;
    }

    header .btn-search.search-form-visible {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .main-search .tbl {
        padding: 0 60px;
    }

    #banner h1 {
        font-size: 56px;
    }

    .section-title {
        font-size: 54px;
    }

    .section-title.secondary,
    .editor.products h2 {
        font-size: 44px;
    }

    .products-slider-tbl .col.left {
        width: 330px;
    }

    .secondary-footer {
        padding: 52px 60px;
    }

    .secondary-footer .col.middle {
        width: 36%;
    }

    .app-banner .col.right {
        width: 600px;
    }

    .app-banner .pic {
        top: 50px;
    }

    .statistics .value {
        font-size: 100px;
    }

    .statistics .symbol {
        font-size: 68px;
    }

    header.advantage {
        padding: 0 80px;
    }

    .wrapper.wide {
        max-width: 1300px;
    }

    .adv-patterned-section .col.left {
        padding-left: calc((100vw - 1260px) / 2);
    }

    #banner.advantage h1 span {
        font-size: 44px;
    }

    .adv-patterned-section .col.left {
        padding-right: 70px;
    }

    .platinum-block .col.left {
        padding: 0 100px 0 60px;
    }

    .platinum-block .col.left:before {
        width: calc(100vw - 24%);
    }

    .platinum-block .col.right {
        width: 52%;
    }

    .platinum-block .summary,
    .platinum-benefits-summary {
        font-size: 32px;
    }

    .platinum-block .col.left:before {
        left: -25%;
        -webkit-transform: skew(32deg);
        transform: skew(32deg);
    }

    .platinum-block.rtl .col.left:before {
        right: -25%;
        left: auto;
        -webkit-transform: skew(-32deg);
        transform: skew(-32deg);
    }

    .contacts-tbl .section-title,
    .social-media-banner .section-title {
        font-size: 36px;
    }

    .contacts-tbl .col.right p {
        font-size: 20px;
    }

    .contacts-tbl .col.right .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .contacts-tbl .col.right .icon.icon-form-email {
        font-size: 14px;
    }

    .leadership {
        margin: -30px 0 0 -30px;
    }

    .leadership > li {
        width: 25%;
        padding: 30px 0 0 30px;
    }

    .leadership .name {
        font-size: 20px;
    }

    .sliding-banner .cost {
        font-size: 300px;
    }

    .sliding-banner .symbol {
        font-size: 58px;
    }

    .sliding-banner .text {
        font-size: 60px;
    }
}

@media only screen and (max-width: 1470px) and (max-height: 770px) {
    #error-page video {
        width: 100%;
        display: block;
    }
}

@media only screen and (max-width: 1470px) {
    body {
        padding-top: 160px;
    }

    body.advantage {
        padding-top: 100px;
    }

    #banner.home-banner {
        height: calc(100vh - 120px);
    }

    #banner .col {
        padding-top: 50px;
    }

    #banner {
        height: 300px;
    }

    #banner.inner-landing {
        height: 450px;
        margin-top: -50px;
    }

    #banner.inner-landing.careers {
        height: 400px;
    }

    #banner.secondary {
        height: auto;
    }

    #banner h1 {
        max-width: 800px;
    }

    #banner h1 {
        font-size: 52px;
    }

    .section-title {
        font-size: 52px;
    }

    .section-title.secondary,
    .editor.products h2 {
        font-size: 42px;
    }

    .products-slider-tbl .col.left {
        width: 220px;
    }

    .products-slider-tbl .col.left .products-nav {
        padding-left: 35%;
    }

    #benefits.products-slider-tbl .col.left h2 {
        padding-left: 0;
    }

    #benefits .products-slider .icon {
        width: 70px;
        height: 70px;
    }

		.products-slider h2,
    .products-slider h3 {
        font-size: 26px;
    }

    .app-banner .col.right {
        width: 550px;
    }

    .app-banner .pic {
        top: 46px;
    }

    .secondary-footer .col.middle {
        width: 30%;
    }

    .secondary-footer {
        padding: 40px;
    }

    .footer-links h4 {
        font-size: 24px;
    }

    .footer-links a {
        font-size: 16px;
    }

    .statistics .value {
        font-size: 80px;
    }

    .statistics .symbol {
        font-size: 48px;
    }

    .sponsorships .text {
        font-size: 28px;
    }

    .sponsorships .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 40px;
    }

    .next-match-tbl .count-down-block {
        padding: 50px 50px 140px 50px;
    }

    .count-down-block .btn-blue {
        padding-left: 50px;
    }

    .sports-news h3 {
        font-size: 32px;
    }

    .sports-news .block {
        padding: 40px 50px 110px 50px;
    }

    .sports-news .primary-btn {
        padding-left: 50px;
    }

    .sports-team {
        margin-left: -50px;
    }

    .sports-team li {
        padding-left: 50px;
    }

    .sports-team .number,
    .sports-stats .number {
        font-size: 100px;
    }

    .sports-team .name,
    .sports-stats .label {
        font-size: 32px;
    }

    .sports-stats li {
        padding: 50px;
    }

    .sports-gallery .item {
        padding-bottom: 70px;
    }

    .expert-widget h3 {
        font-size: 32px;
    }

    .expert-widget .contacts .icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
    }

    .expert-widget .contacts .icon.icon-location-email {
        font-size: 21px;
    }

    .expert-widget .contacts .cell.left {
        width: 50px;
    }

    .vacancies .title {
        font-size: 26px;
    }

    .network .stat {
        font-size: 40px;
    }

    .error-logo {
        left: 80px;
        top: 80px;
    }

    #error-page h2 {
        font-size: 80px;
    }

    .latest-articles .featured .cell.right {
        padding: 28px;
    }

    .latest-articles .featured h3 {
        font-size: 24px;
    }

    #adv_nav a {
        line-height: 100px;
        margin-right: 80px;
    }

    header.advantage {
        padding: 0 20px;
    }

    #banner.advantage {
        height: 400px;
    }

    #banner.advantage .block {
        max-width: 600px;
    }

    .wrapper.wide {
        max-width: 1240px;
    }

    #banner.advantage h1 span {
        font-size: 38px;
    }

    .adv-info-blocks .section-title.secondary {
        font-size: 32px;
    }

    .adv-info-blocks .block {
        padding: 40px 50px;
    }

    .adv-patterned-section .col.left {
        padding-left: calc((100vw - 1200px) / 2);
    }

    header.advantage .col.left {
        width: 340px;
    }

    .platinum-block .col.left:before {
        top: -40px;
        -webkit-transform: skew(26deg);
        transform: skew(26deg);
    }

    .platinum-block.rtl .col.left:before {
        top: -40px;
        -webkit-transform: skew(-26deg);
        transform: skew(-26deg);
    }

    .platinum-block .summary,
    .platinum-benefits-summary {
        font-size: 26px;
    }

    .platinum-block .bg {
        bottom: -40px;
    }

    .platinum-block .col.right {
        width: 45%;
    }

    .platinum-block ul li {
        font-size: 18px;
        padding-left: 24px;
    }

    .platinum-block ul li:before {
        top: 8px;
    }

    .platinum-block.rtl .col.left:before {
        right: -17%;
    }

    .contacts-tbl .section-title,
    .social-media-banner .section-title {
        font-size: 34px;
    }

    .sliding-banner {
        padding-left: 77px;
    }

    .sliding-banner .cost {
        font-size: 250px;
    }

    .sliding-banner .symbol {
        font-size: 48px;
    }

    .sliding-banner .text {
        font-size: 50px;
    }

    .cards-list a .label {
        font-size: 26px;
    }

    .card-lead-form .section-title.secondary {
        font-size: 36px;
    }

    .card-lead-form {
        margin-top: -180px;
    }
}

@media only screen and (max-width: 1300px) and (min-height: 768px) {
    #error-page video {
        width: auto;
        height: 100%;
        display: block;
    }
}

@media only screen and (max-width: 1300px) {
    body {
        font-size: 16px;
    }

    #banner.inner-landing {
        margin-top: -62px;
    }

    .wrapper {
        max-width: 1090px;
    }

    .primary-btn,
    .primary-btn.lined {
        height: 50px;
        line-height: 50px;
        padding-right: 95px;
        padding-left: 25px;
        font-size: 16px;
        min-width: 200px;
    }

    .primary-btn.lined {
        line-height: 48px;
    }

    .primary-btn:after,
    .primary-btn.lined:after {
        height: 50px;
        line-height: 50px;
        width: 70px;
        font-size: 16px;
    }

    .btn-blue,
    .btn-blue:after {
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }

    .primary-btn.down:after {
        width: 50px;
    }

    header .sub-nav-wrapper .sub-nav > li > a {
        padding: 0 18px;
    }

    header .top-secondary {
        height: 50px;
				padding-right:0;
    }

    header.scrolling .top-secondary {
        margin-top: -50px;
    }

    header .top-secondary nav a {
        font-size: 12px;
        line-height: 50px;
				padding:0 16px;
    }

    header .btn-search.search-form-visible {
        -webkit-transform: translateX(-60px) translateY(0px);
        transform: translateX(-60px) translateY(0px);
    }

    .app-banner .wrapper {
        max-width: 1090px;
    }

    #banner.home-banner {
        height: calc(100vh - 110px);
    }

    #banner h1 {
        font-size: 40px;
        max-width: 550px;
    }

    #banner.secondary h1 {
        max-width: 600px;
    }

    #banner .event-date {
        font-size: 30px;
    }

    .section-title {
        font-size: 42px;
        margin-bottom: 30px;
    }

    .section-title.secondary,
    .editor.products h2 {
        font-size: 30px;
    }

    .content-wrapper {
        padding: 40px 0;
    }

    .home-products-tabs {
        margin-bottom: 40px;
    }

    .home-products-tabs a {
        font-size: 20px;
    }

    .products-slider-tbl .col.left .products-nav button i {
        width: 50px;
        height: 50px;
        line-height: 46px;
        font-size: 14px;
    }

    .quick-links-wrapper {
        margin-top: -90px;
        margin-bottom: 40px;
    }

    .quick-links a {
        height: 100px;
    }

    .quick-links .icon {
        font-size: 32px;
        margin-bottom: 0;
    }

    .quick-links .text {
        font-size: 10px;
    }

    .app-banner .container {
        padding: 40px 0 0 0;
    }

    .app-banner .banner-content {
        padding-bottom: 40px;
    }

    #ticker .wrapper {
        max-width: none;
        padding: 0 40px 0 0;
    }

    #ticker .col.right {
        padding-left: 40px;
    }

    .latest-articles .articles a {
        height: 129px;
    }

    .latest-articles .articles .info {
        padding: 20px;
    }

    .latest-articles .articles .info .title {
        font-size: 18px;
    }

    .latest-articles .col.right {
        padding-left: 30px;
    }

    .latest-articles .col.left {
        width: 600px;
    }

    .latest-articles .featured .desc {
        padding: 20px 20px 60px 20px;
    }

    header .sub-nav-wrapper {
        padding: 0 20px 0 50px;
    }

    header .sub-nav-wrapper:before {
        width: 50px;
        border-right-width: 25px;
        border-left-width: 25px;
    }

    header .bottom-bar {
        padding-left: 100px;
    }

    header .sub-nav-wrapper:before {
        left: 100px;
    }

    .btn-chat {
        right: 20px;
        bottom: 20px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px;
    }

    .statistics {
        padding-top: 20px;
    }

    .statistics .value {
        font-size: 60px;
    }

    .statistics .symbol {
        font-size: 28px;
    }

    .statistics li {
        padding: 40px 20px 30px 20px;
    }

    .statistics li:before {
        height: 30px;
    }

    .text-block .inner-blocks h3 {
        font-size: 22px;
    }

    .events-filter {
        margin: 0 0 40px -20px;
    }

    .events-filter > li {
        padding: 0 0 0 20px;
    }

    .events-filter.blog > li.search {
        width: 300px;
        padding-left: 30px;
    }

    .blog-filter a {
        margin-left: 30px;
    }

    .sports-events {
        margin: -30px 0 0 -30px;
    }

    .sports-events > li {
        padding: 30px 0 0 30px;
    }

    .sports-events h2 {
        font-size: 22px;
    }

    .timer .digit {
        font-size: 70px;
    }

    .count-down-block p {
        font-size: 22px;
    }

    .sports-news {
        margin-left: -50px;
    }

    .sports-news li {
        padding-left: 50px;
    }

    .sports-news h3 {
        font-size: 26px;
    }

    .sports-team .number,
    .sports-stats .number {
        font-size: 84px;
    }

    .sports-team .name,
    .sports-stats .label {
        font-size: 24px;
    }

    .sports-team .designation {
        font-size: 20px;
    }

    .sports-team {
        margin-left: -40px;
    }

    .sports-team li {
        padding-left: 40px;
    }

    .sports-stats li {
        padding: 30px;
    }

    .sports-stats .icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 80px;
    }

    .kpl-table-heading h1 {
        font-size: 84px;
    }

    .branches {
        margin: 0 0 0 -20px;
    }

    .branches > li {
        padding: 20px 0 0 20px;
    }

    .branches h2 {
        font-size: 26px;
    }

    .branches h3 {
        font-size: 20px;
    }

    .news-articles {
        margin: -30px 0 0 -30px;
    }

    .news-articles > li {
        padding: 30px 0 0 30px;
    }

    .news-articles h2 {
        font-size: 18px;
        line-height: 1.2;
    }

    .newsletter {
        padding: 40px;
    }

    .newsletter .lead-form .field:first-child {
        padding-right: 30px;
    }

    .newsletter .col.right {
        padding-left: 80px;
    }

    .news-article .col.left {
        padding-right: 50px;
    }

    .news-widget,
    .news-article.blog .news-widget {
        padding: 26px 30px;
    }

    .news-widget h2 {
        font-size: 26px;
    }

    .news-categories li a {
        font-size: 16px;
        padding: 12px 0;
    }

    .news-recent-articles h3 {
        font-size: 18px;
    }

    .news-recent-articles li {
        margin-top: 40px;
    }

    .news-article .article-banner {
        margin-bottom: 40px;
    }

    .news-article .video-banner {
        margin: 40px 0;
    }

    .news-widget h2,
    .news-article.blog .news-widget h2 {
        font-size: 24px;
    }

    .news-article h1 {
        font-size: 30px;
    }

    .editor blockquote {
        padding: 30px;
    }

    .editor blockquote p {
        font-size: 20px;
    }

    .editor h2 {
        font-size: 24px;
    }

    .editor h3 {
        font-size: 22px;
    }

    .faqs-tbl .col.left {
        padding-right: 50px;
    }

    .faqs-tbl .col.half.left {
        padding-right: 25px;
    }

    .faqs-tbl .col.half.right {
        padding-left: 25px;
    }

    .expert-widget h3 {
        font-size: 26px;
    }

    .accordion .title.large {
        font-size: 26px;
    }

    .documents {
        margin: -30px 0 0 -30px;
    }

    .documents > li {
        padding: 30px 0 0 30px;
    }

    .vacancies {
        margin: -40px 0 0 -40px;
    }

    .vacancies li {
        padding: 40px 0 0 40px;
    }

    .vacancies .title {
        font-size: 22px;
    }

    .spacer {
        margin-top: 40px;
    }

    .network .label {
        font-size: 18px;
    }

    .network .stat {
        font-size: 30px;
    }

    .network .icon {
        width: 46px;
        height: 46px;
        line-height: 46px;
        font-size: 46px;
    }

    .search-title {
        font-size: 32px;
    }

    .faqs-topics {
        margin: -30px 0 0 -30px;
    }

    .faqs-topics li {
        padding: 30px 0 0 30px;
    }

    .error-logo {
        left: 40px;
        top: 40px;
        width: 160px;
        height: 53px;
        background-position: -160px 0;
    }

    #error-page h1,
    #error-page p {
        font-size: 26px;
    }

    #error-page h2 {
        font-size: 70px;
        margin: 20px 0;
    }

    .primary-footer {
        padding: 40px 0;
    }

    .footer-links h4 {
        font-size: 22px;
    }

    .footer-links a {
        font-size: 14px;
    }

    .secondary-footer .col {
        font-size: 12px;
    }

    .blocks-menu .title {
        font-size: 26px;
    }

    .blocks-menu a.support .cell.left {
        width: 130px;
    }

    .blocks-menu a.support .text {
        font-size: 48px;
    }

    .blocks-menu a.support .pic {
        font-size: 80px;
    }

    .cards .primary-btn {
        font-size: 16px;
    }

    .profiles .name {
        font-size: 28px;
    }

    .profiles {
        margin: 0 0 0 -30px;
    }

    .profiles li {
        padding: 30px 0 0 30px;
    }

    .profiles .block .cell.left,
    .profile .header .col.left {
        width: 180px;
    }

    .profiles .block .cell.right {
        padding: 20px 20px 50px 20px;
    }

    .profiles .link-btn {
        left: 20px;
    }

    .profile .header .col.right {
        padding-left: 40px;
    }

    .profile h2 {
        font-size: 42px;
    }

    .profile .designation {
        font-size: 26px;
    }

    .profile .info {
        margin-top: 40px;
    }

    .benefits h3 {
        font-size: 28px;
    }

    .benefits .icon {
        width: 46px;
        height: 46px;
        line-height: 46px;
        font-size: 46px;
    }

    .related-products h4 {
        font-size: 26px;
    }

    .sponsorships .text {
        font-size: 22px;
        margin-top: 14px;
    }

    .sponsorships .icon {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 32px;
    }

    .vehicles-listing {
        margin: -30px 0 0 -30px;
    }

    .vehicles-listing > li {
        padding: 30px 0 0 30px;
    }

    .vehicles-listing h2 {
        font-size: 24px;
    }

    .vehicles-listing .desc {
        padding: 20px 20px 80px 20px;
    }

    .vehicle-details .col.left {
        padding-right: 15px;
    }

    .vehicle-details .col.right {
        padding-left: 15px;
    }

    .vehicle-details .widget {
        padding: 30px;
        margin-top: 30px;
    }

    .vehicle-details .widget h3 {
        font-size: 30px;
    }

    .vehicle-details .lead-form .summary {
        font-size: 18px;
    }

    .vehicle-info .label {
        font-size: 20px;
    }

    .related-vehicles {
        margin: -20px 0 0 -20px;
    }

    .related-vehicles li {
        padding: 30px 0 0 20px;
    }

    .related-vehicles h4 {
        font-size: 18px;
    }

    .thank-you .icon {
        font-size: 150px;
    }

    .thank-you p {
        font-size: 20px;
    }

    .btn-signup {
        line-height: 56px;
    }

    #banner.advantage h1 span {
        font-size: 32px;
        margin-bottom: 6px;
    }

    .adv-info-blocks {
        margin: 40px 0 0 -40px;
    }

    .adv-info-blocks > li {
        padding-left: 40px;
    }

    .adv-info-blocks .section-title.secondary {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .adv-info-blocks .block {
        padding: 30px 40px;
        font-size: 16px;
    }

    .adv-biz-services .icon {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 34px;
    }

    .adv-biz-services {
        margin: 0 0 0 -40px;
    }

    .adv-biz-services li {
        padding: 40px 0 0 40px;
    }

    .adv-patterned-section .col.left {
        padding-right: 40px;
    }

    .related-products .desc {
        padding-bottom: 70px;
    }

    .leaderboard-section .cl.right {
        padding-right: 40px;
        padding-left: 40px;
    }

    .tradition {
        margin: -20px 0 0 -40px;
    }

    .tradition li {
        padding: 40px 0 0 40px;
    }

    .next-match-tbl.secondary .count-down-block p,
    .sports-news p,
    .tradition p {
        font-size: 16px;
    }

    .leaderboard-section .cl.left {
        width: 30%;
    }

    .contacts-tbl .section-title,
    .social-media-banner .section-title {
        font-size: 26px;
    }

    .content-wrapper.top-negative {
        margin-top: -50px;
    }

    .leadership .name {
        font-size: 18px;
        margin-top: 14px;
    }

    .leadership .designation {
        font-size: 16px;
    }

    .contacts-tbl .col {
        padding-right: 30px;
        padding-left: 30px;
    }

    .lead-form .radio-group li {
        padding-left: 14px;
    }

    .lead-form [type="radio"] + label,
    .lead-form [type="checkbox"] + label {
        font-size: 14px;
    }

    .sliding-banner .text {
        font-size: 44px;
    }

    .card-lead-form .section-title.secondary {
        font-size: 30px;
    }

    .card-lead-form {
        margin-top: -175px;
    }
}

@media only screen and (max-width: 1100px) and (max-height: 768px) {
    #error-page video {
        width: auto;
        height: 100%;
        display: block;
        margin-left: -30%;
    }
}

@media only screen and (max-width: 1100px) {
    body {
        padding-top: 50px;
    }

    header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 1000;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .btn-menu {
        display: inline-block;
    }

    header .top-secondary,
    #main_nav,
    header .bottom-bar,
    .mobile-nav .country-selector {
        display: none;
    }

    header .top-bar .col.right {
        padding-right: 0;
    }

    .main-search .tbl {
        padding: 0 30px;
    }

    .main-search input[type="search"] {
        font-size: 22px;
    }

    header .btn-search.search-form-visible,
    header.scrolling .btn-search.search-form-visible {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    .main-search .btn-search-close {
        width: 50px;
        height: 50px;
        line-height: 50px;
        right: 0;
    }

    #mobile_nav_wrapper {
        display: block;
    }

    #banner {
        height: 300px;
        margin-top: 0;
    }

    #banner.home-banner,
    #banner.inner-landing {
        margin-top: 0;
    }

    #banner .col {
        padding-top: 0;
    }

    #banner.secondary {
        padding-top: 0;
    }

    #banner.inner-landing .summary {
        width: 75%;
    }

    .products-slider-tbl {
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
    }

    #benefits .mobile-show {
        display: block;
        order: 1;
        margin-bottom: 20px;
    }

    #benefits.products-slider-tbl .col.left h2 {
        display: none;
    }

    #benefits.products-slider-tbl {
        padding-bottom: 20px;
    }

    #benefits .products-slider .item {
        text-align: center;
    }

    .products-slider-tbl .col {
        display: block;
    }

    .products-slider-tbl .col.left,
    .sahl .products-slider-tbl .col.left {
        width: 100%;
        background-color: transparent;
        height: auto;
    }

    .products-slider-tbl .col.left:after {
        display: none;
    }

    .products-slider-tbl .col.left .nav-container {
        position: relative;
        left: auto;
        top: auto;
        text-align: center;
        width: 100%;
        padding: 0 20px;
        background-color: transparent;
        height: auto;
        display: block;
    }

    .products-slider-tbl .col.left .products-nav {
        top: auto;
        font-size: 0;
        display: inline-block;
        padding: 0;
        -webkit-transform: none;
        transform: none;
    }

    .products-slider-tbl .col.left .products-nav button {
        display: inline-block;
        vertical-align: middle;
        margin: 10px;
    }

    .products-slider-tbl .col.left .products-nav button i {
        color: #003d4c;
        border-color: #003d4c;
        width: 40px;
        height: 40px;
        line-height: 36px;
        font-size: 14px;
    }

    .products-slider-tbl .col.left .products-nav button.disabled i {
        color: #CACACA;
        border-color: #CACACA;
    }

    .products-slider-tbl .col.right {
        padding: 0 20px;
    }

    .products-slider .item {
        margin: 20px 0;
        -webkit-box-shadow: 0px 4px 10px 0 rgba(0, 1, 0, 0.25);
        box-shadow: 0px 4px 10px 0 rgba(0, 1, 0, 0.25);
    }

    .app-banner .col.right {
        width: 430px;
    }

    .app-banner .pic {
        top: 49px;
    }

    .primary-footer {
        display: none;
    }

    .secondary-footer,
    .secondary-footer .col {
        display: block;
    }

    .secondary-footer .col.left,
    .secondary-footer .col.middle,
    .secondary-footer .col.right {
        text-align: center;
        width: 100%;
    }

    .secondary-footer .col.middle {
        padding: 20px 0;
    }

    #breadcrumbs ul {
        padding: 6px 0;
    }

    .cards .block {
        padding: 20px 20px 90px 20px;
    }

    .cards .cta-btn {
        padding: 0 20px 20px 20px;
    }

    .cards .benefits-list {
        margin-bottom: 30px;
    }

    .cards .benefits-list .cell.right {
        padding-left: 12px;
    }

    .help-buttons {
        max-width: 500px;
        margin: 0 auto;
    }

    .help-buttons li,
    .help-buttons li.half {
        display: block;
        width: 100%;
        padding: 0 0 20px 0;
    }

    .help-buttons li:last-child {
        padding-bottom: 0;
    }

    .next-match-tbl .count-down-block {
        padding: 40px 30px 130px 30px;
    }

    .next-match-tbl.secondary .count-down-block {
        padding: 40px 30px 100px 30px;
    }

    .count-down-block .btn-blue {
        padding-left: 30px;
    }

    .sports-news .block {
        padding: 30px 30px 100px 30px;
    }

    .sports-news {
        margin-left: -40px;
    }

    .sports-news li {
        padding-left: 40px;
    }

    .sports-news .primary-btn {
        padding-left: 30px;
    }

    .sports-gallery .item {
        padding-bottom: 50px;
    }

    .sports-gallery .item a:hover {
        -webkit-box-shadow: 0px 4px 15px 0 rgba(0, 1, 0, 0.25);
        box-shadow: 0px 4px 15px 0 rgba(0, 1, 0, 0.25);
    }

    .count-down-block .btn-blue {
        padding-right: 70px;
    }

    .count-down-block .btn-blue:after {
        width: 60px;
    }

    .kpl-table-heading {
        padding: 30px 30px 0 30px;
    }

    .fixtures {
        margin: -20px 0 0 -20px;
    }

    .fixtures > li {
        padding: 20px 0 0 20px;
    }

    .fixtures .emblem {
        width: 40px;
    }

    .fixtures .time {
        margin: 0 20px;
    }

    .governance-reports h2 {
        font-size: 20px;
    }

    .governance-reports a:before {
        font-size: 34px;
    }

    .governance-reports a span {
        line-height: 34px;
    }

    .governance-reports {
        margin: 0 0 0 -30px;
    }

    .governance-reports li {
        padding: 0 0 0 30px;
    }

    .inner-banner .container {
        max-width: 490px;
    }

    .events-filter.biashara > li {
        width: 50%;
    }

    .related-products {
        margin-top: -40px;
    }

    .leadership-center-gallery .tbl .col.left {
        width: 66.3%;
    }

    .leadership-center-gallery .tbl .col.right {
        padding-left: 14px;
    }

    .newsletter .col.left {
        width: 270px;
    }

    .newsletter .col.right {
        padding-left: 50px;
    }

    .news-article .col.right {
        width: 300px;
    }

    .news-article.blog .col {
        display: block;
    }

    .news-article.blog .col.left {
        padding: 0 0 40px 0;
    }

    .news-article.blog .col.right {
        width: 100%;
    }

    .kcb-mpesa-videos span {
        font-size: 20px;
    }

    .accordion .title.large {
        font-size: 24px;
    }

    .faqs-tbl,
    .faqs-tbl .col {
        display: block;
    }

    .faqs-tbl .col.left {
        padding: 0 0 40px 0;
    }

    .faqs-tbl .col.right,
    .faqs-tbl .col.half {
        width: 100%;
    }

    .faqs-tbl .col.half.left {
        padding: 0 0 20px 0;
    }

    .faqs-tbl .col.half.right {
        padding: 0;
    }

    .accordion.split {
        margin: -20px 0 0 0;
    }

    .accordion.split > li {
        padding: 20px 0 0 0;
    }

    .accordion.split > li.half {
        width: 100%;
    }

    .tenders > li {
        margin-top: 20px;
    }

    .editor h2 {
        font-size: 22px;
    }

    .editor h3 {
        font-size: 20px;
    }

    .vacancies {
        margin: -20px 0 0 -20px;
    }

    .vacancies li {
        padding: 20px 0 0 20px;
    }

    .testimonials .cell.left {
        width: 70px;
    }

    .testimonials .cell.right {
        padding-left: 20px;
    }

    .faqs-topics {
        margin: -20px 0 0 -20px;
    }

    .faqs-topics li {
        padding: 20px 0 0 20px;
    }

    .faqs-topics a {
        line-height: 60px;
    }

    .faqs-topics a span {
        font-size: 20px;
        padding: 0 60px 0 20px;
    }

    .faqs-topics a:before {
        font-size: 26px;
        right: 20px;
    }

    .faqs-topics a.icon-form-organisation:before,
    .faqs-topics a.icon-quick-save:before {
        font-size: 34px;
    }

    .error-logo {
        left: 30px;
        top: 30px;
        width: 140px;
        height: 47px;
        background-position: -140px 0;
    }

    body.advantage {
        padding-top: 96px;
    }

    .navigation-hamburger {
        display: inline-block;
    }

    #mobile_nav {
        display: block;
    }

    #adv_nav {
        display: none;
    }

    header.advantage {
        padding: 20px;
    }

    header .btn-signup {
        display: none;
    }

    #banner.advantage {
        height: 350px;
    }

    #banner.advantage .block {
        max-width: 500px;
    }

    .adv-patterned-section .col.left {
        padding-left: 20px;
        padding-right: 20px;
    }

    .simba-points-access .block .cell {
        padding: 40px;
    }

    .platinum-block {
        display: block;
        padding: 0;
    }

    .platinum-block .bg {
        display: none;
    }

    .platinum-block .col {
        display: block;
    }

    .platinum-block .col.right,
    .platinum-block .col.left:before {
        display: none;
    }

    .platinum-block .col.left {
        padding: 0 60px;
        background-color: #003d4c;
    }

    #banner.advantage.platinum p,
    .platinum-block .summary,
    .platinum-benefits-summary {
        font-size: 24px;
    }

    .downloads > li {
        width: 33.33%;
    }

    #sitemap .title {
        font-size: 18px;
    }

    #banner.inner-landing {
        height: 400px;
    }

    #nse .wrapper {
        flex-direction: column;
    }

    #nse .col.left {
        flex: auto;
        width: 210px;
        margin: 0 auto 20px auto;
    }

    #nse .col.right {
        text-align: center;
        justify-content: center;
    }

    .leadership > li {
        width: 33.33%;
    }

    .contacts-tbl .col {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sliding-banner {
        padding-left: 50px;
    }

    .sliding-banner .cost {
        font-size: 200px;
    }

    .sliding-banner .symbol {
        font-size: 38px;
    }

    .sliding-banner .text {
        font-size: 38px;
    }

    .card-lead-form .field-col {
        flex: 0 0 33.33%;
    }
}

@media only screen and (max-width: 870px) {
    #banner.home-banner {
        height: calc(70vh - 130px);
    }

    #banner h1 {
        font-size: 36px;
        max-width: 490px;
    }

    #banner .event-date {
        font-size: 26px;
    }

    #banner.secondary h1 {
        max-width: 450px;
    }

    .section-title {
        font-size: 38px;
    }

    .section-title.secondary,
    .enquiry .section-title.secondary {
        font-size: 30px;
    }

    .content-wrapper {
        padding: 30px 0;
    }

		.products-slider h2,
    .products-slider h3 {
        font-size: 24px;
    }

    .app-banner .container {
        padding-top: 40px;
    }

    .app-banner .banner-content {
        padding-bottom: 40px;
    }

    .app-banner .col.right {
        display: none;
    }

    .app-banner {
        padding-bottom: 0;
    }

    .quick-links-wrapper {
        margin-top: -100px;
    }

    .home-products-tabs {
        margin-bottom: 40px;
    }

    .home-products-tabs li {
        padding: 0 30px;
    }

    .home-products-tabs a {
        font-size: 22px;
    }

    .blocks-menu .title {
        font-size: 22px;
    }

    .blocks-menu a.support .label-wrapper {
        left: 20px;
        right: 20px;
    }

    .blocks-menu a.support .text {
        font-size: 40px;
    }

    .blocks-menu a.support .bg {
        font-size: 178px;
    }

    .text-blocks-wrapper .text-block {
        width: 100%;
    }

    .text-block .section-title.secondary {
        padding-bottom: 16px;
        margin-bottom: 20px;
    }

    .sports-events > li {
        width: 100%;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0 50px 0 20px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow,
    .events-filter .btn-reset:before {
        width: 50px;
    }

    .events-filter .btn-reset {
        padding: 0 20px;
    }

    .events-filter select {
        padding: 0 12px;
    }

    .cards > li {
        width: 50%;
    }

    .sponsorships .text {
        font-size: 20px;
    }

    .next-match-tbl .col {
        width: 100%;
    }

    .next-match-tbl .col.right {
        display: none;
    }

    .sports-news {
        margin-left: -20px;
    }

    .sports-news li {
        padding-left: 20px;
        padding-top: 40px;
    }

    .sports-team {
        margin-left: -20px;
    }

    .sports-team li {
        padding-left: 20px;
        padding-top: 40px;
    }

    .sports-team .info {
        padding: 10px 20px 20px 20px;
    }

    .sports-team .number,
    .sports-stats .number {
        font-size: 54px;
    }

    .sports-team .info .cell.right {
        padding-top: 10px;
    }

    .sports-team .name,
    .sports-stats .label {
        font-size: 22px;
    }

    .sports-stats li {
        padding: 20px;
    }

    .sports-stats .icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 60px;
    }

    .kpl-tabs a {
        width: 134px;
    }

    .kpl-table-heading h1 {
        font-size: 74px;
    }

    .kpl-table th,
    .kpl-table td {
        font-size: 16px;
        padding: 16px 14px;
    }

    .kpl-table td {
        font-size: 14px;
    }

    .kpl-table th:first-child,
    .kpl-table td:first-child {
        width: 90px;
    }

    .fixtures > li {
        width: 100%;
    }

    .profiles li {
        width: 100%;
    }

    .profile {
        padding: 70px 60px 30px 60px;
    }

    .profile h2 {
        font-size: 22px;
    }

    .profile .designation {
        font-size: 16px;
    }

    .branches .info div,
    .branches .services {
        font-size: 16px;
    }

    .branches .info li {
        padding-left: 36px;
    }

    .branches .info li:before {
        font-size: 20px;
        top: 4px;
    }

    .events-filter.biashara > li {
        width: 65%;
    }

    .inner-banner {
        margin-bottom: 40px;
    }

    .benefits h3 {
        font-size: 22px;
    }

    .product-info-tbl .col {
        width: 100%;
        display: block;
    }

    .product-info-tbl .col.left {
        padding: 0;
    }

    .product-info-tbl .col.right {
        padding: 40px 0 0 0;
    }

    .related-products {
        max-width: 300px;
        margin: 0 auto;
    }

    .related-products li {
        width: 100%;
        padding: 60px 0 0 0;
    }

    .related-products li:first-child {
        padding-top: 0;
    }

    .amenities li {
        width: 33.33%;
    }

    .leadership-center-map iframe {
        height: 500px;
    }

    .vehicles-listing > li {
        width: 50%;
    }

    .vehicle-info li {
        padding-left: 50px;
    }

    .vehicle-info li:before {
        font-size: 34px;
    }

    .vehicles-listing h2 {
        margin-bottom: 18px;
    }

    .vehicle-details,
    .vehicle-details .col {
        display: block;
        width: 100%;
    }

    .vehicle-details .col.left {
        padding: 0;
    }

    .vehicle-details .col.right {
        padding: 30px 0 0 0;
    }

    .vehicle-info .label {
        font-size: 22px;
    }

    .vehicle-details .section-title-tbl .cell.right {
        display: table-cell;
    }

    .news-articles .desc {
        padding: 12px 14px 60px 14px;
    }

    .news-articles .featured-label {
        margin: -28px 0 16px 0;
        line-height: 32px;
        font-size: 14px;
        width: 104px;
    }

    .news-articles .featured-label:before {
        left: 10px;
        font-size: 16px;
    }

    .news-articles .featured-label span {
        padding: 0 0 0 36px;
    }

    .news-articles .meta {
        padding: 14px;
    }

    .news-articles h2 {
        font-size: 16px;
    }

    .news-articles p {
        margin-bottom: 0;
    }

    .news-articles .meta span {
        font-size: 12px;
        display: block;
        line-height: 1.3;
    }

    .news-articles .meta .sep {
        display: none;
    }

    .news-articles.blog .meta span {
        display: inline-block;
    }

    .newsletter {
        padding: 30px;
    }

    .newsletter .col.left {
        width: 220px;
    }

    .newsletter .col.right {
        padding-left: 30px;
    }

    .newsletter .lead-form .field {
        width: 160px;
    }

    .newsletter .lead-form .field:first-child {
        padding-right: 20px;
        width: calc(100% - 160px);
    }

    .news-article .col {
        display: block;
    }

    .news-article .col.left {
        padding: 0 0 40px 0;
    }

    .news-article .article-banner {
        margin-bottom: 30px;
    }

    .news-article .video-banner {
        margin: 30px 0;
    }

    .news-article .col.right {
        width: 100%;
    }

    .news-article .col.right .primary-btn {
        margin: 0;
    }

    .news-articles.blog .category.pinned {
        left: 12px;
        top: 12px;
    }

    .news-categories li a .cell.left {
        width: 92%;
    }

    .news-recent-articles {
        font-size: 0;
        margin: -30px 0 0 -30px;
    }

    .news-recent-articles li {
        display: inline-block;
        vertical-align: top;
        width: 33.33%;
        padding: 30px 0 0 30px;
        margin: 0;
    }

    .news-article .meta span {
        font-size: 12px;
    }

    .sports-gallery-heading.kcb-mpesa,
    .sports-gallery-heading.kcb-mpesa .col {
        display: block;
    }

    .sports-gallery-heading.kcb-mpesa .col.right {
        text-align: left;
        padding: 20px 0 0 0;
    }

    .sports-gallery-heading.kcb-mpesa .btn-tab:first-child {
        margin-left: 0;
    }

    .kcb-mpesa-videos {
        margin: 0 0 0 -50px;
    }

    .kcb-mpesa-videos li {
        padding: 50px 0 0 50px;
    }

    .expert-widget {
        padding: 30px 20px 20px 20px;
    }

    .expert-widget h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .kcb-mpesa-save-block,
    .kcb-mpesa-save-block .col {
        display: block;
    }

    .kcb-mpesa-save-block .col.left {
        width: 100%;
        padding: 40px;
    }

    .kcb-mpesa-save-block .col.right {
        display: none;
    }

    .enquiry {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #enquiry_wrapper {
        width: 100%;
        padding-left: 0;
        right: auto;
        left: 0;
        top: 100%;
        padding-top: 50px;
        background-color: #fff;
    }

    #enquiry_wrapper .btn-enquiry {
        left: 0;
        width: 100%;
        top: -50px;
        bottom: auto;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: none;
        transition: none;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .enquiry-open #enquiry_wrapper .btn-enquiry {
        top: 0;
    }

    .enquiry-open #enquiry_wrapper {
        right: auto;
        top: 0;
    }

    .secondary-footer {
        padding-bottom: 90px;
    }

    .blog-filter {
        display: none;
    }

    .events-filter .show-mobile {
        display: block;
    }

    .events-filter.blog {
        display: block;
        margin: 0 0 40px -30px;
        width: auto;
    }

    .events-filter.blog > li {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 0 0 30px;
    }

    .events-filter.blog > li.search {
        width: 50%;
        padding-left: 30px;
    }

    .events-filter > li.mobile-filter-close {
        display: none;
    }

    .lead-form .fieldset.third .field {
        width: 100%;
    }

    .documents {
        margin-top: -20px;
    }

    .documents > li {
        width: 100%;
        padding-top: 20px;
    }

    .documents a {
        min-height: 90px;
    }

    .documents .cell.right {
        width: 90px;
    }

    .documents .icon {
        font-size: 34px;
    }

    .vacancies .block {
        padding: 20px 20px 70px 20px;
    }

    .vacancies .location {
        padding: 20px;
    }

    .vacancies .title {
        font-size: 18px;
    }

    .vacancies .location {
        font-size: 16px;
    }

    .vacancies .location:after {
        right: 20px;
        font-size: 18px;
    }

    .network {
        margin: -30px 0 0 -30px;
    }

    .network .stat {
        font-size: 44px;
    }

    .network .label {
        font-size: 18px;
    }

    .testimonials > li {
        width: 100%;
    }

    .search-title {
        font-size: 28px;
    }

    .faqs-topics a span {
        font-size: 18px;
    }

    .faqs-topics a:before {
        font-size: 22px;
    }

    .faqs-topics a.icon-form-organisation:before,
    .faqs-topics a.icon-quick-save:before {
        font-size: 30px;
    }

    #error-page h1,
    #error-page p {
        font-size: 24px;
    }

    #error-page h2 {
        font-size: 62px;
    }

    #error-page .btn-home span {
        font-size: 22px;
    }

    .thank-you .icon {
        font-size: 130px;
        margin-bottom: 20px;
    }

    .latest-articles .col.left {
        width: 50%;
    }

    .latest-articles .col.right {
        padding-left: 20px;
    }

    .latest-articles .articles li {
        margin-top: 20px;
    }

    .latest-articles .articles a {
        height: 132px;
    }

    body.advantage {
        padding-top: 84px;
    }

    header.advantage .col.left {
        width: 270px;
    }

    .navigation-hamburger {
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 20px;
    }

    #mobile_nav .nav-scroller {
        padding-top: 84px;
    }

    #banner.advantage h1 span {
        font-size: 26px;
    }

    .adv-info-blocks > li {
        width: 100%;
        margin-top: 30px;
    }

    .adv-info-blocks > li:first-child {
        margin-top: 0;
    }

    .adv-patterned-section .section-title,
    .adv-info-blocks .section-title.secondary {
        margin-bottom: 20px;
    }

    .adv-patterned-section .col.left {
        padding-left: 40px;
        padding-right: 40px;
    }

    .adv-patterned-section .col.right {
        display: none;
    }

    .adv-patterned-section {
        min-height: inherit;
    }

    .adv-biz-services li {
        width: 50%;
    }

    .simba-points-access .block .cell {
        padding: 30px;
    }

    .simba-points-access .owl-dots {
        margin-top: 30px;
    }

    .downloads > li,
		.downloads.third > li{
        width: 50%;
    }

    .leaderboard-section .cl.left {
        display: none;
    }

    .leaderboard-section .cl.right {
        padding-right: 30px;
        padding-left: 30px;
    }

    .tradition {
        margin: -10px 0 0 -30px;
    }

    .tradition li {
        padding: 30px 0 0 30px;
    }

    .tradition .title {
        font-size: 20px;
    }

    .contacts-tbl,
    .contacts-tbl .col {
        display: block;
    }

    .contacts-tbl .col.right {
        width: 100%;
    }

    .contacts-tbl .section-title {
        text-align: center;
    }

    .products-nav {
        display: block;
    }

    .products-nav .label-col {
        display: block;
        padding: 0;
        width: 100%;
        text-align: left;
    }

    .products-nav .menu-col {
        width: 100%;
        display: block;
    }

    .products-nav nav {
        display: none;
    }

    .products-nav .dd-wrapper {
        display: block;
    }

    #benefits .products-slider .icon {
        width: 60px;
        height: 60px;
        margin: 10px auto 30px auto;
    }

    #sitemap {
        display: block;
        margin-top: 0;
        overflow: inherit;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #sitemap ul a {
        font-family: 'DINPro-Medium', sans-serif;
    }

    #sitemap .block,
    #sitemap.about .block,
    #sitemap.values .block {
        margin-bottom: 4px;
        display: block;
        width: 100%;
    }

    #sitemap.about .block,
    #sitemap.values .block {
        margin-bottom: 0;
    }

    .product-summary-tbl,
    .product-summary-tbl .col {
        display: block;
    }

    .product-summary-tbl .col.left {
        padding: 0 0 20px 0;
    }

    .product-summary-tbl .col.right {
        width: 100%;
    }

    #banner.inner-landing {
        height: 300px;
    }

    #banner.inner-landing.careers {
        height: 350px;
    }

    #nse .cell {
        padding: 0 20px;
    }

    .leadership .name {
        font-size: 16px;
    }

    .leadership .designation {
        font-size: 14px;
    }

    .sliding-banner {
        padding-left: 20px;
    }

    .sliding-banner .col {
        flex: 0 0 44%;
    }

    .sliding-banner .col.left {
        flex: 0 0 56%;
    }

    .sliding-banner .cost {
        font-size: 150px;
    }

    .sliding-banner .symbol {
        font-size: 28px;
    }

    .sliding-banner .text {
        font-size: 28px;
    }

    .cards-list li {
        flex: 0 0 50%;
    }

    .cards-tabs a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 670px) {
    #banner.home-banner {
        height: calc(50vh - 50px);
    }

    #banner.inner-landing .col {
        vertical-align: middle;
    }

    #banner.inner-landing h1.center {
        margin-top: auto;
    }

    #breadcrumbs {
        display: none;
    }

    .quick-links {
        display: block;
        font-size: 0;
    }

    .quick-links a {
        display: inline-block;
        vertical-align: top;
        width: 33.33%;
        padding-top: 20px;
    }

    .quick-links a:nth-child(1),
    .quick-links a:nth-child(2),
    .quick-links a:nth-child(3) {
        border-bottom: 1px solid #dde8ee;
    }

    .quick-links a:nth-child(4) {
        border: 0 none;
    }

    .latest-articles .featured {
        display: block;
        height: auto;
    }

    .latest-articles .featured .desc {
        padding-bottom: 70px;
    }

    .latest-articles .articles li {
        display: block;
        width: 100%;
        margin: 20px 0 0 0;
    }

    .latest-articles,
    .latest-articles .col {
        display: block;
    }

    .latest-articles .col.left {
        width: 100%;
    }

    .latest-articles .col.right {
        padding: 20px 0 0 0;
    }

    .latest-articles .articles {
        font-size: 0;
        margin: 0 0 0 -20px;
    }

    .latest-articles .articles li {
        display: inline-block;
        vertical-align: top;
        margin: 20px 0 0 0;
        padding: 0 0 0 20px;
        width: 100%;
    }

    .latest-articles .articles a {
        height: auto;
    }

    .home-products-tabs {
        margin-bottom: 20px;
    }

    .home-products-tabs a {
        font-size: 18px;
    }

    .home-products-tabs li:before {
        top: 26px;
    }

    .blocks-menu li {
        width: 50%;
    }

    .blocks-menu li.support-block {
        width: 100%;
    }

    .blocks-menu a.support {
        height: 184px;
    }

    .blocks-menu a.support .cell.left {
        width: 120px;
    }

    .statistics {
        padding-top: 0;
    }

    .text-block .inner-blocks > li {
        width: 100%;
    }

    .statistics .value {
        font-size: 48px;
    }

    .statistics .symbol {
        font-size: 22px;
    }

    .statistics .label {
        font-size: 16px;
    }

    .pagination {
        text-align: center;
        margin-top: 40px;
    }

    .pagination li {
        display: none;
    }

    .pagination li.prev,
    .pagination li.next {
        display: inline-block;
        margin: 0 10px;
    }

    .events-filter,
    .events-filter.blog {
        margin: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 3000;
        background-color: #fff;
        padding: 20px;
        height: 100%;
        width: 305px;
        visibility: hidden;
        -webkit-transition: all 0.25s linear 0s;
        transition: all 0.25s linear 0s;
        -webkit-transform: matrix(1, 0, 0, 1, 305, 0);
        transform: matrix(1, 0, 0, 1, 305, 0);
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    }

    .events-filter.biashara {
        margin: 0 0 20px 0;
        position: relative;
        padding: 0;
        height: auto;
        width: auto;
        visibility: visible;
        z-index: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .filter-open .events-filter {
        display: block;
        overflow-y: auto;
        visibility: visible;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
    }

    .events-filter > li,
    .events-filter.vehicle > li,
    .events-filter.blog > li,
    .events-filter.blog > li.search,
    .events-filter > li.half {
        width: 100%;
        padding: 0 0 20px 0;
    }

    .events-filter > li.mobile-filter-close,
    .btn-filter {
        display: block;
    }

    .cards > li {
        width: 100%;
    }

    .cards .block {
        max-width: 380px;
        margin: 0 auto;
    }

    .sponsorships li.third {
        width: 50%;
    }

    .sponsorships li.half:last-child,
    .sponsorships li.two-thirds {
        width: 100%;
    }

    .sports-news li {
        width: 100%;
    }

    .sports-team .info .cell {
        display: block;
        text-align: center;
    }

    .sports-team .info .cell.right {
        padding: 10px 0 0 0;
    }

    .sports-team .info {
        padding: 10px 10px 20px 10px;
    }

    .sports-team .name,
    .sports-stats .label {
        font-size: 20px;
    }

    .sports-team .number,
    .sports-stats .number {
        font-size: 46px;
    }

    .sports-events .icon {
        width: 50px;
        height: 50px;
        font-size: 50px;
    }

    .sports-events .icon.icon-sports-rally {
        font-size: 40px;
    }

    .kpl-table-heading {
        display: flex;
        flex-direction: column-reverse;
        padding: 20px 30px 30px 30px;
    }

    .kpl-tabs {
        display: none;
    }

    #kpl-dd {
        display: block;
    }

    .kpl-table-heading .col.right {
        text-align: left;
        padding-bottom: 20px;
    }

    .kpl-table th .full-title {
        display: none;
    }

    .kpl-table th .short-title {
        display: block;
    }

    .kpl-table th:first-child,
    .kpl-table td:first-child {
        width: 64px;
    }

    .kpl-table .hide-mobile {
        display: none;
    }

    .governance-reports {
        margin: -30px 0 0 0;
    }

    .governance-reports li {
        width: 100%;
        padding: 30px 0 0 0;
    }

    .governance-reports h2 {
        padding-top: 14px;
    }

    .profile .header .col.right {
        padding-left: 20px;
    }

    .profile .info {
        margin-top: 20px;
    }

    .profile {
        padding: 50px 30px 30px 30px;
    }

    .profile h2 {
        font-size: 20px;
    }

    .branches > li {
        width: 100%;
    }

    .events-filter.biashara > li {
        width: 100%;
    }

    .inner-banner {
        background-image: none !important;
        background-color: #c4e7fa;
    }

    .inner-banner .container {
        max-width: none;
    }

    .inner-banner .primary-btn {
        margin-top: 15px;
    }

    .leadership-center-gallery .view-gallery {
        left: 20px;
        bottom: 20px;
    }

    .amenities li {
        width: 50%;
    }

    .leadership-center-map iframe {
        height: 400px;
    }

    .vehicles-listing h2 {
        font-size: 22px;
    }

    .vehicle-info span {
        font-size: 16px;
    }

    .fotorama__arr,
    .fotorama--fullscreen .fotorama__fullscreen-icon,
    .fotorama__fullscreen-icon:before {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        line-height: 40px;
        font-size: 24px;
    }

    .fotorama--fullscreen .fotorama__fullscreen-icon {
        margin: 0;
    }

    .fotorama__fullscreen-icon:before {
        margin: auto;
    }

    .vehicle-details .vehicle-summary {
        font-size: 22px;
    }

    .news-articles > li {
        width: 50%;
    }

    .newsletter .col {
        display: block;
    }

    .newsletter .col.left,
    .newsletter .col.right {
        width: 100%;
    }

    .newsletter .col.left {
        text-align: center;
        padding-bottom: 20px;
    }

    .newsletter .col.right {
        padding: 0;
    }

    .news-articles .meta span {
        display: inline;
    }

    .news-articles .meta .sep {
        display: inline-block;
    }

    .news-article h1 {
        font-size: 28px;
    }

    .news-widget,
    .news-article.blog .news-widget {
        padding: 20px 24px;
    }

    .news-widget h2
    .news-article.blog .news-widget h2 {
        font-size: 22px;
    }

    .news-recent-articles {
        margin: -20px 0 0 -20px;
    }

    .news-recent-articles li {
        padding: 20px 0 0 20px;
    }

    .kcb-mpesa-videos span {
        font-size: 18px;
    }

    .kcb-mpesa-videos {
        margin: 0 0 0 -30px;
    }

    .kcb-mpesa-videos li {
        padding: 30px 0 0 30px;
    }

    .kcb-mpesa-videos a:after,
    .news-article .video-banner:after {
        font-size: 20px;
        height: 44px;
        width: 60px;
        line-height: 44px;
    }

    .kcb-mpesa-save-block .col.left {
        padding: 30px;
    }

    .events-filter-wrapper {
        padding: 0;
    }

    .tenders {
        padding-top: 10px;
    }

    .tenders .block {
        padding: 20px 60px 20px 20px;
    }

    .tenders .block:after {
        right: 20px;
        font-size: 16px;
    }

    .tenders .block:hover:after {
        right: 14px;
    }

    .tenders h2 {
        font-size: 20px;
    }

    .tender-meta .sep:nth-child(4) {
        display: none;
    }

    .tender-meta span:last-child {
        display: block;
    }

    .documents .cell.left {
        padding: 20px;
    }

    .editor h2 {
        font-size: 20px;
    }

    .editor h3 {
        font-size: 18px;
    }

    .vacancies li {
        width: 100%;
    }

    .network .stat {
        font-size: 40px;
    }

    .network.quarter li {
        width: 50%;
    }

    .search-title {
        font-size: 24px;
    }

    .faqs-topics {
        margin-top: -30px;
    }

    .faqs-topics li {
        width: 50%;
    }

    .thank-you .icon {
        font-size: 100px;
    }

    .thank-you p {
        font-size: 18px;
    }

    #banner.advantage {
        position: relative;
    }

    #banner.advantage:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.6);
    }

    #banner.advantage .block {
        max-width: none;
    }

    #banner.advantage {
        height: auto;
        padding: 30px 0;
    }

    .adv-info-blocks .block {
        padding: 30px;
    }

    .adv-patterned-section .col.left {
        padding-left: 30px;
        padding-right: 30px;
    }

    .platinum-block .col.left {
        padding: 0 40px;
    }

    .tradition li {
        width: 100%;
    }

    .tradition img,
    .tradition .desc {
        width: 300px;
        margin: 0 auto;
    }

    .contacts-tbl .col {
        padding-right: 20px;
        padding-left: 20px;
    }

    .other-products li a {
        font-size: 18px;
        height: 80px;
    }

    #nse .col.right {
        flex-wrap: wrap;
    }

    #nse .cell {
        width: 16.66%;
    }

    #nse .cell:first-child {
        flex: 0 0 100%;
        margin-bottom: 30px;
    }

    .leadership > li {
        width: 50%;
    }

    .sliding-banner .cols {
        flex-direction: column-reverse;
    }

    .sliding-banner .col.left {
        justify-content: center;
        flex: 0 0 100%;
        padding-right: 20px;
    }

    .sliding-banner .col.right {
        align-self: flex-end;
        width: 400px;
    }

    .cards-tabs a {
        flex: auto;
    }

    .cards-container {
        padding: 40px 0 200px 0;
    }

    .cards-list {
        margin: -30px 0 0 -30px;
    }

    .cards-list li {
        padding: 30px 0 0 30px;
    }

    .cards-list a .label {
        font-size: 20px;
    }

    .card-lead-form {
        margin-bottom: 30px;
        padding: 30px;
    }

    .card-lead-form .field-col {
        flex: 0 0 50%;
    }

    table.responsive thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.responsive tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    table.responsive td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    table.responsive td.row-heading {
        text-align: left;
        font-size: 1em;
        background-color: #84bd00;
        color: #fff;
    }

    table.responsive td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table.responsive td:last-child {
        border-bottom: 0;
    }

    table.responsive tbody tr.dark {
        background-color: transparent;
    }
}

@media only screen and (max-width: 570px) {
    body {
        padding-top: 42px;
    }

    header .top-bar {
        height: 42px;
    }

    header .logo,
    #mobile_nav_wrapper .header .logo {
        width: 127px;
    }

    header .bank,
    #mobile_nav_wrapper .header .bank {
        line-height: 42px;
        font-size: 16px;
    }

    #mobile_nav_wrapper .header .bank {
        margin-left: 0;
    }

    header .btn-search,
    .btn-menu {
        height: 42px;
        line-height: 42px;
    }

    header .btn-search.search-form-visible,
    header.scrolling .btn-search.search-form-visible {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    .main-search .btn-search-close,
    #mobile_nav_wrapper .mobile-menu-close {
        width: 42px;
        height: 42px;
        line-height: 42px;
    }

    .main-search .tbl {
        padding: 0 16px;
    }

    .mobile-nav, .mobile-nav ul,
    .mobile-nav li.has-children .has-children > ul {
        padding-top: 42px;
    }

    #mobile_nav_wrapper {
        width: 305px;
    }

    #mobile_nav_wrapper .header {
        height: 42px;
    }

    .advantge #banner.inner-landing {
        height: 300px;
    }

    header .country-selector {
        display: none;
    }

    .mobile-nav .country-selector {
        display: inline-block;
    }

    header .bank {
        margin-left: 0;
    }

    #banner {
        height: 200px;
    }

    #banner.inner-landing {
        height: 260px;
    }

    #banner.inner-landing.careers {
        height: 250px;
    }

    #banner.inner-landing .summary {
        width: 100%;
    }

    #banner h1 {
        font-size: 26px;
    }

    #banner .event-date {
        font-size: 18px;
    }

    #banner .primary-btn {
        width: 100%;
    }

    .section-title {
        font-size: 24px;
    }

    .section-title.secondary,
    .enquiry .section-title.secondary,
    .editor.products h2 {
        font-size: 22px;
    }

    .quick-links-wrapper {
        margin-top: 0;
    }

    .quick-links .text {
        font-size: 12px;
    }

    .section-title,
    .latest-articles-heading,
    .app-banner .section-title {
        margin-bottom: 26px;
    }

    .products-slider .item {
        margin: 0 0 20px 0;
    }

    #benefits .products-slider .item {
        padding: 20px;
    }

    .products-slider .desc {
        padding: 20px 20px 82px 20px;
    }
		
		.products-slider h2,
    .products-slider h3 {
        font-size: 22px;
    }

		#benefits .products-slider h2,
    #benefits .products-slider h3 {
        font-size: 20px;
    }

    .app-download a {
        display: block;
        margin: 15px 0 0 0;
    }

    .latest-articles-heading .col {
        display: block;
    }

    .latest-articles-heading .col.right {
        width: 100%;
        padding: 0;
        text-align: left;
    }

    .link-btn {
        font-size: 16px;
        padding-right: 30px;
    }

    .link-btn:after {
        width: 30px;
        font-size: 14px;
    }

    .latest-articles .featured h3 {
        font-size: 18px;
    }

    .latest-articles .featured p {
        font-size: 16px;
    }

    .latest-articles .articles .info {
        padding: 10px;
    }

    .latest-articles .articles .info .title {
        font-size: 18px;
    }

    #ticker {
        height: auto;
    }

    #ticker .wrapper {
        padding: 0;
    }

    #ticker .col {
        display: block;
    }

    #ticker .col.left {
        width: 100%;
        padding: 20px;
        border-top: 1px solid #f1f5f7;
    }

    #ticker .col.right {
        padding: 10px 20px;
    }

    .secondary-footer {
        padding: 20px 15px 70px 15px;
    }

    .home-products-tabs {
        display: none;
    }

    .home-products-dd-hide {
        display: block;
    }

    .btn-chat {
        right: 10px;
        bottom: 10px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .blocks-menu li {
        width: 100%;
    }

    .text-block {
        margin-bottom: 20px;
    }

    .text-block .inner-blocks h3 {
        font-size: 18px;
    }

    .statistics li {
        width: 50%;
        padding-bottom: 20px;
    }

    .statistics .value {
        font-size: 40px;
    }

    .help-btn {
        padding: 0 82px 0 12px;
        font-size: 16px;
    }

    .help-btn:after {
        width: 60px;
        font-size: 24px;
    }

    .sponsorships li.half,
    .sponsorships li.third {
        width: 100%;
    }

    .timer {
        margin: 20px 0;
    }

    .timer .digit {
        font-size: 30px;
        letter-spacing: 1px;
    }

    .timer .group {
        margin: 0 10px;
    }

    .timer .label {
        font-size: 12px;
    }

    .next-match-tbl .count-down-block {
        padding: 30px 20px 90px 20px;
    }

    .next-match-tbl.secondary .count-down-block {
        padding: 30px 20px 70px 20px;
    }

    .count-down-block p {
        font-size: 18px;
    }

    .count-down-block .btn-blue {
        height: auto;
        line-height: normal;
        padding: 12px 50px 12px 20px;
        font-size: 18px;
    }

    .count-down-block .btn-blue:after {
        height: 60px;
        line-height: 60px;
        width: 44px;
        font-size: 14px;
    }

    .count-down-block .next-match-label {
        font-size: 18px;
    }

    .sports-news {
        margin-top: -30px;
    }

    .sports-news .block {
        padding: 30px 20px 100px 20px;
    }

    .sports-news h3 {
        font-size: 22px;
    }

    .sports-news li {
        padding-top: 30px;
    }

    .sports-team li {
        width: 100%;
        padding-top: 30px;
    }

    .sports-team .designation,
    .sports-stats .label {
        font-size: 18px;
    }

    .sports-stats li {
        width: 50%;
        padding: 14px 0;
    }

    .sports-stats .icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 50px;
    }

    .sports-gallery-heading .col {
        display: block;
    }

    .sports-gallery-heading .col.right {
        text-align: left;
        padding: 14px 0 0 0;
    }

    .sports-gallery-heading .btn-tab {
        margin: 0 10px 0 0;
        padding: 0 50px 0 14px;
        font-size: 18px;
    }

    .sports-gallery-heading .btn-tab:after {
        width: 50px;
        font-size: 28px;
    }

    .sports-gallery {
        margin-top: 30px;
    }

    .sports-gallery .item {
        padding: 0;
    }

    .sports-gallery .item a:hover {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .sports-gallery .owl-nav button {
        width: 60px;
    }

    .sports-gallery .owl-nav button i {
        font-size: 40px;
    }

    .sports-events .block .cell {
        display: block;
    }

    .sports-events .block .cell.left {
        width: 100%;
    }

    .sports-events .icon {
        height: 100px;
        line-height: 100px;
    }

    .sports-events .block .cell.right {
        padding: 20px 20px 50px 20px;
    }

    .sports-events .link-btn {
        left: 20px;
    }

    .sports-events h2 {
        font-size: 20px;
    }

    .kpl-table-heading {
        padding: 16px 20px 20px 20px;
    }

    .kpl-table-heading h1 {
        font-size: 58px;
    }

    .kpl-table th, .kpl-table td {
        font-size: 12px;
        padding: 14px 6px;
    }

    .kpl-table th:first-child,
    .kpl-table td:first-child {
        width: 44px;
    }

    .fixtures .block {
        padding: 24px 10px;
    }

    .fixtures .emblem {
        width: 28px;
    }

    .fixtures .name {
        font-size: 12px;
        padding: 0 6px;
    }

    .fixtures p {
        font-size: 12px;
    }

    .fixtures .time {
        font-size: 12px;
        width: 44px;
        line-height: 25px;
        margin: 0 12px;
    }

    .governance-reports h2 {
        font-size: 18px;
    }

    .profiles .block .cell {
        display: block;
    }

    .profiles .block .cell.left {
        width: 100%;
    }

    .profiles .link-btn {
        bottom: 0;
    }

    .profiles .name {
        font-size: 26px;
    }

    .profile {
        padding: 50px 20px 20px 20px;
    }

    .profile .header .col {
        display: block;
    }

    .profile .header .col.left {
        width: 100%;
    }

    .profile .header .col.right {
        padding: 20px 0 0 0;
    }

    .profile img {
        margin: 0 auto 20px auto;
        float: none;
    }

    .branches .block {
        padding: 20px 20px 70px 20px;
    }

    .branches h2 {
        font-size: 24px;
    }

    .events-filter.biashara > li .cell {
        display: block;
    }

    .events-filter.biashara > li .cell.left {
        width: 100%;
        padding: 0 0 10px 0;
    }

    .inner-banner {
        margin-bottom: 0;
    }

    .lead-form .summary {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .lead-form .fieldset .field {
        width: 100%;
    }

    .lead-form .field {
        padding: 8px 0;
    }

    .leadership-center-gallery .tbl .col {
        display: block;
    }

    .leadership-center-gallery .tbl .col.left {
        width: 100%;
        padding-bottom: 15px;
    }

    .leadership-center-gallery .tbl .col.right {
        padding-left: 0;
    }

    .amenities li {
        width: 100%;
        padding: 20px 0 20px 114px;
    }

    .amenities li:before {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 36px;
    }

    .leadership-center-map iframe {
        height: 300px;
    }

    .vehicles-listing > li {
        width: 100%;
    }

    .fotorama__arr,
    .fotorama--fullscreen .fotorama__fullscreen-icon,
    .fotorama__fullscreen-icon:before {
        width: 32px;
        height: 32px;
        margin-top: -16px;
        line-height: 32px;
        font-size: 20px;
    }

    .fotorama--fullscreen .fotorama__fullscreen-icon {
        margin: 0;
    }

    .fotorama__fullscreen-icon:before {
        margin: auto;
    }

    .vehicle-info.inline li {
        width: 100%;
        padding-bottom: 30px;
    }

    .vehicle-info .label {
        font-size: 18px;
    }

    .vehicle-details .widget {
        padding: 20px;
    }

    .vehicle-details .widget h3 {
        font-size: 22px;
    }

    .vehicle-details .lead-form .summary {
        font-size: 16px;
    }

    .vehicle-details .vehicle-summary {
        font-size: 18px;
    }

    .related-vehicles li {
        width: 100%;
    }

    .news-articles {
        margin: -20px 0 0 -20px;
    }

    .news-articles > li,
    .news-articles > li.half {
        width: 100%;
        padding: 20px 0 0 20px;
    }

    .newsletter {
        padding: 20px;
    }

    .newsletter .lead-form .field:first-child {
        width: 100%;
        padding: 0 0 10px 0;
    }

    .newsletter .col.left {
        padding-bottom: 12px;
    }

    .news-recent-articles {
        margin: 0;
    }

    .news-recent-articles li {
        width: 100%;
        padding: 40px 0 0 0;
    }

    .news-recent-articles li:first-child {
        padding-top: 0;
    }

    .news-article .meta .cell {
        display: block;
    }

    .news-article .meta .cell.right {
        text-align: left;
        padding: 20px 0 0 0;
    }

    .social-share li:first-child {
        margin-left: 0;
    }

    .news-article .meta {
        margin-top: 40px;
        padding-top: 16px;
    }

    .editor blockquote {
        padding: 22px;
    }

    .news-article h1 {
        font-size: 24px;
    }

    .sports-gallery-heading.kcb-mpesa .btn-tab {
        width: 100%;
    }

    .sports-gallery-heading.kcb-mpesa .btn-tab:first-child {
        margin-bottom: 10px;
    }

    .kcb-mpesa-videos li {
        width: 100%;
    }

    .expert-widget .contacts .cell.left {
        width: 40px;
    }

    .expert-widget .contacts .cell.right {
        padding-left: 14px;
        font-size: 14px;
    }

    .expert-widget .contacts .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .expert-widget .contacts > li {
        padding: 10px 0;
    }

    .faqs-tbl .primary-btn {
        font-size: 16px;
        padding-left: 20px;
    }

    .accordion .title:after {
        font-size: 20px;
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    .accordion .title {
        font-size: 14px;
    }

    .accordion .desc {
        font-size: 14px;
        padding: 20px;
    }

    .kcb-mpesa-save-block .col.left {
        padding: 20px;
    }

    .accordion .title.large {
        font-size: 20px;
    }

    .kcb-mpesa-save-block .primary-btn {
        width: 100%;
    }

    .lead-form .primary-btn {
        width: 100%;
        min-width: inherit;
    }

    .tender-meta span {
        display: block;
    }

    .tender-meta .sep {
        display: none;
    }

    .tenders h2 {
        font-size: 18px;
    }

    .documents .title {
        font-size: 14px;
    }

    .documents a {
        min-height: 70px;
    }

    .documents .cell.right {
        width: 70px;
    }

    .documents .icon {
        font-size: 28px;
    }

    .benefits .owl-dots {
        margin-top: 20px;
    }

    .benefits {
        padding-top: 0;
    }

    .benefits .owl-dots span {
        width: 12px;
        height: 12px;
    }

    .benefits .icon {
        margin-bottom: 18px;
    }

    .vacancies .location:after {
        font-size: 16px;
    }

    .network {
        padding-bottom: 0;
    }

    .network li,
    .network.quarter li {
        width: 100%;
        padding-top: 40px;
    }

    .network .icon {
        margin-bottom: 18px;
    }

    .network .stat {
        font-size: 36px;
    }

    .testimonials {
        text-align: center;
    }

    .testimonials .cell {
        display: block;
    }

    .testimonials .cell.left {
        width: 64px;
        display: inline-block;
        vertical-align: top;
    }

    .testimonials .cell.right {
        padding: 14px 0 0 0;
    }

    .search-title {
        font-size: 20px;
    }

    .faqs-topics {
        margin-top: -24px;
    }

    .faqs-topics li {
        width: 100%;
    }

    .error-logo {
        left: 20px;
        top: 20px;
        width: 100px;
        height: 33px;
        background-position: -100px 0;
    }

    #error-page h1,
    #error-page p {
        font-size: 20px;
    }

    #error-page h2 {
        font-size: 42px;
        margin: 12px 0;
    }

    #error-page p {
        margin-bottom: 30px;
    }

    #error-page .btn-home {
        line-height: 50px;
        font-size: 20px;
        width: 160px;
    }

    #error-page .btn-home span {
        padding: 0 60px 0 20px;
    }

    #error-page .btn-home:before {
        right: 20px;
        font-size: 26px;
    }

    body.advantage {
        padding-top: 60px;
    }

    header.advantage {
        padding: 10px;
    }

    .navigation-hamburger {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    #mobile_nav .nav-scroller {
        padding-top: 60px;
    }

    header.advantage .col.left {
        width: 231px;
    }

    #banner.advantage h1 span {
        font-size: 22px;
    }

    .adv-info-blocks .block {
        padding: 20px;
    }

    .adv-info-blocks .section-title.secondary {
        font-size: 22px;
    }

    .adv-patterned-section .col.left {
        padding-left: 20px;
        padding-right: 20px;
    }

    .adv-biz-services li {
        width: 100%;
    }

    .adv-patterned-section .bullets ul.third {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }

    .simba-points-access {
        padding-top: 20px;
    }

    #banner.advantage.platinum p,
    .platinum-block .summary,
    .platinum-benefits-summary {
        font-size: 20px;
    }

    .platinum-block .col.left {
        padding: 0 24px;
    }

    .downloads > li,
		.downloads.third > li{
        width: 100%;
    }

    .tradition img,
    .tradition .desc {
        width: 100%;
    }

    .leaderboard-section .cl.right {
        padding-right: 20px;
        padding-left: 20px;
    }

    .contacts-tbl .section-title,
    .social-media-banner .section-title {
        font-size: 22px;
    }

    .contacts-tbl .col.right p {
        font-size: 12px;
        margin-bottom: 40px;
    }

    .other-products li {
        width: 100%;
    }

    #nse .kcb-price {
        font-size: 26px;
    }

    #nse {
        padding-bottom: 0;
    }

    #nse .cell {
        width: 33.33%;
        margin-bottom: 20px;
    }

    .leadership > li {
        width: 100%;
    }

    .sliding-banner .col.right {
        width: 250px;
    }

    .sliding-banner .cost {
        font-size: 100px;
    }

    .sliding-banner .symbol {
        font-size: 20px;
    }

    .sliding-banner .text {
        font-size: 20px;
    }

    .cards-tabs {
        flex-wrap: wrap;
    }

    .cards-tabs a {
        flex: 0 0 48%;
        margin: 0 1px 1px 0;
        font-size: 14px;
        padding: 0 5px;
    }

    .cards-list li {
        flex: 0 0 100%;
    }

    .card-lead-form .field-col {
        flex: 0 0 100%;
        margin: 8px 0;
    }

    .card-lead-form .input-box {
        font-size: 16px;
    }

    .card-lead-form {
        padding: 20px;
    }

    .card-lead-form .section-title.secondary {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

/*---------- GO AHEAD ----------*/
#banner.ahead-banner{height:calc(100vh - 60px);}
#banner.ahead-banner h1{max-width:none;font-size:70px;}
#banner.ahead-banner .caption{max-width:760px;margin:0 auto;}
#banner.ahead-banner p{color:#fff;font-family:'DINPro-Bold', sans-serif;font-size:26px;
	margin:20px 0 0 0;
}

.ahead-secondary-banner{height:700px;position:relative;background-color:#003643;
	background-position:center top;background-repeat:no-repeat;
	-webkit-background-size: cover;
  background-size: cover;
}
.ahead-secondary-banner.second{height:700px;display:flex;align-items:center;padding-left:150px;}
.ahead-secondary-banner.second h2{max-width:700px;font-size:56px;color:#616161;
	font-family:'DINPro-Medium', sans-serif;line-height:1;
}
.ahead-secondary-banner.second .green-text{color:#84bd00;}

.entrepreneurs-section{background-position:center bottom;background-repeat:no-repeat;
	-webkit-background-size: cover;
  background-size: cover;
}
.entrepreneurs-section .content{display:flex;}
.entrepreneurs-section .content .col.left{flex:0 0 674px;}
.entrepreneurs-section .content .col.right{padding:100px 124px;}
.entrepreneurs-section .content .col.right .primary-btn{margin-top:30px;position:relative;z-index:2;}
.entrepreneurs-section .pic{display:block;position:relative;}
.entrepreneurs-section .pic1{max-width:595px;margin:-124px 0 0 80px;}
.entrepreneurs-section .pic2{max-width:451px;top:-124px;}
.entrepreneurs-section .pic3{float:right;top:-30px;max-width:775px;}
.entrepreneurs-section .three-pics{display:flex;padding:20px 80px 80px 80px;justify-content:center;}
.entrepreneurs-section .three-pics .pic{margin:7px;}
.entrepreneurs-section .three-pics .pic4{max-width:464px;}
.entrepreneurs-section .three-pics .pic5{max-width:377px;}
.entrepreneurs-section .three-pics .pic6{max-width:778px;}

.ahead-copy{font-family:'DINPro-Bold', sans-serif;line-height:1;color:#616161;}
.ahead-copy h2{font-size:60px;margin-bottom:20px;}
.ahead-copy h3{font-size:28px;color:#84bd00;margin-bottom:20px;}

.entrepreneur-footer{padding:60px;}
.entrepreneur-footer .ahead-copy{max-width:940px;margin:0 auto;color:#fff;}

.ahead-loans-section{padding:100px 0 100px 100px;display:flex;justify-content:space-between;}
.ahead-loans-section .col.left{flex:0 0 570px;}
.ahead-loans-section .col.right{padding-left:80px;align-self:flex-end;}
.ahead-loans-section .pics{position:relative;display:flex;padding-top:130px;}
.ahead-loans-section .pics:before{content:"";width:387px;height:387px;position:absolute;left:-100px;top:-30px;
	border:3px dashed #84bd00;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.ahead-loans-section .pics .pic{margin:7px;position:relative;z-index:5;}
.ahead-loans-section .pics .pic1{max-width:515px;}
.ahead-loans-section .pics .pic2{max-width:420px;}
.ahead-loans-section .pics .pic3{max-width:128px;margin-right:0;}

.jiajiri-section{background-position:center top;background-repeat:no-repeat;height:678px;
	display:flex;align-items:center;
	-webkit-background-size: cover;
  background-size: cover;
}
.jiajiri-section .ahead-copy{max-width:800px;margin:0 auto;color:#fff;}

.ahead-stories-section{padding:80px 100px;}
.ahead-stories-section .user-pic{width:447px;height:447px;border:3px dashed #84bd00;
	padding:12px;margin:0 auto;margin-bottom:30px;
	-webkit-border-radius:50%;
	border-radius:50%;
}

.ahead-stories{max-width:825px;margin:0 auto;text-align:center;}
.ahead-stories .title{font-size:28px;font-family:'DINPro-Bold', sans-serif;color:#84bd00;
	display:inline-block;border-bottom:2px solid #84bd00;padding:0 0 10px 0;
}
.ahead-stories .title:after,
.ahead-stories > li:hover .title:after{content:"+";right:0;font-family:'DINPro-Bold', sans-serif;color:#84bd00;
	font-weight:bold;display:inline-block;position:relative;margin-left:10px;
}

.ahead-stories > li:hover .title,
.ahead-stories > li:hover .title a,
.ahead-stories > li:hover .title:after{color:#003d4c;}
.ahead-stories > li:hover .title{border-color:#003d4c;}

.ahead-stories .content-visible .title:after,
.ahead-stories .content-visible:hover .title:after{content:"-";}
.ahead-stories .content-visible:hover .title:after{color:#003d4c;}
.ahead-stories .desc{border:0 none;font-family:'DINPro-Bold', sans-serif;}
.ahead-stories > li{margin-bottom:40px;}

.ahead-students-section{height:1006px;background-position:left top;background-repeat:no-repeat;
	-webkit-background-size: contain;
  background-size: contain;
}
.ahead-students-section .container{padding:100px;display:flex;justify-content:space-between;}
.ahead-students-section .col.left{flex:0 0 750px;padding-right:40px;}
.ahead-students-section .ahead-copy{color:#fff;}
.ahead-students-section .ahead-copy h3{max-width:76%;}
.ahead-students-section .ahead-copy p{max-width:78%;}
.ahead-students-section .primary-btn{margin-top:30px;}
.ahead-students-section .student-profile{max-width:730px;}
.ahead-students-section .student-profile .student-pic{position:relative;}
.ahead-students-section .student-profile .student-pic:after{content:"";width:100%;height:100%;
	position:absolute;background-color:#83bc00;left:-24px;top:24px;z-index:1;
}
.ahead-students-section .student-profile .student-pic img{position:relative;z-index:5;}
.ahead-students-section .student-profile .desc{background-color:#83bc00;padding:20px 40px;
	color:#fff;font-family:'DINPro-Bold', sans-serif;font-style:italic;max-width:500px;float:right;
}
.ahead-students-section .student-profile .title{display:block;font-size:26px;margin-bottom:10px;}

.ahead-mifugo-section{padding:80px 0;}
.ahead-mifugo-section .content{display:flex;justify-content:flex-end;padding-right:100px;}
.ahead-mifugo-section .ahead-copy{max-width:700px;}
.ahead-mifugo-section .pics{position:relative;display:flex;justify-content:space-between;margin-top:40px;}
.ahead-mifugo-section .pics .pic{position:relative;}
.ahead-mifugo-section .pics .pic1{flex:0 0 34%;z-index:3;left:0;top:-146px;}
.ahead-mifugo-section .pics .pic2{flex:0 0 48%;z-index:2;margin-left:-10%;}
.ahead-mifugo-section .pics .pic3{flex:0 0 36%;z-index:1;margin-left:-10%;align-self:center;}

.ahead-ceo-section{height:1295px;background-position:center bottom;background-repeat:no-repeat;
	-webkit-background-size:cover;
  background-size:cover;
}
.ahead-ceo-wrapper{display:flex;justify-content:center;padding:60px;align-items:center;}
.ahead-ceo-wrapper .pic{flex:0 0 300px;border:3px dashed #84bd00;padding:10px;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.ahead-ceo-wrapper .info{margin-left:60px;color:#616161;font-family:'DINPro-Bold', sans-serif;line-height:1;}
.ahead-ceo-wrapper .title{display:block;font-size:50px;text-transform:uppercase;}
.ahead-ceo-wrapper .designation{display:block;font-size:38px;}
.ahead-ceo-wrapper .audio-wrapper{display:flex;margin-top:30px;align-items:center;}
.ahead-ceo-wrapper .audio-wrapper .btn-play-pause{font-size:48px;width:42px;line-height:48px;
	color:#84bd00;margin-right:40px;
}
.ahead-ceo-wrapper .audio-wrapper .btn-play-pause:hover{color:#003d4c;}
.ahead-ceo-wrapper .audio-wrapper .audio-wave{width:525px;}

.ahead-subsidiary{display:flex;}
.ahead-subsidiary .col{flex:0 0 50%;padding:70px;}
.ahead-subsidiary .col.blue{background-color:#083054;}
.ahead-subsidiary .content{max-width:380px;margin:0 auto;display:flex;flex-direction:column;
	align-items:center;text-align:center;
}
.ahead-subsidiary .jiajiri-logo{max-width:242px;}
.ahead-subsidiary .lions-den-logo{max-width:372px;}
.ahead-subsidiary p{font-family:'DINPro-Bold', sans-serif;color:#003e4d;margin-top:20px;}
.ahead-subsidiary .blue p{color:#fff;}

/*---------- SAVINGS ----------*/
.savings-blocks{display:flex;flex-wrap:wrap;max-width:1200px;}
.savings-blocks > li{flex:0 0 25%;padding:8px;}
.savings-blocks .block{background-color:#fff;height:100%;display:flex;flex-direction:column;
	border:2px solid rgba(0, 0, 0, 0.06);padding:20px 20px 66px 20px;position:relative;
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
}
.savings-blocks .header{display:flex;align-items:center;color:#153C4A;margin-bottom:20px;}
.savings-blocks .account-logo{flex:0 0 98px;}
.savings-blocks .title{padding-left:12px;font-family: 'DINPro-Bold', sans-serif;font-size:19px;}
.savings-blocks .desc{flex:1;position:relative;}
.savings-blocks .desc p{margin-bottom:32px;text-align:center;}
.savings-blocks .btn{position:absolute;left:20px;right:20px;bottom:20px;border:3px solid #E8E8E8;color:#5E605A;
	display:flex;height:46px;align-items:center;justify-content:center;font-family:'DINPro-Medium', sans-serif;
}
.savings-blocks .btn:hover{background-color:#8FBA39;border-color:#8FBA39;color:#fff;}

.future-calculator-wrapper{display:flex;margin-top:30px;}
.future-calculator-wrapper .col.left{flex:0 0 463px;
	background-repeat:no-repeat;background-position:center 36%;
	-webkit-background-size:cover;
	background-size:cover;
}
.future-calculator-wrapper .savings-goal-calc{height:100%;margin:0;}
.future-calculator-wrapper .savings-goal-calc .col-1{padding:40px;position:relative;background-color:#fff;
	border-radius:0;
}
.future-calculator-wrapper .savings-goal-calc .results-green{height:auto;position:absolute;
	left:94%;top:50%;min-width:230px;padding:20px;opacity:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	border-radius:0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.future-calculator-wrapper .savings-goal-calc .results-green.show{opacity:1;left:96%;}
.future-calculator-wrapper .savings-goal-calc .b-text{position:relative;bottom:auto;}
.future-calculator-wrapper .savings-goal-calc .b-text p{margin-bottom:0;}

/*---------- ADVANTAGE & PLATINUM BANKING ----------*/
.advantge #banner h1,
.plantnum #banner h1{margin:0 auto;}
.advantge #banner h1 span,
.plantnum #banner h1 span{color:#fff;}
.advantge #banner.inner-landing .col,
.plantnum #banner.inner-landing .col{vertical-align:middle;}
.advantge #banner.inner-landing .summary,
.plantnum #banner.inner-landing .summary{margin:20px auto;}

.about-advantage{display:flex;height:420px;}
.about-advantage .col{flex:0 0 50%;}
.about-advantage .col.left{background-position:center bottom;background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
}
.about-advantage .col.right{background-color:#bf9f2e;color:#fff;padding:40px 54px;
	display:flex;flex-direction:column;justify-content:center;
}
.plantnum .about-advantage .col.right{background-color:#153C4A;}
.about-advantage .section-title{color:#fff;}

.adv-tabs-wrapper{background-color:#fff;display:flex;padding:35px 0;margin-bottom:24px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.04);
}
.adv-tabs-wrapper .col.left{flex:0 0 440px;padding:0 30px;}
.adv-tabs-wrapper .col.right{padding:0 30px;}

.adv-tabs a{border-top:1px solid rgba(0, 0, 0, 0.04);display:flex;align-items:center;padding:16px 12px;}
.adv-tabs a:first-child{border:0 none;}
.adv-tabs a .icon{width:44px;text-align:center;opacity:0.6;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.adv-tabs a .text{display:block;color:rgba(21, 60, 74, 0.3);padding-left:24px;
	font-family: 'DINPro-Bold', sans-serif;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.adv-tabs a:hover,
.adv-tabs a.active{background-color:#F6F6F6;border-color:#F6F6F6;}
.adv-tabs a:hover .icon,
.adv-tabs a.active .icon{opacity:1;}
.adv-tabs a:hover .text,
.adv-tabs a.active .text{color:#153C4A;}

.adv-tabs-dd{display:none;width:100%;height:60px;margin:0;border:1px solid rgba(21, 60, 74, 0.3);
	color:rgba(21, 60, 74, 0.3);background-color:#fff;font-family:'DINPro-Medium', sans-serif;
  font-size: 18px;padding: 0 12px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.adv-tab-content{display:none;}
.adv-tab-content.active{display:block;}
.adv-tab-content .heading{display:flex;align-items:center;margin-bottom:20px;}
.adv-tab-content .heading .icon{width:74px;}
.adv-tab-content .heading .title{font-size:30px;color:#153C4A;padding-left:18px;display:block;
	font-family: 'DINPro-Medium', sans-serif;
}

.adv-benefits{display:flex;flex-wrap:wrap;margin:0 0 0 -40px;}
.adv-benefits > li{flex:0 0 50%;padding:30px 0 0 40px;}
.adv-benefits .block{height:100%;position:relative;color:#696969;}
.adv-benefits .has-link .block{padding-bottom:40px;}
.adv-benefits .title{display:block;font-size:20px;font-family:'DINPro-Bold', sans-serif;margin-bottom:14px;}
.adv-benefits p{font-size:16px;}
.adv-benefits .link-btn{text-transform:none;color:#C4C4C4;position:absolute;left:0;bottom:0;}
.adv-benefits .link-btn:after{top:2px;}
.adv-benefits .link-btn:hover{color:#BA9F45;}

.adv-branches-wrapper{background-color:#fff;padding:30px 60px;margin:24px 0;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.04);
}

.advantge .branches > li.alert,
.plantnum .branches > li.alert{display:block;width:100%;}
.advantge .branches .info div,
.plantnum .branches .info div{font-family:'DINPro-Regular', sans-serif;font-size:16px;}
.advantge .branches h2,
.plantnum .branches h2{font-size:24px;}
.advantge .branches .info li,
.plantnum .branches .info li{padding-left:38px;}
.advantge .branches .info li:before,
.plantnum .branches .info li:before{font-size:20px;width:24px;}
.plantnum .branches .info li:before{color:#153C4A;}
.advantge .events-filter,
.plantnum .events-filter{margin-bottom:0;}

.sep-heading{background-color:#153C4A;color:#fff;padding:34px;display:flex;align-items:center;
	justify-content:center;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.sep-heading .section-title{margin:0;color:#fff;max-width:770px;}
.sep-heading .icon{font-size:100px;margin-right:40px;}

.adv-pricing{display:flex;margin:0 0 0 -24px;flex-wrap:wrap;}
.adv-pricing .item{flex:0 0 50%;padding:24px 0 0 24px;}
.adv-pricing .block{height:100%;background-color:#fff;padding:50px 60px;color:#000;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.adv-pricing .title{font-size:24px;color:#153C4A;font-family:'DINPro-Medium', sans-serif;margin-bottom:20px;}
.adv-pricing ul li{margin-top:14px;}

.advantge #lead_form{background-color:#bf9f2e;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.plantnum #lead_form{background-color:#C4C4C4;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.advantge .lead-form .input-label .label,
.advantge .lead-form .icon,
.advantge .lead-form .select-field .input-wrapper:after,
.plantnum .lead-form .input-label .label,
.plantnum .lead-form .icon,
.plantnum .lead-form .select-field .input-wrapper:after{color:#fff;}

.advantge .lead-form .input-label:before,
.advantge .lead-form .input-label:after,
.plantnum .lead-form .input-label:before,
.plantnum .lead-form .input-label:after{border-color:#fff;}

.advantge .lead-form .textbox,
.plantnum .lead-form .textbox{color:#fff;}

.advantge .lead-form .error .input-label .label,
.advantge .lead-form .error .icon,
.plantnum .lead-form .error .input-label .label,
.plantnum .lead-form .error .icon{color:#e94b35;}
.advantge .lead-form .error .input-label:before,
.plantnum .lead-form .error .input-label:before{border-color:#e94b35;}

.advantge .lead-form .textbox:focus + .input-label .label, 
.advantge .lead-form .input-label.float .label, 
.advantge .lead-form .focused .input-label .label,
.advantge .lead-form .textbox:focus + .input-label .icon,
.advantge .lead-form .focused .input-label .icon,
.plantnum .lead-form .textbox:focus + .input-label .label, 
.plantnum .lead-form .input-label.float .label, 
.plantnum .lead-form .focused .input-label .label,
.plantnum .lead-form .textbox:focus + .input-label .icon,
.plantnum .lead-form .focused .input-label .icon{color:#003d4c;}
.advantge .primary-btn.lined:hover,
.plantnum .primary-btn.lined:hover{background-color:#000;border-color:#000;}

.platinum-services .item{background-color:#fff;display:flex;overflow:hidden;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.platinum-services .item .col{flex:0 0 50%;}
.platinum-services .item .col.left{padding:24px 36px;}
.platinum-services .item .col.right{background-repeat:no-repeat;background-position:center top;
	-webkit-background-size:cover;
	background-size:cover;
}
.platinum-services .title{font-size:24px;color:#153C4A;font-family:'DINPro-Medium', sans-serif;
	margin-bottom:20px;
}

.platinum-services ul{padding-left:15px;}
.platinum-services ul li{position:relative;padding-left:24px;margin-top:14px;}
.platinum-services ul li:before{content:"";width:9px;height:9px;background-color:#C4C4C4;
	display:block;position:absolute;left:0;top:8px;
	-webkit-border-radius:50%;
	border-radius:50%;
}

.platinum-services .owl-dots{margin-top:10px;display:flex;justify-content:center;}
.platinum-services .owl-dots button{padding: 8px !important;}
.platinum-services .owl-dots span{display:block;width:12px;height:12px;background-color:rgba(196, 196, 196, 0.41);
	-webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.platinum-services .owl-dots button:hover span{background-color:#C4C4C4;}
.platinum-services .owl-dots button.active span{background-color:#153C4A;opacity:1;}

/*---------- DIGITAL- BANKING ----------*/
#banner.digital-banking{height: calc(100vh - 120px);}
#banner.digital-banking .col{width:50%;}
#banner.digital-banking p{color:#fff;margin:20px 0 0 0;font-size:26px;font-family: 'DINPro-Bold', sans-serif;}
#banner.digital-banking .icon-play{width:100px;height:100px;display:flex;font-size:40px;
	align-items:center;justify-content:center;color:#fff;background-color:#84bd23;
	text-indent:10px;float:right;
	-webkit-border-radius:50%;
	border-radius:50%;
}
#banner.digital-banking .icon-play:hover{background-color:#003d4c;}

#banner.digital-banking .btn-getting-on-board{height:80px;background-color:#fff;display:flex;
	justify-content:space-between;align-items:center;padding:0 24px 0 30px;color:#84bd00;width:290px;
	font-family:'DINPro-Bold', sans-serif;font-size:25px;z-index:20; position:absolute;left:0;right:0;bottom:-40px;margin:auto;
	-webkit-border-radius:40px;
	border-radius:40px;
}
#banner.digital-banking .btn-getting-on-board:after{content:"\e912";display:block;margin-left:12px;
	font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#banner.digital-banking .btn-getting-on-board:hover{background-color:#003d4c;color:#fff;}

.content-wrapper.digital-section{padding:70px 0;}
#mobile_banking.digital-section .wrapper .col{padding-top:20px;}
.digital-section.light-green{background-color:#d3f0ab;}
.digital-section.light-blue{background-color:#dbe9f2;}
.digital-section.light-blue2{background-color:#e5f7ff;}
.digital-section.light-purple{background-color:#ffd8ef;}
.digital-section .wrapper{display:flex;justify-content:space-between;align-items:center;}
.digital-section .wrapper.reverse{flex-direction:row-reverse;}
.digital-section .wrapper .col.left{flex:0 0 35%;}
.digital-section .wrapper .col.right{padding-left:80px;}
.digital-section .wrapper.reverse .col.right{padding-right:80px;padding-left:0;}
.digital-section p{font-size:24px;color:#4d4d4d;}
.digital-section .vooma-logo{width:209px;margin-bottom:20px;}
.digital-section .pesa-link-logo{width:215px;margin-bottom:20px;}

/*---------- MESSAGES ----------*/
.alert-msg{padding:16px;margin:10px 0;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.alert-msg.info{background:#dbf5fd;color:#1196dd;}
.alert-msg.warning{background:#fff7d4;color:#ff7a32;}
.alert-msg.success{background:#e4ffd4;color:#00c449;}
.alert-msg.error{background:#fee2e2;color:#ff2f2f;}

/*---------- MOBILE APPLY BUTTON ----------*/
.mobile-apply-wrapper{position:fixed;left:0;bottom:0;width:100%;background-color:#cbd9e1;
	padding:10px;z-index:900;display:none;
}
.mobile-apply-wrapper .mobile-btn-apply{display:flex;height:34px;align-items:center;justify-content:center;
	background-color:#003d4c;color:#fff;font-family:'DINPro-Medium', sans-serif;
	-webkit-border-radius:4px;
	border-radius:4px;
}

/*---------- JIPANGE ----------*/
.jipange-latest-stories{margin-top:-120px;}
.jipange-stories{position:relative;z-index:10;}
.jipange-stories .pic{display:block;overflow:hidden;}
.jipange-stories .pic img{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.6s, -webkit-filter 0.6s;
  transition: opacity 0.35s, transform 0.6s, filter 0.6s;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}
.jipange-stories .pic:hover img,
.jipange-stories a.block:hover .pic img{
	-webkit-transform: scale3d(1.05,1.05,1);
  transform: scale3d(1.05,1.05,1);
}

.jipange-stories .title{display:block;font-family:'DINPro-Bold', sans-serif;color:#84bd00;font-size:22px;
	margin:24px 0 14px 0;
}
.jipange-stories .title:hover{color:#003d4c;}

.jipange-stories .owl-stage{display:flex;}
.jipange-stories .item{height:100%;}
.jipange-stories a.block{display:flex;flex-direction:column;height:100%;}

.jipange-stories .owl-nav button{display:block;width:54px;height:54px;
	position:absolute;top:-20%;bottom:0;margin:auto;
}
.jipange-stories .owl-nav button i{display:flex;width:100%;height:100%;color:#fff;
	align-items:center;justify-content:center;background-color:#10B320;font-size:30px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.jipange-stories .owl-nav button:hover i{background-color:#003d4c;}
.jipange-stories .owl-nav .owl-prev{left:-27px;}
.jipange-stories .owl-nav .owl-next{right:-27px;}

.jipange-stories .video-block{background-color:#003d4c;color:#fff;padding:24px 18px;
	display:flex;align-items:center;flex:1;
}
.jipange-stories .video-block .icon-play{width:56px;height:56px;display:flex;font-size:20px;
	align-items:center;justify-content:center;background-color:#fff;color:#003d4c;text-indent:6px;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.jipange-stories .video-block .desc{padding-left:16px;flex:1;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.jipange-stories a.block:hover .video-block .icon-play{background-color:#84bd00;}
.jipange-stories a.block:hover .video-block .desc{color:#84bd00;}

.jipange-wazua-kaycee{background-color:#eee;}

.jipange-subscribe{background-color:#575757;color:#fff;}
.jipange-subscribe .subscribe-title{font-size:20px;font-family:'DINPro-Medium', sans-serif;margin-bottom:18px;}
.jipange-subscribe .subscription-box{display:flex;align-items:center;justify-content:center;}
.jipange-subscribe .subscription-box input{display:block;border:1px solid #fff;height:60px;color:#fff;
	font-family:'DINPro-Regular', sans-serif;font-size:18px;padding:0 20px;background-color:transparent;
	border-right:0 none;max-width:400px;width:100%;
}
.jipange-subscribe .subscription-box button{height:60px;background-color:#52af3d;display:block;
	font-family: 'DINPro-Medium', sans-serif;font-size:18px;padding:0 30px;border:0 none;color:#fff;
	cursor:pointer;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.jipange-subscribe .subscription-box button:hover{background-color:#003d4c;}

.jipange-subscribe .subscription-box input::-webkit-input-placeholder{opacity:0.7;color:#fff;}
.jipange-subscribe .subscription-box input::-moz-placeholder{opacity:0.7;color:#fff;}
.jipange-subscribe .subscription-box input:-moz-placeholder{opacity:0.7;color:#fff;}
.jipange-subscribe .subscription-box input:-ms-input-placeholder{opacity:0.7;color:#fff;}

/*---------- SOCIAL FLOAT ----------*/
.social-float{width:60px;display:flex;flex-direction:column;background-color:#fff;align-items:center;
	justify-content:center;position:fixed;right:0;top:50%;z-index:20;padding:10px 0;
	transform:translateY(-50%);
	-webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3);
	
}
.social-float a{width:32px;height:32px;background-color:#5d984b;margin:5px 0;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.social-float a:hover{background-color:#003d4c;}

/*---------- MEDIA QUERIES ----------*/
@media only screen and (max-width: 1670px){
	#banner.ahead-banner{height:calc(100vh - 50px);}
	#banner.ahead-banner .caption{max-width:750px;}
	#banner.ahead-banner h1{font-size:64px;}
	#banner.ahead-banner p{font-size:24px;}
	.ahead-secondary-banner.second h2{font-size:48px;max-width:620px;}
	.ahead-secondary-banner.second{height:560px;padding-left:100px;}
	.entrepreneurs-section .content .col.left{flex:0 0 580px;}
	.entrepreneurs-section .content .col.right{padding:60px 90px;}
	.entrepreneurs-section .pic3{max-width:630px;}
	.ahead-copy h2{font-size:52px;}
	.ahead-copy h3{font-size:24px;}
	.ahead-loans-section .pics:before{width:320px;height:320px;}
	.ahead-stories-section .user-pic{width:400px;height:400px;}
	.ahead-stories-section{padding:60px 80px;}
	.ahead-stories .title,
	.ahead-stories .title:after{font-size:26px;}
	.ahead-stories > li{margin-bottom:30px;}
	.ahead-students-section{height:790px;}
	.ahead-students-section .student-profile .desc{padding:20px 30px;}
	.ahead-students-section .student-profile .title{font-size:24px;}
	.ahead-ceo-wrapper .pic{flex:0 0 250px;}
	.ahead-ceo-wrapper .info{margin-left:50px;}
	.ahead-ceo-wrapper .title{font-size:42px;}
	.ahead-ceo-wrapper .designation{font-size:32px;}
	.ahead-ceo-wrapper .audio-wrapper .audio-wave{width:460px;}
	.ahead-ceo-wrapper .audio-wrapper .btn-play-pause{font-size:40px;width:36px;margin-right:30px;}
	.ahead-ceo-section{height:1000px;}
	.ahead-mifugo-section{padding:60px 0;}
	.ahead-subsidiary .jiajiri-logo{max-width:200px;}
	.ahead-subsidiary .lions-den-logo{max-width:308px;}
	.ahead-subsidiary .col{padding:50px;}
	.entrepreneur-footer{padding:40px;}
	.jiajiri-section{height:530px;}
	.ahead-loans-section{padding:80px 0 60px 80px;}
	.ahead-students-section .container{padding:80px;}
	.adv-pricing .block{padding:40px 50px;}
	.adv-branches-wrapper{padding:30px 50px;}
	.adv-tab-content .heading .title{font-size:28px;}
	.adv-tab-content .heading .icon{width:70px;font-size:58px;}
	#banner.digital-banking p{font-size:24px;}
	#banner.digital-banking .col.right{padding-right:80px;}
	.digital-section .vooma-logo{width:180px;}
	.digital-section .pesa-link-logo{width:186px;}
}

@media only screen and (max-width: 1470px){
	#banner.ahead-banner{height:calc(100vh - 40px);}
	#banner.ahead-banner h1{font-size:50px;}
	#banner.ahead-banner p{font-size:22px;}
	.ahead-secondary-banner.second{height:460px;padding-left:60px;}
	.ahead-secondary-banner.second h2{font-size:36px;max-width:462px;}
	.entrepreneurs-section .content .col.left{flex:0 0 460px;}
	.entrepreneurs-section .pic1{margin:-80px 0 0 60px;}
	.entrepreneurs-section .pic2{max-width:310px;top:-84px;}
	.entrepreneurs-section .content .col.right{padding:40px 60px;}
	.ahead-copy h2{font-size:38px;}
	.ahead-copy h3{font-size:20px;}
	.entrepreneurs-section .pic3{max-width:520px;}
	.entrepreneurs-section .three-pics{padding-bottom:40px;}
	.entrepreneur-footer .ahead-copy{max-width:760px;}
	.ahead-loans-section{padding:40px 0 40px 40px;}
	.ahead-loans-section .col.left{flex:0 0 440px;}
	.ahead-loans-section .pics{padding-top:100px;}
	.ahead-loans-section .pics:before{width:240px;height:240px;left:-70px;top:0;}
	.jiajiri-section{height:450px;}
	.ahead-stories-section{padding:40px 60px;}
	.ahead-stories-section .user-pic{width:250px;height:250px;padding:6px;border-width:2px;}
	.ahead-stories .title,
	.ahead-stories .title:after{font-size:22px;}
	.ahead-students-section{height:620px;}
	.ahead-students-section .container{padding:40px;}
	.ahead-students-section .col.left{flex:0 0 500px;}
	.ahead-students-section .ahead-copy h3{max-width:78%;}
	.ahead-students-section .ahead-copy p{max-width:96%;}
	.ahead-students-section .primary-btn{margin-top:14px;}
	.ahead-students-section .student-profile{max-width:440px;}
	.ahead-students-section .student-profile .student-pic:after{left:-16px;top:16px;}
	.ahead-students-section .student-profile .desc{padding:20px 20px 0 20px;}
	.ahead-students-section .student-profile .title{font-size:22px;}
	.ahead-ceo-section{height:770px;}
	.ahead-ceo-wrapper .pic{flex:0 0 150px;border-width:2px;padding:5px;}
	.ahead-ceo-wrapper{padding:40px;}
	.ahead-ceo-wrapper .info{margin-left:30px;}
	.ahead-ceo-wrapper .title{font-size:32px;}
	.ahead-ceo-wrapper .designation{font-size:24px;}
	.ahead-ceo-wrapper .audio-wrapper .audio-wave{width:300px;}
	.ahead-ceo-wrapper .audio-wrapper{margin-top:20px;}
	.ahead-ceo-wrapper .audio-wrapper .btn-play-pause{font-size:32px;width:30px;margin-right:20px;}
	.ahead-subsidiary .jiajiri-logo{max-width:100px;}
	.ahead-subsidiary .lions-den-logo{max-width:154px;}
	.ahead-subsidiary .content{max-width:320px;}
	.jiajiri-section .ahead-copy{max-width:500px;}
	.ahead-mifugo-section{padding:40px 0;}
	.ahead-mifugo-section .pics .pic1{top:-96px;}
	.ahead-mifugo-section .ahead-copy{max-width:570px;}
	.ahead-mifugo-section .pics{margin-top:20px;}
	.future-calculator-wrapper .col.left{flex:0 0 350px;}
	.future-calculator-wrapper .savings-goal-calc .col-1{padding:30px;}
	.future-calculator-wrapper{width:86%;margin:30px auto 0 auto;}
	.about-advantage{height:360px;}
	.about-advantage .col.right{padding:30px 40px;}
	.adv-tabs-wrapper{padding:26px 0;}
	.adv-tabs-wrapper .col.left{flex:0 0 380px;padding:0 20px;}
	.adv-tabs a .icon{width:38px;font-size:36px;}
	.adv-tabs a .text{padding-left:20px;}
	.adv-tab-content .heading .title{font-size:24px;}
	.adv-tab-content .heading .icon{width:56px;font-size:46px;}
	.adv-benefits .title{font-size:18px;margin-bottom:10px;}
	.adv-benefits p{font-size:14px;}
	.adv-pricing .block{padding:30px;}
	.adv-pricing .title,
	.platinum-services .title{font-size:22px;}
	.adv-branches-wrapper{padding:20px 30px;}
	.sep-heading .icon{font-size:70px;margin-right:30px;}
	.sep-heading .section-title{max-width:520px;}
	.advantge .branches .block{padding:20px 20px 50px 20px;}
	.platinum-services .item .col.left{padding:24px 30px;}
	.content-wrapper.digital-section{padding:50px 0;}
	#banner.digital-banking{height: calc(100vh - 100px);}
	#banner.digital-banking p{font-size:22px;}
	#banner.digital-banking .icon-play{width:80px;height:80px;font-size:26px;text-indent:6px;}
	#banner.digital-banking .btn-getting-on-board{height:60px;font-size:20px;width:246px;}
	#banner.digital-banking .btn-getting-on-board:after{position:relative;top:3px;}
	.digital-section .wrapper .col.left{flex:0 0 32%;}
	.digital-section .wrapper .col.right{padding-left:60px;}
	.digital-section .wrapper.reverse .col.right{padding-right:60px;}
	.digital-section p{font-size:20px;}
	.digital-section .vooma-logo{width:150px;}
	.digital-section .pesa-link-logo{width:156px;}
	.help-buttons{margin:0 0 20px -30px;}
	.help-buttons li{padding:20px 0 0 30px;}
	.help-btn{padding:0 80px 0 20px;font-size:16px;}
	.help-btn:after{width:60px;font-size:24px;}
	.help-btn.btn-email:after{font-size:18px;}
	.jipange-latest-stories{margin-top:-90px;}
	.jipange-stories .title{font-size:20px;margin:16px 0 12px 0;}
	.jipange-stories .video-block .icon-play{width:50px;height:50px;font-size:18px;}
	.jipange-subscribe .subscription-box button,
	.jipange-subscribe .subscription-box input{height:50px;font-size:16px;}
}

@media only screen and (max-width: 1100px){
	#banner.ahead-banner{height:auto;padding:40px 0;}
	#banner.ahead-banner h1{font-size:44px;}
	.ahead-secondary-banner.second{height:380px;padding-left:40px;}
	.ahead-secondary-banner.second h2{font-size:30px;max-width:390px;}
	.entrepreneurs-section .content .col.left{flex:0 0 300px;}
	.entrepreneurs-section .pic1{margin:-60px 0 0 40px;}
	.entrepreneurs-section .pic2{max-width:200px;top:-50px;}
	.ahead-copy h2{font-size:30px;margin-bottom:14px;}
	.ahead-copy h3{font-size:18px;margin-bottom:14px;}
	.entrepreneurs-section .content .col.right .primary-btn{margin-top:20px;}
	.entrepreneurs-section .pic3{max-width:460px;}
	.entrepreneurs-section .content .col.right{padding:30px 50px;}
	.entrepreneur-footer{padding:20px;}
	.entrepreneurs-section .three-pics{padding-bottom:20px;}
	.ahead-loans-section .col.left{flex:0 0 380px;}
	.ahead-loans-section .pics{padding-top:80px;}
	.ahead-loans-section .pics:before{width:180px;height:180px;left:-50px;}
	.jiajiri-section{height:auto;min-height:340px;}
	.ahead-stories-section .user-pic{width:200px;height:200px;}
	.ahead-students-section .student-profile{max-width:320px;}
	.ahead-students-section .col.left{flex:0 0 440px;}
	.ahead-students-section .ahead-copy h3{max-width:80%;}
	.ahead-students-section .ahead-copy p{max-width:none;}
	.ahead-students-section{height:560px;}
	.ahead-mifugo-section .content{padding-right:40px;}
	.ahead-mifugo-section .ahead-copy{max-width:530px;}
	.ahead-ceo-wrapper .title{font-size:26px;}
	.ahead-ceo-wrapper .designation{font-size:20px;}
	.ahead-ceo-wrapper .audio-wrapper .audio-wave{width:240px;}
	.ahead-ceo-section{height:670px;}
	.ahead-mifugo-section .pics .pic2{flex:0 0 40%;margin-left:-5%;}
	.future-calculator-wrapper .savings-goal-calc .col-1{padding:20px 30px;}
	.future-calculator-wrapper .savings-goal-calc .results-green{position:relative;
		left:auto;top:auto;margin-top:20px;display:none;
		-webkit-transform:none;
		transform:none;
	}
	.future-calculator-wrapper .savings-goal-calc .results-green.show{left:auto;display:block;}
	.future-calculator-wrapper .col.left{background-position:32% 36%;}
	.future-calculator-wrapper{width:100%;}
	.about-advantage{height:290px;}
	.adv-benefits > li{padding-top:24px;}
	.adv-tabs a .icon{font-size:30px;width:32px;}
	.adv-tabs-wrapper .col.left{flex:0 0 360px;}
	.adv-benefits .title{font-size:16px;}
	.adv-tab-content .heading .icon{width:50px;font-size:40px;}
	.adv-tab-content .heading .title{font-size:22px;}
	.adv-pricing .title,
	.platinum-services .title{font-size:20px;}
	.digital-section p{font-size:18px;}
	#banner.digital-banking p{font-size:20px;}
	.content-wrapper.digital-section{padding:30px 0;}
	#mobile_banking.digital-section .wrapper .col{padding-top:40px;}
	.help-buttons{margin:0 auto;}
	.help-buttons li,
	.help-buttons li.half{padding:0 0 20px 0;}
	.jipange-stories{padding:0 30px;}
	.jipange-stories .owl-nav button{width:40px;height:40px;}
	.jipange-stories .owl-nav button i{font-size:24px;}
	.jipange-stories .owl-nav .owl-prev{left:10px;}
	.jipange-stories .owl-nav .owl-next{right:10px;}
}

@media only screen and (max-width: 870px){
	#banner.ahead-banner .caption{max-width:600px;}
	#banner.ahead-banner h1{font-size:38px;}
	#banner.ahead-banner p{font-size:18px;}
	.ahead-secondary-banner.second{height:auto;min-height:270px;}
	.entrepreneurs-section .content{flex-direction:column-reverse;}
	.ahead-secondary-banner.second h2{font-size:24px;max-width:300px;}
	.ahead-copy h2{font-size:26px;}
	.entrepreneurs-section .pic3{float:none;top:auto;margin:0 auto;margin-top:20px;}
	.entrepreneurs-section .pic1{margin:0;}
	.entrepreneurs-section .content .col.left{flex:0 0 100%;display:flex;justify-content:center;}
	.entrepreneurs-section .pic2{top:auto;margin-left:5px;}
	.entrepreneurs-section .pic1{max-width:250px;margin-right:5px;}
	.entrepreneurs-section .content .col.right{padding:30px 40px 10px 40px;}
	.entrepreneurs-section .three-pics .pic{margin:5px;}
	.entrepreneurs-section .three-pics{padding:5px 40px 20px 40px;}
	.entrepreneur-footer .ahead-copy{max-width:600px;}
	.ahead-loans-section{flex-direction:column;}
	.ahead-loans-section .col.left{flex:none;}
	.jiajiri-section{min-height:260px;padding:20px;}
	.ahead-stories-section .user-pic{width:160px;height:160px;padding:3px;border-width:1px;}
	.ahead-stories-section{padding:20px 40px;}
	.ahead-stories .title,
	.ahead-stories .title:after{font-size:20px;}
	.ahead-students-section .container{flex-direction:column;}
	.ahead-students-section .col.left{flex:none;padding:0;}
	.ahead-students-section{height:auto;
		-webkit-background-size:cover;
		background-size:cover;
	}
	.ahead-students-section .student-profile{margin-top:40px;}
	.ahead-students-section .student-profile .student-pic:after{left:-10px;top:10px;}
	.ahead-mifugo-section .content{padding:0 40px;}
	.ahead-mifugo-section .ahead-copy{max-width:none;}
	.ahead-mifugo-section .pics{margin-top:10px;}
	.ahead-mifugo-section .pics .pic1{top:auto;flex:0 0 260px;}
	.ahead-mifugo-section .pics .pic2{margin:0 10px;flex:0 0 272px;}
	.ahead-mifugo-section .pics .pic3{flex:0 0 270px;margin:0;align-self:flex-start;}
	.ahead-ceo-wrapper .pic{flex:0 0 120px;padding:3px;border-width:1px;}
	.ahead-ceo-wrapper .title{font-size:22px;}
	.ahead-ceo-wrapper .designation{font-size:18px;}
	.ahead-ceo-wrapper .audio-wrapper .audio-wave{width:200px;}
	.ahead-ceo-wrapper .audio-wrapper{margin-top:6px;}
	.ahead-ceo-wrapper .info{margin-left:20px;}
	.ahead-ceo-section{height:560px;}
	.ahead-subsidiary .col{padding:40px;}
	.about-advantage{height:auto;}
	.about-advantage .col.right{padding:20px 30px;}
	.adv-tabs{display:none;}
	.adv-tabs-dd{display:block;}
	.adv-tabs-wrapper{flex-direction:column;}
	.adv-tabs-wrapper .col.left{flex:none;margin-bottom:20px;}
	.adv-tabs-wrapper .col.right{padding:0 20px;}
	.sep-heading{padding:20px;}
	.adv-pricing .block{padding:20px;}
	.adv-branches-wrapper{padding:20px;}
	.advantge .branches > li,
	.plantnum .branches > li{width:50%;}
	.sep-heading .icon{font-size:60px;}
	.platinum-services .item .col.left{padding:20px;}
	#banner.digital-banking .col.left{width:70%;}
	#banner.digital-banking .col.right{width:30%;padding-right:20px;}
	.digital-section .wrapper .col.left{flex:0 0 40%;}
	.savings-blocks > li{flex:0 0 50%;}
	.jipange-stories .title{font-size:18px;margin:10px 0 8px 0;}
	.jipange-stories .video-block .icon-play{width:40px;height:40px;font-size:16px;text-indent:5px;}
	.jipange-stories .video-block .desc{font-size:14px;}
}

@media only screen and (max-width: 670px){
	#banner.ahead-banner h1{font-size:36px;}
	.ahead-secondary-banner.second{padding-left:20px;min-height:220px;}
	.ahead-secondary-banner.second h2{font-size:22px;max-width:280px;}
	.ahead-copy h2{font-size:24px;}
	.entrepreneurs-section .content .col.right .primary-btn{margin-top:12px;}
	.entrepreneurs-section .content .col.right{padding:30px 20px 10px 20px;}
	.entrepreneurs-section .three-pics{padding:5px 20px 10px 20px;}
	.ahead-loans-section{padding:30px 0 20px 20px;}
	.jiajiri-section{min-height:210px;}
	.ahead-stories-section{padding:20px;}
	.ahead-stories-section .user-pic{width:140px;height:140px;margin-bottom:16px;}
	.ahead-stories > li{margin-bottom:20px;}
	.accordion .desc{font-size:16px;padding:20px;}
	.ahead-students-section .container{padding:30px 20px;}
	.ahead-students-section{background-position:55% top;}
	.ahead-mifugo-section{padding:30px 0;}
	.ahead-mifugo-section .content{padding:0 20px;}
	.ahead-mifugo-section .pics .pic1{flex:0 0 182px;}
	.ahead-mifugo-section .pics .pic2{flex:0 0 191px;}
	.ahead-mifugo-section .pics .pic3{flex:0 0 190px;}
	.ahead-ceo-wrapper{padding:20px;}
	.ahead-ceo-section{height:440px;}
	.ahead-subsidiary .col{padding:20px;}
	.ahead-subsidiary .content{max-width:230px;}
	.ahead-loans-section .pics:before{display:none;}
	.ahead-loans-section .pics{padding-top:0;}
	.ahead-loans-section .col.right{padding-left:0;}
	.ahead-mifugo-section .pics{flex-direction:column;}
	.future-calculator-wrapper .col.left{display:none;}
	.future-calculator-wrapper .savings-goal-calc .col-1{padding:20px 30px 30px 30px;}
	.about-advantage .col.right{padding:20px;}
	.advantge .branches > li,
	.plantnum .branches > li{width:100%;}
	.sep-heading .icon{margin-right:24px;}
	.advantge #lead_form .wrapper,
	.plantinum #lead_form .wrapper{padding:0;}
	.platinum-services .item .col{flex:1;}
	.platinum-services .item .col.right{display:none;}
	#banner.digital-banking{height:auto;padding:40px 0;}
	#banner.digital-banking .wrapper{display:flex;flex-direction:column;justify-content:center;
		align-items:center;text-align:center;
	}
	#banner.digital-banking .col.right{padding:20px 0 0 0;display:flex;}
	#banner.digital-banking .col.left{width:100%;}
	#banner.digital-banking .icon-play{width:60px;height:60px;font-size:20px;margin:0 auto;}
	.digital-section .wrapper .col.left{display:none;}
	.digital-section .wrapper .col.right{padding-left:0;}
	.digital-section .wrapper.reverse .col.right{padding-right:0;}
	.digital-section .vooma-logo,
	.digital-section .pesa-link-logo{width:140px;}
	.digital-section p{font-size:16px;}
	.mobile-apply-wrapper{display:block;}
	.jipange-latest-stories{margin-top:0;}
	.jipange-subscribe .subscription-box input{max-width:320px;}
	.social-float{bottom:0;left:0;top:auto;width:100%;height:60px;flex-direction:row;
		transform:none;padding:10px;
	}
	.social-float a{margin:0 10px;}
}

@media only screen and (max-width: 570px){
	#banner.ahead-banner h1{font-size:32px;}
	.ahead-secondary-banner.second h2{font-size:20px;max-width:230px;}
	.ahead-secondary-banner.second{min-height:170px;}
	.ahead-copy h2{font-size:22px;}
	.entrepreneurs-section .content .col.left{padding:0 20px;}
	.entrepreneurs-section .three-pics{padding:5px 15px 10px 15px;}
	.ahead-mifugo-section .pics .pic{padding:10px 20px;}
	.ahead-mifugo-section .pics .pic2{margin:0;}
	.ahead-ceo-wrapper .pic{flex:0 0 80px;}
	.ahead-ceo-wrapper .audio-wrapper .btn-play-pause{font-size:24px;width:24px;margin-right:12px;}
	.ahead-ceo-wrapper .audio-wrapper .audio-wave{width:158px;}
	.ahead-ceo-wrapper .title{font-size:20px;}
	.ahead-ceo-wrapper .designation{font-size:16px;}
	.ahead-ceo-wrapper .audio-wrapper{margin-top:0;}
	.ahead-ceo-section{height:346px;}
	.ahead-subsidiary{flex-direction:column;}
	.ahead-subsidiary .col{flex:none;}
	.ahead-subsidiary .jiajiri-logo{max-width:80px;}
	.ahead-subsidiary .lions-den-logo{max-width:123px;}
	.future-calculator-wrapper .savings-goal-calc .col-1{padding:10px 20px 20px 20px;}
	.advantge #lead_form .wrapper,
	.plantinum #lead_form .wrapper{padding:0 20px;}
	.about-advantage .col{flex:0 0 100%;}
	.about-advantage .col.left{display:none;}
	.adv-tab-content .heading .title{font-size:18px;}
	.adv-benefits > li{flex:0 0 100%;padding-top:10px;}
	.adv-tab-content .heading{margin-bottom:10px;}
	.adv-pricing .item{flex:0 0 100%;}
	.sep-heading .icon{display:none;}
	.sep-heading .section-title{text-align:center;}
	#banner.digital-banking p{font-size:18px;}
	.savings-blocks > li{flex:0 0 100%;padding:8px 0;}
	.savings-blocks .block{padding-bottom:20px;}
	.savings-blocks .btn{position:relative;left:auto;right:auto;bottom:auto;}
	.jipange-stories{padding:0 10px;}
	.jipange-stories .owl-nav .owl-prev{left:-10px;}
	.jipange-stories .owl-nav .owl-next{right:-10px;}
	.jipange-subscribe .subscription-box{flex-wrap:wrap;}
	.jipange-subscribe .subscription-box input{max-width:none;border-right:1px solid #fff;}
	.jipange-subscribe .subscription-box button{width:100%;margin-top:10px;}
}