*:focus {
  outline: none; }

@font-face {
  font-family: 'GuillonDemi';
  src: url("../../fonts/guillon/Guillon-Demi.eot");
  src: url("../../fonts/guillon/Guillon-Demi.eot?#iefix") format("embedded-opentype"), url("../../fonts/guillon/Guillon-Demi.woff") format("woff"), url("../../fonts/guillon/Guillon-Demi.woff2") format("woff2"), url("../../fonts/guillon/Guillon-Demi.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }  

  @font-face {
    font-family: 'GuillonBold';
    src: url("../../fonts/guillon/Guillon-Bold.eot");
    src: url("../fonts/guillon/Guillon-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/guillon/Guillon-Bold.woff") format("woff"), url("../../fonts/guillon/Guillon-Bold.woff2") format("woff2"), url("../../fonts/guillon/Guillon-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'GuillonRegular';
    src: url("../../fonts/guillon/Guillon-regular.eot");
    src: url("../../fonts/guillon/Guillon-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/guillon/Guillon-regular.woff") format("woff"), url("../../fonts/guillon/Guillon-regular.woff2") format("woff2"), url("../../fonts/guillon/Guillon-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'GuillonThin';
    src: url("../../fonts/guillon/Guillon-Thin.eot");
    src: url("../../fonts/guillon/Guillon-Thin.eot?#iefix") format("embedded-opentype"), url("../../fonts/guillon/Guillon-Thin.woff") format("woff"), url("../../fonts/guillon/Guillon-Thin.woff2") format("woff2"), url("../../fonts/guillon/Guillon-Thin.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}
#welcome .logo-wrap {
  display: none; }

/*
header {
     margin-top: 5px;
}
*/

header .navbar-brand {
  /*display: block;*/ }
  header .navbar-brand img {
    width: 118px;
    height: 31px; }

/*.navbar-expand-lg .navbar-toggler {
    display: block;
}
.navbar-expand-lg .navbar-collapse {
	display: none !important;
}*/
@media (min-width: 1061px) {
    /*header {
    margin-top: 129px; } */ }
@media (min-width: 1061px) {
  /*header .navbar-brand {
      display: none;
  }
  .navbar-expand-lg .navbar-toggler {
      display: none;
  }
  .navbar-expand-lg .navbar-collapse {
  	display: flex !important;
  }*/ }
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
    padding: 0 15px; }

  #welcome .logo-wrap {
    width: 73.83px;
    margin-right: 100px;
    margin-top: 37px; }
    #welcome .logo-wrap img {
      width: 73.83px;
      height: 274px; } }
@media (min-width: 1061px) {
  #welcome .logo-wrap {
    display: block; } }
@media (min-width: 992px) {
  #welcome {
    margin-bottom: 120px; }

  #performance .stat {
    height: 220px; }
  #performance h2 {
    margin-bottom: 60px; }
  #performance h3 {
    padding-top: 20px; }
  #performance .stat-counter-wrap {
    bottom: -133%; } }
#performance h2, #performance h3, #performance .stat-counter-wrap,
#statement .outer.desktop h2,
#business-model .inner h2,
#operations h2, #operations .nav-tabs .nav-link, #operations .tab-content .right h4, #operations .tab-content .right .stat,
#downloads h2 {
  font-family: 'GuillonDemi'; }

#performance h3 sup {
  font-size: 12px;
  top: -1em; }
#performance a.linkNotes {
  color: #00155f;
  font-family: 'GuillonRegular';
  font-size: 1.15rem; }
  #performance a.linkNotes:hover, #performance a.linkNotes:focus {
    color: #ff5c57;
    text-decoration: none; }
  #performance a.linkNotes .fa {
    color: #ff5c57; }
#performance .card.card-body {
  padding: 0;
  border: none; }
  #performance .card.card-body ul.footnotes {
    margin: 0;
    padding: 0; }
    #performance .card.card-body ul.footnotes li {
      list-style: none;
      padding-left: 15px;
      font-size: 15px; }
      #performance .card.card-body ul.footnotes li span {
        text-indent: -15px;
        display: inline-block; }

#statement .outer.desktop {
  height: 620px; }
  #statement .outer.desktop a.download-report {
    top: -10px;
    background-image: url(../../images/icons/download-icon-new.png); }
  #statement .outer.desktop blockquote {
    bottom: -340px; }
