/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**



 * 1. Set default font family to sans-serif.



 * 2. Prevent iOS and IE text size adjust after device orientation change,



 *    without disabling user zoom.



 */

html {

    font-family: sans-serif; /* 1 */

    -ms-text-size-adjust: 100%; /* 2 */

    -webkit-text-size-adjust: 100%; /* 2 */

}

/**



 * Remove default margin.



 */

body {

    margin: 0;

}

/* HTML5 display definitions



	 ========================================================================== */

/**



 * Correct `block` display not defined for any HTML5 element in IE 8/9.



 * Correct `block` display not defined for `details` or `summary` in IE 10/11



 * and Firefox.



 * Correct `block` display not defined for `main` in IE 11.



 */

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

    display: block;

}

/**



 * 1. Correct `inline-block` display not defined in IE 8/9.



 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.



 */

audio, canvas, progress, video {

    display: inline-block; /* 1 */

    vertical-align: baseline; /* 2 */

}

/**



 * Prevent modern browsers from displaying `audio` without controls.



 * Remove excess height in iOS 5 devices.



 */

audio:not([controls]) {

    display: none;

    height: 0;

}

/**



 * Address `[hidden]` styling not present in IE 8/9/10.



 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.



 */

[hidden], template {

    display: none;

}

/* Links



	 ========================================================================== */

/**



 * Remove the gray background color from active links in IE 10.



 */

a {

    background-color: transparent;

}

/**



 * Improve readability of focused elements when they are also in an



 * active/hover state.



 */

a:active, a:hover {

    outline: 0;

}

/* Text-level semantics



	 ========================================================================== */

/**



 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.



 */

abbr[title] {

    border-bottom: 1px dotted;

}

/**



 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.



 */

b, strong {

    font-weight: bold;

}

/**



 * Address styling not present in Safari and Chrome.



 */

dfn {

    font-style: italic;

}

/**



 * Address variable `h1` font-size and margin within `section` and `article`



 * contexts in Firefox 4+, Safari, and Chrome.



 */

h1 {

    font-size: 2em;

    margin: .67em 0;

}

/**



 * Address styling not present in IE 8/9.



 */

mark {

    background: #ff0;

    color: #000;

}

/**



 * Address inconsistent and variable font size in all browsers.



 */

small {

    font-size: 80%;

}

/**



 * Prevent `sub` and `sup` affecting `line-height` in all browsers.



 */

sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}

sup {

    top: -.5em;

}

sub {

    bottom: -.25em;

}

/* Embedded content



	 ========================================================================== */

/**



 * Remove border when inside `a` element in IE 8/9/10.



 */

img {

    border: 0;

}

/**



 * Correct overflow not hidden in IE 9/10/11.



 */

svg:not(:root) {

    overflow: hidden;

}

/* Grouping content



	 ========================================================================== */

/**



 * Address margin not present in IE 8/9 and Safari.



 */

figure {

    margin: 1em 40px;

}

/**



 * Address differences between Firefox and other browsers.



 */

hr {

    box-sizing: content-box;

    height: 0;

}

/**



 * Contain overflow in all browsers.



 */

pre {

    overflow: auto;

}

/**



 * Address odd `em`-unit font size rendering in all browsers.



 */

code, kbd, pre, samp {

    font-family: monospace, monospace;

    font-size: 1em;

}

/* Forms



	 ========================================================================== */

/**



 * Known limitation: by default, Chrome and Safari on OS X allow very limited



 * styling of `select`, unless a `border` property is set.



 */

/**



 * 1. Correct color not being inherited.



 *    Known issue: affects color of disabled elements.



 * 2. Correct font properties not being inherited.



 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.



 */

button, input, optgroup, select, textarea {

    color: inherit; /* 1 */

    font: inherit; /* 2 */

    margin: 0; /* 3 */

}

/**



 * Address `overflow` set to `hidden` in IE 8/9/10/11.



 */

button {

    overflow: visible;

}

/**



 * Address inconsistent `text-transform` inheritance for `button` and `select`.



 * All other form control elements do not inherit `text-transform` values.



 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.



 * Correct `select` style inheritance in Firefox.



 */

button, select {

    text-transform: none;

}

/**



 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`



 *    and `video` controls.



 * 2. Correct inability to style clickable `input` types in iOS.



 * 3. Improve usability and consistency of cursor style between image-type



 *    `input` and others.



 */

button, html input[type="button"], input[type="reset"], input[type="submit"] {

    -webkit-appearance: button; /* 2 */

    cursor: pointer; /* 3 */

}

/**



 * Re-set default cursor for disabled elements.



 */

button[disabled], html input[disabled] {

    cursor: default;

}

/**



 * Remove inner padding and border in Firefox 4+.



 */

button::-moz-focus-inner, input::-moz-focus-inner {

    border: 0;

    padding: 0;

}

/**



 * Address Firefox 4+ setting `line-height` on `input` using `!important` in



 * the UA stylesheet.



 */

input {

    line-height: normal;

}

/**



 * It's recommended that you don't attempt to style these elements.



 * Firefox's implementation doesn't respect box-sizing, padding, or width.



 *



 * 1. Address box sizing set to `content-box` in IE 8/9/10.



 * 2. Remove excess padding in IE 8/9/10.



 */

input[type="checkbox"], input[type="radio"] {

    box-sizing: border-box; /* 1 */

    padding: 0; /* 2 */

}

/**



 * Fix the cursor style for Chrome's increment/decrement buttons. For certain



 * `font-size` values of the `input`, it causes the cursor style of the



 * decrement button to change from `default` to `text`.



 */

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {

    height: auto;

}

/**



 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.



 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.



 */

input[type="search"] {

    -webkit-appearance: textfield; /* 1 */

    box-sizing: content-box; /* 2 */

}

/**



 * Remove inner padding and search cancel button in Safari and Chrome on OS X.



 * Safari (but not Chrome) clips the cancel button when the search input has



 * padding (and `textfield` appearance).



 */

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}

/**



 * Define consistent border, margin, and padding.



 */

fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: .35em .625em .75em;

}

/**



 * 1. Correct `color` not being inherited in IE 8/9/10/11.



 * 2. Remove padding so people aren't caught out if they zero out fieldsets.



 */

legend {

    border: 0; /* 1 */

    padding: 0; /* 2 */

}

/**



 * Remove default vertical scrollbar in IE 8/9/10/11.



 */

textarea {

    overflow: auto;

}

/**



 * Don't inherit the `font-weight` (applied by a rule above).



 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.



 */

optgroup {

    font-weight: bold;

}

/* Tables



	 ========================================================================== */

/**



 * Remove most spacing between table cells.



 */

table {

    border-collapse: collapse;

    border-spacing: 0;

}

td, th {

    padding: 0;

}

@font-face {

    font-family: "icomoon";

    src: url("../fonts/icomoon.eot?9b0rz4");

    src: url("../fonts/icomoon.eot?9b0rz4#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?9b0rz4") format("truetype"), url("../fonts/icomoon.woff?9b0rz4") format("woff"), url("../fonts/icomoon.svg?9b0rz4#icomoon") format("svg");

    font-weight: normal;

    font-style: normal;

    font-display: block;

}

[class^="icon-"], [class*=" icon-"] {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: "icomoon" !important;

    speak: never;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1; /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.vision {

    font-size: 16px;

    padding: 30px 0 20px;

}

.vision .sub-heading {

    font-size: 16px;

    color: #555;

}

.vision .head {

    font-size: 20px;

    font-weight: bold;

    color: #6baadc;

    text-transform: uppercase;

    line-height: 1.2;

    margin: 0 0 5px;

}

.vision .vision p.square {

    color: #6baadc;

}

.vision p.square span {

    color: #999999;

}

.icon-chevron-right:before {

    content: "\e907";

}

.icon-chevron-left:before {

    content: "\e908";

}

.icon-chevron-down:before {

    content: "\e909";

}

.icon-chevron-up:before {

    content: "\e90a";

}

.icon-globe:before {

    content: "\e900";

}

.icon-huddle:before {

    content: "\e901";

}

.icon-laptop:before {

    content: "\e902";

}

.icon-equal:before {

    content: "\e903";

}

.icon-bulb:before {

    content: "\e904";

}

.icon-arrow-right:before {

    content: "\e905";

}

.icon-cloud:before {

    content: "\e906";

}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 3, 2021 */

@font-face {

    font-family: "industry";

    src: url("../fonts/industry/industry-black-webfont.eot");

    src: url("../fonts/industry/industry-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/industry/industry-black-webfont.woff") format("woff"), url("../fonts/industry/industry-black-webfont.ttf") format("truetype"), url("../fonts/industry/industry-black-webfont.svg#industryblack") format("svg");

    font-weight: 900;

    font-style: normal;

}

@font-face {

    font-family: "industry";

    src: url("../fonts/industry/industry-bold-webfont.eot");

    src: url("../fonts/industry/industry-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/industry/industry-bold-webfont.woff") format("woff"), url("../fonts/industry/industry-bold-webfont.ttf") format("truetype"), url("../fonts/industry/industry-bold-webfont.svg#industrybold") format("svg");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "industry";

    src: url("../fonts/industry/industry-book-webfont.eot");

    src: url("../fonts/industry/industry-book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/industry/industry-book-webfont.woff") format("woff"), url("../fonts/industry/industry-book-webfont.ttf") format("truetype"), url("../fonts/industry/industry-book-webfont.svg#industrybook") format("svg");

    font-weight: 400;

    font-style: normal;

}

@font-face {

    font-family: "industry";

    src: url("../fonts/industry/industry-book-italic-webfont.eot");

    src: url("../fonts/industry/industry-book-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/industry/industry-book-italic-webfont.woff") format("woff"), url("../fonts/industry/industry-book-italic-webfont.ttf") format("truetype"), url("../fonts/industry/industry-book-italic-webfont.svg#industrybook_italic") format("svg");

    font-weight: 400;

    font-style: italic;

}

@font-face {

    font-family: "industry";

    src: url("../fonts/industry/industry-demi-webfont.eot");

    src: url("../fonts/industry/industry-demi-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/industry/industry-demi-webfont.woff") format("woff"), url("../fonts/industry/industry-demi-webfont.ttf") format("truetype"), url("../fonts/industry/industry-demi-webfont.svg#industrydemi") format("svg");

    font-weight: 600;

    font-style: normal;

}

@font-face {

    font-family: "industry";

    src: url("../fonts/industry/industry-medium-webfont.eot");

    src: url("../fonts/industry/industry-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/industry/industry-medium-webfont.woff") format("woff"), url("../fonts/industry/industry-medium-webfont.ttf") format("truetype"), url("../fonts/industry/industry-medium-webfont.svg#industrymedium") format("svg");

    font-weight: 500;

    font-style: normal;

}

.navigation, .corporate-list, .numbered-list, .result-list, .result-chart-list, .trend-list, .dot-list, .logo-list, .graph-list, .bar-graph-list, .chart-list, .sustainable-highlight-list, .triangle-list, .dash-list, .logo-info-list, .segment-info-list {

    margin: 0;

    padding: 0;

    list-style: none;

}

.clearfix:after, .container:after {

    content: "";

    display: block;

    clear: both;

}

.ellipsis {

    white-space: nowrap; /* 1 */

    text-overflow: ellipsis; /* 2 */

    overflow: hidden;

}

html {

    box-sizing: border-box;

}

*, *:before, *:after {

    box-sizing: inherit;

}

* {

    max-height: 1000000px;

}

body {

    color: #000;

    background: #fff;

    font: 16px/2 "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    min-width: 320px;
    
    padding-top: 60px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

img {

    max-width: 100%;

    height: auto;

    vertical-align: top;

}

.gm-style img {

    max-width: none;

}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h {

    font-family: inherit;

    font-weight: bold;

    margin: 0 0 .5em;

    color: inherit;

}

h1, .h1 {

    font-size: 30px;

}

h2, .h2 {

    font-size: 27px;

}

h3, .h3 {

    font-size: 24px;

}

h4, .h4 {

    font-size: 21px;

}

h5, .h5 {

    font-size: 17px;

}

h6, .h6 {

    font-size: 15px;

}

p {

    margin: 0 0 1em;

}

a {

    color: #6baadc;

    text-decoration: none;

    -webkit-transition: opacity .3s linear, color .3s linear, background .3s linear;

    transition: opacity .3s linear, color .3s linear, background .3s linear;

}

a:hover, a:focus {

    text-decoration: none;

}

form, fieldset {

    margin: 0;

    padding: 0;

    border-style: none;

}

input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"], textarea {

    -webkit-appearance: none;

    -webkit-border-radius: 0;

    box-sizing: border-box;

    border: 1px solid #555;

    padding: .4em .7em;

}

input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus {

    border-color: #000;

}

input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

    color: #555;

}

input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder {

    opacity: 1;

    color: #555;

}

input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder {

    color: #555;

}

input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder {

    color: #555;

}

input[type="text"].placeholder, input[type="tel"].placeholder, input[type="email"].placeholder, input[type="search"].placeholder, input[type="password"].placeholder, textarea.placeholder {

    color: #555;

}

