/* #region  Reset */
@import url("fonts.css");

/*font family*/
body,
input,
select,
textarea,
a,
button,
[type='button'],
[type='reset'],
[type='submit'],
.ui-widget {
  font-family: 'CoText', sans-serif !important;
  font-size: 12px;
  letter-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'CoText', sans-serif !important;
}

a {
  font-size: 1em;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

td{word-wrap: break-word;}

.clear {
  clear: both;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
}
.row:before, .row:after {display: none !important;}

/* strong{font-weight:500;} */
[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

em {
  font-size: .8em;
  font-style: normal;
}

/*Button*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  padding: 0.2em 1.5em;
  border-radius: 0;
}

button:hover,
button:focus,
[type='button']:hover,
[type='button']:focus,
[type='reset']:hover,
[type='reset']:focus,
[type='submit']:hover,
[type='submit']:focus {
}


.top-0 {
  top: 0 !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.layout-container {
  max-width: 100%;
  overflow: hidden;
}


.top-bar .row > div{
  height: 25px;
}

.top-bar .block-menu ul.menu li.menu-item {
  display: inline-block;
}

[dir="ltr"] .top-bar .block-menu ul.menu li.menu-item {
  margin-right: 25px;
  /*LTR*/
}

[dir="rtl"] .top-bar .block-menu ul.menu li.menu-item {
  margin-left: 25px;
  float: right;
  /*RTl*/
}

.top-bar .block-menu ul.menu li.menu-item a {
  font-size: 11px;
}

.block-languageswitcher li.is-active {
  display: none;
}

.top-bar .js-form-type-search input.form-search {
  border-style: solid;
  border-width: 0 0 1px;
  padding: 2px;
  font-size: 12px;
  height: 20px;
  border-radius: 0;
  float: none;
}

[dir="rtl"] .top-bar .js-form-type-search input.form-search {
  text-indent: 15px;
  /*RTl*/
}

.top-bar .js-form-type-search input.form-search:focus {
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 2px -2px rgba(85, 85, 85, 0.7);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 2px -2px rgba(85, 85, 85, 0.7);
}

.top-bar #search-block-form .icon {
  left: auto;
  right: 0;
  top: 3px;
}

.top-bar i.better_search {
  height: 13px;
  width: 13px;
}

.header a,
.header li,
.header button {
  line-height: 1.7em;
}

.header .site-logo {
  width: 206px;
  display: block;
  margin-top: 9px;
  margin-bottom: 9px;
}

/* #endregion */
/* #region  Online Services */
.header .block-onlineservices {
  margin-top: 17px;
  margin-bottom: 16px;
  position: relative;
  z-index: 102;
}

.header .block-onlineservices>h2 {
  margin: 0;
  font-weight: bold;
  margin-bottom: 5px;
}

[dir="ltr"] .header .block-onlineservices>h2 {
  font-size: 14px;
  /*LTR*/
}

[dir="rtl"] .header .block-onlineservices>h2 {
  font-size: 11px;
  /*RTl*/
}

.header .block-onlineservices .register-link {
  font-size: 13px;
  margin-left: 5px;
  margin-right: 5px;
}


.logon {
  display: inline-block;
}

[dir="rtl"] .logon,
[dir="rtl"] .header .block-onlineservices .register-link {
  float: right;
  font-size: 11px;
  line-height: 23px;
  /*RTl*/
}

.logon-menu {
  position: absolute;
  top: 0;
  left: -100px;
  width: 360px;
  padding: 15px;
}

[dir="rtl"] .logon-menu {
  left: 0;
  width: 300px;
}

.logon:hover .logon-menu {
  display: block !important;
}

.logon-menu .logon-link {
  font-weight: 700;
  display: block;
  padding: 0.2em 5%;
}


/* #endregion */
/* #region  Navigation  */
@media only screen and (min-width: 576px)  {
  .section-page-view .views-row.grid-1-2.grid-2-3.last-2 .separator-h{
    background: none !important;
  }
}
@media only screen and (max-width: 575px)  {
  .row.section-page-view .views-row.col-lg-4.col-sm-6 .separator-v{
    background: none !important;
  }
}
@media only screen and (min-width: 992px)  {
  .navbar {
    margin-bottom: 0;
  }

  #navigation {
    background: url("../../images/we-mega-menu-bg.png") 0 0 repeat-x;
    min-height: 23px;
  }

  #navigation .container {
    padding: 0;
  }


  .navbar>.container-fluid {
    justify-content: start;
  }

  .we-mega-menu-ul {
    width: 100%;
  }

  .we-mega-menu-li[data-level='0'] {
    position: static;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #d6d6d6;
  }

  .we-mega-menu-li[data-level='0'] {
    height: 41px;
  }

  .we-mega-menu-li[data-level='0'].active {
    height: 72px;
    z-index: 1;
  }
  .navbar-we-mega-menu .dropdown-menu{
    min-width: 50px;
  }

  .we-mega-menu-li[data-level='0'].dropdown-menu:hover>.we-mega-menu-submenu {
    opacity: 0;
    visibility: hidden;
  }

  .we-mega-menu-li[data-level='0'].dropdown-menu.active>.we-mega-menu-submenu {
    opacity: 1;
    visibility: visible;
    width: 100%;
    top: 42px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    padding: 0 0.4em;
    border: 0 none;
    z-index: 2;
  }

  .navbar.navbar-we-mega-menu .we-mega-menu-li[data-level='0']>a,
  .navbar.navbar-we-mega-menu .we-mega-menu-li[data-level='0']>a:focus,
  .navbar.navbar-we-mega-menu .we-mega-menu-li[data-level='0']>a:hover {
    line-height: 40px;
    display: block;
    font-weight: 700;
    font-size: 13px;
    padding: 0 1.4em;
    text-transform: capitalize;
  }

  .we-mega-menu-li[data-level='0'].active>a,
  .we-mega-menu-li[data-level='0'].active>a:focus,
  .we-mega-menu-li[data-level='0'].active>a:hover {
    background-color: transparent;
  }

  .block-we-megamenu .hidden-megamenu {
    display: none !important;
  }

  /*level 1*/
  .we-mega-menu-submenu>.we-mega-menu-submenu-inner {
    min-height: 30px;
  }

  .we-mega-menu-col,
  .navbar-we-mega-menu .we-mega-menu-row,
  .navbar-we-mega-menu .we-mega-menu-row>* {
    margin: 0;
    max-width: 100%;
    min-height: auto;
  }

  .active .we-mega-menu-submenu .we-mega-menu-li[data-level='1']>a,
  .active .we-mega-menu-submenu .we-mega-menu-li[data-level='1']>a:focus,
  .active .we-mega-menu-submenu .we-mega-menu-li[data-level='1']>a:hover,
  .active .we-mega-menu-submenu .we-mega-menu-li[data-level='1']>span.we-megamenu-nolink {
    padding: 0 1em;
    height: 30px;
    line-height: 30px;
    margin: 0;
    border: 0 none;
    font-size: 12px;
  }

  /*level 2*/
  .navigation .we-mega-menu-ul .nav-tabs .we-mega-menu-li .we-mega-menu-submenu {
    margin: 0;
    top: 30px;
    left: 0;
    border: 0 none;
    box-shadow: none !important;
    width: 1080px;
    padding: 0;
  }

  .we-mega-menu-li[data-level='1'] .nav-tabs {
    display: none;
  }

  .megamenu-block {
    display: flex;
  }

  .megamenu-block .views-row {
    /* width: 180px; */
    width: 17%;
    padding: 20px 0;
    text-align: center;
  }

  .megamenu-block .views-row .views-field {
    margin: 0;
  }

  .megamenu-block .views-row:last-child .views-field {
    border: 0 !important;
  }

  .megamenu-block .views-row .field-content,
  .megamenu-block .views-row .field-content a {
    border: 0;
  }

  .megamenu-block .views-row .views-field-field-menu-item-title,
  .megamenu-block .views-row .views-field-field-menu-item-title a {
    height: 58px;
    line-height: 1.5em;
    font-size: 15px;
    font-weight: bold;
  }
  .megamenu-block .views-row .views-field-field-menu-item-title{
    padding: 0 5px;
  }

  .megamenu-block .views-row .views-field-langcode a {
    font-size: 12px;
    line-height: 30px;
    padding: 0 7px;
    margin-top: 10px;
    display: inline-block;
  }

  .section-page-view .views-row.grid-1-3.last-3 .separator-h,
  .section-page-view .views-row.grid-2-3.last-2 .separator-h{
    background: none !important;
  }

}
/* #endregion */
/* #region  Slideshow */
.views_slideshow_cycle_teaser_section {
  margin: auto;
}

.views-field-field-banner-image {
  text-align: center;
}

.views-field-field-banner-image img {
  width: 100%;
}

.views-field-field-banner-taglines>div>div {
  max-width: 18%;
}

.block-views-block-slideshow-block-page .views-field-field-banner-taglines>div>div {
  max-width: 22%;
}

.views-field-field-banner-taglines p {
  font-size: 29px;
  line-height: 31px;
  font-weight: bold;
}

.block-views-block-slideshow-block-page .views-field-field-banner-taglines p {
  text-transform: uppercase;
}

.views-field-field-banner-taglines a {
  font-weight: 500;
  font-size: 16px;
  text-decoration: underline;
}

.views-field-field-banner-taglines a:hover,
.views-field-field-banner-taglines a:active {
  text-decoration: underline;
}

.block-views-block-slideshow-home-page {
  position: relative;
}

.block-views-block-slideshow-home-page .views-slideshow-controls-bottom {
  position: absolute;
  bottom: 10px;
  width: 100%;
  z-index: 1010;
}

.block-views-block-slideshow-home-page .views-slideshow-pager-bullets li,
.block-views-block-slideshow-home-page .views-slideshow-pager-bullets li:hover {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin: 0 14px;
}

/* #endregion */
/* #region  Breadcrumb */
.after-header {
  margin-bottom: 36px;
}

.breadcrumb {
  font-size: 1.1em;
  margin: 15px 2.7em;
  padding: 0 7px 0 0;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-color: transparent;
}

.breadcrumb ol {
  min-height: 26px;
  border-style: solid none solid solid;
  border-width: 1px;
  padding: 0 10px;
}


/* .breadcrumb ol>li a::after {
  content: " \00BB";
} */
.breadcrumb ol>li+li::before {
  content: " \00BB";
}

/* #endregion */
/* #endregion */
/* #region  Footer */
/*Bottom bar*/
.bottom-bar {
  margin-top: 50px;
  height: 42px;
}

.bottom-bar .block-menu ul.menu li.menu-item {
  display: inline-block;
  line-height: 42px;
}

[dir="ltr"] .bottom-bar .block-menu ul.menu li.menu-item {
  margin-right: 6%;
  /*LTR*/
}

[dir="rtl"] .bottom-bar .block-menu ul.menu li.menu-item {
  margin-left: 6%;
  /*RTl*/
}

.bottom-bar .block-menu ul.menu li.menu-item a {
  font-size: 15px;
}

[dir="ltr"] .bottom-bar .block-menu ul.menu li.menu-item a {
  padding-left: 30px;
  /*LTR*/
}

[dir="rtl"] .bottom-bar .block-menu ul.menu li.menu-item a {
  padding-right: 30px;
  /*RTl*/
}


[dir="rtl"] .bottom-bar .block-menu ul.menu li.menu-item a {
  background-position: 100% 50%;
}

/*social media*/
.block-socialmedia ul {
  padding: 5px 0;
}

.block-socialmedia ul>li {
  width: 33px;
  display: inline-block;
}

/*Footer*/
.footer {
  padding: 20px 0;
}
.center{text-align:center;}
.footer .block-menu>ul.menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer .block-menu>ul.menu>li.menu-item {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.footer .block-menu>ul.menu>li.menu-item>a,
.footer .block-menu>ul.menu>li.menu-item>span {
  font-weight: bold;
  line-height: 1.5em;
  font-size: 16px;
  text-decoration: underline;
}

.footer .block-menu>ul.menu>li.menu-item>ul.menu>li.menu-item a,
.footer .block-menu>ul.menu>li.menu-item>ul.menu>li.menu-item span {
  font-size: 13px;
  line-height: 17px;
}

[dir="ltr"] .footer .block-menu>ul.menu>li.menu-item>ul.menu>li.menu-item a,
[dir="ltr"] .footer .block-menu>ul.menu>li.menu-item>ul.menu>li.menu-item span {
  padding-left: 8px;
  /*LTR*/
}

[dir="rtl"] .footer .block-menu>ul.menu>li.menu-item>ul.menu>li.menu-item a,
[dir="rtl"] .footer .block-menu>ul.menu>li.menu-item>ul.menu>li.menu-item span {
  padding-right: 8px;
  background-position: 100% 50%;
  /*RTl*/
}

.footer .hidden-footer {
  display: none !important;
}


/*subsidiaries and associates*/
.block-subsidiariesandassociates .basic__body {
  display: table;
  width: 100%;
}

.footer-bottom-logos-container {
  height: 78px;
  vertical-align: middle;
  display: table-cell;
}

.footer-bottom {
  display: inline-block;
  vertical-align: middle;
}

[dir="ltr"] .footer-bottom {
  margin-right: 30px;
  /*LTR*/
}

[dir="rtl"] .footer-bottom {
  margin-left: 30px;
  /*RTl*/
}

.footer-bottom-logos-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  margin: 0 5px;
  font-weight: bold;
}

.footer-bottom-logo1 img {
  max-width: 102px;
}

.footer-bottom-logo5 img {
  max-width: 96px;
}

/*copyright*/
.block-copyright p {
  font-size: 13px;
}

/* #endregion */
/* #region  Home page */
/* #region  Carousel */
.views-carousel .jcarousel-wrapper{
  width: 93%;
  height: 250px;
  box-shadow: none;
  border: 0 none;
  padding: 10px;
  text-align: center;
}

.views-carousel .jcarousel-control-prev,
.views-carousel .jcarousel-control-next{
  width: 50px;
  height: 50px;
  box-shadow: 0px 1px 2px #999;
  top: 100px;
}

[dir="rtl"] .views-carousel .jcarousel-control-prev{
  left: auto;
  right: -50px;
}

[dir="rtl"] .views-carousel .jcarousel-control-next{
  left: -50px;
  right: auto;
}

.views-carousel .jcarousel-control-prev::after,
.views-carousel .jcarousel-control-next::after{
  line-height: 44px;
  font-size: 30px;
  text-shadow: none;
}

