body, html {font-family: "Monorale";font-style: normal;font-size: 300%;font-size: 14px;line-height: 1.65;letter-spacing: 0.5px;color: #707070;}

/* Text styles */
h2, h3, h4, h5 { font-weight: 600; letter-spacing: normal; color: #333132; }
h1 { font-size: 30px; color: #333132; font-weight: 800; }
h2 { font-size: 22px; font-weight: 700; }
h3 { font-size: 18px; }
h4 { font-size: 16px }
p { color: #707070; font-family: 'Open Sans', sans-serif; letter-spacing: normal; }

ul { margin-left: 0; padding-left: 15px; }
ul li { margin-bottom: 10px; }


strong { font-weight: 700; }
/* Paragraph styles */
.text-intro { font-size: 18px; color: #333132 !important; }
.text-medium { font-size: 20px }
.text-large { font-size: 30px }
.text-large-small { font-size: 25px; }
.text-extra-large { font-size: 50px }

/**umb_name:text small*/
.text-small {
	font-size: 11px;
}

/**umb_name:text intro*/
.text-intro {
	font-size: 18px;
}

/**umb_name:text medium*/
.text-medium {
	font-size: 22px;
}

/**umb_name:text large*/
.text-large {
	font-size: 30px;
}

/**umb_name:text extra large*/
.text-extra-large {
	font-size: 70px;
}

/* Links */
a { color: #18446D; text-decoration: none; outline: 0; }
.content-area a { font-size: 14px; text-decoration: underline; font-weight: 700; color: #333132; position: relative; z-index: 3; }
.content-area a.btn { font-size: 13px; color: #ffffff; }

.btn { color: #fff; text-align: center; border-radius: 5px; padding: 5px 20px; font-size: 13px; font-weight: 700; line-height: 17px; background: #6699CC; text-decoration: none !important; }
.btn:active,
.btn.active,
.btn:focus { background-color: #5FADFF; color: #fff; }

.internal-link { color: #334048; font-weight: 600; position: relative; padding-left: 30px; display: inline-block; }
.internal-link:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url(/img/svg/logo-micro-alt.svg) center / 100% no-repeat; }

.download-link { color: #334048; font-weight: 600; position: relative; padding-left: 50px; display: inline-block; width: 100%; color: #18446D; }
.download-link > span { display: block; font-size: 11px; color: #282829; text-decoration: underline; font-weight: 500; }
.download-link:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 40px; height: 40px; background: url(/img/svg/download.svg) center / 100% no-repeat; transform: translateY(-50%); }

.download-link + .download-link { margin-bottom: 20px; }

.download-pdf { color: #334048; font-weight: 600; position: relative; padding-right: 50px; display: inline-block; width: 100%; color: #18446D; width:auto;}
.download-pdf:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 30px; height: 30px; background: url(/img/svg/download-pdf.svg) center / contain no-repeat; transform: translateY(-50%); }

.video-trigger { color: #334048; font-weight: 600; position: relative; padding-right: 50px; display: inline-block; color: #18446D;  }
.video-trigger:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 30px; height: 30px; background: url(/img/svg/external-link.svg) center / contain no-repeat; transform: translateY(-50%); }

.border-bottom { border-bottom: 1px solid #AAAAAA; }

.phone-number { font-weight: 600 }

/* Lists */
.content-area ol { counter-reset: item var(--start) }
.content-area ol li { display: inline-block }
.content-area ol li li { display: flex; line-height: 1.5; margin-bottom: 15px; }
.content-area ol > li:before { content: counters(item,".") " "; counter-increment: item; padding-right: 15px; display: inline-block; font-size: inherit; }

/* Keys */
.keys { list-style-type: none; padding: 0; }
.keys li { padding: 3px 0 0 40px; margin: 8px 5px; position: relative; }
.keys li:before { content: ''; display: block; width: 26px; height: 26px; position: absolute; top: 0; left: 0; border-radius: 50%; }
.keys li.key-grey:before { background: #E8E8E8 }
.keys li.key-gold:before { background: #fdcc62 }
.keys li.key-sand:before { background: #EDA359 }

/* Padding top */

.spacing-top { padding-top: 15px; }
.spacing-bottom { padding-bottom: 15px; }
.spacing-top-and-bottom { padding-bottom: 15px; padding-top: 15px; }

.spacing-top-small { padding-top: 15px; }
.spacing-bottom-small { padding-bottom: 15px; }
.spacing-top-and-bottom-small { padding-bottom: 15px; padding-top: 15px; }

.spacing-top-medium {/* padding-top: 15px; */}
.spacing-bottom-medium { padding-bottom: 15px; }
.spacing-top-and-bottom-medium { padding-bottom: 15px; padding-top: 15px; }

.spacing-top-large { padding-top: 20px; }
.spacing-bottom-large { padding-bottom: 20px; }
.spacing-top-and-bottom-large { padding-bottom: 20px; padding-top: 20px; }

.padding-left-only, .padding-right-only { padding:0 15px; }

.no-padding { padding: 0; }
p.no-padding { margin: 0; padding: 0; }
.no-bold { font-weight: normal !important; }

.st-1 { padding-top: 10px; }
.st-2 { padding-top: 18px; }
.st-3 { padding-top: 26px; }
.st-4 { padding-top: 35px; }
.st-5 { padding-top: 50px; }
.st-6 { padding-top: 80px; }

/* Padding bottom */
.sb-1 { padding-bottom: 10px; }
.sb-2 { padding-bottom: 18px; }
.sb-3 { padding-bottom: 26px; }
.sb-4 { padding-bottom: 35px; }
.sb-5 { padding-bottom: 50px; }
.sb-6 { padding-bottom: 80px; }

/* Spacing between header */
* + h2,
h2 + p { padding-top: 15px; }
* + h3,
h3 + p { padding-top: 15px; }
* + h4,
h4 + p { padding-top: 10px; }
h2 + h2, h2 + h3, h2 + h4,
h3 + h2, h3 + h3, h3 + h4,
h4 + h2, h4 + h3, h4 + h4 { padding-top: 0; }

/**/
[class*="padding-"].featured-heading { position:relative; top:0; padding-top:0; }
.featured-heading :is(h1, h2, h3, h4, h5, h6) { position: relative; width: 100%; background-color: #6699CC; color: #ffffff; padding: 10px 5px; text-align: center; min-height:75px; display:flex; align-items:center; justify-content:center;}
.padding-small.featured-heading :is(h1, h2, h3, h4, h5, h6) { width:calc(100% + 40px); left:-20px; }

/* Cell padding */
.padding-small,
.padding-small-sm { padding: 10px; }
.padding-medium { padding: 15px; }
.padding-large { padding: 15px; }
.padding-base-small { padding-bottom: 10px; }

.hide-this { display: none !important; }

/* Table */
/* Global */
.table-responsive { border: none; margin-bottom: 15px; }
.table { width: calc(100% + -2px); margin-bottom: 0; text-align: left; font-size:inherit;}
    /* Minus value on the width is to fix the table auto scrolling issue */
    .table + * { padding-top: 15px; }
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tbody > tr > td { border: none; padding: 12px; line-height: 1; font-size: 16px; }
        .table > thead > tr > th:first-child,
        .table > tbody > tr > th:first-child,
        .table > tbody > tr > td:first-child { padding-left: 0; }
        /* Remove the indent */
        .table > thead > tr > th:last-child,
        .table > tbody > tr > th:last-child,
        .table > tbody > tr > td:last-child:not(.b1):not(.b3) { padding-right: 0; }
    /* Remove the indent */

    .table > thead > tr > th,
    .table > tbody > tr > th { border-bottom: none; font-weight: 700; }
    /* Font weight to match strong tag */

    /*Alignment*/
    .table .a1 { text-align: left; }
    .table .a2 { text-align: right; }
    .table .v1 { vertical-align: top; }
    .table .v2 { vertical-align: bottom; }
    /* Backgrounds */
    .table .b1 { background: #303b41; color: #fff; }
    .table .b2 { background: #cbcecf; }
    .table .b3 { background: #eff0f0; }
    .table .b4 { background: #1b414b; color: white; }
    /* Underline  */
    .table .u1 { border-bottom: 1px solid #eff0f0; }
    .table .u2 { border-bottom: 2px solid #6699cc; }
   

    /* Overline */
    .table .o1 { border-top: 1px solid #eff0f0; }
    .table .o2 { border-top: 2px solid #303b41; }
    .table .o3 { border-top: 1px solid #0dad4a; }
    .table .o4 { border-top: 2px solid #0dad4a; }

    /* Special */
    .table .s1 { padding-left: 5px; padding-right: 5px; }
    .table .s2 { padding-left: 20px; }
    .table .s3 { padding-top: 15px; }
    .table .s4 { padding: 10px; }
    .table .s5 { padding-left: 10px; }
    /* Padding top value to match .spacing-top value */

    /* No styles */
    .table.no-style > thead > tr > th,
    .table.no-style > tbody > tr > th,
    .table.no-style > tbody > tr > td { padding-left: 0; padding-right: 0; }
    .table tr td p {margin-bottom:0; }

/*z-index*/
.z-index-higher { z-index: 10; }
/*.z-index-lower { z-index: -1; }*/
.z-index-lower[class*="blue-"]:after { z-index: 0; top: -10%; }

/* Content position */
.content-area [class*="content-placement-"] { /* padding-top: 0; */ }
.content-area [class*="content-placement-"] .cell-content { width: 100%; height: 100%; min-height: inherit; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.content-area .content-placement-middle .cell-content { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.content-area .content-placement-bottom .cell-content { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.content-area .content-placement-evenly-separated .cell-content { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

/* Padding and content position combined */
.content-area [class*="content-placement-"].padding-small .cell-content { padding: 10px; }
.content-area [class*="content-placement-"].padding-medium .cell-content { padding: 25px; }
.content-area [class*="content-placement-"].padding-large .cell-content { padding: 35px; }

/* Panel styles */

div[style*=background].feature-panel { background-size: cover; position: relative; }
div[style*=background].feature-panel .cell-content{position:absolute; top:3%; left:7%;}

[class*="feature-panel"] { position: relative; /* min-height: 200px; */ /* height: 100%; */ overflow: hidden; background: center / cover no-repeat; margin-bottom: 10px; }

[class*="feature-panel"] .accordion-item { background-color: transparent; border: 0; }
[class*="feature-panel"] .accordion-item .accordion-collapse > a.fix-to-bottom { display: none; }
[class*="feature-panel"] .accordion-item .accordion-button { padding-left: 0 }
[class*="feature-panel"] .accordion-button::after { left: auto; right: 0; top: 8px; }
[class*="feature-panel"] .accordion-button:not(.collapsed) { color: #fff }
[class*="feature-panel"] .accordion-body { padding-left: 0 }

[class*="feature-panel"][class*=theme-tint].active:after { opacity: .75 }
[class*="feature-panel"] .accordion-button:not(.collapsed)::after { background-image: url(/img/svg/minus-white.svg); background-color: #eda359; border: 0; }

.tall-feature-panel,
.small-feature-panel { overflow: hidden; }

.tall-feature-panel .item-content span { color: #ffffff; text-align: center; }
.tall-feature-panel .item-content p { margin-bottom: 25px; text-align: center; }
.tall-feature-panel .item-content a { color: #EDA359; }
.tall-feature-panel .item-content a:hover { color: #fff }

.small-feature-panel.padding-medium { padding: 0 }
.small-feature-panel .accordion-item .accordion-button { padding: 20px 50px 20px 35px; }
.small-feature-panel .accordion-button::after { top: 15px; right: 25px; background-image: url(/img/svg/plus-white.svg); border-color: #fff; }
.small-feature-panel .accordion-header button.collapsed { background-color: #EDA359 }

.small-feature-panel .accordion-body { padding: 35px 35px 0; }
.small-feature-panel .accordion-body { background-color: rgb(0 0 0 / 50%) !important; }
.small-feature-panel .accordion-body .item-heading { display: none; }

.small-feature-panel:before { padding-bottom: calc(100% - 50px); }
.small-feature-panel .item-content { /* transform: translateY(calc(100% - 100px)); */ padding-bottom: 58px; border-radius: 6px; background: transparent; height: 100%; }
.small-feature-panel .item-content h3 { margin-bottom: 35px }

.small-feature-panel-alt .accordion-body { background-color: transparent !important }
.small-feature-panel-alt .accordion-header button.collapsed { background-color: transparent }

.angle-feature-panel { overflow: visible; margin-bottom: 0; padding: 90px 35px 0 0; width: calc(100% - 35px); max-width: 400px; background: transparent center / cover no-repeat !important; }
.angle-feature-panel:after { content: ''; display: block; position: absolute; background: #334048; top: 0; left: 5%; width: 100%; height: 100%; z-index: -1; transform: scaleX(-1); transform-style: preserve-3d; transform-origin: left; }
.content-area [class*="content-placement-"].padding-large.angle-feature-panel .cell-content { padding-left: 10px; }
.angle-feature-panel .cell-content:before { content: ''; display: block; position: absolute; top: 0px; right: 0; width: 100%; max-width: 343px; height: 150px; background: url(/img/svg/angle-panel-slate-grey.svg?v=5) top right / cover no-repeat; z-index: -1; }
.angle-feature-panel .cell-content:after { content: ''; display: block; position: absolute; top: 144px; right: 0px; width: 100%; height: calc(100% - 144px); z-index: -1; background: #334048; border-top-right-radius: 10px; }

.angle-feature-panel.theme-white .cell-content:after { background: #fff; }
.angle-feature-panel.theme-white:after { background: #fff; }
.angle-feature-panel.theme-white .cell-content:before { background-image: url(/img/svg/angle-panel-white.svg) }
.angle-feature-panel.theme-white .cell-content a { color: #EDA359 !IMPORTANT; }
.angle-feature-panel.theme-white .cell-content a:hover { color: #fff }

/* Panel utilities */
.umb-grid-cell { position: relative; }
.rounded-3-top { border-top-right-radius: .3rem !important; border-top-left-radius: .3rem !important }
.rounded-3-bottom { border-bottom-right-radius: .3rem !important; border-bottom-left-radius: .3rem !important }
.drop-shadow { box-shadow: 3px 3px 6px #00000029; }
.border-bottom { border-bottom: 2px solid #AAAAAA !important; }
.border-top { border-top: 2px solid #AAAAAA !important; }
hr { height: 3px !important }

/* Gutters */
.row.no-gutters,
.umb-grid-row.no-gutters .row { --bs-gutter-y: 0; --bs-gutter-x: 0; }

.row.sm-gutters,
.umb-grid-row.sm-gutters .row { --bs-gutter-y: 0.5rem; --bs-gutter-x: 0.5rem; }

.row.lg-gutters,
.umb-grid-row.lg-gutters .row { --bs-gutter-y: 5rem; --bs-gutter-x: 5rem; }

/* Selection highlight colour */
::-moz-selection { background: #E7EEF5; color: #18446D; text-shadow: none; }
::selection { background: #E7EEF5; color: #18446D; text-shadow: none; }

.jplist-no-results { display:block;}
    .jplist-no-results.jplist-hidden { display:none;}
/* Themes */
.theme-white { background: #fff }

.theme-black { background: #282829; }
.theme-black * { color: #fff }
.theme-black .btn { border-color: #fff }
.theme-black .btn:hover { background: #fff; color: #282829 }
.theme-black .btn:active,
.theme-black .btn:focus { background-color: #fff; border-color: #fff; color: #282829 }
.theme-black ::-moz-selection { background: #fff; color: #282829; text-shadow: none; }
.theme-black ::selection { background: #fff; color: #282829; text-shadow: none; }
.content-area .theme-black a { color: #ffffff; }

.theme-grey { background-color: #F6F6F6 }

.theme-dark-grey { background-color: #9C9EA1; }
.theme-dark-grey * { color: #fff }
.theme-dark-grey .btn { color: #EDA359; }
.theme-dark-grey .internal-link:before { background-image: url(/img/svg/logo-micro.svg); }
.theme-dark-grey .btn:active,
.theme-dark-grey .btn:focus { border-color: #EDA359; }
.content-area grey a { color: #ffffff; }

.theme-grey-light { background-color: #F6F6F6; }

.theme-blue { background-color: #6699cc }
.theme-blue * { color: #fff }
.theme-blue .btn { border-color: #fff }
.theme-blue .btn:hover { background: #fff; color: #6699cc }
.theme-blue .btn:active,
.theme-blue .btn:focus { background-color: #fff; border-color: #fff; color: #6699cc }
.theme-blue ::-moz-selection { background: #fff; color: #6699cc; text-shadow: none; }
.theme-blue ::selection { background: #fff; color: #6699cc; text-shadow: none; }
.content-area .theme-blue a { color: #ffffff; }

.theme-dark-blue { background-color: #18446D }
.theme-dark-blue * { color: #fff }
.theme-dark-blue .btn:hover { background: #fff; color: #EDA359 }
.theme-dark-blue .btn:active,
.theme-dark-blue .btn:focus { background-color: #D6D6D6; border-color: #D6D6D6; color: #EDA359 }
.content-area .theme-dark-blue a { color: #ffffff; }

[class*=theme-tint] { position: relative; background: center / cover no-repeat; }
[class*=theme-tint]:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #334048; opacity: .5; mix-blend-mode: multiply; }
[class*=theme-tint] > * { position: relative; z-index: 1; }
.theme-tint-dark *,
.theme-tint-darker * { color: #fff }
.theme-tint-darker:after { opacity: .8; }
.theme-tint-light:after { opacity: .2; background: #fff; mix-blend-mode: normal; }

/* Boder colours */

.border-grey {border:1px solid #333132}

/* Icons */
.icon { width: 70px; height: auto; padding-top: 125px; background: center / 100% no-repeat; margin: 5px 25px 0 0; text-align: center; font-size: 15px; }
.icon.bricks { background-image: url(/img/svg/bricks.svg?v=3) }
.icon.car { background-image: url(/img/svg/car.svg?v=2) }
.icon.chat { background-image: url(/img/svg/chat.svg?v=2) }
.icon.coins { background-image: url(/img/svg/coins.svg?v=3) }
.icon.calendar { background-image: url(/img/svg/calendar.svg?v=2) }
.icon.documents { background-image: url(/img/svg/documents.svg?v=2) }
.icon.elipsis { background-image: url(/img/svg/elipsis.svg?v=2) }
.icon.forwards { background-image: url(/img/svg/forwards.svg?v=2) }
.icon.backwards { background-image: url(/img/svg/backwards.svg?v=2) }
.icon.gavel { background-image: url(/img/svg/gavel.svg?v=2) }
.icon.hard-hat { background-image: url(/img/svg/hard-hat.svg?v=2) }
.icon.headset { background-image: url(/img/svg/headset.svg?v=3) }
.icon.key { background-image: url(/img/svg/key.svg?v=2) }
.icon.masks { background-image: url(/img/svg/masks.svg?v=4) }
.icon.megaphone { background-image: url(/img/svg/megaphone.svg?v=4) }
.icon.monitor { background-image: url(/img/svg/monitor.svg?v=2) }
.icon.palm { background-image: url(/img/svg/palm.svg?v=3) }
.icon.telephone { background-image: url(/img/svg/telephone.svg?v=2) }
.icon.test-tubes { background-image: url(/img/svg/test-tubes.svg?v=2) }

/* Charts */
.chart-container { position: relative; }
.chart-container + p { padding-top: 15px; }
.chart-container .chart-title { min-height: 100px; }

/* Stacked horizontal bar */
.stacked-horizontal-bar .bar { display: flex; flex-direction: column; height: 620px; flex-wrap: nowrap; position: relative; }
.stacked-horizontal-bar .bar .bar-segment-wrapper { height: var(--bar-length); position: relative; display: flex; }
.stacked-horizontal-bar .bar .bar-segment { width: 40px; height: 100%; border-bottom: 1px solid #fff; margin-left: 30px; }
.stacked-horizontal-bar .bar .legend + .bar-segment { margin-left: 0 }

.stacked-horizontal-bar .bar .legend { height: var(--width); --width: calc(((100% / var(--bar-dec)) / 100) * var(--theme-length)); width: 30px; margin-top: -176px; border-top: 1px solid #eda359; border-bottom: 1px solid #eda359; }
.stacked-horizontal-bar .bar .legend p { position: absolute; transform: rotate(90deg); transform-origin: left; margin: 0; padding-bottom: 20px; min-width: 182px; text-align: center; }

.stacked-horizontal-bar .bar .label { position: absolute; top: 50%; left: 130px; transform: translateY(-50%); transition: transform 2s ease; }
.stacked-horizontal-bar .bar .label p { margin-bottom: 0; transition: opacity 2s ease; opacity: 0; transition-delay: .5s }
.stacked-horizontal-bar .bar .label:before { content: ''; display: block; position: absolute; top: 50%; left: -60px; width: 40px; height: 1px; background: #959fa2; transition: transform 1s ease; transform: scaleX(0); transform-origin: bottom; }

.stacked-horizontal-bar.active .bar .label p { opacity: 1 }
.stacked-horizontal-bar.active .bar .label:before { transform: scale(1) }

.stacked-horizontal-bar .bar-segment-wrapper:nth-child(2) .label:before,
.stacked-horizontal-bar .bar-segment-wrapper:nth-child(4) .label:before,
.stacked-horizontal-bar .bar-segment-wrapper:nth-child(6) .label:before,
.stacked-horizontal-bar .bar-segment-wrapper:nth-child(8) .label:before,
.stacked-horizontal-bar .bar-segment-wrapper:nth-child(10) .label:before { left: -123px; width: 100px; }

.stacked-horizontal-bar .bar-segment-wrapper:nth-child(2) .label,
.stacked-horizontal-bar .bar-segment-wrapper:nth-child(4) .label,
.stacked-horizontal-bar .bar-segment-wrapper:nth-child(6) .label,
.stacked-horizontal-bar .bar-segment-wrapper:nth-child(8) .label,
.stacked-horizontal-bar .bar-segment-wrapper:nth-child(10) .label { left: 193px; }

.stacked-horizontal-bar .bar-segment-wrapper:nth-child(6) .label { top: auto; bottom: 0; transform: translateY(0); }
.stacked-horizontal-bar .bar-segment-wrapper:nth-child(9) .label { top: 0; transform: translateY(0) }

/* Line */
.chart-overlay { position: absolute; top: 0; left: 50px; width: calc(100% - 50px); height: calc(100% - 170px); }
.chart-stages { display: flex; flex-direction: row; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.chart-stages .chart-stage { width: 35.5%; font-size: 13px; border-right: 1px dashed; padding: 10px 15px; }
.chart-stages .chart-stage:first-child { padding-left: 0; }
.chart-stages .chart-stage:nth-child(2) { width: 35%; }
.chart-stages .chart-stage:last-child { border-right: 0; padding-right: 0; width: 29%; }

/* Keys / Chart labels */
.chart-labels { list-style-type: none; padding: 0 }
.chart-labels li { display: flex; margin: 10px; align-items: center; }
.chart-labels li:before { content: ''; display: block; width: 22px; height: 22px; margin-right: 12px; }
.chart-labels li:first-child:before { background: #b9c1c6 }
.chart-labels li:nth-child(2):before { background: #ffc04c }
.chart-labels li:nth-child(3):before { background: #ec9144 }
.chart-labels li:nth-child(4):before { background: #344048 }
.chart-labels li:nth-child(5):before { background: #f4b37a }
.chart-labels li:nth-child(6):before { background: #f8c69a }
.chart-labels li:nth-child(7):before { background: #FBDBBE }
.chart-labels li:nth-child(8):before { background: #ffd383 }
.chart-labels li:nth-child(9):before { background: #ffe6ba }

.chart-labels[data-chart-type="stacked-bar"],
.chart-labels[data-chart-type="line"],
.chart-labels[data-chart-type="stacked-horizontal-bar"] { display: flex; flex-wrap: wrap; margin-top: 8px; margin-left: 45px; }

.chart-labels[data-chart-type="stacked-bar"] li,
.chart-labels[data-chart-type="line"] li,
.chart-labels[data-chart-type="stacked-horizontal-bar"] li { margin-right: 35px; margin: 12px 34px 12px 11px; font-size: 14px; }

.chart-labels[data-chart-type="stacked-bar"] li:before { width: 18px; height: 18px }
.chart-labels[data-chart-type="stacked-bar"] li:first-child:before { background: #2F3D45 }
.chart-labels[data-chart-type="stacked-bar"] li:nth-child(2):before { background: #EA8D4A }
.chart-labels[data-chart-type="stacked-bar"] li:nth-child(3):before { background: #FFBC51 }
.chart-labels[data-chart-type="stacked-bar"] li:nth-child(4):before { background: #8C9DA6 }
.chart-labels[data-chart-type="stacked-bar"] li:nth-child(5):before { background: #525B63 }
.chart-labels[data-chart-type="stacked-bar"] li:nth-child(6):before { background: #FFFFFF; border: 1px solid #B9BEC1 }
.chart-labels[data-chart-type="stacked-bar"] li:nth-child(7):before { background: #FBDFFD }

.chart-labels[data-chart-type="line"] li:before { height: 3px; }
.chart-labels[data-chart-type="line"] li:first-child:before { background: #708090 }
.chart-labels[data-chart-type="line"] li:nth-child(2):before { background: #eb9456 }

[data-chart-id="growthinukbusinessesintheprivatesectorbynumberofemployees"] + .chart-labels-holder .chart-labels li:first-child:before { background: #FFBC51 }
[data-chart-id="growthinukbusinessesintheprivatesectorbynumberofemployees"] + .chart-labels-holder .chart-labels li:nth-child(2):before { background: #8C9DA6 }
[data-chart-id="growthinukbusinessesintheprivatesectorbynumberofemployees"] + .chart-labels-holder .chart-labels li:nth-child(3):before { background: #eb9456 }

.chart-labels[data-chart-type="stacked-horizontal-bar"] li:before { display: none }

/* Carousel */
.slick-slide { cursor: grab }
.slick-slide:active { cursor: grabbing }

.slick-dots { list-style-type: none; padding: 0; display: flex; flex-direction: row; justify-content: center; margin-top: 20px; }
.slick-dots li { margin: 0 6px; }
.slick-dots li button { border: 0; border-radius: 50%; font-size: 0; width: 14px; height: 14px; background: #C2C4C6 }
.slick-dots li.slick-active button { background: #6B7077 }

/* ESG Diagram */
.slick-arrow { border: 0; width: 60px; height: 60px; font-size: 0; background: #fdcf5d url(/img/svg/arrow-up.svg) center / 25px no-repeat; transform: rotate(90deg); margin-bottom: 25px }
.slick-arrow.slick-prev { transform: rotate(90deg) scaleY(-1); }
.slick-disabled { opacity: .5 }

.esg-diagram { display: flex; flex-direction: row; flex-wrap: wrap; }
.esg-diagram .slick-prev { order: 0; margin-right: 5px }
.esg-diagram .slick-next { order: 1 }
.esg-diagram .slick-list { order: 2; width: 100%; }
.esg-diagram .slick-dots { order: 3 }

.esg-diagram .accordion-flush .accordion-collapse { width: 100%; }
.esg-diagram .accordion-body { padding-top: 0 }

.esg-diagram-slide { opacity: 0; /* transition: opacity .25s ease; */ visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.esg-diagram-slide.active { visibility: visible; opacity: 1 }

.esg-diagram-slide foreignObject { width: 50px; height: 50px; position: absolute; font-size: 0; cursor: pointer; top: 0; margin-left: 110px; x: 43%; z-index: 13; }
.esg-diagram-slide foreignObject:hover { background: rgb(255 255 255 / 50%); }
.esg-diagram-slide foreignObject html { position: absolute; }

/* Conveyor Carousel */
.conveyor-carousel-wrapper { overflow: hidden }
.conveyor-carousel { display: flex; width: calc(100% * var(--no-of-slides)); flex-wrap: wrap; }
.conveyor-carousel .column { width: calc(100% / var(--no-of-slides)); position: relative; }
.conveyor-carousel .column .umb-grid-cell { position: relative; }
.conveyor-carousel .column .umb-grid-cell:before { content: ""; display: block; padding-bottom: 100%; }
.conveyor-carousel .column .cell-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: inherit; padding-right: 60px; width: 100%; height: 100%; z-index: 3; }

.conveyor-carousel .column .umb-grid-cell.theme-white.theme-tint:after { mix-blend-mode: normal; background: transparent linear-gradient(157deg, #F8F8F8 0%, #F8F8F8 45%, #80808000 100%) 0% 0% no-repeat padding-box; opacity: 0.3; }

/**/
.carousel-image-panel { width: 100%; height: 100%; min-height: 300px; margin-bottom:15px}

/* Specific pages */
.company-addresses-wrapper .angle-feature-panel:after { z-index: 2 }

/* Standard breakpoints */
@media (min-width: 576px) {

    body, html { font-size: 15px; }

    /* Text styles */
    h1 { font-size: 40px }
    h2 { font-size: 23.6px }
    h3 { font-size: 19.2px }

    /* Paragraph styles */
    .text-small {font-size: 12px;}
    .text-intro { font-size: 15px; font-weight: 600; color: #333132; }
    .text-medium { font-size: 23.6px }
    .text-large { font-size: 38px }
    .text-large-small { font-size: 28px; }
    .text-extra-large { font-size: 76px }

    /* Links */
    .btn { padding: 6px 24px; }

    .spacing-top { padding-top: 20px; }
    .spacing-bottom { padding-bottom: 20px; }
    .spacing-top-and-bottom { padding-bottom: 20px; padding-top: 20px; }

    .spacing-top-medium {/* padding-top: 25px; */}
    .spacing-bottom-medium { padding-bottom: 25px; }
    .spacing-top-and-bottom-medium { padding-bottom: 25px; padding-top: 25px; }

    .spacing-top-large { padding-top: 30px; }
    .spacing-bottom-large { padding-bottom: 30px; }
    .spacing-top-and-bottom-large { padding-bottom: 30px; padding-top: 30px; }
}


@media (min-width: 768px) {

    body, html { font-size: 14px; }

    /* Text styles */
    h1 { font-size: 50px }
    h2 { font-size: 25.2px }
    h3 { font-size: 20.4px }
    h4 { font-size: 17px }

    /* Paragraph styles */
    .text-small {font-size: 13px;}
    .text-intro { font-size: 17px; font-weight: 600; color: #333132; }
    .text-medium { font-size: 25.2px }
    .text-large { font-size: 50px }
    .text-large-small { font-size: 40px; line-height: 25px; }
    .text-extra-large { font-size: 82px }

    /* Links */
    .btn { padding: 7px 27px; }
    .btn:hover { background: #5FADFF; color: #fff; }
    
    .download-pdf:before,
    .video-trigger:before {width: 40px; height: 40px; }


    /* Spacing top */
    .spacing-top { padding-top: 20px; }
    .spacing-bottom { padding-bottom: 20px; }
    .spacing-top-and-bottom { padding-bottom: 20px; padding-top: 20px; }

    .spacing-top-medium {/* padding-top: 25px; */}
    .spacing-bottom-medium { padding-bottom: 25px; }
    .spacing-top-and-bottom-medium { padding-bottom: 25px; padding-top: 25px; }

    .spacing-top-large { padding-top: 30px; }
    .spacing-bottom-large { padding-bottom: 30px; }
    .spacing-top-and-bottom-large { padding-bottom: 30px; padding-top: 30px; }

    /* Cell padding */
    .padding-small { padding: 12px; }
    .padding-medium,
    .padding-medium-md { padding: 25px; }
    .padding-large { padding: 40px; }
    .padding-base-small { padding-bottom: 12px; }

    /* Padding and content position combined */
    .content-area [class*="content-placement-"].padding-small .cell-content { padding: 12px; }
    .content-area [class*="content-placement-"].padding-medium .cell-content { padding: 20px; }
    .content-area [class*="content-placement-"].padding-large .cell-content { padding: 40px; }

    /* Conveyor Carousel */
    .conveyor-carousel { width: calc(66.66666667% * calc(var(--no-of-slides) - 1)); }
    .conveyor-carousel .column { width: calc(100% / var(--no-of-slides)); }

    /* Panels */
    /* Angle feature panel */
    .angle-feature-panel { overflow: visible; padding: 0; }
    .angle-feature-panel:after { /* content: ''; */ /* display: block; */ /* position: absolute; */ /* background: #334048; */ /* top: 0; */ /* left: 2px; */ /* width: 100%; */ /* height: 100%; */ /* z-index: 1; */ /* transform: scaleX(-1); */ /* transform-style: preserve-3d; */ /* transform-origin: left; */ }
    .angle-feature-panel .cell-content:before { content: ''; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 150px; background: url(/img/svg/angle-panel-slate-grey.svg?v=5) top right / cover no-repeat; z-index: -1; }
    .angle-feature-panel .cell-content:after { /* content: ''; */ /* display: block; */ /* position: absolute; */ /* top: 150px; */ /* right: 0; */ /* width: 100%; */ /* height: calc(100% - 150px); */ /* z-index: -1; */ }

    .angle-feature-panel { background: transparent; max-width: none }
    .content-area [class*="content-placement-"].padding-large.angle-feature-panel .cell-content { padding-top: 100px }
    .angle-feature-panel:before { padding-bottom: calc(100% + 90px); }
    .angle-feature-panel.theme-slate-grey .cell-content:after { /* background: #334048; */ }

    .carousel-image-panel { width: 100%; height: 100%; min-height: 565px; }
}

@media (min-width: 992px) {

    body, html { font-size: 15px; }

    /* Text styles */
    h1 { font-size: 60px }
    h2 { font-size: 26.8px }
    h3 { font-size: 21.6px }
    h4 { font-size: 18px }

    /* Paragraph styles */
    .text-intro { font-size: 18px; }
    .text-medium { font-size: 26.8px }
    .text-large { font-size: 54px }
    .text-large-small { font-size: 44px; line-height: 55px; }
    .text-extra-large { font-size: 88px }

    /* Links */
    a:hover, a:active { color: #5FADFF; }
    .btn { padding: 9px 31px; }
    a.internal-link:hover { color: #EDA359; }

    /* Spacing top */
    .spacing-top { padding-top: 40px; }
    .spacing-bottom { padding-bottom: 40px; }
    .spacing-top-and-bottom { padding-bottom: 40px; padding-top: 40px; }

    .spacing-top-medium { padding-top: 60px; }
    .spacing-bottom-medium { padding-bottom: 60px; }
    .spacing-top-and-bottom-medium { padding-bottom: 60px; padding-top: 60px; }

    .spacing-top-large { padding-top: 80px; }
    .spacing-bottom-large { padding-bottom: 80px; }
    .spacing-top-and-bottom-large { padding-bottom: 80px; padding-top: 80px; }

    /*Margin-top*/
    .margin-top-minus { margin-top: -40px }

    /* Themes */
    .theme-slate-grey .btn:hover { /* background: #fff; */ /* color: #334048; */ }

    .theme-gold .btn:hover { background: #fff; color: #FDCC62 }
    .theme-gold .a:hover,
    .theme-gold .internal-link:hover { color: #e8e8e8 }

    .theme-sand .btn:hover { background: #fff; color: #EDA359 }
    .theme-sand .a:hover,
    .theme-sand .internal-link:hover { color: #e8e8e8 }

    .theme-gold-gradient .btn:hover { background: #fff; color: #EDA359 }

    /* Conveyor Carousel */
    .conveyor-carousel { width: calc(58.33333333% * calc(var(--no-of-slides) - 1)); }
    .conveyor-carousel-wrapper { width: calc(100% + ((100vw - 960px) / 2)); overflow: hidden; }
    .conveyor-carousel .column .cell-content p { width: 67%; }

    /**/
    .carousel-image-panel { min-height: 650px; }

    /* Panels */
    .tall-feature-panel .item-content,
    .small-feature-panel .item-content {background-color: rgb(24 68 109 / 75%);position: absolute;bottom: 0;left: 0;height: 100%;padding-bottom: 100%;transform: translateY(100%);transition: transform .5s ease;width: 100%;}

    .feature-panel { min-width: calc(100% + 10vw); margin-left: -5vw; }
    [class*="feature-panel"]:before { content: ""; display: block; padding-bottom: calc(50% + 20px); }
    [class*="feature-panel"] .cell-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: inherit; width: 100%; height: 100%; z-index: 3; max-width: 300px; }
    [class*="feature-panel"] .cell-conten * { color: #ffffff; }
    .tall-feature-panel:hover .item-content,
    .small-feature-panel:hover .item-content { transform: translateY(0); }

    .tall-feature-panel:before { padding-bottom: 100%; }

    [class*="feature-panel"] .accordion-item .accordion-button { cursor: default; }
    [class*="feature-panel"] .accordion-item .accordion-button:after { display: none }
    [class*="feature-panel"] .accordion-item .collapse:not(.show),
    [class*="feature-panel"] .accordion-item .accordion-collapse > a.fix-to-bottom { display: block }

    [class*="feature-panel"] .accordion-item .collapse { padding: inherit }
    .tall-feature-panel .item-content p { color: #ffffff; display: block; width: 75%; margin-bottom: 75px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) }

    .theme-dark-grey.small-feature-panel .item-content { background-color: #6B7077 !important; opacity: 1; mix-blend-mode: normal; }
    .theme-gold.small-feature-panel .item-content { background-color: #fdcc62 }
    .theme-gold.small-feature-panel .item-content * { color: #6B7077 }
    .theme-sand.small-feature-panel .item-content { background-color: #EDA359 }

    .small-feature-panel .item-thumbnail { height: 100% }
    .small-feature-panel .accordion-header { display: none; }
    .small-feature-panel .accordion-body .item-heading { display: block; }

    .small-feature-panel-alt[class*=theme-tint].active:after { opacity: 0; }
    .small-feature-panel .accordion-body { background-color: #334048 !important; opacity: .8; mix-blend-mode: multiply }
    .small-feature-panel-alt .item-content { transform: translateY(100%); }

    /* Angle feature panel */
    .angle-feature-panel:before { padding-bottom: calc(100% + 20px); }
    .angle-feature-panel .cell-content:before { height: 200px; }
    .angle-feature-panel .cell-content:after { top: 147px; height: calc(100% - 146px); }

    /* Panel utilities */
    .padding-medium .fix-to-bottom { position: absolute; bottom: 35px; left: 35px; }
    .padding-small .fix-to-bottom { position: absolute; bottom: 16px; }

    .product-wrapper .container { padding: 0 100px; }
    .product-wrapper .container .col-lg-4 { padding-top: 45px; }
    .product-wrapper .container .col-lg-4:nth-child(2) { padding-top: 0; }
    .product-wrapper .container-fluid .cell-content { max-width: 100%; }
}

@media (min-width: 1200px) {

    body, html { font-size: 17px; }

    /* Text styles */
    h1 { font-size: 70px }
    h2 { font-size: 27.4px }
    h3 { font-size: 22.8px }
    h4 { font-size: 19px }

    /* Paragraph styles */
    .text-small {font-size: 14px;}
    .text-intro { font-size: 20px; }
    .text-medium { font-size: 27.4px }
    .text-large { font-size: 70px; line-height: 65px; }
    .text-large-small { font-size: 50px; line-height: 55px; }
    .text-extra-large { font-size: 94px }

    /* Links */
    .btn { padding: 10px 34px; }

    /* Spacing top */
    .spacing-top { padding-top: 60px; }
    .spacing-bottom { padding-bottom: 60px; }
    .spacing-top-and-bottom { padding-bottom: 60px; padding-top: 60px; }

    .spacing-top-small { padding-top: 25px; }
    .spacing-bottom-small { padding-bottom: 25px; }
    .spacing-top-and-bottom-small { padding-bottom: 25px; padding-top: 25px; }

    .spacing-top-medium { padding-top: 80px; }
    .spacing-bottom-medium { padding-bottom: 80px; }
    .spacing-top-and-bottom-medium { padding-bottom: 80px; padding-top: 80px; }

    .spacing-top-large { padding-top: 100px; }
    .spacing-bottom-large { padding-bottom: 100px; }
    .spacing-top-and-bottom-large { padding-bottom: 100px; padding-top: 100px; }

    /* Cell padding */
    .padding-small { padding: 20px; }
    .padding-medium { padding: 35px; }
    .padding-large { padding: 45px; }
    .padding-base-small { padding-bottom: 15px; }
    .padding-left-only { padding:0; padding-left: 40px }
    .padding-right-only { padding:0; padding-right: 40px }

    /*Margin-top*/
    .margin-top-minus { margin-top: -60px }

    /* Theme offset */
    [class*=theme-].top-sm,
    [class*=theme-].top-sm-grey,
    [class*=theme-].top-md,
    [class*=theme-].top-lg { position: relative; z-index: 1; }
    [class*=theme-].top-sm:after,
    [class*=theme-].top-sm-grey:after,
    [class*=theme-].top-md:after,
    [class*=theme-].top-lg:after { content: ''; background: #ffffff !important; display: block; background: inherit; width: 100%; height: 100px; position: absolute; top: 0; left: 0; z-index: -1; }
    [class*=theme-].top-sm-grey:after { background: #F6F6F6 !important; }

    [class*=theme-].bottom-sm,
    [class*=theme-].bottom-md,
    [class*=theme-].bottom-lg { /*background: transparent;*/ position: relative; z-index: 1; }
    [class*=theme-].bottom-sm:after,
    [class*=theme-].bottom-md:after,
    [class*=theme-].bottom-lg:after { content: ''; background: #ffffff !important; display: block; background: inherit; width: 100%; height: 150px; position: absolute; bottom: 0; left: 0; z-index: -1; }

    .umb-grid-cell.theme-white[class*=bottom-] { background: #fff }
    .umb-grid-cell[class*=theme-][class*=bottom-]:after { width: calc(100vw - 22px); left: calc( 1px - (100vw - 1320px) / 2) }

    .umb-grid-cell.theme-white.left-right-md:before,
    .umb-grid-cell.theme-white[class*=bottom-]:before { content: ''; display: block; width: calc(100% + 200px); height: 100%; background-color: #fff; position: absolute; top: 0; left: -100px; z-index: -1; border-radius: inherit; }

    [class*=theme-].bottom-md:after,
    [class*=theme-].top-md:after { height: 50%; background: #ffffff; }

    [class*=theme-].bottom-lg:after,
    [class*=theme-].top-lg:after { height: 65%; background: #ffffff; }

    .theme-grey[class*=top-]:after,
    .theme-grey[class*=bottom-]:after { background-color: #E8E8E8 }

    .theme-white[class*=top-]:after,
    .theme-white[class*=bottom-]:after { background-color: #fff }

    /* Padding and content position combined */
    .content-area [class*="content-placement-"].padding-small .cell-content { padding: 25px; }
    .content-area [class*="content-placement-"].padding-medium .cell-content { padding: 35px; }
    .content-area [class*="content-placement-"].padding-large .cell-content { padding: 45px; }

    .conveyor-carousel-wrapper { width: calc(100% + ((100vw - 1140px) / 2)); }
    .carousel-image-panel { min-height: 768px; }

    /* Angle feature panhel */
    .angle-feature-panel .cell-content:before { height: 250px; max-width: 415px; }
    .angle-feature-panel .cell-content:after { top: 248px; height: calc(100% - 248px); border-radius: 0; }

    /* Charts */
    /* Stacked horizontal bar */
    .stacked-horizontal-bar .bar { display: flex; flex-direction: row; height: 385px; flex-wrap: nowrap; position: relative; margin-bottom: 30px; }
    .stacked-horizontal-bar .bar .bar-segment-wrapper { width: var(--bar-length); height: auto; position: relative; flex-direction: column-reverse; }
    .stacked-horizontal-bar .bar .bar-segment { width: 100%; height: 40px; border-bottom: 0; border-right: 1px solid #fff; margin-left: 0; }
    .stacked-horizontal-bar .bar .legend + .bar-segment { margin-left: 0 }

    .stacked-horizontal-bar .bar .legend { height: 30px; --width: calc(((100% / var(--bar-dec)) / 100) * var(--theme-length) - 2px); width: var(--width); margin-top: auto; border-top: 0; border-bottom: 0; border-right: 1px solid #eda359; border-left: 1px solid #eda359; position: absolute; top: 100%; left: -147px; }
    .stacked-horizontal-bar .bar .legend p { position: static; transform: rotate(0); margin-top: 5px; font-size: 14px; }

    .stacked-horizontal-bar .bar .bar-segment-wrapper .label,
    .stacked-horizontal-bar .bar .bar-segment-wrapper .bar-segment { transition: opacity .5s ease; opacity: .33; }

    .stacked-horizontal-bar .bar .bar-segment-wrapper.active .label,
    .stacked-horizontal-bar .bar .bar-segment-wrapper.active .bar-segment { opacity: 1; }

    .stacked-horizontal-bar .bar .label { top: 0; left: 20px; height: 100px; transform: none; }
    .stacked-horizontal-bar .bar .label p.item-label { font-size: 12px; line-height: 15px; margin-top: 8px; }
    .stacked-horizontal-bar .bar .label:before { top: 0; left: -10px; height: 345%; width: 1px; transform: scaleY(0); }

    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(2) .label:before { top: 0; left: 115%; height: 153%; width: 1px; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(3) .label:before { top: 0; left: 120%; height: 268%; width: 1px; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(4) .label:before { top: 0; left: -10px; height: 68%; width: 1px; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(5) .label:before { top: 0; left: 108%; height: 176%; width: 1px; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(6) .label:before { left: 110%; height: 260%; width: 1px; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(7) .label:before { left: 120%; height: 345%; width: 1px; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(8) .label:before { left: 49%; height: 127%; width: 1px; top: 65px; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(9) .label:before { left: 120%; height: 299%; width: 1px; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(10) .label:before { left: 50%; top: 52px; height: 101%; width: 1px; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(11) .label:before { left: 120%; height: 345%; width: 1px; }

    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(2) .label { left: -130%; width: 60px; top: 50%; text-align: right; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(3) .label { top: 20%; left: -70%; text-align: right; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(4) .label { left: 99%; top: 72%; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(5) .label { left: 5%; top: 44%; width: 87px; text-align: right; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(6) .label { top: 22%; text-align: right; left: -415%; width: 100px; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(7) .label { left: -190%; top: 0; width: 50px; text-align: right; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(8) .label { left: 0; top: 40%; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(9) .label { top: 12%; left: -90%; width: 60px; text-align: right; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(10) .label { left: -105%; top: 50%; }
    .stacked-horizontal-bar .bar-segment-wrapper:nth-child(11) .label { left: -141%; top: 0; text-align: right; }

    .z-index-lower[class*="blue-"]:after { z-index: 1; top: -50%;}
    
}


@media (min-width: 1400px) {

    body, html { font-size: 18px; }

    /* Text styles */
    /* Headings */
    h1 { font-size: 70px; }
    h2 { font-size: 30px; }
    h3 { font-size: 24px; }
    h4 { font-size: 20px; }

    /* Paragraph styles */
    .text-intro { font-size: 22px; }
    .text-medium { font-size: 30px; line-height: 37px; }
    .text-large { font-size: 70px; line-height: 65px; }
    .text-large-small { font-size: 60px; line-height: 55px; }
    .text-extra-large { font-size: 100px; line-height: 100px; }

    /* Links */
    .btn, .content-area a.btn { padding: 12px 40px; font-size: 16px; }


    /* Padding top 
    .st-1 { padding-top: 35px; }
    .st-2 { padding-top: 50px; }
    .st-3 { padding-top: 65px; }
    .st-4 { padding-top: 100px; }
    .st-5 { padding-top: 150px; }
    .st-6 { padding-top: 200px; }
    .st-7 { padding-top: 450px; }*/

    /* Padding bottom 
    .sb-1 { padding-bottom: 35px; }
    .sb-2 { padding-bottom: 50px; }
    .sb-3 { padding-bottom: 65px; }
    .sb-4 { padding-bottom: 100px; }
    .sb-5 { padding-bottom: 150px; }
    .sb-6 { padding-bottom: 200px; }*/

    /* Padding right */
    .padding-left-only { padding-left: 42px }
    .padding-right-only { padding-right: 42px }

    /* Panels */
    .feature-panel { min-width: calc(100% + 15vw); margin-left: -7.5vw; }
    .feature-panel .cell-content, #conveyor-carousel-wrapper .conveyor-carousel .feature-panel .cell-content { padding-top: 60px !important; }
    .conveyor-carousel { width: calc(41.66666667% * calc(var(--no-of-slides) - 1)); }
    .conveyor-carousel-wrapper { width: calc(100% + ((100vw - 1320px) / 2)); }
}



/**umb_name:text blue*/
.text-blue {
	color: #6699CC !important;
}

/**umb_name:text dark blue*/
.text-dark-blue {
	color: #18446D !important;
}

/**umb_name:text grey*/
.text-grey {
	color: #9A9A9A !important;
}

/**umb_name:text green*/
.text-green {
	color: #5F954B !important;
}

/**umb_name:text red*/
.text-red {
	color: #BF4040 !important;
}

/**umb_name:text yellow*/
.text-yellow {
	color: #DFAC20 !important;
}

/**umb_name:text black*/
.text-black {
	color: #333132 !important;
}

/**umb_name:text white*/
.text-white {
	color: #fff !important;
}