select {

    -webkit-border-radius: 0;

}

textarea {

    resize: vertical;

    vertical-align: top;

}

button, input[type="button"], input[type="reset"], input[type="file"], input[type="submit"] {

    -webkit-appearance: none;

    -webkit-border-radius: 0;

    cursor: pointer;

}

#header {

    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;

    z-index: 9999999999999999999;

    padding: 10px 0;

}

#header .container {

    max-width: 1853px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

#header .btn-holder {

    width: 100%;

}

#header .btn {

    display: block;

    border-radius: 4px;

    padding: 10px 10px;

    font-size: 16px;

    line-height: 1.222;

    min-width: 0;

}

#header .btn .text {

    padding: 0 30px 0 0;

}

#header .btn .text .icon {

    line-height: 1;

    font-size: 16px;

    margin: -1px 0 0;

    color: #fff;

}

.logo {

    width: 223px;

}

#nav {

    width: calc(100% - 223px);

}

.header-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}

.header-info .cloned-item {

    width: 220px;

    display: none;

}

.nav-opener {

    width: 40px;

    height: 40px;

    position: relative;

    display: block;

    margin: 0 0 0 auto;

}

.nav-opener:hover:before, .nav-opener:hover:after, .nav-opener:hover span {

    background: #6baadc;

}

.nav-opener:before, .nav-opener:after {

    content: "";

}

.nav-opener:before, .nav-opener:after, .nav-opener span {

    height: 2px;

    border-radius: 2px;

    margin-top: -1px;

    position: absolute;

    top: 50%;

    left: 15%;

    right: 15%;

    background: #0f3b6d;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}

.nav-active .nav-opener span {

    opacity: 0;

}

.nav-opener:before {

    top: 30%;

}

.nav-active .nav-opener:before {

    top: 50%;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.nav-opener:after {

    top: 70%;

}

.nav-active .nav-opener:after {

    top: 50%;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.nav-drop {

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    z-index: 9999;

    max-height: 0;

    overflow: hidden;

    -webkit-transition: max-height .3s linear;

    transition: max-height .3s linear;

}

.nav-active .nav-drop {

    max-height: 999px;

}

.nav-wrap {

    background: #fff;

    padding: 15px 15px 25px;

    -webkit-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    transform: translateY(-100%);

    -webkit-transition: -webkit-transform .3s linear;

    transition: -webkit-transform .3s linear;

    transition: transform .3s linear;

    transition: transform .3s linear, -webkit-transform .3s linear;

    border-top: 1px solid #6baadc;

    border-bottom: 1px solid #6baadc;

}

.nav-active .nav-wrap {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

}

.navigation {

    font-size: 16px;

    line-height: 1.25;

    margin: 0 0 20px;

}

.navigation > li {

    margin: 0;

}

.navigation > li.active a {

    background: rgba(107, 170, 220, .5);

    padding: 10px 15px;

}

.navigation > li a {

    color: #0f3b6d;

    display: block;

    padding: 10px 0;

    border-radius: 4px;

    -webkit-transition: color .3s linear, background .3s linear, padding .3s linear;

    transition: color .3s linear, background .3s linear, padding .3s linear;

}

.navigation > li a:hover {

    color: #0f3b6d;

    background: rgba(107, 170, 220, .1);

    padding: 10px 15px;

}

#wrapper {

    overflow: hidden;

    position: relative;

    width: 100%;

    font-size: 16px;

    line-height: 1.8;

}

.hidden {

    position: absolute;

    left: -9999px;

    top: auto;

    width: 1px;

    height: 1px;

    overflow: hidden;

}

.accessibility {

    position: absolute;

    left: -10000px;

    top: auto;

    width: 1px;

    height: 1px;

    overflow: hidden;

}

.accessibility:focus {

    position: static;

    width: auto;

    height: auto;

}

.resize-active * {

    -webkit-transition: none !important;

    transition: none !important;

}

.container {

    max-width: 1853px;

    padding: 0 15px;

    margin: 0 auto;

}

h1, .h1 {

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    color: #6baadc;

    font-size: 90px;

    line-height: 1.133;

    font-weight: 700;

    margin: 0;

}

h2, .h2 {

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    color: #0f3b6d;

    font-weight: 700;

    font-size: 24px;

    line-height: 1.02;

    margin: 0;

    text-transform: uppercase;

}

h3, .h3 {

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    margin: 0;

    font-size: 36px;

    line-height: 1.111;

    font-weight: 700;

    color: #000;

}

h4, .h4 {

    letter-spacing: 2.24px;

    color: #000;

    font-weight: 700;

    font-family: "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-size: 28px;

    line-height: 1.25;

    margin: 0;

    text-transform: uppercase;

}

h5, .h5 {

    color: #000;

    font-weight: 700;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-size: 20px;

    line-height: 1.2;

    margin: 0;

    text-transform: uppercase;

}

h6, .h6 {

    margin: 0;

    color: #0f3b6d;

    text-transform: uppercase;

    letter-spacing: -.9px;

    font-size: 18px;

    line-height: 2;

    font-weight: 700;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

}

.body-l {

    color: #0f3b6d;

    font-size: 18px;

    line-height: 1.615;

    font-weight: 700;

}

.body-m {

    color: #555;

    font-size: 16px;

    line-height: 1.8;

}

.body-s {

    color: #555;

    font-size: 12px;

    line-height: 1.5;

}

.btn {

    display: inline-block;

    vertical-align: top;

    color: #fff;

    background: #0f3b6d;

    border-radius: 4px;

    padding: 10px 10px;

    font-size: 16px;

    min-width: 260px;

    text-align: center;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-weight: 300;

    line-height: 2;

}

.btn:hover {

    background: #6baadc;

}

.btn:hover .text .icon {

    color: #fff;

}

.btn:focus {

    outline: 1px dotted #000;

}

.btn .text {

    display: inline-block;

    vertical-align: top;

    padding: 0 32px 0 0;

    position: relative;

}

.btn .text .icon {

    position: absolute;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    line-height: 1;

    font-size: 10px;

    color: #6baadc;

    -webkit-transition: color .3s linear;

    transition: color .3s linear;

}

hr {

    margin: 0 0 10px;

    width: 100%;

    height: 1px;

    border: none;

    background: none;

}

#footer {

    background: #edf5fb;

    color: #555;

    font-size: 14px;

    line-height: 1.8;

    border-top: 2px solid #fff;

    text-align: center;

    padding: 30px 0;

}

#footer .container {

    max-width: 1494px;

}

#footer p {

    margin: 0;

}

#footer p a {

    color: inherit;

    text-decoration: underline;

}

#footer p a:hover {

    text-decoration: none;

}

.text-right {

    text-align: right;

}

.intro-section {

    position: relative;

    overflow: hidden;

}

.intro-section:before {

    content: "";

    position: absolute;

    top: 100%;

    left: 0;

    right: -9999px;

    bottom: -9999px;

    background: #fff;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    -webkit-transform: rotate(-4.1deg);

    -ms-transform: rotate(-4.1deg);

    transform: rotate(-4.1deg);

    z-index: 1;

}

.intro-section .img-holder {

    background-size: cover;

    background-position: center;

    height: 0;

    padding-top: 55.55%;

}

.homepage-text {

    padding: 1px 0;

    position: relative;

    z-index: 2;

}

.homepage-text .container {

    max-width: 1817px;

}

.homepage-text .img-holder {

    text-align: center;

}

.homepage-text .text-hold {

    max-width: 290px;

    position: relative;

    z-index: 2;

    margin: 0 auto;

    padding: 30px 0 20px;

}

.homepage-text h1 {

    text-align: center;

    color: #6baadc;

    text-transform: uppercase;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-weight: 700;

    padding: 10px 0 2px;

    margin: 0 0 10px;

    position: relative;

}

.homepage-text h1:before, .homepage-text h1:after {

    content: "";

    height: 1px;

    position: absolute;

    top: 0;

    left: 12px;

    right: 12px;

    background: #d2e5f4;

}

.homepage-text h1:after {

    top: auto;

    bottom: 0;

}

.homepage-text h1 .small, .homepage-text h1 .big {

    display: block;

}

.homepage-text h1 .small {

    letter-spacing: -.55px;

    font-size: 26px;

    line-height: 1.2;

}

.homepage-text h1 .big {

    font-size: 67px;

    line-height: .85;

}

.homepage-text h2 {

    margin: 0 0 12px;

    text-align: center;

    text-transform: uppercase;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    letter-spacing: .21px;

    color: #d2e5f4;

    font-weight: 700;

    font-size: 26px;

    line-height: 1.2;

}

.homepage-text .btn-holder {

    text-align: center;

}

.home-logo {

    margin: 0 0 20px;

}

.visual {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    min-height: 150px;

    background: rgba(107, 170, 220, .1);

    position: relative;

}

.visual:before {

    content: "";

    min-height: inherit;

    display: block;

}

.visual .w-100 {

    width: 100%;

    padding: 30px 0;

}

.visual h1, .visual .h1 {

    text-align: center;

    color: #6baadc;

    margin: 0;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-weight: 700;

    line-height: 1.5;

    font-size: 27px;

}

.visual .decor {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 296px;

}

.text-uppercase {

    text-transform: uppercase;

}

.corporate {

    padding: 50px 0 60px;

    color: #555;

    font-size: 16px;

    line-height: 1.8;

}

.corporate .container {

    max-width: 1281px;

}

.corporate h2, .corporate .h2 {

    margin: 0 0 13px;

    color: #0f3b6d;

    font-size: 28px;

    line-height: 1.02;

    font-weight: 700;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

}

.corporate-wrap {

    margin: 0 0 60px;

}

.corporate-list > li {

    margin: 0 0 25px;

    page-break-inside: avoid;

}

.corporate-list > li p {

    margin: 0;

}

.corporate-list strong {

    font-weight: 700;

}

.corporate-list strong.blue {

    color: #6baadc;

}

.corporate-list a {

    color: inherit;

    text-decoration: none;

}

.corporate-list a:hover {

    text-decoration: underline;

}

.corporate-list address {

    display: block;

    margin: 0;

    font-style: normal;

}

.corporate-list hr {

    margin: 0 0 20px;

}

.letter-section {

    padding: 30px 0;

}

.letter-section.style-2 h2, .letter-section.style-2 .h2 {

    margin: 40px 0 14px;

    padding: 0;

}

.letter-section.style-3 h2, .letter-section.style-3 .h2 {

    padding: 10px 0 0;

    margin: 0 0 10px;

}

.letter-section.style-3 .signature-holder {

    padding: 6px 0;

}

.letter-section.style-3 .signature-holder .signature {

    margin: 0;

}

.letter-section hr {

    margin: 0 0 15px;

}

.letter-section .container {

    max-width: 1510px;

}

.letter-section .img-holder {

    width: 245px;

    height: 243px;

    border-radius: 50%;

    background-size: cover;

    background-position: center;

    overflow: hidden;

    margin: 0 auto 20px;

}

.letter-section h1, .letter-section .h1 {

    text-transform: uppercase;

    font-size: 28px;

    line-height: .889;

    color: #6baadc;

    margin: 0 0 12px;

}

.letter-section h1.style-2, .letter-section .h1.style-2 {

    font-size: 28px;

    line-height: 1.444;

    color: #6baadc;

    margin: 0;

    margin-bottom: 37px;

}

.letter-section .sub-heading {

    text-transform: uppercase;

    display: block;

    margin: 0 0 14px;

    font-weight: 700;

/*    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;*/

    color: #000;

    font-size: 16px;

    line-height: 1.2;

    -webkit-font-smoothing: antialiased;

}

.letter-section p {

    margin: 0 0 20px;

}

.letter-section .signature-holder {

    padding: 15px 0;

}

.letter-section .signature {

    margin: 0 0 15px;

}

.letter-section .name {

    display: block;

    color: #0f3b6d;

    font-weight: 700;

    line-height: 1.5;

    font-size: 14px;

}

.letter-section .designation {

    display: block;

    color: #555;

    line-height: 1.5;

    font-size: 14px;

}

.numbered-list {

    counter-reset: section;

}

.numbered-list > li {

    margin: 0 0 18px;

    padding: 0 0 0 25px;

    counter-increment: section;

    position: relative;

}

.numbered-list > li:before {

    content: counter(section) ")";

    position: absolute;

    top: 0;

    left: 0;

    font-weight: 700;

    color: #6baadc;

}

.result-section {

    background: #0f3b6d;

    padding: 40px 0;

    color: #fff;

}

.result-section .container {

    max-width: 1670px;

}

.result-section h2, .result-section .h2 {

    color: #fff;

    text-transform: uppercase;

    margin: 0 0 20px;

    line-height: 1.2;

    font-weight: 700;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

}

.result-list > li {

    padding: 40px 0;

    position: relative;

}

.result-list > li:after {

    content: "";

    height: 2px;

    position: absolute;

    top: -1px;

    left: 7px;

    right: 7px;

    background: #092f4e;

}