.views-carousel .jcarousel ul>li {
  width: 210px !important;
  margin: 0 24px;
  height: 230px;
  cursor: pointer;
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 7px 10px -6px black;
  -moz-box-shadow: 0 7px 10px -6px black;
  box-shadow: 0 7px 10px -6px black;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.views-carousel .views-field-field-carousel-icon {
  height: 77px;
  width: 96px;
  margin: 36px auto 8px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.views-carousel .views-field-field-carousel-icon img {
  margin: auto;
}

.views-carousel .views-field-field-carousel-title {
  height: 55px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.views-carousel .carousel-title {
  font-size: 17px;
  font-weight: bold;
  padding: 0 16px 0 16px;
  margin-bottom: 10px;
  height: 45px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.views-carousel .carousel-tagline {
  display: block;
  -webkit-transition: all 0.6s 0.4s ease-in-out;
  -moz-transition: all 0.6s 0.4s ease-in-out;
  -o-transition: all 0.6s 0.4s ease-in-out;
  transition: all 0.6s 0.4s ease-in-out;
  opacity: 0;
  height: 0;
  overflow: hidden;
  font-size: 13px;
  line-height: 17px;
  padding: 0 8px;
}

.views-carousel .views-field-field-carousel-button-text a {
  padding: 5px 15px 6px 15px;
  font-family: 'CoText', sans-serif;
  font-weight: bold;
  font-size: 12px;
}

.views-carousel .jcarousel li:hover {
  box-shadow: none;
}

.views-carousel .jcarousel li:hover .views-field-field-carousel-icon {
  width: 0;
  height: 0;
  margin: 20px auto 8px;
}

.views-carousel .jcarousel li:hover .views-field-field-carousel-title {
  height: 148px;
}

.views-carousel .jcarousel li:hover .carousel-title {
  font-size: 25px;
  padding: 0 8px 0 8px;
  height: auto;
}

.views-carousel .jcarousel li:hover .carousel-tagline {
  opacity: 1;
  height: 100px;
}

/* #endregion */
/* #region  Share Price */
.sharePrice {
  margin: 0 18px;
  padding: 12px 20px;
  min-height: 120px;
  margin-bottom: 30px;
}

.sharePrice .sharePrice-col-1 {
  padding-top: 15px;
}

[dir="ltr"] .sharePrice .sharePrice-col-1 {
  float: right;
}

[dir="rtl"] .sharePrice .sharePrice-col-1 {
  float: left;
  direction:ltr;
}

[dir="ltr"] .sharePrice .sharePrice-col-2 {
  float: left;
}

[dir="rtl"] .sharePrice .sharePrice-col-2 {
  float: right;
}

.sharePrice h1 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 1px;
}

.sharePrice h3 {
  margin: 0;
  text-align:center;
}

.sharePrice p {
  line-height: 14px;
  margin-bottom: 6px;
  font-size: 12px;
}

.sharePrice .currency {
  padding: 0 5px;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
}

.sharePrice .value {
  font-size: 44px;
  padding: 0px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
}

.sharePrice .change {
  padding: 3px 10px 7px 35px;
  border: 2px dotted #256092;
  background-repeat: no-repeat;
  font-size: 22px;
  margin: -2px 5px 0 15px;
  display: inline-block;
  vertical-align: top;
}

.sharePrice .st_down {
  background-position: 0 0;
}

.sharePrice .st_up {
  background-position: 0 100%;
}

.sharePrice .ohl {
  padding-top: 10px;
}

.sharePrice .ohl>div {
  width: 30%;
  text-align: center;
  display: inline-block;
}

/* #endregion */
/* #region  Slider */
[class*="block-views-block-slider"] {
  max-width: 323px;
}

.block-views-block-slider-block-awards {
  margin: auto;
}

[class*="block-views-block-slider"]>h2 {
  margin: 0;
  line-height: 1.9em;
  padding: 0 14px;
  font-size: 1.5em;
}


[class*="block-views-block-slider"] .views-field-field-press-release-image {
  overflow: hidden;
  max-height: 215px;
  text-align: center;
}

[class*="block-views-block-slider"] img {
  max-width: 100%;
}

[class*="block-views-block-slider"] .views-field-title {
  padding: 1em;
  font-weight: bold;
  font-size: 1.6em;
}

[class*="block-views-block-slider"] .views-field-title a {
  font-size: 1.6em;
  font-weight: 700;
  max-height: 60px;
  overflow: hidden;
  line-height: 1.1em;
}

[class*="block-views-block-slider"] .views-read-more {
  padding: 0 1.5em;
  text-decoration: underline;
}

[class*="block-views-block-slider"] .views-slideshow-controls-bottom .views-slideshow-pager-bullets ul>li {
  background: #63666A;
  cursor: pointer;
  width: 10px;
  height: 10px;
  padding: 0;
}

[class*="block-views-block-slider"] .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
  background: #ffcd00;
  cursor: default;
}

/* #endregion */
/* #region  Twitter Feed */
#home-twitter {
  max-width: 323px;
  margin-left: auto;
}

.tweet-top {
  line-height: 1.9em;
  padding: 0 0.8em;
  font-size: 1.5em;
}

[dir="ltr"] .tweet-top .arabic,
/*LTR*/
[dir="rtl"] .tweet-top .english {
  /*RTl*/
  display: none;
}

.tweet-name a {
  padding: 0 23px;
}

[dir="rtl"] .tweet-name a {
  background-position: 99% 50%;
}

/* #endregion */
/* #endregion */
/* #region  Product page */


.product_page .after-header {
  margin-bottom: 0;
}

.product_page #after-header::after {
  height: 96px;
  content: '';
  display: block;
}

.product_page__tabs .tabs {
  font-size: 17px;
}

.product_page__tabs .tabs ul>li {
  font-size: 17px;
  list-style-type: none;

}

[dir="ltr"] .product_page__tabs .tabs ul>li {
  padding-left: 18px;
}

[dir="rtl"] .product_page__tabs .tabs ul>li {
  padding-right: 18px;
}

.tabs-panel {
  margin-top: -96px;
}

.exclude-tabs .tabs-panel,
.exclude-tabs .tab-icon,
.exclude-tabs #after-header::after {
  display: none;
}

.tabs-panel.navbar-fixed-top {
  margin-top: 0;
}

.tabs-panel .row {
  padding: 0 15px;
}

.tabs-panel .col {
  padding: 0;
}

.tabs-panel .nav-link {
  height: 95px;
}


.tabs-panel .nav-link.active {
  border-bottom: 0 none !important;
}

.tabs-panel .nav-icon {
  width: 100%;
  height: 38px;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  margin-top: 4px;
}

.tabs-panel .nav-link.active .nav-icon {
  background-position: 50% 0;
}

.tabs-panel .nav-label {
  font-size: 2em;
  margin-top: 6px;
}

[dir="rtl"] .tabs-panel .nav-label {
  font-size: 1.3em;
}

.tabs-panel .nav-link.active .nav-label {
  font-weight: bold;
}

.product_page__tabs .row__row-columns {
  margin: 2em 0;
}

.product_page__tabs .row__row-columns .row__row-columns {
  margin: 0;
}

.product_page__tabs .row__row-columns .col-12 {
  padding: 0;
}

.product_page__tabs .row__row-columns .row__row-columns>div+div+div {
  margin-top: 20px;
}

.product_page__tabs .tab-icon {
  width: 24px;
  height: 30px;
  padding-top: 6px;
  overflow: hidden;
  position: absolute;
}

.product_page__tabs .paragraph--type--tab {
  position: relative;
}

.exclude-tabs .product_page__tabs .paragraph--type--tab,
.exclude-tabs .product_page__tabs .features-item {
  padding: 0;
}

.exclude-tabs .product_page__tabs ul {
  margin-bottom: 1.5em;
  list-style: disc;
}

[dir="rtl"] .exclude-tabs .product_page__tabs ul {
  margin-right: 2em;
}

[dir="ltr"] .exclude-tabs .product_page__tabs ul {
  margin-left: 2em;
}

[dir="ltr"] .exclude-tabs .product_page__tabs li,
[dir="rtl"] .exclude-tabs .product_page__tabs li {
  background-image: none;
  padding: 0;
}

.exclude-tabs .product_page__tabs ul>li h4,
.exclude-tabs .product_page__tabs ul>li p {
  margin: 0;
}

[dir="ltr"] .product_page__tabs .paragraph--type--tab {
  padding-left: 3em;
}

[dir="rtl"] .product_page__tabs .paragraph--type--tab {
  padding-right: 3em;
}

.product_page__tabs .tabs {
  margin-top: 25px;
}

.product_page__tabs .tab__tab-description {
  font-size: 1.4em;
  margin-bottom: 10px;
  width: 90%;
}

.product_page__tabs .tab__apply-link {
  position: absolute;
  top: 0;
}

[dir="ltr"] .product_page__tabs .tab__apply-link {
  right: 0;
}

[dir="rtl"] .product_page__tabs .tab__apply-link {
  left: 0;
}

.product_page__tabs .tab__apply-link a {
  font-size: 1.4em;
  display: block;
  padding: 4px 10px;
}

/* features tree */
.product_page__tabs .features-tree {
  padding-bottom: 30px;
}

[dir="ltr"] .product_page__tabs .features-tree {
  margin-left: -10px;
}

[dir="rtl"] .product_page__tabs .features-tree {
  margin-right: -10px;
}

.product_page__tabs .features-tree h2 {
  line-height: 32px;
  margin-bottom: 0.5em;
  font-weight: bold;
  margin-top: 20px;
  font-size: 20px;
}

.product_page__tabs .features-tree h3 {
  font-size: 20px;
  line-height: 1em;
  font-weight: bold;
  padding: 5px 0;
}

[dir="ltr"] .product_page__tabs .features-tree h2 {
  padding-left: 60px;
}

[dir="rtl"] .product_page__tabs .features-tree h2 {
  padding-right: 60px;
}

.product_page__tabs .features-tree h2:first-child {
  padding-top: 12px;
  background-position-y: 32px;
}

.product_page__tabs .features-tree p {
  font-size: 17px;
  line-height: 20px;
  font-weight: 300;
}

[dir="ltr"] .product_page__tabs .features-tree p {
  margin-left: 60px;
}

[dir="rtl"] .product_page__tabs .features-tree p {
  margin-right: 60px;
}

/* features item */
.product_page__tabs .features-item {
  padding: 0 20px;
}

.product_page__tabs .features-item h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 33px;
}

.product_page__tabs .features-item p {
  font-size: 1em;
  line-height: 1.1em;
}
[dir="rtl"] .product_page__tabs .features-item p {
  font-size: 0.9em;
}

.product_page__tabs .features-item ul>li {
  display: inline-block;
  width: 100%;
  list-style: none;
}

[dir="ltr"] .product_page__tabs .features-item ul>li {
  padding-left: 10px;
}

[dir="rtl"] .product_page__tabs .features-item ul>li {
  padding-right: 10px;
}

.product_page__tabs .features-item ul>li a {
  line-height: 17px;
  font-size: 17px;
}

/* eligibility criteria */
.product_page__tabs .eligibility-criteria {
  margin-top: 30px;
}

.product_page__tabs .row-centered .eligibility-criteria {
  height: 100%;
  padding: 1.8em;
  margin: 0;

}

.product_page__tabs .eligibility-criteria h2 {
  font-size: 27px;
  font-weight: 300;
  line-height: 26px;
  text-transform: uppercase;
}

.product_page__tabs .eligibility-criteria ul>li {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3em;
  list-style-type: none;
  margin-bottom: 8px;
}

[dir="ltr"] .product_page__tabs .eligibility-criteria ul>li {
  padding-left: 10px;
}

[dir="rtl"] .product_page__tabs .eligibility-criteria ul>li {
  padding-right: 10px;
}

.product_page__tabs .eligibility-criteria ul>li>ul>li {
  text-indent: 0px;
}

[dir="ltr"] .product_page__tabs .eligibility-criteria ul>li>ul>li {
  padding-left: 20px;
}

[dir="rtl"] .product_page__tabs .eligibility-criteria ul>li>ul>li {
  padding-right: 20px;
}

/* documentation */
.product_page__tabs .documentation {
  padding: 30px 1.5em;
  height: 100%;
}

.product_page__tabs .row-centered .documentation {
  padding: 1.8em;
  margin: 0;
}

.product_page__tabs .documentation h2 {
  font-size: 27px;
  font-weight: 300;
  line-height: 26px;
  text-transform: uppercase;
}

.product_page__tabs .documentation ul>li {
  display: inline-block;
  width: 49%;
  list-style: none;
  font-size: 14px;
  line-height: 1.2em;
  margin-bottom: 1.4em;
  vertical-align: top;
}

.product_page__tabs .row-centered .documentation ul>li {
  width: 100%;
  margin-bottom: 1em;
}

[dir="ltr"] .product_page__tabs .documentation ul>li {
  padding-left: 10px;
}

[dir="rtl"] .product_page__tabs .documentation ul>li {
  padding-right: 10px;
}

/* information */
.product_page__tabs .information {
  text-align: center;
  padding: 30px 1.5em;
  font-size: 14px;
}

/* service-standards */
.page .service-standards,
.product_page__tabs .service-standards {
  padding: 30px 1.5em;
}

.page .service-standards,
.product_page__tabs .service-standards h2 {
  font-size: 27px;
  font-weight: 300;
  line-height: 26px;
  text-transform: uppercase;
}

.product_page__tabs .service-standards ul>li {
  list-style: none;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2em;
  vertical-align: top;
}

[dir="ltr"] .product_page__tabs .service-standards ul>li {
  padding-left: 10px;
}

[dir="rtl"] .product_page__tabs .service-standards ul>li {
  padding-right: 10px;
}

/* charges */
.product_page__tabs .charges {
  padding: 30px 1.5em;
  margin-top: 00px;
}

.product_page__tabs .charges h2 {
  font-size: 27px;
  font-weight: 300;
  line-height: 26px;
  text-transform: uppercase;
  margin: 0px 0 0;
}

.product_page__tabs .charges p {
  margin: 10px 0 0;
  font-size: 0.8em;
}