#statement .outer.mob a.download-report {
  font-size: 16px;
  margin-left: 10px; }

#operations .nav-tabs .nav-link {
  color: #c9d2e3;
  /*#edf0f6;*/ }
  #operations .nav-tabs .nav-link.active {
    color: #ff5c57; }
#operations .tab-content .right .segmental {
  margin-bottom: 17px; }
  #operations .tab-content .right .segmental .stat {
    display: block;
    line-height: 30px; }
  #operations .tab-content .right .segmental .stat-text, #operations .tab-content .right .segmental .stat-prev-yr {
    font-size: 16px;
    display: block; }
    @media (min-width: 1200px) {
      #operations .tab-content .right .segmental .stat-text, #operations .tab-content .right .segmental .stat-prev-yr {
        display: inline-block; } }
  #operations .tab-content .right .segmental .stat-text {
    font-family: 'GuillonRegular'; }
  #operations .tab-content .right .segmental .stat-prev-yr {
    font-family: 'GuillonThin'; }
  #operations .tab-content .right .segmental img {
    max-width: 40%;
    float: right; }
    @media (min-width: 768px) {
      #operations .tab-content .right .segmental img {
        margin-top: -28%; } }
    @media (min-width: 1200px) {
      #operations .tab-content .right .segmental img {
        margin-top: -12%; } }
    @media (max-width: 768px) {
      #operations .tab-content .right .segmental img {
        float: none;
        margin-top: 10px;
        max-width: 60%; } }
@media (min-width: 768px) {
  #operations .tab-content .right .segmental {
    height: 120px; } }
@media (min-width: 768px) {
  #operations .tab-content .right .op-fig:first-child {
    height: 163px;
    margin-bottom: 52px !important; } }
#operations .tab-content .right .op-fig {
  position: relative;
  width: 250px; }
  @media (min-width: 768px) {
    #operations .tab-content .right .op-fig {
      width: 100%; } }
  #operations .tab-content .right .op-fig img {
    width: 230px;
    padding-left: 10px !important; }
    @media (min-width: 768px) {
      #operations .tab-content .right .op-fig img {
        width: 96%; } }
    @media (min-width: 1200px) {
      #operations .tab-content .right .op-fig img {
        width: 100%;
        padding-left: 0px !important; } }
  #operations .tab-content .right .op-fig p.chartdata {
    font-size: 14px;
    position: absolute;
    width: 100%;
    top: 88px;
    left: 5px; }
    @media (min-width: 768px) {
      #operations .tab-content .right .op-fig p.chartdata {
        top: 100px; } }
    @media (min-width: 1200px) {
      #operations .tab-content .right .op-fig p.chartdata {
        top: 117px;
        font-size: 16px; } }
    #operations .tab-content .right .op-fig p.chartdata.prevyear {
      font-family: 'GuillonThin';
      top: 57px; }
      @media (min-width: 768px) {
        #operations .tab-content .right .op-fig p.chartdata.prevyear {
          top: 62px; } }
      @media (min-width: 1200px) {
        #operations .tab-content .right .op-fig p.chartdata.prevyear {
          top: 67px; } }
    #operations .tab-content .right .op-fig p.chartdata span.data {
      position: absolute;
      right: 15px; }
  #operations .tab-content .right .op-fig#injectables-revenue p.chartdata.prevyear span.data {
    right: 21px; }
  #operations .tab-content .right .op-fig#injectables-revenue p.chartdata span.data {
    right: 21px; }
  #operations .tab-content .right .op-fig#injectables-core p.chartdata.prevyear span.data {
    right: 15px; }
  #operations .tab-content .right .op-fig#injectables-core p.chartdata span.data {
    right: 32px; }
  #operations .tab-content .right .op-fig#generics-revenue p.chartdata.prevyear span.data {
    right: 25px; }
  #operations .tab-content .right .op-fig#generics-revenue p.chartdata span.data {
    right: 22px; }
  #operations .tab-content .right .op-fig#generics-core p.chartdata.prevyear span.data {
    right: 19px; }
  #operations .tab-content .right .op-fig#generics-core p.chartdata span.data {
    right: 123px; }
  #operations .tab-content .right .op-fig#branded-revenue p.chartdata.prevyear span.data {
    right: 17px; }
  #operations .tab-content .right .op-fig#branded-revenue p.chartdata span.data {
    right: 27px; }
  #operations .tab-content .right .op-fig#branded-core p.chartdata.prevyear span.data {
    right: 34px; }
  #operations .tab-content .right .op-fig#branded-core p.chartdata span.data {
    right: 18px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    #operations .tab-content .right .op-fig#injectables-core p.chartdata {
      top: 98px; }
      #operations .tab-content .right .op-fig#injectables-core p.chartdata span.data {
        right: 30px; }
    #operations .tab-content .right .op-fig#injectables-core p.chartdata.prevyear {
      top: 62px; }
    #operations .tab-content .right .op-fig#generics-revenue p.chartdata span.data {
      right: 27px; }
    #operations .tab-content .right .op-fig#generics-revenue p.chartdata.prevyear span.data {
      right: 28px; }
    #operations .tab-content .right .op-fig#generics-core p.chartdata.prevyear span.data {
      right: 23px; }
    #operations .tab-content .right .op-fig#generics-core p.chartdata span.data {
      right: 101px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #operations .tab-content .right .op-fig#injectables-revenue p.chartdata.prevyear span.data {
      right: 30px; }
    #operations .tab-content .right .op-fig#injectables-revenue p.chartdata span.data {
      right: 30px; }
    #operations .tab-content .right .op-fig#injectables-core p.chartdata.prevyear span.data {
      right: 25px; }
    #operations .tab-content .right .op-fig#injectables-core p.chartdata span.data {
      right: 40px; }
    #operations .tab-content .right .op-fig#generics-revenue p.chartdata span.data {
      right: 27px; }
    #operations .tab-content .right .op-fig#generics-revenue p.chartdata.prevyear span.data {
      right: 28px; }
    #operations .tab-content .right .op-fig#generics-core p.chartdata.prevyear span.data {
      right: 23px; }
    #operations .tab-content .right .op-fig#generics-core p.chartdata span.data {
      right: 116px; } }
  @media (max-width: 767px) {
    #operations .tab-content .right .op-fig#generics-revenue p.chartdata.prevyear span.data {
      right: 28px; }
    #operations .tab-content .right .op-fig#generics-revenue p.chartdata span.data {
      right: 26px; }
    #operations .tab-content .right .op-fig#generics-core p.chartdata.prevyear span.data {
      right: 25px; }
    #operations .tab-content .right .op-fig#generics-core p.chartdata span.data {
      right: 88px; } }

      .slick-next:before, .slick-prev:before {
        color: #ff5c57
      }