.result-list .data {

    display: block;

    color: #6baadc;

    margin: 0;

    font-size: 60px;

    line-height: 1;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-weight: 700;

}

.result-list .detail {

    display: block;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-weight: 700;

    font-size: 16px;

    line-height: 1.28;

    margin: 0;

}

.result-chart {

    padding: 30px 0;

}

.result-chart .container {

    max-width: 1670px;

}

.result-chart h2, .result-chart .h2 {

    margin: 0 auto 60px;

    max-width: 1428px;

}

.result-chart-list > li {

    margin: 0 0 30px;

}

.result-chart-list .title {

    display: block;

    padding: 0 0 2px;

    margin: 0 0 25px;

    border-bottom: 1px solid #6baadc;

    letter-spacing: -.9px;

    font-weight: 300;

    color: #555;

    font-size: 16px;

    line-height: 2;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

}

.result-chart-list .wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

}

.result-chart-list .ico-holder {

    width: 55px;

    margin: 0 0 3px 10px;

}

.result-chart-list .small {

    color: #6baadc;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-size: 26px;

    line-height: 32px;

    text-transform: uppercase;

    font-weight: 700;

}

.result-chart-list .big {

    color: #6baadc;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-size: 40px;

    line-height: 32px;

    text-transform: uppercase;

    font-weight: 700;

    margin: 0 0 8px 3px;

    position: relative;

}

.result-chart-list .big .big-info {

    position: absolute;

    left: 0;

    right: 0;

    text-align: right;

    text-decoration: underline;

    font-weight: 300;

    line-height: 1.2;

    bottom: -15px;

    font-size: 10px;

}

.img-text-section {

    background: #edf5fb;

    padding: 60px 0 70px;

}

.img-text-section h2, .img-text-section .h2 {

    color: #6baadc;

    margin: 0 0 15px;

    text-transform: uppercase;

    font-size: 24px;

    line-height: 1.444;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-weight: 700;

}

.img-text-section .btn {

    min-width: 250px;

}

.img-text-section .img-holder {

    margin: 0 0 15px;

}

.img-text-section .img-holder img {

    width: 100%;

    max-width: none;

}

.img-text-section .img-holder .img-caption {

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    font-size: 14px;

    line-height: 1.5;

    padding: 10px 0;

}

.img-text-section .img-holder .img-caption .column {

    width: 50%;

    padding: 0 10px;

}

.img-text-section .img-holder .name {

    font-weight: 700;

    color: #0f3b6d;

}

.img-text-section .img-holder .designation {

    color: #555;

}

.trend-section .container {

    display: block;

}

.trend-block {

    padding: 60px 0;

    margin: 0 0 50px;

    position: relative;

    z-index: 1;

    color: #fff;

}

.trend-block:before {

    content: "";

    position: absolute;

    top: 0;

    left: -9999px;

    right: -9999px;

    bottom: 0;

    background: #003c70;

    z-index: -1;

}

.trend-block h3, .trend-block .h3 {

    margin: 0 0 47px;

    font-family: "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-size: 20px;

    line-height: 1.25;

    font-weight: 700;

    color: #000;

    letter-spacing: 2.24px;

    text-transform: uppercase;

    color: #fff;

}

.trend-list {

    text-align: center;

}

.trend-list > li {

    margin: 0 0 32px;

}

.trend-list .ico-hold {

    width: 136px;

    height: 136px;

    border: 3px solid #abcbe9;

    border-radius: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0 auto 15px;

    background: #6aabdb;

}

.trend-list .text-hold {

    color: #fff;

    font-size: 16px;

    line-height: 1.3;

    margin: 0 auto;

    max-width: 415px;

}

.trend-list .text-hold p {

    margin: 0;

}

.trend-list .trend-title {

    display: block;

    margin: 0 0 9px;

    font-weight: 700;

    font-size: 20px;

}

.business-detail {

    padding: 40px 0 20px;

    background-size: cover;

    background-position: center;

}

.business-detail.style-2 .container {

    max-width: 1820px;

}

.business-detail.style-2 .chart-holder {

    text-align: center;

}

.business-detail.style-2 h1, .business-detail.style-2 .h1 {

    margin: 0 0 13px;

}

.business-detail .container {

    max-width: 1370px;

}

.business-detail .text-holder {

    background: rgba(255, 255, 255, .95);

    padding: 25px 15px 20px;

    font-size: 16px;

    line-height: 1.8;

    color: #555;

    margin: 0 0 30px;

}

.business-detail .text-holder p {

    margin: 0 0 10px;

}

.business-detail .text-holder p strong {

    font-weight: 700;

    color: #6baadc;

}

.business-detail h1, .business-detail .h1 {

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-size: 28px;

    line-height: 1.444;

    font-weight: 700;

    color: #6baadc;

    text-transform: uppercase;

    margin: 0;

}

.logo-block .col {

    margin: 0 0 22px;

}

.logo-block .col.col-2 .logo-list {

    border-color: #289f00;

}

.logo-block .col-title {

    display: block;

    text-transform: uppercase;

    font-size: 16px;

    line-height: 1.5;

    color: #555;

    margin: 0 0 5px;

}

.logo-block strong {

    color: #6baadc;

}

.dot-list {

    color: #555;

    font-size: 16px;

    line-height: 1.5;

}

.dot-list > li {

    position: relative;

    padding: 0 0 0 10px;

    margin: 0 0 5px;

}

.dot-list > li:before {

    content: "▪";

    position: absolute;

    top: 0;

    left: 0;

}

.dot-list > li a {

    color: #6baadc;

}

.dot-list > li a:hover {

    text-decoration: underline;

}

.logo-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    border-top: 1px solid #6baadc;

    border-bottom: 4px solid #6baadc;

    margin: 0 0 15px 0;

    padding: 15px 0 0;

}

.logo-list > li {

    margin: 0 12px 17px 0;

}

.sub-heading {

    text-transform: uppercase;

    color: #000;

    display: block;

    font-size: 20px;

    line-height: 1.2;

    margin: 0 0 7px;

/*    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;*/
    font-family: "Open Sans", sans-serif;

    font-weight: 700;

}

.graph-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 0;

}

.graph-list > li {

    margin: 0 0 30px;

    text-align: center;

    padding: 0 5px;

    width: 100%;

}

.business-info {

    padding: 30px 0;

    background-size: cover;

    background-position: center;

}

.business-info .container {

    max-width: 1620px;

}

.business-info .text-holder {

    position: relative;

}

.business-info .text-holder .text-wrap {

    background: rgba(255, 255, 255, .95);

    padding: 25px 15px;

    color: #555;

}

.business-info .img-holder {

    margin: 0 auto 20px;

    width: 250px;

}

.business-info h2, .business-info .h2 {

    color: #6baadc;

    margin: 0 0 10px;

    text-transform: none;

    vertical-align: middle;

}

.business-info h2 .mark, .business-info .h2 .mark {

    color: #fff;

    background: #6baadc;

    display: inline-block;

    vertical-align: middle;

    padding: 5px 5px 3px;

    margin: -3px 0 0;

}

.business-info .sub-heading {

    margin: 0 0 12px;

}

.business-info p {

    margin: 0;

}

.text-section {

    padding: 40px 0;

}

.text-section .container {

    max-width: 1490px;

}

.text-section .text-holder {

    position: relative;

    font-size: 16px;

    line-height: 1.8;

    color: #555;

}

.text-section p {

    margin: 0 0 18px;

}

.text-section h2, .text-section .h2 {

    margin: 0 0 3px;

    padding: 20px 0 0;

}

.text-section h2 i, .text-section .h2 i {

    text-transform: none;

    display: block;

}

.text-section h2 a, .text-section .h2 a {

    color: inherit;

}

.text-section h2 a:hover, .text-section .h2 a:hover {

    opacity: .7;

}

.text-section .img-holder {

    margin: 0 auto;

    width: 250px;

}

.text-section .sub-heading {

    margin: 0 0 23px;

}

.float-img {

    width: 250px;

    border-radius: 50%;

    overflow: hidden;

    margin: 0 auto 10px;

}

.quote {

    display: block;

    margin: 0 0 15px;

}

.quote q {

    display: block;

    border-top: 1px solid #6baadc;

    border-bottom: 1px solid #6baadc;

    quotes: none;

    font-style: normal;

    padding: 24px 0 24px;

    color: #6baadc;

    font-size: 28px;

    line-height: 1.444;

    font-weight: 700;

    text-transform: uppercase;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    margin: 0 0 18px;

}

.quote q .ico-holder {

    display: inline-block;

    vertical-align: middle;

    margin: -3px 10px 0 0;

    width: 42px;

}

.quote cite {

    display: block;

    margin: 0;

    font-style: normal;

    font-size: 16px;

    line-height: 1.5;

}

.quote cite .name {

    font-weight: 700;

    color: #0f3b6d;

}

.table-section {

    padding: 60px 0 1px;

}

.table-section .container {

    max-width: 1240px;

}

.table-section .row {

    margin: 0 0 25px;

}

.table-section .title {

    margin: 0 0 14px;

    color: #003567;

    letter-spacing: .11px;

    font-size: 22px;

    line-height: 1.2;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    text-transform: none;

    text-transform: uppercase;

}

.table-section .title.big {

    font-size: 24px;

    letter-spacing: .12px;

}

.table-holder {

    overflow: hidden;

    overflow-x: auto;

}

.table-holder table {

    width: 100%;

    table-layout: fixed;

    border-collapse: collapse;

    color: #666;

    font-family: "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-size: 16px;

    line-height: 1.8;

    min-width: 814px;

}

.table-holder table thead {

    padding: 0;

    font-weight: 400;

}

.table-holder table thead tr th {

    padding: 0 47px 0 0;

    font-weight: 400;

    text-align: right;

    vertical-align: bottom;

}

.table-holder table thead tr th:last-child {

    font-weight: 700;

    color: #0f3b6d;

}

.table-holder table thead tr th:first-child {

    padding: 0;

    text-align: left;

}

.table-holder table thead tr th.second {

    width: 164px;

}

.table-holder table thead tr th.third {

    width: 164px;

}

.table-holder table thead tr th.fourth {

    width: 152px;

}

.table-holder table .text {

    font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-size: 12px;

    letter-spacing: -.16px;

    color: #555;

    line-height: 1.375;

    padding: 5px 20px 8px 0;

}

.table-holder table tbody {

    border-top: 1px solid #6baadc;

    border-bottom: 1px solid #6baadc;

}

.table-holder table tbody tr td {

    padding: 0 22px 3px 0;

    font-weight: 400;

    text-align: right;

}

.table-holder table tbody tr td:first-child {

    text-align: left;

}

.table-holder table tbody tr td:last-child {

    font-weight: 700;

    color: #0f3b6d;

}

.table-holder table .data {

    display: inline-block;

    vertical-align: top;

    position: relative;

    padding: 0 25px;

    min-width: 100px;

}

.table-holder table .data.dollar:before {

    content: "$";

    position: absolute;

    top: 0;

    left: 0;

}

.table-holder table .data.percentage:before {

    content: "%";

    position: absolute;

    top: 0;

    right: 7px;

}

.charts-section {

    padding: 50px 0;

}

.charts-section .container {

    max-width: 1415px;

}

.bar-graph-list > li {

    margin: 0 0 50px;

    text-align: center;

}

.chart-list > li {

    margin: 0 0 50px;

    text-align: center;

}

.sustainability-block {

    padding: 40px 0;

}

.sustainability-block .container {

    max-width: 1492px;

}

.sustainability-block .text-holder {

    color: #555;

    font-size: 16px;

    line-height: 1.8;

    margin: 0 0 40px;

}

.sustainability-block h2, .sustainability-block .h2 {

    margin: 0 0 8px;

}

.sustainability-block p {

    margin: 0 0 15px;

}

.sustainability-block .img-holder {

    text-align: center;

}

.sustainability-block .body-s {

    position: relative;

}

.sustainability-block .body-s:before {

    content: "";

    height: 1px;

    background: #555;

    position: absolute;

    top: -5px;

    left: 0;

    width: 65px;

}

.sustainable-highlights {

    padding: 40px 0 20px;

}

.sustainable-highlights .container {

    max-width: 1492px;

}

.sustainable-highlights h2, .sustainable-highlights .h2 {

    margin: 0;

}

.sustainable-highlight-list > li {

    position: relative;

    padding: 30px 0 10px;

    z-index: 1;

}

.sustainable-highlight-list > li:before {

    z-index: -1;

    content: "";

    position: absolute;

    top: 0;

    left: -9999px;

    right: -9999px;

    bottom: 0;

    background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);

    background: linear-gradient(180deg, #fff 0%, #f6f6f6 100%);

}

