@charset "UTF-8";
/* Importing Base styles, variables, mixins and normalize  */
@keyframes jumpUpDown {
  0% {
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  50% {
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes jumpUpDownreverse {
  0% {
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  100% {
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes ani-leftright {
  from {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
  to {
    -moz-transform: translateX(-7px);
    -webkit-transform: translateX(-7px);
    -o-transform: translateX(-7px);
    -ms-transform: translateX(-7px);
    transform: translateX(-7px);
  }
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 16px;
}


.number-listing {
  font-weight: 300;
  margin: 0;
  line-height: 1.1;
  color: #fff;
  text-align: left;
  padding-left: 1.4rem;
  margin: .3rem 0 1rem;
  font-size: .98rem;
}

@media (min-width: 1366px) {
  .number-listing {
    font-size: .96rem;
  }
}

@media (max-width: 991.98px) {
  .number-listing {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.number-listing li + li {
  margin-top: .4rem;
}

.txt-listing {
  font-weight: 300;
  margin: 0;
  line-height: 1.1;
  color: #fff;
  text-align: left;
  padding-left: 1.4rem;
  margin: .3rem 0 1rem;
  font-size: .98rem;
}

@media (min-width: 1366px) {
  .txt-listing {
    font-size: .96rem;
  }
}

@media (max-width: 991.98px) {
  .txt-listing {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.txt-listing li + li {
  margin-top: .4rem;
}

.txt-listing.huge-list {
  margin-top: 1rem;
}

.txt-listing.huge-list li + li {
  margin-top: 1rem;
}

.maintitle h2 {
  font-weight: bold;
  margin: 0;
  line-height: 1.1;
  font-size: 2rem;
}

@media (max-width: 991.98px) {
  .maintitle h2 {
    font-size: 1.8rem;
    line-height: 1.3;
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

.maintitle h2 span.tiny {
  text-transform: none;
}

.maintitle h3 {
  font-weight: bold;
  margin: 0;
  line-height: 1.1;
  font-size: 1.5rem;
}

@media (max-width: 991.98px) {
  .maintitle h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 1600px) {
  .maintitle h3 {
    font-size: 1.65rem;
  }
}

.maintitle h3 span.tiny {
  text-transform: none;
}

.maintitle p {
  font-size: 400;
  margin: 0;
  line-height: 1.5;
  margin-top: 0.6rem;
  font-size: .98rem;
}

@media (min-width: 1366px) {
  .maintitle p {
    font-size: .96rem;
  }
}

@media (max-width: 991.98px) {
  .maintitle p {
    font-size: 1rem;
  }
}

.maintitle p strong {
  font-weight: bold;
}

.maintitle p + p {
  margin-top: 1.4rem;
}

.maintitle.w-shadow h1,
.maintitle.w-shadow h2,
.maintitle.w-shadow h3,
.maintitle.w-shadow h4,
.maintitle.w-shadow h5,
.maintitle.w-shadow h6,
.maintitle.w-shadow p,
.maintitle.w-shadow ul,
.maintitle.w-shadow ol {
  text-shadow: -2px 2px 7px rgba(0, 0, 0, 0.25);
}

.maintitle.lightbg h1,
.maintitle.lightbg h2,
.maintitle.lightbg h3,
.maintitle.lightbg h4,
.maintitle.lightbg h5,
.maintitle.lightbg h6 {
  color: #024da2;
}

.maintitle.lightbg p,
.maintitle.lightbg ul,
.maintitle.lightbg ol {
  color: #333333;
}

.maintitle.brightbg h1,
.maintitle.brightbg h2,
.maintitle.brightbg h3,
.maintitle.brightbg h4,
.maintitle.brightbg h5,
.maintitle.brightbg h6 {
  color: #333333;
}

.maintitle.brightbg p,
.maintitle.brightbg ul,
.maintitle.brightbg ol {
  color: #333333;
}

.underlinebtn a {
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #c40d42;
  font-weight: bold;
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 1.3;
}

.underlinebtn a:hover {
  color: #164396;
  text-decoration: none;
}

.underlinebtn a:hover:after {
  background: #164396;
  bottom: 0;
  height: 1px !important;
  transition-timing-function: ease-in;
  transition: 0.2s;
  transform: translateY(-2px);
}

.underlinebtn a:after {
  bottom: 0;
  left: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 1px !important;
  opacity: 1 !important;
  background: #c40d42;
  /*transition: all .2s ease-in;*/
  transition-timing-function: ease-in;
  transition: 0.2s;
  transform: translateY(0px);
}

.tab-pane a {
  color: #c40d42;
}

a.general-btn,
button.general-btn {
  display: inline-block;
  background: #c40d42;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: .8rem .92rem .5rem;
  border-radius: 0.5rem;
  font-size: 0.8rem;
  min-width: 165px;
}

@media (min-width: 768px) {
  a.general-btn,
  button.general-btn {
    padding: .8rem 1.575rem .5rem;
    border-radius: 0.625rem;
    font-size: 0.85rem;
    margin: .5rem 0;
  }
}

a.general-btn img,
button.general-btn img {
  display: inline-block;
}

a.general-btn img.icon-right,
button.general-btn img.icon-right {
  width: 15px;
  max-width: 15px;
  margin-top: -3px;
  margin-left: 0.5rem;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

@media (min-width: 768px) {
  a.general-btn img.icon-right,
  button.general-btn img.icon-right {
    width: 17px;
    max-width: 17px;
    margin-left: 0.5rem;
  }
}

a.general-btn img.icon-left,
button.general-btn img.icon-left {
  width: 15px;
  max-width: 15px;
  margin-top: -3px;
  margin-right: 0.5rem;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

@media (min-width: 768px) {
  a.general-btn img.icon-left,
  button.general-btn img.icon-left {
    width: 17px;
    max-width: 17px;
    margin-right: 0.5rem;
  }
}

a.general-btn:hover,
button.general-btn:hover {
  color: #fff;
}

a.general-btn:hover .icon-right,
button.general-btn:hover .icon-right {
  -webkit-transform: translateX(0.3em);
  -moz-transform: translateX(0.3em);
  -ms-transform: translateX(0.3em);
  -o-transform: translateX(0.3em);
  transform: translateX(0.3em);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a.general-btn:hover .icon-left,
button.general-btn:hover .icon-left {
  -webkit-transform: translateX(-0.3em);
  -moz-transform: translateX(-0.3em);
  -ms-transform: translateX(-0.3em);
  -o-transform: translateX(-0.3em);
  transform: translateX(-0.3em);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a.general-btn.invisible-btn,
button.general-btn.invisible-btn {
  opacity: 0;
  cursor: default;
}

a.general-borderless,
button.general-borderless {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1rem 1.65rem .7rem;
  margin: 2rem 0 0;
  font-size: 0.75rem;
}

a.general-borderless img.icon-right,
button.general-borderless img.icon-right {
  width: 15px;
  max-width: 15px;
  margin-top: -3px;
  margin-left: 0.5rem;
}

a.general-borderless img.icon-left,
button.general-borderless img.icon-left {
  width: 15px;
  max-width: 15px;
  margin-top: -3px;
  margin-right: 0.5rem;
}

a.general-borderless:hover .icon-right,
button.general-borderless:hover .icon-right {
  -webkit-transform: translateX(0.4em);
  -moz-transform: translateX(0.4em);
  -ms-transform: translateX(0.4em);
  -o-transform: translateX(0.4em);
  transform: translateX(0.4em);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a.general-borderless:hover .icon-left,
button.general-borderless:hover .icon-left {
  -webkit-transform: translateX(-0.4em);
  -moz-transform: translateX(-0.4em);
  -ms-transform: translateX(-0.4em);
  -o-transform: translateX(-0.4em);
  transform: translateX(-0.4em);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a.general-outline,
button.general-outline {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  padding: .8rem 0 .5rem;
  border-radius: 0.5rem;
  font-size: 0.8rem;
}

@media (min-width: 768px) {
  a.general-outline,
  button.general-outline {
    padding: .9rem 0 .6rem;
    border-radius: 0.625rem;
    font-size: 0.8rem;
  }
}

a.general-outline img,
button.general-outline img {
  display: inline-block;
}

a.general-outline img.icon-right,
button.general-outline img.icon-right {
  width: 15px;
  max-width: 15px;
  margin-top: -3px;
  margin-left: 0.5rem;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

@media (min-width: 768px) {
  a.general-outline img.icon-right,
  button.general-outline img.icon-right {
    width: 17px;
    max-width: 17px;
    margin-left: 0.5rem;
  }
}

a.general-outline img.icon-left,
button.general-outline img.icon-left {
  width: 15px;
  max-width: 15px;
  margin-top: -3px;
  margin-right: 0.5rem;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

@media (min-width: 768px) {
  a.general-outline img.icon-left,
  button.general-outline img.icon-left {
    width: 17px;
    max-width: 17px;
    margin-right: 0.5rem;
  }
}

a.general-outline:hover .icon-right,
button.general-outline:hover .icon-right {
  -webkit-transform: translateX(0.3em);
  -moz-transform: translateX(0.3em);
  -ms-transform: translateX(0.3em);
  -o-transform: translateX(0.3em);
  transform: translateX(0.3em);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a.general-outline:hover .icon-left,
button.general-outline:hover .icon-left {
  -webkit-transform: translateX(-0.3em);
  -moz-transform: translateX(-0.3em);
  -ms-transform: translateX(-0.3em);
  -o-transform: translateX(-0.3em);
  transform: translateX(-0.3em);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a:hover,
button:hover {
  text-decoration: none;
}

.slick-slide:focus {
  outline: none;
}

.whitebg {
  background: #fff;
}

.col-herocenter {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
}

@media (min-width: 992px) {
  .col-md-herocenter {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
  }
}

.breadcrumbcover {
  border: 1px solid #ccc;
  border-left: 0;
  border-right: 0;
  background: #fff;
  margin-left: -.5rem;
}

.breadcrumbcover .breadcrumb {
  background: #fff;
}

.breadcrumbcover .breadcrumb .breadcrumb-item {
  font-size: 0.74rem;
  line-height: 1.3;
  vertical-align: middle;
  color: #333333;
  /*+.breadcrumb-item {
				&:before {
					display: inline-block;
			    padding-right: .5rem;
			    font-family: "Ionicons";
			    line-height: 1.1;
			    content: "\f3d1";
				}
			}*/
}

.breadcrumbcover .breadcrumb .breadcrumb-item.active {
  font-weight: bold;
}

.breadcrumbcover .breadcrumb .breadcrumb-item a {
  color: #333333;
}

.breadcrumbcover .breadcrumb .breadcrumb-item:before {
  display: none;
}

.breadcrumbcover .breadcrumb .breadcrumb-item:after {
  display: inline-block;
  padding-left: .5rem;
  font-family: "Ionicons";
  line-height: 1.1;
  content: "\f3d1";
}

.breadcrumbcover .breadcrumb .breadcrumb-item:last-child {
  padding-left: .5rem;
}

.breadcrumbcover .breadcrumb .breadcrumb-item:last-child:after {
  display: none;
}

@media (max-width: 767.98px) {
  .breadcrumbcover .breadcrumb .breadcrumb-item:first-child {
    padding-left: .5rem;
  }
}

.form-select {
  font-weight: bold;
  color: #676767;
}

.form-select label {
  padding-top: .3rem;
  margin: 0;
}

.form-select label.max75 {
  max-width: 75px;
}

.form-select .input-group {
  text-align: left;
}

.form-select .input-group .input-group-prepend {
  min-height: 35px;
  padding-left: 0;
  display: inline-block !important;
}

.form-select .input-group .input-group-prepend button {
  padding-left: 0;
}

.form-select .input-group .input-group-prepend i {
  font-size: 1.5rem;
  padding-top: .3rem;
  padding-right: .2rem;
  padding-left: 0;
}

@media (max-width: 991.98px) {
  .form-select .input-group .input-group-prepend i {
    padding-right: 0;
  }
}

.form-select .input-group .form-control {
  display: inline-block !important;
  width: 88%;
  padding: 1.2rem 1rem 1rem;
  font-size: .9rem;
  min-height: 35px;
  border-radius: .6rem;
}

.form-select .input-group .form-control:focus {
  outline: 0;
  border: 1px solid #ccc;
  box-shadow: none;
}

@media (min-width: 992px) {
  .form-select .input-group .form-control {
    width: 350px;
  }
}

@media (max-width: 345px) {
  .form-select .input-group .form-control {
    width: 82%;
    float: right;
  }
}

@media (max-width: 991.98px) {
  .form-select .input-group {
    display: inline-block;
    width: 100%;
    margin-right: 0 !important;
  }
}

.form-select .custom-select {
  padding: .5rem 2rem .2rem 1rem;
  font-size: .9rem;
  background: url(../img/icon/arrow-down-dark.svg) no-repeat right white;
  background-size: 1.3rem;
  background-position-y: 50%;
  border-radius: .6rem;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  width: auto;
}

.form-select .custom-select.fullw {
  width: 100%;
}

.form-select .custom-select:focus {
  outline: 0;
  border: 1px solid #ccc;
  box-shadow: none;
}

@media (max-width: 767.98px) {
  .form-select .custom-select.mobfullw {
    width: 100%;
  }
}

.form-select .custom-select + .custom-select {
  margin-left: .8rem;
}

@media (max-width: 767.98px) {
  .form-select .custom-select + .custom-select {
    margin-top: .5rem;
    margin-left: 0;
  }
}

.form-control {
  /*padding: 1.4rem 1rem 1.3rem;*/
  font-size: .9rem;
  /*min-height: 45px;*/
  border-radius: .6rem;
}

.form-control:focus {
  outline: 0;
  border: 1px solid #ccc;
  box-shadow: none;
}

textarea {
  resize: none;
  padding-top: .8rem !important;
}

.clearfix {
  clear: both;
}

input.placeholder,
textarea.placeholder {
  color: rgba(0, 0, 0, 0.4) !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(0, 0, 0, 0.4) !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4) !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4) !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4) !important;
}

@media (max-width: 767.98px) {
  .investors .specialmob {
    justify-content: left !important;
  }
}

.text-transform-0 {
  text-transform: none !important;
}

.siwpe-icon {
  font-size: .8rem;
}

.siwpe-icon .arrowicon {
  position: relative;
  padding: 0 .1rem 0 .2rem;
  width: 28px;
  height: 28px;
  max-width: 28px;
  display: inline-block;
  vertical-align: middle;
}

.siwpe-icon .arrowicon .iconarrow {
  position: absolute;
  top: 0;
  left: 0;
}

.siwpe-icon .arrowicon .finger {
  left: 4px;
  position: absolute;
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: ani-leftright;
  -webkit-animation-duration: 1.5s;
}

footer {
  color: #fff;
  position: relative;
  z-index: 110;
  margin-top: -1px;
}

footer .toprow {
  padding: 2.813rem  1.25rem;
  /* 45px 20px */
  background: #bacad3;
}

footer .toprow .logo {
  max-width: 150px;
  margin-bottom: 1.26rem;
}

footer .toprow p {
  font-size: 0.813rem;
  line-height: 1.4;
  color: #333333;
  font-weight: 300;
  text-align: left;
}

footer .toprow p b {
  font-weight: bold;
  color: #333333;
  text-transform: none;
  margin-top: 0;
}

footer .toprow b {
  color: #164396;
  text-transform: uppercase;
  margin-top: 1rem;
  display: inline-block;
}

footer .toprow .backtotop {
  font-weight: bold;
  color: #164396;
  text-transform: uppercase;
  font-size: .95rem;
  cursor: pointer;
  max-width: 50px;
  width: 100%;
  text-align: right;
  float: right;
}

footer .toprow .backtotop:hover {
  text-decoration: none;
}

footer .toprow .backtotop img {
  margin-top: -4px;
  width: 100%;
  max-width: 17px;
}

footer .toprow ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

footer .toprow ul.contact-detail {
  margin-top: 1.1rem;
}

footer .toprow ul.contact-detail li {
  color: #333333;
  padding: .3rem 0;
  line-height: 0;
  line-height: 1.7;
  vertical-align: top;
  font-size: 0.813rem;
}

footer .toprow ul.contact-detail li img {
  width: 16px;
  margin-right: .35rem;
}

footer .toprow ul.quick-link {
  margin-top: .5rem;
}

footer .toprow ul.quick-link li {
  color: #333333;
  padding: .3rem 0;
  line-height: 0;
  line-height: 1.2;
}

footer .toprow ul.quick-link li a {
  margin: 0;
  padding: 0;
  font-size: 0.813rem;
  color: #333333;
  text-decoration: none;
}

footer .toprow ul.quick-link li a:hover {
  color: #164396;
}

footer .toprow ul.quick-link li img {
  width: 16px;
  margin-right: .35rem;
}

footer .toprow ul.social-link {
  margin-top: .5rem;
}

footer .toprow ul.social-link li {
  color: #333333;
  padding: .3rem 0;
  line-height: 0;
  line-height: 1.5;
}

footer .toprow ul.social-link li a {
  margin: 0;
  padding: 0;
  font-size: 0.813rem;
  color: #333333;
  text-decoration: none;
  vertical-align: top;
  line-height: 1.8;
}

footer .toprow ul.social-link li a i {
  font-size: 1.1rem;
  text-align: center;
  width: 100%;
  max-width: 1.1rem;
  margin-right: .3rem;
  color: #164396;
}

footer .toprow ul.social-link li a:hover {
  color: #164396;
}

footer .toprow ul.social-link li img {
  width: 16px;
  margin-right: .35rem;
}

footer .toprow .input-group {
  height: 46px;
}

footer .toprow .input-group .form-control {
  border-radius: .4rem 0 0 .4rem;
  font-size: 0.813rem;
  font-weight: 300;
  padding: .5rem .7rem .3rem;
  outline: none !important;
  box-shadow: none;
  border: none;
  height: 100%;
}

footer .toprow .input-group button {
  background: #164396;
  padding: .8rem;
  border: 0;
  border-radius: 0 .4rem .4rem 0;
  outline: none !important;
  box-shadow: none;
  cursor: pointer;
}

footer .toprow .input-group button:hover {
  background: #c40d42;
}

footer .toprow .input-group button img {
  width: 17px;
}

footer .lastrow {
  background: #63717a;
  padding: 1.2rem 1rem .9rem;
  font-weight: 300;
  font-size: 0.688rem;
}

@media (min-width: 768px) {
  footer .lastrow {
    padding: 2rem 1.25rem 1.7rem;
  }
}

footer .lastrow ul {
  padding: 0;
  margin-left: -.5rem !important;
  /*li {
				display: inline-block;
				padding: .1rem .5rem 0;
				margin: 0;
				line-height: 1;

				a {
					color: #fff;
				  line-height: 1;
				  text-decoration: none;
				}

				+li {
					border-left: 1px solid #fff;


				}

				&:first-child {
					padding-left: 0;
				}
			}*/
  margin: 0;
}

footer .lastrow ul li {
  display: inline-block;
  padding: .1rem 0 0;
  margin: 0;
  line-height: 1;
}

footer .lastrow ul li a {
  color: #fff;
  line-height: 1;
  text-decoration: none;
  padding: 0 .5rem;
}

footer .lastrow ul li + li {
  border-right: 1px solid #fff;
}

footer .lastrow ul li:first-child {
  border-right: 1px solid #fff;
}

footer .lastrow ul li:last-child {
  border-right: 0;
}

footer .lastrow .copyright {
  text-align: left;
  margin-top: 1.1rem;
}

@media (min-width: 768px) {
  footer .lastrow .copyright {
    text-align: right;
    margin-top: 0;
  }
}

.top-banner {
  min-height: 23rem;
  padding-top: 2.2rem;
  padding-bottom: 3.5rem;
  position: relative;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
}

.top-banner h1 {
  font-size: 2rem;
  width: 90%;
}

.top-banner p {
  width: 100%;
  max-width: 90%;
  display: block;
}

@media (min-width: 768px) {
  .top-banner {
    min-height: 25rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .top-banner h1 {
    font-size: 2.5rem;
    width: 80%;
  }
  .top-banner p {
    width: 100%;
    max-width: 48%;
    display: block;
  }
}

@media (min-width: 1200px) {
  .top-banner p {
    max-width: 51.5%;
  }
}

.top-banner.whoweare {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/whoweare-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/whoweare-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/whoweare-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/whoweare-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.whoweare {
    background-position: 25% 50%;
  }
}

.top-banner.corp-governance {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corporategovernance-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corporategovernance-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corporategovernance-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corporategovernance-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.corp-governance {
    background-position: 25% 50%;
  }
}

.top-banner.boardofdirectors {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/board-of-directors-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/board-of-directors-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/board-of-directors-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/board-of-directors-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.boardofdirectors {
    background-position: 25% 50%;
  }
}

.top-banner.corpstructure {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corp-structure-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corp-structure-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corp-structure-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corp-structure-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.corpstructure {
    background-position: 25% 50%;
  }
}

.top-banner.groupmanagementteam {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/group-management-team-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/group-management-team-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/group-management-team-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/group-management-team-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.groupmanagementteam {
    background-position: 25% 50%;
  }
}

.top-banner.operatingcompanies {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/operating-companies-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/operating-companies-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/operating-companies-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/operating-companies-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.operatingcompanies {
    background-position: 25% 50%;
  }
}

.top-banner.awardsmilestones {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/awards-milestones-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/awards-milestones-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/awards-milestones-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/awards-milestones-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.awardsmilestones {
    background-position: 25% 50%;
  }
}

.top-banner.agm {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/agm_banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/agm_banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/agm_banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/agm_banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.agm {
    background-position: 25% 50%;
  }
}

.top-banner.supplier {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/supplier-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/supplier-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/supplier-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/supplier-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.supplier {
    background-position: 25% 50%;
  }
}

.top-banner.contactus {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/contactus-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/contactus-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/contactus-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/contactus-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.contactus {
    background-position: 25% 50%;
  }
}

.top-banner.sustainability {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/sustainability-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/sustainability-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/sustainability-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/sustainability-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.sustainability {
    background-position: 25% 50%;
  }
}

.top-banner.beyondshorterm {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/beyond-shorterm-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/beyond-shorterm-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/beyond-shorterm-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/beyond-shorterm-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.beyondshorterm {
    background-position: 25% 50%;
  }
}

.top-banner.nuturingpeople {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nuturing-people-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nuturing-people-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nuturing-people-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nuturing-people-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.nuturingpeople {
    background-position: 25% 50%;
  }
}

.top-banner.planetsociety {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/planet-society-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/planet-society-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/planet-society-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/planet-society-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.planetsociety {
    background-position: 25% 50%;
  }
}

.top-banner.processexcellence {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/process-excellence-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/process-excellence-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/process-excellence-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/process-excellence-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.processexcellence {
    background-position: 25% 50%;
  }
}

.top-banner.malaysia {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/malaysia-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/malaysia-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/malaysia-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/malaysia-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.malaysia {
    background-position: 25% 50%;
  }
}

.top-banner.celcom {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/brands/celcom-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/brands/celcom-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/brands/celcom-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/brands/celcom-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.celcom {
    background-position: 25% 50%;
  }
}

.top-banner.media {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/media-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/media-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/media-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/media-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.media {
    background-position: 25% 50%;
  }
}

.top-banner.news {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/news-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/news-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/news-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/news-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.news {
    background-position: 25% 50%;
  }
}

.top-banner.mediakits {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/mediakits-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/mediakits-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/mediakits-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/mediakits-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.mediakits {
    background-position: 25% 50%;
  }
}

.top-banner.talent {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/talent/talent-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/talent/talent-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/talent/talent-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/talent/talent-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.talent {
    background-position: 25% 50%;
  }
}

.top-banner.investors {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/investor_overview_banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/investor_overview_banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/investor_overview_banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/investor_overview_banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.investors {
    background-position: 25% 50%;
  }
}

.top-banner.presentations {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_title-banner_investor_presentation.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_title-banner_investor_presentation.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_title-banner_investor_presentation.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_title-banner_investor_presentation.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.presentations {
    background-position: 25% 50%;
  }
}

.top-banner.annual-reports {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_title-banner_investor_annual-report.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_title-banner_investor_annual-report.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_title-banner_investor_annual-report.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_title-banner_investor_annual-report.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.annual-reports {
    background-position: 25% 50%;
  }
}

.top-banner.bursa-announcements {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_title-banner_investor_bursa.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_title-banner_investor_bursa.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_title-banner_investor_bursa.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_title-banner_investor_bursa.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.bursa-announcements {
    background-position: 25% 50%;
  }
}

.top-banner.stock-quotes {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_title-banner_investor_stock.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_title-banner_investor_stock.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_title-banner_investor_stock.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_title-banner_investor_stock.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.stock-quotes {
    background-position: 25% 50%;
  }
}

.top-banner.financial-highlights {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/five_year_financial_highlight_banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/five_year_financial_highlight_banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/five_year_financial_highlight_banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/five_year_financial_highlight_banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.financial-highlights {
    background-position: 25% 50%;
  }
}

.top-banner.dividends {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/dividends_banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/dividends_banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/dividends_banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/dividends_banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.dividends {
    background-position: 25% 50%;
  }
}

.top-banner.equity-analyst {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/equity_analyst_coverage_calendar_banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/equity_analyst_coverage_calendar_banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/equity_analyst_coverage_calendar_banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/equity_analyst_coverage_calendar_banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.equity-analyst {
    background-position: 25% 50%;
  }
}

.top-banner.shareholdings {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/shareholdings_banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/shareholdings_banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/shareholdings_banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/shareholdings_banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.shareholdings {
    background-position: 25% 50%;
  }
}

.top-banner.calendar {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/ir_calendar_banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/ir_calendar_banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/ir_calendar_banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/ir_calendar_banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.calendar {
    background-position: 25% 50%;
  }
}

.top-banner.quarterly-results {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_title-banner_investor_quarterly.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_title-banner_investor_quarterly.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_title-banner_investor_quarterly.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_title-banner_investor_quarterly.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .top-banner.quarterly-results {
    background-position: 25% 50%;
  }
}

.top-banner .prismicon {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: -3rem;
  background: url(../img/icon/prism-full-mob.png) left bottom no-repeat;
  background-size: 180px;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .top-banner .prismicon {
    bottom: 0;
  }
}

@media (min-width: 768px) {
  .top-banner .prismicon {
    background: url(../img/icon/prism-full.png) center center;
    background-size: 100%;
  }
}

@media only screen and (max-width: 1169px) {
  body.overflow-hidden {
    overflow-y: hidden;
  }
}

input[type="search"]::-ms-clear {
  /* removes close icon - IE */
  display: none;
}

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

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content, .cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

.cd-main-content, .cd-main-header {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cd-main-content .moblogo, .cd-main-header .moblogo {
  display: none;
}

@media only screen and (max-width: 1169px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(-130%);
    -moz-transform: translateX(-130%);
    -ms-transform: translateX(-130%);
    -o-transform: translateX(-130%);
    transform: translateX(0);
  }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  .cd-main-content.nav-is-visible .moblogo, .cd-main-header.nav-is-visible .moblogo {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    width: 75px;
  }
  .cd-main-content.nav-is-visible .navbar-brand, .cd-main-header.nav-is-visible .navbar-brand {
    display: none;
  }
}

.cd-main-content {
  /* min-height: 100vh;
  z-index: 2;*/
}

.cd-main-header {
  height: 70px;
  background: transparent;
  z-index: 999;
  width: 100%;
  position: fixed;
}

.nav-is-fixed .cd-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

@media only screen and (min-width: 1170px) {
  .cd-main-header {
    height: 80px;
  }
  .cd-main-header::after {
    clear: both;
    content: "";
    display: table;
  }
}

.cd-logo {
  position: absolute;
  top: 0;
  left: 5%;
  z-index: 100;
}

.cd-logo img {
  display: block;
  width: 75px;
}

@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-logo {
    left: auto;
    right: 5%;
    z-index: 100;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-logo {
    top: 5px;
    left: 2rem;
  }
}

.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: 15px;
  right: .5rem;
}

.cd-header-buttons li {
  display: inline-block;
}

@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-header-buttons {
    right: auto;
    left: 5%;
  }
  .nav-on-left .cd-header-buttons li {
    float: right;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-header-buttons {
    top: 18px;
    right: 1.5rem;
  }
}

.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3;
}

.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-search-trigger::before {
  /* lens */
  top: 30px;
  left: 11px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 2px solid #fff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.cd-search-trigger::after {
  /* handle */
  height: 2px;
  width: 8px;
  background: #fff;
  top: 45px;
  right: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.cd-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.cd-search-trigger span::before, .cd-search-trigger span::after {
  /* close icon */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  content: '';
  position: absolute;
  display: inline-block;
  height: 2px;
  width: 22px;
  top: 50%;
  margin-top: 0;
  left: 50%;
  margin-left: -11px;
  background: #fff;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}

.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}

.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}

.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navbar-shrink .cd-nav-trigger span, .navbar-shrink .cd-nav-trigger span::before, .navbar-shrink .cd-nav-trigger span::after {
  background: #164396;
}

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 2px;
  width: 29px;
  background: #fff;
  -webkit-transition: all 0.1s 0.1s;
  -moz-transition: all 0.1s 0.1s;
  transition: all 0.1s 0.1s;
}

.cd-nav-trigger span {
  width: 20px !important;
  -webkit-transition: all 0s 0s;
  -moz-transition: all 0s 0s;
  transition: all 0s 0s;
}

.cd-nav-trigger:hover span {
  width: 29px !important;
  -webkit-transition: all 0.1s 0.1s;
  -moz-transition: all 0.1s 0.1s;
  transition: all 0.1s 0.1s;
}

.cd-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* other 2 lines */
  content: '';
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: transform 0.1s 0.1s;
  -moz-transition: transform 0.1s 0.1s;
  transition: transform 0.1s 0.1s;
}

.cd-nav-trigger span::before {
  /* menu icon top line */
  top: -8px;
}

.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 8px;
}

.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(46, 50, 51, 0);
}

.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #164396;
}

.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}

.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}

@media only screen and (min-width: 1170px) {
  .cd-nav-trigger {
    display: none;
  }
}

.cd-primary-nav, .cd-primary-nav ul {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  padding: 0 20px;
  padding-top: 70px;
  background: #fff;
  overflow: none;
  -webkit-overflow-scrolling: touch;
  z-index: 990;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

@media only screen and (min-width: 1170px) {
  .cd-primary-nav, .cd-primary-nav ul {
    padding-top: 0;
  }
}

.investor-sub {
  height: 120%;
}

.cd-primary-nav a, .cd-primary-nav ul a {
  display: block;
  height: auto;
  line-height: 50px;
  padding: 0 20px;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*overflow: hidden;
  text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
  white-space: normal;
  border-bottom: 1px solid #e6e6e6;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}

@media only screen and (max-width: 1169px) {
  .cd-primary-nav a, .cd-primary-nav ul a {
    font-size: .95rem;
    text-transform: uppercase;
    padding: 1.3rem 0 1rem;
    line-height: 1.1;
    min-height: 50px;
    font-weight: bold;
  }
}

.cd-primary-nav .secondary-standardnav {
  overflow: hidden;
  overflow-y: auto;
}

.cd-primary-nav .secondary-standardnav .go-back a {
  font-size: .95rem;
  padding: 1.3rem 0 1rem;
  padding-left: 28px;
  font-weight: bold;
}

.cd-primary-nav .secondary-standardnav .innertitle a {
  display: none;
}

@media only screen and (max-width: 1169px) {
  .cd-primary-nav .secondary-standardnav .innertitle a {
    display: block;
    padding-left: 0;
    cursor: default;
    font-size: .9rem;
    padding: 1.3rem 0 1rem;
    text-transform: uppercase;
  }
}

@media only screen and (max-width: 1169px) {
  .cd-primary-nav .secondary-standardnav li a {
    font-size: .9rem;
    text-transform: uppercase;
    padding: 1.3rem 0 1rem;
    line-height: 1.1;
    padding-left: 1rem;
  }
}

@media only screen and (max-width: 1169px) {
  .cd-primary-nav .secondary-standardnav .sub-menu li a {
    text-transform: none;
    font-weight: 400;
  }
}

@media only screen and (max-width: 1169px) {
  .cd-primary-nav .secondary-standardnav .sub-menu li.innertitle a {
    font-size: .9rem;
    padding: 1.3rem 0 1rem;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
  }
}

@media only screen and (max-width: 1169px) {
  .cd-primary-nav .secondary-standardnav .sub-menu li.inneroverview a {
    text-transform: none;
    font-weight: 400;
    padding-left: 16px;
    cursor: pointer;
  }
}

@media only screen and (max-width: 1169px) {
  .cd-primary-nav .secondary-standardnav .sub-menu li.go-back a {
    font-size: .9rem;
    padding: 1.3rem 0 1rem;
    padding-left: 28px;
    font-weight: bold;
    text-transform: uppercase;
  }
}

.cd-primary-nav li.showonmob {
  display: none;
}

@media only screen and (max-width: 1169px) {
  .cd-primary-nav li.showonmob {
    display: block;
  }
  .cd-primary-nav li.showonmob .input-group {
    margin-bottom: .5rem;
    margin-top: .5rem;
  }
  .cd-primary-nav li.showonmob .input-group .form-control {
    border-radius: 0;
    border-right: 0;
    padding: .8rem .7rem .5rem;
    font-weight: 300;
    font-size: .95rem;
    min-height: 46px;
  }
  .cd-primary-nav li.showonmob .input-group .input-group-append .btn-secondary {
    padding-right: 1rem;
    background: transparent;
    border: 1px solid #ced4da;
    border-radius: 0;
    border-left: 0;
    padding-top: .5rem;
  }
  .cd-primary-nav li.showonmob .input-group .input-group-append .ion-ios-search {
    color: #333;
    font-size: 1.5rem;
    display: inline-block;
  }
}

.cd-primary-nav li.social-list a {
  border-bottom: 0;
  padding: 1rem .8rem;
  font-size: 1.4rem;
  display: inline-block !important;
}

.cd-primary-nav li.social-list a i {
  display: inline-block;
}

.cd-primary-nav li.social-list a:first-child {
  padding-left: 0;
}

.cd-primary-nav li.contactus a {
  border-bottom: 0;
}

.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-130%);
  -moz-transform: translateX(-130%);
  -ms-transform: translateX(-130%);
  -o-transform: translateX(-130%);
  transform: translateX(-130%);
  opacity: 0;
}

@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right: auto;
    left: 0;
  }
}

.cd-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color: #fff;
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item {
  padding-left: 90px;
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}

.cd-primary-nav .cd-nav-icons .cd-nav-item {
  padding-left: 75px;
}

.cd-primary-nav .cd-nav-icons .cd-nav-item p {
  color: #fff;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}

.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
  background-image: url("../img/line-icon-1.svg");
}

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
  background-image: url("../img/line-icon-2.svg");
}

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
  background-image: url("../img/line-icon-3.svg");
}

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
  background-image: url("../img/line-icon-4.svg");
}

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
  background-image: url("../img/line-icon-5.svg");
}

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
  background-image: url("../img/line-icon-6.svg");
}

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
  background-image: url("../img/line-icon-7.svg");
}

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
  background-image: url("../img/line-icon-8.svg");
}

@media only screen and (max-width: 1169px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    /*-webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;*/
    transform: translateY(-130%);
  }
  .cd-primary-nav.nav-is-visible {
    /*-webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;*/
    transform: translateY(0);
  }
}

@media only screen and (min-width: 1170px) {
  .cd-primary-nav {
    position: static;
    padding: 0 0 0 130px;
    height: auto;
    width: auto;
    float: none;
    text-align: left;
    overflow: visible;
    background: transparent;
  }
  .cd-primary-nav::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-primary-nav.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav ul {
    position: static;
    height: auto;
    width: auto;
    background: transparent;
    overflow: visible;
    z-index: 3;
  }
  .cd-primary-nav ul.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-primary-nav ul.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav > li {
    float: left;
    margin-left: 0;
  }
  .cd-primary-nav > li > a {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    padding: 0 0.875rem;
    color: #fff;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: bold;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
    position: relative;
  }
  .cd-primary-nav > li > a:hover {
    color: #fff;
  }
  .cd-primary-nav > li > a.selected {
    color: #fff;
  }
  .cd-primary-nav .go-back, .cd-primary-nav .see-all {
    display: none;
  }
  .cd-primary-nav .secondary-standardnav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
    /* dropdown menu style */
    position: absolute;
    top: 80px;
    width: 100vw;
    background: #ffffff;
    padding: 50px 120px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
  .cd-primary-nav .secondary-standardnav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-primary-nav .secondary-standardnav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
  .cd-primary-nav .secondary-standardnav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
    /* this is the BIG See all button at the bottom of the dropdown menu */
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow: hidden;
    /* reset some inherited style */
    margin: 0;
    padding: 0;
  }
  .cd-primary-nav .secondary-standardnav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #e2e3df;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .cd-primary-nav .secondary-standardnav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
    background: #2e3233;
    border-color: #fff;
    color: #ffffff;
  }
  .cd-primary-nav .secondary-standardnav > li {
    /* change the height according to your needs - you can even set height: auto */
    height: auto;
    /* here you set the number of columns - use width percentage */
    width: 20%;
    float: left;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .cd-primary-nav .secondary-standardnav > li:nth-child(4n+2) {
    /* +2 because we have 2 list items with display:none */
    margin-right: 0;
    border-right: none;
  }
  .cd-primary-nav .secondary-standardnav > li > a,
  .cd-primary-nav .secondary-standardnav > li > .halfcol > a {
    /* secondary nav title */
    color: #fff;
    padding: 0 1% 0 0;
    font-weight: bold;
    margin-bottom: .6em;
    font-size: .85rem;
    text-align: center;
  }
}

@media only screen and (min-width: 1170px) and (min-width: 1170px) {
  .cd-primary-nav .secondary-standardnav > li > a,
  .cd-primary-nav .secondary-standardnav > li > .halfcol > a {
    line-height: 1.4;
    /*
     min-height: 30px;*/
  }
}

@media only screen and (min-width: 1170px) {
  .cd-primary-nav .secondary-standardnav > li > .halfcol > a {
    text-align: left;
  }
  .cd-primary-nav .secondary-standardnav > li.has-children > a {
    text-align: left;
  }
  .cd-primary-nav .secondary-standardnav a {
    height: auto;
    line-height: 1.2;
    padding: 2% 10% 2% 0;
    color: #fff;
    border-bottom: none;
    font-size: .85rem;
  }
  .cd-primary-nav .secondary-standardnav a:hover {
    color: #fff;
  }
  .cd-primary-nav .secondary-standardnav ul {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .cd-primary-nav .secondary-standardnav ul ul {
    /* tertiary navigation */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .cd-primary-nav .secondary-standardnav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .cd-primary-nav .secondary-standardnav ul ul .go-back {
    display: block;
  }
  .cd-primary-nav .secondary-standardnav ul ul .go-back a {
    color: transparent;
  }
  .cd-primary-nav .secondary-standardnav ul ul .see-all {
    display: block;
  }
  .cd-primary-nav .secondary-standardnav .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    -webkit-transform: translateX(-130%);
    -moz-transform: translateX(-130%);
    -ms-transform: translateX(-130%);
    -o-transform: translateX(-130%);
    transform: translateX(-130%);
  }
  .cd-primary-nav .cd-nav-gallery li {
    /* set here number of columns - use width percentage */
    width: 22%;
    float: left;
    margin: 0 4% 40px 0;
  }
  .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item {
    border-bottom: none;
    padding: 0;
    height: auto;
    line-height: 1.2;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
    position: static;
    margin-top: 0;
    height: auto;
    width: 100%;
    margin-bottom: .6em;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
    color: #fff;
    font-weight: bold;
    padding: 0 .4em;
  }
  .cd-primary-nav .cd-nav-icons li {
    /* set here number of columns - use width percentage */
    width: 32%;
    float: left;
    margin: 0 2% 20px 0;
  }
  .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item {
    border-bottom: none;
    height: 80px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
    position: relative;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
    background: #f6f6f5;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    color: #fff;
    font-weight: bold;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item p {
    display: block;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
    left: 25px;
  }
}

.has-children > a, .go-back a {
  position: relative;
}

.has-children > a.nohref {
  cursor: default;
}

@media (min-width: 1170px) {
  .has-children > a.nohref {
    color: rgba(255, 255, 255, 0.7) !important;
  }
}

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #464c4e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #c9cbc4;
  }
  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: #69aa6f;
  }
}

.has-children > a {
  padding-right: 40px;
}

.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 5px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.cd-primary-nav .go-back a {
  padding-left: 25px;
  font-weight: 400;
}

.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 5px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%;
    display: none;
    /*CYADD*/
  }
  .cd-primary-nav > .has-children > a {
    /* main navigation arrows on larger devices */
    /* padding-right: 30px !important; /*CYADD*/
  }
  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
    width: 9px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
  }
  .cd-primary-nav > .has-children > a::before {
    right: 12px;
  }
  .cd-primary-nav > .has-children > a::after {
    right: 7px;
  }
  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
    width: 14px;
  }
  .cd-primary-nav > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .cd-primary-nav > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .secondary-standardnav > .has-children > a::before, .secondary-standardnav > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none;
  }
  .cd-primary-nav .go-back a {
    padding-left: 20px;
  }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    left: 1px;
  }
}

.cd-search {
  position: absolute;
  height: 50px;
  width: 100%;
  top: 50px;
  position: fixed;
  left: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-search form {
  height: 80px;
  width: 100%;
  background: #F4F4F4;
  position: relative;
}

.cd-search form i {
  position: absolute;
  font-size: 1.7rem;
  top: 33%;
  z-index: 1;
  left: 9rem;
  color: #164396;
}

.cd-search .input-group {
  border-bottom: 1px solid rgba(204, 204, 204, 0.2);
}

.cd-search input {
  border-radius: 0;
  border: none;
  background: #F4F4F4;
  height: 80px;
  width: 100%;
  padding: 0 5%;
  color: #333333;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.cd-search input::-webkit-input-placeholder {
  color: #c9cbc4;
}

.cd-search input::-moz-placeholder {
  color: #c9cbc4;
}

.cd-search input:-moz-placeholder {
  color: #c9cbc4;
}

.cd-search input:-ms-input-placeholder {
  color: #c9cbc4;
}

.cd-search input:focus {
  outline: none;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.cd-search.is-visible {
  height: 100vh;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.nav-is-fixed .cd-search {
  position: fixed;
}

@media only screen and (min-width: 1170px) {
  .cd-search {
    height: 80px;
    top: 80px;
  }
  .cd-search input {
    padding: 1.4rem 9rem 1.1rem;
    font-size: 1.2rem;
    font-weight: 300;
    padding-left: 11.4rem;
  }
  .cd-search input:focus {
    color: #164396;
  }
}

.cd-overlay, .cd-overlay.is-visible {
  display: none;
}

@media only screen and (min-width: 1169px) {
  .cd-overlay {
    /* shadow layer visible when navigation is active */
    position: fixed;
    z-index: 1;
    height: 0;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
  }
  .cd-overlay.is-visible {
    opacity: 1;
    height: 100vh;
    position: fixed;
    display: block;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
  }
}

@media only screen and (max-width: 1169px) {
  /*.cd-overlay.is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }*/
  .nav-on-left .cd-overlay.is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
  .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

.no-js .cd-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 1170px) {
  .no-js .cd-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0;
  }
  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed;
  }
}

/*CYADD*/
ul.mainlist-nav > li {
  list-style: none;
  font-size: 1rem;
  text-transform: uppercase;
}

ul.mainlist-nav > li i {
  display: none;
}

ul.mainlist-nav > li i.linkout {
  display: inline-block;
  font-size: 1.25rem;
  bottom: 0;
  padding-left: 2px;
  vertical-align: middle;
}

ul.mainlist-nav > li i.invisible {
  visibility: hidden;
}

@media only screen and (max-width: 1169px) {
  ul.mainlist-nav > li.ourbusiness > a::after, ul.mainlist-nav > li.ourbusiness > a::before {
    background: #164396;
  }
  ul.mainlist-nav > li.brands > a::after, ul.mainlist-nav > li.brands > a::before {
    background: #c40d42;
  }
  ul.mainlist-nav > li.investor > a::after, ul.mainlist-nav > li.investor > a::before {
    background: #FDB934;
  }
  ul.mainlist-nav > li.sustainability > a::after, ul.mainlist-nav > li.sustainability > a::before {
    background: #F7941E;
  }
  ul.mainlist-nav > li.medias > a::after, ul.mainlist-nav > li.medias > a::before {
    background: #F15A22;
  }
  ul.mainlist-nav > li.talent > a::after, ul.mainlist-nav > li.talent > a::before {
    background: #7B1B67;
  }
  ul.mainlist-nav > li.contactus > a::after, ul.mainlist-nav > li.contactus > a::before {
    background: #EE3E80;
  }
}

@media only screen and (min-width: 1170px) {
  ul.mainlist-nav > li.ourbusiness a.active {
    color: #164396;
  }
  ul.mainlist-nav > li.brands a.active {
    color: #c40d42;
  }
  ul.mainlist-nav > li.investor a.active {
    color: #FDB934;
  }
  ul.mainlist-nav > li.sustainability a.active {
    color: #F7941E;
  }
  ul.mainlist-nav > li.medias a.active {
    color: #F15A22;
  }
  ul.mainlist-nav > li.talent a.active {
    color: #7B1B67;
  }
  ul.mainlist-nav > li.contactus a.active {
    color: #EE3E80;
  }
  ul.mainlist-nav > li:hover i {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 2rem;
    bottom: -12px;
    border: 0;
    outline: 0;
    display: block;
  }
  ul.mainlist-nav > li:hover i.linkout {
    display: inline-block;
    position: relative;
    bottom: 0;
    padding-left: 2px;
    font-size: 1.25rem;
    vertical-align: middle;
  }
  ul.mainlist-nav > li:hover:first-child > a {
    color: #164396;
  }
  ul.mainlist-nav > li:hover:nth-child(2) > a {
    color: #C40D42;
  }
  ul.mainlist-nav > li:hover:nth-child(3) > a {
    color: #FDB934;
  }
  ul.mainlist-nav > li:hover:nth-child(4) > a {
    color: #F7941E;
  }
  ul.mainlist-nav > li:hover:nth-child(5) > a {
    color: #F15A22;
  }
  ul.mainlist-nav > li:hover:nth-child(6) > a {
    color: #7B1B67;
  }
  ul.mainlist-nav > li:hover:nth-child(7) > a {
    color: #EE3E80;
  }
}

ul.mainlist-nav li {
  list-style: none;
}

@media only screen and (min-width: 1170px) {
  ul.mainlist-nav li .sub-menu {
    padding: 0;
  }
}

ul.mainlist-nav li .sub-menu li {
  text-transform: none;
  font-size: 0.875rem;
}

@media only screen and (min-width: 1170px) {
  .ourbusiness-sub {
    background: rgba(22, 67, 150, 0.9) !important;
  }
}

.has-children.ourbusiness:hover .ourbusiness-sub {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

.ourbusiness .secondary-standardnav .innertitle a {
  color: #164396;
  font-weight: bold;
}

.ourbusiness .secondary-standardnav .sub-menu .innertitle a {
  color: rgba(0, 0, 0, 0.3) !important;
  font-weight: bold;
}

@media only screen and (min-width: 1170px) {
  .brands-sub {
    background: rgba(196, 13, 66, 0.9) !important;
    /*.sub-menu {
      &:hover {
        opacity: .4;
      }

      li {
        opacity: 1;
      }
    }*/
  }
}

.has-children.brands:hover .brands-sub {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

.brands .secondary-standardnav .innertitle a {
  color: #c40d42;
  font-weight: bold;
}

.brands .secondary-standardnav .sub-menu .innertitle a {
  color: rgba(0, 0, 0, 0.35);
  font-weight: bold;
  min-height: 50px;
  height: auto;
}

.cd-primary-nav .brands-sub > li .innermainstitle,
.cd-primary-nav .brands-sub > li .innersubtitle {
  padding-left: 0;
  padding-right: 0;
  text-transform: uppercase;
  cursor: default;
}

@media (max-width: 1170px) {
  .cd-primary-nav .brands-sub > li .innermainstitle,
  .cd-primary-nav .brands-sub > li .innersubtitle {
    color: rgba(0, 0, 0, 0.3);
  }
}

.cd-primary-nav .brands-sub > li .innersubtitle {
  font-size: .95rem;
}

.cd-primary-nav .brands-sub > li .brandsicon {
  height: auto;
  line-height: 1.4;
  position: relative;
  padding: .7rem 0 .2rem;
}

.cd-primary-nav .brands-sub > li .brandsicon .icons {
  width: 55px;
  height: 55px;
  background: #fff;
  border: #f4f4f4;
  display: inline-block;
  border-radius: 50%;
  line-height: 45px;
  display: inline-block;
  border: 1px solid #ccc;
}

.cd-primary-nav .brands-sub > li .brandsicon .icons img {
  padding: 0 5px;
  display: inline-block;
  max-width: 55px;
  margin-top: 0;
  position: absolute;
  top: 45%;
  transform: translate(0, -45%);
}

.cd-primary-nav .brands-sub > li .brandsicon p {
  font-size: .8rem;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 55%;
  padding-left: .5rem;
  transform: translate(0, -55%);
  color: #333;
  text-align: left;
  text-transform: none;
}

.cd-primary-nav .brands-sub > li .brandsicon p b {
  font-weight: bold;
  font-size: .9rem;
  display: block;
  text-transform: uppercase;
  text-align: left;
}

@media (min-width: 1170px) {
  .cd-primary-nav .brands-sub > li {
    overflow: hidden;
  }
  .cd-primary-nav .brands-sub > li .innersubtitle {
    font-size: .75rem;
  }
  .cd-primary-nav .brands-sub > li .brandsicon {
    height: auto;
    line-height: 1.4;
    position: relative;
    width: 13.9%;
    display: inline-block;
  }
  .cd-primary-nav .brands-sub > li .brandsicon p {
    color: #fff;
    text-transform: none;
  }
  .cd-primary-nav .brands-sub > li .brandsicon p b {
    font-weight: bold;
    font-size: .85rem;
    display: block;
    text-transform: uppercase;
  }
  .cd-primary-nav .brands-sub > li a {
    text-align: left;
  }
  .cd-primary-nav .brands-sub > li:nth-child(n+3) {
    width: 100% !important;
  }
}

@media (min-width: 1540px) {
  .cd-primary-nav .brands-sub > li .innersubtitle {
    font-size: .75rem;
  }
  .cd-primary-nav .brands-sub > li .innersubtitle.brandsubtitle {
    display: inline-block;
    text-transform: none;
    width: 12.5%;
    margin-bottom: 0;
  }
  .cd-primary-nav .brands-sub > li .innersubtitle.brandsubtitle.firstlist {
    width: 38.3%;
  }
  .cd-primary-nav .brands-sub > li .brandsicon {
    height: auto;
    line-height: 1.4;
    position: relative;
    width: 12.5%;
    display: inline-block;
  }
  .cd-primary-nav .brands-sub > li .brandsicon p {
    color: #fff;
    text-transform: none;
  }
  .cd-primary-nav .brands-sub > li .brandsicon p b {
    font-weight: bold;
    font-size: .85rem;
    display: block;
    text-transform: uppercase;
  }
}

@media (min-width: 1440px) {
  .cd-primary-nav .brands-sub > li {
    overflow: hidden;
  }
  .cd-primary-nav .brands-sub > li .sub-menu li:nth-child(n+3) a p b {
    padding-right: 50px;
  }
}

@media only screen and (min-width: 1170px) {
  .investor-sub {
    background: rgba(253, 185, 52, 0.9) !important;
  }
}


.has-children.investor:hover .investor-sub {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

.investor .secondary-standardnav .innertitle a {
  color: #F7941E;
  font-weight: bold;
}

.investor .secondary-standardnav .sub-menu .innertitle a {
  color: rgba(0, 0, 0, 0.3) !important;
  font-weight: bold;
}

@media (min-width: 1170px) {
  .cd-primary-nav .investor-sub > li {
    width: 25%;
    overflow: hidden;
  }
  .cd-primary-nav .investor-sub > li .halfcol {
    display: inline-block;
    width: 40%;
    vertical-align: top;
  }
  .cd-primary-nav .investor-sub > li a {
    text-align: left;
  }
  .cd-primary-nav .investor-sub > li:nth-child(3) {
    width: 100% !important;
  }
}

@media only screen and (min-width: 1170px) {
  .sustainability-sub {
    background: rgba(247, 148, 30, 0.9) !important;
  }
}

.has-children.sustainability:hover .sustainability-sub {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

.sustainability .secondary-standardnav .innertitle a {
  color: #F7941E;
  font-weight: bold;
}

.sustainability .secondary-standardnav .sub-menu .innertitle a {
  color: rgba(0, 0, 0, 0.3) !important;
  font-weight: bold;
}

@media (min-width: 1170px) {
  .cd-primary-nav .sustainability-sub > li {
    width: 25%;
    overflow: hidden;
  }
  .cd-primary-nav .sustainability-sub > li .halfcol {
    display: inline-block;
    width: 40%;
    vertical-align: top;
  }
  .cd-primary-nav .sustainability-sub > li a {
    text-align: left;
  }
  .cd-primary-nav .sustainability-sub > li:nth-child(3) {
    width: 100% !important;
  }
}

@media only screen and (min-width: 1170px) {
  .medias-sub {
    background: rgba(241, 90, 34, 0.9) !important;
  }
}

.has-children.medias:hover .medias-sub {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

.medias .secondary-standardnav .innertitle a {
  color: #F15A22;
  font-weight: bold;
}

.medias .secondary-standardnav .sub-menu .innertitle a {
  color: rgba(0, 0, 0, 0.35);
  font-weight: bold;
}

@media (min-width: 1170px) {
  .cd-primary-nav .medias-sub > li {
    width: 18%;
    overflow: hidden;
  }
  .cd-primary-nav .medias-sub > li .halfcol {
    display: inline-block;
    width: 40%;
    vertical-align: top;
  }
  .cd-primary-nav .medias-sub > li a {
    text-align: left;
  }
  .cd-primary-nav .medias-sub > li:nth-child(3) {
    width: 100% !important;
  }
}

@media only screen and (min-width: 1170px) {
  .talent-sub {
    background: rgba(123, 62, 128, 0.9) !important;
  }
}

.has-children.talent:hover .talent-sub {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

.talent .secondary-standardnav .innertitle a {
  color: #7B1B67;
  font-weight: bold;
}

.talent .secondary-standardnav .sub-menu .innertitle a {
  color: rgba(0, 0, 0, 0.35);
  font-weight: bold;
}

@media (min-width: 1170px) {
  .cd-primary-nav .talent-sub > li {
    width: 35%;
    overflow: hidden;
  }
  .cd-primary-nav .talent-sub > li a {
    text-align: left;
  }
  .cd-primary-nav .talent-sub > li:nth-child(3) {
    width: 100% !important;
  }
  .cd-primary-nav .talent-sub > li:nth-child(4) {
    width: 11.5%;
  }
  .cd-primary-nav .talent-sub > li:nth-child(5) {
    width: 29.5%;
  }
}

.social-nav {
  display: none;
}

@media only screen and (min-width: 1170px) {
  .social-nav {
    display: block;
    width: auto !important;
    position: absolute;
    padding: 0 1rem;
    background: transparent !important;
  }
  .social-nav li {
    list-style: none;
  }
  .social-nav li a {
    font-size: 1.1rem;
    padding: .2rem 1.1rem;
    color: #fff;
  }
  .social-nav li a:hover {
    color: #c40d42;
  }
}

@media only screen and (min-width: 1366px) {
  .social-nav {
    display: block;
    width: auto !important;
    position: absolute;
    padding: 0 1rem;
    background: #164396;
  }
  .social-nav li {
    list-style: none;
  }
  .social-nav li a {
    font-size: 1.1rem;
    padding: .2rem .5rem;
    color: #fff;
  }
  .social-nav li a:hover {
    color: #c40d42;
  }
}

#mainNav.navbar-shrink, #mainNav.navbar-hovershrink, #mainNav.navbar-searchshrink, #mainNav.static-light {
  border-color: rgba(34, 34, 34, 0.1);
  background-color: white;
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
}

#mainNav.navbar-shrink .cd-search-trigger::before, #mainNav.navbar-hovershrink .cd-search-trigger::before, #mainNav.navbar-searchshrink .cd-search-trigger::before, #mainNav.static-light .cd-search-trigger::before {
  border: 2px solid #2e3233;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#mainNav.navbar-shrink .cd-search-trigger::after, #mainNav.navbar-hovershrink .cd-search-trigger::after, #mainNav.navbar-searchshrink .cd-search-trigger::after, #mainNav.static-light .cd-search-trigger::after {
  background: #2e3233;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#mainNav.navbar-shrink .cd-search-trigger span::before, #mainNav.navbar-shrink .cd-search-trigger span::after, #mainNav.navbar-hovershrink .cd-search-trigger span::before, #mainNav.navbar-hovershrink .cd-search-trigger span::after, #mainNav.navbar-searchshrink .cd-search-trigger span::before, #mainNav.navbar-searchshrink .cd-search-trigger span::after, #mainNav.static-light .cd-search-trigger span::before, #mainNav.static-light .cd-search-trigger span::after {
  background: #2e3233;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#mainNav.navbar-shrink ul.mainlist-nav > li, #mainNav.navbar-hovershrink ul.mainlist-nav > li, #mainNav.navbar-searchshrink ul.mainlist-nav > li, #mainNav.static-light ul.mainlist-nav > li {
  list-style: none;
  font-size: 1rem;
  text-transform: uppercase;
}

#mainNav.navbar-shrink ul.mainlist-nav > li > a, #mainNav.navbar-hovershrink ul.mainlist-nav > li > a, #mainNav.navbar-searchshrink ul.mainlist-nav > li > a, #mainNav.static-light ul.mainlist-nav > li > a {
  color: #333333;
}

@media only screen and (min-width: 1170px) {
  #mainNav.navbar-shrink ul.mainlist-nav > li.ourbusiness a.active, #mainNav.navbar-hovershrink ul.mainlist-nav > li.ourbusiness a.active, #mainNav.navbar-searchshrink ul.mainlist-nav > li.ourbusiness a.active, #mainNav.static-light ul.mainlist-nav > li.ourbusiness a.active {
    color: #164396;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li.brands a.active, #mainNav.navbar-hovershrink ul.mainlist-nav > li.brands a.active, #mainNav.navbar-searchshrink ul.mainlist-nav > li.brands a.active, #mainNav.static-light ul.mainlist-nav > li.brands a.active {
    color: #c40d42;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li.investors a.active, #mainNav.navbar-hovershrink ul.mainlist-nav > li.investors a.active, #mainNav.navbar-searchshrink ul.mainlist-nav > li.investors a.active, #mainNav.static-light ul.mainlist-nav > li.investors a.active {
    color: #FDB934;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li.sustainability a.active, #mainNav.navbar-hovershrink ul.mainlist-nav > li.sustainability a.active, #mainNav.navbar-searchshrink ul.mainlist-nav > li.sustainability a.active, #mainNav.static-light ul.mainlist-nav > li.sustainability a.active {
    color: #F7941E;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li.medias a.active, #mainNav.navbar-hovershrink ul.mainlist-nav > li.medias a.active, #mainNav.navbar-searchshrink ul.mainlist-nav > li.medias a.active, #mainNav.static-light ul.mainlist-nav > li.medias a.active {
    color: #F15A22;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li.talent a.active, #mainNav.navbar-hovershrink ul.mainlist-nav > li.talent a.active, #mainNav.navbar-searchshrink ul.mainlist-nav > li.talent a.active, #mainNav.static-light ul.mainlist-nav > li.talent a.active {
    color: #7B1B67;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li.contactus a.active, #mainNav.navbar-hovershrink ul.mainlist-nav > li.contactus a.active, #mainNav.navbar-searchshrink ul.mainlist-nav > li.contactus a.active, #mainNav.static-light ul.mainlist-nav > li.contactus a.active {
    color: #EE3E80;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li:hover:first-child > a, #mainNav.navbar-hovershrink ul.mainlist-nav > li:hover:first-child > a, #mainNav.navbar-searchshrink ul.mainlist-nav > li:hover:first-child > a, #mainNav.static-light ul.mainlist-nav > li:hover:first-child > a {
    color: #164396;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li:hover:nth-child(2) > a, #mainNav.navbar-hovershrink ul.mainlist-nav > li:hover:nth-child(2) > a, #mainNav.navbar-searchshrink ul.mainlist-nav > li:hover:nth-child(2) > a, #mainNav.static-light ul.mainlist-nav > li:hover:nth-child(2) > a {
    color: #c40d42;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li:hover:nth-child(3) > a, #mainNav.navbar-hovershrink ul.mainlist-nav > li:hover:nth-child(3) > a, #mainNav.navbar-searchshrink ul.mainlist-nav > li:hover:nth-child(3) > a, #mainNav.static-light ul.mainlist-nav > li:hover:nth-child(3) > a {
    color: #FDB934;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li:hover:nth-child(4) > a, #mainNav.navbar-hovershrink ul.mainlist-nav > li:hover:nth-child(4) > a, #mainNav.navbar-searchshrink ul.mainlist-nav > li:hover:nth-child(4) > a, #mainNav.static-light ul.mainlist-nav > li:hover:nth-child(4) > a {
    color: #F7941E;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li:hover:nth-child(5) > a, #mainNav.navbar-hovershrink ul.mainlist-nav > li:hover:nth-child(5) > a, #mainNav.navbar-searchshrink ul.mainlist-nav > li:hover:nth-child(5) > a, #mainNav.static-light ul.mainlist-nav > li:hover:nth-child(5) > a {
    color: #F15A22;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li:hover:nth-child(6) > a, #mainNav.navbar-hovershrink ul.mainlist-nav > li:hover:nth-child(6) > a, #mainNav.navbar-searchshrink ul.mainlist-nav > li:hover:nth-child(6) > a, #mainNav.static-light ul.mainlist-nav > li:hover:nth-child(6) > a {
    color: #7B1B67;
  }
  #mainNav.navbar-shrink ul.mainlist-nav > li:hover:nth-child(7) > a, #mainNav.navbar-hovershrink ul.mainlist-nav > li:hover:nth-child(7) > a, #mainNav.navbar-searchshrink ul.mainlist-nav > li:hover:nth-child(7) > a, #mainNav.static-light ul.mainlist-nav > li:hover:nth-child(7) > a {
    color: #EE3E80;
  }
}

#mainNav.navbar-shrink ul.mainlist-nav li, #mainNav.navbar-hovershrink ul.mainlist-nav li, #mainNav.navbar-searchshrink ul.mainlist-nav li, #mainNav.static-light ul.mainlist-nav li {
  list-style: none;
}

@media only screen and (min-width: 1170px) {
  #mainNav.navbar-shrink ul.mainlist-nav li .sub-menu, #mainNav.navbar-hovershrink ul.mainlist-nav li .sub-menu, #mainNav.navbar-searchshrink ul.mainlist-nav li .sub-menu, #mainNav.static-light ul.mainlist-nav li .sub-menu {
    padding: 0;
  }
}

#mainNav.navbar-shrink ul.mainlist-nav li .sub-menu li, #mainNav.navbar-hovershrink ul.mainlist-nav li .sub-menu li, #mainNav.navbar-searchshrink ul.mainlist-nav li .sub-menu li, #mainNav.static-light ul.mainlist-nav li .sub-menu li {
  text-transform: none;
  font-size: 0.875rem;
}

#mainNav.navbar-shrink ul.mainlist-nav li .sub-menu li a, #mainNav.navbar-hovershrink ul.mainlist-nav li .sub-menu li a, #mainNav.navbar-searchshrink ul.mainlist-nav li .sub-menu li a, #mainNav.static-light ul.mainlist-nav li .sub-menu li a {
  color: #fff;
}

#mainNav.navbar-shrink .social-nav, #mainNav.navbar-hovershrink .social-nav, #mainNav.navbar-searchshrink .social-nav, #mainNav.static-light .social-nav {
  display: block;
  width: auto !important;
  position: absolute;
  padding: 0 1rem;
  background: transparent;
}

#mainNav.navbar-shrink .social-nav li, #mainNav.navbar-hovershrink .social-nav li, #mainNav.navbar-searchshrink .social-nav li, #mainNav.static-light .social-nav li {
  list-style: none;
}

#mainNav.navbar-shrink .social-nav li a, #mainNav.navbar-hovershrink .social-nav li a, #mainNav.navbar-searchshrink .social-nav li a, #mainNav.static-light .social-nav li a {
  font-size: 1.1rem;
  padding: .2rem 1.1rem;
  color: #333333;
}

#mainNav.navbar-shrink .social-nav li a:hover, #mainNav.navbar-hovershrink .social-nav li a:hover, #mainNav.navbar-searchshrink .social-nav li a:hover, #mainNav.static-light .social-nav li a:hover {
  color: #c40d42;
}

/*#mainNav.navbar-shrink .navbar-brand {
  color: #222222;
}
#mainNav.navbar-shrink .navbar-brand:hover, #mainNav.navbar-shrink .navbar-brand:focus {
  color: #fdcc52;
}
#mainNav.navbar-shrink .navbar-nav > li > a,
#mainNav.navbar-shrink .navbar-nav > li > a:focus {
  color: #222222;
}
#mainNav.navbar-shrink .navbar-nav > li > a:hover,
#mainNav.navbar-shrink .navbar-nav > li > a:focus:hover {
  color: #fdcc52;
}
*/
#mainNav.static-light .moblogo {
  display: none;
  visibility: hidden;
}

#mainNav.static-light .cd-nav-trigger span, #mainNav.static-light .cd-nav-trigger span::before, #mainNav.static-light .cd-nav-trigger span::after {
  background: #164396;
}

#mainNav.static-light .cd-nav-trigger.nav-is-visible span {
  background: #fff;
}

#mainNav.static-light .cd-nav-trigger.nav-is-visible span::before, #mainNav.static-light .cd-nav-trigger.nav-is-visible span::after {
  background: #164396;
}

/*Floating Button*/
#floating-contact ul {
  /* mobile first */
  position: fixed;
  width: 90%;
  max-width: 400px;
  right: 5%;
  bottom: 20px;
  border-radius: 0.25em;
  box-shadow: 0 0 10px rgba(232, 74, 100, 0.4);
  background: white;
  visibility: hidden;
  overflow: hidden;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
  transition: transform 0.3s, visibility 0s 0.3s;
}

#floating-contact ul li {
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#floating-contact ul.is-visible {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
  transition: transform 0.3s, visibility 0s 0s;
}

#floating-contact ul.is-visible li:nth-child(1) {
  /* list items animation */
  -webkit-animation: cd-slide-in 0.2s;
  -moz-animation: cd-slide-in 0.2s;
  animation: cd-slide-in 0.2s;
}

#floating-contact ul.is-visible li:nth-child(2) {
  -webkit-animation: cd-slide-in 0.3s;
  -moz-animation: cd-slide-in 0.3s;
  animation: cd-slide-in 0.3s;
}

#floating-contact ul.is-visible li:nth-child(3) {
  -webkit-animation: cd-slide-in 0.4s;
  -moz-animation: cd-slide-in 0.4s;
  animation: cd-slide-in 0.4s;
}

#floating-contact ul.is-visible li:nth-child(4) {
  -webkit-animation: cd-slide-in 0.5s;
  -moz-animation: cd-slide-in 0.5s;
  animation: cd-slide-in 0.5s;
}

#floating-contact ul.is-visible li:nth-child(5) {
  -webkit-animation: cd-slide-in 0.6s;
  -moz-animation: cd-slide-in 0.6s;
  animation: cd-slide-in 0.6s;
}

#floating-contact li a {
  display: block;
  padding: 1.6em;
  border-bottom: 1px solid #eff2f6;
}

#floating-contact li:last-child a {
  border-bottom: none;
}

@media only screen and (min-width: 1170px) {
  #floating-contact ul {
    display: none;
  }
  #floating-contact li {
    display: inline-block;
  }
  #floating-contact li a {
    opacity: 1;
    padding: .4em;
    margin-left: 1.6em;
    border-bottom: none;
  }
  #floating-contact li a:hover {
    color: #00bd9b;
  }
  #floating-contact.is-fixed ul {
    /* when the user scrolls down, the navigation moves to the bottom right in Fixed position - as on touch devices */
    display: block;
    position: fixed;
    width: 90%;
    max-width: 400px;
    bottom: 20px;
    top: auto;
    background: white;
    visibility: hidden;
    box-shadow: 0 0 10px rgba(232, 74, 100, 0.4);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  #floating-contact.is-fixed ul li {
    display: block;
  }
  #floating-contact.is-fixed ul li a {
    padding: 1.6em;
    margin-left: 0;
    border-bottom: 1px solid #eff2f6;
  }
  #floating-contact ul.has-transitions {
    /* this class is used to bring back transitions when the navigation moves at the bottom right */
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
    transition: transform 0.3s, visibility 0s 0.3s;
  }
  #floating-contact ul.is-visible {
    /* this class is used to bring back the navigation animation - as on touch devices */
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
    transition: transform 0.3s, visibility 0s 0s;
  }
  #floating-contact ul.is-hidden {
    /* this class is used to animate the scale down the navigation when the user scrolls down with the navigation still open */
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
}

.floating-nav-trigger,
.chatboxgeneral {
  position: fixed;
  bottom: 20px;
  right: 1.5rem;
  /*width: 44px;
  height: 44px;
  background: white;
  border-radius: 0.25em;
  box-shadow: 0 0 10px rgba(232, 74, 100, 0.4);*/
  /* image replacement */
  overflow: hidden;
  /*text-indent: 100%;*/
  white-space: nowrap;
  z-index: 105;
}

@media (max-width: 991.98px) {
  .floating-nav-trigger,
  .chatboxgeneral {
    bottom: 0;
    right: 0;
  }
}

.floating-nav-trigger img,
.chatboxgeneral img {
  width: 100px;
}

@media (max-width: 991.98px) {
  .floating-nav-trigger img,
  .chatboxgeneral img {
    width: 80px;
  }
}

.floating-nav-trigger span,
.chatboxgeneral span {
  /* the span element is used to create the menu icon */
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: #e84a64;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}

.floating-nav-trigger span::before,
.chatboxgeneral span::before, .floating-nav-trigger span::after,
.chatboxgeneral span::after {
  content: '';
  position: absolute;
  left: 0;
  background: inherit;
  width: 100%;
  height: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, background 0s;
  -moz-transition: -moz-transform 0.3s, background 0s;
  transition: transform 0.3s, background 0s;
}

.floating-nav-trigger span::before,
.chatboxgeneral span::before {
  top: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.floating-nav-trigger span::after,
.chatboxgeneral span::after {
  bottom: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.floating-nav-trigger.menu-is-open {
  box-shadow: none;
}

.floating-nav-trigger.menu-is-open span {
  background: rgba(232, 74, 100, 0);
}

.floating-nav-trigger.menu-is-open span::before, .floating-nav-trigger.menu-is-open span::after {
  background: #e84a64;
}

.floating-nav-trigger.menu-is-open span::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.floating-nav-trigger.menu-is-open span::after {
  bottom: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}

.floating-nav-trigger {
  /* the the menu triger is hidden by default on desktop devices */
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
  transition: transform 0.3s, visibility 0s 0.3s;
  z-index: 10;
}

.is-fixed .floating-nav-trigger {
  visibility: visible;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-animation: cd-bounce-in 0.3s linear;
  -moz-animation: cd-bounce-in 0.3s linear;
  animation: cd-bounce-in 0.3s linear;
  z-index: 10;
}

@media only screen and (min-width: 1170px) {
  .floating-nav-trigger {
    /* the the menu triger is hidden by default on desktop devices */
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
    transition: transform 0.3s, visibility 0s 0.3s;
  }
  .is-fixed .floating-nav-trigger {
    visibility: visible;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation: cd-bounce-in 0.3s linear;
    -moz-animation: cd-bounce-in 0.3s linear;
    animation: cd-bounce-in 0.3s linear;
  }
}

#cd-gallery-items li {
  margin-bottom: 1.5em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.25em;
}

#cd-gallery-items li img {
  width: 100%;
  display: block;
  border-radius: 0.25em;
}

@media only screen and (min-width: 768px) {
  #cd-gallery-items li {
    width: 48%;
    float: left;
    margin-bottom: 2em;
    margin-right: 4%;
  }
  #cd-gallery-items li:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1170px) {
  #cd-gallery-items li {
    width: 31%;
    float: left;
    margin-bottom: 2.5em;
    margin-right: 3.5%;
  }
  #cd-gallery-items li:nth-child(2n) {
    margin-right: 3.5%;
  }
  #cd-gallery-items li:nth-child(3n) {
    margin-right: 0;
  }
}

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

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

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

@-webkit-keyframes cd-bounce-in {
  0% {
    -webkit-transform: scale(0);
  }
  60% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes cd-bounce-in {
  0% {
    -moz-transform: scale(0);
  }
  60% {
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}

@keyframes cd-bounce-in {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.floatingbottom {
  background: transparent !important;
  width: 100% !important;
  height: 558px !important;
  right: 0 !important;
  bottom: -18px !important;
  z-index: 999 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 767.98px) {
  .floatingbottom {
    right: 0 !important;
  }
}

.floatingbottom .floating-nav-trigger, .floatingbottom .chatboxgeneral {
  width: 95%;
  margin-right: 0 !important;
}

@media (max-width: 767.98px) {
  .floatingbottom .floating-nav-trigger, .floatingbottom .chatboxgeneral {
    margin: 0 auto !important;
  }
}

.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block;
}

.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden;
}

.slick-dots li button:before, .slick-next:before, .slick-prev:before {
  font-family: slick;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after, .slick-track:before {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-dots, .slick-next, .slick-prev {
  position: absolute;
  display: block;
  padding: 0;
}

.slick-loading .slick-list {
  background: #fff;
}

@font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal;
  src: url(fonts/slick.eot);
  src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
}

.slick-next, .slick-prev {
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0;
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: .25;
}

.slick-next:before, .slick-prev:before {
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

.slick-next:before, [dir=rtl] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

[dir=rtl] .slick-next:before {
  content: '←';
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  bottom: -25px;
  width: 100%;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: 0;
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #000;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000;
}

.generalmodal#videomodal .modal-dialog .modal-content .xbtncover {
  width: 2em;
  height: 2em;
  position: absolute !important;
  left: 0;
  top: -2em;
  cursor: pointer;
  z-index: 2;
}

.generalmodal .modal-dialog .modal-content .xbtncover {
  width: 2em;
  height: 2em;
  position: absolute !important;
  left: 1.2em;
  top: 1.5em;
  cursor: pointer;
  z-index: 2;
}

.generalmodal .modal-dialog .modal-content .xbtn {
  position: absolute !important;
  z-index: 1;
  width: 100%;
}

.generalmodal#videomodal .modal-dialog {
  max-width: 1080px;
  width: 100%;
}

@media (min-width: 992px) {
  .generalmodal#videomodal .modal-dialog {
    min-width: 980px;
  }
}

@media (min-width: 1200px) {
  .generalmodal#videomodal .modal-dialog {
    min-width: 1100px;
  }
}

@media (min-width: 1600px) {
  .generalmodal#videomodal .modal-dialog {
    min-width: 1500px;
  }
}

@media (min-width: 1700px) {
  .generalmodal#videomodal .modal-dialog {
    min-width: 1650px;
  }
}

.generalmodal .modal-dialog .modal-body {
  background: #f7fcfe;
  padding: 15px;
}

.generalmodal#videomodal .modal-dialog .modal-body {
  padding: 0;
  background: transparent;
}

#videomodal #youtube-iframe {
  height: 300px;
}

@media (min-width: 992px) {
  #videomodal #youtube-iframe {
    height: 580px;
  }
}

@media (min-width: 1200px) {
  #videomodal #youtube-iframe {
    height: 580px;
  }
}

@media (min-width: 1600px) {
  #videomodal #youtube-iframe {
    height: 768px;
  }
}

@media (min-width: 1700px) {
  #videomodal #youtube-iframe {
    height: 980px;
  }
}

.generalmodal .modal-dialog .modal-body .copycontent {
  padding: 45px 50px 25px;
}

@media (max-width: 767.98px) {
  .generalmodal .modal-dialog .modal-body .copycontent {
    padding: 45px 20px 25px;
  }
}

.generalmodal#videomodal .modal-dialog .modal-content {
  background: transparent;
  box-shadow: none;
  border: 0;
  margin-top: 20px;
}

.generalmodal#videomodal .modal-dialog .modal-body .copycontent {
  padding: 0;
}

@media (max-width: 767.98px) {
  .generalmodal#videomodal .modal-dialog .modal-body .copycontent {
    padding: 0;
  }
}

.maincover {
  width: 100%;
}

.maincover .learnmore {
  position: absolute;
  bottom: 2.5rem;
  left: 0;
  right: 0;
  z-index: 100;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  height: 40px;
}

@media (min-width: 992px) {
  .maincover .learnmore {
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    z-index: 100;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    width: 480px;
    height: 40px;
  }
}

.maincover .learnmore a {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .8rem;
}

.maincover .learnmore a img {
  margin-top: 8px;
  width: 20px;
}

@media (max-width: 991.98px) {
  .maincover .learnmore a {
    float: right;
    padding-right: 1rem;
    font-size: .875em;
  }
  .maincover .learnmore a img {
    margin-top: 8px;
    width: 18px;
  }
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  60% {
    -moz-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  60% {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  60% {
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}

.maincover .bounce {
  -moz-animation: bounce 2.5s infinite;
  -webkit-animation: bounce 2.5s infinite;
  animation: bounce 2.5s infinite;
}

#text-cover {
  height: auto;
  position: absolute;
  height: 100vh;
  width: 100%;
  z-index: 99;
  margin-bottom: 0;
}

#text-cover .slide {
  position: relative;
  height: 100vh;
}

#text-cover .slide .text-cover {
  position: absolute;
  width: 90%;
  margin: 0 auto;
  top: 34%;
  transform: translate(0, -34%);
  text-align: center;
  left: 0;
  right: 0;
  z-index: 99;
}

@media (min-width: 768px) {
  #text-cover .slide .text-cover {
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
  }
}

#text-cover .slick-dots {
  position: absolute;
  bottom: 40px;
  left: 2rem;
  display: block;
  width: 80%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}

@media (max-width: 991.98px) {
  #text-cover .slick-dots {
    left: 1rem;
    bottom: 3.5rem;
  }
}

#text-cover .slick-dots li {
  position: relative;
  display: inline-block;
  width: 1.563rem;
  height: 1.563rem;
  margin: 0 8px;
  padding: 0;
  cursor: pointer;
}

@media (max-width: 991.98px) {
  #text-cover .slick-dots li {
    margin: 0 3px;
  }
}

#text-cover .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 1.563rem;
  height: 1.563rem;
  padding: 0;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
  opacity: 1;
  color: transparent;
  border: 0;
  outline: none;
  background: #fff;
  background: url(../img/icon/arrow-right-outline.svg) center left no-repeat;
}

@media (max-width: 991.98px) {
  #text-cover .slick-dots li button {
    width: 20px;
  }
}

#text-cover .slick-dots li.slick-active button {
  opacity: 1;
  background: url(../img/icon/arrow-right.svg) center left no-repeat;
}

#text-cover .slick-dots li button:hover,
#text-cover .slick-dots li button:focus {
  outline: none;
}

#text-cover .slick-dots li button:hover:before,
#text-cover .slick-dots li button:focus:before {
  opacity: 1;
}

#text-cover .slick-dots li button:before {
  font-family: 'slick';
  font-size: 0;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  content: '•';
  text-align: center;
  opacity: 1;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#text-cover .slick-prev.slick-disabled:before,
#text-cover .slick-next.slick-disabled:before {
  display: none;
}

@media (max-width: 991.98px) {
  #text-cover .slick-list {
    padding: 0 !important;
  }
}

.keylineprism {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: url(../img/icon/prism-mob.png) left bottom no-repeat;
  background-size: 100%;
  z-index: 1;
}

@media (min-width: 768px) {
  .keylineprism {
    background: url(../img/icon/prism.png) center center;
    background-size: cover;
  }
}

.keylineprism.pagenotfound {
  position: relative;
  z-index: 0;
  height: 100%;
  padding: 13rem 1rem 18rem !important;
  margin-bottom: -7rem !important;
}

@media (min-width: 768px) {
  .keylineprism.pagenotfound {
    height: 100vh;
    padding-top: 17rem !important;
    margin-bottom: -9rem !important;
  }
}

.keylineprism.tqpages {
  position: relative;
  z-index: 0;
  height: 100%;
  padding: 11rem 1rem 20rem !important;
  margin-bottom: -5rem;
}

@media (min-width: 768px) {
  .keylineprism.tqpages {
    padding: 15rem 1rem 18rem !important;
    margin-bottom: -7rem;
  }
}

#topbanner {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

#topbanner .slide {
  position: relative;
  height: 100vh;
}

#topbanner .banner01 {
  background: url(../img/slider/better-tomorrow.jpg) center center no-repeat;
  background-size: cover;
}

#topbanner .banner02 {
  background: url(../img/slider/leading-the-way-mob.gif) center center no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  #topbanner .banner02 {
    background: url(../img/slider/leading-the-way.gif) center center no-repeat;
    background-size: cover;
  }
}

#topbanner .banner03 {
  background: url(../img/slider/digital-champion-mob.gif) center center no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  #topbanner .banner03 {
    background: url(../img/slider/digital-champion.gif) center center no-repeat;
    background-size: cover;
  }
}

#topbanner .banner04 {
  background: url(../img/slider/way-of-life-mob.gif) center center no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  #topbanner .banner04 {
    background: url(../img/slider/way-of-life.gif) center center no-repeat;
    background-size: cover;
  }
}

section.latest-stories {
  position: relative;
  background: #f4f4f4;
}

section.latest-stories .shadow-cover {
  position: absolute;
  right: 0;
  z-index: 1;
  width: 140px;
  height: 100%;
  border: none;
  background: white;
  background: -moz-linear-gradient(90deg, rgba(244, 244, 244, 0) 0%, #f4f4f4 90%);
  background: -webkit-linear-gradient(90deg, rgba(244, 244, 244, 0) 0%, #f4f4f4 90%);
  background: linear-gradient(90deg, rgba(244, 244, 244, 0) 0%, #f4f4f4 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f4f4",endColorstr="#f4f4f4",GradientType=1);
}

@media (max-width: 991.98px) {
  section.latest-stories .shadow-cover {
    display: none;
  }
}

section.latest-stories #lateststories {
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

@media (min-width: 992px) {
  section.latest-stories #lateststories .slick-list {
    padding-right: 120px !important;
  }
}

section.latest-stories #lateststories .news-cover {
  position: relative;
}

@media (max-width: 767.98px) {
  section.latest-stories #lateststories .news-cover {
    margin: 0 -7.5px;
  }
}

section.latest-stories #lateststories .news-cover img {
  width: 100%;
  border: 1px solid #ccc;
}

section.latest-stories #lateststories .news-cover a img {
  border: 0;
}

section.latest-stories #lateststories .news-cover .socialcover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 10;
}

section.latest-stories #lateststories .news-cover ul.socialicon {
  display: inline-block;
  list-style: none;
  z-index: 5;
  position: absolute;
  top: -40px;
  right: 15px;
  z-index: 10;
}

section.latest-stories #lateststories .news-cover ul.socialicon li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

section.latest-stories #lateststories .news-cover ul.socialicon li:first-child a {
  background: #3c5a99;
}

section.latest-stories #lateststories .news-cover ul.socialicon li:nth-child(2) a {
  background: #1ba1f3;
}

section.latest-stories #lateststories .news-cover ul.socialicon li:nth-child(3) a {
  background: #0077b5;
}

section.latest-stories #lateststories .news-cover ul.socialicon li:last-child a {
  background: #c40d42;
}

section.latest-stories #lateststories .news-cover ul.socialicon li a {
  width: 2rem;
  height: 2rem;
  border-radius: 20px;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 2.3rem;
  color: #fff;
  display: inline-block;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

section.latest-stories #lateststories .news-cover .newsdetails {
  position: relative;
  padding: 1.3rem 0 0;
}

section.latest-stories #lateststories .news-cover .newsdetails h4 {
  color: #164396;
  font-size: .7rem;
  display: inline-block;
}

section.latest-stories #lateststories .news-cover .newsdetails .date {
  font-size: .7rem;
  display: inline-block;
}

section.latest-stories #lateststories .news-cover .newsdetails a {
  display: inline-block;
  font-size: .72rem;
  vertical-align: top;
  margin-left: .7rem;
  color: #333333;
}

section.latest-stories #lateststories .news-cover .newsdetails a img {
  display: inline-block;
}

section.latest-stories #lateststories .news-cover .newsdetails a:focus {
  outline: none !important;
  border: 0 !important;
}

section.latest-stories #lateststories .news-cover .textcaption {
  position: relative;
  padding: .5rem 0;
}

section.latest-stories #lateststories .news-cover .textcaption h3 {
  color: #333333;
  text-transform: none;
  font-size: .9rem;
  margin-bottom: .3rem;
  text-align: left;
}

section.latest-stories #lateststories .news-cover .textcaption p {
  color: #333333;
  line-height: 1.2;
  font-size: 0.81rem;
  font-weight: 300;
  text-align: left;
}

section.latest-stories #lateststories .news-cover .textcaption p a {
  color: #164396;
  text-decoration: underline;
}

section.latest-stories #lateststories .news-cover .textcaption a.readmore {
  display: inline-block;
  color: #164396;
  text-transform: uppercase;
  font-weight: bold;
  margin: .8rem 0 0;
  font-size: 0.7rem;
}

section.latest-stories #lateststories .news-cover .textcaption a.readmore img {
  display: inline-block;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

section.latest-stories #lateststories .news-cover .textcaption a.readmore img.icon-right {
  width: 13px;
  max-width: 15px;
  margin-top: -3px;
  margin-left: 0.3rem;
}

section.latest-stories #lateststories .news-cover .textcaption a.readmore:hover .icon-right {
  -webkit-transform: translateX(0.4em);
  -moz-transform: translateX(0.4em);
  -ms-transform: translateX(0.4em);
  -o-transform: translateX(0.4em);
  transform: translateX(0.4em);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

section.latest-stories .slider-arrow {
  text-align: center;
  margin-top: 35px;
}

@media (min-width: 992px) {
  section.latest-stories .slider-arrow {
    margin-top: 30px;
    padding: 0 5px;
    text-align: left;
  }
}

section.latest-stories .slider-arrow .slider-prev img,
section.latest-stories .slider-arrow .slider-next img {
  width: 60px;
  padding: 0 5px;
}

section.our-strength {
  background: url(../img/background/our-strength-mob.jpg) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  margin-bottom: -1px;
}

@media (min-width: 768px) {
  section.our-strength {
    background: url(../img/background/our-strength.jpg) center center no-repeat;
    background-size: cover;
    min-height: 700px;
  }
}

@media (max-width: 575.98px) {
  section.our-strength {
    padding-bottom: 0;
  }
}

section.our-strength .numbering {
  font-size: 1rem;
  font-weight: 400;
  padding: 1rem .8rem;
}

@media (min-width: 992px) {
  section.our-strength .numbering {
    font-size: 1rem;
    padding: 1.1rem .8rem;
  }
}

section.our-strength .numbering span.counter {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.1;
}

@media (min-width: 992px) {
  section.our-strength .numbering span.counter {
    font-size: 3.8rem;
  }
}

section.our-strength .numbering span.sup {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.1;
  vertical-align: top;
}

@media (min-width: 992px) {
  section.our-strength .numbering span.sup {
    font-size: 1.8rem;
  }
}

section.our-strength .numbering span.tiny {
  font-weight: 300;
  display: block;
  margin-top: -.6rem;
  font-size: .9rem;
}

@media (min-width: 992px) {
  section.our-strength .numbering span.tiny {
    font-size: 1rem;
  }
}

section.our-strength .axiatakeyline img {
  margin: -70px 0 20px -120px;
}

section.triple-core {
  background: url(../img/background/triple-core.jpg) center center no-repeat;
  background-size: cover;
}

section.triple-core .card-flip {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

section.triple-core .card-flip:hover .flip, section.triple-core .card-flip.hover .flip {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

section.triple-core .card-flip,
section.triple-core .front,
section.triple-core .back {
  width: 100%;
  height: auto;
  min-height: 380px;
  margin-bottom: 1.2rem;
}

section.triple-core .flip {
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
}

section.triple-core .front,
section.triple-core .back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

section.triple-core .front .card-block,
section.triple-core .back .card-block {
  text-align: center;
}

section.triple-core .front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

section.triple-core .front .card {
  padding: 1.2rem 1.25rem;
  border-radius: .625rem;
}

section.triple-core .front .card h4 {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 1rem 0;
  text-transform: none;
}

section.triple-core .front .card p {
  font-weight: 300;
  padding: 0;
  min-height: 130px;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.4;
}

section.triple-core .front .card .icon {
  width: 100%;
  max-width: 100px;
}

section.triple-core .back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

section.triple-core .back .card {
  padding: 1.2rem 1.25rem;
  border-radius: .625rem;
}

section.triple-core .back .card h4 {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 1rem 0;
  color: #333333;
  text-transform: none;
}

section.triple-core .back .card p {
  font-weight: 300;
  padding: 0;
  min-height: 130px;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.4;
}

section.triple-core .back .card .icon {
  width: 100%;
  max-width: 100px;
}

section.triple-core .back .card .brand-logo {
  margin: -.39rem 0;
  max-width: 245px;
}

section.triple-core .front01 .card {
  background: #f7931e;
  background: -moz-linear-gradient(180deg, #f7931e 0%, #f04e23 100%);
  background: -webkit-linear-gradient(180deg, #f7931e 0%, #f04e23 100%);
  background: linear-gradient(180deg, #f7931e 0%, #f04e23 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7931e",endColorstr="#f04e23",GradientType=1);
  border: none;
}

section.triple-core .front02 .card {
  background: #b64081;
  background: -moz-linear-gradient(180deg, #b64081 0%, #5f1f70 100%);
  background: -webkit-linear-gradient(180deg, #b64081 0%, #5f1f70 100%);
  background: linear-gradient(180deg, #b64081 0%, #5f1f70 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b64081",endColorstr="#5f1f70",GradientType=1);
  border: none;
}

section.triple-core .front03 .card {
  background: #ed145a;
  background: -moz-linear-gradient(180deg, #ed145a 0%, #af2a47 100%);
  background: -webkit-linear-gradient(180deg, #ed145a 0%, #af2a47 100%);
  background: linear-gradient(180deg, #ed145a 0%, #af2a47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed145a",endColorstr="#af2a47",GradientType=1);
  border: none;
}

section.homeaytp {
  background: url(../img/background/aytp-main-mob.jpg) top center no-repeat;
  background-size: cover;
  padding: 2.5rem 0 25rem;
}

@media (min-width: 576px) {
  section.homeaytp {
    background: url(../img/background/aytp-main.jpg) center center no-repeat;
    background-size: cover;
    padding: 10.625rem 1.25rem;
    /*170px 20px*/
  }
}

@media (max-width: 767.98px) {
  section.homeaytp .general-btn {
    margin-top: 1.4rem !important;
  }
}

@media (min-width: 1600px) {
  section.homeaytp {
    padding: 15.625rem 1.25rem;
    /*250px 20px*/
  }
}

section.homeaytp .general-btn {
  margin-top: 2.7rem;
}

.crossell-cover {
  position: relative;
}

@media (min-width: 1200px) {
  .crossell-cover {
    width: 102%;
    margin: 0 -5px;
  }
}

.crossell-cover img {
  width: 100%;
}

.crossell-cover .crossell-b .textcover {
  padding: 1rem 1.6rem;
}

@media (max-width: 991.98px) {
  .crossell-cover .crossell-b .textcover {
    min-height: 255px;
  }
}

.crossell-cover .crossell-b .textcover h3,
.crossell-cover .crossell-b .textcover p,
.crossell-cover .crossell-b .textcover a {
  text-align: left;
}

.crossell-cover .crossell-b .slide {
  margin: 0 1.7rem;
}

@media (max-width: 991.98px) {
  .crossell-cover .crossell-b .slide {
    margin: 0 1.3rem;
  }
}

.crossell-cover .crossell-b .slick-slide:not(.slick-active) {
  opacity: .4;
}

.crossell-cover .crossell-b .slick-dots {
  position: absolute;
  bottom: -4rem;
  left: auto;
  right: auto;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

@media (max-width: 991.98px) {
  .crossell-cover .crossell-b .slick-dots {
    bottom: -3rem;
  }
}

.crossell-cover .crossell-b .slick-dots li {
  position: relative;
  display: inline-block;
  width: 1.563rem;
  height: 1.563rem;
  margin: 0 8px;
  padding: 0;
  cursor: pointer;
}

@media (max-width: 991.98px) {
  .crossell-cover .crossell-b .slick-dots li {
    margin: 0 3px;
  }
}

.crossell-cover .crossell-b .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 1.563rem;
  height: 1.563rem;
  padding: 0;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
  opacity: 1;
  color: transparent;
  border: 0;
  outline: none;
  background: #fff;
  background: url(../img/icon/arrow-right-outline.svg) center left no-repeat;
}

@media (max-width: 991.98px) {
  .crossell-cover .crossell-b .slick-dots li button {
    width: 1.563rem;
  }
}

.crossell-cover .crossell-b .slick-dots li.slick-active button {
  opacity: 1;
  background: url(../img/icon/arrow-right.svg) center left no-repeat;
}

.crossell-cover .crossell-b .slick-dots li button:hover,
.crossell-cover .crossell-b .slick-dots li button:focus {
  outline: none;
}

.crossell-cover .crossell-b .slick-dots li button:hover:before,
.crossell-cover .crossell-b .slick-dots li button:focus:before {
  opacity: 1;
}

.crossell-cover .crossell-b .slick-dots li button:before {
  font-family: 'slick';
  font-size: 0;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  content: '•';
  text-align: center;
  opacity: 1;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.crossell-cover .crossell-b .slick-prev.slick-disabled:before,
.crossell-cover .crossell-b .slick-next.slick-disabled:before {
  display: none;
}

.crossell-cover .slider-arrow {
  width: 100%;
  top: 45%;
  position: absolute;
}

@media (max-width: 991.98px) {
  .crossell-cover .slider-arrow {
    top: 48%;
  }
}

.crossell-cover .slider-arrow .slider-prev {
  position: absolute;
  left: 11%;
  border: 1px solid #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: .5rem;
  text-align: center;
  line-height: 34px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

@media (max-width: 1199.98px) {
  .crossell-cover .slider-arrow .slider-prev {
    left: 5%;
  }
}

@media (max-width: 767.98px) {
  .crossell-cover .slider-arrow .slider-prev {
    left: -4%;
    background: #164396;
    border-color: #164396;
  }
}

.crossell-cover .slider-arrow .slider-prev:hover {
  background: #164396;
  border-color: #164396;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.crossell-cover .slider-arrow .slider-prev img {
  width: 20px;
  margin-right: 3px;
}

.crossell-cover .slider-arrow .slider-next {
  position: absolute;
  right: 11%;
  border: 1px solid #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: .5rem;
  text-align: center;
  line-height: 34px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

@media (max-width: 1199.98px) {
  .crossell-cover .slider-arrow .slider-next {
    right: 5%;
  }
}

@media (max-width: 767.98px) {
  .crossell-cover .slider-arrow .slider-next {
    right: -4%;
    background: #164396;
    border-color: #164396;
  }
}

.crossell-cover .slider-arrow .slider-next:hover {
  background: #164396;
  border-color: #164396;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.crossell-cover .slider-arrow .slider-next img {
  width: 20px;
  margin-left: 3px;
}

.bannercover {
  padding-bottom: 9.25rem;
}

@media (max-width: 991.98px) {
  .bannercover {
    padding-bottom: 8.25rem;
  }
}

.info-sec {
  height: 100%;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
  position: relative;
}

@media (min-width: 992px) {
  .info-sec {
    height: 100%;
    padding-top: 9.1rem;
    padding-bottom: 9.1rem;
  }
}

.info-sec .maintitle {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  .info-sec .maintitle {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 992px) {
  .info-sec .maintitle {
    text-align: left;
    padding-left: 5rem;
  }
}

@media (min-width: 1600px) {
  .info-sec .maintitle {
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .info-sec .maintitle h2 {
    padding-right: 5.9rem;
  }
}

.info-sec.our-journey {
  background: -webkit-linear-gradient(left, transparent, transparent), url("../img/background/aboutus/our-journey.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, transparent, transparent), url("../img/background/aboutus/our-journey.jpg") no-repeat center center;
  background: -o-linear-gradient(left, transparent, transparent), url("../img/background/aboutus/our-journey.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, transparent, transparent), url("../img/background/aboutus/our-journey.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .info-sec.our-journey {
    background-position: 25% 50%;
  }
}

.info-sec.the-future-is-digital {
  background: -webkit-linear-gradient(left, transparent, transparent), url("../img/background/aboutus/the-future-is-digital.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, transparent, transparent), url("../img/background/aboutus/the-future-is-digital.jpg") no-repeat center center;
  background: -o-linear-gradient(left, transparent, transparent), url("../img/background/aboutus/the-future-is-digital.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, transparent, transparent), url("../img/background/aboutus/the-future-is-digital.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .info-sec.the-future-is-digital {
    background-position: 25% 50%;
  }
}

.info-sec.senior-independent {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/senior-independent-director.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/senior-independent-director.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/senior-independent-director.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/senior-independent-director.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .info-sec.senior-independent {
    background-position: 25% 50%;
  }
}

.info-sec.celcomvideo {
  background: -webkit-linear-gradient(left, transparent, transparent), url("../img/background/brands/celcom-video.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, transparent, transparent), url("../img/background/brands/celcom-video.jpg") no-repeat center center;
  background: -o-linear-gradient(left, transparent, transparent), url("../img/background/brands/celcom-video.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, transparent, transparent), url("../img/background/brands/celcom-video.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .info-sec.celcomvideo {
    background-position: 25% 50%;
  }
}

.info-sec.careerbg {
  background: -webkit-linear-gradient(left, transparent, transparent), url("../img/background/brands/brands-career-banner.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, transparent, transparent), url("../img/background/brands/brands-career-banner.jpg") no-repeat center center;
  background: -o-linear-gradient(left, transparent, transparent), url("../img/background/brands/brands-career-banner.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, transparent, transparent), url("../img/background/brands/brands-career-banner.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .info-sec.careerbg {
    background-position: 25% 50%;
  }
}

.info-sec-imgbg {
  height: 100%;
  padding-top: 4rem;
  padding-bottom: 9rem;
  position: relative;
}

@media (min-width: 992px) {
  .info-sec-imgbg {
    height: 100%;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}

.info-sec-imgbg .maintitle {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  .info-sec-imgbg .maintitle {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 992px) {
  .info-sec-imgbg .maintitle {
    text-align: center;
    padding-left: 5rem;
  }
}

@media (min-width: 1600px) {
  .info-sec-imgbg .maintitle {
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .info-sec-imgbg .maintitle p {
    font-size: .9rem;
  }
}

.info-sec-imgbg.beyondshorterm {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/beyond-shorterm-outcomes.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/beyond-shorterm-outcomes.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/beyond-shorterm-outcomes.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/beyond-shorterm-outcomes.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .info-sec-imgbg.beyondshorterm {
    background-position: 25% 50%;
  }
}

.info-sec-imgbg.nuturingpeople {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nuturing-people-outcomes.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nuturing-people-outcomes.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nuturing-people-outcomes.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nuturing-people-outcomes.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .info-sec-imgbg.nuturingpeople {
    background-position: 25% 50%;
  }
}

.info-sec-imgbg.planetsociety {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/planet-society-outcomes.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/planet-society-outcomes.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/planet-society-outcomes.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/planet-society-outcomes.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .info-sec-imgbg.planetsociety {
    background-position: 25% 50%;
  }
}

.info-sec-imgbg.processexcellence {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/process-excellence-outcomes.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/process-excellence-outcomes.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/process-excellence-outcomes.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/process-excellence-outcomes.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .info-sec-imgbg.processexcellence {
    background-position: 25% 50%;
  }
}

.info-sec-imgbg.malaysia {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/malaysia-value.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/malaysia-value.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/malaysia-value.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/malaysia-value.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .info-sec-imgbg.malaysia {
    background-position: 25% 50%;
  }
}

.info-sec-imgbg .numbering {
  font-size: 1rem;
  font-weight: 400;
  padding: 1rem .8rem;
}

@media (min-width: 992px) {
  .info-sec-imgbg .numbering {
    font-size: 1rem;
    padding: 1.1rem .8rem;
  }
}

.info-sec-imgbg .numbering span.counter {
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 1.1;
}

@media (min-width: 992px) {
  .info-sec-imgbg .numbering span.counter {
    font-size: 4.34rem;
  }
}

.info-sec-imgbg .numbering span.sup {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.1;
  vertical-align: top;
}

@media (min-width: 992px) {
  .info-sec-imgbg .numbering span.sup {
    font-size: 2rem;
  }
}

.info-sec-imgbg .numbering span.noanimted {
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 1.1;
}

@media (min-width: 992px) {
  .info-sec-imgbg .numbering span.noanimted {
    font-size: 4.34rem;
  }
}

.info-sec-imgbg .numbering span.tiny {
  font-weight: 300;
  display: block;
  margin-top: -.6rem;
  font-size: 1rem;
}

@media (min-width: 992px) {
  .info-sec-imgbg .numbering span.tiny {
    font-size: 1.1rem;
  }
}

.info-sec-imgbg .numbering span.tiny + .tiny {
  margin-top: -.3rem;
}

.info-sec-imgbg .numbering span.small {
  font-weight: 400;
  display: inline-block;
  margin-top: -.6rem;
  font-size: 1.1rem;
}

@media (min-width: 992px) {
  .info-sec-imgbg .numbering span.small {
    font-size: 1.3rem;
  }
}

@media (min-width: 992px) {
  .fullcenter .maintitle {
    padding: 0;
  }
}

.fullcenter .maintitle p,
.fullcenter .maintitle h2 {
  text-align: center;
}

@media (min-width: 992px) {
  .fullcenter .maintitle h2 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.fullcenter .maintitle p + a {
  margin-top: 1.6rem;
}

.prism-icon {
  background-image: url(../img/icon/prism-keyline-grey.png);
  background-position: -100px bottom;
  background-repeat: no-repeat;
  background-size: 250px;
}

@media (max-width: 767.98px) {
  .prism-icon {
    background-image: url(../img/icon/prism-keyline-grey-m.png);
    background-position: left bottom;
    background-size: 180px;
  }
  .prism-icon .maintitle {
    padding-bottom: 5rem;
  }
}

@media (min-width: 768px) {
  .prism-icon {
    background-position: -10% bottom;
    background-size: 280px;
  }
}

@media (min-width: 992px) {
  .prism-icon {
    background-position: -10% center;
    background-size: 320px;
  }
}

@media (min-width: 1200px) {
  .prism-icon {
    background-position: -10% center;
    background-size: 390px;
  }
}

@media (min-width: 1600px) {
  .prism-icon {
    background-position: left center;
    background-size: 450px;
  }
}

@media (min-width: 768px) {
  .prism-icon.smaller {
    background-position: -10% bottom;
    background-size: 280px;
  }
}

@media (min-width: 1200px) {
  .prism-icon.smaller {
    background-position: -8% center;
    background-size: 290px;
  }
}

@media (min-width: 1600px) {
  .prism-icon.smaller {
    background-position: left center;
    background-size: 330px;
  }
}

.imgbg-prism-icon {
  background-image: url(../img/icon/prism-keyline-grey.png);
  background-position: -100px bottom;
  background-repeat: no-repeat;
  background-size: 250px;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
}

@media (max-width: 767.98px) {
  .imgbg-prism-icon {
    background-image: url(../img/icon/prism-keyline-grey-m.png);
    background-position: left bottom;
    background-size: 180px;
  }
}

@media (min-width: 768px) {
  .imgbg-prism-icon {
    background-position: -10% bottom;
    background-size: 270px;
  }
}

@media (min-width: 1200px) {
  .imgbg-prism-icon {
    background-position: -7% center;
    background-size: 240px;
  }
}

@media (min-width: 1440px) {
  .imgbg-prism-icon {
    background-position: -9% center;
    background-size: 300px;
  }
}

@media (min-width: 1600px) {
  .imgbg-prism-icon {
    background-position: left center;
    background-size: 300px;
  }
}

.prism-bg {
  height: 100%;
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
  background: url(../img/icon/prism-topright.png), url(../img/icon/prism-bottomleft.png);
  background-position: top right, bottom left;
  background-size: 280px, 280px;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  .prism-bg {
    background-size: 360px, 360px;
  }
}

.prism-semibg {
  height: 100%;
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
  background: url(../img/icon/keyline-semi.png);
  background-position: bottom right;
  background-size: 100%;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .prism-semibg {
    background-size: 70%;
  }
}

@media (min-width: 992px) {
  .prism-semibg {
    background-position: bottom right;
    background-size: 680px;
  }
}

@media (min-width: 1200px) {
  .prism-semibg {
    background-position: bottom right;
    background-size: 780px;
  }
}

.prism-semibg.marbtmn {
  margin-bottom: -3rem;
}

@media (min-width: 768px) {
  .prism-semibg.marbtmn {
    margin-bottom: -2.5rem;
  }
}

.single-slider .profilepic img {
  max-width: 200px;
  margin: 0 auto !important;
  text-align: center !important;
}

@media (min-width: 768px) {
  .single-slider .profilepic img {
    max-width: 320px;
  }
}

.single-slider .items {
  /*blockquote {
		  display:block;
		  padding: 35px 20px 15px;
		  margin: 30px 0 10px;
		  position: relative;
		  text-align: left;
		  font-size: 1.2rem;
		  font-weight: 300;
		  color: #666666;

		  @media (min-width: $min-medium) {
		  	padding: 15px 60px;
		  	font-size: 1.6rem;
		  	margin: 20px 0;
		  }

		  &:before {
		  	content: "\201C"; 
			  font-size: 3.3rem;
			  font-weight: 300;
			  color: #666666;
			  
			  position: absolute;
			  left: 0;
			  top: 2.5rem;
			  line-height: 0;

			  @media (min-width: $min-medium) {
			  	left: 10px;
			  	font-size: 4.365rem;
			  }
		  }

		  &:after {
		  	content: "\201D";
			  font-size: 3.3rem;
			  font-weight: 300;
			  color: #666666;
			  
			  position: absolute;
			  right: 0;
			  bottom: -1rem;
			  line-height: 0;

			  @media (min-width: $min-medium) {
			  	right: 10px;
			  	font-size: 4.365rem;
			  }
		  }

		}*/
}

.single-slider .items figure img {
  max-width: 8rem;
  margin: 1.4rem 0;
}

@media (max-width: 767.98px) {
  .single-slider .items figure img {
    max-width: 7rem;
  }
}

.single-slider .items strong {
  font-weight: bold;
  font-size: .93rem;
  line-height: 1.4;
}

@media (max-width: 767.98px) {
  .single-slider .items strong {
    font-size: .95rem;
  }
}

.single-slider .items blockquote {
  font-size: 1.45rem;
  line-height: 1.3;
  font-family: 'axiata-font-italic';
}

@media (max-width: 767.98px) {
  .single-slider .items blockquote {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}

.single-slider .slick-dots {
  position: relative;
  bottom: 0;
  left: auto;
  right: auto;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  margin-top: 3rem;
}

@media (max-width: 991.98px) {
  .single-slider .slick-dots {
    margin-top: 2rem;
  }
}

.single-slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 1.563rem;
  height: 1.563rem;
  margin: 0 8px;
  padding: 0;
  cursor: pointer;
}

@media (max-width: 991.98px) {
  .single-slider .slick-dots li {
    margin: 0 3px;
  }
}

.single-slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 1.563rem;
  height: 1.563rem;
  padding: 0;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
  opacity: 1;
  color: transparent;
  border: 0;
  outline: none;
  background: #fff;
  background: url(../img/icon/arrow-right-grey.svg) center left no-repeat;
}

@media (max-width: 991.98px) {
  .single-slider .slick-dots li button {
    width: 1.563rem;
  }
}

.single-slider .slick-dots li.slick-active button {
  opacity: 1;
  background: url(../img/icon/arrow-right-red.svg) center left no-repeat;
}

.single-slider .slick-dots li button:hover,
.single-slider .slick-dots li button:focus {
  outline: none;
}

.single-slider .slick-dots li button:hover:before,
.single-slider .slick-dots li button:focus:before {
  opacity: 1;
}

.single-slider .slick-dots li button:before {
  font-family: 'slick';
  font-size: 0;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  content: '•';
  text-align: center;
  opacity: 1;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.single-slider .slick-prev.slick-disabled:before,
.single-slider .slick-next.slick-disabled:before {
  display: none;
}

.single-slider .slick-next:before,
.single-slider .slick-prev:before {
  display: none;
}

.single-slider .slick-prev {
  left: -60px;
  background: url(../img/icon/slider-prev.svg);
  background-size: 100%;
  padding: 0 5px;
  width: 45px;
  height: 45px;
}

@media (max-width: 991.98px) {
  .single-slider .slick-prev {
    left: -15px;
    width: 38px;
    height: 38px;
  }
}

.single-slider .slick-prev:before {
  display: none;
}

.single-slider .slick-next {
  right: -60px;
  background: url(../img/icon/slider-next.svg);
  background-size: 100%;
  padding: 0 5px;
  width: 45px;
  height: 45px;
}

@media (max-width: 991.98px) {
  .single-slider .slick-next {
    right: -15px;
    width: 38px;
    height: 38px;
  }
}

.cross-selling {
  padding: 2rem 0;
  overflow: hidden !important;
}

@media (min-width: 768px) {
  .cross-selling {
    padding: 2.5rem 1.25rem;
  }
}

.cross-selling article {
  position: relative;
  min-height: 12.5rem;
  outline: none;
  border: 0;
  padding: 0 .3rem;
  margin: 1rem 0;
}

@media (min-width: 768px) {
  .cross-selling article {
    margin: 0;
  }
}

.cross-selling article .bgcover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: 1.8s ease;
  -moz-transition: 1.8s ease;
  -o-transition: 1.8s ease;
  transition: 1.8s ease;
  transform: scale(1);
  background: rgba(0, 0, 0, 0.3);
}

.cross-selling article .col-cover {
  position: relative;
  overflow: hidden;
}

.cross-selling article .col-cover .text-cover {
  padding: 1.2rem 2rem;
  z-index: 10;
}

.cross-selling article .col-cover .text-cover h3 {
  font-size: 1.2rem;
}

.cross-selling article .col-cover .text-cover a {
  opacity: 0;
  font-size: .81rem;
  padding-top: .5rem;
  -webkit-transition: all 0.45s linear;
  -moz-transition: all 0.45s linear;
  -o-transition: all 0.45s linear;
  transition: all 0.45s linear;
  z-index: 11;
}

@media (max-width: 991.98px) {
  .cross-selling article .col-cover .text-cover a {
    opacity: 1;
  }
}

@media (max-width: 991.98px) {
  .cross-selling article .col-cover .text-cover {
    text-align: center;
  }
  .cross-selling article .col-cover .text-cover h3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.cross-selling article .col-cover .text-cover.bluetxt h3,
.cross-selling article .col-cover .text-cover.bluetxt a {
  color: #164396;
}

.cross-selling article:hover .bgcover {
  transform: scale(1.02);
  overflow: hidden;
}

.cross-selling article:hover .col-cover .text-cover a {
  opacity: 1;
  -webkit-transition: all 0.45s linear;
  -moz-transition: all 0.45s linear;
  -o-transition: all 0.45s linear;
  transition: all 0.45s linear;
}

.cross-selling article .awardsmilestones {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/awards-milestones-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/awards-milestones-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/awards-milestones-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/awards-milestones-thumb.jpg") no-repeat center center;
}

@media (max-width: 767.98px) {
  .cross-selling article .awardsmilestones {
    background-position: 25% 50%;
  }
}

.cross-selling article .contactus {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/contact_thumbnail.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/contact_thumbnail.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/contact_thumbnail.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/media/contact_thumbnail.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .contactus {
    background-position: 25% 50%;
  }
}

.cross-selling article .whoweare {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/whoweare-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/whoweare-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/whoweare-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/whoweare-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .whoweare {
    background-position: 25% 50%;
  }
}

.cross-selling article .boardofdirectors {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/board-of-directors-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/board-of-directors-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/board-of-directors-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/board-of-directors-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .boardofdirectors {
    background-position: 25% 50%;
  }
}

.cross-selling article .groupmanagementteam {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/group-management-team-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/group-management-team-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/group-management-team-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/group-management-team-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .groupmanagementteam {
    background-position: 25% 50%;
  }
}

.cross-selling article .operatingcompanies {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/operating-companies-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/operating-companies-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/operating-companies-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/operating-companies-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .operatingcompanies {
    background-position: 25% 50%;
  }
}

.cross-selling article .agm {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/agm_thumbnail.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/agm_thumbnail.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/agm_thumbnail.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/agm_thumbnail.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .agm {
    background-position: 25% 50%;
  }
}

.cross-selling article .corp-structure {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corp-structure-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corp-structure-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corp-structure-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corp-structure-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .corp-structure {
    background-position: 25% 50%;
  }
}

.cross-selling article .corp-governance {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corporategovernance-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corporategovernance-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corporategovernance-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/aboutus/corporategovernance-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .corp-governance {
    background-position: 25% 50%;
  }
}

.cross-selling article .beyondshorterm {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/beyond-shorterm-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/beyond-shorterm-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/beyond-shorterm-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/beyond-shorterm-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .beyondshorterm {
    background-position: 25% 50%;
  }
}

.cross-selling article .nuturingpeople {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nuturing-people-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nuturing-people-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nuturing-people-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nuturing-people-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .nuturingpeople {
    background-position: 25% 50%;
  }
}

.cross-selling article .planetsociety {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/planet-society-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/planet-society-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/planet-society-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/planet-society-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .planetsociety {
    background-position: 25% 50%;
  }
}

.cross-selling article .processexcellence {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/process-excellence-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/process-excellence-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/process-excellence-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/process-excellence-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .processexcellence {
    background-position: 25% 50%;
  }
}

.cross-selling article .nepal {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nepal-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nepal-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nepal-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/nepal-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .nepal {
    background-position: 25% 50%;
  }
}

.cross-selling article .indonesia {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/indonesia-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/indonesia-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/indonesia-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/sustainability/indonesia-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .indonesia {
    background-position: 25% 50%;
  }
}

.cross-selling article .media {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/media/media_overview_thumbnail.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/media/media_overview_thumbnail.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/media/media_overview_thumbnail.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/media/media_overview_thumbnail.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .media {
    background-position: 25% 50%;
  }
}

.cross-selling article .brandkit {
  background: -webkit-linear-gradient(left, transparent, transparent), url("../img/background/media/brandkit-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, transparent, transparent), url("../img/background/media/brandkit-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, transparent, transparent), url("../img/background/media/brandkit-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, transparent, transparent), url("../img/background/media/brandkit-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .brandkit {
    background-position: 25% 50%;
  }
}

.cross-selling article .mediakits {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/media/mediakits-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/media/mediakits-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/media/mediakits-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/media/mediakits-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .mediakits {
    background-position: 25% 50%;
  }
}

.cross-selling article .news {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/media/news-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/media/news-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/media/news-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/media/news-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .news {
    background-position: 25% 50%;
  }
}

.cross-selling article .ncell {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/brands/ncell-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/brands/ncell-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/brands/ncell-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/brands/ncell-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .ncell {
    background-position: 25% 50%;
  }
}

.cross-selling article .xlaxiata {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/brands/xlaxiata-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/brands/xlaxiata-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/brands/xlaxiata-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/brands/xlaxiata-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .xlaxiata {
    background-position: 25% 50%;
  }
}

.cross-selling article .equity-analyst-coverage {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/equity-analyst-thumb.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/equity-analyst-thumb.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/equity-analyst-thumb.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/equity-analyst-thumb.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .equity-analyst-coverage {
    background-position: 25% 50%;
  }
}

.cross-selling article .shareholdings {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/shareholdings_thumbnail.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/shareholdings_thumbnail.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/shareholdings_thumbnail.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/shareholdings_thumbnail.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .shareholdings {
    background-position: 25% 50%;
  }
}

.cross-selling article .quarterly-results {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_thumbnail_investor_quarterly.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_thumbnail_investor_quarterly.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_thumbnail_investor_quarterly.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_thumbnail_investor_quarterly.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .quarterly-results {
    background-position: 25% 50%;
  }
}

.cross-selling article .presentations {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_thumbnail_investor_presentation.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_thumbnail_investor_presentation.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_thumbnail_investor_presentation.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/d_thumbnail_investor_presentation.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .presentations {
    background-position: 25% 50%;
  }
}

.cross-selling article .calendar {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/ir_calendar_thumbnail.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/ir_calendar_thumbnail.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/ir_calendar_thumbnail.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.3)), url("../img/background/investors/ir_calendar_thumbnail.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .calendar {
    background-position: 25% 50%;
  }
}

.cross-selling article .stock-quotes {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_thumbnail_investor_stock.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_thumbnail_investor_stock.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_thumbnail_investor_stock.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_thumbnail_investor_stock.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .stock-quotes {
    background-position: 25% 50%;
  }
}

.cross-selling article .financial-highlights {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/five_year_financial_highlight_thumbnail.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/five_year_financial_highlight_thumbnail.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/five_year_financial_highlight_thumbnail.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/five_year_financial_highlight_thumbnail.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .financial-highlights {
    background-position: 25% 50%;
  }
}

.cross-selling article .dividends {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/dividends_thumbnail.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/dividends_thumbnail.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/dividends_thumbnail.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/dividends_thumbnail.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .dividends {
    background-position: 25% 50%;
  }
}

.cross-selling article .bursa-announcements {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_thumbnail_investor_bursa.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_thumbnail_investor_bursa.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_thumbnail_investor_bursa.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_thumbnail_investor_bursa.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .bursa-announcements {
    background-position: 25% 50%;
  }
}

.cross-selling article .equity-analyst {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/equity_analyst_coverage_thumbnail.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/equity_analyst_coverage_thumbnail.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/equity_analyst_coverage_thumbnail.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/equity_analyst_coverage_thumbnail.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .equity-analyst {
    background-position: 25% 50%;
  }
}

.cross-selling article .annual-reports {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_thumbnail_investor_annual-report.jpg") no-repeat center center;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_thumbnail_investor_annual-report.jpg") no-repeat center center;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_thumbnail_investor_annual-report.jpg") no-repeat center center;
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/background/investors/d_thumbnail_investor_annual-report.jpg") no-repeat center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .cross-selling article .annual-reports {
    background-position: 25% 50%;
  }
}

.attachment-inline {
  padding: 2.5rem 0;
}

.attachment-inline .list-cover:last-child .list-items {
  border-bottom: 1px solid #ccc;
}

.attachment-inline .list-cover .list-items {
  border-top: 1px solid #ccc;
  margin: 0 -.2rem;
  padding-top: 1.2rem;
  padding-bottom: 1.1rem;
  min-height: 76px;
}

@media (min-width: 992px) {
  .attachment-inline .list-cover .list-items {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0 -.2rem -1px;
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    min-height: 76px;
  }
}

.attachment-inline .list-cover .list-items:before {
  content: "";
  position: absolute;
  background: url("../img/icon/pdf.svg") no-repeat;
  background-size: 100%;
  width: 35px;
  height: 38px;
  top: 50%;
  transform: translate(0, -50%);
}

.attachment-inline .list-cover .list-items.for-jpg:before {
  content: "";
  position: absolute;
  background: url("../img/icon/jpg.svg") no-repeat;
  background-size: 100%;
  width: 35px;
  height: 38px;
  top: 50%;
  transform: translate(0, -50%);
}

.attachment-inline .list-cover .list-items a {
  color: #333333;
  font-weight: bold;
  padding-left: 45px;
}

.attachment-inline .list-cover .list-items.smaller a {
  color: #333333;
  font-weight: 400;
  padding-left: 45px;
  font-size: .85rem;
  padding-top: .3rem;
}

.attachment-inline .list-cover .list-items.smaller a span {
  display: block;
  font-size: .81rem;
  font-weight: 300;
}

.attachment-inline .list-cover .list-items:hover:before {
  background: url("../img/icon/pdf-on.svg") no-repeat;
  background-size: 100%;
  width: 35px;
  height: 38px;
  top: 50%;
  transform: translate(0, -50%);
}

.attachment-inline .list-cover .list-items:hover.for-jpg:before {
  background: url("../img/icon/jpg-on.svg") no-repeat;
  background-size: 100%;
  width: 35px;
  height: 38px;
  top: 50%;
  transform: translate(0, -50%);
}

.attachment-inline .list-cover .list-items span.filesize {
  font-family: 'axiata-font-italic';
  font-size: .78rem !important;
}

.attachment-inline.for-jpg .list-items:before {
  content: "";
  position: absolute;
  background: url("../img/icon/jpg.svg") no-repeat;
  background-size: 100%;
  width: 35px;
  height: 38px;
  top: 50%;
  transform: translate(0, -50%);
}

.attachment-inline.for-jpg .list-items:hover:before {
  background: url("../img/icon/jpg-on.svg") no-repeat;
  background-size: 100%;
  width: 35px;
  height: 38px;
  top: 50%;
  transform: translate(0, -50%);
}

.leadership-cover .list-item {
  padding: 1.5rem;
}

@media (max-width: 767.98px) {
  .leadership-cover .list-item {
    padding: 1.8rem .5rem;
  }
}

.leadership-cover .list-item figure img {
  max-width: 10rem;
  margin: 0 auto 1.2rem;
}

@media (max-width: 767.98px) {
  .leadership-cover .list-item figure img {
    padding: 0 .2rem;
  }
}

.leadership-cover .list-item h4 {
  font-size: 1.125rem;
  text-transform: capitalize;
}

@media (max-width: 767.98px) {
  .leadership-cover .list-item h4 {
    font-size: 1.05rem;
    line-height: 1.2;
  }
}

.leadership-cover .list-item p {
  margin-bottom: 1rem;
}

@media (max-width: 767.98px) {
  .leadership-cover .list-item p {
    font-size: .88rem;
    line-height: 1.3;
  }
}

.leadership-cover .list-item .general-btn {
  margin: 0 auto;
}

@media (max-width: 767.98px) {
  .leadership-cover .list-item .general-btn {
    font-size: .75rem;
    width: 100%;
    min-width: auto;
    padding-left: .5rem;
    padding-right: .5rem;
    text-align: center;
  }
  .leadership-cover .list-item .general-btn img {
    width: 15px;
    margin-left: .3rem;
  }
}

@media (max-width: 767px) {
  .modal-fullscreen-xs-down {
    padding: 0 !important;
  }
  .modal-fullscreen-xs-down .modal-dialog {
    width: 100%;
    min-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .modal-fullscreen-xs-down .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
  }
}

@media (max-width: 991px) {
  .modal-fullscreen-sm-down {
    padding: 0 !important;
  }
  .modal-fullscreen-sm-down .modal-dialog {
    width: 100%;
    min-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
  }
}

@media (max-width: 1199px) {
  .modal-fullscreen-md-down {
    padding: 0 !important;
  }
  .modal-fullscreen-md-down .modal-dialog {
    width: 100%;
    min-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
  }
}

.modal-fullscreen {
  padding: 0 !important;
}

.modal-fullscreen .modal-dialog {
  width: 100%;
  min-width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-fullscreen .modal-content {
  height: auto;
  min-height: 100%;
  border: 0 none;
  border-radius: 0;
}

.modal-fullscreen .close-btn {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  right: 5%;
  top: 3%;
  z-index: 10;
}

.modal-fullscreen .close-btn img {
  width: 100%;
  cursor: pointer;
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
}

.modal-fullscreen .close-btn:hover img {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.modal-fullscreen p + p {
  margin-top: 1.3rem;
}

@media (max-width: 991.98px) {
  .modal-fullscreen p {
    font-size: .9rem;
  }
}

.modal-fullscreen h2,
.modal-fullscreen h3,
.modal-fullscreen p {
  text-align: left;
  padding: 0;
}

.modal-fullscreen h2,
.modal-fullscreen h3 {
  text-transform: capitalize;
}

.modal-fullscreen .profile-bg {
  background: url(../img/leadership/tan-sri-ghazzali-sheikh.png) no-repeat right center;
}

@media (max-width: 991.98px) {
  .modal-fullscreen .profile-bg {
    background-size: 550px;
    background-position: top left;
  }
  .modal-fullscreen .profile-bg .maintitle {
    padding-top: 450px;
    padding-bottom: 150px;
  }
}

@media (max-width: 767.98px) {
  .modal-fullscreen .profile-bg {
    background-size: 400px;
    background-position: top left;
  }
  .modal-fullscreen .profile-bg .maintitle {
    padding-top: 350px;
    padding-bottom: 80px;
  }
}

@media (max-width: 400px) {
  .modal-fullscreen .profile-bg {
    background-size: 300px;
    background-position: top left;
  }
  .modal-fullscreen .profile-bg .maintitle {
    padding-top: 250px;
    padding-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .modal-fullscreen .profile-bg {
    background-size: 70%;
    background-position-x: -50%;
    background-position-y: 100%;
  }
  .modal-fullscreen .profile-bg .maintitle {
    padding-left: 4rem;
  }
}

@media (min-width: 1200px) {
  .modal-fullscreen .profile-bg {
    background-size: 70%;
    background-position-x: 110%;
  }
  .modal-fullscreen .profile-bg .maintitle {
    padding-left: 8rem;
  }
}

.supplier-tab h4 {
  font-size: 1.53rem;
  text-transform: none;
  margin-bottom: 1.5rem;
  color: #000 !important;
}

.nav-pills .nav-item .nav-link {
  padding-top: .7rem;
  color: #164396;
  border-radius: .7rem;
  margin: 0 .5rem;
  font-weight: bold;
}

.nav-pills .nav-item .nav-link.active {
  background: #c40d42;
  color: #fff;
  font-weight: bold;
}

.nav-pills .nav-item .nav-link:hover {
  background: #f4f4f4;
}

.nav-pills .nav-item .nav-link:hover.active {
  background: #c40d42;
  color: #fff;
}

.nav-pills .nav-item .nav-link span {
  display: block;
  font-size: .9rem;
  font-weight: 300;
}

@media (max-width: 767.98px) {
  .nav-pills .nav-item .nav-link span {
    font-size: .75rem;
  }
}

@media (max-width: 767.98px) {
  .nav-pills .nav-item {
    width: 49%;
    display: inline-block;
  }
  .nav-pills .nav-item .nav-link {
    font-size: .8rem;
    padding: .8rem 1.5rem .5rem;
    margin: 0;
  }
}

.awards-milestone .card {
  margin-top: 1px;
  border: 0;
  border-radius: 0;
  padding: 0 1rem;
}

.awards-milestone .card .cover {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.awards-milestone .card .cover strong {
  display: block;
  font-size: 1.15rem;
  margin: 0 0 .4rem;
  color: #c40d42;
  font-weight: 400;
}

.awards-milestone .card .cover p {
  font-size: .87rem;
  line-height: 1.4;
  padding: 0;
  text-align: left;
}

.awards-milestone .masonry-container .card strong {
  color: #164396;
}

.awards-milestone .masonry-container.redtxt .card strong {
  color: #c40d42;
}

.awards-milestone .maintitle .awards {
  margin: 4rem 0 .5rem;
}

.awards-milestone .maintitle .awards h3 {
  color: #c40d42;
}

.awards-milestone .maintitle .awards hr {
  border-top: 1px solid #c40d42;
}

.awards-milestone .maintitle .milestones {
  margin: 4rem 0 .5rem;
}

.awards-milestone .maintitle .milestones h3 {
  color: #164396;
}

.awards-milestone .maintitle .milestones hr {
  border-top: 1px solid #164396;
}

.awards-milestone .maintitle h3 {
  margin-bottom: .4rem;
  text-align: left;
}

.awards-milestone .maintitle hr {
  margin: 0;
}

.awards-milestone .content-list {
  float: right;
}

.agmtab .content-list {
  float: left;
}

.agmtab .content-list h4 {
  font-size: 1.2rem;
  text-transform: none;
}

.agmtab .content-list p {
  font-size: .9rem;
  font-weight: 400;
}

.singleitems .listing {
  padding: 1rem 1.5rem;
}

.singleitems .listing .bookcover {
  max-width: 260px;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  transition: all 0.35s linear;
}

.singleitems .listing a {
  color: #333;
  font-weight: bold;
  font-size: .89rem;
}

.singleitems .listing:hover .bookcover {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  transform: scale(1.025);
}

.singleitems .listing.attachment {
  padding-top: 65px;
  margin-top: 2rem;
}

@media (max-width: 767.98px) {
  .singleitems .listing.attachment {
    margin-top: 3rem;
  }
}

.singleitems .listing.attachment:before {
  content: "";
  position: absolute;
  background: url("../img/icon/pdf.svg") no-repeat;
  background-size: 45px;
  width: 100%;
  height: 65px;
  top: 0;
  left: 42%;
}

.singleitems .listing.attachment.for-jpg:before {
  content: "";
  position: absolute;
  background: url("../img/icon/jpg.svg") no-repeat;
  background-size: 45px;
  width: 100%;
  height: 65px;
  top: 0;
  left: 42%;
}

.singleitems .listing.attachment:hover:before {
  background: url("../img/icon/pdf-on.svg") no-repeat;
  background-size: 45px;
  width: 100%;
  height: 65px;
  top: 0;
  left: 42%;
}

.singleitems .listing.attachment:hover.for-jpg:before {
  background: url("../img/icon/jpg-on.svg") no-repeat;
  background-size: 45px;
  width: 100%;
  height: 65px;
  top: 0;
  left: 42%;
}

@media (max-width: 767.98px) {
  .singleitems .listing.attachment a {
    font-size: .78rem;
    line-height: 1;
  }
}

.singleitems .icons img {
  width: 80px;
  display: block;
  margin: 0 auto;
}

.contact-form {
  overflow: hidden;
}

.contact-form .covers {
  text-align: left;
}

@media (max-width: 991.98px) {
  .contact-form .covers {
    padding: 0 1rem;
  }
}

@media (max-width: 767.98px) {
  .contact-form .covers {
    padding: 0 3rem;
  }
}

.contact-form .brands-logo {
  width: 110px;
  margin-bottom: 1rem;
}

.contact-form h5 {
  text-transform: none;
  margin-bottom: .3rem;
  font-size: 1.3rem;
  text-align: left;
}

@media (max-width: 767.98px) {
  .contact-form h5 {
    font-size: 1.1rem;
  }
}

.contact-form h6 {
  text-transform: none;
  font-size: 1rem;
  text-align: left;
}

@media (max-width: 767.98px) {
  .contact-form h6 {
    font-size: .95rem;
  }
}

.contact-form .detailicon {
  width: 30px;
}

.contact-form a {
  color: #333;
  text-transform: none;
  font-size: .98rem;
  font-weight: bold;
}

.contact-form a .righticon {
  margin-top: -.1rem;
  width: 18px;
  margin-left: .3rem;
}

.contact-form a + a {
  margin-left: 1rem;
}

.contact-form a.tel {
  font-weight: 300;
}

.contact-form p,
.contact-form a {
  text-align: left;
}

@media (max-width: 767.98px) {
  .contact-form p,
  .contact-form a {
    font-size: .9rem;
  }
}

@media (max-width: 767.98px) {
  .contact-form iframe {
    min-height: 360px;
  }
}

.bluebg {
  background-color: #164396;
}

.greybg {
  background-color: #f4f4f4;
}

.darkgreybg {
  background-color: #ececec;
}

.contact-info h4 {
  font-size: 1.05rem;
  line-height: 1.3;
  text-transform: none;
  min-height: 50px;
}

.contact-info h4.autoheight {
  min-height: auto;
}

.contact-info .detailicon {
  width: 26px;
}

.contact-info a {
  color: #fff;
}

@media (max-width: 1199.98px) {
  .contact-info a {
    word-break: break-all;
  }
}

.contact-info h4,
.contact-info p {
  text-align: left;
}

.contact-info h4 {
  padding-bottom: .5rem !important;
}

@media (max-width: 991.98px) {
  .contact-info h4 {
    margin-top: 3rem;
    margin-bottom: 0;
  }
}

.contact-info p {
  font-size: .9rem;
}

.contact-info .flex-column {
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0 2.1rem 0 3rem;
}

.contact-info .flex-column:last-child {
  border-right: 0;
}

@media (max-width: 991.98px) {
  .contact-info .flex-column {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 0;
    padding: 0 2.4rem;
    padding-bottom: 2rem;
  }
  .contact-info .flex-column.firstchild {
    border-top: 0;
  }
}

.contact-info .flex-column strong {
  font-weight: bold;
  display: block;
}

.contact-info .detailsinfo {
  padding: 1rem .6rem 1rem 0;
}

.contact-info .leftborder {
  border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
  height: 100%;
  min-height: 280px;
}

@media (max-width: 991.98px) {
  .contact-info .leftborder {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-left: 0 !important;
  }
}

.unity-list .card {
  border: 0;
  text-align: center;
  overflow: hidden;
  padding: 0 10px;
  margin-top: 15px;
  margin-bottom: 5px;
}

.unity-list .card .card-footer {
  background: transparent;
  padding: 0;
  border: 0;
}

.unity-list .card .card-body {
  background: #164396;
  padding-bottom: .4rem;
}

.unity-list .card .card-body h5 {
  margin-bottom: .5rem;
  font-size: 1rem;
  line-height: 1.4;
  padding-top: .5rem;
}

.unity-list .card .card-body h5 span {
  text-transform: lowercase;
}

.unity-list .card .card-body p {
  font-size: .88rem;
  line-height: 1.3;
}

.unity-list .card .card-img-top {
  border-top-left-radius: .625rem;
  border-top-right-radius: .625rem;
  overflow: hidden;
}

.unity-list .card .card-img-top img {
  transform: scale(1.01);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.unity-list .card .card-footer {
  border-bottom-left-radius: .625rem;
  border-bottom-right-radius: .625rem;
  background: #164396;
  padding-bottom: .6rem;
  padding-top: 0;
}

.unity-list .card .card-footer a {
  font-weight: bold;
}

.unity-list .card:hover .card-img-top img {
  transform: scale(1.03);
  -webkit-transition: all 0.45s linear;
  -moz-transition: all 0.45s linear;
  -o-transition: all 0.45s linear;
  transition: all 0.45s linear;
}

@media (min-width: 992px) {
  .unity-list.investors .card h5 {
    min-height: 52px;
  }
}

.statistic-info {
  padding: 0 2rem;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}

.statistic-info + .statistic-info {
  border-right: none;
}

@media (max-width: 991.98px) {
  .statistic-info {
    border-right: none;
    padding: 3rem 2rem;
  }
  .statistic-info + .statistic-info {
    border-right: none;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
  }
}

@media (max-width: 350px) {
  .statistic-info {
    padding: 3rem .9rem;
  }
}

.statistic-info p {
  margin: .3rem;
  padding: 0 6rem;
  font-size: .98rem !important;
}

@media (max-width: 991.98px) {
  .statistic-info p {
    padding-left: 0;
    padding-right: 0;
  }
}

.statistic-info p.extra {
  font-size: 1.1rem !important;
}

.statistic-info h3 {
  font-size: 1.375rem;
  padding: 1rem 0 0;
}

.statistic-info h2 {
  font-size: 1.875rem;
  padding: 1rem 0 0;
}

@media (max-width: 991.98px) {
  .statistic-info h2 {
    font-size: 1.6rem;
  }
}

.statistic-info h2.extra {
  font-size: 2.8rem;
  line-height: 1;
  margin-bottom: -.3rem;
}

@media (max-width: 991.98px) {
  .statistic-info h2.extra {
    font-size: 2.2rem;
  }
}

@media (max-width: 350px) {
  .statistic-info h2.extra {
    font-size: 2rem;
  }
}

.statistic-info h2.maxi {
  font-size: 4.5rem;
  line-height: 1;
  margin-bottom: -.3rem;
}

@media (max-width: 991.98px) {
  .statistic-info h2.maxi {
    font-size: 4rem;
  }
}

.statistic-info .brandlogo {
  max-width: 150px;
  margin: 0 0 1rem;
}

@media (max-width: 991.98px) {
  .statistic-info .brandlogo {
    max-width: 120px;
  }
}

.statistic-info .detailicon {
  width: 85px;
  padding: 0 .8rem;
}

.statistic-info.infoleft {
  text-align: left;
}

.statistic-info.infoleft h2,
.statistic-info.infoleft h3 {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}

.statistic-info.infoleft p {
  text-align: left;
  padding-left: 0;
}

.statistic-info .media {
  padding-right: 10rem;
}

@media (max-width: 991.98px) {
  .statistic-info .media {
    padding-right: 0;
  }
}

.statistic-info .media .media-body P,
.statistic-info .media .media-body h3,
.statistic-info .media .media-body h2 {
  text-align: left;
  margin: 0;
  padding: 0;
}

.info-sec .general-btn,
.fullcenter .general-btn,
.info-sec-imgbg .general-btn {
  margin-bottom: 0;
}

.icon-block-gradient {
  padding: 1rem;
  border-radius: .4rem;
  text-align: center;
  background: -webkit-linear-gradient(top, #B64081 0%, #5F1F70 100%);
  background: -moz-linear-gradient(top, #B64081 0%, #5F1F70 100%);
  background: -o-linear-gradient(top, #B64081 0%, #5F1F70 100%);
  background: linear-gradient(top, #B64081 0%, #5F1F70 100%);
  min-height: 170px;
}

.icon-block-gradient .icons {
  padding: 0 1.5rem;
  margin-bottom: .3rem;
}

.icon-block-gradient p {
  line-height: 1.3;
}

.icon-block-gradient .my-auto {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.icon-block-gradient:hover .my-auto {
  transition-timing-function: ease-out;
  transition: 0.2s;
  transform: translateY(-10px);
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.sustainabilitybrandicon {
  max-width: 145px;
  display: block;
  margin: 0 auto 1.8rem;
}

.sustainabilitybrandicon.xlaxiata {
  max-width: 180px;
}

.kits-listing {
  padding: 1.8rem 1rem;
  border-radius: .5rem;
  margin: .9rem 0;
}

@media (max-width: 991.98px) {
  .kits-listing {
    margin: .5rem 0;
  }
}

.kits-listing .mediakits-icon {
  max-width: 110px;
  display: block;
  margin: 0 auto .5rem;
}

.kits-listing .mediakits-icon.xlaxiata {
  max-width: 155px;
}

@media (max-width: 991.98px) {
  .kits-listing .mediakits-icon {
    max-width: 90px;
    margin: 0 auto .8rem;
  }
  .kits-listing .mediakits-icon.xlaxiata {
    max-width: 120px;
  }
}

.kits-listing strong {
  font-size: .9rem;
  font-weight: bold;
  display: block;
}

.kits-listing .general-outline {
  color: #c40d42;
  font-weight: bold;
  margin-top: .8rem;
}

.newssocial-cover {
  padding: 2rem 3rem;
}

@media (max-width: 767.98px) {
  .newssocial-cover {
    padding: 2rem 1.6rem;
  }
}

.newssocial-cover .news-cover {
  position: relative;
}

.newssocial-cover .news-cover img {
  width: 100%;
  border: 1px solid #ccc;
}

.newssocial-cover .news-cover .socialcover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 10;
}

.newssocial-cover .news-cover ul.socialicon {
  display: inline-block;
  list-style: none;
  z-index: 5;
  position: absolute;
  top: -40px;
  right: 15px;
  z-index: 10;
}

.newssocial-cover .news-cover ul.socialicon li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.newssocial-cover .news-cover ul.socialicon li:first-child a {
  background: #3c5a99;
}

.newssocial-cover .news-cover ul.socialicon li:nth-child(2) a {
  background: #1ba1f3;
}

.newssocial-cover .news-cover ul.socialicon li:nth-child(3) a {
  background: #0077b5;
}

.newssocial-cover .news-cover ul.socialicon li:last-child a {
  background: #c40d42;
}

.newssocial-cover .news-cover ul.socialicon li a {
  width: 2rem;
  height: 2rem;
  border-radius: 20px;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 2.3rem;
  color: #fff;
  display: inline-block;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.newssocial-cover .news-cover .newsdetails {
  position: relative;
  padding: 1.3rem 0 0;
}

.newssocial-cover .news-cover .newsdetails h4 {
  color: #164396;
  font-size: .7rem;
  display: inline-block;
}

.newssocial-cover .news-cover .newsdetails .posticon {
  font-size: 1.15rem;
  margin-top: -3rem;
}

.newssocial-cover .news-cover .newsdetails .date {
  font-size: .7rem;
  display: inline-block;
}

.newssocial-cover .news-cover .newsdetails a {
  display: inline-block;
  font-size: .72rem;
  vertical-align: top;
  margin-left: .7rem;
  color: #333333;
}

.newssocial-cover .news-cover .newsdetails a img {
  display: inline-block;
}

.newssocial-cover .news-cover .newsdetails a:focus {
  outline: none !important;
  border: 0 !important;
}

.newssocial-cover .news-cover .textcaption {
  position: relative;
  padding: .5rem 0;
}

.newssocial-cover .news-cover .textcaption h3 {
  color: #333333;
  text-transform: none;
  font-size: .9rem;
  margin-bottom: .3rem;
  text-align: left;
}

.newssocial-cover .news-cover .textcaption p {
  color: #333333;
  line-height: 1.2;
  font-size: 0.81rem;
  font-weight: 300;
  text-align: left;
  margin-top: 0;
}

.newssocial-cover .news-cover .textcaption p a {
  color: #164396;
  text-decoration: underline;
}

.newssocial-cover .news-cover .textcaption p a {
  text-decoration: none;
}

.newssocial-cover .news-cover .textcaption p a.redtag {
  margin-top: 1rem;
  color: #c40d42;
}

.newssocial-cover .news-cover .textcaption p a.redtag + .redtag {
  margin-top: 0;
  display: block;
}

.newssocial-cover .news-cover .textcaption a.readmore {
  display: inline-block;
  color: #164396;
  text-transform: uppercase;
  font-weight: bold;
  margin: .8rem 0 0;
  font-size: 0.7rem;
}

.newssocial-cover .news-cover .textcaption a.readmore img {
  display: inline-block;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.newssocial-cover .news-cover .textcaption a.readmore img.icon-right {
  width: 13px;
  max-width: 15px;
  margin-top: -3px;
  margin-left: 0.3rem;
}

.newssocial-cover .news-cover .textcaption a.readmore:hover .icon-right {
  -webkit-transform: translateX(0.4em);
  -moz-transform: translateX(0.4em);
  -ms-transform: translateX(0.4em);
  -o-transform: translateX(0.4em);
  transform: translateX(0.4em);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.newssocial-cover .media {
  position: relative;
  padding: 1.2rem 0 1rem;
}

.newssocial-cover .media .date {
  width: 6.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.1;
  color: #164396;
}

@media (max-width: 767.98px) {
  .newssocial-cover .media .date {
    width: 5.4rem;
    font-size: 1.1rem;
  }
}

.newssocial-cover .media .date span {
  font-weight: 300;
  font-size: .88rem;
  display: block;
}

.newssocial-cover .media p,
.newssocial-cover .media a {
  margin: 0;
  font-weight: 400;
  font-size: .94rem;
  text-align: left;
  color: #333333;
  line-height: 1.4;
}

.newssocial-cover .media p:hover,
.newssocial-cover .media a:hover {
  color: #c40d42;
}

.newssocial-cover .media + .media {
  border-top: 1px solid #ccc;
}

.pagination .page-item .page-link {
  border: none;
  color: #333333;
}

.pagination .page-item .page-link:hover {
  background: none;
  color: #c40d42;
}

.pagination .page-item .page-link span img {
  width: 30px;
}

.pagination .page-item.active .page-link {
  background: none;
  color: #c40d42;
  font-weight: bold;
}

@media (max-width: 991.98px) {
  .pagination .page-item {
    float: none;
    display: inline-block;
  }
}

@media (max-width: 991.98px) {
  .pagination {
    display: block;
    text-align: center;
  }
}

.terms-privacy-news {
  padding-bottom: 5rem;
}

.terms-privacy-news h4 {
  text-transform: none;
  text-align: center;
  padding-top: 3.5rem;
  font-size: 1.3rem;
  padding-bottom: .5rem;
}

.bursa-news h4 {
  text-transform: none;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: .5rem;
}

.resultcover .media {
  position: relative;
  padding: 1.5rem 0;
}

@media (max-width: 991.98px) {
  .resultcover .media {
    padding: 2rem 0;
  }
}

.resultcover .media h5 {
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: .3rem;
  text-align: left;
}

.resultcover .media p,
.resultcover .media a {
  margin: 0;
  font-weight: 300;
  font-size: .94rem;
  text-align: left;
  color: #333333;
  line-height: 1.4;
  padding: 0;
}

.resultcover .media p:hover,
.resultcover .media a:hover {
  color: #c40d42;
}

.resultcover .media + .media {
  border-top: 1px solid #ccc;
}

.resultcover strong {
  color: #666666;
}

.searchresult {
  padding-top: 11rem;
}

.newscontent h2 {
  text-transform: none;
}

@media (max-width: 991.98px) {
  .newscontent p {
    text-align: left !important;
  }
}

.newscontent p span.link {
  color: #164396;
}

.newscontent p a {
  color: #164396;
}

.newscontent .news-btm-details p {
  font-size: .94rem;
  text-align: left !important;
}

.newscontent .news-btm-details a {
  color: #164396;
}

.newscontent .newscta .general-btn {
  margin: 1rem 0 0;
  padding-left: .8rem !important;
  padding-right: .8rem !important;
}

@media (min-width: 768px) {
  .newscontent .newscta .general-btn {
    min-width: 180px;
  }
}

@media (max-width: 375px) {
  .newscontent .newscta .general-btn {
    display: block;
    min-width: 200px;
  }
}

@media (max-width: 375px) {
  .newscontent .newscta {
    width: 100% !important;
    max-width: 100%;
  }
}

.sitemap {
  padding-top: 4rem;
  padding-bottom: 7rem;
}

.sitemap a {
  display: block;
  float: left;
  clear: both;
  /*@media (min-width: $min-device) {
    	padding-right: 5rem;
    }

    @media (min-width: $min-xlarge) {
    	padding-right: 1rem;
    }*/
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sitemap a + a {
  margin-top: 1.3rem;
}

.sitemap a.sitemap-sub {
  font-size: .98rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #333333;
  margin-top: 2rem;
}

.sitemap a.sitemap-sub.nohref {
  color: rgba(51, 51, 51, 0.5);
  cursor: default;
}

.sitemap a.sitemap-sub + .sitemap-sub {
  margin-top: 1.2rem;
}

.sitemap a.sitemap-link {
  color: #333333;
  font-size: .88rem;
  font-weight: 400;
}

.sitemap a.sitemap-link i.linkout {
  font-size: 1rem;
}

.sitemap a.sitemap-link:last-child {
  margin-bottom: 1rem;
}

.sitemap a:hover {
  color: #c40d42;
  /*-webkit-transform: translateX(-.4em);
      -moz-transform: translateX(-.4em);
      -ms-transform: translateX(-.4em);
      -o-transform: translateX(-.4em);
      transform: translateX(-.4em);*/
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sitemap a:hover.nohref {
  /*-webkit-transform: translateX(0);
	      -moz-transform: translateX(0);
	      -ms-transform: translateX(0);
	      -o-transform: translateX(0);
	      transform: translateX(0);*/
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sitemap a.sitemap-title {
  font-weight: bold;
  color: #164396;
  font-size: 1.1rem;
  text-transform: uppercase;
  margin-top: 3.5rem;
  cursor: default;
}

.sitemap a.sitemap-title:hover {
  color: #164396;
}

.brands-info .brands-usp {
  font-size: .9rem;
  padding: 0 .6rem;
}

.brands-info .brands-usp strong {
  font-weight: bold;
}

.brands-info .brands-usp span {
  font-size: .7rem;
  display: block;
}

.brands-info .brands-usp .infoicon {
  width: 60px;
  display: block;
  margin: 1rem auto;
}

.brands-info .social-block .title {
  font-weight: bold;
  color: rgba(51, 51, 51, 0.6);
  margin-top: 2rem;
}

.brands-info .social-block .listing {
  list-style: none;
  padding-left: 0;
  margin-top: .5rem;
}

.brands-info .social-block .listing li {
  display: inline-block;
  padding: .2rem .7rem;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.brands-info .social-block .listing li a {
  color: rgba(51, 51, 51, 0.6);
}

.brands-info .social-block .listing li a i {
  font-size: 1.4rem;
}

.brands-info .social-block .listing li:hover {
  -webkit-transform: translateY(-0.18em);
  -moz-transform: translateY(-0.18em);
  -ms-transform: translateY(-0.18em);
  -o-transform: translateY(-0.18em);
  transform: translateY(-0.18em);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.brands-info .social-block .listing li:hover:first-child a {
  color: #3b5998;
}

.brands-info .social-block .listing li:hover:nth-child(2) a {
  color: #1da1f2;
}

.brands-info .social-block .listing li:hover:nth-child(3) a {
  color: #007bb5;
}

.brands-info .social-block .listing li:hover:nth-child(4) a {
  color: #c32aa3;
}

.brands-info .social-block .listing li:hover:last-child a {
  color: #ff0000;
}

.chart-totalcapital .items {
  position: relative;
  width: 100%;
}

.chart-totalcapital .items h5 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0 auto 1rem;
  max-width: 45%;
  color: #333333 !important;
}

.chart-totalcapital .items h2 {
  font-size: 2.3rem !important;
}

.chart-totalcapital .items h2 span {
  font-weight: 300;
}

.chart-totalcapital .items p {
  margin-top: 0;
  font-weight: bold;
}

.chart-totalcapital .items .text-value h6 {
  font-size: .95rem !important;
  color: #333333;
}

.chart-totalcapital .items .text-value h3 {
  font-size: 1.55rem !important;
}

.chart-totalcapital .items .text-value h3 span {
  font-weight: 300;
}

.chart-totalcapital .items .text-value p {
  margin: 0;
}

.chart-totalcapital .items .text-value.left {
  position: absolute;
  right: 3%;
  top: 40%;
  transform: translate(0, -40%);
  text-align: left !important;
}

@media (max-width: 767.98px) {
  .chart-totalcapital .items .text-value.left {
    position: relative;
    text-align: center;
    margin: 2rem 0;
    right: 0;
    left: 0;
  }
}

.chart-totalcapital .items .text-value.right {
  position: absolute;
  left: 3%;
  top: 40%;
  transform: translate(0, -40%);
  text-align: right !important;
}

@media (max-width: 767.98px) {
  .chart-totalcapital .items .text-value.right {
    position: relative;
    text-align: center;
    margin: 4rem 0 2rem;
    right: 0;
    left: 0;
  }
}

.chart-totalcapital .items.celcom .progress .fill {
  stroke: #198acc;
}

.chart-totalcapital .items.celcom .progress .track {
  stroke: #31a5e8;
}

.chart-totalcapital .items.celcom .text-value.left h3 {
  color: #198acc;
}

.chart-totalcapital .items.celcom .text-value.right h3 {
  color: #31a5e8;
}

.chart-totalcapital .items.xlaxiata .progress .fill {
  stroke: #0E4194;
}

.chart-totalcapital .items.xlaxiata .progress .track {
  stroke: #3D78D8;
}

.chart-totalcapital .items.xlaxiata .text-value.left h3 {
  color: #0E4194;
}

.chart-totalcapital .items.xlaxiata .text-value.right h3 {
  color: #3D78D8;
}

.chart-totalcapital .items.dialog .progress .fill {
  stroke: #ED1C24;
}

.chart-totalcapital .items.dialog .progress .track {
  stroke: #F6871F;
}

.chart-totalcapital .items.dialog .text-value.left h3 {
  color: #ED1C24;
}

.chart-totalcapital .items.dialog .text-value.right h3 {
  color: #F6871F;
}

.chart-totalcapital .items.edotco .progress .fill {
  stroke: #026937;
}

.chart-totalcapital .items.edotco .progress .track {
  stroke: #11A75E;
}

.chart-totalcapital .items.edotco .text-value.left h3 {
  color: #026937;
}

.chart-totalcapital .items.edotco .text-value.right h3 {
  color: #11A75E;
}

.chart-totalcapital .items.ncell .progress .fill {
  stroke: #623494;
}

.chart-totalcapital .items.ncell .progress .track {
  stroke: #C81C48;
}

.chart-totalcapital .items.ncell .text-value.left h3 {
  color: #623494;
}

.chart-totalcapital .items.ncell .text-value.right h3 {
  color: #C81C48;
}

.chart-totalcapital .items.robi .progress .fill {
  stroke: #ED1C24;
}

.chart-totalcapital .items.robi .progress .track {
  stroke: #F68C1E;
}

.chart-totalcapital .items.robi .text-value.left h3 {
  color: #ED1C24;
}

.chart-totalcapital .items.robi .text-value.right h3 {
  color: #F68C1E;
}

.chart-totalcapital .items.smart .progress .fill {
  stroke: #1AAB4F;
}

.chart-totalcapital .items.smart .progress .track {
  stroke: #FDB834;
}

.chart-totalcapital .items.smart .text-value.left h3 {
  color: #1AAB4F;
}

.chart-totalcapital .items.smart .text-value.right h3 {
  color: #FDB834;
}

.chart-totalcapital .items.xlaxiata .progress .fill {
  stroke: #0A5AAA;
}

.chart-totalcapital .items.xlaxiata .progress .track {
  stroke: #3388DD;
}

.chart-totalcapital .items.xlaxiata .text-value.left h3 {
  color: #0A5AAA;
}

.chart-totalcapital .items.xlaxiata .text-value.right h3 {
  color: #3388DD;
}

.chart-totalcapital .items.boost .progress .fill {
  stroke: #EC3425;
}

.chart-totalcapital .items.boost .progress .track {
  stroke: #29BCBE;
}

.chart-totalcapital .items.boost .text-value.left h3 {
  color: #EC3425;
}

.chart-totalcapital .items.boost .text-value.right h3 {
  color: #29BCBE;
}

.chart-totalcapital .items.ezcash .progress .fill {
  stroke: #F7EE20;
}

.chart-totalcapital .items.ezcash .progress .track {
  stroke: #E91E2B;
}

.chart-totalcapital .items.ezcash .text-value.left h3 {
  color: #F7EE20;
}

.chart-totalcapital .items.ezcash .text-value.right h3 {
  color: #E91E2B;
}

.chart-totalcapital .items.smartluy .progress .fill {
  stroke: #F0CA00;
}

.chart-totalcapital .items.smartluy .progress .track {
  stroke: #00993D;
}

.chart-totalcapital .items.smartluy .text-value.left h3 {
  color: #F0CA00;
}

.chart-totalcapital .items.smartluy .text-value.right h3 {
  color: #00993D;
}

.chart-totalcapital .items.ada .progress .fill {
  stroke: #163E82;
}

.chart-totalcapital .items.ada .progress .track {
  stroke: #55B1E2;
}

.chart-totalcapital .items.ada .text-value.left h3 {
  color: #163E82;
}

.chart-totalcapital .items.ada .text-value.right h3 {
  color: #55B1E2;
}

.chart-totalcapital .items.suvitech .progress .fill {
  stroke: #F7931E;
}

.chart-totalcapital .items.suvitech .progress .track {
  stroke: #1A1F4F;
}

.chart-totalcapital .items.suvitech .text-value.left h3 {
  color: #F7931E;
}

.chart-totalcapital .items.suvitech .text-value.right h3 {
  color: #1A1F4F;
}

.chart-totalcapital .items.xpand .progress .fill {
  stroke: #C2063B;
}

.chart-totalcapital .items.xpand .progress .track {
  stroke: #E50051;
}

.chart-totalcapital .items.xpand .text-value.left h3 {
  color: #C2063B;
}

.chart-totalcapital .items.xpand .text-value.right h3 {
  color: #E50051;
}

.chart-totalcapital .items.apigate .progress .fill {
  stroke: #231F20;
}

.chart-totalcapital .items.apigate .progress .track {
  stroke: #00AEEF;
}

.chart-totalcapital .items.apigate .text-value.left h3 {
  color: #231F20;
}

.chart-totalcapital .items.apigate .text-value.right h3 {
  color: #00AEEF;
}

.chart-totalcapital .progress {
  width: 250px;
  height: 250px;
  background: transparent;
  margin-top: 2rem;
}

.chart-totalcapital .progress .track,
.chart-totalcapital .progress .fill {
  fill: transparent;
  stroke-width: 10;
  -webkit-transform: rotate(90deg) translate(0px, -80px);
  transform: rotate(90deg) translate(0px, -80px);
}

.chart-totalcapital .progress .track {
  stroke: #164396;
}

.chart-totalcapital .progress .fill {
  stroke: #c40d42;
  stroke-dasharray: 219.99078369140625;
  stroke-dashoffset: -219.99078369140625;
  transition: stroke-dashoffset 1s;
}

.chart-totalcapital .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.structure-graph .card {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 0;
  margin: -1px 3rem 0;
}

@media (max-width: 767.98px) {
  .structure-graph .card {
    margin-left: 3rem;
    margin-right: 0;
  }
}

.structure-graph .card.nohref .card-header .haeder {
  cursor: default !important;
}

.structure-graph .card .card-body {
  color: #164396;
  padding: 0;
  font-size: 1.094rem;
}

.structure-graph .card .card-body img {
  width: 100%;
  margin-top: -1rem;
}

@media (max-width: 575.98px) {
  .structure-graph .card .card-body img {
    margin-top: -.3rem;
    margin-bottom: .8rem;
  }
}

.structure-graph .card .card-body a {
  color: #164396;
  font-weight: bold;
  position: relative;
}

.structure-graph .card .card-body a:before {
  height: 2px;
  position: absolute;
  width: 100%;
  bottom: 2px;
  content: "";
  background: #333;
}

.structure-graph .card .card-body.popupjs a {
  border: 0 !important;
}

.structure-graph .card .card-body.popupjs a:before {
  background-color: transparent;
}

.structure-graph .card .card-header {
  padding: 0;
  background: transparent;
  border: 0;
}

.structure-graph .card .card-header .haeder {
  width: 100%;
  text-align: left;
  padding: 1.5rem 2rem 1rem 0;
  background: transparent;
  border: 0;
  position: relative;
  text-transform: none;
  font-size: 1.1rem;
  cursor: pointer;
  line-height: 1.3;
  color: #164396 !important;
  text-align: center;
}

.structure-graph .card .card-header .haeder span {
  font-weight: 300;
  font-family: 'axiata-font-italic';
}

@media (max-width: 575.98px) {
  .structure-graph .card .card-header .haeder {
    font-size: 1rem;
  }
  .structure-graph .card .card-header .haeder span {
    font-size: .9rem;
  }
}

.structure-graph .card .card-header [data-toggle="collapse"].collapsed .indicator {
  /*-webkit-animation: rotate-hor-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	      animation: rotate-hor-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;*/
  -webkit-animation: rotate-center 0.6s ease-in-out both;
  animation: rotate-center 0.6s ease-in-out both;
}

.structure-graph .card .card-header [data-toggle="collapse"] .indicator {
  position: absolute;
  right: .5rem;
  top: 23%;
  font-style: normal;
  position: absolute;
  content: "";
  width: 18px;
  height: 34px;
  background: url(../img/icon/arrow-top-blue.svg) right center no-repeat;
  background-size: 100%;
  /*-webkit-animation: rotate-hor 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	      animation: rotate-hor 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;*/
  -webkit-animation: rotate-middle 0.6s ease-in-out both;
  animation: rotate-middle 0.6s ease-in-out both;
}

.structure-graph .card h2 {
  font-size: 1.8rem;
}

@media (max-width: 575.98px) {
  .structure-graph .card h2 {
    font-size: 1.6rem;
  }
}

.structure-graph .card:before {
  width: 50px;
  height: 100%;
  background: #333333;
  position: absolute;
  content: "";
  left: -60px;
  background: url(../img/icon/structure-breaker.jpg), url(../img/icon/structure-line.jpg);
  background-position: 0 25px, 2px 0;
  background-repeat: no-repeat, repeat-y;
}

@media (max-width: 767.98px) {
  .structure-graph .card:before {
    width: 40px;
  }
}

.structure-graph .card:last-child:before {
  height: 39px;
}

.structure-graph .card:first-child {
  border-bottom: 0;
}

.structure-graph .card:first-child:before {
  width: 180px;
  background: #333333;
  position: absolute;
  content: "";
  left: -56px;
  background: url(../img/icon/structure-starting.jpg) no-repeat top left;
  height: 100%;
}

@media (max-width: 767.98px) {
  .structure-graph .card:first-child:before {
    background: url(../img/icon/structure-starting-m.jpg) no-repeat bottom left;
  }
}

.structure-graph .card:first-child h2 {
  padding-bottom: 1rem;
  margin-top: -1.5rem;
}

.general-faq .card {
  background: transparent;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0;
    margin: 0;
}

@media (max-width: 767.98px) {
  .general-faq .card {
    margin-left: 0;
    margin-right: 0;
  }
}

.general-faq .card.nohref .card-header .haeder {
  cursor: default !important;
}

.general-faq .card .card-body {
  color: #164396;
  padding: 0 .2rem 1rem;
}

.general-faq .card .card-body p,
.general-faq .card .card-body ol,
.general-faq .card .card-body ul {
  font-size: .9rem;
}

.general-faq .card .card-body ol,
.general-faq .card .card-body ul {
  padding-left: 1.4rem;
}

.general-faq .card .card-body p + ol,
.general-faq .card .card-body p + ul {
  margin-top: .6rem;
}

.general-faq .card .card-body a {
  color: #164396;
  font-weight: bold;
  position: relative;
  font-size: .9rem;
}

.general-faq .card .card-body a:before {
  height: 2px;
  position: absolute;
  width: 100%;
  bottom: 2px;
  content: "";
  background: #333;
}

.general-faq .card .card-header {
  padding: 0;
  background: transparent;
  border: 0;
}

.general-faq .card .card-header .haeder {
  width: 100%;
  text-align: left;
  padding: 1.5rem 2rem 1rem 0;
  background: transparent;
  border: 0;
  position: relative;
  text-transform: none;
  font-size: .9rem;
  cursor: pointer;
  line-height: 1.3;
  text-align: left;
  font-weight: 400;
}

.general-faq .card .card-header [data-toggle="collapse"].collapsed .indicator {
  /*-webkit-animation: rotate-hor-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	      animation: rotate-hor-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;*/
  -webkit-animation: rotate-center 0.6s ease-in-out both;
  animation: rotate-center 0.6s ease-in-out both;
}

.general-faq .card .card-header [data-toggle="collapse"] .indicator {
  position: absolute;
  right: .5rem;
  top: 23%;
  font-style: normal;
  position: absolute;
  content: "";
  width: 18px;
  height: 34px;
  background: url(../img/icon/arrow-top-blue.svg) right center no-repeat;
  background-size: 100%;
  /*-webkit-animation: rotate-hor 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	      animation: rotate-hor 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;*/
  -webkit-animation: rotate-middle 0.6s ease-in-out both;
  animation: rotate-middle 0.6s ease-in-out both;
}

.general-faq .card h2 {
  font-size: 1.8rem;
}

@media (max-width: 575.98px) {
  .general-faq .card h2 {
    font-size: 1.6rem;
  }
}

.general-faq .card:last-child:before {
  height: 39px;
}

.general-faq .card:first-child h2 {
  padding-bottom: 1rem;
  margin-top: -1.5rem;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-3-27 11:39:46
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation rotate-hor-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-hor-center {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}

@keyframes rotate-hor-center {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}

@-webkit-keyframes rotate-hor {
  0% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}

@keyframes rotate-hor {
  0% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2019-3-27 11:45:54
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@-webkit-keyframes rotate-middle {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes rotate-middle {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

.unity-list .card {
  background: transparent !important;
}

.ir-block {
  padding: 2.5rem;
}

.ir-block h4 {
  font-size: 1.25rem;
}

.itemsbox {
  z-index: 5;
}

.itemsbox .products {
  position: relative;
}

.itemsbox .products .cover {
  margin: 0 0 1rem;
}

.itemsbox .products .cover .listing {
  height: 100%;
  padding: 2.5rem 1.3rem;
  margin: 0 -.5rem;
  border-radius: .6rem;
  position: relative;
  min-height: 350px;
}

.itemsbox .products .cover .listing.annualreports {
  background: url(../img/investors/annual-report-book.jpg) #ececec center bottom no-repeat;
  background-size: 100%;
}

@media (min-width: 440px) and (max-width: 980px) {
  .itemsbox .products .cover .listing.annualreports {
    min-height: 440px;
    background-size: cover;
  }
}

@media (max-width: 320px) {
  .itemsbox .products .cover .listing.annualreports {
    min-height: 230px;
    background-size: cover;
  }
}

.itemsbox .products .cover .listing.slimer {
  padding: 2.5rem 1rem;
}

.itemsbox .products .cover .listing.slimer h4 {
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: 1.15rem !important;
}

@media (min-width: 992px) {
  .itemsbox .products .cover .listing.slimer h4 {
    min-height: 60px;
    font-size: 1.1rem !important;
  }
}

@media (max-width: 767.98px) {
  .itemsbox .products .cover .listing {
    padding: 2.5rem .5rem;
  }
}

.itemsbox .products .cover .listing .txtcover {
  margin-bottom: 2rem;
}

.itemsbox .products .cover .listing .txtcover h4 {
  font-size: 1.2rem;
  color: #333;
  margin-bottom: 1rem;
}

.itemsbox .products .cover .listing .txtcover p {
  color: #333;
}

.itemsbox .products .cover .listing .general-btn {
  margin-bottom: 0;
  text-align: center;
  display: block;
}

.itemsbox .products .cover .listing .general-btn + .general-btn {
  margin-top: .6rem;
}

@media (min-width: 992px) {
  .stockcover + .stockcover {
    border-left: 1px solid #dee2e6 !important;
  }
}

/*.table {
  font-size: .8rem;
}

@media (min-width: 992px) {
  .table {
    font-size: .9rem;
  }
}*/

.table ul.alpha {
  list-style: lower-alpha;
  padding-left: 1.4rem;
  margin-bottom: 0;
}

.table td,
.table tr,
.table th {
  padding: .75rem .4rem;
}

.table.borderless td,
.table.borderless tr,
.table.borderless th {
  border: 0;
  padding: .75rem .4rem;
}

.table.borderless .lefttable {
  width: 158px;
}

@media (min-width: 992px) {
  .table.borderless .lefttable {
    width: 110px;
  }
}

.table.borderless .righttable {
  width: 158px;
}

@media (min-width: 992px) {
  .table.borderless .righttable {
    width: 160px;
  }
}

.table.stockquotes .value {
  font-weight: bold;
  color: #7b1b67;
}

.table.investors-table thead th {
  color: #7b1b67;
  font-size: 1rem;
  vertical-align: baseline;
  padding-bottom: .3rem;
}

@media (max-width: 991.98px) {
  .table.investors-table thead th {
    font-size: .9rem;
  }
}

.table.investors-table .download-icon {
  width: 26px;
  vertical-align: baseline;
  padding-left: .3rem;
  display: inline-block;
}

.table.investors-table .bluetxt td {
  color: #7b1b67;
  font-weight: 400;
}

.table.investors-table td a {
  color: #333333;
}

.table.investors-table td a:hover {
  color: #7b1b67;
}

.table.investors-table td span + span,
.table.investors-table td span + a,
.table.investors-table td a + span,
.table.investors-table td a + a {
  display: block;
  margin-top: .5rem;
}

.table.investors-table td span.header {
  color: #7b1b67;
  font-weight: bold;
}

.table.investors-table td span.small_note {
  display: block;
  font-size: .8rem;
  font-family: 'axiata-font-italic';
}

.table.investors-table th,
.table.investors-table td {
  padding-left: .5rem;
  padding-right: .5rem;
}

@media (max-width: 991.98px) {
  .table.investors-table th,
  .table.investors-table td {
    padding-left: .7rem;
    padding-right: .7rem;
  }
}

@media (max-width: 991.98px) {
  .table.investors-table th:last-child,
  .table.investors-table td:last-child {
    padding-left: 1.5rem;
  }
}

.table-responsive.marbtm5rem,
.table-responsive-lg.marbtm5rem {
  margin-bottom: 5rem;
}

@media (max-width: 991.98px) {
  .table-responsive.text-nowrap-md,
  .table-responsive-lg.text-nowrap-md {
    white-space: nowrap !important;
  }
}

@media (max-width: 991.98px) {
  .dividend .nav-item {
    width: 50%;
  }
}

@media (max-width: 767.98px) {
  .dividend .nav-item {
    width: 48%;
    margin: 0 auto;
  }
  .dividend .nav-link {
    min-height: 65px;
    vertical-align: middle;
    position: relative;
    width: 100%;
  }
  .dividend .nav-link .text {
    line-height: 1.1 !important;
    vertical-align: middle;
    margin-top: 8%;
  }
  .dividend .nav-link.last-child .text {
    margin-top: auto;
  }
}

@media (max-width: 767.98px) {
  .shareholdings .item-list + .item-list {
    margin-top: 1.5rem;
  }
}

.shareholdings .item-list h6 {
  line-height: 1.5;
}

@media (min-width: 768px) {
  .shareholdings .item-list h6 {
    min-height: 43px;
  }
}

.shareholdings .item-list h6 span {
  font-size: .82rem;
  display: block;
}

.shareholdings .item-list p {
  font-size: .95rem;
}

.shareholdings .item-list ul {
  margin-top: .6rem;
}

.shareholdings .item-list ul li {
  font-size: .95rem;
  line-height: 1.5;
}

.shareholdings .item-list ul li + li {
  margin-top: .3rem;
}

.bursacontent h2 {
  text-transform: none;
}

@media (max-width: 767.98px) {
  .bursacontent h2 {
    font-size: 1.5rem;
  }
}

.bursacontent p span.link {
  color: #164396;
}

.bursacontent p a {
  color: #164396;
}

.bursacontent .news-btm-details p {
  font-size: .94rem;
  text-align: left !important;
}

.bursacontent .news-btm-details a {
  color: #164396;
}

.bursacontent .newscta .general-btn {
  margin: 1rem 0 0;
  padding-left: .8rem !important;
  padding-right: .8rem !important;
}

@media (min-width: 768px) {
  .bursacontent .newscta .general-btn {
    min-width: 180px;
  }
}

@media (max-width: 375px) {
  .bursacontent .newscta .general-btn {
    display: block;
    min-width: 200px;
  }
}

@media (max-width: 375px) {
  .bursacontent .newscta {
    width: 100% !important;
    max-width: 100%;
  }
}

/*layout start here*/
/*layout start here*/
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
.fa.fa-pull-left, .fa.pull-left {
  margin-right: .3em;
}

.fa, .fa-stack {
  display: inline-block;
}

.fa-fw, .fa-li {
  text-align: center;
}

@font-face {
  font-family: FontAwesome;
  src: url(../fonts/fontawesome-webfont.eot?v=4.6.3);
  src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.6.3) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.6.3) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.6.3) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");
  font-weight: 400;
  font-style: normal;
}

.fa {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa.fa-pull-right, .fa.pull-right {
  margin-left: .3em;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right, .pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
  filter: none;
}

.fa-stack {
  position: relative;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-close:before, .fa-remove:before, .fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-cog:before, .fa-gear:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-repeat:before, .fa-rotate-right:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-exclamation-triangle:before, .fa-warning:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-cogs:before, .fa-gears:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before, .fa-users:before {
  content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-floppy-o:before, .fa-save:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-sort:before, .fa-unsorted:before {
  content: "\f0dc";
}

.fa-sort-desc:before, .fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-asc:before, .fa-sort-up:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-gavel:before, .fa-legal:before {
  content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-bolt:before, .fa-flash:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-clipboard:before, .fa-paste:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-chain-broken:before, .fa-unlink:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
  content: "\f150";
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
  content: "\f151";
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
  content: "\f152";
}

.fa-eur:before, .fa-euro:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155";
}

.fa-inr:before, .fa-rupee:before {
  content: "\f156";
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
  content: "\f157";
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
  content: "\f158";
}

.fa-krw:before, .fa-won:before {
  content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-try:before, .fa-turkish-lira:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
  content: "\f19c";
}

.fa-graduation-cap:before, .fa-mortar-board:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
  content: "\f1c5";
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
  content: "\f1c6";
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
  content: "\f1d0";
}

.fa-empire:before, .fa-ge:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7";
}

.fa-paper-plane:before, .fa-send:before {
  content: "\f1d8";
}

.fa-paper-plane-o:before, .fa-send-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before, .fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-bed:before, .fa-hotel:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-y-combinator:before, .fa-yc:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before, .fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-television:before, .fa-tv:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
  content: "\f2a3";
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-sign-language:before, .fa-signing:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*!
  Ionicons, v4.2.4
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url("../fonts/ionicons.eot?v=4.2.4");
  src: url("../fonts/ionicons.eot?v=4.2.4#iefix") format("embedded-opentype"), url("../fonts/ionicons.woff2?v=4.2.4") format("woff2"), url("../fonts/ionicons.woff?v=4.2.4") format("woff"), url("../fonts/ionicons.ttf?v=4.2.4") format("truetype"), url("../fonts/ionicons.svg?v=4.2.4#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.ion, .ionicons, .ion-ios-add:before, .ion-ios-add-circle:before, .ion-ios-add-circle-outline:before, .ion-ios-airplane:before, .ion-ios-alarm:before, .ion-ios-albums:before, .ion-ios-alert:before, .ion-ios-american-football:before, .ion-ios-analytics:before, .ion-ios-aperture:before, .ion-ios-apps:before, .ion-ios-appstore:before, .ion-ios-archive:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-dropdown:before, .ion-ios-arrow-dropdown-circle:before, .ion-ios-arrow-dropleft:before, .ion-ios-arrow-dropleft-circle:before, .ion-ios-arrow-dropright:before, .ion-ios-arrow-dropright-circle:before, .ion-ios-arrow-dropup:before, .ion-ios-arrow-dropup-circle:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-round-back:before, .ion-ios-arrow-round-down:before, .ion-ios-arrow-round-forward:before, .ion-ios-arrow-round-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-attach:before, .ion-ios-backspace:before, .ion-ios-barcode:before, .ion-ios-baseball:before, .ion-ios-basket:before, .ion-ios-basketball:before, .ion-ios-battery-charging:before, .ion-ios-battery-dead:before, .ion-ios-battery-full:before, .ion-ios-beaker:before, .ion-ios-bed:before, .ion-ios-beer:before, .ion-ios-bicycle:before, .ion-ios-bluetooth:before, .ion-ios-boat:before, .ion-ios-body:before, .ion-ios-bonfire:before, .ion-ios-book:before, .ion-ios-bookmark:before, .ion-ios-bookmarks:before, .ion-ios-bowtie:before, .ion-ios-briefcase:before, .ion-ios-browsers:before, .ion-ios-brush:before, .ion-ios-bug:before, .ion-ios-build:before, .ion-ios-bulb:before, .ion-ios-bus:before, .ion-ios-business:before, .ion-ios-cafe:before, .ion-ios-calculator:before, .ion-ios-calendar:before, .ion-ios-call:before, .ion-ios-camera:before, .ion-ios-car:before, .ion-ios-card:before, .ion-ios-cart:before, .ion-ios-cash:before, .ion-ios-cellular:before, .ion-ios-chatboxes:before, .ion-ios-chatbubbles:before, .ion-ios-checkbox:before, .ion-ios-checkbox-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-circle:before, .ion-ios-checkmark-circle-outline:before, .ion-ios-clipboard:before, .ion-ios-clock:before, .ion-ios-close:before, .ion-ios-close-circle:before, .ion-ios-close-circle-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-circle:before, .ion-ios-cloud-done:before, .ion-ios-cloud-download:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-code:before, .ion-ios-code-download:before, .ion-ios-code-working:before, .ion-ios-cog:before, .ion-ios-color-fill:before, .ion-ios-color-filter:before, .ion-ios-color-palette:before, .ion-ios-color-wand:before, .ion-ios-compass:before, .ion-ios-construct:before, .ion-ios-contact:before, .ion-ios-contacts:before, .ion-ios-contract:before, .ion-ios-contrast:before, .ion-ios-copy:before, .ion-ios-create:before, .ion-ios-crop:before, .ion-ios-cube:before, .ion-ios-cut:before, .ion-ios-desktop:before, .ion-ios-disc:before, .ion-ios-document:before, .ion-ios-done-all:before, .ion-ios-download:before, .ion-ios-easel:before, .ion-ios-egg:before, .ion-ios-exit:before, .ion-ios-expand:before, .ion-ios-eye:before, .ion-ios-eye-off:before, .ion-ios-fastforward:before, .ion-ios-female:before, .ion-ios-filing:before, .ion-ios-film:before, .ion-ios-finger-print:before, .ion-ios-fitness:before, .ion-ios-flag:before, .ion-ios-flame:before, .ion-ios-flash:before, .ion-ios-flash-off:before, .ion-ios-flashlight:before, .ion-ios-flask:before, .ion-ios-flower:before, .ion-ios-folder:before, .ion-ios-folder-open:before, .ion-ios-football:before, .ion-ios-funnel:before, .ion-ios-gift:before, .ion-ios-git-branch:before, .ion-ios-git-commit:before, .ion-ios-git-compare:before, .ion-ios-git-merge:before, .ion-ios-git-network:before, .ion-ios-git-pull-request:before, .ion-ios-glasses:before, .ion-ios-globe:before, .ion-ios-grid:before, .ion-ios-hammer:before, .ion-ios-hand:before, .ion-ios-happy:before, .ion-ios-headset:before, .ion-ios-heart:before, .ion-ios-heart-dislike:before, .ion-ios-heart-empty:before, .ion-ios-heart-half:before, .ion-ios-help:before, .ion-ios-help-buoy:before, .ion-ios-help-circle:before, .ion-ios-help-circle-outline:before, .ion-ios-home:before, .ion-ios-hourglass:before, .ion-ios-ice-cream:before, .ion-ios-image:before, .ion-ios-images:before, .ion-ios-infinite:before, .ion-ios-information:before, .ion-ios-information-circle:before, .ion-ios-information-circle-outline:before, .ion-ios-jet:before, .ion-ios-journal:before, .ion-ios-key:before, .ion-ios-keypad:before, .ion-ios-laptop:before, .ion-ios-leaf:before, .ion-ios-link:before, .ion-ios-list:before, .ion-ios-list-box:before, .ion-ios-locate:before, .ion-ios-lock:before, .ion-ios-log-in:before, .ion-ios-log-out:before, .ion-ios-magnet:before, .ion-ios-mail:before, .ion-ios-mail-open:before, .ion-ios-mail-unread:before, .ion-ios-male:before, .ion-ios-man:before, .ion-ios-map:before, .ion-ios-medal:before, .ion-ios-medical:before, .ion-ios-medkit:before, .ion-ios-megaphone:before, .ion-ios-menu:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-microphone:before, .ion-ios-moon:before, .ion-ios-more:before, .ion-ios-move:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-notifications:before, .ion-ios-notifications-off:before, .ion-ios-notifications-outline:before, .ion-ios-nuclear:before, .ion-ios-nutrition:before, .ion-ios-open:before, .ion-ios-options:before, .ion-ios-outlet:before, .ion-ios-paper:before, .ion-ios-paper-plane:before, .ion-ios-partly-sunny:before, .ion-ios-pause:before, .ion-ios-paw:before, .ion-ios-people:before, .ion-ios-person:before, .ion-ios-person-add:before, .ion-ios-phone-landscape:before, .ion-ios-phone-portrait:before, .ion-ios-photos:before, .ion-ios-pie:before, .ion-ios-pin:before, .ion-ios-pint:before, .ion-ios-pizza:before, .ion-ios-planet:before, .ion-ios-play:before, .ion-ios-play-circle:before, .ion-ios-podium:before, .ion-ios-power:before, .ion-ios-pricetag:before, .ion-ios-pricetags:before, .ion-ios-print:before, .ion-ios-pulse:before, .ion-ios-qr-scanner:before, .ion-ios-quote:before, .ion-ios-radio:before, .ion-ios-radio-button-off:before, .ion-ios-radio-button-on:before, .ion-ios-rainy:before, .ion-ios-recording:before, .ion-ios-redo:before, .ion-ios-refresh:before, .ion-ios-refresh-circle:before, .ion-ios-remove:before, .ion-ios-remove-circle:before, .ion-ios-remove-circle-outline:before, .ion-ios-reorder:before, .ion-ios-repeat:before, .ion-ios-resize:before, .ion-ios-restaurant:before, .ion-ios-return-left:before, .ion-ios-return-right:before, .ion-ios-reverse-camera:before, .ion-ios-rewind:before, .ion-ios-ribbon:before, .ion-ios-rocket:before, .ion-ios-rose:before, .ion-ios-sad:before, .ion-ios-save:before, .ion-ios-school:before, .ion-ios-search:before, .ion-ios-send:before, .ion-ios-settings:before, .ion-ios-share:before, .ion-ios-share-alt:before, .ion-ios-shirt:before, .ion-ios-shuffle:before, .ion-ios-skip-backward:before, .ion-ios-skip-forward:before, .ion-ios-snow:before, .ion-ios-speedometer:before, .ion-ios-square:before, .ion-ios-square-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stats:before, .ion-ios-stopwatch:before, .ion-ios-subway:before, .ion-ios-sunny:before, .ion-ios-swap:before, .ion-ios-switch:before, .ion-ios-sync:before, .ion-ios-tablet-landscape:before, .ion-ios-tablet-portrait:before, .ion-ios-tennisball:before, .ion-ios-text:before, .ion-ios-thermometer:before, .ion-ios-thumbs-down:before, .ion-ios-thumbs-up:before, .ion-ios-thunderstorm:before, .ion-ios-time:before, .ion-ios-timer:before, .ion-ios-today:before, .ion-ios-train:before, .ion-ios-transgender:before, .ion-ios-trash:before, .ion-ios-trending-down:before, .ion-ios-trending-up:before, .ion-ios-trophy:before, .ion-ios-tv:before, .ion-ios-umbrella:before, .ion-ios-undo:before, .ion-ios-unlock:before, .ion-ios-videocam:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-volume-mute:before, .ion-ios-volume-off:before, .ion-ios-walk:before, .ion-ios-wallet:before, .ion-ios-warning:before, .ion-ios-watch:before, .ion-ios-water:before, .ion-ios-wifi:before, .ion-ios-wine:before, .ion-ios-woman:before, .ion-logo-android:before, .ion-logo-angular:before, .ion-logo-apple:before, .ion-logo-bitbucket:before, .ion-logo-bitcoin:before, .ion-logo-buffer:before, .ion-logo-chrome:before, .ion-logo-closed-captioning:before, .ion-logo-codepen:before, .ion-logo-css3:before, .ion-logo-designernews:before, .ion-logo-dribbble:before, .ion-logo-dropbox:before, .ion-logo-euro:before, .ion-logo-facebook:before, .ion-logo-flickr:before, .ion-logo-foursquare:before, .ion-logo-freebsd-devil:before, .ion-logo-game-controller-a:before, .ion-logo-game-controller-b:before, .ion-logo-github:before, .ion-logo-google:before, .ion-logo-googleplus:before, .ion-logo-hackernews:before, .ion-logo-html5:before, .ion-logo-instagram:before, .ion-logo-ionic:before, .ion-logo-ionitron:before, .ion-logo-javascript:before, .ion-logo-linkedin:before, .ion-logo-markdown:before, .ion-logo-model-s:before, .ion-logo-no-smoking:before, .ion-logo-nodejs:before, .ion-logo-npm:before, .ion-logo-octocat:before, .ion-logo-pinterest:before, .ion-logo-playstation:before, .ion-logo-polymer:before, .ion-logo-python:before, .ion-logo-reddit:before, .ion-logo-rss:before, .ion-logo-sass:before, .ion-logo-skype:before, .ion-logo-slack:before, .ion-logo-snapchat:before, .ion-logo-steam:before, .ion-logo-tumblr:before, .ion-logo-tux:before, .ion-logo-twitch:before, .ion-logo-twitter:before, .ion-logo-usd:before, .ion-logo-vimeo:before, .ion-logo-vk:before, .ion-logo-whatsapp:before, .ion-logo-windows:before, .ion-logo-wordpress:before, .ion-logo-xbox:before, .ion-logo-xing:before, .ion-logo-yahoo:before, .ion-logo-yen:before, .ion-logo-youtube:before, .ion-md-add:before, .ion-md-add-circle:before, .ion-md-add-circle-outline:before, .ion-md-airplane:before, .ion-md-alarm:before, .ion-md-albums:before, .ion-md-alert:before, .ion-md-american-football:before, .ion-md-analytics:before, .ion-md-aperture:before, .ion-md-apps:before, .ion-md-appstore:before, .ion-md-archive:before, .ion-md-arrow-back:before, .ion-md-arrow-down:before, .ion-md-arrow-dropdown:before, .ion-md-arrow-dropdown-circle:before, .ion-md-arrow-dropleft:before, .ion-md-arrow-dropleft-circle:before, .ion-md-arrow-dropright:before, .ion-md-arrow-dropright-circle:before, .ion-md-arrow-dropup:before, .ion-md-arrow-dropup-circle:before, .ion-md-arrow-forward:before, .ion-md-arrow-round-back:before, .ion-md-arrow-round-down:before, .ion-md-arrow-round-forward:before, .ion-md-arrow-round-up:before, .ion-md-arrow-up:before, .ion-md-at:before, .ion-md-attach:before, .ion-md-backspace:before, .ion-md-barcode:before, .ion-md-baseball:before, .ion-md-basket:before, .ion-md-basketball:before, .ion-md-battery-charging:before, .ion-md-battery-dead:before, .ion-md-battery-full:before, .ion-md-beaker:before, .ion-md-bed:before, .ion-md-beer:before, .ion-md-bicycle:before, .ion-md-bluetooth:before, .ion-md-boat:before, .ion-md-body:before, .ion-md-bonfire:before, .ion-md-book:before, .ion-md-bookmark:before, .ion-md-bookmarks:before, .ion-md-bowtie:before, .ion-md-briefcase:before, .ion-md-browsers:before, .ion-md-brush:before, .ion-md-bug:before, .ion-md-build:before, .ion-md-bulb:before, .ion-md-bus:before, .ion-md-business:before, .ion-md-cafe:before, .ion-md-calculator:before, .ion-md-calendar:before, .ion-md-call:before, .ion-md-camera:before, .ion-md-car:before, .ion-md-card:before, .ion-md-cart:before, .ion-md-cash:before, .ion-md-cellular:before, .ion-md-chatboxes:before, .ion-md-chatbubbles:before, .ion-md-checkbox:before, .ion-md-checkbox-outline:before, .ion-md-checkmark:before, .ion-md-checkmark-circle:before, .ion-md-checkmark-circle-outline:before, .ion-md-clipboard:before, .ion-md-clock:before, .ion-md-close:before, .ion-md-close-circle:before, .ion-md-close-circle-outline:before, .ion-md-cloud:before, .ion-md-cloud-circle:before, .ion-md-cloud-done:before, .ion-md-cloud-download:before, .ion-md-cloud-outline:before, .ion-md-cloud-upload:before, .ion-md-cloudy:before, .ion-md-cloudy-night:before, .ion-md-code:before, .ion-md-code-download:before, .ion-md-code-working:before, .ion-md-cog:before, .ion-md-color-fill:before, .ion-md-color-filter:before, .ion-md-color-palette:before, .ion-md-color-wand:before, .ion-md-compass:before, .ion-md-construct:before, .ion-md-contact:before, .ion-md-contacts:before, .ion-md-contract:before, .ion-md-contrast:before, .ion-md-copy:before, .ion-md-create:before, .ion-md-crop:before, .ion-md-cube:before, .ion-md-cut:before, .ion-md-desktop:before, .ion-md-disc:before, .ion-md-document:before, .ion-md-done-all:before, .ion-md-download:before, .ion-md-easel:before, .ion-md-egg:before, .ion-md-exit:before, .ion-md-expand:before, .ion-md-eye:before, .ion-md-eye-off:before, .ion-md-fastforward:before, .ion-md-female:before, .ion-md-filing:before, .ion-md-film:before, .ion-md-finger-print:before, .ion-md-fitness:before, .ion-md-flag:before, .ion-md-flame:before, .ion-md-flash:before, .ion-md-flash-off:before, .ion-md-flashlight:before, .ion-md-flask:before, .ion-md-flower:before, .ion-md-folder:before, .ion-md-folder-open:before, .ion-md-football:before, .ion-md-funnel:before, .ion-md-gift:before, .ion-md-git-branch:before, .ion-md-git-commit:before, .ion-md-git-compare:before, .ion-md-git-merge:before, .ion-md-git-network:before, .ion-md-git-pull-request:before, .ion-md-glasses:before, .ion-md-globe:before, .ion-md-grid:before, .ion-md-hammer:before, .ion-md-hand:before, .ion-md-happy:before, .ion-md-headset:before, .ion-md-heart:before, .ion-md-heart-dislike:before, .ion-md-heart-empty:before, .ion-md-heart-half:before, .ion-md-help:before, .ion-md-help-buoy:before, .ion-md-help-circle:before, .ion-md-help-circle-outline:before, .ion-md-home:before, .ion-md-hourglass:before, .ion-md-ice-cream:before, .ion-md-image:before, .ion-md-images:before, .ion-md-infinite:before, .ion-md-information:before, .ion-md-information-circle:before, .ion-md-information-circle-outline:before, .ion-md-jet:before, .ion-md-journal:before, .ion-md-key:before, .ion-md-keypad:before, .ion-md-laptop:before, .ion-md-leaf:before, .ion-md-link:before, .ion-md-list:before, .ion-md-list-box:before, .ion-md-locate:before, .ion-md-lock:before, .ion-md-log-in:before, .ion-md-log-out:before, .ion-md-magnet:before, .ion-md-mail:before, .ion-md-mail-open:before, .ion-md-mail-unread:before, .ion-md-male:before, .ion-md-man:before, .ion-md-map:before, .ion-md-medal:before, .ion-md-medical:before, .ion-md-medkit:before, .ion-md-megaphone:before, .ion-md-menu:before, .ion-md-mic:before, .ion-md-mic-off:before, .ion-md-microphone:before, .ion-md-moon:before, .ion-md-more:before, .ion-md-move:before, .ion-md-musical-note:before, .ion-md-musical-notes:before, .ion-md-navigate:before, .ion-md-notifications:before, .ion-md-notifications-off:before, .ion-md-notifications-outline:before, .ion-md-nuclear:before, .ion-md-nutrition:before, .ion-md-open:before, .ion-md-options:before, .ion-md-outlet:before, .ion-md-paper:before, .ion-md-paper-plane:before, .ion-md-partly-sunny:before, .ion-md-pause:before, .ion-md-paw:before, .ion-md-people:before, .ion-md-person:before, .ion-md-person-add:before, .ion-md-phone-landscape:before, .ion-md-phone-portrait:before, .ion-md-photos:before, .ion-md-pie:before, .ion-md-pin:before, .ion-md-pint:before, .ion-md-pizza:before, .ion-md-planet:before, .ion-md-play:before, .ion-md-play-circle:before, .ion-md-podium:before, .ion-md-power:before, .ion-md-pricetag:before, .ion-md-pricetags:before, .ion-md-print:before, .ion-md-pulse:before, .ion-md-qr-scanner:before, .ion-md-quote:before, .ion-md-radio:before, .ion-md-radio-button-off:before, .ion-md-radio-button-on:before, .ion-md-rainy:before, .ion-md-recording:before, .ion-md-redo:before, .ion-md-refresh:before, .ion-md-refresh-circle:before, .ion-md-remove:before, .ion-md-remove-circle:before, .ion-md-remove-circle-outline:before, .ion-md-reorder:before, .ion-md-repeat:before, .ion-md-resize:before, .ion-md-restaurant:before, .ion-md-return-left:before, .ion-md-return-right:before, .ion-md-reverse-camera:before, .ion-md-rewind:before, .ion-md-ribbon:before, .ion-md-rocket:before, .ion-md-rose:before, .ion-md-sad:before, .ion-md-save:before, .ion-md-school:before, .ion-md-search:before, .ion-md-send:before, .ion-md-settings:before, .ion-md-share:before, .ion-md-share-alt:before, .ion-md-shirt:before, .ion-md-shuffle:before, .ion-md-skip-backward:before, .ion-md-skip-forward:before, .ion-md-snow:before, .ion-md-speedometer:before, .ion-md-square:before, .ion-md-square-outline:before, .ion-md-star:before, .ion-md-star-half:before, .ion-md-star-outline:before, .ion-md-stats:before, .ion-md-stopwatch:before, .ion-md-subway:before, .ion-md-sunny:before, .ion-md-swap:before, .ion-md-switch:before, .ion-md-sync:before, .ion-md-tablet-landscape:before, .ion-md-tablet-portrait:before, .ion-md-tennisball:before, .ion-md-text:before, .ion-md-thermometer:before, .ion-md-thumbs-down:before, .ion-md-thumbs-up:before, .ion-md-thunderstorm:before, .ion-md-time:before, .ion-md-timer:before, .ion-md-today:before, .ion-md-train:before, .ion-md-transgender:before, .ion-md-trash:before, .ion-md-trending-down:before, .ion-md-trending-up:before, .ion-md-trophy:before, .ion-md-tv:before, .ion-md-umbrella:before, .ion-md-undo:before, .ion-md-unlock:before, .ion-md-videocam:before, .ion-md-volume-high:before, .ion-md-volume-low:before, .ion-md-volume-mute:before, .ion-md-volume-off:before, .ion-md-walk:before, .ion-md-wallet:before, .ion-md-warning:before, .ion-md-watch:before, .ion-md-water:before, .ion-md-wifi:before, .ion-md-wine:before, .ion-md-woman:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ion-ios-add:before {
  content: "\f102";
}

.ion-ios-add-circle:before {
  content: "\f101";
}

.ion-ios-add-circle-outline:before {
  content: "\f100";
}

.ion-ios-airplane:before {
  content: "\f137";
}

.ion-ios-alarm:before {
  content: "\f3c8";
}

.ion-ios-albums:before {
  content: "\f3ca";
}

.ion-ios-alert:before {
  content: "\f104";
}

.ion-ios-american-football:before {
  content: "\f106";
}

.ion-ios-analytics:before {
  content: "\f3ce";
}

.ion-ios-aperture:before {
  content: "\f108";
}

.ion-ios-apps:before {
  content: "\f10a";
}

.ion-ios-appstore:before {
  content: "\f10c";
}

.ion-ios-archive:before {
  content: "\f10e";
}

.ion-ios-arrow-back:before {
  content: "\f3cf";
}

.ion-ios-arrow-down:before {
  content: "\f3d0";
}

.ion-ios-arrow-dropdown:before {
  content: "\f110";
}

.ion-ios-arrow-dropdown-circle:before {
  content: "\f125";
}

.ion-ios-arrow-dropleft:before {
  content: "\f112";
}

.ion-ios-arrow-dropleft-circle:before {
  content: "\f129";
}

.ion-ios-arrow-dropright:before {
  content: "\f114";
}

.ion-ios-arrow-dropright-circle:before {
  content: "\f12b";
}

.ion-ios-arrow-dropup:before {
  content: "\f116";
}

.ion-ios-arrow-dropup-circle:before {
  content: "\f12d";
}

.ion-ios-arrow-forward:before {
  content: "\f3d1";
}

.ion-ios-arrow-round-back:before {
  content: "\f117";
}

.ion-ios-arrow-round-down:before {
  content: "\f118";
}

.ion-ios-arrow-round-forward:before {
  content: "\f119";
}

.ion-ios-arrow-round-up:before {
  content: "\f11a";
}

.ion-ios-arrow-up:before {
  content: "\f3d8";
}

.ion-ios-at:before {
  content: "\f3da";
}

.ion-ios-attach:before {
  content: "\f11b";
}

.ion-ios-backspace:before {
  content: "\f11d";
}

.ion-ios-barcode:before {
  content: "\f3dc";
}

.ion-ios-baseball:before {
  content: "\f3de";
}

.ion-ios-basket:before {
  content: "\f11f";
}

.ion-ios-basketball:before {
  content: "\f3e0";
}

.ion-ios-battery-charging:before {
  content: "\f120";
}

.ion-ios-battery-dead:before {
  content: "\f121";
}

.ion-ios-battery-full:before {
  content: "\f122";
}

.ion-ios-beaker:before {
  content: "\f124";
}

.ion-ios-bed:before {
  content: "\f139";
}

.ion-ios-beer:before {
  content: "\f126";
}

.ion-ios-bicycle:before {
  content: "\f127";
}

.ion-ios-bluetooth:before {
  content: "\f128";
}

.ion-ios-boat:before {
  content: "\f12a";
}

.ion-ios-body:before {
  content: "\f3e4";
}

.ion-ios-bonfire:before {
  content: "\f12c";
}

.ion-ios-book:before {
  content: "\f3e8";
}

.ion-ios-bookmark:before {
  content: "\f12e";
}

.ion-ios-bookmarks:before {
  content: "\f3ea";
}

.ion-ios-bowtie:before {
  content: "\f130";
}

.ion-ios-briefcase:before {
  content: "\f3ee";
}

.ion-ios-browsers:before {
  content: "\f3f0";
}

.ion-ios-brush:before {
  content: "\f132";
}

.ion-ios-bug:before {
  content: "\f134";
}

.ion-ios-build:before {
  content: "\f136";
}

.ion-ios-bulb:before {
  content: "\f138";
}

.ion-ios-bus:before {
  content: "\f13a";
}

.ion-ios-business:before {
  content: "\f1a3";
}

.ion-ios-cafe:before {
  content: "\f13c";
}

.ion-ios-calculator:before {
  content: "\f3f2";
}

.ion-ios-calendar:before {
  content: "\f3f4";
}

.ion-ios-call:before {
  content: "\f13e";
}

.ion-ios-camera:before {
  content: "\f3f6";
}

.ion-ios-car:before {
  content: "\f140";
}

.ion-ios-card:before {
  content: "\f142";
}

.ion-ios-cart:before {
  content: "\f3f8";
}

.ion-ios-cash:before {
  content: "\f144";
}

.ion-ios-cellular:before {
  content: "\f13d";
}

.ion-ios-chatboxes:before {
  content: "\f3fa";
}

.ion-ios-chatbubbles:before {
  content: "\f146";
}

.ion-ios-checkbox:before {
  content: "\f148";
}

.ion-ios-checkbox-outline:before {
  content: "\f147";
}

.ion-ios-checkmark:before {
  content: "\f3ff";
}

.ion-ios-checkmark-circle:before {
  content: "\f14a";
}

.ion-ios-checkmark-circle-outline:before {
  content: "\f149";
}

.ion-ios-clipboard:before {
  content: "\f14c";
}

.ion-ios-clock:before {
  content: "\f403";
}

.ion-ios-close:before {
  content: "\f406";
}

.ion-ios-close-circle:before {
  content: "\f14e";
}

.ion-ios-close-circle-outline:before {
  content: "\f14d";
}

.ion-ios-cloud:before {
  content: "\f40c";
}

.ion-ios-cloud-circle:before {
  content: "\f152";
}

.ion-ios-cloud-done:before {
  content: "\f154";
}

.ion-ios-cloud-download:before {
  content: "\f408";
}

.ion-ios-cloud-outline:before {
  content: "\f409";
}

.ion-ios-cloud-upload:before {
  content: "\f40b";
}

.ion-ios-cloudy:before {
  content: "\f410";
}

.ion-ios-cloudy-night:before {
  content: "\f40e";
}

.ion-ios-code:before {
  content: "\f157";
}

.ion-ios-code-download:before {
  content: "\f155";
}

.ion-ios-code-working:before {
  content: "\f156";
}

.ion-ios-cog:before {
  content: "\f412";
}

.ion-ios-color-fill:before {
  content: "\f159";
}

.ion-ios-color-filter:before {
  content: "\f414";
}

.ion-ios-color-palette:before {
  content: "\f15b";
}

.ion-ios-color-wand:before {
  content: "\f416";
}

.ion-ios-compass:before {
  content: "\f15d";
}

.ion-ios-construct:before {
  content: "\f15f";
}

.ion-ios-contact:before {
  content: "\f41a";
}

.ion-ios-contacts:before {
  content: "\f161";
}

.ion-ios-contract:before {
  content: "\f162";
}

.ion-ios-contrast:before {
  content: "\f163";
}

.ion-ios-copy:before {
  content: "\f41c";
}

.ion-ios-create:before {
  content: "\f165";
}

.ion-ios-crop:before {
  content: "\f41e";
}

.ion-ios-cube:before {
  content: "\f168";
}

.ion-ios-cut:before {
  content: "\f16a";
}

.ion-ios-desktop:before {
  content: "\f16c";
}

.ion-ios-disc:before {
  content: "\f16e";
}

.ion-ios-document:before {
  content: "\f170";
}

.ion-ios-done-all:before {
  content: "\f171";
}

.ion-ios-download:before {
  content: "\f420";
}

.ion-ios-easel:before {
  content: "\f173";
}

.ion-ios-egg:before {
  content: "\f175";
}

.ion-ios-exit:before {
  content: "\f177";
}

.ion-ios-expand:before {
  content: "\f178";
}

.ion-ios-eye:before {
  content: "\f425";
}

.ion-ios-eye-off:before {
  content: "\f17a";
}

.ion-ios-fastforward:before {
  content: "\f427";
}

.ion-ios-female:before {
  content: "\f17b";
}

.ion-ios-filing:before {
  content: "\f429";
}

.ion-ios-film:before {
  content: "\f42b";
}

.ion-ios-finger-print:before {
  content: "\f17c";
}

.ion-ios-fitness:before {
  content: "\f1ab";
}

.ion-ios-flag:before {
  content: "\f42d";
}

.ion-ios-flame:before {
  content: "\f42f";
}

.ion-ios-flash:before {
  content: "\f17e";
}

.ion-ios-flash-off:before {
  content: "\f12f";
}

.ion-ios-flashlight:before {
  content: "\f141";
}

.ion-ios-flask:before {
  content: "\f431";
}

.ion-ios-flower:before {
  content: "\f433";
}

.ion-ios-folder:before {
  content: "\f435";
}

.ion-ios-folder-open:before {
  content: "\f180";
}

.ion-ios-football:before {
  content: "\f437";
}

.ion-ios-funnel:before {
  content: "\f182";
}

.ion-ios-gift:before {
  content: "\f191";
}

.ion-ios-git-branch:before {
  content: "\f183";
}

.ion-ios-git-commit:before {
  content: "\f184";
}

.ion-ios-git-compare:before {
  content: "\f185";
}

.ion-ios-git-merge:before {
  content: "\f186";
}

.ion-ios-git-network:before {
  content: "\f187";
}

.ion-ios-git-pull-request:before {
  content: "\f188";
}

.ion-ios-glasses:before {
  content: "\f43f";
}

.ion-ios-globe:before {
  content: "\f18a";
}

.ion-ios-grid:before {
  content: "\f18c";
}

.ion-ios-hammer:before {
  content: "\f18e";
}

.ion-ios-hand:before {
  content: "\f190";
}

.ion-ios-happy:before {
  content: "\f192";
}

.ion-ios-headset:before {
  content: "\f194";
}

.ion-ios-heart:before {
  content: "\f443";
}

.ion-ios-heart-dislike:before {
  content: "\f13f";
}

.ion-ios-heart-empty:before {
  content: "\f19b";
}

.ion-ios-heart-half:before {
  content: "\f19d";
}

.ion-ios-help:before {
  content: "\f446";
}

.ion-ios-help-buoy:before {
  content: "\f196";
}

.ion-ios-help-circle:before {
  content: "\f198";
}

.ion-ios-help-circle-outline:before {
  content: "\f197";
}

.ion-ios-home:before {
  content: "\f448";
}

.ion-ios-hourglass:before {
  content: "\f103";
}

.ion-ios-ice-cream:before {
  content: "\f19a";
}

.ion-ios-image:before {
  content: "\f19c";
}

.ion-ios-images:before {
  content: "\f19e";
}

.ion-ios-infinite:before {
  content: "\f44a";
}

.ion-ios-information:before {
  content: "\f44d";
}

.ion-ios-information-circle:before {
  content: "\f1a0";
}

.ion-ios-information-circle-outline:before {
  content: "\f19f";
}

.ion-ios-jet:before {
  content: "\f1a5";
}

.ion-ios-journal:before {
  content: "\f189";
}

.ion-ios-key:before {
  content: "\f1a7";
}

.ion-ios-keypad:before {
  content: "\f450";
}

.ion-ios-laptop:before {
  content: "\f1a8";
}

.ion-ios-leaf:before {
  content: "\f1aa";
}

.ion-ios-link:before {
  content: "\f22a";
}

.ion-ios-list:before {
  content: "\f454";
}

.ion-ios-list-box:before {
  content: "\f143";
}

.ion-ios-locate:before {
  content: "\f1ae";
}

.ion-ios-lock:before {
  content: "\f1b0";
}

.ion-ios-log-in:before {
  content: "\f1b1";
}

.ion-ios-log-out:before {
  content: "\f1b2";
}

.ion-ios-magnet:before {
  content: "\f1b4";
}

.ion-ios-mail:before {
  content: "\f1b8";
}

.ion-ios-mail-open:before {
  content: "\f1b6";
}

.ion-ios-mail-unread:before {
  content: "\f145";
}

.ion-ios-male:before {
  content: "\f1b9";
}

.ion-ios-man:before {
  content: "\f1bb";
}

.ion-ios-map:before {
  content: "\f1bd";
}

.ion-ios-medal:before {
  content: "\f1bf";
}

.ion-ios-medical:before {
  content: "\f45c";
}

.ion-ios-medkit:before {
  content: "\f45e";
}

.ion-ios-megaphone:before {
  content: "\f1c1";
}

.ion-ios-menu:before {
  content: "\f1c3";
}

.ion-ios-mic:before {
  content: "\f461";
}

.ion-ios-mic-off:before {
  content: "\f45f";
}

.ion-ios-microphone:before {
  content: "\f1c6";
}

.ion-ios-moon:before {
  content: "\f468";
}

.ion-ios-more:before {
  content: "\f1c8";
}

.ion-ios-move:before {
  content: "\f1cb";
}

.ion-ios-musical-note:before {
  content: "\f46b";
}

.ion-ios-musical-notes:before {
  content: "\f46c";
}

.ion-ios-navigate:before {
  content: "\f46e";
}

.ion-ios-notifications:before {
  content: "\f1d3";
}

.ion-ios-notifications-off:before {
  content: "\f1d1";
}

.ion-ios-notifications-outline:before {
  content: "\f133";
}

.ion-ios-nuclear:before {
  content: "\f1d5";
}

.ion-ios-nutrition:before {
  content: "\f470";
}

.ion-ios-open:before {
  content: "\f1d7";
}

.ion-ios-options:before {
  content: "\f1d9";
}

.ion-ios-outlet:before {
  content: "\f1db";
}

.ion-ios-paper:before {
  content: "\f472";
}

.ion-ios-paper-plane:before {
  content: "\f1dd";
}

.ion-ios-partly-sunny:before {
  content: "\f1df";
}

.ion-ios-pause:before {
  content: "\f478";
}

.ion-ios-paw:before {
  content: "\f47a";
}

.ion-ios-people:before {
  content: "\f47c";
}

.ion-ios-person:before {
  content: "\f47e";
}

.ion-ios-person-add:before {
  content: "\f1e1";
}

.ion-ios-phone-landscape:before {
  content: "\f1e2";
}

.ion-ios-phone-portrait:before {
  content: "\f1e3";
}

.ion-ios-photos:before {
  content: "\f482";
}

.ion-ios-pie:before {
  content: "\f484";
}

.ion-ios-pin:before {
  content: "\f1e5";
}

.ion-ios-pint:before {
  content: "\f486";
}

.ion-ios-pizza:before {
  content: "\f1e7";
}

.ion-ios-planet:before {
  content: "\f1eb";
}

.ion-ios-play:before {
  content: "\f488";
}

.ion-ios-play-circle:before {
  content: "\f113";
}

.ion-ios-podium:before {
  content: "\f1ed";
}

.ion-ios-power:before {
  content: "\f1ef";
}

.ion-ios-pricetag:before {
  content: "\f48d";
}

.ion-ios-pricetags:before {
  content: "\f48f";
}

.ion-ios-print:before {
  content: "\f1f1";
}

.ion-ios-pulse:before {
  content: "\f493";
}

.ion-ios-qr-scanner:before {
  content: "\f1f3";
}

.ion-ios-quote:before {
  content: "\f1f5";
}

.ion-ios-radio:before {
  content: "\f1f9";
}

.ion-ios-radio-button-off:before {
  content: "\f1f6";
}

.ion-ios-radio-button-on:before {
  content: "\f1f7";
}

.ion-ios-rainy:before {
  content: "\f495";
}

.ion-ios-recording:before {
  content: "\f497";
}

.ion-ios-redo:before {
  content: "\f499";
}

.ion-ios-refresh:before {
  content: "\f49c";
}

.ion-ios-refresh-circle:before {
  content: "\f135";
}

.ion-ios-remove:before {
  content: "\f1fc";
}

.ion-ios-remove-circle:before {
  content: "\f1fb";
}

.ion-ios-remove-circle-outline:before {
  content: "\f1fa";
}

.ion-ios-reorder:before {
  content: "\f1fd";
}

.ion-ios-repeat:before {
  content: "\f1fe";
}

.ion-ios-resize:before {
  content: "\f1ff";
}

.ion-ios-restaurant:before {
  content: "\f201";
}

.ion-ios-return-left:before {
  content: "\f202";
}

.ion-ios-return-right:before {
  content: "\f203";
}

.ion-ios-reverse-camera:before {
  content: "\f49f";
}

.ion-ios-rewind:before {
  content: "\f4a1";
}

.ion-ios-ribbon:before {
  content: "\f205";
}

.ion-ios-rocket:before {
  content: "\f14b";
}

.ion-ios-rose:before {
  content: "\f4a3";
}

.ion-ios-sad:before {
  content: "\f207";
}

.ion-ios-save:before {
  content: "\f1a6";
}

.ion-ios-school:before {
  content: "\f209";
}

.ion-ios-search:before {
  content: "\f4a5";
}

.ion-ios-send:before {
  content: "\f20c";
}

.ion-ios-settings:before {
  content: "\f4a7";
}

.ion-ios-share:before {
  content: "\f211";
}

.ion-ios-share-alt:before {
  content: "\f20f";
}

.ion-ios-shirt:before {
  content: "\f213";
}

.ion-ios-shuffle:before {
  content: "\f4a9";
}

.ion-ios-skip-backward:before {
  content: "\f215";
}

.ion-ios-skip-forward:before {
  content: "\f217";
}

.ion-ios-snow:before {
  content: "\f218";
}

.ion-ios-speedometer:before {
  content: "\f4b0";
}

.ion-ios-square:before {
  content: "\f21a";
}

.ion-ios-square-outline:before {
  content: "\f15c";
}

.ion-ios-star:before {
  content: "\f4b3";
}

.ion-ios-star-half:before {
  content: "\f4b1";
}

.ion-ios-star-outline:before {
  content: "\f4b2";
}

.ion-ios-stats:before {
  content: "\f21c";
}

.ion-ios-stopwatch:before {
  content: "\f4b5";
}

.ion-ios-subway:before {
  content: "\f21e";
}

.ion-ios-sunny:before {
  content: "\f4b7";
}

.ion-ios-swap:before {
  content: "\f21f";
}

.ion-ios-switch:before {
  content: "\f221";
}

.ion-ios-sync:before {
  content: "\f222";
}

.ion-ios-tablet-landscape:before {
  content: "\f223";
}

.ion-ios-tablet-portrait:before {
  content: "\f24e";
}

.ion-ios-tennisball:before {
  content: "\f4bb";
}

.ion-ios-text:before {
  content: "\f250";
}

.ion-ios-thermometer:before {
  content: "\f252";
}

.ion-ios-thumbs-down:before {
  content: "\f254";
}

.ion-ios-thumbs-up:before {
  content: "\f256";
}

.ion-ios-thunderstorm:before {
  content: "\f4bd";
}

.ion-ios-time:before {
  content: "\f4bf";
}

.ion-ios-timer:before {
  content: "\f4c1";
}

.ion-ios-today:before {
  content: "\f14f";
}

.ion-ios-train:before {
  content: "\f258";
}

.ion-ios-transgender:before {
  content: "\f259";
}

.ion-ios-trash:before {
  content: "\f4c5";
}

.ion-ios-trending-down:before {
  content: "\f25a";
}

.ion-ios-trending-up:before {
  content: "\f25b";
}

.ion-ios-trophy:before {
  content: "\f25d";
}

.ion-ios-tv:before {
  content: "\f115";
}

.ion-ios-umbrella:before {
  content: "\f25f";
}

.ion-ios-undo:before {
  content: "\f4c7";
}

.ion-ios-unlock:before {
  content: "\f261";
}

.ion-ios-videocam:before {
  content: "\f4cd";
}

.ion-ios-volume-high:before {
  content: "\f11c";
}

.ion-ios-volume-low:before {
  content: "\f11e";
}

.ion-ios-volume-mute:before {
  content: "\f263";
}

.ion-ios-volume-off:before {
  content: "\f264";
}

.ion-ios-walk:before {
  content: "\f266";
}

.ion-ios-wallet:before {
  content: "\f18b";
}

.ion-ios-warning:before {
  content: "\f268";
}

.ion-ios-watch:before {
  content: "\f269";
}

.ion-ios-water:before {
  content: "\f26b";
}

.ion-ios-wifi:before {
  content: "\f26d";
}

.ion-ios-wine:before {
  content: "\f26f";
}

.ion-ios-woman:before {
  content: "\f271";
}

.ion-logo-android:before {
  content: "\f225";
}

.ion-logo-angular:before {
  content: "\f227";
}

.ion-logo-apple:before {
  content: "\f229";
}

.ion-logo-bitbucket:before {
  content: "\f193";
}

.ion-logo-bitcoin:before {
  content: "\f22b";
}

.ion-logo-buffer:before {
  content: "\f22d";
}

.ion-logo-chrome:before {
  content: "\f22f";
}

.ion-logo-closed-captioning:before {
  content: "\f105";
}

.ion-logo-codepen:before {
  content: "\f230";
}

.ion-logo-css3:before {
  content: "\f231";
}

.ion-logo-designernews:before {
  content: "\f232";
}

.ion-logo-dribbble:before {
  content: "\f233";
}

.ion-logo-dropbox:before {
  content: "\f234";
}

.ion-logo-euro:before {
  content: "\f235";
}

.ion-logo-facebook:before {
  content: "\f236";
}

.ion-logo-flickr:before {
  content: "\f107";
}

.ion-logo-foursquare:before {
  content: "\f237";
}

.ion-logo-freebsd-devil:before {
  content: "\f238";
}

.ion-logo-game-controller-a:before {
  content: "\f13b";
}

.ion-logo-game-controller-b:before {
  content: "\f181";
}

.ion-logo-github:before {
  content: "\f239";
}

.ion-logo-google:before {
  content: "\f23a";
}

.ion-logo-googleplus:before {
  content: "\f23b";
}

.ion-logo-hackernews:before {
  content: "\f23c";
}

.ion-logo-html5:before {
  content: "\f23d";
}

.ion-logo-instagram:before {
  content: "\f23e";
}

.ion-logo-ionic:before {
  content: "\f150";
}

.ion-logo-ionitron:before {
  content: "\f151";
}

.ion-logo-javascript:before {
  content: "\f23f";
}

.ion-logo-linkedin:before {
  content: "\f240";
}

.ion-logo-markdown:before {
  content: "\f241";
}

.ion-logo-model-s:before {
  content: "\f153";
}

.ion-logo-no-smoking:before {
  content: "\f109";
}

.ion-logo-nodejs:before {
  content: "\f242";
}

.ion-logo-npm:before {
  content: "\f195";
}

.ion-logo-octocat:before {
  content: "\f243";
}

.ion-logo-pinterest:before {
  content: "\f244";
}

.ion-logo-playstation:before {
  content: "\f245";
}

.ion-logo-polymer:before {
  content: "\f15e";
}

.ion-logo-python:before {
  content: "\f246";
}

.ion-logo-reddit:before {
  content: "\f247";
}

.ion-logo-rss:before {
  content: "\f248";
}

.ion-logo-sass:before {
  content: "\f249";
}

.ion-logo-skype:before {
  content: "\f24a";
}

.ion-logo-slack:before {
  content: "\f10b";
}

.ion-logo-snapchat:before {
  content: "\f24b";
}

.ion-logo-steam:before {
  content: "\f24c";
}

.ion-logo-tumblr:before {
  content: "\f24d";
}

.ion-logo-tux:before {
  content: "\f2ae";
}

.ion-logo-twitch:before {
  content: "\f2af";
}

.ion-logo-twitter:before {
  content: "\f2b0";
}

.ion-logo-usd:before {
  content: "\f2b1";
}

.ion-logo-vimeo:before {
  content: "\f2c4";
}

.ion-logo-vk:before {
  content: "\f10d";
}

.ion-logo-whatsapp:before {
  content: "\f2c5";
}

.ion-logo-windows:before {
  content: "\f32f";
}

.ion-logo-wordpress:before {
  content: "\f330";
}

.ion-logo-xbox:before {
  content: "\f34c";
}

.ion-logo-xing:before {
  content: "\f10f";
}

.ion-logo-yahoo:before {
  content: "\f34d";
}

.ion-logo-yen:before {
  content: "\f34e";
}

.ion-logo-youtube:before {
  content: "\f34f";
}

.ion-md-add:before {
  content: "\f273";
}

.ion-md-add-circle:before {
  content: "\f272";
}

.ion-md-add-circle-outline:before {
  content: "\f158";
}

.ion-md-airplane:before {
  content: "\f15a";
}

.ion-md-alarm:before {
  content: "\f274";
}

.ion-md-albums:before {
  content: "\f275";
}

.ion-md-alert:before {
  content: "\f276";
}

.ion-md-american-football:before {
  content: "\f277";
}

.ion-md-analytics:before {
  content: "\f278";
}

.ion-md-aperture:before {
  content: "\f279";
}

.ion-md-apps:before {
  content: "\f27a";
}

.ion-md-appstore:before {
  content: "\f27b";
}

.ion-md-archive:before {
  content: "\f27c";
}

.ion-md-arrow-back:before {
  content: "\f27d";
}

.ion-md-arrow-down:before {
  content: "\f27e";
}

.ion-md-arrow-dropdown:before {
  content: "\f280";
}

.ion-md-arrow-dropdown-circle:before {
  content: "\f27f";
}

.ion-md-arrow-dropleft:before {
  content: "\f282";
}

.ion-md-arrow-dropleft-circle:before {
  content: "\f281";
}

.ion-md-arrow-dropright:before {
  content: "\f284";
}

.ion-md-arrow-dropright-circle:before {
  content: "\f283";
}

.ion-md-arrow-dropup:before {
  content: "\f286";
}

.ion-md-arrow-dropup-circle:before {
  content: "\f285";
}

.ion-md-arrow-forward:before {
  content: "\f287";
}

.ion-md-arrow-round-back:before {
  content: "\f288";
}

.ion-md-arrow-round-down:before {
  content: "\f289";
}

.ion-md-arrow-round-forward:before {
  content: "\f28a";
}

.ion-md-arrow-round-up:before {
  content: "\f28b";
}

.ion-md-arrow-up:before {
  content: "\f28c";
}

.ion-md-at:before {
  content: "\f28d";
}

.ion-md-attach:before {
  content: "\f28e";
}

.ion-md-backspace:before {
  content: "\f28f";
}

.ion-md-barcode:before {
  content: "\f290";
}

.ion-md-baseball:before {
  content: "\f291";
}

.ion-md-basket:before {
  content: "\f292";
}

.ion-md-basketball:before {
  content: "\f293";
}

.ion-md-battery-charging:before {
  content: "\f294";
}

.ion-md-battery-dead:before {
  content: "\f295";
}

.ion-md-battery-full:before {
  content: "\f296";
}

.ion-md-beaker:before {
  content: "\f297";
}

.ion-md-bed:before {
  content: "\f160";
}

.ion-md-beer:before {
  content: "\f298";
}

.ion-md-bicycle:before {
  content: "\f299";
}

.ion-md-bluetooth:before {
  content: "\f29a";
}

.ion-md-boat:before {
  content: "\f29b";
}

.ion-md-body:before {
  content: "\f29c";
}

.ion-md-bonfire:before {
  content: "\f29d";
}

.ion-md-book:before {
  content: "\f29e";
}

.ion-md-bookmark:before {
  content: "\f29f";
}

.ion-md-bookmarks:before {
  content: "\f2a0";
}

.ion-md-bowtie:before {
  content: "\f2a1";
}

.ion-md-briefcase:before {
  content: "\f2a2";
}

.ion-md-browsers:before {
  content: "\f2a3";
}

.ion-md-brush:before {
  content: "\f2a4";
}

.ion-md-bug:before {
  content: "\f2a5";
}

.ion-md-build:before {
  content: "\f2a6";
}

.ion-md-bulb:before {
  content: "\f2a7";
}

.ion-md-bus:before {
  content: "\f2a8";
}

.ion-md-business:before {
  content: "\f1a4";
}

.ion-md-cafe:before {
  content: "\f2a9";
}

.ion-md-calculator:before {
  content: "\f2aa";
}

.ion-md-calendar:before {
  content: "\f2ab";
}

.ion-md-call:before {
  content: "\f2ac";
}

.ion-md-camera:before {
  content: "\f2ad";
}

.ion-md-car:before {
  content: "\f2b2";
}

.ion-md-card:before {
  content: "\f2b3";
}

.ion-md-cart:before {
  content: "\f2b4";
}

.ion-md-cash:before {
  content: "\f2b5";
}

.ion-md-cellular:before {
  content: "\f164";
}

.ion-md-chatboxes:before {
  content: "\f2b6";
}

.ion-md-chatbubbles:before {
  content: "\f2b7";
}

.ion-md-checkbox:before {
  content: "\f2b9";
}

.ion-md-checkbox-outline:before {
  content: "\f2b8";
}

.ion-md-checkmark:before {
  content: "\f2bc";
}

.ion-md-checkmark-circle:before {
  content: "\f2bb";
}

.ion-md-checkmark-circle-outline:before {
  content: "\f2ba";
}

.ion-md-clipboard:before {
  content: "\f2bd";
}

.ion-md-clock:before {
  content: "\f2be";
}

.ion-md-close:before {
  content: "\f2c0";
}

.ion-md-close-circle:before {
  content: "\f2bf";
}

.ion-md-close-circle-outline:before {
  content: "\f166";
}

.ion-md-cloud:before {
  content: "\f2c9";
}

.ion-md-cloud-circle:before {
  content: "\f2c2";
}

.ion-md-cloud-done:before {
  content: "\f2c3";
}

.ion-md-cloud-download:before {
  content: "\f2c6";
}

.ion-md-cloud-outline:before {
  content: "\f2c7";
}

.ion-md-cloud-upload:before {
  content: "\f2c8";
}

.ion-md-cloudy:before {
  content: "\f2cb";
}

.ion-md-cloudy-night:before {
  content: "\f2ca";
}

.ion-md-code:before {
  content: "\f2ce";
}

.ion-md-code-download:before {
  content: "\f2cc";
}

.ion-md-code-working:before {
  content: "\f2cd";
}

.ion-md-cog:before {
  content: "\f2cf";
}

.ion-md-color-fill:before {
  content: "\f2d0";
}

.ion-md-color-filter:before {
  content: "\f2d1";
}

.ion-md-color-palette:before {
  content: "\f2d2";
}

.ion-md-color-wand:before {
  content: "\f2d3";
}

.ion-md-compass:before {
  content: "\f2d4";
}

.ion-md-construct:before {
  content: "\f2d5";
}

.ion-md-contact:before {
  content: "\f2d6";
}

.ion-md-contacts:before {
  content: "\f2d7";
}

.ion-md-contract:before {
  content: "\f2d8";
}

.ion-md-contrast:before {
  content: "\f2d9";
}

.ion-md-copy:before {
  content: "\f2da";
}

.ion-md-create:before {
  content: "\f2db";
}

.ion-md-crop:before {
  content: "\f2dc";
}

.ion-md-cube:before {
  content: "\f2dd";
}

.ion-md-cut:before {
  content: "\f2de";
}

.ion-md-desktop:before {
  content: "\f2df";
}

.ion-md-disc:before {
  content: "\f2e0";
}

.ion-md-document:before {
  content: "\f2e1";
}

.ion-md-done-all:before {
  content: "\f2e2";
}

.ion-md-download:before {
  content: "\f2e3";
}

.ion-md-easel:before {
  content: "\f2e4";
}

.ion-md-egg:before {
  content: "\f2e5";
}

.ion-md-exit:before {
  content: "\f2e6";
}

.ion-md-expand:before {
  content: "\f2e7";
}

.ion-md-eye:before {
  content: "\f2e9";
}

.ion-md-eye-off:before {
  content: "\f2e8";
}

.ion-md-fastforward:before {
  content: "\f2ea";
}

.ion-md-female:before {
  content: "\f2eb";
}

.ion-md-filing:before {
  content: "\f2ec";
}

.ion-md-film:before {
  content: "\f2ed";
}

.ion-md-finger-print:before {
  content: "\f2ee";
}

.ion-md-fitness:before {
  content: "\f1ac";
}

.ion-md-flag:before {
  content: "\f2ef";
}

.ion-md-flame:before {
  content: "\f2f0";
}

.ion-md-flash:before {
  content: "\f2f1";
}

.ion-md-flash-off:before {
  content: "\f169";
}

.ion-md-flashlight:before {
  content: "\f16b";
}

.ion-md-flask:before {
  content: "\f2f2";
}

.ion-md-flower:before {
  content: "\f2f3";
}

.ion-md-folder:before {
  content: "\f2f5";
}

.ion-md-folder-open:before {
  content: "\f2f4";
}

.ion-md-football:before {
  content: "\f2f6";
}

.ion-md-funnel:before {
  content: "\f2f7";
}

.ion-md-gift:before {
  content: "\f199";
}

.ion-md-git-branch:before {
  content: "\f2fa";
}

.ion-md-git-commit:before {
  content: "\f2fb";
}

.ion-md-git-compare:before {
  content: "\f2fc";
}

.ion-md-git-merge:before {
  content: "\f2fd";
}

.ion-md-git-network:before {
  content: "\f2fe";
}

.ion-md-git-pull-request:before {
  content: "\f2ff";
}

.ion-md-glasses:before {
  content: "\f300";
}

.ion-md-globe:before {
  content: "\f301";
}

.ion-md-grid:before {
  content: "\f302";
}

.ion-md-hammer:before {
  content: "\f303";
}

.ion-md-hand:before {
  content: "\f304";
}

.ion-md-happy:before {
  content: "\f305";
}

.ion-md-headset:before {
  content: "\f306";
}

.ion-md-heart:before {
  content: "\f308";
}

.ion-md-heart-dislike:before {
  content: "\f167";
}

.ion-md-heart-empty:before {
  content: "\f1a1";
}

.ion-md-heart-half:before {
  content: "\f1a2";
}

.ion-md-help:before {
  content: "\f30b";
}

.ion-md-help-buoy:before {
  content: "\f309";
}

.ion-md-help-circle:before {
  content: "\f30a";
}

.ion-md-help-circle-outline:before {
  content: "\f16d";
}

.ion-md-home:before {
  content: "\f30c";
}

.ion-md-hourglass:before {
  content: "\f111";
}

.ion-md-ice-cream:before {
  content: "\f30d";
}

.ion-md-image:before {
  content: "\f30e";
}

.ion-md-images:before {
  content: "\f30f";
}

.ion-md-infinite:before {
  content: "\f310";
}

.ion-md-information:before {
  content: "\f312";
}

.ion-md-information-circle:before {
  content: "\f311";
}

.ion-md-information-circle-outline:before {
  content: "\f16f";
}

.ion-md-jet:before {
  content: "\f315";
}

.ion-md-journal:before {
  content: "\f18d";
}

.ion-md-key:before {
  content: "\f316";
}

.ion-md-keypad:before {
  content: "\f317";
}

.ion-md-laptop:before {
  content: "\f318";
}

.ion-md-leaf:before {
  content: "\f319";
}

.ion-md-link:before {
  content: "\f22e";
}

.ion-md-list:before {
  content: "\f31b";
}

.ion-md-list-box:before {
  content: "\f31a";
}

.ion-md-locate:before {
  content: "\f31c";
}

.ion-md-lock:before {
  content: "\f31d";
}

.ion-md-log-in:before {
  content: "\f31e";
}

.ion-md-log-out:before {
  content: "\f31f";
}

.ion-md-magnet:before {
  content: "\f320";
}

.ion-md-mail:before {
  content: "\f322";
}

.ion-md-mail-open:before {
  content: "\f321";
}

.ion-md-mail-unread:before {
  content: "\f172";
}

.ion-md-male:before {
  content: "\f323";
}

.ion-md-man:before {
  content: "\f324";
}

.ion-md-map:before {
  content: "\f325";
}

.ion-md-medal:before {
  content: "\f326";
}

.ion-md-medical:before {
  content: "\f327";
}

.ion-md-medkit:before {
  content: "\f328";
}

.ion-md-megaphone:before {
  content: "\f329";
}

.ion-md-menu:before {
  content: "\f32a";
}

.ion-md-mic:before {
  content: "\f32c";
}

.ion-md-mic-off:before {
  content: "\f32b";
}

.ion-md-microphone:before {
  content: "\f32d";
}

.ion-md-moon:before {
  content: "\f32e";
}

.ion-md-more:before {
  content: "\f1c9";
}

.ion-md-move:before {
  content: "\f331";
}

.ion-md-musical-note:before {
  content: "\f332";
}

.ion-md-musical-notes:before {
  content: "\f333";
}

.ion-md-navigate:before {
  content: "\f334";
}

.ion-md-notifications:before {
  content: "\f338";
}

.ion-md-notifications-off:before {
  content: "\f336";
}

.ion-md-notifications-outline:before {
  content: "\f337";
}

.ion-md-nuclear:before {
  content: "\f339";
}

.ion-md-nutrition:before {
  content: "\f33a";
}

.ion-md-open:before {
  content: "\f33b";
}

.ion-md-options:before {
  content: "\f33c";
}

.ion-md-outlet:before {
  content: "\f33d";
}

.ion-md-paper:before {
  content: "\f33f";
}

.ion-md-paper-plane:before {
  content: "\f33e";
}

.ion-md-partly-sunny:before {
  content: "\f340";
}

.ion-md-pause:before {
  content: "\f341";
}

.ion-md-paw:before {
  content: "\f342";
}

.ion-md-people:before {
  content: "\f343";
}

.ion-md-person:before {
  content: "\f345";
}

.ion-md-person-add:before {
  content: "\f344";
}

.ion-md-phone-landscape:before {
  content: "\f346";
}

.ion-md-phone-portrait:before {
  content: "\f347";
}

.ion-md-photos:before {
  content: "\f348";
}

.ion-md-pie:before {
  content: "\f349";
}

.ion-md-pin:before {
  content: "\f34a";
}

.ion-md-pint:before {
  content: "\f34b";
}

.ion-md-pizza:before {
  content: "\f354";
}

.ion-md-planet:before {
  content: "\f356";
}

.ion-md-play:before {
  content: "\f357";
}

.ion-md-play-circle:before {
  content: "\f174";
}

.ion-md-podium:before {
  content: "\f358";
}

.ion-md-power:before {
  content: "\f359";
}

.ion-md-pricetag:before {
  content: "\f35a";
}

.ion-md-pricetags:before {
  content: "\f35b";
}

.ion-md-print:before {
  content: "\f35c";
}

.ion-md-pulse:before {
  content: "\f35d";
}

.ion-md-qr-scanner:before {
  content: "\f35e";
}

.ion-md-quote:before {
  content: "\f35f";
}

.ion-md-radio:before {
  content: "\f362";
}

.ion-md-radio-button-off:before {
  content: "\f360";
}

.ion-md-radio-button-on:before {
  content: "\f361";
}

.ion-md-rainy:before {
  content: "\f363";
}

.ion-md-recording:before {
  content: "\f364";
}

.ion-md-redo:before {
  content: "\f365";
}

.ion-md-refresh:before {
  content: "\f366";
}

.ion-md-refresh-circle:before {
  content: "\f228";
}

.ion-md-remove:before {
  content: "\f368";
}

.ion-md-remove-circle:before {
  content: "\f367";
}

.ion-md-remove-circle-outline:before {
  content: "\f176";
}

.ion-md-reorder:before {
  content: "\f369";
}

.ion-md-repeat:before {
  content: "\f36a";
}

.ion-md-resize:before {
  content: "\f36b";
}

.ion-md-restaurant:before {
  content: "\f36c";
}

.ion-md-return-left:before {
  content: "\f36d";
}

.ion-md-return-right:before {
  content: "\f36e";
}

.ion-md-reverse-camera:before {
  content: "\f36f";
}

.ion-md-rewind:before {
  content: "\f370";
}

.ion-md-ribbon:before {
  content: "\f371";
}

.ion-md-rocket:before {
  content: "\f179";
}

.ion-md-rose:before {
  content: "\f372";
}

.ion-md-sad:before {
  content: "\f373";
}

.ion-md-save:before {
  content: "\f1a9";
}

.ion-md-school:before {
  content: "\f374";
}

.ion-md-search:before {
  content: "\f375";
}

.ion-md-send:before {
  content: "\f376";
}

.ion-md-settings:before {
  content: "\f377";
}

.ion-md-share:before {
  content: "\f379";
}

.ion-md-share-alt:before {
  content: "\f378";
}

.ion-md-shirt:before {
  content: "\f37a";
}

.ion-md-shuffle:before {
  content: "\f37b";
}

.ion-md-skip-backward:before {
  content: "\f37c";
}

.ion-md-skip-forward:before {
  content: "\f37d";
}

.ion-md-snow:before {
  content: "\f37e";
}

.ion-md-speedometer:before {
  content: "\f37f";
}

.ion-md-square:before {
  content: "\f381";
}

.ion-md-square-outline:before {
  content: "\f380";
}

.ion-md-star:before {
  content: "\f384";
}

.ion-md-star-half:before {
  content: "\f382";
}

.ion-md-star-outline:before {
  content: "\f383";
}

.ion-md-stats:before {
  content: "\f385";
}

.ion-md-stopwatch:before {
  content: "\f386";
}

.ion-md-subway:before {
  content: "\f387";
}

.ion-md-sunny:before {
  content: "\f388";
}

.ion-md-swap:before {
  content: "\f389";
}

.ion-md-switch:before {
  content: "\f38a";
}

.ion-md-sync:before {
  content: "\f38b";
}

.ion-md-tablet-landscape:before {
  content: "\f38c";
}

.ion-md-tablet-portrait:before {
  content: "\f38d";
}

.ion-md-tennisball:before {
  content: "\f38e";
}

.ion-md-text:before {
  content: "\f38f";
}

.ion-md-thermometer:before {
  content: "\f390";
}

.ion-md-thumbs-down:before {
  content: "\f391";
}

.ion-md-thumbs-up:before {
  content: "\f392";
}

.ion-md-thunderstorm:before {
  content: "\f393";
}

.ion-md-time:before {
  content: "\f394";
}

.ion-md-timer:before {
  content: "\f395";
}

.ion-md-today:before {
  content: "\f17d";
}

.ion-md-train:before {
  content: "\f396";
}

.ion-md-transgender:before {
  content: "\f397";
}

.ion-md-trash:before {
  content: "\f398";
}

.ion-md-trending-down:before {
  content: "\f399";
}

.ion-md-trending-up:before {
  content: "\f39a";
}

.ion-md-trophy:before {
  content: "\f39b";
}

.ion-md-tv:before {
  content: "\f17f";
}

.ion-md-umbrella:before {
  content: "\f39c";
}

.ion-md-undo:before {
  content: "\f39d";
}

.ion-md-unlock:before {
  content: "\f39e";
}

.ion-md-videocam:before {
  content: "\f39f";
}

.ion-md-volume-high:before {
  content: "\f123";
}

.ion-md-volume-low:before {
  content: "\f131";
}

.ion-md-volume-mute:before {
  content: "\f3a1";
}

.ion-md-volume-off:before {
  content: "\f3a2";
}

.ion-md-walk:before {
  content: "\f3a4";
}

.ion-md-wallet:before {
  content: "\f18f";
}

.ion-md-warning:before {
  content: "\f3a5";
}

.ion-md-watch:before {
  content: "\f3a6";
}

.ion-md-water:before {
  content: "\f3a7";
}

.ion-md-wifi:before {
  content: "\f3a8";
}

.ion-md-wine:before {
  content: "\f3a9";
}

.ion-md-woman:before {
  content: "\f3aa";
}

@font-face {
  font-family: 'axiata-font-italic';
  src: url("../fonts/axiata/axiata_bookitalic-webfont.eot");
  src: url("../fonts/axiata/axiata_bookitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/axiata/axiata_bookitalic-webfont.woff") format("woff"), url("../fonts/axiata/axiata_bookitalic-webfont.ttf") format("truetype"), url("../fonts/axiata/axiata_bookitalic-webfont.svg#axiatabookitalic") format("svg");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'axiata-font';
  src: url("../fonts/axiata/axiata_book-webfont.eot");
  src: url("../fonts/axiata/axiata_book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/axiata/axiata_book-webfont.woff") format("woff"), url("../fonts/axiata/axiata_book-webfont.ttf") format("truetype"), url("../fonts/axiata/axiata_book-webfont.svg#axiatabook") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'axiata-font';
  src: url("../fonts/axiata/axiata_medium-webfont.eot");
  src: url("../fonts/axiata/axiata_medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/axiata/axiata_medium-webfont.woff") format("woff"), url("../fonts/axiata/axiata_medium-webfont.ttf") format("truetype"), url("../fonts/axiata/axiata_medium-webfont.svg#axiatamedium") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'axiata-font';
  src: url("../fonts/axiata/axiata_bold-webfont.eot");
  src: url("../fonts/axiata/axiata_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/axiata/axiata_bold-webfont.woff") format("woff"), url("../fonts/axiata/axiata_bold-webfont.ttf") format("truetype"), url("../fonts/axiata/axiata_bold-webfont.svg#axiatabold") format("svg");
  font-weight: bold;
  font-style: normal;
}


a {color: #212529; text-decoration: none;}
.ir_news {width: 100%; padding: 0; margin: 0; list-style: none;}
.ir_news li {border-bottom: 1px dotted #666;}
.ir_newsDate {width: 15%; float: left; margin: 1em 0;}
.ir_newsTitle {width: 85%; float: right; margin: 1em 0;text-align: justify;font-size: .98!important; padding: 0 5px;}

.ir_news {width: 100%; padding: 0; margin: 0; list-style: none;}
.ir_news li {border-bottom: 1px solid #ccc; padding:12px 0;}

.ir_news_home {width: 100%; padding: 0; margin: 0; list-style: none;}
.ir_news_home li {/*border-bottom: 1px dotted #666;*/ padding-bottom:10px;}

.ir_newsDate {font-size: 1.2rem; font-weight: bold; line-height: 1.1; color: #164396;}
.ir_newsTitle {margin: 0; }

.ir_newsTitle a:link {color: #333333; font-weight:normal;}
.ir_newsTitle a:visited {color: #333333; font-weight:normal;}
.ir_newsTitle a:hover {color: #c40d42; font-weight:normal;}

/* newsroom selectbox year
-------------------------------------------------- */

.ir_sbHolder,
.ir_sbHolder * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ir_sbHolder {
  position: relative;
  width: 100%;
  display: inline-flex;
  background-color: #ffffff;
  outline: none;
  background-image: none;
}
.ir_sbHolder.ir_sbHolder_cat {
    background-color: white;
}
.ir_sbHolder.ir_sbHolder_year {
    background-color: white;
}
.ir_sbSelector {
  width: 100%;
  font-size: 16px;
  color: #1e2225;
  cursor: pointer;
  padding: 7px 54px 7px 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ir_sbHolder.open .ir_sbSelector {
  color: #1e2225;
}

.ir_sbToggle {
  height: 100%;
  right: 0;
  top: 0;
  width: 35px;
  font-weight: 600;
  color: #808080;
  background-color: transparent;
  position: absolute;
  display: block;
  height: 100%;
}

span.ir_sbToggle:after {
  content: '\f078';
  font-family: 'Font Awesome 5 Free';
  position: absolute;
  top: 24px;
  right: 18px;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  color: #1e2225;
}

.ir_sbHolder:hover .ir_sbToggle {
  background: transparent;
}

.ir_sbHolder.open .ir_sbToggle,
.ir_sbHolder.open:hover .ir_sbToggle {
  background: transparent;

}

.ir_sbHolder.open span.ir_sbToggle:after {
  content: '\f077';
  font-family: "Font Awesome 5 Free";
}

.ir_sbOptions {
  /*background-color: #ffffff;
  list-style: none !important;
  margin: 0 !important;
  padding: 15px 0;
  position: absolute;
  top: 100%;
  width: 100%;
  max-width: 101%;
  left: -1px;*/
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  /*box-shadow: 0 6px 12px 0 rgb(0 0 0 / 17%);
  height: 205px;*/
  overflow-x: auto;
  
}

.ir_sbOptions::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 5px;
}

/*.ir_sbOptions li a {
  text-decoration: none;
  color: #000;
  padding: 15px 20px;
  display: block;
  outline: none;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.ir_sbOptions li:last-child {
  padding-bottom: 11px;
}*/

.ir_sbOptions li a:hover {
  color:  #7b1b67;
}


.ir_sbOptions li div:hover {
  /*padding-left: 28px;*/
  background-color: #7b1b67;
  border-radius: 3.40282e38px;
}

.ir_sbOptions li div:hover a{
  color: #fff;
}

.ir_sbOptions li div:hover b{
  color: #fff;
}

.ir_sbHolder.open .ir_sbOptions {
  visibility: visible;
  opacity: 1;
  padding: 20px;
}

.ir_sbOptions li {
    list-style: none;
}
.selectBox-label {
  font-weight: bold;
  font-size: 20px;
  margin-right: 15px;
  margin-bottom: 30px;
}

/* End newsroom selectbox year
-------------------------------------------------- */

/*** Interactive Chart ***/
#ir_chart_setting { position: relative; z-index: 1; }
#ir_chart_setting fieldset { padding: 5px 0; border: none; margin: 0; }
#ir_chart_setting fieldset legend, #ir_chart_setting fieldset div { width: 120px; float: left; line-height: 18px; }
#ir_chart_setting fieldset input { vertical-align: middle; }
#ir_chart_setting fieldset input[type="radio"] { margin: 3px; }
.ir_chart_interactive_loading { text-align: center;  }
.ir_chart_interval { position: absolute; top: 0; right: 0; }
.ir_news_tooltip, .ir_insider_trades_tooltip { white-space: normal; display: block; width: 400px; }
.ir_corporate_actions_tooltip { white-space: normal; display: block; width: 200px; }

.ir_chart_interactive_loading img {
    width: unset;
}

@media (max-width: 567.98px){
.ir_chart_interval {
    position: relative;
    margin: 1rem 0;
}
}

/*ir contact & email alert*/
h3.subtitle {
    font-size: 1em;
    color: #333333;
}

p.cntent{
   color: #333333;
   margin-bottom: 1rem;
}

.btnsub{
  background-color: #c40d42;
    color: #fff;
    border-radius: 0.625rem;
    padding: 10px;
    border: 0;
}

.FootNote p em {
  color: #333333;
}

/*agm css*/
.agm-items {
  z-index: 5;
  position: relative;
}

.agm-items .cover {
  margin: 0 0 1rem;
}

.agm-items .cover .listing {
  height: 100%;
  padding: 1.8rem .5rem;
  margin: 0 -.5rem;
  border-radius: .6rem;
  position: relative;
  min-height: 300px;
}

.agm-items .cover .listing.annualreports {
  background: url(../img/investors/annual-report-book.jpg) #ececec center bottom no-repeat;
  background-size: 100%;
}

@media (min-width: 440px) and (max-width: 980px) {
  .agm-items .cover .listing.annualreports {
    min-height: 440px;
    background-size: cover;
  }
}

@media (max-width: 320px) {
  .agm-items .cover .listing.annualreports {
    min-height: 230px;
    background-size: cover;
  }
}

@media (max-width: 767.98px) {
  .agm-items .cover .listing {
    padding: 2.5rem .5rem;
  }
}

.agm-items .cover .listing .txtcover {
  margin-bottom: 1rem;
}

.agm-items .cover .listing .txtcover h4 {
  font-size: .95rem;
  line-height: 1.2;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 1rem;
}

.agm-items .cover .listing .txtcover p {
  color: #333;
}

.agm-items .cover .listing .general-btn {
  margin-bottom: 0;
  text-align: center;
  display: block;
}

.agm-items .cover .listing .general-btn + .general-btn {
  margin-top: .6rem;
}


/* ========================================================================== */
/* FIVE YEAR FINANCIAL HIGHLIGHTS
/* ========================================================================== */


.five-year-content {
  padding-left: 0;
  padding-right: 0;
}

h4.piechartTitle,
h4.barchartTitle,
h4.fiveyear-tabletitle,
h6.fiveyear-tablesubtitle {
  color: #0049a6;
  text-align: center;
  margin: 0 auto;
}

/* Bar Charts section
   ========================================================================== */

.top-tables,
.bottom-tables{
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}

.top-tables > .bar-chart,
.bottom-tables > .bar-chart{
  width: 32%;
  background-image: linear-gradient(to right, #ec1459, #b02947);
  border-top: 10px solid transparent;
  border-radius: 0.5em;
  padding: 0;
}

.bar-chart > .chart-wrap {
  background-color: #fff;
  min-height: 100%;
  padding-left: 5%;
  padding-right: 5%;
  border-radius: 0 0 0.5em 0.5em;
  position: relative;
}

.bar-chart > .chart-wrap .chart-header {
  position: absolute;
  width: 90%;
}

.bar-chart > .chart-wrap .chart-header h6 {
  color: #c4033c;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin: 0;
  text-align: left;
}

.bar-chart > .chart-wrap .chart-header p.stitle {
  padding: 0;
  margin: 0;
  color: #2d2d2d;
  text-align: left;
}

.bar-chart > .chart-wrap .chart-header .changed {
  text-align: center;
  position: absolute;
  right: 0;
  top: 80px;
  width: 40%;
}

.bar-chart > .chart-wrap .chart-header .changed p.change-rate {
  color: #000;
}

.bar-chart > .chart-wrap .chart-header .changed span.right-arrow {
  font-size: 1rem;
  line-height: 0.3rem;
}

.bar-chart > .chart-wrap .chartBody {
  display: flex;
  align-items: stretch;
  padding: 0;
  margin: 0;
  height: 440px;
}

.bar-chart > .chart-wrap .chartBody p {
  margin: 0;
  padding: 0;
}

.bar-chart > .chart-wrap .chartBody .barLayer {
  width: 20%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-color: #fff;
}

/*.bar-chart > .chart-wrap .chartBody .y2017,*/
.bar-chart > .chart-wrap .chartBody .y2024,
.bar-chart > .chart-wrap .chartBody .y2022 {
  background-color: #e5e5e5;
}

.bar-chart > .chart-wrap .chartBody .barLayer .mainSection {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  height: 280px;
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.bar-chart > .chart-wrap .chartBody .barLayer .mainSection h6.volume {
  margin: 0;
  padding: 0;
  transform: rotate(-90deg);
  margin-top: 10px;
  color: black;
}

.bar-chart:not(.chart-tr):not(.chart-bc) > .chart-wrap .chartBody .barLayer .mainSection .bar {
  display: block;
  width: 50%;
  cursor: pointer;
  background-color: #868cbe;
}

.bar-chart > .chart-wrap .chartBody .barLayer .mainSection .bar {
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;

  position: relative;
  display: inline-block;
}

.bar-chart:not(.chart-tr):not(.chart-bc) > .chart-wrap .chartBody .barLayer .mainSection .bar .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 105%;
  left: 50%;
  margin-left: -50px;
}

.bar-chart:not(.chart-tr):not(.chart-bc) > .chart-wrap .chartBody .barLayer .mainSection .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.bar-chart:not(.chart-tr):not(.chart-bc) > .chart-wrap .chartBody .barLayer .mainSection .bar:hover .tooltiptext {
  visibility: visible;
}

.bar-chart:not(.chart-tr):not(.chart-bc) > .chart-wrap .chartBody .barLayer .mainSection .bar:hover {
  background-color: #747aad;
}

.bar-chart:not(.chart-tr):not(.chart-bc) > .chart-wrap .chartBody .barLayer .mainSection .tooltiptext span.tooltip-year {
  font-size: 0.6rem;
  padding-left: 0.4rem;
}

.bar-chart:not(.chart-tr):not(.chart-bc) > .chart-wrap .chartBody .barLayer .mainSection .bar .tooltiptext {
  width: 100px;
}

.bar-chart:not(.chart-tr):not(.chart-bc) > .chart-wrap .chartBody .barLayer .mainSection .tooltiptext span.tooltip-content {
  font-size: 0.7rem;
  padding-left: 0.4rem;
}

.bar-chart > .chart-wrap .chartBody .barLayer p.caption {
  font-size: 14px;
  padding: 0;
  margin: 0;
  padding-top: .2rem;
  padding-bottom: .85rem;
  width: 100%;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(to bottom, black 30%, rgba(0, 0, 0, 0) 30%) 1 100%;
  color: black;
}

/* TL-2014 bar - revenue */
.chart-tl > .chart-wrap .chartBody .y2014 .mainSection .bar {
  animation-name: inline-tl2014;
  height: 190px;
}

@keyframes inline-tl2014 {
  0% {
    height: 0;
  }
  100% {
    height: 190px;
  }
}

/* TL-2015 bar - revenue */
.chart-tl > .chart-wrap .chartBody .y2015 .mainSection .bar {
  animation-name: inline-tl2015;
  height: 185px;
}

@keyframes inline-tl2015 {
  10% {
    height: 0;
  }
  100% {
    height: 185px;
  }
}

/* TL-2016 bar - revenue */
.chart-tl > .chart-wrap .chartBody .y2016 .mainSection .bar {
  animation-name: inline-tl2016;
  height: 190px;
}

@keyframes inline-tl2016 {
  20% {
    height: 0;
  }
  100% {
    height: 190px;
  }
}

/* TL-2017 bar - revenue */
.chart-tl > .chart-wrap .chartBody .y2017 .mainSection .bar {
  animation-name: inline-tl2017;
  height: 140px;
}

@keyframes inline-tl2017 {
  30% {
    height: 0;
  }
  100% {
    height: 140px;
  }
}

/* TL-2018 bar - revenue*/
.chart-tl > .chart-wrap .chartBody .y2018 .mainSection .bar {
  animation-name: inline-tl2018;
  height: 140px;
}

@keyframes inline-tl2018 {
  40% {
    height: 0;
  }
  100% {
    height: 140px;
  }
}

/* TL-2022 bar - revenue*/
.chart-tl > .chart-wrap .chartBody .y2022 .mainSection .bar {
  animation-name: inline-tl2022;
  height: 175px;
}

@keyframes inline-tl2022 {
  40% {
    height: 0;
  }
  100% {
    height: 175px;
  }
}

/* TL-2022 bar - revenue*/
.chart-tl > .chart-wrap .chartBody .y2024 .mainSection .bar {
  animation-name: inline-tl2024;
  height: 175px;
}

@keyframes inline-tl2024 {
  40% {
    height: 0;
  }
  100% {
    height: 175px;
  }
}


/* TC-2014 bar - ebitda */
.chart-tc > .chart-wrap .chartBody .y2014 .mainSection .bar {
  animation-name: inline-tc2014;
  height: calc(180px - 7%);
}

@keyframes inline-tc2014 {
  0% {
    height: 0;
  }
  100% {
    height: calc(180px - 7%);
  }
}

/* TC-2015 bar - ebitda */
.chart-tc > .chart-wrap .chartBody .y2015 .mainSection .bar {
  animation-name: inline-tc2015;
  height: calc(180px - 0%); /* 120 is bigges bar indide chart and will be origin for other */
}

@keyframes inline-tc2015 {
  10% {
    height: 0;
  }
  100% {
    height: calc(180px - 0%);
  }
}

/* TC-2016 bar - ebitda */
.chart-tc > .chart-wrap .chartBody .y2016 .mainSection .bar {
  animation-name: inline-tc2016;
  height: calc(180px - -2%); /* 120 is bigges bar indide chart and will be origin for other */
}

@keyframes inline-tc2016 {
  20% {
    height: 0;
  }
  100% {
    height: calc(180px - -2%);
  }
}

/* TC-2017 bar - ebitda */
.chart-tc > .chart-wrap .chartBody .y2017 div.mainSection div.bar {
  animation-name: inline-tc2017;
  height: calc(180px - 15%);
}

@keyframes inline-tc2017 {
  30% {
    height: 0;
  }
  100% {
    height: calc(180px - 15%);
  }
}

/* TC-2018 bar - ebitda */
.chart-tc > .chart-wrap .chartBody .y2018 .mainSection .bar {
  animation-name: inline-tc2018;
  height: calc(180px - 20%);
}

@keyframes inline-tc2018 {
  40% {
    height: 0;
  }
  100% {
    height: calc(180px - 20%);
  }
}

/* TC-2022 bar - ebitda */
.chart-tc > .chart-wrap .chartBody .y2022 .mainSection .bar {
  animation-name: inline-tc2022;
  height: calc(180px - 8%);
}

@keyframes inline-tc2022 {
  40% {
    height: 0;
  }
  100% {
    height: calc(180px - 8%);
  }
}

/* TC-2024 bar - ebitda */
.chart-tc > .chart-wrap .chartBody .y2024 .mainSection .bar {
  animation-name: inline-tc2024;
  height: calc(180px - -10%);
}

@keyframes inline-tc2024 {
  40% {
    height: 0;
  }
  100% {
    height: calc(180px - -10%);
  }
}


/* BL-2014 bar - normalised*/
.chart-bl > .chart-wrap .chartBody .y2014 div.mainSection div.bar {
  animation-name: inline-bl2014;
  height: 160px;
}

@keyframes inline-bl2014 {
  0% {
    height: 0;
  }
  100% {
    height: 160px;
  }
}

.chart-bl > .chart-wrap .chartBody .y2014 p.caption {
  padding-bottom: .2rem;
}

.chart-bl > .chart-wrap .chartBody .y2014 p::after {
  content: "Note 5";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}

/* BL-2015 bar - normalised*/
.chart-bl > .chart-wrap .chartBody .y2015 .mainSection .bar {
  animation-name: inline-bl2015;
  height: 180px;
}

@keyframes inline-bl2015 {
  10% {
    height: 0;
  }
  100% {
    height: 180px;
  }
}

.chart-bl > .chart-wrap .chartBody .y2015 p.caption {
  padding-bottom: .2rem;
}

.chart-bl > .chart-wrap .chartBody .y2015 p::after {
  content: "Note 5";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}

/* BL-2016 bar - normalised*/
.chart-bl > .chart-wrap .chartBody .y2016 .mainSection .bar {
  animation-name: inline-bl2016;
  height: 175px;
}

@keyframes inline-bl2016 {
  20% {
    height: 0;
  }
  100% {
    height: 175px;
  }
}

.chart-bl > .chart-wrap .chartBody .y2016 p.caption {
  padding-bottom: .2rem;
}

.chart-bl > .chart-wrap .chartBody .y2016 p::after {
  content: "Note 5";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}

/* BL-2017 bar - normalised*/
.chart-bl > .chart-wrap .chartBody .y2017 div.mainSection div.bar {
  animation-name: inline-bl2017;
  height: 90px;
}

@keyframes inline-bl2017 {
  30% {
    height: 0;
  }
  100% {
    height: 90px;
  }
}

.chart-bl > .chart-wrap .chartBody .y2017 p.caption {
  padding-bottom: .2rem;
}

.chart-bl > .chart-wrap .chartBody .y2017 p::after {
  content: "Note 4";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}

/* BL-2018 bar - normalised*/
.chart-bl > .chart-wrap .chartBody .y2018 .mainSection .bar {
  animation-name: inline-bl2018;
  height: 40px;
}

@keyframes inline-bl2018 {
  40% {
    height: 0;
  }
  100% {
    height: 40px;
  }
}

.chart-bl > .chart-wrap .chartBody .y2018 p.caption {
  padding-bottom: .2rem;
}

.chart-bl > .chart-wrap .chartBody .y2018 p::after {
  content: "Note 3";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}


/* BL-2022 bar - normalised*/
.chart-bl > .chart-wrap .chartBody .y2022 .mainSection .bar {
  animation-name: inline-bl2022;
  height: 50px;
}

@keyframes inline-bl2022 {
  40% {
    height: 0;
  }
  100% {
    height: 50px;
  }
}

.chart-bl > .chart-wrap .chartBody .y2022 p.caption {
  padding-bottom: .2rem;
}

.chart-bl > .chart-wrap .chartBody .y2022 p::after {
  content: "Note 2";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}

/* BL-2024 bar - normalised*/
.chart-bl > .chart-wrap .chartBody .y2024 .mainSection .bar {
  animation-name: inline-bl2024;
  height: 180px;
}

@keyframes inline-bl2024 {
  10% {
    height: 0;
  }
  100% {
    height: 180px;
  }
}

.chart-bl > .chart-wrap .chartBody .y2024 p.caption {
  padding-bottom: .2rem;
}

.chart-bl > .chart-wrap .chartBody .y2024 p::after {
  content: "Note 1";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}


/* BC-2014 bar - roic*/
/*.chart-bc > .chart-wrap .chartBody .y2014 div.mainSection div.bar {
  animation-name: inline-bc2014;
  height: 150px;
}

@keyframes inline-bc2014 {
  0% {
    height: 0;
  }
  100% {
    height: 150px;
  }
}*/

/* BC-2015 bar - roic*/
/*.chart-bc > .chart-wrap .chartBody .y2015 .mainSection .bar {
  animation-name: inline-bc2015;
  height: 60px;
}

@keyframes inline-bc2015 {
  10% {
    height: 0;
  }
  100% {
    height: 60px;
  }
}*/

/* BC-2016 bar - roic*/
/*.chart-bc > .chart-wrap .chartBody .y2016 .mainSection .bar {
  animation-name: inline-bc2016;
  height: 200px;
}

@keyframes inline-bc2016 {
  20% {
    height: 0;
  }
  100% {
    height: 200px;
  }
}*/

/* BC-2017 bar - roic*/
/*.chart-bc > .chart-wrap .chartBody .y2017 div.mainSection div.bar {
  animation-name: inline-bc2017;
  height: 100px;
}

@keyframes inline-bc2017 {
  30% {
    height: 0;
  }
  100% {
    height: 100px;
  }
}*/

/* BC-2018 bar - roic*/
/*.chart-bc > .chart-wrap .chartBody .y2018 .mainSection .bar {
  animation-name: inline-bc2018;
  height: 180px;
}

@keyframes inline-bc2018 {
  40% {
    height: 0;
  }
  100% {
    height: 180px;
  }
}*/

/*.chart-bc > .chart-wrap .chartBody .y2018 p.caption {
  padding-bottom: .2rem;
}

.chart-bc > .chart-wrap .chartBody .y2018 p::after {
  content: "Note 3";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}*/

/* BC-2022 bar - roic*/
/*.chart-bc > .chart-wrap .chartBody .y2022 .mainSection .bar {
  animation-name: inline-bc2022;
  height: 130px;
}

@keyframes inline-bc2022 {
  40% {
    height: 0;
  }
  100% {
    height: 130px;
  }
}*/


/* BR-2014 bar - ebit */
.chart-br > .chart-wrap .chartBody .y2014 div.mainSection div.bar {
  animation-name: inline-br2014;
  height: 200px;
}

@keyframes inline-br2014 {
  0% {
    height: 0;
  }
  100% {
    height: 200px;
  }
}

/* BR-2015 bar - ebit */
.chart-br > .chart-wrap .chartBody .y2015 .mainSection .bar {
  animation-name: inline-br2015;
  height: 140px;
}

@keyframes inline-br2015 {
  10% {
    height: 0;
  }
  100% {
    height: 140px;
  }
}

/* BR-2016 bar */
.chart-br > .chart-wrap .chartBody .y2016 .mainSection .bar {
  animation-name: inline-br2016;
  height: 150px;
}

@keyframes inline-br2016 {
  20% {
    height: 0;
  }
  100% {
    height: 150px;
  }
}

/* BR-2017 bar - ebit */
.chart-br > .chart-wrap .chartBody .y2017 .mainSection .bar {
  animation-name: inline-br2017;
  height: 150px;
}


@keyframes inline-br2017 {
  30% {
    height: 0;
  }
  100% {
    height: 150px;
  }
}

/*.chart-br > .chart-wrap .chartBody .y2017 .mainSection .bar span:first-of-type{
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-name: inline-textbr2017;
  opacity: 100%;
  writing-mode: sideways-lr;
  text-orientation: mixed;
  margin-top: 35px;
  padding-left: .2rem
}

@keyframes inline-textbr2017 {
  0% {
    opacity: 0%;
  }
  50% {
    opacity: 0%;
  }
  100% {
    opacity: 100%;
  }
}*/

/*.chart-br > .chart-wrap .chartBody .y2017 p.caption {
  padding-bottom: .2rem;
}

.chart-br > .chart-wrap .chartBody .y2017 p::after {
  content: "Note 4";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}*/

/* BR-2018 bar - ebit */
.chart-br > .chart-wrap .chartBody .y2018 .mainSection .bar {
  animation-name: inline-br2018;
  height: 80px;
}

@keyframes inline-br2018 {
  40% {
    height: 0;
  }
  100% {
    height: 80px;
  }
}


/* BR-2022 bar - ebit */
.chart-br > .chart-wrap .chartBody .y2022 .mainSection .bar {
  animation-name: inline-br2022;
  height: 100px;
}

@keyframes inline-br2022 {
  40% {
    height: 0;
  }
  100% {
    height: 100px;
  }
}

/* BR-2024 bar - ebit */
.chart-br > .chart-wrap .chartBody .y2024 .mainSection .bar {
  animation-name: inline-br2024;
  height: 200px;
  background-color: #1a4594 !important;
}

@keyframes inline-br2024 {
  40% {
    height: 0;
  }
  100% {
    height: 200px;
  }
}

/*.bar-chart.chart-br > .chart-wrap .chartBody .y2017 {
    background-color: #e5e5e5;
}*/

/*.chart-br > .chart-wrap .chartBody .y2018 p.caption {
  padding-bottom: .2rem;
}

.chart-br > .chart-wrap .chartBody .y2018 p::after {
  content: "Note 4";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}
*/
/* to all */
.bar-chart:not(.chart-tr):not(.chart-bc) > .chart-wrap .chartBody .y2024 .mainSection .bar {
  background-color: #1a4594;
}

/*.chart-bc > .chart-wrap .chartBody .y2018 .mainSection .bar {
  background-image: linear-gradient(to bottom, #fff 80%, #1a4594 80%);
}*/

/*.chart-bc > .chart-wrap .chartBody .y2017 .mainSection .bar::before {
  content: "+0.9pp";
  color: #000;
  font-size: 0.8rem;
  display: block;
  padding: 0;
  margin: -20px;
  text-align: center;
}*/

/* TR-general setting */
.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar {
  display: block;
  width: 50%;
  background: none;
}
.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part .bar-inside {
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
}

.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part .bar-inside:hover {
  cursor: pointer;
}

.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part .bar-inside .tooltiptext,
.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .bellow-part .bar-inside .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 25%;
  margin-left: -50px;
}

.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part .bar-inside .tooltiptext::after,
.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .bellow-part .bar-inside .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part .bar-inside:hover .tooltiptext,
.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .bellow-part .bar-inside:hover .tooltiptext {
  visibility: visible;
}

.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .bellow-part .bar-inside:hover {
  background-color: #747aad;
  cursor: pointer;
}

.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part .bar-inside:hover {
    background-color: #747aad;
    cursor: pointer;
}

.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .tooltiptext span.tooltip-year {
  font-size: 0.6rem;
  padding-left: 0.4rem;
}

.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .tooltiptext {
  width: 100px;
}

.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .tooltiptext span.tooltip-content {
  font-size: 0.7rem;
  padding-left: 0.4rem;
}

.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part{
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  border-bottom: 1px solid #000;
}

.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar .bellow-part{
  height: 60%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* TR-spesefic setting */

/* TR-2014 bar - PAT */
.chart-tr > .chart-wrap .chartBody .y2014 .mainSection .bar .above-part .bar-inside{
  animation-name: inline-tr2014;
  height: 100px;
  background-color: #868cbe;
  width: 50%;
}

@keyframes inline-tr2014 {
  0% {
    height: 0;
  }
  100% {
    height: 100px;
  }
}

/* TR-2015 bar - PAT */
.chart-tr > .chart-wrap .chartBody .y2015 .mainSection .bar .above-part .bar-inside{
  /*animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;*/
  animation-name: inline-tr2015;
  height: 70px;
  background-color: #868cbe;
  width: 50%;
}

@keyframes inline-tr2015 {
  0% {
    height: 0;
  }
  100% {
    height: 70px;
  }
}

/* TR-2016 bar - PAT */
.chart-tr > .chart-wrap .chartBody .y2016 .mainSection .bar .above-part .bar-inside{
  animation-name: inline-tr2016;
  height: 40px;
  background-color: #868cbe;
  width: 50%;
}

@keyframes inline-tr2016 {
  20% {
    height: 0;
  }
  100% {
    height: 40px;
  }
}

/* TR-2017 bar - PAT */
.chart-tr > .chart-wrap .chartBody .y2017 .mainSection .bar .above-part .bar-inside{
  animation-name: inline-tr2017;
  height: 20px;
  background-color: #868cbe;
  width: 50%;
}

@keyframes inline-tr2017 {
  20% {
    height: 0;
  }
  100% {
    height: 20px;
  }
}

/*.chart-tr > .chart-wrap .chartBody .y2017 .mainSection .bar .above-part .bar-inside{
  animation-name: inline-tr2017;
  height: 45px;
  background-image: linear-gradient(to bottom, #fff 30%, #868cbe 30%);
  width: 50%;
}*/

/*.chart-tr > .chart-wrap .chartBody .y2017 .mainSection .bar .above-part .bar-inside::before{
  content: "1.9";
  color: #000;
  font-size: 0.8rem;
  display: block;
  padding: 0;
  margin: -20px;
  text-align: center;
}*/

/* TR-2018 bar - PAT */
.chart-tr > .chart-wrap .chartBody .y2018 .mainSection .bar .bellow-part .bar-inside{
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-name: inline-tr2018;
  height: 60px;
  /*background-image: linear-gradient(to bottom, #fff 30%, #868cbe 30%);*/
  width: 50%;
  background-color: #868cbe;
}

@keyframes inline-tr2018 {
  40% {
    height: 0;
  }
  100% {
    height: 60px;
  }
}

/*.chart-tr > .chart-wrap .chartBody .y2018 .mainSection .bar .above-part .bar-inside{
  height: 35px;
  background-color: #fff;
  width: 50%;
}
.chart-tr > .chart-wrap .chartBody .y2018 .mainSection .bar .above-part .bar-inside::before{
  content: "1.3";
  color: #000;
  font-size: 0.8rem;
  display: block;
  padding: 0;
  margin: -20px;
  text-align: center;
}*/

/*.chart-tr > .chart-wrap .chartBody .y2018 .mainSection .bar .bellow-part .bar-inside{
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;

  animation-name: inline-tr2018;
  height: 75px;
  background-color: #868cbe;
  width: 50%;
}*/

/* TR-2022 bar - PAT */
.chart-tr > .chart-wrap .chartBody .y2022 .mainSection .bar .bellow-part .bar-inside{
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-name: inline-tr2022;
  height: 30px;
  /*background-image: linear-gradient(to bottom, #fff 30%, #868cbe 30%);*/
  width: 50%;
  background-color: #868cbe;
}

@keyframes inline-tr2022 {
  30% {
    height: 0;
  }
  100% {
    height: 30px;
  }
}

/* TR-2024 bar - PAT */
.chart-tr > .chart-wrap .chartBody .y2024 .mainSection .bar .above-part .bar-inside{
  animation-name: inline-tr2024;
  height: 80px;
  /*background-image: linear-gradient(to bottom, #fff 30%, #868cbe 30%);*/
  width: 50%;
  background-color: #1a4594;
}

@keyframes inline-tr2024 {
  30% {
    height: 0;
  }
  100% {
    height: 80px;
  }
}

/* TR-2014 bar - pat*/
.chart-tr > .chart-wrap .chartBody .barLayer .mainSection .bar {
  animation-name: inline-;
  height: 180px;
  background: none;
  width: 100%;
}

/*.chart-tr > .chart-wrap .chartBody .y2014 p.caption {
  padding-bottom: .2rem;
}*/

/*.chart-tr > .chart-wrap .chartBody .y2014 p::after {
  content: "Note 9";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}
*/

/* TR-2015 bar - pat*/
.chart-tr > .chart-wrap .chartBody .y2015 .mainSection .bar {
  height: 180px;
}

/*.chart-tr > .chart-wrap .chartBody .y2015 p.caption {
  padding-bottom: .2rem;
}*/
/*.chart-tr > .chart-wrap .chartBody .y2015 p::after {
  content: "Note 7";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}*/

/* TR-2016 bar - pat*/
.chart-tr > .chart-wrap .chartBody .y2016 .mainSection .bar {
  height: 180px;
}

/* TR-2017 bar - pat*/
.chart-tr > .chart-wrap .chartBody .y2017 .mainSection .bar {
  height: 180px;
}

/*.chart-tr > .chart-wrap .chartBody .y2017 p.caption {
  padding-bottom: .2rem;
}
.chart-tr > .chart-wrap .chartBody .y2017 p::after {
  content: "Note 6";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}*/

/* TR-2018 bar - pat*/
.chart-tr > .chart-wrap .chartBody .y2018 .mainSection .bar {
  height: 180px;
}

/*.chart-tr > .chart-wrap .chartBody .y2018 p.caption {
  padding-bottom: .2rem;
}*/

/*.chart-tr > .chart-wrap .chartBody .y2018 p::after {
  content: "Note 1";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}*/

/*.chart-br > .chart-wrap .chartBody .y2017 .mainSection .bar:hover {
  background-image: linear-gradient(to bottom, #cceeff 60%, #747aad 60%);
}*/

/* TR-2022 bar - pat*/
.chart-tr > .chart-wrap .chartBody .y2022 .mainSection .bar {
  height: 180px;
}

/*.chart-tr > .chart-wrap .chartBody .y2022 p.caption {
  padding-bottom: .2rem;
}*/

/*.chart-tr > .chart-wrap .chartBody .y2022 p::after {
  content: "Note 1";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}*/

/*.chart-br > .chart-wrap .chartBody .y2022 .mainSection .bar:hover {
  background-image: linear-gradient(to bottom, #cceeff 60%, #747aad 60%);
}*/


/* TR-2024 bar - pat*/
.chart-tr > .chart-wrap .chartBody .y2024 .mainSection .bar {
  height: 180px;
}

/*.chart-tr > .chart-wrap .chartBody .y2024 p.caption {
  padding-bottom: .2rem;
}*/

/*.chart-tr > .chart-wrap .chartBody .y2024 p::after {
  content: "Note 1";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}*/

/*.chart-br > .chart-wrap .chartBody .y2024 .mainSection .bar:hover {
  background-image: linear-gradient(to bottom, #cceeff 60%, #747aad 60%);
}*/


/* BC-general setting */
.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar {
  display: block;
  width: 50%;
  background: none;
}
.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part .bar-inside {
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
}

.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part .bar-inside:hover {
  cursor: pointer;
}

.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part .bar-inside .tooltiptext,
.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .bellow-part .bar-inside .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 25%;
  margin-left: -50px;
}

.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part .bar-inside .tooltiptext::after,
.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .bellow-part .bar-inside .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part .bar-inside:hover .tooltiptext,
.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .bellow-part .bar-inside:hover .tooltiptext {
  visibility: visible;
}

.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .bellow-part .bar-inside:hover {
  background-color: #747aad;
  cursor: pointer;
}

.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part .bar-inside:hover {
    background-color: #747aad;
    cursor: pointer;
}

.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .tooltiptext span.tooltip-year {
  font-size: 0.6rem;
  padding-left: 0.4rem;
}

.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .tooltiptext {
  width: 100px;
}

.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .tooltiptext span.tooltip-content {
  font-size: 0.7rem;
  padding-left: 0.4rem;
}

.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .above-part{
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  border-bottom: 1px solid #000;
}

.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar .bellow-part{
  height: 60%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* BC-spesefic setting */

/* BC-2014 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2014 .mainSection .bar .above-part .bar-inside{
  animation-name: inline-tr2014;
  height: 100px;
  background-color: #868cbe;
  width: 50%;
}

@keyframes inline-tr2014 {
  0% {
    height: 0;
  }
  100% {
    height: 100px;
  }
}

/* BC-2015 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2015 .mainSection .bar .above-part .bar-inside{
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-name: inline-bc2015;
  height: 120px;
  background-color: #868cbe;
  width: 50%;
}

@keyframes inline-bc2015 {
  10% {
    height: 0;
  }
  100% {
    height: 120px;
  }
}

/* BC-2016 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2016 .mainSection .bar .above-part .bar-inside{

  animation-name: inline-bc2016;
  height: 70px;
  background-color: #868cbe;
  width: 50%;
}

@keyframes inline-bc2016 {
  40% {
    height: 0;
  }
  100% {
    height: 70px;
  }
}

/* BC-2017 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2017 .mainSection .bar .above-part .bar-inside{
  animation-name: inline-bc2017;
  height: 100px;
  background-color: #868cbe;
  width: 50%;
}

@keyframes inline-bc2017 {
  20% {
    height: 0;
  }
  100% {
    height: 100px;
  }
}

/* BC-2018 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2018 .mainSection .bar .bellow-part .bar-inside{
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-name: inline-bc2018;
  height: 50px;
  /*background-image: linear-gradient(to bottom, #fff 30%, #868cbe 30%);*/
  width: 50%;
  background-color: #868cbe;
}

@keyframes inline-bc2018 {
  40% {
    height: 0;
  }
  100% {
    height: 50px;
  }
}


/* BC-2022 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2022 .mainSection .bar .above-part .bar-inside{
  animation-name: inline-bc2022;
  height: 90px;
  width: 50%;
   background-color: #868cbe;
}

@keyframes inline-bc2022 {
  30% {
    height: 0;
  }
  100% {
    height: 90px;
  }
}

/* BC-2024 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2024 .mainSection .bar .above-part .bar-inside{
  animation-name: inline-bc2024;
  height: 110px;
  background-color: #1a4594;
  width: 50%;
}

@keyframes inline-bc2024 {
  30% {
    height: 0;
  }
  100% {
    height: 110px;
  }
}


/* BC-2014 bar - roic*/
.chart-bc > .chart-wrap .chartBody .barLayer .mainSection .bar {
  animation-name: inline-;
  height: 180px;
  background: none;
  width: 100%;
}

/*.chart-bc > .chart-wrap .chartBody .y2014 p.caption {
  padding-bottom: .2rem;
}*/

/*.chart-bc > .chart-wrap .chartBody .y2014 p::after {
  content: "Note 9";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}
*/
/* BC-2015 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2015 .mainSection .bar {
  height: 180px;
}
/* BC-2016 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2016 .mainSection .bar {
  height: 180px;
}
/* BC-2017 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2017 div.mainSection div.bar {
  height: 180px;
}
/*.chart-bc > .chart-wrap .chartBody .y2017 p.caption {
  padding-bottom: .2rem;
}
.chart-bc > .chart-wrap .chartBody .y2017 p::after {
  content: "Note 6";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}*/
/* BC-2018 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2018 .mainSection .bar {
  height: 180px;
}

/*.chart-bc > .chart-wrap .chartBody .y2018 p.caption {
  padding-bottom: .2rem;
}*/

/*.chart-bc > .chart-wrap .chartBody .y2018 p::after {
  content: "Note 1";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}*/

/*.chart-br > .chart-wrap .chartBody .y2017 .mainSection .bar:hover {
  background-image: linear-gradient(to bottom, #cceeff 60%, #747aad 60%);
}*/

/* BC-2018 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2018 .mainSection .bar {
  height: 180px;
}
.chart-bc > .chart-wrap .chartBody .y2018 p.caption {
  padding-bottom: .2rem;
}
.chart-bc > .chart-wrap .chartBody .y2018 p::after {
  content: "Note 8";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}

/* BC-2022 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2022 .mainSection .bar {
  height: 180px;
}
.chart-bc > .chart-wrap .chartBody .y2022 p.caption {
  padding-bottom: .2rem;
}
.chart-bc > .chart-wrap .chartBody .y2022 p::after {
  content: "Note 7";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}
/*.chart-bc > .chart-wrap .chartBody .y2022 p.caption {
  padding-bottom: .2rem;
}*/

/*.chart-bc > .chart-wrap .chartBody .y2022 p::after {
  content: "Note 1";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}*/

/*.chart-br > .chart-wrap .chartBody .y2022 .mainSection .bar:hover {
  background-image: linear-gradient(to bottom, #cceeff 60%, #747aad 60%);
}*/

/* BC-2024 bar - roic*/
.chart-bc > .chart-wrap .chartBody .y2024 .mainSection .bar {
  height: 180px;
}
.chart-bc > .chart-wrap .chartBody .y2024 p.caption {
  padding-bottom: .2rem;
}
.chart-bc > .chart-wrap .chartBody .y2024 p::after {
  content: "Note 6";
  color: #000;
  font-size: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}

/* Chart and Table notes sections
   ========================================================================== */

.chart-note-header {
  background-image: linear-gradient(to bottom, #fff 50%, #164396 50%);
  text-align: center;
}

.table-note-header {
  background-image: linear-gradient(to bottom, #e4e4e4 50%, #164396 50%);
  text-align: center;
}

.table-note-header .noteBtn,
.chart-note-header .noteBtn {
  background-color: #c40d42;
  border-radius: 8px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
}

.table-note-header .noteBtn:hover,
.chart-note-header .noteBtn:hover {
  background-color: #ac0b3a;
}

.table-note-header .noteBtn a,
.chart-note-header .noteBtn a,
.table-note-header .noteBtn a:active,
.chart-note-header .noteBtn a:active {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 3em;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  outline: none;
}

div.table-note-header div.noteBtn a img,
div.chart-note-header div.noteBtn a img{
  transition: all 0.5s;

  width: 20px;
  height: 20px;
}

.table-note-header .noteBtn a[aria-expanded=true] img,
.chart-note-header .noteBtn a[aria-expanded=true] img{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.chartNoteBody,
.pieNoteBody {
  background-color: #164396;
  transition: all 0.8s ease-in-out;
}

.chartNoteBody .container ul,
.pieNoteBody .container ul {
  background-color: #164396;
}

.chartNoteBody .container ul li,
.pieNoteBody .container ul li {
  font-size: 1em;
  color: #fff;
  text-align: justify;
  text-justify: inter-word;
  list-style-type: decimal;
  padding-top: 30px;
}

.chartNoteBody .container ul li:last-child,
.pieNoteBody .container ul li:last-child {
  padding-bottom: 30px;
}

.chartNoteBody .container ul li:hover,
.pieNoteBody .container ul li:hover {
  color: #d6d3d3;
}

/* Responsive action */
@media screen and (max-width: 767px) {
  .top-tables > .bar-chart,
  .bottom-tables > .bar-chart{
    width: 100%;
    margin-bottom: 2em;
  }

  .bar-chart > .chart-wrap .chartBody .barLayer .mainSection {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    align-content: center;
  }

  .bar-chart > .chart-wrap .chartBody .barLayer .mainSection h6.volume {
    transform: rotate(0deg);
  }
}

/* Pie charts section
   ========================================================================== */

.axiata-piecharts .assets-equity .assets .flip-card,
.axiata-piecharts .assets-equity .equity .flip-card,
.axiata-piecharts .rev-ebidta .ebitda .flip-card,
.axiata-piecharts .rev-ebidta .revenue .flip-card{
  width: 80%;
  height: 700px;
  background-color: transparent;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner,
.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner,
.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner,
.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner{
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 0.9s;
  transform-style: preserve-3d;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-front,
.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-front,
.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-front,
.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-front{
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: linear-gradient(to bottom right, #ef0657, #b12646);
  border-radius: 1em;
  text-align: center;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: center;
}

.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-front{
  background-image: linear-gradient(to bottom right, #f89100, #f34e0d);
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-front{
  background-image: linear-gradient(to bottom right, #8ed415, #1caa15);
}

.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-front{
  background-image: linear-gradient(to bottom right, #b63c80, #621a71);
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-front h5.piechartsTitle,
.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-front h5.piechartsTitle,
.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-front h5.piechartsTitle,
.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-front h5.piechartsTitle{
  color: #fff;
  font-weight: 700;
  text-transform: capitalize;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-front h6 img,
.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-front h6 img,
.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-front h6 img,
.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-front h6 img{
  max-width: 10%;
  display: block;
  margin: 0 auto;
  padding-top: 20px;
  animation: animate-arrow 1s ease-in-out infinite;
}

@keyframes animate-arrow {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(10px, 0);
  }
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-front img,
.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-front img,
.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-front img,
.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-front img{
  color: #fff;
  font-weight: 700;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-back,
.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-back,
.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back,
.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back{
  backface-visibility: hidden;
  transform: rotateY(180deg);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 1em;
  text-align: center;
  background-color: #eeebeb;
}

.axiata-piecharts .assets-equity .assets .flip-card:hover .flip-card-inner,
.axiata-piecharts .assets-equity .equity .flip-card:hover .flip-card-inner,
.axiata-piecharts .rev-ebidta .ebitda .flip-card:hover .flip-card-inner,
.axiata-piecharts .rev-ebidta .revenue .flip-card:hover .flip-card-inner{
  transform: rotateY(180deg);
}

/* ===== */
.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-back,
.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-back,
.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back,
.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.axiata-piecharts .row div .flip-card .flip-card-inner .flip-card-back .year-title {
  margin-bottom: -20px;
  font-size: 1.95rem;
  font-weight: 500;

}

@media (max-width: 1200px) {
  .axiata-piecharts .row div .flip-card .flip-card-inner .flip-card-back .year-title {
      margin-bottom: -40px;
      font-size: 1.65rem;
      font-weight: 500;
    }
}

@media (max-width: 991px) {
  .axiata-piecharts .row div .flip-card .flip-card-inner .flip-card-back .year-title {
      margin-bottom: -70px;
      font-size: 1.25rem;
      font-weight: 500;
    }
}

@media (max-width: 768px) {
  .axiata-piecharts .row div .flip-card .flip-card-inner .flip-card-back .year-title {
      margin-bottom: -20px;
      font-size: 1.85rem;
      font-weight: 500;
    }
}

.axiata-piecharts .row div .flip-card .flip-card-inner .flip-card-back canvas {
  padding: 10px;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-back ul,
.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-back ul,
.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back ul,
.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back ul {
  list-style: none;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: -ms-fit-content;
  width: -o-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: left;
  font-size: 0.8rem;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-back ul li,
.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-back ul li,
.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back ul li,
.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back ul li{
  list-style: none;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-back ul li span.mr-2,
.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-back ul li span.mr-2,
.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back ul li span.mr-2,
.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back ul li span.mr-2 {
  width: 40px;
  height: 15px;
  display: inline-block;
}

/* revenue legend color*/
.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back ul li span.rev-celcom{
  background-color: #034ea2;
}

.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back ul li span.rev-xl{
  background-color: #09b9c6;
}

.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back ul li span.rev-robi{
  background-color: #a91a5c;
}

.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back  ul li span.rev-dialog{
  background-color: #e7604d;
}

.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back ul li span.rev-ncell{
  background-color: #a1daba;
}

.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back ul li span.rev-smart{
  background-color: #f80046;
}

.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back ul li span.rev-edotco{
  background-color: #00944b;
}

.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back ul li span.rev-linknet{
  background-color: #fdb933;
}

.axiata-piecharts .rev-ebidta .revenue .flip-card .flip-card-inner .flip-card-back ul li span.rev-other{
  background-color: #b8ddf0;
}

/* ebitda legend color*/
.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back ul li span.ebi-xl{
  background-color: #09b9c6;
}

.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back ul li span.ebi-celcom{
  background-color: #034ea2;
}

.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back ul li span.ebi-ncell{
  background-color: #a1daba;
}

.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back  ul li span.ebi-dialog{
  background-color: #e7604d;
}

.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back ul li span.ebi-robi{
  background-color: #a91a5c;
}

.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back ul li span.ebi-smart{
  background-color: #f80046;
}

.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back ul li span.ebi-linknet{
  background-color: #fdb933;
}

.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back ul li span.ebi-edotco{
  background-color: #00944b;
}

.axiata-piecharts .rev-ebidta .ebitda .flip-card .flip-card-inner .flip-card-back ul li span.ebi-other{
  background-color: #b8ddf0;
}

/* assets legend color*/
.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-back ul li span.as-property{
  background-color: #034ea2;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-back ul li span.as-intangible{
  background-color: #09b9c6;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-back ul li span.as-trade{
  background-color: #b8ddf0;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-back  ul li span.as-deposit{
  background-color: #a1daba;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-back ul li span.as-other{
  background-color: #f80046;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-back ul li span.as-joint{
  background-color: #e7604d;
}

.axiata-piecharts .assets-equity .assets .flip-card .flip-card-inner .flip-card-back ul li span.as-investment{
  background-color: #a91a5c;
}

/* equity legend color*/
.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-back ul li span.eq-borrow{
  background-color: #034ea2;
}

.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-back ul li span.eq-trade{
  background-color: #a1daba;
}

.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-back ul li span.eq-share{
  background-color: #a91a5c;
}

.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-back  ul li span.eq-other{
  background-color: #f80046;
}

.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-back ul li span.eq-control{
  background-color: #09b9c6;
}

.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-back ul li span.eq-reserve{
  background-color: #e7604d;
}
.axiata-piecharts .assets-equity .equity .flip-card .flip-card-inner .flip-card-back ul li span.eq-lease {
    background-color: #b8ddf0;
}
/* Table section
   ========================================================================== */

.table-section{
  background-color: #e4e4e4;
}

h6.fiveyear-tablesubtitle {
  text-transform: capitalize;
}

.table-section > .container > .table-responsive > table.fiveyear-table-financial,
.table-section > .container > .table-responsive > table.fiveyear-table-share,
.table-section > .container > .table-responsive > table.fiveyear-table-growth,
.table-section > .container > .table-responsive > table.fiveyear-table {
  margin-bottom: 0;
  margin-top: 0;
}

.table-section > .container > .table-responsive > table.fiveyear-table-financial > tbody > tr > td,
.table-section > .container > .table-responsive > table.fiveyear-table-share > tbody > tr > td,
.table-section > .container > .table-responsive > table.fiveyear-table-growth > tbody > tr > td,
.table-section > .container > .table-responsive > table.fiveyear-table > tbody > tr > td {
  box-sizing: content-box;
}

.table-section > .container > .table-responsive > table.fiveyear-table-financial > thead > tr th,
.table-section > .container > .table-responsive > table.fiveyear-table-share > thead > tr th,
.table-section > .container > .table-responsive > table.fiveyear-table-growth > thead > tr th,
.table-section > .container > .table-responsive > table.fiveyear-table > thead > tr th{
  text-align: center;
}

.table-section > .container > .table-responsive > table.fiveyear-table-financial > tbody > tr td,
.table-section > .container > .table-responsive > table.fiveyear-table-share > tbody > tr td,
.table-section > .container > .table-responsive > table.fiveyear-table-growth > tbody > tr td,
.table-section > .container > .table-responsive > table.fiveyear-table > tbody > tr td{
  text-align: right;
}

.table-section > .container > .table-responsive > table.fiveyear-table > thead > tr > th,
.table-section > .container > .table-responsive > table.fiveyear-table-financial > thead > tr > th,
.table-section > .container > .table-responsive > table.fiveyear-table-share > thead > tr > th,
.table-section > .container > .table-responsive > table.fiveyear-table-growth > thead > tr > th{
  color: white;
  font-size: .8rem;
  background-color: #0049a6;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  border: none;
  border-bottom: 1px solid #000;
}

.table-section > .container > .table-responsive > table.fiveyear-table > thead > tr > th:first-child,
.table-section > .container > .table-responsive > table.fiveyear-table-financial > thead > tr > th:first-child,
.table-section > .container > .table-responsive > table.fiveyear-table-share > thead > tr > th:first-child,
.table-section > .container > .table-responsive > table.fiveyear-table-growth > thead > tr > th:first-child{
  color: #000;
}

.table-section > .container > .table-responsive > table.fiveyear-table > tbody > tr td:first-child,
.table-section > .container > .table-responsive > table.fiveyear-table-financial > tbody > tr td:first-child,
.table-section > .container > .table-responsive > table.fiveyear-table-share > tbody > tr td:first-child,
.table-section > .container > .table-responsive > table.fiveyear-table-growth > tbody > tr td:first-child{
  text-align: center;
  background-color: #0049a6;
  color: #fff;
}

.table-section > .container > .table-responsive > table.fiveyear-table-financial > tbody > tr > th[scope=row],
.table-section > .container > .table-responsive > table.fiveyear-table-share > tbody > tr > th[scope=row],
.table-section > .container > .table-responsive > table.fiveyear-table-growth > tbody > tr > th[scope=row],
.table-section > .container > .table-responsive > table.fiveyear-table > tbody > tr > th[scope=row] {
  font-size: .9rem;
}

.table-section > .container > .table-responsive > table.fiveyear-table-financial > tbody > tr > td,
.table-section > .container > .table-responsive > table.fiveyear-table-share > tbody > tr > td,
.table-section > .container > .table-responsive > table.fiveyear-table-growth > tbody > tr > td,
.table-section > .container > .table-responsive > table.fiveyear-table > tbody > tr > td {
  font-size: .9rem;
  font-weight: 700;
  text-align: center;
}

.table-section > .container > .table-responsive > table.fiveyear-table-financial.table-hover thead.thead-dark tr th,
.table-section > .container > .table-responsive > table.fiveyear-table-share.table-hover thead.thead-dark tr th,
.table-section > .container > .table-responsive > table.fiveyear-table-growth.table-hover thead.thead-dark tr th,
.table-section > .container > .table-responsive > table.fiveyear-table.table-hover thead.thead-dark tr th{
  width: 10%;
}

.table-section > .container > .table-responsive > table.fiveyear-table.table-hover thead.thead-dark tr th:first-child,
.table-section > .container > .table-responsive > table.fiveyear-table-financial.table-hover thead.thead-dark tr th:first-child,
.table-section > .container > .table-responsive > table.fiveyear-table-share.table-hover thead.thead-dark tr th:first-child,
.table-section > .container > .table-responsive > table.fiveyear-table-growth.table-hover thead.thead-dark tr th:first-child{
  width: 1%;
  background-color: #000;
}

.table-section > .container > .table-responsive > table.fiveyear-table.table-hover thead.thead-dark tr th.unlessCell,
.table-section > .container > .table-responsive > table.fiveyear-table-financial.table-hover thead.thead-dark tr th.unlessCell,
.table-section > .container > .table-responsive > table.fiveyear-table-share.table-hover thead.thead-dark tr th.unlessCell,
.table-section > .container > .table-responsive > table.fiveyear-table-growth.table-hover thead.thead-dark tr th.unlessCell{
  width: 49%;
  text-align: left;
}


/* ========================================================================== */
/* DIVIDEND POLICY
/* ========================================================================== */


section.dividend,
section.dividend .container{
  padding-left: 0;
  padding-right: 0;
}

#dividend-policy .policy-chart {
  background-color: #eddbc5;
  padding: 0;
}

#dividend-policy .policy-chart .chart-box{
  display: flex;
  height: 400px;
  justify-content: center;
  margin-left: -10%;
  margin-right: -10%;
  background-color: #eddbc5;
}

#dividend-policy .policy-chart .chart-box .bar-wraper{
  height: 100%;
}

#dividend-policy .policy-chart .chart-box .bar-wraper,
#dividend-policy .policy-chart .chart-box .bar-wraper .bar-label,
#dividend-policy .policy-chart .chart-box .bar-wraper .bar-ctx{
  padding: 0;
  margin: 0;
}

/* each bar label */
#dividend-policy .policy-chart .chart-box .bar-wraper .bar-label {
  width: 100%;
  color: #000;
  height: 30%;
  font-size: 0.6rem;
  border-right: 1px dotted #000;
  margin-top: 20%;
  line-height: 0.9rem;
  padding: 0 5px;
}

#dividend-policy .policy-chart .chart-box .bar-wraper:last-child .bar-label {
  border-right: none;
}


/* each bar BODY */
#dividend-policy .policy-chart .chart-box .bar-wraper .bar-ctx {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  background-color: #eddbc5;
  height: 65%;
}

#dividend-policy .policy-chart .chart-box .bar-wraper .bar-ctx.addtxt {
    background-color: #a3e4e4 !important;
    position: relative;
}

#dividend-policy .policy-chart .chart-box .bar-wraper .bar-ctx.addtxt p.txtaddcontent {
    position: absolute;
    top: 0;
    right: -98%;
    z-index: 99;
    font-size: .7rem;
    text-align: center;
    padding: 10px;
}

#dividend-policy .policy-chart .chart-box .bar-wraper .bar-ctx .bar-body{
  width: 100%;
  background-color: #2f559a;
  border: 1px solid #164396;
  border-bottom: 0;
  cursor: pointer;
  transition: all .2s ease-in-out;
  position: relative;
  display: inline-block;
  padding: 0;
}

#dividend-policy .policy-chart .chart-box .year2010 .bar-ctx .bar-body{
  min-height: 60px; /* 30 * 200 / 100 */
  max-height: 60px;
}

#dividend-policy .policy-chart .chart-box .year2011 .bar-ctx .bar-body{
  min-height: 120px;
  max-height: 120px;
}

#dividend-policy .policy-chart .chart-box .year2012 .bar-ctx .bar-body{
  min-height: 140px;
  max-height: 140px;
}

#dividend-policy .policy-chart .chart-box .year2013 .bar-ctx .bar-body{
  min-height: 150px;
  max-height: 150px;
}

#dividend-policy .policy-chart .chart-box .year2014 .bar-ctx .bar-body{
  min-height: 168px;
  max-height: 168px;
}

#dividend-policy .policy-chart .chart-box .year2015 .bar-ctx .bar-body{
  min-height: 170px;
  max-height: 170px;
}

#dividend-policy .policy-chart .chart-box .year2016 .bar-ctx .bar-body{
  min-height: 100px;
  max-height: 100px;
}

#dividend-policy .policy-chart .chart-box .year2017 .bar-ctx .bar-body{
  min-height: 128px;
  max-height: 128px;
}

#dividend-policy .policy-chart .chart-box .year2018 .bar-ctx .bar-body{
  min-height: 170px;
  max-height: 170px;
}
#dividend-policy .policy-chart .chart-box .year2019 .bar-ctx .bar-body{
  min-height: 180px;
  max-height: 180px;
  /*background-color: #d45d7f;
  border: 1px solid #c40d42;*/
}
#dividend-policy .policy-chart .chart-box .year2020 .bar-ctx .bar-body{
  min-height: 148px;
  max-height: 148px;
  /*background-color: #d45d7f;
  border: 1px solid #c40d42;*/
}
#dividend-policy .policy-chart .chart-box .year2022 .bar-ctx .bar-body{
  min-height: 120px;
  max-height: 120px;
}
#dividend-policy .policy-chart .chart-box .year2023 .bar-ctx .bar-body{
  min-height: 230px;
  max-height: 230px;
}
#dividend-policy .policy-chart .chart-box .year2024 .bar-ctx .bar-body{
  min-height: 200px;
  max-height: 200px;
}
/*#dividend-policy .policy-chart .chart-box .year2010 .bar-ctx p.addaxes {
    transform: rotate(-90deg);
    position: absolute;
    top: 80%;
    font-size: .7rem;
}*/
#dividend-policy .policy-chart .chart-box .bar-ctx p.addaxes {
    transform: rotate(-90deg);
    position: absolute;
    top: 80%;
    font-size: .7rem;
}
#dividend-policy .policy-chart .chart-box .bar-wraper .bar-ctx .bar-body span.count{
  font-size: 0.7rem;
  color: #fff;
}

#dividend-policy .policy-chart .chart-box .bar-wraper .bar-ctx .bar-body .bar-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  font-size: 0.6rem;
  color: #fff;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -60px;
}

#dividend-policy .policy-chart .chart-box .bar-wraper .bar-ctx .bar-body:hover{
  background-color: #164396;
}

/*#dividend-policy .policy-chart .chart-box .year2019 .bar-ctx .bar-body:hover{
  background-color: #c40d42;
}*/

#dividend-policy .policy-chart .chart-box .bar-wraper .bar-ctx p.bar-footer{
  margin-bottom: 0;
  margin-top: 0;
  border-top: 1px dotted #000;
  font-size: .6rem;
  padding-top: 5px;
}

#dividend-policy .policy-chart .chart-box .bar-wraper .bar-ctx .bar-tooltip .bar-tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

#dividend-policy .policy-chart .chart-box .bar-wraper .bar-ctx .bar-tooltip:hover .bar-tooltiptext {
  visibility: visible;
}


#dividend-policy .policy-chart .chart-legend{
  display: flex;
  justify-content: center;
  margin-left: -10%;
  margin-right: -10%;
  background-color: #eddbc5;
}

#dividend-policy .policy-chart .chart-legend .legend-content{

  padding-top: 25px;
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#dividend-policy .policy-chart .chart-legend .legend-content p {
  margin-top: 0;
  font-size: 0.6rem;
  padding-right: 0;
}


@media (max-width: 1200px) {
  #dividend-policy .policy-chart .chart-box,
  #dividend-policy .policy-chart .chart-legend{
    margin-left: -10%;
    margin-right: -10%;
  }
}

@media (max-width: 768px) {
  #dividend-policy{
    margin-left: 0;
    margin-right: 0;
  }

  #dividend-policy .policy-chart .chart-legend .legend-content{
    align-items: center;
  }

  #dividend-policy .policy-chart .chart-box,
  #dividend-policy .policy-chart .chart-legend{
    margin-left: -20%;
    margin-right: -20%;
  }
}

@media (max-width: 992px) {
  #dividend-policy .policy-chart {
    overflow-x: auto;
  }

  #dividend-policy .policy-chart > .row {
    /* the zoom size for scroll */
    width: 225%;
  }
}





/* ========================================================================== */
/* DIVIDEND CALENDAR
/* ========================================================================== */


#dividend-calendar > div > .table-responsive > table.investors-table > tbody > tr > td {
  box-sizing: content-box;
}

#dividend-calendar > div > .table-responsive > table.investors-table > thead > tr,
#dividend-calendar > div > .table-responsive > table.investors-table > tbody > tr{
  text-align: left;
}

#dividend-calendar > div > div.table-responsive > table > thead > tr > th{
  color: white;
  font-size: .8rem;
  background-color: #164396;
  border: none;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

.investors-table > tbody > tr > th[scope=row] {
  font-size: .9rem;
}

/*.investors-table > tbody > tr > td {
  font-size: .7rem;
}*/

table.table.investors-table.table-hover thead.thead-dark tr th{
  width: 15%;
}

table.table.investors-table.table-hover thead.thead-dark tr th:nth-child(2){
  width: 10%;
}

table.table.investors-table.table-hover thead.thead-dark tr th:first-child{
  width: 30%;
}


/* ========================================================================== */
/* IR PRESENTATIONS
/* ========================================================================== */


section.unity-list.investors{
  padding-top: 8rem;
}

.products .media-table {
  width: 100%;
  padding: 0;
  margin: 0;
}

.products .media-table li.tableRow {
  list-style: none;
  padding: 0;
  margin: 0;
  transition: all 0.2s ease-out;
}

.products .media-table li.tableRow .row {
  /*padding: 0;
  margin: 0;*/
}

/*.products .media-table li.tableRow:hover {
  background-color: #f2f2f2;
}*/

.products .media-table li.tableRow .row {
  /*display: flex;
  align-content: center;*/
  border-bottom: 1px solid gray;
}

.products .media-table li.tableRow .row .media-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0;
  margin: 0;
}

.products .media-table li.tableRow .row .media-box .col-9 {
  padding: 0;
  margin: 0;
}

.products .media-table li.tableRow .row .media-box .col-9 img {
  min-width: 100%;
  height: 100%;
}

.products .media-table li.tableRow .row .media-box .media-date {
  padding: 0;
}

.products .media-table li.tableRow .row .media-box  .media-date {
  width: 85%;
  padding: 0;
  margin: 0;
  text-align: center;
  font-weight: 700;
}

.products .media-table li.tableRow .row .media-box  .media-date h4,
.products .media-table li.tableRow .row .media-box  .media-date h5,
.products .media-table li.tableRow .row .media-box  .media-date h6 {
  padding: 0;
  margin: 0;
  color: #7b1b67;
}

.products .media-table li.tableRow .row .content-box {
  padding: 30px 0 0 0;
  margin: 0;
}

.products .media-table li.tableRow .row .content-box ul li {
  list-style: none;
  padding-bottom: 20px;
}

.products .media-table li.tableRow .row .content-box ul li.presentation-li .media-line {
  /*display: flex;
  align-items: center;
  
  padding-bottom: 0.3rem;*/
  border: none;
}

.products .media-table li.tableRow .row .content-box ul li.presentation-li a[target="_blank"] {
  font-size: 16px;
  /* white-space: nowrap; */
  /* overflow: hidden; */
  text-overflow: ellipsis;
  margin-left: .3rem;
  /* width: 90%; */
  display: flex;
}

.products .media-table li.tableRow .row .content-box ul li.presentation-li a span {
    margin-right: 10px;
}

.products .media-table li.tableRow .row .content-box ul li a {
  text-decoration: none;
}

.products .media-table li.tableRow .row .content-box ul li span img {
  width: 20px;
}

/* Responsive action */
@media screen and (max-width: 767px) {
  .products .media-table li.tableRow .row .media-box div.col-9 img {
    padding-right: 1.5rem;
  }

  .products .media-table li.tableRow .row {
    padding-top: 1.5rem !important;
  }
}


/* ========================================================================== */
/* SHAREHOLDINGS
/* ========================================================================== */


section.shareholdings .container .row .table-responsive .shareholdings-table > tbody > tr > td {
  box-sizing: content-box;
}

section.shareholdings .container .row .table-responsive .shareholdings-table > thead > tr,
section.shareholdings .container .row .table-responsive .shareholdings-table > tbody > tr{
  text-align: left;
}

section.shareholdings .container .row .table-responsive .shareholdings-table > tbody > tr > td a{
  color: #c71f43;
}

section.shareholdings .container .row .table-responsive .shareholdings-table > thead > tr > th{
  color: #000;
  background-color: #e4e4e4;
  border: none;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

section.shareholdings .container .row .table-responsive .shareholdings-table > thead > tr > th span{
  font-size: .7rem;
}

section.shareholdings .container .row .table-responsive .shareholdings-table.table-hover thead.thead-dark tr th{
  width: 25%;
}

section.shareholdings .maintitle {
  padding-top: 0 !important;
}

section.shareholdings .container .row .brightbg h4.summary-title {
  color: #154297;
}

section.shareholdings .container .row .brightbg .table-responsive .summary-shareholdings > tbody > tr > td {
  box-sizing: content-box;
}

section.shareholdings .container .row .brightbg .table-responsive .summary-shareholdings > thead > tr,
section.shareholdings .container .row .brightbg .table-responsive .summary-shareholdings > tbody > tr{
  text-align: left;
}

section.shareholdings .container .row .brightbg .table-responsive .summary-shareholdings > tbody > tr.totalRow{
  background-color: #f5f6f8;
  border: none;
  font-weight: 700;
}

/*section.shareholdings .container .row .brightbg .table-responsive .summary-shareholdings > tbody > tr.base-table td:first-child{
  border-right: 1px solid #dee2e6;
}*/

section.shareholdings .container .row .brightbg .table-responsive .summary-shareholdings > tbody > tr.totalRow td:first-child{
  text-align: right;
}

section.shareholdings .container .row .brightbg .table-responsive .summary-shareholdings > thead > tr > th{
  color: #fff;
  background-color: #154297;
  border: none;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

section.shareholdings .container .row .brightbg .table-responsive .summary-shareholdings > tbody > .ttest:hover{
  background-color: #ececec;
}

/*section.shareholdings .container .row .brightbg .table-responsive .summary-shareholdings.table-hover thead.thead-dark tr th{
  width: 21%;
}*/

.strokeLine .container .borderLine{
  background-color: #154297;
  height: 1px;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

section.blueTable{
  padding: 3.5rem 1rem;
}

html body#page-top section.investors.blueTable div.container div.row div h4.shareholders-title{
  color: #154297;
}

/* section.blueTable .container .row div .table-responsive .shareholders-table > tbody {
  background-color: #fff;
}

section.blueTable .container .row div .table-responsive .shareholders-table > tbody > tr > td {
  box-sizing: content-box;
}

section.blueTable .container .row div .table-responsive .shareholders-table > thead > tr,
section.blueTable .container .row div .table-responsive .shareholders-table > tbody > tr{
  text-align: left;
}

section.blueTable .container .row div .table-responsive .shareholders-table > thead > tr > th{
  color: #fff;
  background-color: #154297;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

section.blueTable .container .row div .table-responsive .shareholders-table.table-hover thead tr th{
  width: 23%;
  text-align: center;
}

section.blueTable .container .row div .table-responsive .shareholders-table.table-hover thead tr th:first-child{
  width: 31%;
} */



/* d */
/* the wraper for navigation layer */
.substantial-tbl .container .upper-row .table-wraper .swipe-layer {
  display: none;
  align-items: flex-end;
}

/* the 3 dots for navigate between dynamic cells */
.substantial-tbl .container .upper-row .table-wraper .swipe-layer .dots-box span.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.substantial-tbl .container .upper-row .table-wraper .swipe-layer .dots-box .dot.active,
.substantial-tbl .container .upper-row .table-wraper .swipe-layer .dots-box span.dot:hover {
  background-color: #717171;
}


.substantial-tbl .container .upper-row .table-wraper .swipe-layer .button-wraper {
  margin-left: 20px;
}

.substantial-tbl .container .upper-row .table-wraper .swipe-layer .button-wraper button#nBtn.btn.btn-dark {
  margin-left: 5px;
}
/* end of navigation box */


.substantial-tbl .container .upper-row .table-wraper table.shareholders-table {
  width: 100%;
  table-layout: fixed;
}

/* table header's row */
.substantial-tbl .container .upper-row .table-wraper table.shareholders-table thead {
  background-color: #154297;
  color: #fff;
  text-align: center;
}

.substantial-tbl .container .upper-row .table-wraper table.shareholders-table thead tr#head-row th{
  justify-content: center;
  border: none;
}

/* table body layer */
.substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row{
  padding: 0 .4rem;
}


.substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row:first-child{
  color: #164396;
  font-weight: 700;
}

.substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row td{
  box-sizing: border-box;
  padding: .5em .7em;
  vertical-align: top;
  height: 70px;
}

.substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row td.align-middle{
  display: flex;
  align-items: center;
}

.substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row td.fixed-columns{
  font-weight: 700;
}

.substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row td:first-child span{
  padding-left: 10px;
}

.substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row td > div{
  display: flex;
  align-items: center;
}

.substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row td > div span{
  padding: 10px;
}

.substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row td div:first-of-type{
  border-right: 1px solid #dee2e6;
}

.substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row td.align-middle,
.substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row td.align-middle div {
  padding: 0;
}

.substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row td.align-middle div {
  height: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 992px) {
  .substantial-tbl .container .upper-row .table-wraper .swipe-layer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 10px;
  }
.substantial-tbl .container .upper-row .table-wraper table.shareholders-table thead tr#head-row th.total-cells,
  .substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row td.total-cells,
  .substantial-tbl .container .upper-row .table-wraper table.shareholders-table thead tr#head-row th.indirect-cells,
  .substantial-tbl .container .upper-row .table-wraper table.shareholders-table tbody tr#body-row td.indirect-cells {
    display: none;
  }
}



/* ========================================================================== */
/* EMAIL ALERTS
/* ========================================================================== */


section.email-alerts > p{
  display: none;
}

.email-alert-page{
  margin-bottom: 7rem;
  background-color: #f5f5f5;
}

/*form{
  background: url(../img/notification_icon.png) no-repeat;
  background-size: 40%;
  background-position: 0 50%;
}*/

.email-alert-title {
  color: #c40d42;
  text-align: center;
  margin: 0 auto;
}

.email-alert-page .form-box form div.form-row.col-lg-5.mx-auto div.col-12.mb-3 div#recaptcha_widget div.ir_boxHighlight div.ir_boxCaptcha.si_fixed div.g-recaptcha div{
  margin: 0 auto;
}

html body#page-top section.unity-list.investors.prism-bg.pb-0.mb-n5 div.container div.container form div.form-row.col-lg-5.mx-auto div.col-12.mb-3 div.input-group .feedback-msg{
  min-height: 0.2rem;
  border-bottom: 1px solid black;
}

.email-alert-page form .form-row div .form-control {
  height: auto;
  border-radius: auto;
}

.email-alert-page img{
  width: 50%;
}

/* Responsive action */
@media screen and (max-width: 576px) {
  form{
    background-image: none;
  }
}


/* ========================================================================== */
/* ALL DOWNLOADS
/* ========================================================================== */


#accordionTable .card{
  margin: 0;
  padding: 0;
}

#accordionTable .card .card-header{
  margin: 0;
  padding: 0;
  background-color: #4a5158;
}

#accordionTable .card .card-header button{
  margin: 0;
  padding: 0;
  width: 100%;
}

#accordionTable .card .card-header button table{
  margin: 0;
  color: #fff;
}

#accordionTable .card .show,
#accordionTable .card .collapsing{
  margin: 0;
  padding: 0;
}

#accordionTable .card .show .card-body,
#accordionTable .card .collapsing .card-body{
  margin: 0;
  padding: 0;
}

#accordionTable .card .card-header button{
  text-decoration: none;
}

.card-header button.btn.btn-link.collapsed table.table.table-hover thead tr th:hover,
.card-header button.btn.btn-link.collapsed table.table.table-hover thead tr th {
  border-bottom: none;
  text-decoration: none;
}

#accordionTable .card div .card-body table tbody{
  background-color: #f4f4f4;
  text-decoration: none;
}

html body#page-top section.unity-list.investors.prism-bg.pb-0.mb-n5 div.container form.mt-5 div#accordionTable.accordion div.card div#headingOne.card-header button.btn.btn-link.collapsed table.table.table-hover thead tr:hover,
html body#page-top section.unity-list.investors.prism-bg.pb-0.mb-n5 div.container form.mt-5 div#accordionTable.accordion div.card div#headingOne.card-header button.btn.btn-link.collapsed table.table.table-hover thead tr{
  text-decoration: none;
}

form .title-table tbody tr th,
#accordionTable .card div .card-body table tbody tr td{
  width: 15%;
  text-align: left;
}

form .title-table tbody tr th:first-child,
#accordionTable .card div .card-body table tbody tr td:first-child{
  width: 75%;
}

form .title-table tbody tr th:last-child,
#accordionTable .card div .card-body table tbody tr td:last-child{
  width: 10%;
}

#accordionTable .card div .card-body table tbody tr th{
  background-color: #6c757d;
  color: #fff;
}

#accordionTable .card .card-header button table thead tr th::after{
  font-family: FontAwesome;
  content: "\f0d7";
  transition: all 0.5s;
  display: inline-block;
  margin-right: 40px;
  float: right;
}

#accordionTable .card .card-header button[aria-expanded=true] table thead tr th::after{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}




@media (min-width: 768px){
.cd-primary-nav .brands-sub>li .brandsicon[data-brand-subtext]:before {
    content: attr(data-brand-subtext);
    position: absolute;
    top: -23px;
    font-size: .75rem;
    text-transform: none;
    display: block;
}
.cd-primary-nav .brands-sub>li:nth-child(4) .brandsicon {
    margin-right: 50px;
    width: 16%;
}
.cd-primary-nav .brands-sub>li .brandsicon[data-brand-subtext] {
    position: relative;
    margin-top: 16px;
}
}


  @media only screen and (min-width: 1170px) {
    .foundation-sub {
        background:rgba(123,62,128,.9) !important
    }
}

@media only screen and (min-width: 1170px) {
    ul.secondary-standardnav.foundation-sub>li {
        width:22%
    }
}

.has-children.foundation:hover .foundation-sub {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;
    -moz-transition: opacity .3s 0s,visibility 0s 0s,-moz-transform .3s 0s;
    transition: opacity .3s 0s,visibility 0s 0s,transform .3s 0s
}

.foundation .secondary-standardnav .innertitle a {
    color: #7b1b67;
    font-weight: bold
}

.foundation .secondary-standardnav .sub-menu .innertitle a {
    color: rgba(0,0,0,.35);
    font-weight: bold
}
li .has-icon {
    width: 55px;
    height: 55px;
    background: #fff;
    border: #f4f4f4;
    display: inline-block;
    border-radius: 50%;
    line-height: 45px;
    display: inline-block;
    border: 1px solid #ccc;
    position: relative;
    vertical-align: middle
}

li .has-icon img {
    left: 0;
    padding: 0 5px;
    display: inline-block;
    max-width: 55px;
    margin-top: 0;
    position: absolute;
    top: 45%;
    transform: translate(0,-45%)
}

a.linkwithicon {
    vertical-align: middle
}


/*pagination*/
.pagination > li > a {
  color: #000;
  outline: 0;
  border-color: #f1f1f1;
  padding: 6px 12px;
}

.pagination > li:first-child > a {
  color: #ccc;
  border-color: #f1f1f1;
  font-size: 24px;
}

.pagination > li:last-child > a {
  color: #ccc;
  border-color: #f1f1f1;
  font-size: 24px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  color: #000000;
  background-color: transparent;
}

.pagination{
  display: inline-flex;
  line-height: 24px;
  position: relative;
}

.page-link{
  display: inline-block !important;
}

.paginate_button{
  display: inline-block;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 0 !important;
}

.pagination .page-item .page-link {
/*    border: 0; */
    font-size: 15px;
    background-color: transparent;
    width:auto;
    text-align: center;
    margin: 3px;
    color: #4f5a62;
}

.pagination .page-item .page-link:focus, 
.pagination .page-item .page-link:hover {
  color: #4a5154;
  background: #f1f4f6;
  outline: 0;
  box-shadow: none;
  border-radius: 100%;
}
.pagination .page-item.active .page-link {
  color: #ffffff !important;
  background: #7b1b67;
  border: 0;
  border-radius: 100%;
}
.pagination .page-item.previous .page-link,
.pagination .page-item.next .page-link {
  background-color: transparent;
  color: #4f5a62;
  border: 0;
}

.pagination .page-item.previous .page-link:focus,
.pagination .page-item.previous .page-link:hover,
.pagination .page-item.next .page-link:focus,
.pagination .page-item.next .page-link:hover {
  background-color: #f1f4f6;
    color: #4f5a62;
    border: 0;
/*    border-radius: 100% !important;*/
}

.pagination .page-item.previous .page-link:before {
    content: "";
    position: absolute;
    top: 42%;
/*    left: 32%;*/
    transform: translate(-50%, -50%);
    width: 12px;
    height: 6px;
    background-image: url(/../../images/chevron-down-dark.svg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: var(--default-transition-config);
}
.pagination .page-item.next .page-link:before {
    content: "";
    position: absolute;
    top: 42%;
/*    left: 32%;*/
    transform: translate(-50%, -50%);
    width: 12px;
    height: 6px;
    background-image: url(/../../images/chevron-down-dark.svg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: var(--default-transition-config);
}
.pagination .page-item.previous .page-link:hover:before,
.pagination .page-item.next .page-link:hover:before {
    width: 12px;
    height: 6px;
    background-image: url(/../../images/chevron-down-dark.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.page-item.disabled .page-link {
  color: #ccc !important;
  opacity: .7;
  pointer-events: none !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}

li.paginate_button:first-child, 
li.paginate_button.active-sibling, 
li.paginate_button.active, 
li.paginate_button.active + li.paginate_button, 
li.paginate_button:last-child, 
li.paginate_button:nth-child(2), 
li.paginate_button:nth-last-child(2) {
display: inline-block !important;
}
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button {
display: none;
}
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button.active-sibling:before {
content: "\2026";
font-size: 24px;
display: inline-block;
margin-right: 2.5px;
}
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button.active + li.paginate_button:after {
content: "\2026";
font-size: 24px;
display: inline-block;
margin-left: 2.5px;
}
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button:nth-last-child(-n+5) {
display: inline-block;
}
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button:nth-last-child(5):before {
content: "\2026";
font-size: 24px;
display: inline-block;
margin-right: 2.5px;
}
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button:nth-child(-n+2):before, 
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button:nth-child(-n+2):after, 
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button:nth-last-child(-n+2):before, 
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button:nth-last-child(-n+2):after, 
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button.active-sibling:nth-last-child(-n+4):before, 
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button.active-sibling:nth-last-child(-n+4):after {
display: none !important;
}
li.paginate_button:first-child:nth-last-child(n+8).active ~ li.paginate_button:nth-last-child(-n+5), 
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button.active ~ li.paginate_button:nth-last-child(-n+5) {
display: none;
}
li.paginate_button:first-child:nth-last-child(n+8).active ~ li.paginate_button:nth-last-child(-n+5):before, 
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button.active ~ li.paginate_button:nth-last-child(-n+5):before {
display: none;
}
li.paginate_button:first-child:nth-last-child(n+8).active ~ li.paginate_button:nth-child(-n+5), 
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button.active ~ li.paginate_button:nth-child(-n+5) {
display: inline-block;
}
li.paginate_button:first-child:nth-last-child(n+8).active ~ li.paginate_button:nth-child(-n+4):after, 
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button.active ~ li.paginate_button:nth-child(-n+4):after {
display: none;
}
li.paginate_button:first-child:nth-last-child(n+8).active ~ li.paginate_button:nth-child(5):after, 
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button.active ~ li.paginate_button:nth-child(5):after {
content: "\2026";
font-size: 24px;
display: inline-block;
    margin-right: 5px;
}
li.paginate_button:first-child:nth-last-child(n+8).active:before, 
li.paginate_button:first-child:nth-last-child(n+8).active:after, 
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button.active:before, 
li.paginate_button:first-child:nth-last-child(n+8) ~ li.paginate_button.active:after {
display: none;
}

/*end pagination*/


/* News Page */
.news-content table td,
.news-content table th {
  text-align: left;
  font-weight: normal;
}

.news-content table.ven_table td,
.news-content table.ven_table th {
  /*border: 1px solid rgba(0, 0, 0, 0.25);*/
}

.news-content div#AnnDetails {
    margin: 15px 0;
}

.news-content h4 {
    margin: 15px 0;
}
.news-content pre,
.news-content p {
  font-size: inherit;
}

.news-content .ven_announcement_info h4 {
    margin: 15px 0;
}
/*.news-content table tbody tr:nth-child(even) {
    background-color: #ffd3bf;
}
.news-content table tbody tr:nth-child(odd) {
    background-color: #fde6dc;
}*/


.news-content div#Tab1 {
  margin-top: 0.8em;
}

/*.news-content td.formTableColumnHeader {
  background: var(--red1);
  color: #fff;
}*/

.news-content td.formTableColumnLabel {
  background: transparent;
}

.news-content td.formTableColumnLabelEV {
  background: #fff;
}

.news-content a {
  word-break: break-all;
}

.news-content #AnnDetails table th,
.news-content #AnnDetails table td {
  padding: 10px;
  vertical-align: top;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background-color: #f2f2f2;
}

.news-content .resolutionTbl h3{
  font-size: 1.5rem;
}

.news-content .resolutionTbl h4{
  font-size: 1.3rem;
}

@media (max-width: 767px) {
  .news-content table {
    overflow-x: auto;
    display: block;
    border: 0;
  }
}

.news-content table {
    background-color: transparent;
    width: 100%;
    margin-bottom: 15px;
/*    font-size: .9em;*/
    border-spacing: 0;
    border-collapse: collapse
}

.news-content table td,table th {
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
    border: 1px solid #e0e3e4
}

.news-content table caption+thead tr:first-child td,
.news-content table caption+thead tr:first-child th,
.news-content table colgroup+thead tr:first-child td,
.news-content table colgroup+thead tr:first-child th,
.news-content table thead:first-child tr:first-child td,
.news-content table thead:first-child tr:first-child th {
    border-top: 1px solid hsla(0,0%,50.2%,.5019607843)
}

.news-content table tbody>tr:nth-child(odd)>td,
.news-content table tbody>tr:nth-child(odd)>th {
    background-color: #f1f4f6;
}

.news-content table tbody tr:hover>td,
.news-content table tbody tr:hover>th {
    background-color: hsla(0,0%,50.2%,.1019607843)
}

.news-content table tbody+tbody {
    border-top: 2px solid hsla(0,0%,50.2%,.5019607843)
}

@media (max-width: 767px) {
    .news-content table table {
        font-size:.8em
    }

    .news-content table table td,table table th {
        padding: 7px;
        line-height: 1.3
    }

    .news-content table table th {
        font-weight: 400
    }
}

/* End News Page */


/* stock price select */
.select2-container{width: auto !important; min-width: 200px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 40px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 20px;
    padding-right: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
/*    padding: 0 40px;*/
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 1px;
    right: 5px;
    width: 20px;
}
.select2Part.focused .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 11px;
    color: #363636;
}

.select2-container--default .select2-selection--single {
    height: 55px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    -webkit-transition: 240ms;
    transition: 240ms;
/*    padding-right: 100px;*/
    color: #363636;
    padding-top: 7px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 53px;
    right: 15px;
    -webkit-transition: 240ms;
    transition: 240ms;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgb(236, 238, 241);
    color: #4a494a;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #333;
    color: #fff;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.select2-results__option {
    padding: 18px 25px 16px 25px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    color: #363636;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.select2-container--open .select2-dropdown--above {
    -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.05);
    border-radius: 0px;
    border: none;
    top: 8px;
    overflow: hidden;
}

.select2-container--open .select2-dropdown--below {
    -webkit-box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.16);
    border-radius: 0px;
    border: none;
    top: -1px;
    border-radius: 0;
    overflow: hidden;
}

.select2Part.w-100 > .select2-container {
    width: 100% !important;
}

.select2-search--dropdown {
    padding: 12px 15px;
    position: relative;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 14px;
    border: 1px solid green;
    border-radius: 4px;
    color: #757575;
    padding: 10px 15px;
    background-color: #fff;
    position: relative;
    padding-right: 45px;
}


.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid blue;
    min-height: 50px;
    border-radius: 6px;
    position: relative;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid orange;
    background-color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #757575;
    line-height: 55px;
    padding-right: 40px;
    display: block;
    height: 100%;
    padding-bottom: 7px;
    padding-top: 17px;
    padding-left: 17px;
    -webkit-transition: 240ms;
    transition: 240ms;
}

.select2-container--default .select2-selection--multiple .select2-selection__arrow {
    height: 48px;
    right: 15px;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    line-height: initial;
    padding: 0;
}


.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
    line-height: initial;
    padding: 5px;
    font-size: 14px;
    position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f1f1f1;
    border: 1px solid yellow;
    border-radius: 4px;
    cursor: default;
    float: left;
    color: #1f1f1f;
    margin-right: 5px;
    margin-top: 5px;
    width: initial !important;
    padding: 5px 10px;
    padding-right: 24px !important;
    font-size: 13px !important;
    letter-spacing: 0.3px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
    font-size: 16px;
    margin-top: 0px;
    padding: 0;
    padding-left: 5px;
    line-height: 27px;
    padding-top: 6px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    font-size: 17px;
    width: 20px;
    height: 20px;
    top: 3px;
    text-align: center;
    color: #e45555;
    right: 0px;
}

.select2-selection--multiple .select2-selection__rendered {
    padding-bottom: 7px;
    padding-top: 17px;
    padding-left: 17px;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 320px;
}

/* end stock price select */


  /* email alert
-------------------------------------------------- */
.email-alert-form input, .email-alert-form select {
    background: #F4F4F4;
    border-radius: 0;
    border: 1px solid #f4f4f4;
    padding: 12px 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    height: auto;
}

.email-alert-form input.form-control, .email-alert-form select.form-control {
    display: block;
    width: 100%;
}
/* end email alert
-------------------------------------------------- */


  /* table css
-------------------------------------------------- */
  table.table.def_table {border: 1px solid #e0e3e4;}
  table.def_table tr.ir_tableTopRow td, table.def_table tr.ir_tableTopRow th {background: #7b1b67;color: #fff;font-weight: 600;}
  table.def_table tr.row1 td{background: #ffffff;text-align: center;}
  table.def_table tr.row2 td{background: #f1f4f6;text-align: center;}
  table.def_table tr.row1 th {background: #ffffff;text-align: left;}
  table.def_table tr.row2 th {background: #f1f4f6;text-align: left;}
  table.def_table tr.rowHeader th {background: #7b1b67;color: #fff;font-weight: 600;text-align: center;}
  table.def_table tr th, table.def_table tr td {border: 1px solid #e0e3e4; border-right: 0; border-left: 0;}
  table.def_table tr.table-total td {background: #6c757d;color: #fff; }
  table.def_table tr td a{color: #7b1b67; }
  table.def_table tr td span.small_note {font-style: italic !important;font-size: 15px;color: #6c757d;}

  /* end table css
-------------------------------------------------- */

  /* creding rating page
-------------------------------------------------- */
.awards {
    text-align: center;
    box-shadow: 2px 0px 17px #ccc;
    padding: 1.5rem;;
  }
.awards img{
    width: 40%;
    margin: 0 auto;
  }
.noteBtn {
  background-color: #7b1b67;
  margin: 0 auto;
  padding: 15px;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
}
.noteBtn:hover {
  background-color: #4f5a62;
}

.awardsbody a {
  color: #7b1b67;
}

  /*end creding rating page
-------------------------------------------------- */

  /* ar page
-------------------------------------------------- */
.bxannual {
    background-color: #f8f4f7;
    padding: 80px;
    margin-bottom: 15px;
    border-radius: 20px;
}

.bxannual h4{
    text-transform: uppercase;
    min-height: 60px;
}

@media (max-width: 500px) {
   .bxannual {
    padding: 20px;
}
}

  /*end ar page
-------------------------------------------------- */


/* QR page
-------------------------------------------------- */
.q-report .ir_sbHolder, .q-report .ir_sbHolder * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} 

.q-report .ir_sbHolder {
  position: relative;
  max-width: 100%;
  width: 180px;
  display:inline-block;
  outline: none;
  background: #fff;
  border: 0;
}

@media (max-width: 767px) {
  .q-report .ir_sbHolder {
    width: 100%;
    }
}
/*end QR page
-------------------------------------------------- */

/* arrow select
-------------------------------------------------- */
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    background: url(/images/icon-arrow-down.png);
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    border: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    background: url(/images/icon-arrow-up.png);
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    border: 0;
}
/* end arrow select
-------------------------------------------------- */

/*  homepage quicklink
-------------------------------------------------- */
.card-container {
        position: relative;
        overflow: hidden;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transition: clip-path 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      }

      .card-bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        z-index: 1;
      }

      .card-hover-gradient {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        opacity: 0;
        transition: opacity 0.5s ease-in, transform 0.5s ease-out;
      }

      .card-container:hover .card-hover-gradient {
        opacity: 1;
      }

      .card-pattern-svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        opacity: 0;
        transform: translateX(-50%);
        transition: transform 0.5s ease-out, opacity 0.3s ease-in;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }

      .card-container:hover .card-pattern-svg {
        transform: translateX(50%);
        opacity: 1;
      }

      .card-gradient {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
      }

      .card-content {
        position: relative;
        z-index: 5;
      }

      @media (max-width: 1023px) {
        .card-container-mobile {
          clip-path: polygon(
            0 0,
            100% 0.5rem,
            100% calc(100% - 0.5rem),
            0 100%
          );
        }
      }

      @media (min-width: 1024px) {
        .card-container:hover {
          clip-path: polygon(
            0 0,
            100% 0.5rem,
            100% calc(100% - 0.5rem),
            0 100%
          );
        }
      }

/* end homepage quicklink
-------------------------------------------------- */

/* agm
-------------------------------------------------- */
.agm-purple{
  background-image: url(/../../images/new/images/event-detail/report-cards/purple-bg.jpg);
  background-size: cover;
  padding: 20px 30px;
}
/* end agm
-------------------------------------------------- */

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