/*style from 3chillies*/

.col-xs-12 {
  width: 100%;
}

.breadcrumb {
  background-color: transparent;
}

/*carousel style*/
.content-carousel h3 {
  margin-bottom: 30px;
  font-family: 'GuillonDemi';
}

.content-carousel .slick-slider {
  padding-bottom: 24px; 
}

.content-carousel-top .list-regular {
  margin-left: auto;
}

.content-carousel-top h4 {
  font-family: 'GuillonDemi';
}

.content-carousel .slick-dots li button:before {
  font-size: 42px; 
  color: #00155f; 
  opacity: 0.25;
}

.content-carousel .slick-dots li.slick-active button:before {
  opacity: 1;
}

.content-carousel .slick-slider h3 {
    font-size: 18px;
    font-family: 'GuillonDemi';
    line-height: 1.2;
    padding-top: 16px;
    border-top: solid 2px #00155f;
}

.content-carousel .stat-counter-wrap {
  font-size: 50px;
  font-family: 'GuillonDemi';
  display: inline-block; 
}

.content-carousel .stat {
  min-height: 120px;
  display: flex!important; 
  flex-direction: column; 
  justify-content: space-between;
}

.slick-dots li.slick-active button:before {
  color: #001662;
}

.content-carousel .linkNotes:after {
  content: url(/img/arr-down.png);
}

.content-carousel .linkNotes[aria-expanded="true"]:after {
  content: url(/img/arr-up.png);
}

@media (min-width: 992px) {
  .content-carousel h2 {
    margin-bottom: 60px;
    font-size: 38px;
  }

  .content-carousel .slick-slider {
    padding-bottom: 48px; 
  }

  .content-carousel .slick-next:before{
    content: url(/img/arr-right.png)
  }

  .content-carousel .slick-prev:before {
    content: url(/img/arr-left.png)
  }

  .content-carousel h3 {
    font-size: 22px;
  }

  .content-carousel .stat {
    min-height: 160px;
  }
}