.sustainable-highlight-list h3, .sustainable-highlight-list .h3 {

    color: #6d6d6d;

    font-family: "Open Sans", sans-serif;
/*    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;*/

    text-transform: uppercase;

    font-size: 16px;

    line-height: 1.2;

    position: relative;

    padding: 0;

    font-weight: 700;

    margin: 0 0 8px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.sustainable-highlight-list h3.green, .sustainable-highlight-list .h3.green {

    color: #289f00;

}

.sustainable-highlight-list h3.orange, .sustainable-highlight-list .h3.orange {

    color: #f79521;

}

.sustainable-highlight-list h3.blue, .sustainable-highlight-list .h3.blue {

    color: #6baadc;

}

.sustainable-highlight-list h3 .ico-holder, .sustainable-highlight-list .h3 .ico-holder {

    margin: -4px 10px 0 0;

}

.sustainable-highlight-list .wrap .col {

    margin: 0 0 40px;

}

.sustainable-highlight-list .title {

    display: block;

    margin: 0 0 3px;

    font-weight: 700;

    color: #0f3b6d;

    font-size: 16px;

    line-height: 1.5;

}

.triangle-list {

    font-size: 16px;

    line-height: 1.5;

    color: #555;

}

.triangle-list > li {

    position: relative;

    padding: 0 0 0 12px;

    margin: 0 0 5px;

}

.triangle-list > li:before {

    content: "";

    position: absolute;

    top: 9px;

    left: 3px;

    height: 0;

    width: 0;

    border-bottom: 3px solid transparent;

    border-left: 5px solid #6baadc;

    border-top: 3px solid transparent;

}

.info-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 15px 0;

}

.info-box .img-holder {

    width: 103px;

}

.info-box .text-holder {

    width: calc(100% - 103px);

    color: #6baadc;

    font-size: 16px;

    line-height: 1.5;

    font-weight: 700;

    padding: 0 0 0 15px;

}

.info-box .text-hold {

    border-top: 1px dashed #6baadc;

    border-bottom: 1px dashed #6baadc;

    padding: 10px 0 12px;

    max-width: 350px;

}

.info-box .text {

    position: relative;

    padding: 0 0 0 15px;

}

.info-box .text:before {

    content: "";

    position: absolute;

    top: 9px;

    left: 3px;

    height: 0;

    width: 0;

    border-bottom: 3px solid transparent;

    border-left: 5px solid #6baadc;

    border-top: 3px solid transparent;

}

.woman-box {

    margin: 0 0 17px;

}

.woman-box .title-head {

    display: block;

    margin: 0 0 10px;

    color: #0f3b6d;

    font-size: 14px;

    line-height: 1.813;

    font-weight: 700;

}

.woman-box .woman-info {

    text-align: center;

}

.woman-box .woman-info .text {

    border-top: 1px dashed #6baadc;

    border-bottom: 1px dashed #6baadc;

    padding: 10px 0;

}

.woman-box .woman-info .img {

    width: 43px;

    margin: 10px auto;

}

.woman-box .woman-info .head {

    display: inline-block;

    vertical-align: top;

    color: #6baadc;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-weight: 700;

    font-size: 14px;

    line-height: 1.5;

    position: relative;

    padding: 0 0 0 16px;

    margin: 0 0 23px;

}

.woman-box .woman-info .head::before {

    content: "";

    position: absolute;

    top: 7px;

    left: 3px;

    height: 0;

    width: 0;

    border-bottom: 3px solid transparent;

    border-left: 5px solid #6baadc;

    border-top: 3px solid transparent;

}

.woman-box .woman-info .percentage {

    color: #555;

    font-size: 14px;

    line-height: 15px;

    vertical-align: bottom;

}

.woman-box .woman-info .percentage .num {

    font-size: 38px;

    line-height: 24px;

    color: #0f3b6d;

    font-weight: 700;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    vertical-align: bottom;

}

.woman-box .woman-info .percentage .num .small {

    line-height: 7px;

    font-size: 22px;

    vertical-align: top;

}

.dash-list {

    padding: 3px 0 0;

}

.dash-list > li {

    position: relative;

    padding: 0 0 0 16px;

    margin: 0 0 5px;

}

.dash-list > li:before {

    content: "–";

    position: absolute;

    top: 0;

    left: 0;

}

.bottom-decor {

    width: 480px;

    margin: 0 0 -3px;

    position: relative;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    z-index: 1;

}

.bottom-decor img {

    width: 100%;

    max-width: none;

}

.segment-details {

    padding: 60px 0 1px;

}

.segment-details .container {

    max-width: 1493px;

}

.segment-row {

    margin: 0 0 60px;

}

.segment-row .sub-heading {

    margin: 0 0 17px;

}

.segment-row .sub-heading .mark-percentage {

    color: #6baadc;

    font-weight: 700;

    position: relative;

    padding: 0 40px 0 0;

    display: inline-block;

    vertical-align: top;

}

.segment-row .sub-heading .mark-percentage.gray {

    color: #808080;

}

.segment-row .sub-heading .mark-percentage.green {

    color: #289f00;

}

.segment-row .sub-heading .pie {

    position: absolute;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 35px;

    z-index: 1;

}

.segment-row h2, .segment-row .h2 {

    margin: 0 0 18px;

    text-transform: uppercase;

    color: #0f3b6d;

    padding: 8px 0 1px;

}

.segment-row h2.with-border, .segment-row .h2.with-border {

    border-top: 1px solid #6baadc;

    border-bottom: 1px solid #6baadc;

}

.segment-row h2 .mark, .segment-row .h2 .mark {

    color: #fff;

    background: #0f3b6d;

    display: inline-block;

    vertical-align: middle;

    padding: 5px 5px 3px;

    margin: -6px 0 0;

}

.segment-row .text-wrap {

    max-width: 900px;

    color: #555;

    font-size: 16px;

    line-height: 1.8;

    margin: 0 0 25px;

}

.segment-row .text-wrap p {

    margin: 0;

}

.segment-row .title {

    display: block;

    padding: 0 0 10px;

    border-bottom: 1px solid #6baadc;

    letter-spacing: -.9px;

    font-size: 18px;

    line-height: 1.2;

    text-transform: uppercase;

    color: #555;

    margin: 0 0 25px;

}

.segment-row .block-row {

    margin: 0 0 52px;

}

.segment-row .segment-chart {

    text-align: center;

}

.logo-info-list {

    font-size: 16px;

    line-height: 1.5;

    color: #555;

}

.logo-info-list > li {

    margin: 0 0 29px 0;

}

.logo-info-list .logo-img {

    margin: 0 0 9px;

}

.logo-info-list p {

    margin: 0;

}

.segment-info-list {

    font-size: 16px;

    line-height: 1.4;

    color: #0f3b6d;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    font-weight: 300;

    text-align: center;

}

.segment-info-list > li {

    margin: 0 0 15px;

}

.segment-info-list p {

    margin: 0 0 6px;

}

.segment-info-list .num {

    display: block;

    color: #0f3b6d;

    font-weight: 700;

    color: #0f3b6d;

    font-size: 40px;

    line-height: 1;

    text-transform: uppercase;

}

.img-grid .grid-row .col {

    margin: 0 0 12px;

}

.img-grid .img-holder {

    background-size: cover;

    background-position: center;

    height: 0;

    padding-top: 50%;

}

.floating-img {

    text-align: center;

}

.floating-img.style-2 {

    margin-bottom: -50px;

}

.timeline-section {

    padding: 25px 0;

}

.timeline-section .container {

    max-width: 1817px;

}

.timeline-section h2, .timeline-section .h2 {

    padding: 0 15px;

    text-align: center;

    margin: 0 0 30px;

    font-size: 16px;

    line-height: 1.2;

    color: #0f3b6d;

    font-weight: 700;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    text-transform: uppercase;

}

.timeline {

    font-size: 12px;

    line-height: 1.714;

    color: #555;

}

.timeline .timeline-holder {

    position: relative;

    z-index: 1;

    margin: 0 0 10px;

    padding: 20px 0;

}

.timeline .timeline-holder:before {

    content: "";

    position: absolute;

    top: 100%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    z-index: -1;

    height: 0;

    width: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 8px solid #c4c4c6;

    margin: -1px 0 0;

}

.timeline .arrow {

    position: absolute;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    top: 0;

    left: 50%;

    height: 0;

    width: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 6px solid #fff;

}

.timeline .arrow:before {

    content: "";

    position: absolute;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    top: -8px;

    left: 50%;

    height: 0;

    width: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 6px solid #c4c4c6;

}

.timeline .arrow.arrow-1 {

    top: 10%;

}

.timeline .arrow.arrow-2 {

    top: 17%;

}

.timeline .arrow.arrow-3 {

    top: 26%;

}

.timeline .num {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    background: #c4c4c6;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-weight: 700;

    line-height: 1.2;

    font-family: "industry", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

    color: #3d3d3d;

    margin: 0 auto 15px;

    font-size: 16px;

}

.timeline strong {

    font-weight: 700;

    color: #f79521;

}

.timeline p {

    margin: 0;

}

.timeline .year {

    margin: 0 0 15px;

}

.timeline .year.y-2020.bottom .block {

    text-align: left;

    margin: 0;

}

.timeline .year.top {

    padding: 0 0 0 calc(50% + 15px);

}

.timeline .year.bottom {

    padding: 0 calc(50% + 15px) 0 0;

}

.timeline .block .ico-holder {

    width: 50px;

    margin: 0 0 10px;

}

.timeline .block .txt-holder:only-child {

    width: 100%;

    padding: 0;

}



.wrapper {

    width: 100%;

    max-width: 1260px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 15px;

    padding-right: 15px;

}

.img-pushright {

    margin: 0 auto 50px;

    width: 75%;

    padding: 75% 0 0;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 100% auto;

}



.title-nowrap {

    white-space: nowrap

}



@media screen and (min-width: 650px) {

    .img-pushright {

        width: 50%;

        padding: 50% 0 0;

    }

}



@media screen and (min-width: 992px) {

    .img-pushright {

        margin: 0 0 20px 50px;

        float: right;

        width: 35%;

        padding: 35% 0 0;

    }

}



@media screen and (min-width: 1550px) {

    .img-pushright {

        margin-right: -150px;

        width: 368px;

        height: 365px;

    }

}

@media (min-width: 480px) {

    .nav-wrap {

        padding: 15px 30px 25px;

    }

    .navigation > li.active a {

        padding: 10px 15px;

    }

    .container {

        padding: 0 30px;

    }

    h2, .h2 {

        font-size: 28px;

    }

    .homepage-text .img-holder {

        margin: -50px 0 0;

    }

    .homepage-text .text-hold {

        margin: 0;

        max-width: 100%;

    }

    .visual .decor {

        width: 436px;

    }

    .corporate h2, .corporate .h2 {

        font-size: 32px;

    }

    .letter-section h1, .letter-section .h1 {

        font-size: 30px;

    }

    .letter-section h1.style-2, .letter-section .h1.style-2 {

        font-size: 32px;

    }

    .result-list .data {

        font-size: 63px;

    }

    .result-list .detail {

        font-size: 18px;

    }

    .img-text-section h2, .img-text-section .h2 {

        font-size: 27px;

    }

    .trend-block h3, .trend-block .h3 {

        font-size: 22px;

    }

    .business-detail h1, .business-detail .h1 {

        font-size: 30px;

    }

    .graph-list > li {

        width: 50%;

    }

    .text-section .img-holder {

        width: 300px;

    }

    .quote q {

        font-size: 32px;

    }

    .woman-box {

        width: 420px;

    }

    .woman-box .woman-info {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }

    .woman-box .woman-info .text {

        width: calc(100% - 245px);

    }

    .woman-box .woman-info .img {

        margin: -7px 10px 0;

    }

    .bottom-decor {

        width: 768px;

    }

    

    .wrapper {

        padding-left: 30px;

        padding-right: 30px;

    }

}

@media (max-width: 768px) {

    .hide-small {

        display: none;

    }

}