.product_page__tabs .charges a {
  text-decoration: underline;
  font-weight: 300;
}
.table-title{text-align:center;}
.html__html-block p.footnote,[dir="rtl"] .html__html-block p.footnote{font-size:12px;}
.titled-table table{margin:0px;}
/* form start */
.awareness-form{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    max-width: 900px;
    box-shadow: 1px 1px 10px #888888;
    padding: 20px;
}
.awareness-form tr{
	border:none;
}
.awareness-form .ui-state-active:focus{outline-color: #fff;box-shadow: none;}
.awareness-form .ui-button.ui-state-active:hover{background:none;border:none;box-shadow: none;}
.awareness-form .ui-button{background:none;border:none;box-shadow: none;outline-color: #fff}
.awareness-form .quiz-question-short-answer .field-type-text-with-summary {
    width: 20%;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
}
.awareness-form .form-type-textfield {
    width: 75%;
    display: inline-block;
}
.awareness-form .quiz-question-multichoice .field-type-text-with-summary .first,.awareness-form  .page-node-quiz-results .field-type-text-with-summary .first {
    font-weight: bold;
    font-size: 25px;
    background: #ffcd00;
    min-width: 50px;
    display: inline-block;
    text-align: center;
    padding: 5px 0 10px 0;
}
.awareness-form #quiz-question-answering-form .quiz-question-multichoice .field-type-text-with-summary p{
    font-size: 25px;
}
  [dir="rtl"] .awareness-form table{text-align:right;}
#edit-navigation-submit {
    font-size: 27px;
    width: 95%;
    text-align: center;
    border-radius: 0;
    max-width: 210px;
    background-image: none;
    font-weight: normal;
    border: none;
	padding: 4px .8em 10px .8em;
}

.awareness-form .quiz-question-multichoice p{font-size:25px;}
.awareness-form td{padding:0px;}
.awareness-form .ui-button  {padding: 0em}
.awareness-form .ui-checkboxradio-icon-space{padding:0 10px;}
.awareness-form .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.awareness-form  .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 24px;
    height: 24px;
    border-width: 6px;
    border-style: solid;
}
.awareness-form .ui-checkboxradio-radio-label .ui-icon-background{    width: 24px;
    height: 24px;}
.awareness-form .ui-state-active,.awareness-form  .ui-widget-content .ui-state-active,.awareness-form  .ui-widget-header .ui-state-active,.awareness-form  a.ui-button:active,.awareness-form  .ui-button:active,.awareness-form .ui-button{border:none;background:none;font-size:20px;text-align:left;}
/* form end */
/* webform start */
input .error{border: 1px solid red;}
.webform-submission-form label.error{color:red;font-size:13px;display:block;padding-left:200px;font-weight:normal;}
.webform-submission-form label{
	font-size:15px;
	font-weight:bold;
}
.field-prefix{
	font-size:20px;
	padding:7px 5px;
}
.contact-us-form{
	
}
.webform-button--submit{margin-top:10px;}
.captcha{margin-top:10px;}
.webform-submission-form.webform-submission-contact-us-form input.webform-button--submit{max-width:100px;margin-top:15px;}
.webform-submission-form fieldset{margin-top:.75em;}
.webform-submission-form select,.webform-select2{
	display:inline-block;
	width:300px;
    border: 0 none;
    padding: 10px;
    margin: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background-position: 95% center;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 12px;
	margin-top:.75em;
}
  [dir="rtl"] .webform-submission-form select,.webform-select2{
    background-position: 5% center;	  
  }