.carousel-icon .slick-next:before {
  content: url(/img/carousel-next.png)
}

.carousel-icon .slick-prev:before {
  content: url(/img/carousel-prev.png)
}

.carousel-icon {
  position: relative;
}

.carousel-icon .slick-prev, 
.carousel-icon .slick-next {
  left: inherit;
  top: -20px; 
  right: 36px;
  transform: translate(0, 100%);
  z-index: 9;
}

.carousel-icon .slick-prev {
  right: 84px;
}

.carousel-icon .slick-counter {
  position: absolute;
  top: 6px; 
  right: 118px; 
}

@media (min-width: 768px) {
  .carousel-icon .slick-prev, 
  .carousel-icon .slick-next {
    top: 0; 
  }
  .carousel-icon .slick-counter {
    top: 26px;
  }
}


/*blockquote with media*/
.media-quote blockquote span {
  display: inline-block
}

.media-quote blockquote > * + * {
  margin-top: 0.3em;
}

.txt-quote blockquote, 
.media-quote blockquote {
  border-left: none;
}

.media-quote blockquote {
  margin: 0;
  padding: 24px;
  background-color: #fff;
  border-left: 10px solid #ff5c57;
  z-index: 9;
}

.media-quote blockquote img {
  max-width: 40px;
  margin-bottom: 12px;
}

.media-quote blockquote p {
  font-size: 16px; 
  font-size: 1rem;
}

.media-quote blockquote p + * {
  margin-top: 1.5rem;
}

.media-quote blockquote::before, 
.txt-quote blockquote::before {
  display: none;
}

.media-quote blockquote span {
  display: block;
  line-height: 1; 
}

.media-quote .list-regular li {
  font-family: 'GuillonRegular';
  font-weight: 500;
}

.quoteStack + .quoteStack {
  margin-top: 18px;
}

@media (min-width: 992px) {
  .media-quote.media-quote-reverse blockquote {
    border-left: none; 
    border-right: 10px solid #ff5c57;
  }
}

@media (min-width: 992px) {
  .media-quote {
    display: flex;
  }
  .media-quote blockquote {
    margin: 30px;
    padding: 24px 24px 24px 40px;
  }
  .media-quote .media-quote-img {
    width: 58%;
  }
  .media-quote blockquote {
    width: 42%;
  }
  .media-quote blockquote {
    margin-left: -5%;    
  }
  .media-quote.media-quote-reverse blockquote {
    margin-left: inherit;
    margin-right: -5%;
    z-index: 2;
    padding: 24px 40px 24px 24px;
  }
  .media-quote.media-quote-reverse .media-quote-img {
    order: 2; 
  }
}

.news-module .news-article-item + .news-article-item {
  margin-top: 40px;
}

.border-brand {
  position: relative;
  padding-top: 24px;
}

.border-brand ::before {
  content: ''; 
  height: 2px;
  background-color: #00155f;
  position: absolute; 
  left: 0;
  right: 0;
  top: 0; 
}

.border-brand-bottom {
  position: relative;
  padding-bottom: 24px;
}

.border-brand-bottom::before {
  content: ''; 
  height: 2px;
  background-color: #00155f;
  position: absolute; 
  left: 0;
  right: 0;
  bottom: 0; 
}


/*bar chart*/
.data-bar {
  display: flex; 
  align-items: baseline; 
}

.data-bar + .data-bar {
  margin-top: 18px;
}

.data-bar span {
  display: inline-block;
  font-size: 15px;
}

.data-bar .data-bar-no {
  margin-left: auto; 
}

.data h4 {
  font-family: 'GuillonDemi'; 
  font-size: 16px;
  margin-bottom: 18px;
}

.bar-container + .data-chart {
  margin-top: 36px;
}

@media (max-width: 768px) {
	.bar-container {
		margin-top: 24px;
	}
}



.data-bar .data-bar-chart {
  height: 32px;
  margin-left: 12px; 
  margin-right: 12px;
}

.data-bar .chart-100-percentage {
  width: 100%;
}

.data-bar .chart-blue {
  background-color: #001662;
}