@media (min-width: 768px) {

    .header-info .cloned-item {

        display: block;

    }

    .nav-opener {

        margin: 0 0 0 30px;

    }

    .nav-wrap .btn-holder {

        display: none;

    }

    .navigation {

        margin: 0;

    }

    #wrapper {

        font-size: 18px;

    }

    h2, .h2 {

        font-size: 30px;

    }

    .body-l {

        font-size: 20px;

    }

    .body-m {

        font-size: 18px;

    }

    .body-s {

        font-size: 14px;

    }

    .btn {

        min-width: 280px;

    }

    #footer {}

    .intro-section {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .intro-section .img-holder {

        width: 33.33%;

        padding-top: 30.55%;

    }

    .homepage-text .img-holder {

        text-align: right;

        margin: -110px 0 0 200px;

    }

    .homepage-text .text-hold {

        padding: 20px 0 111px;

        max-width: auto;

        margin: 0;

    }

    .homepage-text h1 .small {

        font-size: 37px;

    }

    .homepage-text h1 .big {

        font-size: 96px;

    }

    .homepage-text h2 {

        font-size: 37px;

        margin: 0 0 15px;

    }

    .homepage-text .btn-holder {

        padding: 0 17px;

        text-align: center;

    }

    .visual {

        min-height: 220px;

    }

    .visual .w-100 {

        padding: 40px 0;

    }

    .visual h1, .visual .h1 {

        font-size: 37px;

    }

    .visual .decor {

        width: 586px;

    }

    .corporate {

        font-size: 18px;

        padding: 65px 0 75px;

    }

    .corporate h2, .corporate .h2 {

        font-size: 40px;

    }

    .corporate-wrap {

        margin: 0 0 50px;

    }

    .corporate-list > li {

        margin: 0 0 37px;

    }

    .letter-section {

        padding: 40px 0;

    }

    .letter-section .img-holder {

        margin: 0 0 20px 10px;

        float: right;

    }

    .letter-section h1, .letter-section .h1 {

        font-size: 34px;

        margin: 0 0 20px;

    }

    .letter-section h1.style-2, .letter-section .h1.style-2 {

        font-size: 36px;

    }

    .letter-section .sub-heading {

        font-size: 18px;

    }

    .letter-section .body-l p {

        margin: 0 0 22px;

    }

    .letter-section h2, .letter-section .h2 {

        padding: 21px 0 0;

    }

    .letter-section p {

        margin: 0 0 18px;

    }

    .letter-section .signature-holder {

        padding: 18px 0 60px;

    }

    .letter-section .signature {

        margin: 0 0 22px;

    }

    .letter-section .name {

        font-size: 16px;

    }

    .letter-section .designation {

        font-size: 16px;

    }

    .numbered-list > li {

        padding: 0 0 0 31px;

    }

    .result-section {

        margin: 0 0 20px;

    }

    .result-section h2, .result-section .h2 {

        margin: 0 0 27px;

    }

    .result-list {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin: 0 -30px;

    }

    .result-list > li {

        padding: 40px 30px;

        width: 50%;

    }

    .result-list > li:before {

        content: "";

        width: 2px;

        position: absolute;

        top: 19px;

        left: -1px;

        bottom: 19px;

        background: #092f4e;

    }

    .result-list .data {

        font-size: 65px;

    }

    .result-chart-list {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin: 0 -10px;

        justify-content: center;

    }

    .result-chart-list > li {

        padding: 0 10px;

    }

    .result-chart-list .title {

        font-size: 18px;

        margin: 0 0 35px;

    }

    .result-chart-list .ico-holder {

        width: 60px;

    }

    .result-chart-list .small {

        font-size: 28px;

        line-height: 28px;

    }

    .result-chart-list .big {

        font-size: 45px;

        line-height: 28px;

    }

    .result-chart-list .big .big-info {

        bottom: -20px;

        font-size: 12px;

    }

    .img-text-section h2, .img-text-section .h2 {

        font-size: 30px;

        margin: 0 0 20px;

    }

    .img-text-section .btn {

        min-width: 294px;

    }

    .img-text-section .img-holder {

        margin: 0 0 20px;

    }

    .trend-block h3, .trend-block .h3 {

        font-size: 24px;

    }

    .trend-list {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        margin: 0 -15px;

    }

    .trend-list > li {

        padding: 0 15px;

        width: 50%;

    }

    .trend-list .text-hold {

        font-size: 18px;

    }

    .trend-list .trend-title {

        font-size: 22px;

    }

    .business-detail {

        padding: 60px 0 30px;

    }

    .business-detail.style-2 .chart-holder {

        text-align: right;

    }

    .business-detail .text-holder {

        font-size: 18px;

        padding: 45px 30px 40px;

    }

    .business-detail h1, .business-detail .h1 {

        font-size: 34px;

    }

    .logo-list > li {

        margin: 0 40px 17px 0;

    }

    .graph-list > li {

        width: 25%;

    }

    .business-info .text-holder .text-wrap {

        padding: 30px 30px;

    }

    .business-info .img-holder {

        width: 300px;

        margin: 0 0 20px auto;

    }

    .business-info h2, .business-info .h2 {

        margin: 0 0 15px;

    }

    .text-section {

        padding: 60px 0;

    }

    .text-section .text-holder {

        font-size: 18px;

    }

    .text-section .img-holder {

        width: 400px;

    }

    .float-img {

        margin: 40px 30px 30px 0;

        float: left;

    }

    .quote {

        margin: 0 0 30px;

    }

    .quote q {

        font-size: 36px;

    }

    .quote q .ico-holder {

        margin: -1px 10px 0 -15px;

        width: 52px;

    }

    .table-holder table {

        font-size: 18px;

    }

    .table-holder table .text {

        font-size: 14px;

    }

    .table-holder table .data {

        min-width: 115px;

    }

    .charts-section {

        padding: 100px 0;

    }

    .bar-graph-list {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

        margin: 0 -15px;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }

    .bar-graph-list > li {

        padding: 0 15px;

        width: 50%;

        margin: 0 0 88px;

    }

    .chart-list {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

        -ms-flex-pack: distribute;

        justify-content: space-around;

        margin: 0 -15px;

    }

    .chart-list > li {

        padding: 0 15px;

        width: 40%;

        margin: 0 0 88px;

    }

    .chart-list > li:nth-child(2n) {

        width: 60%;

    }

    .sustainability-block {

        padding: 60px 0;

    }

    .sustainability-block .text-holder {

        font-size: 18px;

        margin: 0 0 60px;

    }

    .sustainable-highlights {

        padding: 60px 0 30px;

    }

    .sustainable-highlight-list > li {

        padding: 40px 0 10px;

    }

    .sustainable-highlight-list h3, .sustainable-highlight-list .h3 {

        font-size: 18px;

    }

    .sustainable-highlight-list .wrap .col {

        margin: 0 0 50px;

    }

    .info-box {

        padding: 20px 0;

    }

    .woman-box {

        width: 457px;

    }

    .woman-box .title-head {

        font-size: 16px;

    }

    .woman-box .woman-info .text {

        width: calc(100% - 274px);

    }

    .woman-box .woman-info .head {

        font-size: 16px;

    }

    .woman-box .woman-info .percentage {

        font-size: 16px;

    }

    .woman-box .woman-info .percentage .num {

        font-size: 46px;

    }

    .woman-box .woman-info .percentage .num .small {

        font-size: 27px;

    }

    .bottom-decor {

        width: 1024px;

    }

    .segment-details {

        padding: 75px 0 1px;

    }

    .segment-row {

        margin: 0 0 75px;

    }

    .segment-row h2 .mark, .segment-row .h2 .mark {

        padding: 10px 11px 5px;

    }

    .segment-row .text-wrap {

        font-size: 18px;

    }

    .segment-row .title {

        margin: 0 0 35px;

    }

    .segment-info-list {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin: 0 -5px;

    }

    .segment-info-list > li {

        width: 33.33%;

        padding: 0 5px;

        margin: 0 0 30px;

    }

    .segment-info-list .num {

        font-size: 46px;

    }

    .img-grid .grid-row {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin: 0 -8px;

    }

    .img-grid .grid-row.two-col-grid .col {

        width: 50%;

    }

    .img-grid .grid-row.three-col-grid .col {

        width: 50%;

    }

    .img-grid .grid-row .col {

        padding: 0 8px;

        margin: 0 0 16px;

    }

    .floating-img.style-2 {

        margin-bottom: -100px;

    }

    .timeline-section {

        padding: 35px 0;

    }

    .timeline-section h2, .timeline-section .h2 {

        font-size: 18px;

    }

    .timeline .timeline-holder:before {

        height: 0;

        width: 0;

        border-left: 9px solid transparent;

        border-right: 9px solid transparent;

        border-top: 10px solid #c4c4c6;

    }

    .timeline .arrow {

        height: 0;

        width: 0;

        border-left: 9px solid transparent;

        border-right: 9px solid transparent;

        border-top: 10px solid #fff;

    }

    .timeline .arrow:before {

        top: -13px;

        height: 0;

        width: 0;

        border-left: 9px solid transparent;

        border-right: 9px solid transparent;

        border-top: 10px solid #c4c4c6;

    }

    .timeline .num {

        width: 76px;

        height: 76px;

        font-size: 20px;

    }

    .timeline .year.top {

        padding: 0 0 0 calc(50% + 30px);

    }

    .timeline .year.bottom {

        padding: 0 calc(50% + 30px) 0 0;

    }

    .timeline .block {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .timeline .block .ico-holder {

        width: 60px;

        margin: 0;

    }

    .timeline .block .txt-holder {

        width: calc(100% - 60px);

        padding: 0 0 0 10px;

    }

}

@media (min-width: 768px) and (max-width: 1023px) {

    .result-list > li:nth-child(1):after, .result-list > li:nth-child(2):after {

        display: none;

    }

    .result-list > li:nth-child(1):before, .result-list > li:nth-child(2n-1):before {

        display: none;

    }

}

@media (min-width: 1024px) {

    #wrapper {

        font-size: 20px;

    }

    h2, .h2 {

        font-size: 34px;

    }

    .body-l {

        font-size: 22px;

    }

    .body-m {

        font-size: 20px;

    }

    .body-s {

        font-size: 16px;

    }

    #footer {

        padding: 50px 0;

        text-align: left;

        font-size: 14px;

    }

    #footer .container {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-align: end;

        -ms-flex-align: end;

        align-items: flex-end;

    }

    #footer .container .col {

        width: 50%;

    }

    .intro-section .img-holder {

        padding-top: 25.55%;

    }

    .homepage-text {

        margin: -50px 0 0;

    }

    .homepage-text .container {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .homepage-text .img-holder {

        width: calc(100% - 418px);

        margin: 0;

    }

    .homepage-text .text-holder {

        width: 418px;

    }

    .homepage-text .text-hold {

        margin: 0 auto;

        padding: 100px 0 50px;

    }

    .home-logo {

        padding: 0 0 0 10px;

    }

    .visual {

        min-height: 280px;

    }

    .visual .w-100 {

        padding: 50px 0;

    }

    .visual h1, .visual .h1 {

        font-size: 47px;

    }

    .visual .decor {

        width: 726px;

    }

    .corporate {

        font-size: 20px;

        padding: 80px 0 90px;

    }

    .corporate h2, .corporate .h2 {

        font-size: 45px;

    }

    .corporate-list {

        -webkit-column-count: 2;

        column-count: 2;

        -webkit-column-gap: 30px;

        column-gap: 30px;

    }

    .letter-section {

        padding: 50px 0;

    }

    .letter-section.style-3 h2, .letter-section.style-3 .h2 {

        padding: 15px 0 0;

        margin: 0 0 15px;

    }

    .letter-section .container {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .letter-section .img-holder {

        -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

        order: 1;

        width: 368px;

        height: 365px;

        float: none;

    }

    .letter-section .text-holder {

        -webkit-box-ordinal-group: 1;

        -ms-flex-order: 0;

        order: 0;

        width: calc(100% - 368px);

        padding: 0 30px 0 0;

    }

    .letter-section h1, .letter-section .h1 {

        font-size: 38px;

    }

    .letter-section h1.style-2, .letter-section .h1.style-2 {

        font-size: 40px;

    }

    .letter-section .sub-heading {

        font-size: 20px;

    }

    .numbered-list {

        margin: -17px 0 0;

    }

    .result-section {

        padding: 90px 0 75px;

    }

    .result-list > li {

        width: 33.33%;

        padding: 60px 30px;

    }

    .result-list > li:nth-child(1):after, .result-list > li:nth-child(2):after, .result-list > li:nth-child(3):after {

        display: none;

    }

    .result-list > li:nth-child(1):before, .result-list > li:nth-child(3n-2):before {

        display: none;

    }

    .result-list > li:nth-child(1):after, .result-list > li:nth-child(3n-2):after {

        left: 30px;

    }

    .result-list > li:nth-child(3):after, .result-list > li:nth-child(3n):after {

        right: 30px;

    }

    .result-list .data {

        font-size: 70px;

    }

    .result-chart-list .ico-holder {

        width: 50px;

    }

    .result-chart-list .big .big-info {

        bottom: -22px;

        font-size: 11px;

    }

    .img-text-section .container {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        max-width: 1756px;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

        flex-direction: row-reverse;

    }

    .img-text-section .col {

        width: 50%;

    }

    .img-text-section .text-holder {

        padding: 0 20px 0 0;

    }

    .img-text-section h2, .img-text-section .h2 {

        font-size: 32px;

        margin: 0 0 27px;

    }

    .img-text-section .img-holder {

        margin: -100px -30px 0 0;

    }

    .img-text-section .img-holder .img-caption {

        font-size: 16px;

        line-height: 1.5;

        padding: 20px 0;

    }

    .trend-block h3, .trend-block .h3 {

        font-size: 26px;

    }

    .trend-list > li {

        width: 33.33%;

    }

    .trend-list .ico-hold {

        margin: 0 auto 23px;

    }

    .trend-list .text-hold {

        font-size: 20px;

    }

    .trend-list .trend-title {

        font-size: 24px;

    }

    .business-detail.style-2 .sub-heading {

        margin: 0 0 23px;

    }

    .business-detail .text-holder {

        font-size: 20px;

    }

    .business-detail h1, .business-detail .h1 {

        font-size: 38px;

    }

    .logo-block .col-title {

        margin: 0 0 8px;

    }

    .graph-list > li {

        padding: 0 15px;

    }

    .business-info {

        padding: 60px 0;

    }

    .business-info .img-holder {

        width: 350px;

    }

    .business-info h2 .mark, .business-info .h2 .mark {

        padding: 10px 10px 6px;

    }

    .text-section .text-holder {

        font-size: 20px;

        padding: 0 350px 0 0;

    }

    .text-section .img-holder {

        position: absolute;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        top: 50%;

        margin: 20px 0 0;

        right: -100px;

        width: 440px;

    }

    .quote {

        margin: 0 -250px 30px 0;

    }

    .quote q {

        font-size: 40px;

    }

    .table-section {

        padding: 91px 0 6px;

    }

    .table-section .row {

        margin: 0 0 35px;

    }

    .table-holder table {

        font-size: 20px;

    }

    .table-holder table .text {

        font-size: 16px;

    }

    .table-holder table .data {

        min-width: 125px;

    }

    .bar-graph-list > li {

        width: 33.33%;

    }

    .sustainability-block {

        padding: 80px 0;

    }

    .sustainability-block .text-holder {

        font-size: 20px;

        margin: 0 0 70px;

    }

    .sustainable-highlights {

        padding: 90px 0 60px;

    }

    .sustainable-highlight-list > li {

        padding: 50px 0 10px;

    }

    .sustainable-highlight-list h3, .sustainable-highlight-list .h3 {

        font-size: 20px;

    }

    .sustainable-highlight-list .wrap .col {

        margin: 0 0 60px;

    }

    .info-box {

        padding: 26px 0 25px;

    }

    .info-box .text-holder {

        padding: 0 19px;

    }

    .woman-box .woman-info .text {

        padding: 15px 0 19px;

    }

    .woman-box .woman-info .img {

        margin: -7px 24px 0;

    }

    .bottom-decor {

        width: 1200px;

    }

    .segment-details {

        padding: 90px 0 1px;

    }

    .segment-row {

        margin: 0 0 100px;

    }

    .segment-row .text-wrap {

        font-size: 20px;

    }

    .segment-row .title {

        margin: 0 0 45px;

    }

    .segment-info-list .num {

        font-size: 50px;

    }

    .img-grid .grid-row.three-col-grid .col {

        width: 29%;

    }

    .img-grid .grid-row.three-col-grid .col:nth-child(3n-1) {

        width: 42%;

    }

    .img-grid .grid-row.three-col-grid .col .img-holder {

        height: 300px;

    }

    .img-grid .img-holder {

        height: 320px;

        padding-top: 0;

    }

    .floating-img {

        padding: 20px 0 0;

    }

    .timeline-section h2, .timeline-section .h2 {

        font-size: 20px;

    }

    .timeline {

        font-size: 14px;

    }

    .timeline .block .ico-holder {

        width: 70px;

    }

    .timeline .block .txt-holder {

        width: calc(100% - 70px);

    }

}

@media (min-width: 1200px) {

    #header {

        padding: 12px 0;

    }

    #header .container {

        -webkit-box-align: end;

        -ms-flex-align: end;

        align-items: flex-end;

    }

    #header .btn-holder {

        width: 220px;

        margin: 0 0 0 auto;

        -webkit-box-ordinal-group: 1;

        -ms-flex-order: 0;

        order: 0;

        display: block;

    }

    .header-info {

        display: none;

    }

    .header-info .cloned-item {

        display: none;

    }

    .nav-active .nav-drop {

        max-height: none;

    }

    .nav-drop {

        position: static;

        max-height: none;

        overflow: visible;

    }

    .nav-wrap {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        background: none;

        padding: 0;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        border: none;

    }

    .nav-wrap .btn-holder {

        display: block;

    }

    .navigation {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: flex-end;

        -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

        order: 1;

        width: 100%;

        font-size: 14px;

        letter-spacing: -.8px;

    }

    .navigation > li {

        margin: 12px 0 0 11px;

    }

    .navigation > li.active a {

        background: none;

        padding: 0 0 1px;

    }

    .navigation > li.active a:before {

        opacity: 1;

    }

    .navigation > li a {

        position: relative;

        display: inline-block;

        vertical-align: top;

        padding: 0 0 1px;

        border-radius: 0;

    }

    .navigation > li a:hover {

        color: #6baadc;

        background: none;

        padding: 0 0 1px;

    }

    .navigation > li a:before {

        content: "";

        position: absolute;

        bottom: 0;

        left: 0;

        right: 0;

        height: 3px;

        background: #6baadc;

        opacity: 0;

        -webkit-transition: opacity .3s linear;

        transition: opacity .3s linear;

    }

    h2, .h2 {

        font-size: 38px;

    }

    .body-l {

        font-size: 24px;

    }

    #footer {

        padding: 71px 0 68px;

        border-top: 3px solid #fff;

    }

    .intro-section .img-holder {

        padding-top: 20.55%;

    }

    .homepage-text.in-viewport .text-holder {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .homepage-text.in-viewport .img-holder {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .homepage-text.in-viewport .btn-holder {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .homepage-text .img-holder {

        width: calc(100% - 445px);

        opacity: 0;

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .homepage-text .text-holder {

        padding: 0 20px 0 0;

        width: 445px;

        opacity: 0;

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .homepage-text h2 {

        margin: 0 0 25px;

    }

    .homepage-text .btn-holder {

        opacity: 0;

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

        -webkit-transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s, -webkit-transform .5s linear 1s;

    }

    .visual {

        min-height: 327px;

    }

    .visual.in-viewport h1, .visual.in-viewport .h1 {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .visual .w-100 {

        padding: 74px 0;

    }

    .visual h1, .visual .h1 {

        font-size: 54px;

        opacity: 0;

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .visual .decor {

        width: 856px;

    }

    .corporate {

        padding: 98px 0 122px;

    }

    .corporate h2, .corporate .h2 {

        font-size: 50px;

    }

    .corporate-wrap {

        margin: 0 0 88px;

    }

    .corporate-wrap.in-viewport h2, .corporate-wrap.in-viewport .h2 {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1;

    }

    .corporate-wrap.in-viewport .corporate-list {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1;

    }

    .corporate-wrap h2, .corporate-wrap .h2 {

        opacity: 0;

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

        -webkit-transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, transform .5s linear;

        transition: opacity .5s linear, transform .5s linear, -webkit-transform .5s linear;

    }

    .corporate-list {

        -webkit-column-gap: 50px;

        column-gap: 50px;

        opacity: 0;

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .letter-section.in-viewport .text-holder {

        opacity: 1;

    }

    .letter-section.in-viewport .img-holder {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .letter-section .container.in-viewport .text-holder {

        opacity: 1;

    }

    .letter-section .container.in-viewport .img-holder {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .letter-section .img-holder {

        margin: 162px 0 0;

        opacity: 0;

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);

        -webkit-transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s, -webkit-transform .5s linear 1s;

    }

    .letter-section .text-holder {

        padding: 0 50px 0 0;

        opacity: 0;

        -webkit-transition: opacity .5s linear .5s;

        transition: opacity .5s linear .5s;

    }

    .letter-section h1, .letter-section .h1 {

        font-size: 42px;

        margin: 0 0 25px;

    }

    .letter-section h1.style-2, .letter-section .h1.style-2 {

        font-size: 44px;

    }

    .result-section {

        padding: 100px 0;

    }

    .result-section.in-viewport h2, .result-section.in-viewport .h2 {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .result-section.in-viewport .result-list .data {

        opacity: 1;

    }

    .result-section.in-viewport .result-list .detail {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .result-section h2, .result-section .h2 {

        font-size: 36px;

        opacity: 0;

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

        -webkit-transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, transform .5s linear;

        transition: opacity .5s linear, transform .5s linear, -webkit-transform .5s linear;

    }

    .result-list .data {

        font-size: 75px;

        opacity: 0;

        -webkit-transition: opacity .5s linear .5s;

        transition: opacity .5s linear .5s;

    }

    .result-list .detail {

        font-size: 20px;

        opacity: 0;

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

        -webkit-transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s, -webkit-transform .5s linear 1s;

    }

    .result-chart {

        padding: 40px 0;

    }

    .result-chart.in-viewport h2, .result-chart.in-viewport .h2 {

        opacity: 1;

    }

    .result-chart.in-viewport .result-chart-list > li {

        opacity: 1;

        -webkit-transform: none !important;

        -ms-transform: none !important;

        transform: none !important;

    }

    .result-chart h2, .result-chart .h2 {

        opacity: 0;

        -webkit-transition: opacity .5s linear;

        transition: opacity .5s linear;

    }

    .result-chart-list > li {

        opacity: 0;

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .result-chart-list > li:nth-child(3n-2) {

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

    }

    .result-chart-list > li:nth-child(3n-1) {

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

    }

    .result-chart-list > li:nth-child(3n) {

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);

    }

    .result-chart-list .title {

        margin: 0 0 55px;

    }

    .result-chart-list .ico-holder {

        margin: 0 0 0 13px;

        width: 70px;

    }

    .result-chart-list .small {

        font-size: 30px;

        line-height: 32px;

    }

    .result-chart-list .big {

        font-size: 55px;

        line-height: 32px;

        margin: 0 0 10px 3px;

    }

    .result-chart-list .big .big-info {

        bottom: -23px;

        font-size: 13px;

    }

    .img-text-section.in-viewport .img-holder {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .img-text-section.in-viewport .text-holder {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .img-text-section.in-viewport .btn-holder {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .img-text-section .text-holder {

        opacity: 0;

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

        -webkit-transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, transform .5s linear;

        transition: opacity .5s linear, transform .5s linear, -webkit-transform .5s linear;

    }

    .img-text-section h2, .img-text-section .h2 {

        font-size: 36px;

    }

    .img-text-section .btn-holder {

        opacity: 0;

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .img-text-section .img-holder {

        opacity: 0;

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);

        -webkit-transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, transform .5s linear;

        transition: opacity .5s linear, transform .5s linear, -webkit-transform .5s linear;

    }

    .trend-section.in-viewport h3, .trend-section.in-viewport .h3 {

        opacity: 1;

    }

    .trend-section.in-viewport .trend-list > li {

        opacity: 1;

        -webkit-transform: none !important;

        -ms-transform: none !important;

        transform: none !important;

    }

    .trend-block {

        margin: 0 0 94px;

    }

    .trend-block h3, .trend-block .h3 {

        font-size: 28px;

        opacity: 0;

        -webkit-transition: opacity .5s linear .5s;

        transition: opacity .5s linear .5s;

    }

    .trend-list > li {

        width: 25%;

        opacity: 0;

        -webkit-transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s, -webkit-transform .5s linear 1s;

    }

    .trend-list > li:nth-child(1) {

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

    }

    .trend-list > li:nth-child(2) {

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

    }

    .trend-list > li:nth-child(3) {

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

    }

    .trend-list > li:nth-child(4) {

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);

    }

    .trend-list > li:nth-child(5) {

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

    }

    .trend-list > li:nth-child(6) {

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

    }

    .trend-list > li:nth-child(7) {

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);

    }

    .trend-list .trend-title {

        font-size: 26px;

    }

    .business-detail.style-2 .container {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-align: end;

        -ms-flex-align: end;

        align-items: flex-end;

    }

    .business-detail.style-2 .text-holder {

        margin: 0 0 8px;

        width: 700px;

    }

    .business-detail.style-2 .chart-holder {

        padding: 0 0 0 20px;

        width: calc(100% - 700px);

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);

        opacity: 0;

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .business-detail.in-viewport .text-holder {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1;

    }

    .business-detail.in-viewport .chart-holder {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1;

    }

    .business-detail.in-viewport .graph-list {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1;

    }

    .business-detail .text-holder {

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

        opacity: 0;

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .business-detail h1, .business-detail .h1 {

        font-size: 42px;

    }

    .business-detail .graph-list {

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);

        opacity: 0;

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .logo-block {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin: 0 -26px;

    }

    .logo-block .col {

        padding: 0 26px;

    }

    .logo-block .col.col-1 {

        width: 58%;

    }

    .logo-block .col.col-2 {

        width: 42%;

    }

    .logo-list {

        padding: 10px 0 0;

    }

    .logo-list > li {

        margin: 0 30px 17px 0;

    }

    .business-info.in-viewport .text-holder {

        opacity: 1;

    }

    .business-info.in-viewport .img-holder {

        opacity: 1;

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

    .business-info .text-holder {

        opacity: 0;

        -webkit-transition: opacity .5s linear .5s;

        transition: opacity .5s linear .5s;

    }

    .business-info .img-holder {

        width: 400px;

        opacity: 0;

        -webkit-transform: scale(0);

        -ms-transform: scale(0);

        transform: scale(0);

        -webkit-transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s, -webkit-transform .5s linear 1s;

    }

    .business-info .sub-heading {

        margin: 0 0 19px;

    }

    .text-section.in-viewport .text-holder {

        opacity: 1;

    }

    .text-section.in-viewport .img-holder {

        -webkit-transform: translate(0, -50%);

        -ms-transform: translate(0, -50%);

        transform: translate(0, -50%);

        opacity: 1;

    }

    .text-section .text-holder {

        padding: 0 400px 0 0;

        opacity: 0;

        -webkit-transition: opacity .5s linear .5s;

        transition: opacity .5s linear .5s;

    }

    .text-section .img-holder {

        width: 480px;

        right: -100px;

        -webkit-transform: translate(100px, -50%);

        -ms-transform: translate(100px, -50%);

        transform: translate(100px, -50%);

        opacity: 0;

        -webkit-transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s, -webkit-transform .5s linear 1s;

    }

    .float-img {

        width: 290px;

    }

    .quote {

        margin: 0 -280px 30px 0;

    }

    .quote q {

        font-size: 44px;

    }

    .quote q .ico-holder {

        width: 62px;

        margin: -1px 15px 0 -15px;

    }

    .table-section .row.in-viewport .title {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1;

    }

    .table-section .row.in-viewport .table-holder {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1;

    }

    .table-section .title {

        opacity: 0;

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

        -webkit-transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, transform .5s linear;

        transition: opacity .5s linear, transform .5s linear, -webkit-transform .5s linear;

    }

    .table-holder {

        opacity: 0;

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .charts-section {

        padding: 100px 0 164px;

    }

    .bar-graph-list {

        -ms-flex-pack: distribute;

        justify-content: space-around;

    }

    .bar-graph-list.in-viewport > li {

        opacity: 1;

        -webkit-transform: none !important;

        -ms-transform: none !important;

        transform: none !important;

    }

    .bar-graph-list > li {

        opacity: 0;

        -webkit-transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, transform .5s linear;

        transition: opacity .5s linear, transform .5s linear, -webkit-transform .5s linear;

    }

    .bar-graph-list > li:nth-child(3n-2) {

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

    }

    .bar-graph-list > li:nth-child(3n-1) {

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

    }

    .bar-graph-list > li:nth-child(3n) {

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);

    }

    .chart-list.in-viewport > li {

        opacity: 1;

        -webkit-transform: none !important;

        -ms-transform: none !important;

        transform: none !important;

    }

    .chart-list > li {

        opacity: 0;

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

        -webkit-transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, transform .5s linear;

        transition: opacity .5s linear, transform .5s linear, -webkit-transform .5s linear;

    }

    .chart-list > li:nth-child(2n) {

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);

    }

    .sustainability-block {

        padding: 115px 0;

    }

    .sustainability-block.in-viewport .text-holder {

        opacity: 1;

    }

    .sustainability-block.in-viewport .img-holder {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .sustainability-block .text-holder {

        max-width: 930px;

        margin: 0 0 90px;

        opacity: 0;

        -webkit-transition: opacity .5s linear;

        transition: opacity .5s linear;

    }

    .sustainability-block p {

        margin: 0 31px 18px 0;

    }

    .sustainability-block .img-holder {

        opacity: 0;

        -webkit-transform: scale(0);

        -ms-transform: scale(0);

        transform: scale(0);

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .sustainable-highlights {

        padding: 130px 0 79px;

    }

    .sustainable-highlights.in-viewport h2, .sustainable-highlights.in-viewport .h2 {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .sustainable-highlights h2, .sustainable-highlights .h2 {

        opacity: 0;

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

        -webkit-transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, -webkit-transform .5s linear;

        transition: opacity .5s linear, transform .5s linear;

        transition: opacity .5s linear, transform .5s linear, -webkit-transform .5s linear;

    }

    .sustainable-highlight-list > li {

        padding: 66px 0 42px;

    }

    .sustainable-highlight-list > li.in-viewport h3, .sustainable-highlight-list > li.in-viewport .h3 {

        opacity: 1;

    }

    .sustainable-highlight-list > li.in-viewport .wrap .col {

        opacity: 1;

        -webkit-transform: none !important;

        -ms-transform: none !important;

        transform: none !important;

    }

    .sustainable-highlight-list h3, .sustainable-highlight-list .h3 {

        opacity: 0;

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .sustainable-highlight-list .wrap {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin: 0 -26px;

    }

    .sustainable-highlight-list .wrap .col {

        width: 50%;

        padding: 0 26px;

        margin: 0;

        opacity: 0;

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

        -webkit-transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s, -webkit-transform .5s linear 1s;

    }

    .sustainable-highlight-list .wrap .col + .col {

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);

    }

    .bottom-decor {

        width: 1400px;

    }

    .segment-details {

        padding: 103px 0 1px;

    }

    .segment-row {

        margin: 0 0 109px;

        opacity: 0;

        -webkit-transition: opacity .5s linear;

        transition: opacity .5s linear;

    }

    .segment-row.in-viewport {

        opacity: 1;

    }

    .segment-row.in-viewport .wrap .col.col-1, .segment-row.in-viewport .wrap .col.col-2 {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .segment-row.in-viewport .segment-chart {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .segment-row.in-viewport .floating-img {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .segment-row.in-viewport .img-grid {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .segment-row .sub-heading .mark-percentage {

        padding: 0 50px 0 0;

    }

    .segment-row .wrap {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin: 0 -15px;

    }

    .segment-row .wrap .col {

        padding: 0 15px;

    }

    .segment-row .wrap .col.col-1 {

        width: 62%;

        opacity: 0;

        -webkit-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        transform: translateX(-100px);

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .segment-row .wrap .col.col-2 {

        width: 37%;

        opacity: 0;

        -webkit-transform: translateX(100px);

        -ms-transform: translateX(100px);

        transform: translateX(100px);

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .segment-row .title.max-width {

        max-width: 418px;

    }

    .segment-row .segment-chart {

        margin: -19px 0 0;

        text-align: left;

        opacity: 0;

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

        -webkit-transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s, -webkit-transform .5s linear 1s;

    }

    .img-grid {

        opacity: 0;

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

        -webkit-transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, -webkit-transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s;

        transition: opacity .5s linear 1s, transform .5s linear 1s, -webkit-transform .5s linear 1s;

    }

    .img-grid .grid-row.three-col-grid .col .img-holder {

        height: 320px;

    }

    .img-grid .img-holder {

        height: 340px;

    }

    .floating-img {

        z-index: 1;

        margin: -7px 0 0;

        position: relative;

        left: -150px;

        text-align: left;

        padding: 0;

        opacity: 0;

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

        -webkit-transition: opacity .5s linear 1.5s, -webkit-transform .5s linear 1.5s;

        transition: opacity .5s linear 1.5s, -webkit-transform .5s linear 1.5s;

        transition: opacity .5s linear 1.5s, transform .5s linear 1.5s;

        transition: opacity .5s linear 1.5s, transform .5s linear 1.5s, -webkit-transform .5s linear 1.5s;

    }

    .floating-img.style-2 {

        left: -200px;

        margin-bottom: -133px;

    }

    .floating-img img {

        max-width: none;

    }

    .timeline-section {

        padding: 10px 0;

    }

    .timeline-section.in-viewport h2, .timeline-section.in-viewport .h2 {

        opacity: 1;

    }

    .timeline-section.in-viewport .timeline {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .timeline-section h2, .timeline-section .h2 {

        margin: 0;

        opacity: 0;

        -webkit-transition: opacity .5s linear;

        transition: opacity .5s linear;

    }

    .timeline {

        padding: 135px 0 153px;

        font-size: 12px;

        opacity: 0;

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(100px);

        transform: translateY(100px);

        -webkit-transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, -webkit-transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s;

        transition: opacity .5s linear .5s, transform .5s linear .5s, -webkit-transform .5s linear .5s;

    }

    .timeline .timeline-holder {

        background: #c4c4c6;

        height: 18px;

        margin: 0;

        padding: 0;

    }

    .timeline .timeline-holder:before {

        top: 50%;

        left: 100%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        margin: 0 0 0 -1px;

        height: 0;

        width: 0;

        border-bottom: 9px solid transparent;

        border-left: 10px solid #c4c4c6;

        border-top: 9px solid transparent;

    }

    .timeline .arrow {

        height: 0;

        width: 0;

        border-bottom: 10px solid transparent;

        border-left: 10px solid #fff;

        border-top: 10px solid transparent;

        top: 50%;

        left: 20%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        z-index: 0;

    }

    .timeline .arrow:before {

        height: 0;

        width: 0;

        border-bottom: 10px solid transparent;

        border-left: 10px solid #c4c4c6;

        border-top: 10px solid transparent;

        top: 50%;

        left: -15px;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        z-index: 2;

    }

    .timeline .arrow.arrow-1 {

        left: 12%;

        top: 50%;

    }

    .timeline .arrow.arrow-2 {

        left: 20.9%;

        top: 50%;

    }

    .timeline .arrow.arrow-3 {

        left: 34.4%;

        top: 50%;

    }

    .timeline .num {

        position: absolute;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        width: 60px;

        height: 60px;

        font-size: 16px;

        left: 59.5%;

        margin: 0;

    }

    .timeline .year {

        position: absolute;

        width: 18.5%;

        margin: 0;

    }

    .timeline .year.y-2016 {

        left: 0;

    }

    .timeline .year.y-2018 {

        left: 9.3%;

        width: 13%;

    }

    .timeline .year.y-2019 {

        left: 19.3%;

        width: 20%;

    }

    .timeline .year.y-2019.bottom {

        left: 25%;

        width: 11%;

    }

    .timeline .year.y-2020 {

        left: 40.6%;

        width: 19%;

    }

    .timeline .year.y-2021-3 {

        left: 65.6%;

        width: 10%;

    }

    .timeline .year.y-2021-4 {

        left: 66.6%;

        width: 16%;

    }

    .timeline .year.y-2021-7 {

        left: 80.2%;

        width: 16%;

    }

    .timeline .year.y-2021-8 {

        left: 84.1%;

        width: 15%;

    }

    .timeline .year.top {

        bottom: 100%;

        margin: 0 0 16px;

        padding: 0;

    }

    .timeline .year.bottom {

        top: 100%;

        margin: 16px 0 0;

        padding: 0;

    }

    .timeline .block .ico-holder {

        width: 60px;

    }

    .timeline .block .txt-holder {

        width: calc(100% - 60px);

        padding: 0 0 0 6px;

    }

    .timeline .block.img-on-top .ico-holder {

        position: absolute;

        bottom: 100%;

        left: 0;

        margin: 0 0 49px;

    }

    .timeline .block.img-on-top .txt-holder {

        width: 100%;

        padding: 0;

    }

}

@media (min-width: 1400px) {

    #header .btn-holder {

        width: 234px;

    }

    #header .btn {

        font-size: 18px;

    }

    #header .btn .text {

        padding: 0 37px 0 0;

    }

    #header .btn .text .icon {

        font-size: 18px;

        margin: 0;

    }

    .navigation {

        font-size: 16px;

    }

    .navigation > li {

        margin: 12px 0 0 20px;

    }

    h2, .h2 {

        font-size: 42px;

    }

    .body-l {

        font-size: 26px;

    }

    .btn {

        font-size: 18px;

        min-width: 321px;

    }

    .btn .text {

        padding: 0 37px 0 0;

    }

    .btn .text .icon {

        font-size: 12px;

    }

    .homepage-text .img-holder {

        width: calc(100% - 515px);

    }

    .homepage-text .text-holder {

        width: 515px;

    }

    .homepage-text .text-hold {

        padding: 130px 0 60px;

        max-width: 464px;

    }

    .homepage-text h1 .small {

        font-size: 42px;

    }

    .homepage-text h1 .big {

        font-size: 110px;

    }

    .homepage-text h2 {

        font-size: 42px;

    }

    .visual .decor {

        width: 1096px;

    }

    .letter-section {

        padding: 102px 0 74px;

    }

    .letter-section.style-2 {

        padding: 74px 0 30px;

    }

    .letter-section.style-3 {

        padding: 99px 0 106px;

    }

    .letter-section h1, .letter-section .h1 {

        font-size: 46px;

        margin: 0 0 37px;

    }

    .letter-section h1.style-2, .letter-section .h1.style-2 {

        font-size: 48px;

    }

    .letter-section h2, .letter-section .h2 {

        margin: 0 0 -6px;

    }

    .trend-section.viewport-section.in-viewport {

        padding-top: 54px;

    }

    .result-section {

        padding: 147px 0 128px;

    }

    .result-section h2, .result-section .h2 {

        padding: 0 45px;

    }

    .result-list {

        margin: 0 -7px;

    }

    .result-list > li {

        padding: 75px 45px 80px;

    }

    .result-list > li:nth-child(1):after, .result-list > li:nth-child(3n-2):after {

        left: 45px;

    }

    .result-list > li:nth-child(3):after, .result-list > li:nth-child(3n):after {

        right: 45px;

    }

    .result-list .data {

        font-size: 96px;

    }

    .result-list .detail {

        font-size: 25px;

    }

    .result-chart {

        padding: 50px 0 41px;

    }

    .result-chart-list .ico-holder {

        width: 80px;

    }

    .result-chart-list .small {

        font-size: 40px;

    }

    .result-chart-list .big {

        font-size: 68px;

        margin: 0 0 16px 3px;

    }

    .result-chart-list .big .big-info {

        bottom: -28px;

        font-size: 15px;

    }

    .img-text-section {

        padding: 98px 0 122px;

    }

    .img-text-section h2, .img-text-section .h2 {

        font-size: 42px;

    }

    .img-text-section .img-holder {

        margin: -158px -30px 0 0;

    }

    .img-text-section .img-holder .img-caption {

        padding: 31px 34px;

    }

    .business-detail {

        padding: 90px 0 31px;

    }

    .business-detail.style-2 {

        padding: 66px 0 52px;

    }

    .business-detail.style-2 .text-holder {

        width: 780px;

    }

    .business-detail.style-2 .chart-holder {

        width: calc(100% - 780px);

    }

    .business-detail .container {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    .business-detail .text-holder {

        width: 764px;

        padding: 54px 49px 23px;

        margin: 0;

    }

    .business-detail h1, .business-detail .h1 {

        font-size: 46px;

    }

    .business-detail .graph-list {

        width: calc(100% - 764px);

    }

    .logo-block .col.col-1 {

        width: 63.6%;

    }

    .logo-block .col.col-2 {

        width: 36.4%;

    }

    .graph-list {

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: flex-end;

    }

    .graph-list > li {

        margin: 0 0 60px 93px;

        width: auto;

        padding: 0;

    }

    .business-info {

        padding: 184px 0 154px;

    }

    .business-info.in-viewport .img-holder {

        -webkit-transform: translateY(-50%) scale(1);

        -ms-transform: translateY(-50%) scale(1);

        transform: translateY(-50%) scale(1);

    }

    .business-info .text-holder {

        min-height: 523px;

        padding: 0 297px 0 0;

    }

    .business-info .text-holder .text-wrap {

        padding: 45px 300px 45px 30px;

    }

    .business-info .img-holder {

        width: 593px;

        position: absolute;

        top: 50%;

        right: 0;

        -webkit-transform: translateY(-50%) scale(0);

        -ms-transform: translateY(-50%) scale(0);

        transform: translateY(-50%) scale(0);

        z-index: 1;

    }

    .business-info h2, .business-info .h2 {

        margin: 0 0 20px;

    }

    .text-section {

        padding: 135px 0 47px;

    }

    .text-section .text-holder {

        padding: 0 650px 0 0;

    }

    .text-section h2, .text-section .h2 {

        padding: 36px 0 0;

    }

    .text-section .img-holder {

        width: 750px;

        right: -130px;

        margin: 18px 0 0;

    }

    .quote {

        margin: 0 -450px 46px 0;

    }

    .quote q {

        font-size: 48px;

    }

    .bar-graph-list > li {

        width: auto;

    }

    .chart-list > li {

        width: auto;

    }

    .chart-list > li:nth-child(2n) {

        width: auto;

    }

    .bottom-decor {

        width: 1600px;

    }

    .segment-row .sub-heading .mark-percentage {

        padding: 0 55px 0 0;

    }

    .segment-info-list .num {

        font-size: 60px;

    }

    .img-grid .grid-row.three-col-grid .col .img-holder {

        height: 340px;

    }

    .img-grid .img-holder {

        height: 360px;

    }

    .floating-img {

        left: -200px;

    }

    .floating-img.style-2 {

        left: -350px;

    }

}

@media (min-width: 1600px) {

    #header {

        padding: 33px 0;

    }

    #header .container {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }

    #header .btn-holder {

        margin: 0;

        -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

        order: 1;

    }

    #header .btn {

        padding: 21px 10px;

    }

    #nav {

        padding: 0 0 0 20px;

    }

    .nav-wrap {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }

    .navigation {

        width: calc(100% - 234px);

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start;

        -webkit-box-ordinal-group: 1;

        -ms-flex-order: 0;

        order: 0;

    }

    .navigation > li {

        margin: 5px 12px 5px 0;

    }

    h2, .h2 {

        font-size: 46px;

    }

    .btn {

        padding: 15px 10px 14px;

    }

    .letter-section .text-holder {

        padding: 0 100px 0 0;

    }

    .letter-section h1, .letter-section .h1 {

        font-size: 50px;

    }

    .letter-section h1.style-2, .letter-section .h1.style-2 {

        /*margin: 0 0 -9px;*/

        font-size: 52px;

    }

    .letter-section .signature-holder {

        padding: 18px 0 105px;

    }

    .result-section h2, .result-section .h2 {

        padding: 0 55px;

    }

    .result-list > li {

        padding: 75px 65px 80px;

    }

    .result-list > li:nth-child(1):after, .result-list > li:nth-child(3n-2):after {

        left: 65px;

    }

    .result-list > li:nth-child(3):after, .result-list > li:nth-child(3n):after {

        right: 65px;

    }

    .result-chart-list .big {

        font-size: 88px;

    }

    .result-chart-list .big .big-info {

        bottom: -40px;

        font-size: 20px;

    }

    .img-text-section h2, .img-text-section .h2 {

        font-size: 48px;

    }

    .business-detail.style-2 .text-holder {

        width: 919px;

    }

    .business-detail.style-2 .chart-holder {

        width: calc(100% - 919px);

    }

    .business-detail h1, .business-detail .h1 {

        font-size: 50px;

        margin: 0 0 -3px;

    }

    .logo-list > li {

        margin: 0 40px 17px 0;

    }

    .business-info .text-holder .text-wrap {

        padding: 57px 360px 48px 61px;

    }

    .business-info .img-holder {

        margin: -16px 0 0;

    }

    .text-section .text-holder {

        padding: 0 743px 0 0;

    }

    .text-section .img-holder {

        width: 875px;

        right: -220px;

    }

    .float-img {

        margin: 40px 30px 30px -50px;

    }

    .quote {

        margin: 0 -420px 46px 0;

    }

    .quote q {

        font-size: 50px;

        padding: 24px 120px 24px 0;

    }

    .quote q .ico-holder {

        margin: -8px 15px 0 -36px;

    }

    .sustainable-highlight-list h3, .sustainable-highlight-list .h3 {

        padding: 0 0 0 10px;

        display: block;

    }

    .sustainable-highlight-list h3 .ico-holder, .sustainable-highlight-list .h3 .ico-holder {

        position: absolute;

        top: 50%;

        z-index: 1;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        margin: -4px 0 0 0;

        display: block;

        width: 50px;

        right: 100%;

        text-align: right;

    }

    .sustainable-highlight-list .wrap {

        margin: 0 -16px;

    }

    .woman-box .title-head {

        margin: 0 0 15px;

    }

    .bottom-decor {

        width: 1800px;

    }

    .floating-img {

        left: -260px;

    }

    .floating-img.style-2 {

        left: -430px;

    }

    .timeline {

        font-size: 14px;

    }

    .timeline .num {

        width: 78px;

        height: 78px;

        font-size: 20px;

        left: 60.8%;

    }

    .timeline .year {

        width: 14.6%;

    }

    .timeline .year.y-2018 {

        left: 12.3%;

        width: 10%;

    }

    .timeline .year.y-2019 {

        left: 21.3%;

        width: 18.8%;

    }

    .timeline .year.y-2019.bottom {

        left: 26.3%;

        width: 9%;

    }

    .timeline .year.y-2020 {

        left: 42.6%;

        width: 14.4%;

    }

    .timeline .year.y-2021-3 {

        left: 67.6%;

        width: 8.6%;

    }

    .timeline .year.y-2021-4 {

        left: 69.6%;

        width: 14.4%;

    }

    .timeline .year.y-2021-7 {

        left: 78.2%;

        width: 14.4%;

    }

    .timeline .year.y-2021-8 {

        left: 85.1%;

        width: 12.7%;

    }

    .timeline .block .ico-holder {

        width: 70px;

    }

    .timeline .block .txt-holder {

        width: calc(100% - 70px);

        padding: 0 0 0 10px;

    }

}

@media (min-width: 1500px) {
    
    .container {

        padding: 0 15px;

    }

}
@media (min-width: 1800px) {

    #nav {

        padding: 0 0 0 62px;

    }

    .navigation > li {

        margin: 5px 25px 5px 0;

    }

    h2, .h2 {

        font-size: 50px;

    }

    .homepage-text {

        margin: -81px 0 0;

    }

    .homepage-text .img-holder {

        width: calc(100% - 580px);

    }

    .homepage-text .text-holder {

        padding: 0;

        width: 580px;

    }

    .homepage-text .text-hold {

        margin: 0 0 0 auto;

        padding: 149px 0 60px;

    }

    .letter-section .text-holder {

        padding: 0 210px 0 0;

    }

    .letter-section h1, .letter-section .h1 {

        font-size: 54px;

    }

    .letter-section h1.style-2, .letter-section .h1.style-2 {

        font-size: 54px;

    }

    .result-section h2, .result-section .h2 {

        padding: 0 88px;

    }

    .result-list > li {

        padding: 75px 95px 80px;

    }

    .result-list > li:nth-child(1):after, .result-list > li:nth-child(3n-2):after {

        left: 94px;

    }

    .result-list > li:nth-child(3):after, .result-list > li:nth-child(3n):after {

        right: 94px;

    }

    .result-chart-list {

        margin: 0 -20px;

    }

    .result-chart-list > li {

        padding: 0 20px;

    }

    .result-chart-list .ico-holder {

        width: 84px;

    }

    .result-chart-list .big {

        font-size: 88px;

    }

    .result-chart-list .big .big-info {

        bottom: -45px;

        font-size: 22px;

    }

    .img-text-section h2, .img-text-section .h2 {

        font-size: 54px;

    }

    .img-text-section .img-holder {

        margin: -158px -87px 0 63px;

    }

    .business-detail.style-2 .chart-holder {

        padding: 0 78px 0 10px;

        text-align: center;

    }

    .business-detail .text-holder p {

        margin: 0 0 19px;

    }

    .business-detail h1, .business-detail .h1 {

        font-size: 54px;

    }

    .text-section .img-holder {

        width: 958px;

        right: -376px;

        margin: 35px 0 0;

    }

    .float-img {

        margin: 40px 30px 30px -90px;

    }

    .quote {

        margin: 0 -500px 46px 0;

    }

    .quote q {

        padding: 24px 80px 24px 0;

        font-size: 54px;

    }

    .bottom-decor {

        width: 1920px;

    }

    .logo-info-list > li {

        margin: 0 -11px 29px 0;

    }

    .segment-info-list {

        padding: 0 10px 0 0;

    }

    .segment-info-list .num {

        font-size: 66px;

    }

}

@media (min-width: 1920px) {

    .bottom-decor {

        width: 100%;

    }

}

@media (max-width: 1199px) {

    .logo-list {

        height: auto !important;

    }

    .timeline .timeline-holder:after {

        content: "";

        position: absolute;

        top: 0;

        left: 50%;

        width: 18px;

        bottom: 0;

        -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        transform: translateX(-50%);

        background: #c4c4c6;

        z-index: -1;

    }

    .timeline .year.y-2016 .block {

        max-width: 260px;

    }

    .timeline .year.y-2018 .block {

        max-width: 278px;

    }

    .timeline .year.y-2019 .block {

        max-width: 340px;

    }

    .timeline .year.y-2019.bottom .block {

        max-width: 261px;

    }

    .timeline .year.y-2020 .block {

        max-width: 388px;

    }

    .timeline .year.y-2020.bottom {

        padding: 0 0 0 calc(50% + 30px);

    }

    .timeline .year.y-2021-3 .block {

        max-width: 154px;

    }

    .timeline .year.y-2021-4 .block {

        max-width: 257px;

    }

    .timeline .year.y-2021-7 .block {

        max-width: 357px;

    }

    .timeline .year.y-2021-8 .block {

        max-width: 327px;

    }

    .timeline .year.bottom .block {

        margin: 0 0 0 auto;

        text-align: right;

    }

}

@media (max-width: 1023px) {

    #footer .text-right {

        text-align: center;

    }

    .result-chart-list > li {

        width: 50%;

    }

    .timeline .year.y-2018 .block {

        max-width: 178px;

    }

    .timeline .year.y-2019.bottom .block {

        max-width: 161px;

    }

    .timeline .year.y-2020 .block {

        max-width: 312px;

    }

    .timeline .year.y-2021-7 .block {

        max-width: 257px;

    }

    .timeline .year.y-2021-8 .block {

        max-width: 227px;

    }

}

@media (max-width: 767px) {

    #footer .container {

        padding: 0 10px;

    }

    .result-list > li {

        height: auto !important;

    }

    .result-list > li:nth-child(1):after {

        display: none;

    }

    .result-chart-list > li {

        width: 100%;

    }

    .segment-row h2, .segment-row .h2 {

        line-height: 1.4;

    }

    .timeline .timeline-holder:after {

        width: 10px;

    }

    .timeline .year.y-2020.bottom {

        padding: 0 0 0 calc(50% + 15px);

    }

    .timeline .block {

        max-width: 100% !important;

    }

}

@media (max-width: 479px) {

    .business-detail.style-2 h1, .business-detail.style-2 .h1 {

        font-size: 23px;

    }

}