.webform-submission-form input.webform-button--submit{
	height: 28px;
    width: 100px;
}
.webform-submission-form label.error{
	display:block;
	font-size:15px;
}
.webform-submission-form input{
	width: 300px;
    max-width: 300px;
    display: inline-block;
}
.webform-submission-form label{
    display: inline-block;
	min-width:200px;
}
.webform-submission-form.webform-submission-test-your-banking-awareness-form legend{
	width:100%;
}
form#test_your_banking_awareness.webform-submission-form .js-form-type-radio label.option{background: none;border: none;}
.webform-submission-test-your-banking-awareness-form .js-form-type-radio .error{display:inline-block;}
.webform-submission-test-your-banking-awareness-form .js-form-type-radio{float:none;}
.webform-submission-form input[type="radio"],.webform-submission-form.webform-submission-contact-us-form input[type="radio"]{width:20px;}
.webform-submission-form.webform-submission-contact-us-form label.option{width:initial;min-width:50px;}
.webform-submission-form .js-form-type-radio label.option,.webform-submission-form .js-form-type-checkbox label.option{font-size:15px;font-weight: normal;padding:0 5px;
border:1px solid #cccccc;outline: none;box-shadow: none;}
.js-form-type-checkbox{display:inline-block;}
.webform-submission-suggestions-complaints-and-call--form input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.webform-submission-suggestions-complaints-and-call--form label.option {
    display: inline-block;

    padding: 10px 20px;
    font-size: 16px;
	min-width:100px;

}
.awareness-no{
	font-weight: bold;
	font-size: 25px;
	min-width: 50px;
	display: inline-block;
	text-align: center;
	padding: 5px 0 10px 0;	
}
input[type="radio"] + label.error{
	background:none;
	color:red;
}
input[type="email"],input[type="text"],input[type="tel"],input[type="date"],input[type="number"]{
	font-size:15px;
}
[type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus,[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea{
	margin-bottom:0em;
	margin-top:0em;
}
.webform-submission-form .js-form-item{min-height:40px;}
[dir="rtl"] .webform-submission-form legend{
    float: right;	
}

.webform-submission-form .webform-type-radios legend{
	min-width:200px;
}
.webform-submission-form legend{
	width: 194px;
    float: left;
	border-bottom:0px;
}
.webform-submission-form .fieldset-wrapper{
    display: inline-block;	
	width:60%;
}
.js-form-type-radio{

}
.js-form-type-radio  {
    float: left;
    margin:0 1% 0 0;
}
[dir="rtl"] .js-form-type-radio  {
    float: right;
}

input[type="radio"]:focus + label {

}
label.option:hover {

}
.js-form-type-radio .error{

}
.js-form-type-radio .fieldset-wrapper{
	border:1px solid red;
}
.form-required::after {
content: '';
vertical-align: super;
display: inline-block;
background-repeat: no-repeat;
background-size: 10px 10px;
width: 10px;
height: 10px;
margin: 0 0.3em;
background:none !important;
}
/* credit ratings start */
.credit-ratings .field-item th,.credit-ratings .field-item td{    
	border: 0 none;
    vertical-align: bottom;
    padding: 10px 15px;
    line-height: 20px;
	text-align: left;
	font-size:17px;}
[dir="rtl"] .credit-ratings .field-item th,.credit-ratings .field-item td{text-align:right; }
.credit-ratings .field-item tr {padding: 5px 5px;border:0px;}
.credit-ratings .field-item td{text-align:left;}
[dir="rtl"] .credit-ratings .field-item td{text-align:right;}
/* credit ratings end */
/* webform end */
/* investor relations start */
.investor-relations-boxes h3{
    height: 40px;
    padding-top: 0px;
    line-height: 40px;
    font-weight: bold;
	text-align:center;
	margin:0px;}
	.investor-relations-boxes{margin:10px;}
.financial_latest_news 	.views-field-field-press-release-date  span.first {
    display: inline-block;
    width: 40%;
    text-align: right;
	vertical-align: bottom;
}
.financial_latest_news 	.views-field-field-press-release-date  span.method2 {
    display: inline-block;
    width: 55%;
    text-align: left;
    padding-left: 5%;
}
[dir="rtl"] .financial_latest_news 	.views-field-field-press-release-date  span.method2 {    padding-left: 0%;padding-right: 5%;}
.financial_latest_news 	.views-field-field-press-release-date .field-content {
    padding:0 10px;
    margin-right: 10px;
}
[dir="rtl"] .financial_latest_news 	.views-field-field-press-release-date .field-content {
    border-right: 0;
}
.financial_latest_news #block-views-block-news-list-block-3 .views-row {
    
}
.financial_latest_news .views-field-field-press-release-date {
    font-family: 'CoText',sans-serif;
    font-size: 18px;
    font-weight: bold;
	width:20%;
    display: inline-block;
}
.financial_latest_news h2{
    height: 40px;
    padding-top: 0px;
    line-height: 40px;
    font-weight: bold;
	padding-left:20px;}
[dir="rtl"] .financial_latest_news h2{	padding-left:0px;padding-right:20px;}
.financial_latest_news #block-views-block-news-list-block-3{ padding-bottom:10px;}
.financial_latest_news .views-field-title a{text-decoration: underline;font-size:17px;}
.financial_latest_news .views-field-title{width:80%;    display: inline-block;    vertical-align: top;margin-top: 10px;}
[dir="rtl"] .financial_latest_news .views-field-title{padding-right:10px;}
/* investor relations end */
/* Financial Report Start */
.google-visualization-table-table{table-layout: auto;}
[dir="rtl"] .fin-wrapper li.ui-tabs-tab,[dir="rtl"] .fintabs ul li,[dir="rtl"] .subtabs ul li{float:right;}
.financial_reports_charts .paragraph--type--html{margin:0 -2000px;}
.financial_reports_charts .after-header{margin-bottom: 0px;}
.financial_reports_charts .html__html-block p{margin-bottom:0px;}
.html__html-block .fin-years span a {
    padding: 5px 5px;
    display: inline-block !important;
    font-weight: normal;
    font-size:15px;
    border-radius: 3px;
    text-decoration:none;
}

.subtabContent > a > img{height:25px;}
.field-name-field-contenttextbox h2{width:95% !important;}
.charts-menuitem-content{font-family:'CoText', sans-serif !important;}
#chart2 td.google-visualization-table-td,#chart2 .google-visualization-table-th{font-family: 'CoText', sans-serif;}
[dir="rtl"] #chart2 td.google-visualization-table-td,#chart2 .google-visualization-table-th{text-align:right;}

.google-visualization-tooltip {}
.google-visualization-tooltip-item{}
html[dir="ltr"] g g text{
    font-family:'CoText', sans-serif !important;
    fill:blue !important;
font-size:14px;
}
.tabContent a,.fin-wrapper,.tabContainer,.fin-wrapper ul li a{font-family: 'CoText', sans-serif;}

.tabContainer h2{margin-bottom:20px;}
.tabs1,fix.ui-tabs{padding:0px;}
.field-name-field-contenttextbox > .field-items > .field-item .fin-years span a{    padding: 5px 20px;display: inline-block !important;font-weight: normal;border-radius: 3px;}
.fin-years{ margin: 0 auto; padding:10px 0;margin-bottom: 30px;}
.fin-years .years.last{border-right: none;}
.fin-years .years{border-right: 2px solid #000;font-size: 20px;display: inline-block;font-weight:bold;padding: 0 10px 0 5px;}
[dir="rtl"] .fin-years .years.last{border-left: none;}
[dir="rtl"] .fin-years .years{border-left: 2px solid #000;border-right:0px;}
.ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav li{}
.ui-tabs .fin-wrapper  .ui-tabs-nav li.ui-tabs-active{padding-bottom:2px;}
.fin-wrapper ul{padding:0px;margin:0px;border:0px;}
.ui-tabs .fin-wrapper .ui-tabs-nav, .ui-tabs .fin-wrapper .ui-tabs-nav li{background:none;}
.ui-tabs .fin-wrapper  .ui-tabs-nav li.ui-tabs-tab.ui-tabs-active {margin: 2px 0px 0px 0px;border-bottom: 0px;}
.ui-tabs .fin-wrapper .ui-tabs-nav li.ui-tabs-tab{height:55px;}
.ui-tabs .fin-wrapper .ui-tabs-nav li.ui-tabs-tab.ui-tabs-active a{border:none !important;font-weight:bold;}
ul.ui-tabs-nav.ui-widget-header{max-width: 1150px;margin: 0px auto 0;}
.tabContainer{max-width: 1150px;margin: 25px auto 0;}
.wrap.resize{max-width:none;padding:0px;}
#breadcrumbs{padding-bottom:0px !important;margin-bottom:0px !important;}
.tabContainer .ui-tabs .ui-tabs-nav,.tabContainer .ui-tabs .ui-tabs-nav li{background:none;}
ul.ui-tabs-nav.ui-widget-header{padding-top: 0px;}
.tabs1 .google-visualization-table-td-number{text-align:left;}
[dir="rtl"] .tabs1 .google-visualization-table-td-number{text-align:right;}
.fintabs .subtabContent{border-bottom:1px dashed #000;margin-bottom: 10px;}
.tabContainer .google-visualization-controls-categoryfilter-selected li{padding:5px 10px;font-size:14px;}

.ui-tabs .fin-wrapper .tabContainer .ui-tabs-nav li.ui-tabs-tab.ui-tabs-active a{border-bottom:none !important;font-weight:bold}
.ui-tabs .fin-wrapper .ui-tabs-nav li.ui-tabs-tab{}
.ui-tabs .tabContainer .ui-tabs-nav li.ui-tabs-tab a{font-weight:bold;}
.ui-tabs .tabContainer .ui-tabs-nav li.ui-tabs-tab.ui-tabs-active a{font-weight:bold;}
.ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav li{border-width: 0 0 2px 0;}
.tabContainer .charts-menu-button-inner-box{border-width: 1px;  border-radius: 10px;}
.tabContainer .charts-menu-button{background:none;}
.charts-inline-block .charts-menu-button-dropdown{ height: 11px;width: 16px;margin-top: 5px;}
.charts-container-horizontal{padding:10px}
.google-visualization-controls-categoryfilter > div{display:inline-block;}
.tabContainer .google-visualization-controls-label{font-size:20px;width:100px;vertical-align: top;}
.tabContainer #control2 .google-visualization-controls-label{padding-top:3px}
.charts-menu-button-outer-box{border:none;border-width:0px !important;}
.charts-menu-button-inner-box{background: none;border: none;padding: 5px 15px !important;font-size:15px}
#control1 > .charts-inline-block,select {}
.ui-tabs .ui-tabs-panel{padding:1em 0;}
.ui-widget.ui-widget-content{border:none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:none;}
.ui-tabs .ui-tabs-nav li{margin:2px 0px 0px 0px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{background:none;}
.tabs1 .subtabContent a{text-decoration:none;font-size: 20px;vertical-align: top; display: inline;}
.tabs1 .subtabContent a > img{height:25px;}

/* Financial Report END */
/* tap-faq */
.paragraph--type--faq .ui-accordion-header {
  border: none;
  background: none;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  display: flex;
}

.paragraph--type--faq .ui-accordion-header-icon {
  margin-top: 6px;
}

[dir="ltr"] .paragraph--type--faq .ui-state-active .ui-accordion-header-icon {
  background-position: 0 100%;
}

[dir="rtl"] .paragraph--type--faq .ui-state-active .ui-accordion-header-icon {
  background-position: 100% 100%;
}

.paragraph--type--faq .faq__question {
  display: inline-block;
  text-decoration: underline;
  font-size: 17px;
  max-width: 98%;
}

.paragraph--type--faq .faq__answer {
  margin: 1.2em 1em;
  font-size: 17px;
  font-weight: 400;
  padding: 0 1em;
  border: 0;
  overflow: visible;
}

[dir="ltr"] .paragraph--type--faq ul>li {
  padding-left: 10px;
  list-style: none;
}

[dir="rtl"] .paragraph--type--faq ul>li {
  padding-right: 10px;
  list-style: none;
}

.paragraph--type--faq .html__html-block h2 {
  margin: 1.2em;
  font-size: 17px;
  font-weight: 400;
}

[dir="ltr"] .paragraph--type--faq .html__html-block h2 {
  margin-left: 0;
}

[dir="rtl"] .paragraph--type--faq .html__html-block h2 {
  margin-right: 0;
}

.product_page__tabs .block-dotted {
  min-width: 234px;
  min-height: 218px;
  margin: 8px;
  padding: 10px;
  display: flex;
  align-items: flex-end;
}

.product_page__tabs .block-dotted>div {
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.row-centered .row {
  justify-content: center;
}

.product_page__tabs .row>div>div,
.product_page__tabs .column__column-cell,
.block-dotted {
  height: 100%;
}

.product_page__tabs .row>div>div.captcha {
  height: auto;
}
.product_page__tabs .block-dotted li,
.product_page__tabs .block-dotted ul>li a {
  background: none !important;
}


.two-cols h3 {
  margin-bottom: 5px;
  font-size: 17px;
}

.two-cols h2 {
  margin-bottom: 5px;
  font-size: 20px;
}


[dir="rtl"] .faq__answer table td {
  text-align: right;
}

.table-dotted th,
[dir="rtl"] .table-dotted thead+tbody td,
[dir="ltr"] .table-dotted thead+tbody td,
.faq__answer table th,
[dir="rtl"] .faq__answer table thead+tbody td,
[dir="ltr"] .faq__answer table thead+tbody td {
  text-align: center;
}

.table-dotted th,
.table-dotted td,
.faq__answer table th,
.faq__answer table td {
  border: none;
  padding: 0.75em;
  font-size: 16px;
}

.table-dotted th,
.faq__answer table th {
  font-size: 20px;
}

.table-dotted th,
.table-dotted td {
  text-align: center;
}

.table-dotted td:first-child {
  width: 50%;
  font-weight: bold;
}

.faq__answer table td:first-child {
  width: 20%;
  font-weight: bold;
}

.table-dotted thead+tbody td:first-child,
.faq__answer table thead+tbody td:first-child {
  width: auto;
  font-weight: normal;
}

.table-dotted tbody>tr,
.faq__answer table tbody>tr {
  border: 0;
}


.gold-title h2 {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.gold-title h3 {
  font-size: 20px;
  margin-bottom: 0;
}

.product_page__body {
  display: none;
  font-size: 17px;
  line-height: 17px;
  padding: 30px 8px;
  margin: 0 auto 1em auto;
}

.product-page-body-container {
  background-color: white;
}

.dylw-box h2 {
  text-align: center;
  padding: 10px 0;
  font-size: 22px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.box {
  border: 1px solid #d6d6d6;
  padding: 2%;
  margin: 2%;
}
.travel-card-page .leftPart,.travel-card-page  .rightPart {width:45%; min-width:500px}
.travel-card-page .leftPart {float: left;}
.travel-card-page .rightPart {float: right;}
[dir="ltr"] .travel-card {
  width: 100%;
  font-size: 14px;
}

[dir="ltr"] .travel-card td {
  padding-left: 10px;
}

[dir="ltr"] .travel-card td .flags + strong span,[dir="ltr"] .travel-card td .flags + span {
  padding-left: 10px;
}
[dir="ltr"] .travel-card td span {
  padding-left: 0px;
}
.travel-card img{
	width:14px;
	height:auto;
}
[dir="ltr"] .travel-card img {
  vertical-align: middle !important;
}

[dir="ltr"] .ncol {
  font-size: 10px;
  padding-left: 10px;
  color: rgb(255, 0, 0);
}
[dir="ltr"] .product_page__body ul {
  list-style-type: disc !important;
}

[dir="ltr"] .html__html-block ul {
  list-style-type: disc !important;
}

[dir="ltr"] .html__html-block ol {
  list-style-type: decimal;
}
.travel-card td p{margin:0px;display:inline-block;}
[dir="rtl"] .travel-card {
  width: 100%;
  font-size: 14px;
  text-align: right;
}

[dir="rtl"] .travel-card td {
  padding-right: 10px;
}

[dir="rtl"] .travel-card td .flags + strong span,[dir="rtl"] .travel-card td .flags + span {
  padding-right: 10px;
}
[dir="rtl"] .travel-card td span {
  padding-right: 0px;
}

[dir="rtl"] .travel-card img {
  vertical-align: middle !important;
}

[dir="rtl"] .ncol {
  font-size: 10px;
  padding-right: 10px;
  color: rgb(255, 0, 0);
}

[dir="rtl"] .product_page__body ul {
  list-style-type: disc !important;
}

[dir="rtl"] .html__html-block ul {
  list-style-type: disc !important;
}

[dir="rtl"] .html__html-block ol {
  list-style-type: decimal;
}

/* Community Investment */
.circle-container a.center span {
  width: 145px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
  margin-top: 83px;
}
/* [dir="ltr"] .circle-container a.center span {
  margin-left: 35px;
}
[dir="rtl"] .circle-container a.center span {
  margin-right: 35px;
} */

.circle-container {
  position: relative;
  width: 520px;
  height: 520px;
  padding: 93px;
  /*= 2em * 1.4 (2em = half the width of an img, 1.4 = sqrt(2))*/
  border-radius: 50%;
  margin: 1.75em auto 0;
  box-sizing: content-box;
}

.circle-container a.center {
  width: 224px;
  height: 224px;
}

.circle-container>div {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 187px;
  height: 230px;
  margin: -93px;
  /* 2em = 4em/2 */
  /* half the width */
  z-index: 10;
}

.circle-container a {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 187px;
  height: 230px;
  margin: -93px;
  /* 2em = 4em/2 */
  /* half the width */
  z-index: 10;
}

.circle-container img {
  display: block;
  width: 100%;
}

.deg0 {
  transform: translate(237px);
}

/* 12em = half the width of the wrapper */
.deg45 {
  transform: rotate(202deg) translate(250px) rotate(-202deg);
}

.deg135 {
  transform: rotate(135deg) translate(250px) rotate(-135deg);
}

.deg180 {
  transform: rotate(45deg) translate(250px) rotate(-45deg);
}

.deg225 {
  transform: rotate(-21deg) translate(250px) rotate(21deg);
}

.deg315 {
  transform: rotate(269deg) translate(250px) rotate(-269deg);
}

/* this is just for showing the angle on hover */
.circle-container a:not(.center):before {
  position: absolute;
  width: 4em;
  color: white;
  opacity: 0;
  background: rgba(0, 0, 0, .5);
  font: 1.25em/3.45 Courier, monospace;
  letter-spacing: 2px;
  text-decoration: none;
  text-indent: -2em;
  text-shadow: 0 0 .1em deeppink;
  transition: .7s;
  /* only works in Firefox */
}

.circle-container a:hover:before {
  opacity: 1;
}

/* this is for showing the circle on which the images are placed */
.circle-container:after {
  position: absolute;
  top: 93px;
  left: 93px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  opacity: 1;
  pointer-events: none;
  content: '';


}

.circle-container:hover:after {
  opacity: 1;
}

.circle-container a:not(.center):after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: -2px;
  opacity: 1;
  content: '';
}

.circle-container:hover a:after {
  opacity: 1;
}

.circle-container a:hover:after {
  opacity: .3;
}

[dir="ltr"] .circle-container .verse-txt {
  width: 187px;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  height: 40px;
  position: absolute;
  z-index: 100;
}

[dir="rtl"] .circle-container .verse-txt {
  width: 187px;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  height: 40px;
  position: absolute;
  z-index: 100;
}

.html__html-block a {
  text-decoration: underline;
}

.html__html-block p,
.html__html-block ul,
.html__html-block ol {
  font-size: 17px;
  line-height: 1.2em;
  margin-bottom: 0.75em;
}

/* [dir="ltr"] .html__html-block ul,
[dir="ltr"] .html__html-block ol{
  padding-left: 34px;
   
}
[dir="rtl"] .html__html-block ul,
[dir="rtl"] .html__html-block ol{
  padding-right: 34px; 
} */
.subsection-square .html__html-block {
  padding-bottom: 20px;
}

.subsection-square .html__html-block>h2,
.subsection-square .html__html-block>p,
.subsection-square .html__html-block>div {
  padding-left: 15px;
  padding-right: 15px;
}

.subsection-square .html__html-block h2,
.subsection-square .html__html-block p,
.subsection-square .html__html-block div,
.subsection-square .html__html-block ul,
.subsection-square .html__html-block ol {
  font-size: 15px;
  margin: 0;
}

.subsection-square .html__html-block h2 {
  font-size: 17px!important;
}

[dir="ltr"] .subsection-square .html__html-block>p:first-child {
  width: 102%;
  width: calc(100% + 4px);
  margin-top: -2px;
  margin-left: -2px;
  background-color: white;
  margin-bottom: 20px;
  padding: 0;
}

[dir="rtl"] .subsection-square .html__html-block>p:first-child {
  width: 102%;
  width: calc(100% + 4px);
  margin-top: -2px;
  margin-right: -2px;
  background-color: white;
  margin-bottom: 20px;
  padding: 0;
}

.subsection-square .html__html-block .read-more,
.subsection-square .html__html-block .toggle-less,
.subsection-square .html__html-block a {
  text-decoration: underline;
  display: inline-block;
  cursor: pointer;
}

.col-4 .subsection-square {
  max-width: 301px;
  margin: 25px;
}

.col-12 .subsection-square {
  max-width: 100%;
}

.toggle-read-more .complete,
.subsection-square .html__html-block .toggle-less {
  display: none;
}

.subsection-square ul {
  list-style-position: inside;
  margin-bottom: 20px;
}

/* CSR */
[dir="ltr"] .paragraph--type--csr {
  float: left;
  margin-right: 6%;
}

[dir="rtl"] .paragraph--type--csr {
  float: right;
  margin-left: 6%;
}

.paragraph--type--csr {
  margin-bottom: 10px;
  padding: 10px;
  max-width: 258px;
}

[dir="ltr"] .csr__csr-link,
[dir="ltr"] .csr__csr-file {
  padding: 0.1em 0.5em 0.3em 0;
}

[dir="rtl"] .csr__csr-link,
[dir="rtl"] .csr__csr-file {
  padding: 0.1em 0 0.3em 0.5em;
}

[dir="ltr"] .csr__csr-link a,
[dir="ltr"] .csr__csr-file a {
  padding-left: 30px;
  background-position: 0 0;
}

[dir="rtl"] .csr__csr-link a,
[dir="rtl"] .csr__csr-file a {
  padding-right: 30px;
  background-position: 100% 0;
}

.csr__csr-link a,
.csr__csr-file a {
  font-size: 17px;
  font-weight: 500;
  text-decoration: underline;
  padding-top: 3px;
  margin-top: 7px;
  display: block;
}

.csr__csr-file a {
  background-repeat: no-repeat;
}

/* #endregion */
/* #region  Section page */
.section_page__body {
  font-size: 20px;
  /* text-align: center; */
}

.section-page-view .views-row {
  padding: 0;
}

.section-page-view .views-row .separator-v {
  height: 195px;
  margin-bottom: 35px;
  margin-top: 30px;
}

[dir="rtl"] .section-page-view .views-row .separator-v {
  background-position: 7%;
}

.section-page-view .views-row .separator-h {
  height: 245px;
  margin-top: 35px;
  width: 85%;
  display: flex;
  padding-top: 42px;
}

/* .section-page-view .views-row.col-lg-4.grid-3-3 .separator-h,
.section-page-view .views-row.col-lg-6.grid-2-2 .separator-h {
  width: 100%;
} */

.section-page-view .views-field-nothing>span {
  display: flex;
  flex-direction: column;
}

.section-page-view .views-row.last-1.grid-3-3 .separator-v,
.section-page-view .views-row.first.last-2+.last-1 .separator-v,
.section-page-view .views-row.col-lg-4.grid-3-3 .separator-v,
.section-page-view .views-row.col-lg-6.grid-2-2 .separator-v {
  background: none;
}

.section-page-view .views-row.first.last-1 {
  margin-left: auto;
  margin-right: auto;
}

[dir="ltr"] .section-page-view .views-row.first.last-2,
[dir="rtl"] .section-page-view .views-row.first.last-2+.last-1 {
  margin-left: auto;
}

[dir="ltr"] .section-page-view .views-row.first.last-2+.last-1,
[dir="rtl"] .section-page-view .views-row.first.last-2 {
  margin-right: auto;
}

.grid-1-3.last-1 .separator-h,
.col-lg-4.grid-1-3.last-2 .separator-h,
.grid-1-3.last-3 .separator-h,
.grid-2-3.last-1 .separator-h,
.grid-2-3.last-2 .separator-h,
.grid-3-3.last-1 .separator-h {
  background: none;
}
.section-page-view .views-row.last-1 .separator-h{
  background: none !important;
}

.section-item-title {
  font-size: 23px;
  font-weight: bold;
  color: #292825;
  margin-top: 12px;
  margin-bottom: 12px;
  line-height: .9em;
}

[dir="rtl"] .section-item-title {
  font-size: 18px;
  line-height: 1.2em;
}

.section-item-link {
  text-decoration: underline;
  font-size: 14px;
  font-weight: 500;
}

.views-field-field-section-item-icon {
  margin: 0 10px;
}

.views-field-field-section-item-icon .field-content {
  width: 108px;
  height: 108px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: contain !important;
}

.views-field-field-section-item-icon img {
  max-width: 108px;
  max-height: 108px;
  width: 100%;
}

[dir="rtl"] .branchLocation.blm {
  background-position: 100% 5px;
  padding-right: 22px;
  padding-left: 0px;
}

.branchLocation.blm {
  background-repeat: no-repeat;
  background-position: 0 5px;
  background-size: 16px 22px;
  padding-left: 22px;
  text-decoration: underline;
}

.cashSingleBranch {
  display: inline-block;
  margin-right: 2%;
  width: 17%;
  line-height: 1.3em;
  text-decoration: underline;
}

[dir="rtl"] .cashSARspan {
  border-right: 0px;
  margin-left: 20px;
  padding-left: 20px;
  margin-right: 0px;
  padding-right: 0px;
}

.cashSARspan.cashSARspanLast {
  border: 0px;
}

.cashSARspan {
  font-weight: 500;
  margin-right: 20px;
  padding-right: 20px;
  margin-top: 0.5em;
  display: inline-block;
}

.all-atms {
  text-align: center;
  margin-top: 10px;
}

.all-atms a {
  font-family: 'CoText', sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 20px;
  line-height: 30px;
}

.product_page__tabs .tabs .black-box li {
  background: none;
  font-size: 14px;
  line-height: 1.2em;
}

/* for colored boxes by owais */
.TabsColoredBox {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 2%;
  min-width: 300px;
}

.TabsColoredBox img {
  padding-top: 10px;
}

.TabsColoredBox span {
  display: inline-block;
  font-family: 'CoText', sans-serif;
  font-size: 19px;
  line-height: 1.2em;
  margin-top: 15px;
  padding: 3% 0;
  width: 100%;
  min-height: 85px;
}
/* flex country */
.flexx-country {
  display: inline-block;
  width: 110px;
  margin-bottom: 25px;
  text-align: center;
  vertical-align: top;
}

.flexx-country img {
  display: inline-block;
}

.country-name {
  width: 100px;
  text-align: center;
  margin-top: 5px;
}

.black-box {
  padding: 2em 2.4em;
  margin-top: 0px;
  height: 100%;
}
.black-box .html__html-block p,
.black-box .html__html-block ul,
.black-box .html__html-block ol{
  font-size: 0.8em;
}


.black-box .html__html-block h2 {
  font-size: 27px;
  font-weight: 300;
  line-height: 26px;
  text-transform: uppercase;
}

/* ----- Car Finance Calculator ----- */

.car-finance-calc-ctr {
  padding: 30px 20px;
  margin: 30px auto;
  text-align: center;
}

.tabs-smallTabDesc {
  margin-left: 34px;
  margin-bottom: 1em;
  font-family: 'CoText', sans-serif;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  font-style: italic;
}

.calc-result-ctr {
  display: block;
  width: 100%;
  position: relative;
}

.calc-item-title {
  display: block;
  width: 100%;
  font-family: 'CoText', sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align:center;
}

.calc-result-ctr .calc-item-title {
  width: 78%;
  padding-left: 9%;
}

.calc-result-equal {
  font-family: 'CoText', sans-serif;
  font-size: 87px;
  position: absolute;
  bottom: 0px;
  left: 20px;
}

#calculatorBigResult,
#calculatorBigResult1,
#calculatorBigResult2,
#calculatorBigResult3 {
  font-family: 'CoText', sans-serif;
  /*font-size: 87px;*/
  font-size: 64px;
  display: inline-block;
  margin-top: 14px;
  padding: 11px 0 11px 9%;
}

#calculatorBigResult {
  width: 86%;
}

#calculatorBigResult1,
#calculatorBigResult2,
#calculatorBigResult3 {
  float: left;
  width: 75%;
}

#resetcalc,
#resetcalc1,
#resetcalc2,
#resetcalc3 {
  background-image: none;
  border-radius: 0;
  border-style: none none solid;
  border-width: 0 0 0;
  box-shadow: none;
  cursor: pointer;
  padding: 0;
  margin-top: 14px;
  width: 13%;
  display: inline-block;
  filter: none;
  vertical-align: top;
  font-family: 'CoText', sans-serif;
  font-size: 20px;
  color: #ffcd00;
  font-weight: 500;
  text-shadow: none;
  height: 112px;
}

#resetcalc1,
#resetcalc2,
#resetcalc3 {
  width: 100%;
  margin-left: 3px;
  margin-right: 3px;
}

.calc-reset-ctr {
  display: table-cell;
  width: 13%;
}

.calc-item-ctr {
  display: inline-block;
  width: 20%;
  margin-right: 5%;
  margin-top: 45px;
}

.calc-item-ctr.calcSlider {
  /*width: 24%;*/
  width: 23%;
}

.calc-item-ctr.last {
  margin-right: 0;
}

.calc-item-ctr.halfWidth {
  display: inline-block;
  width: 48%;
  margin-right: 0;
  text-align: center;
}

.calc-item-outputText {
  display: inline-block;
  vertical-align: top;
  width: 47%;
  margin-right: 4%;
  margin-top: 65px;
  text-align: left;
  font-family: 'CoText', sans-serif;
  font-size: 14px;
  font-weight: 400;
}
[dir="rtl"] .calc-item-outputText {
	  text-align: right;	
}
.calc-row-3 {
  text-align: right;
}
[dir="rtl"] .calc-row-3 {
  text-align: left;
}
.calc-item-ctr input {
  font-size: 27px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  max-height: 45px;
}

.calc-item-ctr.halfWidth input {
  width: 98%;
}

.calc-item-currency {
  font-family: 'CoText', sans-serif;
  font-size: 20px;
  font-weight: 300;
  text-align: right;
}
[dir="rtl"] .calc-item-ctr{margin-right:0px;margin-left:4%;}
[dir="rtl"] .calc-item-currency {
  text-align: left;	
}
[dir="rtl"] .calc-item-ctr.last {
    margin-left: 0;
	margin-right:0px;
}
#showSliderYears6,
#showSliderYears,
#showSliderYears1,
#showSliderYears2,
#showSliderYears3 {
  font-family: 'CoText', sans-serif;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  margin-top: 16px;
}

#showSliderYears>span,
#showSliderYears1>span,
#showSliderYears2>span,
#showSliderYears3>span {
  font-weight: 500;
  font-size: 26px;
}

#calculatorAgeSlider6,
#calculatorAgeSlider .ui-slider-range,
#calculatorAgeSlider,
#calculatorAgeSlider .ui-slider-range,
#calculatorAgeSlider1,
#calculatorAgeSlider1 .ui-slider-range,
#calculatorAgeSlider2,
#calculatorAgeSlider2 .ui-slider-range,
#calculatorAgeSlider3,
#calculatorAgeSlider3 .ui-slider-range {
  background-image: none;
  border: 0 none;
  border-radius: 8px;
}