.data-bar .chart-orange {
  background-color: #ff5c57;
}

.panel-bg {
  padding: 40px 0;
}

/*donut chart*/
.data-chart {
  display: flex;
  align-items: flex-start; 
  justify-content: space-between;
}

.data-chart.data-chart-flex {
  flex-wrap: wrap; 
}

.data-chart.data-chart-split {
  margin-top: 36px;
}

.data-chart.data-chart-split .chart-percentage {
  display: inline-block;
  margin-top: 36px;
}

.data-chart .chart-txt {
  line-height: 1.3;
  padding-right: 36px;
  width: 60%;
}

/* KRIS DATA CHART OVERRIDES */

.data-chart.data-chart--noPad .chart-txt,
.data-chart.border-brand .chart-txt {
    width: auto;
    padding-right: inherit;
}

    .row.tabs-custom {
        margin-bottom: 30px;
    }

        @media (min-width: 960px) {
            .row.tabs-custom {
                margin-bottom: 40px;
            }
        }

    .data-chart.data-chart--noPad .chart-txt p,
    .data-chart.border-brand .chart-txt p {
        line-height: 1.0;
        margin-bottom: 0;
    }

    .data-chart.data-chart--noPad .chart-txt .chart-percentage,
    .data-chart.border-brand .chart-txt .chart-percentage {
        font-size: 40px;
        display: block;
        padding-top: 10px;
        line-height: 1;
    }

    @media (min-width: 480px) {
        .data-chart.data-chart--noPad .chart-txt .chart-percentage,
        .data-chart.border-brand .chart-txt .chart-percentage {
            font-size: 50px;
            margin-bottom: 10px;
        }
    }

    @media (min-width: 960px) {
        .data-chart.data-chart--noPad .chart-txt .chart-percentage,
        .data-chart.border-brand .chart-txt .chart-percentage {
            font-size: 60px;
        }
    }

    @media (min-width: 1200px) {
        .data-chart.data-chart--noPad .chart-txt .chart-percentage,
        .data-chart.border-brand .chart-txt .chart-percentage {
            font-size: 80px;
            margin-bottom: 15px;
            padding-top: 10px;
        }
    }

    .data-chart.data-chart--noPad .chart-container,
    .data-chart.border-brand .chart-container {
        padding-left: 20px;
        width: 50%;
        margin-left: auto;
    }

        .data-chart.data-chart--noPad .chart-container canvas,
        .data-chart.border-brand .chart-container canvas {
            width: 100% !important;
        }

    .data-chart.data-chart--noPad img,
    .data-chart.border-brand img {
        margin-left: 20px;
    }

    .bar-container .chart-container canvas {
        max-width: 100% !important;
    }

    /* END KRIS DATA CHART OVERRIDES */

    .data-chart img {
        width: 40%;
        max-width: 40%;
    }

    .data-chart .chart-txt .chart-percentage {
        font-size: 40px;
        font-family: 'GuillonDemi';
    }

    .chart-txt.chart-txt-flex {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .data-chart .chart-txt .chart-tag {
        background-color: #001662;
        color: #fff;
        border-radius: 18px;
        padding: 3px 6px;
        font-family: "GuillonThin";
        margin-left: 18px;
    }

    .data-chart .chart-txt .chart-remain {
        display: block;
        width: 100%;
        font-size: 18px;
    }

        .data-chart .chart-txt .chart-remain span {
            font-size: 15px;
        }

    @media (max-width: 767px) {
        .data-chart {
            margin-top: 24px;
        }
    }

    @media (max-width: 992px) {
        .data-link {
            margin-top: 24px;
        }
    }

    @media (min-width: 768px) {
        .panel-bg {
            padding: 80px 0;
        }
    }

    @media (min-width: 769px) {
        .data-chart .chart-txt .chart-percentage {
            font-size: 80px;
        }
    }

    .intro-content {
        padding: 24px;
        background-color: #fff;
        position: relative;
    }

    .intro-content-overlay {
        top: -80px;
        margin-bottom: -80px;
    }

    .title-without-border {
        border-top: none;
        padding-top: inherit;
    }

    .downloads-group-title.downloads-group-title-icon {
        display: inline-block;
        font-family: "GuillonRegular";
        background-image: url("/img/download-icon.png");
        background-position: center right;
        background-repeat: no-repeat;
        padding-right: 64px;
        margin-bottom: inherit;
        padding-bottom: 15px;
    }

    .intro-content .downloads-group-item {
        border-top: none;
        padding-top: inherit;
        padding-bottom: 0;
    }

        .intro-content .downloads-group-item .downloads-subgroup.hide-heading .download-item:last-child {
            border-bottom: 2px solid #001662;
            border-top: none;
            padding-bottom: 16px;
        }

    .intro-content .intro-content-col-1 > * + *,
    .intro-content .intro-content-col-2 > * + * {
        margin-top: 1.5rem;
    }

    .intro-content .intro-content-col-2 .downloads-group-item .download-item {
        border-top: none;
        border-bottom: 2px solid #001662;
    }

    .intro-content > *:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    @media (min-width: 1063px) {
        .intro-content {
            padding: 48px 48px 0 48px;
        }

            .intro-content.intro-content-cols {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
            }

                .intro-content.intro-content-cols .intro-content-col-1 {
                    width: 60%;
                }

                .intro-content.intro-content-cols .intro-content-col-2 {
                    width: 40%;
                    padding-left: 48px;
                }

        /*.new-banner {
    padding-top: 220px;
  }*/
    }

    @media (min-width: 1224px) {
        .intro-content {
            padding-right: 148px;
        }

            .intro-content.intro-content-cols {
                padding-right: 48px;
            }
    }

    @media (max-width: 1062px) {
        .intro-content .intro-content-col-2 {
            margin-top: 24px;
        }
    }

    /*Icon carousel item*/
    .icon-item {
        padding-right: 18px;
    }

    .icon-media {
        position: relative;
    }

        .icon-media svg,
        .icon-media img {
            max-width: 120px;
        }

        .icon-media::after {
            content: '';
            position: absolute;
            height: 1px;
            top: 50%;
            left: 168px;
            right: 0;
            background-color: #001662
        }

    .icon-content-title {
        display: flex;
        align-items: flex-start;
        margin-bottom: 36px;
    }

        .icon-content-title span {
            font-weight: 700;
            padding-right: 18px;
            font-size: 70px;
            font-family: "GuillonBold";
        }

    .icon-content svg {
        fill: #ff5c57;
    }

    .icon-content > * + * {
        margin-top: 1rem;
    }

    .icon-content strong {
        display: block;
        font-family: "GuillonBold";
    }

    .icon-content p {
        font-family: "GuillonThin";
        font-weight: 800;
    }

    .icon-content .list-regular li {
        margin-top: 0;
    }

    @media (min-width: 768px) {
        .icon-content {
            padding-left: 158px;
            margin-top: -18px;
        }

        .icon-media svg,
        .icon-media img {
            max-width: 158px
        }

        .icon-content-title {
            min-height: 78px;
        }
        /*.carousel-icon .slick-track{
    display: flex;  
  }
  
  .carousel-icon .slick-slide{
    display: flex;
    height: auto;
  }
  
  .carousel-icon .icon-content {
    display: flex; 
    flex-wrap: wrap;
  }
  
  .carousel-icon .icon-content p {
    align-self: flex-end;
  }*/
    }

    @media (max-width: 768px) {
        .icon-content {
            padding-top: 48px
        }
    }

    @media (max-width: 448px) {
        .icon-media::after {
            left: 138px;
        }
    }

    /*Sustainability model*/
    .panel-items + * {
        margin-top: 48px;
    }

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

        .panel-item > * + * {
            margin-top: 1rem;
        }

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

    @media (min-width: 768px) {

        .panel-items {
            display: flex;
            justify-content: space-between;
        }

        .panel-item + .panel-item {
            padding-left: 18px;
        }

        .panel .panel-bottom {
            width: 64%;
            margin-left: auto;
            margin-right: auto;
        }
    }

    .rich-text-item ul.list-regular li {
        padding-left: 0;
    }

        .rich-text-item ul.list-regular li a {
            text-decoration: none;
            font-size: 16px;
        }

        .rich-text-item ul.list-regular li:before {
            display: none;
        }

    /*list with arrow*/

    ul.list-regular,
    ol.list-regular {
        padding: 0;
        margin: 0;
    }

    .list-regular {
        list-style: none;
        padding: 0;
    }

        .list-regular .arrow-link {
            padding-right: 0;
        }

        .list-regular li {
            display: inline-block;
            margin-top: 15px;
            margin-bottom: 0;
            font-family: "GuillonThin";
            line-height: 1;
            font-weight: 800;
        }

            .list-regular li .icon-container {
                padding-left: 6px;
            }

            .list-regular li a {
                display: flex;
                width: 100%;
            }

        .list-regular.list-block li {
            display: block;
        }

            .list-regular.list-block li .icon-container {
                margin-left: auto;
            }

        .list-regular.list-padded li a {
            position: relative;
            padding-right: 48px;
        }

        .list-regular.list-padded li .icon-container {
            position: absolute;
            right: 24px;
        }

    .txt-thick {
        font-family: "GuillonBold";
    }

    .share-price .txt-thick + * {
        margin-top: 9px;
    }

    .share-price .txt-thick {
        font-size: 28px;
    }

    .share-price p {
        margin-bottom: 12px;
    }

    .list-panel .list-regular li {
        width: 80%;
    }

    @media (min-width: 992px) {

        .list-panel .list-regular {
            display: flex;
            flex-wrap: wrap;
        }

            .list-panel .list-regular li {
                width: 42%;
            }
    }

    .footer-top {
        position: relative;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

        .footer-top:after {
            content: '';
            border-bottom: 2px solid #ff5c57;
            position: absolute;
            width: 100vw;
            left: 49%;
            right: 49%;
            bottom: 0;
            margin-left: -50vw;
            margin-right: -50vw;
        }

        .footer-top .footer-link {
            margin-bottom: inherit;
        }

    .footer-title {
        margin-bottom: 24px;
    }

        .footer-title h3 {
            color: #fff;
        }

        .footer-title span {
            display: block;
            font-family: 'GuillonDemi';
        }

    @media (min-width: 768px) {
        .footer-details {
            display: flex;
            justify-content: space-between;
        }

        .footer-address + .footer-contact {
            padding-left: 48px;
        }
    }

    @media (min-width: 992px) {
        .footer-title {
            padding-right: 78px;
        }

        .footer-top {
            position: relative;
            padding-bottom: 48px;
            margin-bottom: 68px;
        }
    }

    .download-item .download-icon svg,
    .arrow-link svg,
    .list-regular .icon-container img {
        max-width: 13px;
    }

    .rich-text-item h3.title-light {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 23px;
    }

    @media (min-width: 48em) {
        .rich-text-item h3.title-light {
            font-size: 1.875rem;
            font-weight: 300;
            line-height: 39px;
        }
    }

    h2.title-brand-new {
        color: #ff5c57;
    }

    .rich-text-item h2.title-brand-new {
        margin-bottom: 12px;
    }

    .news-article-item.news-full-width-items .rn-inner .rn-feature-text-wrapper {
        width: 100%
    }

    @media (min-width: 992px) {
        .news-article-item.news-full-width-items .rn-inner .rn-feature-text-wrapper {
            width: 30%
        }
    }

    .nav-switch .primary-nav-bar.variant-a .inner .primary-nav > ul > li .sub-nav {
        overflow-y: scroll !important;
    }

    body.active.dropdown {
        overflow-y: hidden !important;
    }










    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }


    .card {
        float: left;
        padding: 20px;
        margin: 0 20px 0 0;
    }

    .donut-chart {
        position: relative;
        border-radius: 50%;
        overflow: hidden;
    }

        .donut-chart .slice {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .donut-chart .chart-center {
            position: absolute;
            border-radius: 50%;
        }

            .donut-chart .chart-center span {
                display: block;
                text-align: center;
            }

        .donut-chart.hikma {
            width: 200px;
            height: 200px;
            background: #ff5c57;
        }

            .donut-chart.hikma .slice.one {
                clip: rect(0 200px 100px 0);
                -webkit-transform: rotate(234deg);
                transform: rotate(234deg);
                background: #c9d2e3;
            }

            .donut-chart.hikma .slice.two {
                clip: rect(0 100px 200px 0);
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
                background: #c9d2e3;
            }

            .donut-chart.hikma .chart-center {
                top: 55px;
                left: 55px;
                width: 90px;
                height: 90px;
                background: #fff;
            }

                .donut-chart.hikma .chart-center span {
                    font-size: 40px;
                    line-height: 90px;
                    color: #ff5c57;
                }