#calculatorAgeSlider6,
#calculatorAgeSlider,
#calculatorAgeSlider1,
#calculatorAgeSlider2,
#calculatorAgeSlider3 {
  margin-top: 18px;
}

#calculatorAgeSlider6 .ui-slider-handle,
#calculatorAgeSlider .ui-slider-handle,
#calculatorAgeSlider1 .ui-slider-handle,
#calculatorAgeSlider2 .ui-slider-handle,
#calculatorAgeSlider3 .ui-slider-handle {
  height: 37px;
  top: -14px;
  width: 25px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0 none;
}

.car-finance-calc-btmNotes {
  margin: 30px auto;
  max-width: 970px;
  padding: 0 20px;
  text-align: center;
  font-family: 'CoText', sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.car-finance-calc-btmNotes .calcNotesBold {
  font-weight: bold;
  text-transform: uppercase;
}

.car-finance-calc-btmNotes .calcBranchSpan {
  font-weight: bold;
  text-decoration: underline;
}


.murabahaAppForm {
  margin-left: 34px;
  margin-top: 30px;
  width: 1134px;
}

.murabahaAppForm-colLeft,
.murabahaAppForm-colRight {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}

.murabahaAppForm-colLeft {
  margin-right: 5%;
}

.murabahaAppForm-label,
.fullFormLabel {
  font-family: 'CoText', sans-serif;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  width: 41%;
}

.fullFormLabel {
  width: 29%;
}

.murabahaAppForm-input,
.fullFormInput {
  font-family: 'CoText', sans-serif;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  width: 43%;
}

.murabahaAppForm-input select {
  font-size: 12px;
}

.fullFormInput {
  width: 32%;
}

.fullFormInput.largeFormInput {
  width: 65%;
}

.fullFormInput.medFormInput {
  width: 55%;
}

.murabahaAppForm-input>p,
.fullFormInput>p {
  display: inline-block;
  padding: 0 0.4em;
  font-weight: bold;
}

.murabahaAppForm-input input[type="radio"],
.fullFormInput input[type="radio"] {
  display: none;
}

.murabahaAppForm-input label,
.fullFormInput label {
  display: inline-block;
  padding: 11px;
  font-weight: bold;
}

.murabahaAppForm-input input[type="radio"]+label,
.fullFormInput input[type="radio"]+label {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
[dir='ltr'] .murabahaAppForm-input input[type="radio"]+label,
[dir='ltr'] .fullFormInput input[type="radio"]+label {
  margin-right: 7%;
}
[dir='rtl'] .murabahaAppForm-input input[type="radio"]+label,
[dir='rtl'] .fullFormInput input[type="radio"]+label {
  margin-left: 7%;
}


.murabahaAppForm-input>select,
.fullFormInput>select {
  border: 0 none;
  /*padding: 10px 50px 10px 10px;*/
  padding: 13px 50px 13px 10px;
  margin: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  background-position: 95% center;
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 12px;
}

.murabahaAppForm-colLeft .murabahaAppForm-input>select {
  padding: 10px 10px 10px 5px;
  height: 40px;
  font-size: 12px;
}

.murabahaAppForm-colLeft .murabahaAppForm-input>select:first-of-type {
  width: 8.5em;
}

.murabahaAppForm-colLeft .murabahaAppForm-input>select:nth-of-type(2) {
  width: 5.2em;
}

.murabahaAppForm-colLeft .murabahaAppForm-input>select>option {
  padding: 0.3em 0 0.3em 1em;
  background-repeat: repeat-y;
  background-position: 5% 0;
  font-size: 15px;
  font-weight: 400;
  font-family: 'CoText', sans-serif;
}

.murabahaAppForm-colLeft .murabahaAppForm-input>select>option:hover {
  background-repeat: no-repeat;
  background-position: 4% 40%;
}

.murabahaAppForm-colRight .murabahaAppForm-input>select {
  min-width: 17em;
}
.murabahaAppForm-input>select>option,
.fullFormInput>select>option {
  font-weight: normal;
  /*padding: 0.3em;*/
}

.murabahaAppForm-item {
  margin-bottom: 8px;
}

.fullFormItem {
  height: auto;
  min-height: 48px;
  margin-bottom: 8px;
}

.murabahaAppForm-input>input,
.fullFormInput>input {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  font-family: 'CoText', sans-serif;
  width: 100%;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.fullFormInput>input {
  text-align: left;
}

.murabahaAppForm-SubmitBtnCtr,
.formSubmitBtnCtr {
  margin-top: 70px;
  text-align: center;
}

[dir='ltr'] .murabahaAppForm-SubmitBtnCtr,
[dir='ltr'] .formSubmitBtnCtr {
  margin-right: 34px;
}

[dir='rtl'] .murabahaAppForm-SubmitBtnCtr,
[dir='rtl'] .formSubmitBtnCtr {
  margin-left: 34px;
}

.murabahaAppForm-SubmitBtnNotes {
  margin-top: 10px;
  margin-right: 34px;
  text-align: center;
  font-family: 'CoText', sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.murabahaAppForm-SubmitBtnNotes .murabahaAF-NotesUpper {
  text-transform: uppercase;
  font-weight: bold;
}

.murabahaAppForm-SubmitBtnNotes>a,
.formSubmitBtnCtr>a {
  text-decoration: underline;
  font-weight: normal;
}

.murabahaAppForm-SubmitBtnCtr>input,
.formSubmitBtnCtr>input {
  background-image: none;
  border-radius: 0;
  border-style: none none solid;
  border-width: 0 0 0;
  box-shadow: none;
  cursor: pointer;
  padding: 0.3em 0 0.4em 0;
  margin-top: 14px;
  width: 100px;
  vertical-align: top;
  font-family: 'CoText', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  filter: none;
}

#murabahaAF-submitBtn,
#formSubmitBtn {
  -webkit-border-radius: 0;
  border-radius: 0;
}
[dir='ltr'] #murabahaAF-submitBtn,
[dir='ltr'] #formSubmitBtn {
  margin-right: 30px;
}
[dir='rtl'] #murabahaAF-submitBtn,
[dir='rtl'] #formSubmitBtn {
  margin-left: 30px;
}

.murabahaAppForm-SubmitBtnCtr>input[type="submit"]:hover,
.murabahaAppForm-SubmitBtnCtr>input[type="reset"]:hover,
.formSubmitBtnCtr>input[type="submit"]:hover,
.formSubmitBtnCtr>input[type="reset"]:hover {
  background-image: none;
  border-radius: 0;
  filter: none;
}

.murabahaAppForm-SubmitBtnCtr>#murabahaAF-submitBtn:hover,
.formSubmitBtnCtr>#formSubmitBtn:hover {
  filter: none;
}

.calc-arzaq-subtype-selector-ctr {
  padding: 5px 10px 0 10px;
  margin: 0 auto;
  background-color: #FFF;
}

.calcFullWidth.calc-arzaq-subtype-selector-ctr {
  margin: 30px auto 0;
  padding: 5px 20px 0;
}

.calcFullWidth.car-finance-calc-ctr {
  margin: 0 auto;
}

.calcFullWidth a.calcProdTypeSubItem {
  text-decoration: none !important;
}


.calc-arzaq-subtype-selector-ctr>div {
  display: inline-block;
  margin-right: 26px;
}

.calcProdTypeSubItem {
  font-family: 'CoText', sans-serif;
  font-size: 17px;
  padding: 0.6em 2em 0.8em;
  display: inline-block;
}

a.calcProdTypeSubItem {
  text-decoration: none !important;
}


#calc-arzaq-ctr-hide {
  margin-top: 25px;
}

#calc-arzaq-ctr-sub1-hide,
#calc-arzaq-ctr-sub2-hide,
#calc-car-ctr-hide,
.calc-arzaq-subtype-selector-ctr {}

#calc-car-ctr-hide {
  margin-top: 34px;
}


#calc-arzaq-ctr-sub2-hide .mandatory-fields-note {
  float: none;
}

#calc-car-ctr-hide .calc-item-ctr.halfWidth {
  width: 46%;
  margin-right: 7%;
}

#calc-car-ctr-hide .calc-item-ctr.halfWidth.last {
  margin-right: 0;
}

[dir="rtl"] .calc-result-equal {
  left: auto;
  right: 20px;
}

[dir="rtl"] #calculatorBigResult1,
[dir="rtl"] #calculatorBigResult2,
[dir="rtl"] #calculatorBigResult3,
[dir="rtl"] #calculatorBigResult4 {
  float: right;
  direction:initial;
}

/* ----- Car Finance Calculator End----- */
/* #endregion */
/* #region  Sidebar menu */
#sidebar-first {
  background: none;
}

.sidebar.first .menu--main,
.sidebar.first .menu--top-nav {
  margin-top: 25px;
  margin-bottom: 30px;
}

.sidebar.first .menu--main>h2,
.sidebar.first .menu--top-nav>h2 {
  font-size: 27px;
  line-height: 26px;
  padding: 10px 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 500;
}

.sidebar.first .menu--main>h2 a,
.sidebar.first .menu--top-nav>h2 a {
  cursor: text;
}

.sidebar.first .menu--main>ul,
.sidebar.first .menu--top-nav>ul {
  margin-left: 2em;
}

.sidebar.first .menu--main>ul ul,
.sidebar.first .menu--top-nav>ul ul {
  margin-left: 1em;
}

.sidebar.first .menu--main ul li,
.sidebar.first .menu--top-nav ul li {
  list-style-type: none;
  list-style-image: none;
  float: none;
  border-bottom: 0 none;
  font-size: 13px;
  margin: 0 15px 0 0;
}


[dir="ltr"] .sidebar.first .menu--main>ul>li,
[dir="ltr"] .sidebar.first .menu--top-nav>ul>li {
  background-repeat: no-repeat;
  background-position: 0 1px;
  padding-left: 13px;
}

[dir="rtl"] .sidebar.first .menu--main>ul>li,
[dir="rtl"] .sidebar.first .menu--top-nav>ul>li {
  background-repeat: no-repeat;
  background-position: 100% 1px;
  padding-right: 13px;
}

.sidebar.first .menu--main ul li a,
.sidebar.first .menu--top-nav ul li a {
  text-decoration: underline;
  line-height: 20px;
  font-weight: 500;
}

.sidebar.first .menu--saib-tools,
.sidebar.first .menu--ways-to-bank {
  padding: 30px 28px;
  margin-bottom: 30px;
  min-height: 230px;
}

.sidebar.first .menu--saib-tools>h2,
.sidebar.first .menu--ways-to-bank>h2 {
  text-transform: uppercase;
  font-size: 27px;
  line-height: 28px;
  font-weight: 300;
  padding-bottom: 0.3em;
  margin-bottom: 0;
}

[dir="rtl"] .sidebar.first .menu--saib-tools>h2,
[dir="rtl"] .sidebar.first .menu--ways-to-bank>h2 {
  font-size: 18px;
}

[dir="ltr"] .sidebar.first .menu--saib-tools ul li,
[dir="ltr"] .sidebar.first .menu--ways-to-bank ul li {
  background-position: 0 1px;
  background-repeat: no-repeat;
  padding-left: 13px;
}

[dir="rtl"] .sidebar.first .menu--saib-tools ul li,
[dir="rtl"] .sidebar.first .menu--ways-to-bank ul li {
  background-position: 100% 1px;
  background-repeat: no-repeat;
  padding-right: 13px;
}

.sidebar.first .menu--saib-tools a,
.sidebar.first .menu--ways-to-bank a {
  text-decoration: underline;
  line-height: 20px;
  font-size: 13px;
  font-weight: 300;
}

/* Budget Calculator */

.financial_calculator input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.financial_calculator input[type=number] {
  -moz-appearance: textfield;
  margin-top:0px;
  padding-bottom:7px;
}

.field-name-field-contenttextbox>.field-items>.field-item .financial_calculator a {
  text-decoration: none;
}

.financial_calculator div.panel.visable {
  display: block;
  background: none;
}

.field-name-field-contenttextbox>.field-items>.field-item a {
  text-decoration: none;
}

.dottedLayout-item-list .dottedLayout-item-img {
  margin: 0 auto;
}

.financial_calculator .dottedLayout-item-list>ul>li {
  display: inline-block;
}

.dottedLayout-item-list.two-items>ul>li {
  width: 49%
}

.dottedLayout-item-list.three-items>ul>li {
  width: 33%;
}

.dottedLayout-item-list.four-items>ul>li {
  width: 24%
}

.dottedLayout-item-list>ul>li.hidden {
  display: none;
}

.upper-txt {}

.upper-txt .title {
  font-size: 29px;
  line-height: 33px;
}


.spending-categories {
  width: 27%;
  font-size: 17px;
  display: inline-block;
  padding: 0 2% 5px 2%;
  margin-right: 1%;
  min-height: 200px;
  float: left;
}

.spending-no {
  font-size: 60px;
  display: block;
  line-height: 60px;
  text-align: center;
  padding-bottom: 10px;
}

.field-item p,
p {
  font-size: 18px;
}

.financial_calculator input::-ms-clear {
  display: none;
}

.financial_calculator div.error {
  background-repeat: no-repeat;
  background-position: 95% 25%;
  line-height: 30px;
  height: 30px;
  margin: 0;
  padding-left: 10px;
  color: red;
  font-size: 17px;
}

[dir="rtl"] .financial_calculator div.error {
  background-position: 5% 5px;
}

.dottedLayout-item-bodyLink {
  margin-top: 10px;
}

.dottedLayout-item-list .dottedLayout-item-bodyLink>a,
.dottedLayout-item-list .dottedLayout-item-bodyLink>a:link,
.dottedLayout-item-bodyLink a {
  border: none;
  font-size: 15px;
  width: 104px;
  height: 36px;
  display: inline-block;
  cursor: pointer;
  line-height: 36px;
  text-decoration: none;
}

.dottedLayout-item-list>ul>li {
  height: 265px;
}

.dottedLayout-item-list .dottedLayout-item-img {
  float: none;
  min-height: 130px;
  width: 100%;
  max-width: 175px;
  text-align: center;
}

.dottedLayout-item-list .dottedLayout-item-img>img {
  max-width: 160px;
}

.dottedLayout-item-list .dottedLayout-item-title {
  font-size: 14px;
  text-align: center;
}

.dottedLayout-item-list .dottedLayout-item-bodyLink {
  text-align: center;
}

.dottedLayout-item-list .dottedLayout-item-title {
  text-align: center;
}

.dottedLayout-item-list .dottedLayout-item-bodyMain {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.dottedLayout-item-list .dottedLayout-item-text-area {
  width: 100%;
}

.dottedLayout-item-list>ul>li {
  width: 24%;
}

.dottedLayout-item-list>ul>li.views-row-1,
.dottedLayout-item-list>ul>li.views-row-2,
.dottedLayout-item-list>ul>li.views-row-3,
.dottedLayout-item-list>ul>li.views-row-4 {
  background-repeat: repeat-y;
  background-position: 100% 50%;
}
[dir="rtl"] .dottedLayout-item-list>ul>li.views-row-1,
[dir="rtl"] .dottedLayout-item-list>ul>li.views-row-2,
[dir="rtl"] .dottedLayout-item-list>ul>li.views-row-3,
[dir="rtl"] .dottedLayout-item-list>ul>li.views-row-4 {
  background-position: 0% 50%;	
}
.dottedLayout-item-list>ul>li .dottedLayout-item-container {
  margin-top: 5px;
  width: 94%;
}

.dottedLayout-item-list>ul>li.views-row-4 {}

.financial_calculator .dottedLayout-item-list.three-items>ul>li {
  width: 32%;
}

.financial_calculator input[type="button"]:hover {
  border-radius: 0px;
}

.financial_calculator input.previous {
  border: none;
  font-size: 15px;
  width: 104px;
  height: 36px;
  float: right;
  margin-right: 10px;
  cursor: pointer;
}

.financial_calculator input.next {
  border: none;
  font-size: 15px;
  width: 104px;
  height: 36px;
  float: right;
  cursor: pointer;
}

.financial_calculator select {
  width: 206px;
  border: 0 none;
  padding: 7px 10px;
  min-height: 43px;
  position: relative;
  top: 0px;
  font-size: 22px;
  font-weight: bold;
  max-width: 45%;
  display: inline-block;
  margin: 0px;
}

.expenses-total {
  font-size: 29px;
  font-weight: bold;
}

.budget-calculator {
  text-align: center;
  padding: 10px 20px;
}
[dir="rtl"] .budget-calculator{  text-align: right;}
.budget-calculator h3,
.budget-calculator h2 {
  font-size: 22px;
  margin-bottom: 5px;
}

.budget-calculator p {
  font-size: 17px;
  margin: 0px;
  text-align: left;
}

[dir="rtl"] .budget-calculator p {
  text-align: right;
}

.budget-calculator h1 {
  text-align: center;
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 10px;
}

/* Style the tab */
div.tab {
  overflow: hidden;

}

.remove_field {
  margin-left: 5px;
}

.currencyinput.other-added {
  margin-left: 18px;
}

/* woow calculator */
/*Woow Program - Calculator*/

.calcSubtitle {
  font-family: 'CoText', sans-serif;
  font-size: 17px;
  font-style: italic;
  padding: 5px 0 0 40px;
}

.calcItem {
  text-align: left;
  margin: 29px 0;
  font-family: 'CoText', sans-serif;
}

.calcItem .calcItem {
  margin: 0;
}

#woowCalc .calcLabel {
  font-size: 17px;
  line-height: 47px;
}

.calcLabel strong {
  text-transform: uppercase;
}

.calcLabel em {
  font-weight: 300;
}

.calcInline {
  display: inline-block;
}

.calcInput {
  display: inline-block;
}

.calcInput.fullFormInput {
  width: auto;
}

.calcInput.calc-item-ctr {
  margin: 0 16px 0 8px;
}

.calcHidden .calcInput.calc-item-ctr {
  width: 17%;
}

.calcHidden.transactions .calcInput.calc-item-ctr {
  width: 16%;
}

.calcInput.calc-item-ctr input {
  width: 100%;
}

.calcInput input[type="radio"],
.calcInput input[type="checkbox"] {
  display: none;
}
[dir="rtl"] .calcInput input[type="radio"]:checked+label{
	background-position:100% 100%;
}

[dir="rtl"] .calcInput input[type="radio"]+label{
  background-position: 100% 0%;
  padding-right: 30px;
  padding-left:0px;
}
/* Home finance Calculator Start */

.home-finance-calculator .calc-item-outputText{margin-top:10px;width:100%;}
.home-finance-calculator .calc-item-ctr.calcInput.calcRadio{float:left;text-align:center;margin-top:50px}
[dir="rtl"] .home-finance-calculator .calc-item-ctr.calcInput.calcRadio{float:right;}
.home-finance-calculator .home-finance-calculator .calcRadio .calc-item-title{text-align:center;padding-bottom:15px;}
.home-finance-calculator .calc-item-ctr.semihalfWidth{margin-top:5px;width:33%;margin-top:45px;}
.home-finance-calculator #showSliderAge5 {font-size: 20px;
    padding-top: 5px;}
.home-finance-calculator .calc-item-ctr.calcSlider .calc-item-title{padding-bottom:5px;}
.home-finance-calculator .calcInput input[type="radio"] + label{margin: 30px 10px 0 0px;height:22px;}
.home-finance-calculator #calculatorAgeSlider5, #calculatorAgeSlider5 .ui-slider-range,.home-finance-calculator #calculatorAmountSlider,#calculatorAmountSlider   .ui-slider-range{
    background-image: none;
    border: 0 none;
    border-radius: 8px;

}
.home-finance-calculator #calculatorAgeSlider5 .ui-slider-handle ,.home-finance-calculator #showSliderAge5 .ui-slider-handle,.home-finance-calculator #calculatorAmountSlider   .ui-slider-handle{
    height: 37px;
    top: -14px;
    width: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 0 none;
}

/* Home finance Calculator End */
.calcInput input[type="radio"]+label {
  cursor: pointer;
  display: inline-block;
  padding-left: 32px;
  margin: 0 10px 0 30px;
  font-size: 18px;
  height: 22px;
}
[dir="rtl"] .calcInput input[type="checkbox"]:checked+label {
    background-position: 100% 100%;
}
[dir="rtl"] input[type="button"].calcButton{
	float:left;
}
[dir="rtl"] .calcItem{
	text-align: right;	
}
[dir="rtl"] .calcInput input[type="checkbox"]+label {
  background-position: 100% 0%;
  padding-right: 35px;
  padding-left:0px;

}
.calcInput input[type="checkbox"]+label {
  cursor: pointer;
  padding-left: 35px;
  margin: 10px 0;
  font-size: 18px;
  height: 21px;
}
.calcInput.calc-item-ctr input[type='text'],#woowCalc select{
	margin-top:0px;
}
#woowCalc .fullFormInput select {
  font-family: 'CoText', sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 7px 10px;
  margin: 0 11px 0 8px;
  min-width:220px;
}
[dir="rtl"] #woowCalc .fullFormInput select {
  margin: 0 3px 0 8px;
}
.calcNote {
  font-family: 'CoText', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.calcHidden .calcItem {
  margin: 9px 0 20px 0;
}

.calcHidden .calcLabel {
  font-size: 17px;
  font-weight: 300;
}

.calcHiddenLabel {
  padding: 0 10px;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
}

.calcHidden.accounts .calcHiddenLabel {
  width: 145px;
}

.calcHidden.transactions .calcHiddenLabel {
  width: 295px;
}

.calcHidden.transactions select {
  width: 160px;
}

.calcHidden.transactions input {
  width: 150px;
}
[dir="rtl"] .fullFormInput>select {
  background-position: 5% center;
  padding: 13px 13px 13px 10px;
}
.fullFormInput>select {
  border: 0 none;
  padding: 13px 50px 13px 10px;
  margin: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  background-position: 95% center;
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 12px;
  min-width:208px;
}

input[type="button"].calcButton {
  font-family: 'CoText', sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 10px;
  text-decoration: none;
  transition: background-color 0.1s linear 0s;
  background-image: none;
  border: none;
  text-shadow: none;
  border-radius: 0;
}

.calcerr {
  font-size: 20%;
}

.calcer {
  font-size: 15%;
}

.calcSubtitle1 {
  display:table;
  padding: 10px 15px;
  font-weight: bold;
  margin: 10px 10px 10px 0;
  font-size: 15px;
}

.transaction-title,
.transaction-select {
  display: inline-block;
}
[dir="rtl"] .calcTitle {
  margin: 10px 0px 10px 10px;	
}
.calcTitle {
  padding: 0px 15px;
  font-weight: bold;
  margin: 10px 10px 10px 0;
  display: inline-block;
}

.chkresult {
  float: right;
}

.calcItem.chkresult {
  text-align: right;
  float: none;
}

.murabahaAppForm-input>input[type="text"],
.fullFormInput>input[type="text"] {
  min-width: 210px
}

.show-calac-field .calcLabel.smallLbl {
  min-width: 140px;
}

.show-calac-field .calcLabel.fullFormInput {
  padding-left: 0px;
}

.show-calac-field .calcLabel {
  min-width: 220px;
}

.show-calac-field .calcLabel .calcInput select,
#woowCalc select {
  width: 220px;
}

.show-calac-field {
  margin-top: 7px;
}


.calc-msg {
  color: red;
}

.page-node-1578 .calcInput select {
  padding: 7px 10px;
}

.calcInput input[type="checkbox"]+label {
  margin: 15px 0 0px 0 !important;
}

.show-calac-field input {
  margin-left: 5px;
}

.calcInput label{

}

.calcInput {
  display: inline-block;
}

.show-calac-field {
  display: inline-block;
}

.calcHidden {
  display: inline;
}

.calcHidden .calcItem {
  margin-bottom: 0px !important;
}
.calcInput input[type="checkbox"]:checked+label {
  margin-bottom: 0px !important;
}

.calcInput.-input input[type="checkbox"]+label {
  display: inline-block;
  padding-right: 10px;
}

.loads-hidden {
  margin-left: 34px;
}

.-input {
  padding-left: 15px;
}

.visable {
  display: inline-block;
}
[dir="rtl"] .wow-points-title {
  float: right;	
}
.wow-points-title {
  font-size: 20px;
  text-align: left;
  display: inline-block;
  padding: 10px;
  float: left;
}

.debit-card-msg {
  padding-left: 34px;
}

/* Style the links inside the tab */
[dir="rtl"] .financial_calculator div.tab a {
  float: right;
}

.financial_calculator div.tab a {
  float: left;
  display: block;
  text-align: center;
  padding: 14px 0;
  text-decoration: none;
  transition: 0.3s;
  font-size: 25px;
  width: 33.33%;
  font-weight: bold;
  min-width: 50px;
}

.spending-upper-title {
  font-weight: bold;
  text-align: center;
  display: block;
  padding-top: 5px;
  font-size: 22px;
}

.expenses-duration {
  padding: 0;
}

.duration-txt {
  padding: 20px 0;
  font-size: 20px;
  font-weight: bold;
}

.duration-buttons {
  padding-bottom: 20px;
}

.financial_calculator .duration-buttons input[type="button"] {
  width: 104px;
  height: 36px;
  font-size: 15px;
  border: none;
  display: inline-block;
  cursor: pointer;
}

.financial_calculator .duration-buttons input[type="button"].active {
  cursor: auto;
}

/* Style the tab content */
.financial_calculator .tabcontent {
  display: none;
  padding: 5px 0 0 0;
  border-top: none;
}

.financial_calculator .tabcontent.active {
  display: block;
}

.financial_calculator {
  max-width: 900px;
  padding: 0px;
}

label {
  font-weight: bold;
  font-size: 19px;
}

#expenses.tabcontent {
  padding: 0 20px 20px 20px;
}

#Result.tabcontent {
  padding: 0 20px 20px 20px;
}

#Income.tabcontent {
  padding: 0 20px 20px 20px;
}

.financial_calculator div.accordion {
  cursor: pointer;
  padding: 18px 0;
  display: block;
  border: none;
  text-align: left;
  outline: none;
  font-size: 26px;
  transition: 0.4s;
  font-weight: bold;
}
[dir="rtl"] .financial_calculator div.accordion {
	text-align:right;
}
[dir="rtl"] .financial_calculator input[type=number]{
	padding-right:5px;
}
.financial_calculator div.accordion:before {
  padding-right: 10px;
  content: url(/sites/default/files/close-click.png);
  font-weight: bold;
}

.financial_calculator div.accordion.active:before {
  content: url(/sites/default/files/open-click.png);
}

.financial_calculator div.panel.show {
  display: block;
}

.financial_calculator div.panel {
  display: none;
  box-shadow: unset;
}

.hidden {
  display: none;
}

.financial_calculator label {
  display: block;
  font-size: 18px;
  line-height: 20px;
  margin-top:10px;
}

.financial_calculator input {
  max-width: 200px;
  font-size: 27px;
  width: 100%;
  font-weight: bold;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-left: 5px;
}
.financial_calculator input[type='text'].added-input{
	margin:0px;
}
.financial_calculator .add_field_button{margin:0 5px;}
.financial_calculator .others_wrap div,.financial_calculator .others_exp_wrap div{margin-top:0.75em;}
.currencyinput {
  border: 1px inset #ccc;
  font-size: 27px;
  text-align: center;
  font-weight: bold;
  height: 33px;
  display: inline-block;
  max-width: 41%;
}

.currencyinput {
  position: relative;
  height: 54px;
  margin-left: 15px;
}

.currencyinput input {
  padding-right: 15px;
}

[dir="rtl"] .currencyinput:after {
  left: 5px;
  font-size: 1.583rem !important;
  right: auto;
}

.currencyinput:after {
font-family: 'SAIB-SAR' !important;
  position: absolute;
  top: 17px;
  content: "\631";
  right: 5px;
  font-weight: normal;
  font-size: 19px;
}

.currencyinput input {
  padding: 6px 0 4px 5px;
  border: 0;
}

.divisons div {
  height: 55px;
  text-align: center;
  line-height: 55px;
}

.divisons>div>span {
  width: 49%;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  max-height: 55px;
}

.expenses-title {
  text-align: center;
  display: block;
  font-size: 23px;
  text-transform: uppercase;
  font-weight: bold;
}

.divisons>div div {
  width: 49%;
  display: inline-block;
}

.divisons .info-title {

  border-right: 1px dashed #000;
}

.divisons .info-amount {}

.divisons {
  margin-top: 15px;
}


.divisions-total.divisions-total-expanses.green {
  background: green;
}

.financial_calculator .divisons .even {}


.budget-values ul li .inside_budget {
  color: green;
}

/* Colors */
.colorsAssign,
#pieChart1,
#pieChart2 {
  display: inline-block;
}

.colorsAssign {
  min-width: 265px;
}

.pie-color {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 25px;
  float: left;
}

.colorsAssign>div {
  margin-bottom: 10px;
}

.budget-values {
  padding: 15px 0;
  border-bottom: 1px dotted #000
}
[dir="rtl"] .budget-values ul li {
		font-size:18px;
}
.budget-values ul li {
  font-size: 22px;
  font-weight: bold;
  padding: 5px 0;
}

.color-title {
  display: inline-block;
  padding: 2px 0px 0 5px;
  font-size: 12px;
}

#iban-converter-ctr {}

.iban-converter-left {
  padding-top: 14px;
  font-size: 17px;
}

.iban-converter-left,
.iban-converter-right {
  display: inline-block;
  vertical-align: top;
}

#iban-show-result {
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px;
}

#iban-entry {
  font-family: 'CoText', sans-serif;
  font-size: 20px;
  font-weight: bold;
  width: 11em;
  margin-top: 0;
  padding: 8px;
  display:inline-block;
}

#convertiban {
  font-size: 16px;
  font-weight: bold;
  padding: 13px 10px 17px;
  background-image: none;
  border-radius: 0;
  border-style: none none solid;
  border-width: 0;
  vertical-align: top;
  display:inline-block;
}
input[type="radio"] {

}
#svg {
  max-width: 590px;
}

@media only screen and (min-width: 771px) {
.webform-submission-form.webform-submission-contact-us-form input[type=checkbox]{width:20px;}
.webform-submission-form.webform-submission-contact-us-form input{
	width:59%;
	max-width:100%;
}
.webform-submission-form.webform-submission-contact-us-form legend{width:40%;}
.webform-submission-form.webform-submission-contact-us-form label{width:40%;}
  .show-calac-field .calcLabel,
  .calcHidden .calcLabel {
    font-weight: bold;
    margin-left: 35px;
  }
}

@media only screen and (max-width: 959px) and (min-width: 750px) {
  .calcHidden.transactions input {
    min-width: 150px;
  }

  .dottedLayout-item-list>ul>li.views-row-2 {
    background: none;
  }
}

@media (min-width: 993px) {
.home-finance-calculator .calc-item-ctr {vertical-align: top;}
.home-finance-calculator{margin-top:20px;}
.home-finance-calculator #calculatorAgeSlider5{margin-top:30px}
.webform-submission-form.webform-submission-contact-us-form input[type=checkbox]{width:20px;}
.webform-submission-form.webform-submission-contact-us-form input{
	width:59%;
	max-width:100%;
}
form.webform-submission-form .js-form-item.js-form-type-textarea label{width:100%;}
form.webform-submission-form .js-form-type-radio label.option{min-width:50px;width:initial;}
form.webform-submission-form legend{width:40%;}
form.webform-submission-form .js-form-item label{width:40%;}
form.webform-submission-form label.error{width:100%;padding-left:40%;}
[dir="rtl"] form.webform-submission-form label.error{width:100%;padding-right:40%;padding-left:0%;}
form.webform-submission-form input[type=checkbox]{width:20px;}
form.webform-submission-form input{
	width:59%;
	max-width:100%;
}
.webform-submission-form.webform-submission-contact-us-form legend{width:40%;}
.webform-submission-form.webform-submission-contact-us-form label{width:40%;}
.webform-submission-form.webform-submission-contact-us-form label.error{width:100%;padding-left:40%;}
  [dir="rtl"] .webform-submission-form.webform-submission-contact-us-form label.error{width:100%;padding-right:40%;padding-left:0%;}
  [dir="rtl"] .leftPart {
    float: right;
  }

  .leftPart,
  .rightPart {
    width: 49%;
    min-width: 500px;
    display: inline-block;
  }

  .calcInput.calc-item-ctr {
    margin: 0 0px 0 3px;
  }

  .calcInput.calc-item-ctr input {
    width: 210px;
  }
  #woowCalc .fullFormInput>input[type="text"] {
    width: 225px;
    padding: 5px 10px;
  }
  .murabahaAppForm-input>input[type="text"],
  .fullFormInput>input[type="text"] {
    width: 210px;
  }
  
 .corpsubmit .fullFormInput>input[type="text"] {
    width: 100%;
  }

  [dir="rtl"] .budget-calculator {
    min-height: 220px
  }

  .budget-calculator {
    min-height: 205px
  }

  .colorsAssign {
    float: right;
    margin-top: 100px;
  }
}

/* Tablet devices ( 992px and below) */
.dottedLayout-item-list>ul>li.views-row .dottedLayout-item-container {
  background: none;
}

@media (max-width: 992px) {
  .spending-categories {
    font-size: 16px;
    min-height: 235px
  }

  .dottedLayout-item-list.four-items>ul>li,
  .dottedLayout-item-list.three-items>ul>li {
    width: 45%
  }

  .dottedLayout-item-list>ul>li {
    width: 45%;
  }

  .colorsAssign {
    float: none;
    padding-left: 20%;
  }

  #p0_title {
    font-size: 1.2em !important;
  }

  .dottedLayout-item-list .dottedLayout-item-img {
    max-width: initial;
  }
}

@media (max-width: 770px) {
	
.webform-submission-form.webform-submission-contact-us-form input{
	width:100%;
	max-width:100%;
	margin: 0 0 10px 0;
}
.webform-submission-form.webform-submission-contact-us-form input[type="checkbox"]{	width:94%;}
.webform-submission-form.webform-submission-contact-us-form legend{width:100%;}
.webform-submission-form.webform-submission-contact-us-form label{width:100%;}
  .show-calac-field .calcLabel,
  .calcHidden .calcLabel {
    padding-left: 7px;
  }

  .upper-txt .title {
    font-size: 25px;
    line-height: 25px;
  }

  .spending-no {
    font-size: 50px;
    line-height: 70px;
  }

  .spending-categories {
    font-size: 14px;
    min-height: 245px
  }
  .prstble{overflow:scroll;}
  .prstbles{width:auto!important;}
}


@media (max-width: 500px) {

	.home-finance-calculator .calc-item-ctr.semihalfWidth{width:100%;}
  .wrap.white-back {
    padding: 0 3px;
  }

  #Result.tabcontent,
  #Income.tabcontent,
  #expenses.tabcontent {
    padding: 0 10px 10px 10px;
  }

  .upper-txt .title {
    font-size: 20px;
    line-height: 20px;
  }

  .spending-categories {
    width: 96%;
    margin-right: 0%;
    margin-bottom: 10px;
    min-height: inherit;
    padding-bottom: 5px;
  }

  #svg {
    max-width: 400px;
  }

  .duration-txt {
    font-size: 16px;
  }

  #p0_title,
  #p1_title,
  svg text {
    font-size: .7em !important;
  }

  #p1_subtitle,
  #p0_subtitle {
    font-size: .7em !important;
  }

  .expenses-title {
    font-size: 18px;
  }

  .financial_calculator .duration-buttons input[type="button"] {
    width: 65px;
    font-size: 13px;
    height: 25px;
  }

  .financial_calculator div.tab a {
    font-size: 15px;
  }

  .financial_calculator div.accordion {
    font-size: 18px;
  }

  .budget-values ul li {
    font-size: 15px;
  }

  .divisons>div>span {
    font-size: 12px;
  }

  .financial_calculator select {
    max-width: 70%;
    font-size: 18px;
	margin-bottom:5px;
  }

  .financial_calculator .currencyinput {
    max-width: 100%;
    margin-left: 0;
  }

 .prstble{overflow:scroll;}
 .prstbles{width:auto!important;}
  /* .financial_calculator input{font-size:22px;} */
}

@media (max-width: 440px) {
	.financial_calculator .dottedLayout-item-list.two-items>ul>li{width:100%;}
  #pieChart1,
  #pieChart2 {
    margin: 0 auto;
    display: block;
  }

  .financial_calculator input {
    font-size: 20px;
  }

  .financial_calculator .currencyinput {
    height: 41px;
    padding-top: 0px;
  }

  .financial_calculator .currencyinput.other-added {
    margin-left: 8px;
  }

  .financial_calculator div.accordion {
    font-size: 15px;
  }

  .financial_calculator .divisons>div>span {
    font-size: 10px;
  }

  .financial_calculator .currencyinput:after {
    top: 14px;
    right: 3px;
    font-size: 16px;
  }
[dir="rtl"] .financial_calculator .currencyinput:after {
    top: 7px;
    right: 105px;
    font-size: 16px;
}
  .financial_calculator .currencyinput input {
    padding: 11px 0 4px 5px;
  }

  .financial_calculator select {
    max-width: 91%;
  }

  .currencyinput {
    max-width: 91%;
  }

  .financial_calculator div.error {
    font-size: 12px;
    font-weight: bold;
    color: red;
  }

  .financial_calculator .duration-buttons input[type="button"] {
    width: 60px;
  }
 .prstble{overflow:scroll;}
 .prstbles{width:auto!important;}
}

/* Budget Calculator End*/
/* #endregion */
/* #region  Aseel Loyalty Program  */
.block-aseeloffersheader,
.menu--offer-categories{
  background-color: white;
}
.block-aseeloffersheader p{
  margin: 0;
  padding: 3% 2%;
}
.aseel-carousel{
  padding-bottom: 20px;
}
.aseel-carousel .jcarousel-wrapper {
  width: 93%;
  height: 250px;
  box-shadow: none;
  border: 0 none;
  padding: 10px;
  text-align: center;
}
.aseel-carousel .jcarousel-control-prev,
.aseel-carousel .jcarousel-control-next {
  width: 50px;
  height: 50px;
  top: 100px;
}
[dir="rtl"] .aseel-carousel .jcarousel-control-prev::after {
  content: '\203A';
}
[dir="rtl"] .aseel-carousel .jcarousel-control-next::after {
  content: '\2039';
}
.aseel-carousel .jcarousel-control-prev::after,
.aseel-carousel .jcarousel-control-next::after {
  line-height: 44px;
  font-size: 30px;
  text-shadow: none;
}
.aseel-carousel .jcarousel ul>li{
  margin: 0 30px;
}

.offer-item-container {
  width: 290px;
  position: relative;
}

.offer-item-whiteBack {
  width: 270px;
  height: 198px;
  margin: 0 auto 36px;
}

.offer-item-logo {
  height: 74px;
  overflow: hidden;
}

.offer-item-logo > img {
  max-width: 100%;
  margin: auto;
  display: block;
}

.offer-item-title{
  height:32px;
  font-size: 17px;
  text-align: center;
 -moz-text-align-last: center;
}

.offer-item-discount {
  background-repeat: no-repeat;
  width: 290px;
  height: 48px;
  padding-top: 14px;
  font-family: 'CoText', sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  -moz-text-align-last: center;
  text-transform: uppercase;
}
[dir="ltr"] .offer-item-discount {
  margin-left: -10px;
}
[dir="rtl"] .offer-item-discount {
  margin-right: -10px;
}

.offer-item-linkArrow {
  background-repeat: no-repeat;
  width: 270px;
  height: 68px;
  display: block;
}
.block-views-block-latest-offers-carousel-block-1 h2,
.block-views-block-more-offers-table-block-1 h2{
  font-size: 28px;
  font-weight: bold;
  padding: 20px 70px 0;
}
.menu-views-filter .menu{
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
}
.menu-views-filter .menu-item a{
  min-width: 110px;
  height: 48px;
  font-size: 19px;
  text-align: center;
  display: block;
  line-height: 48px;
  margin: 0 15px;
  position: relative;
  padding: 0 0.8em;
  white-space: nowrap;
}

.menu-views-filter .menu-item .is-active::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.menu-views-filter > h2{
  color: #2C2A29;
  font-size: 28px;
  font-weight: bold;
}
.block-views-block-more-offers-table-block-1 .contextual-region,
.block-views-block-more-offers-table-block-1 > div > div,
.block-views-block-more-offers-table-block-1 > div > div > div[class^="js-view-dom-id"]{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.block-views-block-more-offers-table-block-1 .views-row{
  margin: 0 30px;
  width: 290px;
}
.block-views-block-more-offers-table-block-1 .views-exposed-form{
  flex-basis: 100%;
}
.block-views-block-more-offers-table-block-1 .form-select{
  margin: 0 auto 40px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  background-position: 95% center;
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 50px 8px 10px;
  text-indent: 0.01px;
  text-overflow: "";
}
[dir="rtl"] .block-views-block-more-offers-table-block-1 .form-select{
  padding: 8px 10px 8px 50px;
  background-position: 5% center;
}
.block-views-block-more-offers-table-block-1 .form-select option{
  text-align: left;
  padding: 5px 10px;
}
.block-views-block-more-offers-table-block-1 .form-submit{
  display: none;
}
/* #endregion */

/* #region  ATM Locations */
.block-views-block-atms-block-1 table {
  table-layout: auto;
}
.block-views-block-atms-block-1 table th{
  text-transform: uppercase;
  padding: 0.75em;
}
[dir="rtl"] .block-views-block-atms-block-1 table,
[dir="rtl"] .block-views-block-atms-block-1 table th{
  text-align: right;
}
.block-views-block-atms-block-1 table th,
.block-views-block-atms-block-1 table th a{
  text-decoration: none;
  font-size: 20px;
}
.block-views-block-atms-block-1 table tr {
  border: 0;
}
.block-views-block-atms-block-1 table td {
  vertical-align: middle;
  padding: 0.75em;
  line-height: 18px;
  height: 52px;
  font-size: 17px;
}
.block-views-block-atms-block-1 table a {
  text-decoration: underline;
}
/* #endregion */

.ajax-progress-fullscreen {
  width: 50px;
  height: 11px;
  background-color: transparent;
}

/* #region  Responsive */
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}
@media only screen and (min-width:1150px) {
.financial_latest_news #block-views-block-news-list-block-3 {
    min-height: 238px;
}
.financial_latest_news 	.views-field-field-press-release-date  span.first {font-size:45px;}
.financial_latest_news 	.views-field-field-press-release-date  span.method2{font-size:20px;}
.google-visualization-controls-categoryfilter > div{max-width:90%;}
[dir="rtl"] .tabContainer .ui-tabs .ui-tabs-nav,[dir="rtl"]  .tabContainer .ui-tabs .ui-tabs-nav li{margin-left:20px;margin-right:0px;}
.tabContainer .ui-tabs .ui-tabs-nav, .tabContainer .ui-tabs .ui-tabs-nav li{margin-right:20px;}
.fin-years{ text-align: center;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: .5em 1em;
}
}

@media only screen and (max-width:1149px) {
.google-visualization-controls-categoryfilter > div{max-width:90%;}
.fin-years{ text-align: left;}
	
/* #accessibilities */
	#block-accessibilitiesfontandcolors{
		padding: 10px 0px ;
	}
	/* .inc_font , .dec_font {
		padding-left: 20px;
		line-height: 30px;
	} */
	.color_picker{
		right: 15%;

	}
	.color_picker ul li{
		padding:12px ;
	}	
}
@media only screen and (min-width:900px) and (max-width:1149px) {
.tabContainer .ui-tabs .ui-tabs-nav, .tabContainer .ui-tabs .ui-tabs-nav li{margin-right:20px;}
}
@media only screen and (min-width:601px) and (max-width:899px) {
.tabContainer .ui-tabs .ui-tabs-nav, .tabContainer .ui-tabs .ui-tabs-nav li{margin-right:10px;}
}
/* Large devices (laptops/desktops, 960px and up) */
@media only screen and (min-width: 960px) {}

/* Medium devices (landscape tablets, 720px and up) */
@media only screen and (min-width: 720px) {

	.google-visualization-controls-categoryfilter > div{max-width:65%;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.ui-tabs .tabContainer .ui-tabs-nav li.ui-tabs-tab a{font-size:15px;}
}
@media only screen and (max-width: 720px) {
	[dir="rtl"] .calc-item-ctr{margin-right: 0px; margin-left: 3%;}
	.travel-card-page .leftPart,.travel-card-page .rightPart {width:100%;min-width:300px;}
	.home-finance-calculator .semihalfWidth{text-align:center;}
	table.susframe{width:auto!important;}
	.susframetable{overflow-y:scroll;}
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	[type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus, [type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea{margin-bottom: 0.35em;margin-top: 0em;}
	.webform-submission-form legend{width:100%;margin-bottom:0px;}
[dir="rtl"]	.financial_calculator input{padding-right:5px;}
	.financial_calculator .dottedLayout-item-list.three-items>ul>li,.financial_calculator .dottedLayout-item-list.four-items>ul>li,.financial_calculator .dottedLayout-item-list.five-items>ul>li{width:100%;}
	.dottedLayout-item-list>ul>li.views-row-1, .dottedLayout-item-list>ul>li.views-row-2, .dottedLayout-item-list>ul>li.views-row-3, .dottedLayout-item-list>ul>li.views-row-4{background:none;vertical-align:top;}
  .currencyinput {
    max-width: 45%;
  }
  .prstble{overflow:scroll;}
  .prstbles{width:auto!important;}	
	
label.quiz-pers-name,.awareness-form .field-type-text-with-summary p{margin-bottom:0px}
.awareness-form	[type='text']{    margin-bottom: 0.75em;margin-top: 0em;}
.awareness-form .quiz-question-short-answer .field-type-text-with-summary,.awareness-form .form-type-textfield{width:100%;}
.awareness-form #quiz-question-answering-form .quiz-question-multichoice .field-type-text-with-summary p{font-size: 20px;}
.awareness-form .ui-state-active, .awareness-form .ui-widget-content .ui-state-active, .awareness-form .ui-widget-header .ui-state-active, .awareness-form a.ui-button:active, .awareness-form .ui-button:active, .awareness-form .ui-button{    font-size: 15px;}
	[dir="rtl"] .calcInput input[type="checkbox"]:checked+label {
    background-position: 100% 0%;
}
	.calcInput input[type="checkbox"]+label{height:100%;}
	.webform-submission-form .fieldset-wrapper,.webform-submission-form .js-form-item {width: 100%;margin: 0px;}
	.webform-submission-form .js-form-item.js-form-type-radio{min-height: 32px;}
	.webform-submission-form .js-form-type-radio label.option, .webform-submission-form .js-form-type-checkbox label.option{width:auto;}
	
	.google-visualization-controls-categoryfilter > div{max-width:65%;}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: .5em .5em;}
	.ui-tabs .tabContainer .ui-tabs-nav li.ui-tabs-tab a{font-size:10px;}
	.tabContainer .ui-tabs .ui-tabs-nav, .tabContainer .ui-tabs .ui-tabs-nav li{margin-right:5px;}
table.susframe{width:auto!important;}
.susframetable{overflow-y:scroll;}

}
[dir="rtl"] table.susframe{
	text-align:right;
	}

table.susframe{
	margin: 0 0 1.5em;
    width: 100%;
    border-right: none;
	border-left:none;
}
.susframefirst td h2{
	font-size:20px!important;
	font-weight: 500!important;
	}
.susframe td{
	padding-left:10px;
 }
.susframewidth{width:20%;}

.newh2{
	font-size:23px;
	font-weight: normal;
    word-spacing: 2px;
	margin-bottom:10px;
}
[dir="rtl"] .susframe td{
	padding-right:10px;
 }
 .h2weight{
	 font-weight:500!important;
	 font-size:23px!important;
 }
 .newul li{
	 font-size:15px!important;
	 font-weight:normal!important;
 }
 .faq__answer ol{list-style-type:decimal;}
 .gold-title .flexx-h2{
	 text-transform:none;
	 font-size:20px!important;
	 font-weight:bold!important;
	 margin-bottom:20px;
}
.calcProdTypeItem {
    font-family: 'CoText',sans-serif;
    font-size: 17px;
    padding: 0.6em 2em 0.8em;
    display: inline-block;
}
.calcProdTypeItem.activeCalc {
    font-weight: bold;
}
a.calcProdTypeItem {
    text-decoration: none !important;
}

.carmurabahacalculator{display:none;}
#calcProdTypeArzaq:hover{cursor:pointer;}
#calcProdTypeCar:hover{cursor:pointer;}
.flexxxxx{font-size:20px!important; font-weight:bold!important;}
.ptsofsale{font-size:20px!important; font-weight:bold!important;}
.fieldset-legend{font-size:15px;} 
/* #endregion */
/*# sourceMappingURL=theme.css.map */

/* #accessibilities */
#block-accessibilitiesfontandcolors{
  z-index: 1000;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
[dir='rtl'] #block-accessibilitiesfontandcolors{padding: 5px 0px 17px;}
[dir='ltr'] #block-accessibilitiesfontandcolors{padding: 11px 0px 11px;}
.inc_font , .dec_font ,.def_font{
	
	cursor: pointer;
}

[dir='rtl'] .inc_font{
  padding-left: 27px;
  line-height: 28px;
}
[dir ='ltr'] .inc_font{
  padding-right: 27px;
  line-height: 24px;
}
[dir='rtl'] .def_font{
  padding-left: 27px;
  line-height: 28px;
}
[dir ='ltr'] .def_font{
  padding-right: 27px;
  line-height: 24px;
}
.dec_font{
  line-height: 33px;
}
[dir='rtl'] .dec_font{
  padding-left: 17px;
}
[dir ='ltr'] .dec_font{
  padding-right: 17px;
}
.color_picker{
  margin: 7px auto;
}

.color_picker ul{
  position: absolute;
  z-index: 100;
}
[dir='ltr'] .color_picker ul{
  top:0;
}
.color_picker ul li{
  padding: 44px 12px 0 12px;
  cursor: pointer;
  border-left: 1px solid;
  border-right: 1px solid;
}
.color_picker .active{
  display: block;
  padding-top: 0;
  border: 0 none;
}
[dir='rtl'] .color_picker .active{
  padding-bottom: 12px;
}
[dir='ltr'] .color_picker .active{
  padding-bottom: 13px;
}
.color_picker ul li:last-child{
  padding-bottom: 22px;
  border-bottom: 1px solid;
}

/* mada offer start */
.mada-offers{
    position: relative;
	border: 2px dotted #6a6a6a;	
	padding: 10px;
    text-align: center;
    margin: 10px 0;
}
.mada-offers h2{
	
}
.mada-offers img{
	width:150px;
}
.mada-offers .images{
    height: 150px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.mada-offers a{
    bottom: 5px;
    text-align: center;
    width: 100%;
    margin: 0px;
    left: 0;
    right: 0;
}
[dir="rtl"] .mada-offers li{
	text-align:right;
}
[dir="ltr"] .mada-offers li{
	text-align:left;
}
/* mada offer end */

.block-mobilemainnavigation .navbar-we-mega-menu.navbar{
  z-index: 1100;
}

@media (max-width: 768px) {
  /* #accessibilities */
  .block-views-block-slideshow-home-page + .block-accessibilitiesfontandcolors{
    margin-top: 25px !important;
  }
}

@media (max-width: 500px) {

  /* #accessibilities */
    
    [dir ='ltr'] .inc_font{
      line-height: 28px;
      padding-right: 15px;
    }
    [dir='rtl'] .inc_font{
      padding-left: 15px;
      line-height: 28px;
    }
    [dir ='ltr'] .dec_font{
      padding-right: 5px;
    }
    [dir='rtl'] .dec_font{
      padding-left: 5px;
    }
    [dir='ltr'] .color_picker .active{
      padding-bottom: 18px;
    }
    [dir='rtl'] .color_picker .active{
      padding-bottom: 19px;
      padding-top: 5px;
    }
    .color_picker ul li img{
      width: 60%;
    }
    [dir='ltr'] .color_picker ul{
      top:auto;
    }
    .color_picker ul li{
      padding-top: 26px;
    }
    .color_picker ul li:last-child{
      padding-bottom: 13px;
    }
}

/*admin toolbar links color*/
.toolbar-tray a, ul.tabs a{
	color: #565656 !important;
}
#admin-toolbar-search-tab a:hover, #block-topnav a:hover{
	color: #ffffff;
}
@media only screen and (max-width: 450px) {
[dir='ltr'] .woowllist ol{
	margin-left:12px;
	}
}