#signUpModal .modal-header h4 {
  margin: 0; }

textarea {
  resize: none; }

.side-widget {
  margin-bottom: 38px; }

.pager .disabled a {
  pointer-events: none; }

/* ##### need to tweak this iguana2 chart - with is too big http://ir.iguana2.com/brambles/jschart #####*/
/* example only */
#example_form_only {
  width: 700px; }

/* example only */
#example_form_only label {
  margin-right: 1em; }

/* "chart" must set width and height */
#chart {
  width: 732px;
  height: 350px;
  background: #ffffff;
  border: 0px dashed #cecece;
  margin-bottom: 10px; }

/* "nav" must set width and height */
#nav {
  width: 732px;
  height: 90px;
  background: #ffffff;
  border: 0px dashed #cecece;
  margin-bottom: 10px; }

/* "range" may need to set width */
#range {
  width: 200px;
  background: #f7f7f7;
  border: 1px dashed #cecece;
  margin-bottom: 10px; }

/* "popup" must set width */
/* the popup contains: the date/time as an H1, the legend as a TABLE, and news items as As in Ps */
/* the styles below are for example only */
#popup {
  background: white;
  width: 20em;
  border: 1px solid #cecece;
  padding: .5em;
  text-align: left;
  display: none;
  filter: alpha(opacity=90);
  opacity: .9; }

#popup h1 {
  text-align: center;
  font-size: 9pt;
  margin: 0px; }

#popup table {
  padding-left: 1em;
  padding-right: 1em; }

#popup td {
  padding: 0px; }

#popup p {
  margin: .5em; }

/* ##### iguana2 chart End #####*/
.image-gallery .image-item.second {
  max-width: 80% !important; }
  .image-gallery .image-item.second img {
    width: 100% !important; }

.second-heading {
  margin-top: 50px; }

.table.table-small-text > thead > tr > td, .table.table-small-text > tbody > tr > td {
  white-space: nowrap;
  padding: 5px;
  vertical-align: middle; }

.table.table-small-text > thead > tr > td {
  font: 13px/15px Roboto, Helvetica, Helvetica Neue, Arial, sans-serif;
  font-weight: bold; }

.table.table-small-text > tbody > tr > td {
  font: 13px/17px Roboto, Helvetica, Helvetica Neue, Arial, sans-serif; }

.table.table-no-wrap > tbody > tr > td, .table.table-no-wrap > thead > tr > td {
  white-space: nowrap; }

.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 1px solid #ddd;
  -webkit-overflow-scrolling: touch; }

.validation-summary-errors {
  color: red;
  font-size: smaller; }

.no-padding-top {
  padding-top: 0; }

.white-box a.no-image {
  padding-top: 30px; }

.mobile-nav {
  display: none; }

.table.gri-table thead > tr > th, .table.gri-table td {
  padding: 7px 12px 7px; }

.table.gri-table tbody > tr:hover {
  background: none; }

.table.gri-table > tbody > tr > td {
  border: none; }

.table.un-global-table thead > tr > th, .table.un-global-table td {
  padding: 7px 12px 7px; }

.table.un-global-table tbody > tr:hover {
  background: none; }

#nav-main .drop-slide-wrapper {
  z-index: 99999; }

@media only screen and (max-width: 767px) {
  .map-placeholder .img-responsive {
    min-height: 245px; } }

.sitemap ul.second {
  margin-top: 5px; }
  .sitemap ul.second li {
    margin-left: 10px;
    font-size: 0.9em; }

.document-block .header-box {
  overflow: hidden;
  border-top: 1px solid #c1c1c1;
  font-size: 17px;
  line-height: 25px;
  color: #00508f;
  padding: 20px 17px 15px 15px; }

.branding, .branding object {
  width: 120px;
  height: 50px;
  display: inline-block;
  margin-left: 7px;
  display: inline-block; }

.branding object {
  pointer-events: none; }

.btn.btn-main {
  padding: 8px 20px 9px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ddd;
  text-decoration: none;
  font-size: 15px;
  line-height: 18px;
  color: #00508f;
  text-transform: uppercase;
  font-weight: 500;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; }
  .btn.btn-main:hover, .btn.btn-main.active {
    text-decoration: none;
    background-color: #eee;
    color: #3b87e5; }

.table-responsive {
  border: none; }
  @media only screen and (max-width: 767px) {
    .table-responsive {
      border: 1px solid #ddd; } }

.widget.financial-calendar-widget .date .time {
  clear: left;
  display: inline-block; }

div#header-toolbar .cost a {
  font-size: 12px; }

div#header-toolbar .cost a:hover {
  color: #fff;
  background: none;
  text-decoration: underline; }

.investor-relation-template .gallery-block.second {
  margin: 0 0 30px; }

.investor-relation-template .widget:first-child {
  margin-top: 0; }

.employee-bookmark .bookmark {
  font-size: 15px;
  white-space: nowrap; }

.image-holder .link-text, .text-holder .link-text {
  width: 85%; }

@media only screen and (max-width: 991px) {
  div#nav-main a {
    padding: 20px 10px 5px; } }

.table-responsive {
  overflow-x: auto; }

.about-brambles #range {
  width: 400px; }

.about-brambles #popup {
  z-index: 2000; }

.about-brambles.content-about-brambles #content-related-content .panel-title .level-1 span, .about-brambles.content-about-brambles #content-related-content .panel-title .level-2 span, .about-brambles.content-about-brambles #content-related-content .panel-title .level-3 span {
  display: none; }

#ar2015-strategy-scorecard {
  background-color: #f2fcff;
  /* section{border:1px solid fuchsia;} */
  /*div.scrcrdpanel{background-color:#f1f3f4;}*/
  /*div#sc-start section { padding-bottom:250px; }
	div#sc-start section div#start-left { width:100%;float:none;margin: 70px 0 0 0;}
	div#sc-start section h1 { font-size:65px; color:#005696;line-height:35px; }
	div#sc-start section h2 { font-size: 30px; line-height:30px;color: #005696; width:100%; }
	div#sc-start section p { padding-bottom:55px;font-weight:300;font-size:22px;line-height:27px; color: #2f2f2f; }
	div#sc-start section img#img-keyboard {float:right;display:none;}
	div#sc-start section img#img-scorecard {width:100%; max-width:419px;height:auto; float:none;margin:10px 0 0 0;}*/
  /*div#sc-investment{ border-top:80px solid #d5dee2; border-bottom:15px solid #f1f3f4; padding-bottom:30px;}
	div#sc-investment section{ }
	div#sc-investment section div.scrow { margin-bottom:60px; }
	div#sc-investment section h2 { font-size: 30px; line-height: 40px; color: #005696; border-bottom:4px solid #c1c1c1;padding-bottom:25px;margin-bottom:30px; }
	div#sc-investment section div.sc_3_panel { float:none;width:100%; margin-right:3%; }
	div#sc-investment section div.sc_3_panel h3 { font-weight:700;font-size:38px;line-height:38px; }
	div#sc-investment section div.sc_3_panel h3.underlined { border-bottom:2px solid #c1c1c1;padding-bottom:8px; }
	div#sc-investment section div.sc_3_panel.dkblue h3 { color:#0d386c; border-color:#0d386c; }
	div#sc-investment section div.sc_3_panel.gold h3 { color:#e9b51f; border-color:#e9b51f; }
	div#sc-investment section div.sc_3_panel.ltblue h3 { color:#3b87e5; border-color:#3b87e5; }
	div#sc-investment section div.sc_3_panel p { font-weight:300;font-size:22px;line-height:22px; }*/
  /*div#sc-fiveyearplan section{}
	div#sc-fiveyearplan section h2 { font-size: 60px; font-size: 30px; line-height: 40px;color: #005696; white-space: nowrap;border-bottom:4px solid #c1c1c1;padding-bottom:25px;margin-bottom:30px; }
	div#sc-fiveyearplan section div.scrow { margin-bottom:60px; }

	div.scrcrdpanel section div.sc_53_panel h3 { border-bottom:2px solid #0d386c;padding-bottom:6px;font-size:25px;font-weight:700;color:#0d386c;}
	div.scrcrdpanel section div.sc_53_panel h3 small { font-size:17px;font-weight:700;color:#0d386c;}
	div.scrcrdpanel section div.sc_53_panel div.sc_51_panel { width:100%; margin-right:0; }
	div.scrcrdpanel section div.sc_53_panel div.sc_51_panel:last-child { margin-right:0;}
	div.scrcrdpanel section div.sc_53_panel small.col3 { display:block;padding:30px 0 0px 0;position:relative;top:0px;left:0;font-size:17px;line-height:17px;font-weight:700;color:#0d386c;}

	div.scrcrdpanel section div.sc_53_panel small.col3 br { display:none; }
	div.scrcrdpanel section div.sc_53_panel { position:relative;float:none;width:100%; margin-right:0; }
	div.scrcrdpanel section div.sc_51_panel { position:relative;float:none;width:100%; margin-right:0; }
	div.scrcrdpanel section div.sc_51_panel.ltblue { margin-right:0;}
	div.scrcrdpanel section div.sc_51_panel div.imgbllock { height:140px;position:relative;}
	div.scrcrdpanel section div.sc_51_panel div.imgbllock img { max-width:100%;height:auto;position:absolute;bottom:0;left:0;}
	div.scrcrdpanel section div.sc_51_panel h3 { border-bottom:2px solid #0d386c;padding-bottom:6px;font-size:25px;font-weight:700;color:#0d386c;}
	div.scrcrdpanel section div.sc_51_panel.gold h3 { color:#e9b51f; border-color:#e9b51f; }
	div.scrcrdpanel section div.sc_51_panel.ltblue h3 { color:#3b87e5; border-color:#3b87e5; }
	div.scrcrdpanel section div.sc_51_panel p { color:#0d386c;font-weight:300;font-size:18px;line-height:22px; }
	div.scrcrdpanel section div.sc_51_panel.gold p { color:#e9b51f; }
	div.scrcrdpanel section div.sc_51_panel.ltblue p { color:#3b87e5; }
	div.scrcrdpanel section div.sc_3_panel { float:left;width:30%; margin-right:3%; }
	div.scrcrdpanel.darker section div.sc_3_panel { }*/
  /*div#sc-fy14progress section{}
	div#sc-fy14progress section h2 { font-size: 30px; line-height:30px;color: #005696; white-space: nowrap;border-bottom:5px solid #c1c1c1;padding-bottom:25px;margin-bottom:30px; }
	div#sc-fy14progress section div.scrow { margin-bottom:60px; }

	div#sc-fy15expects{ border-top:80px solid #f1f3f4; margin-bottom:100px;}
	div#sc-fy15expects section{}
	div#sc-fy15expects section h2 { font-size: 30px; line-height:30px; color: #005696; white-space: nowrap;border-bottom:5px solid #c1c1c1;padding-bottom:25px;margin-bottom:30px; }
	div#sc-fy15expects section div.scrow { margin-bottom:60px; }*/
  /*div.flowlines{ overflow:visible;display:block; }*/ }
  #ar2015-strategy-scorecard .btn-next, #ar2015-strategy-scorecard a.btn-next {
    display: block;
    background: white;
    width: 208px;
    height: 208px;
    -webkit-border-radius: 105px;
    -moz-border-radius: 105px;
    border-radius: 105px;
    border: 1px solid #748a9d;
    background-color: transparent;
    text-align: center;
    color: #748a9d;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 22px;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-decoration: none;
    margin: 20px auto 0;
    padding: 30px 50px 0;
    line-height: 1.2; }
  #ar2015-strategy-scorecard .btn-next i.fa {
    font-size: 35px;
    display: block; }
  #ar2015-strategy-scorecard .btn-next span {
    display: block;
    padding: 10px 0; }
  #ar2015-strategy-scorecard .btn-next:hover,
  #ar2015-strategy-scorecard .btn-next:focus,
  #ar2015-strategy-scorecard .btn-next:active {
    background: #748a9d;
    color: white !important;
    outline: none; }
  #ar2015-strategy-scorecard p {
    font-weight: 300; }
  #ar2015-strategy-scorecard .tab-content {
    background: none;
    padding: 0;
    box-shadow: none;
    border: none;
    text-align: left; }
  #ar2015-strategy-scorecard .btn-backtostart {
    background: transparent;
    color: #728497;
    border: 2px solid #728497;
    padding: 13px;
    /* width: 175px;*/
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
  #ar2015-strategy-scorecard .btn-backtostart:hover,
  #ar2015-strategy-scorecard .btn-backtostart:focus,
  #ar2015-strategy-scorecard .btn-backtostart:active {
    /* http://tympanus.net/Development/CreativeButtons/ effect 1a */
    background: #728497;
    color: white; }
  #ar2015-strategy-scorecard .btn-backtostart-sml {
    width: 118px;
    height: 118px;
    padding: 30px 0 !important;
    font-size: 15px; }
  #ar2015-strategy-scorecard div#main-body div.pagewidth {
    width: 100%;
    padding: 0; }
  #ar2015-strategy-scorecard div#main-body div.pagewidth section {
    padding: 0 20px; }
  #ar2015-strategy-scorecard div#main-body.container, #ar2015-strategy-scorecard div.bodyrow {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
    margin: 0; }
  #ar2015-strategy-scorecard div.scrcrdpanel.darker {
    background-color: #d8eaef; }
  #ar2015-strategy-scorecard div.scrcrdpanel section {
    position: relative; }
  #ar2015-strategy-scorecard div.scrcrdpanel section button.btn-action {
    text-transform: uppercase;
    padding: 0;
    width: 132px;
    height: 74px;
    border: 2px solid #fff !important;
    color: #fff;
    font-size: 24px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    padding: 10px 0;
    position: absolute;
    top: 440px;
    left: 50%;
    margin-left: -60px; }
  #ar2015-strategy-scorecard div.scrcrdpanel section button.btn-action:hover, #ar2015-strategy-scorecard div.scrcrdpanel section button.btn-action:focus {
    background-color: #fff;
    color: #99b38f;
    outline: none; }
  #ar2015-strategy-scorecard div.scrcrdpanel section button.btn-action i.fa {
    font-size: 40px;
    position: relative;
    display: block;
    line-height: 20px; }
  #ar2015-strategy-scorecard div#sc-fy14progress button.btn-action i.fa {
    padding-left: 0px; }
  #ar2015-strategy-scorecard div.scrcrdpanel section .btn-next {
    margin: 35px auto -50px;
    background-color: #f2fcff;
    z-index: 100;
    position: relative; }
  #ar2015-strategy-scorecard div.scrcrdpanel.darker section .btn-next {
    background-color: #d8eaef;
    padding: 30px;
    z-index: 100; }
  #ar2015-strategy-scorecard div.scrcrdpanel section .btn-next:hover, #ar2015-strategy-scorecard div.scrcrdpanel section .btn-next:focus,
  #ar2015-strategy-scorecard div.scrcrdpanel.darker section .btn-next:hover, #ar2015-strategy-scorecard div.scrcrdpanel.darker section .btn-next:focus {
    background-color: #748a9d; }
  #ar2015-strategy-scorecard div.scrcrdpanel section .btn-viewchart {
    margin: 115px auto 0;
    display: block; }
  #ar2015-strategy-scorecard div.scrcrdpanel section .btn-backtostart {
    margin: 75px auto 0;
    display: block; }
  #ar2015-strategy-scorecard div.scrcrdpanel section p.note {
    font-size: 14px; }
  #ar2015-strategy-scorecard div#sc-start {
    border-top: none;
    padding-top: 60px;
    padding-bottom: 80px; }
  #ar2015-strategy-scorecard div#sc-start section img {
    display: block;
    margin: 0 auto;
    width: 100%; }
  #ar2015-strategy-scorecard div#sc-start section h1 {
    text-align: center;
    font-size: 80px;
    color: #fff;
    line-height: 75px;
    position: absolute;
    width: 438px;
    height: 438px;
    top: 170px;
    left: 50%;
    margin-left: -210px;
    margin-top: 20px;
    font-weight: 300; }
  #ar2015-strategy-scorecard div#sc-start div.flowlines {
    margin-top: -227px;
    padding-bottom: 227px; }
  #ar2015-strategy-scorecard div#sc-start section .sc-circle {
    display: block;
    color: #fff;
    position: absolute;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.2;
    padding-top: 10px;
    border: 2px solid transparent;
    outline: none; }
  #ar2015-strategy-scorecard div#sc-start section .sc-circle .fa {
    display: block;
    font-size: 40px;
    line-height: 20px; }
  #ar2015-strategy-scorecard div#sc-start section .sc-circle-green {
    background: #93b7a3; }
  #ar2015-strategy-scorecard div#sc-start section .sc-circle-olive {
    background: #a1b389; }
  #ar2015-strategy-scorecard div#sc-start section .sc-circle-yellow:hover {
    background: #fff;
    border: 2px solid #d9b53e;
    color: #d9b53e; }
  #ar2015-strategy-scorecard div#sc-start section .sc-circle-blue:hover {
    background: #fff;
    border: 2px solid #0cb0db;
    color: #0cb0db; }
  #ar2015-strategy-scorecard div#sc-start section .sc-circle-green:hover {
    background: #fff;
    border: 2px solid #93b7a3;
    color: #93b7a3; }
  #ar2015-strategy-scorecard div#sc-start section .sc-circle-olive:hover {
    background: #fff;
    border: 2px solid #a1b389;
    color: #a1b389; }
  #ar2015-strategy-scorecard div#sc-start section #circle-fy15 {
    top: 30%;
    left: 16%;
    width: 108px;
    height: 108px;
    margin-left: -54px;
    margin-top: -54px; }
  #ar2015-strategy-scorecard div#sc-start section #circle-5y {
    top: 43%;
    right: 12%;
    width: 118px;
    height: 118px;
    margin-left: -59px;
    margin-top: -59px; }
  #ar2015-strategy-scorecard div#sc-start section #circle-ip {
    bottom: 0;
    left: 42%;
    width: 136px;
    height: 136px;
    margin-left: -68px;
    margin-top: -68px; }
  #ar2015-strategy-scorecard div#sc-start section #circle-fy16 {
    top: 8%;
    left: 55%;
    width: 124px;
    height: 124px;
    margin-left: -62px;
    margin-top: -62px; }
  #ar2015-strategy-scorecard div#sc-investment {
    padding: 120px 0 225px; }
  #ar2015-strategy-scorecard div#sc-fiveyearplan {
    padding: 255px 0 220px; }
  #ar2015-strategy-scorecard div#sc-fy15progress {
    padding: 255px 0 220px; }
  #ar2015-strategy-scorecard div#sc-fy15progress .grey-box {
    height: 530px; }
  #ar2015-strategy-scorecard div#sc-fy16expects {
    padding: 300px 0 60px; }
  #ar2015-strategy-scorecard div#sc-fy16expects ul, #ar2015-strategy-scorecard .review ul {
    list-style: none;
    padding: 0; }
  #ar2015-strategy-scorecard .review ul {
    margin: 60px -15px; }
  #ar2015-strategy-scorecard div#sc-fy16expects li a, #ar2015-strategy-scorecard .review li a {
    background: #fff;
    text-align: center;
    display: block;
    height: 60px;
    padding-top: 14px;
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
    -moz-transition: background 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    -webkit-transition: background 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out; }
  #ar2015-strategy-scorecard .review li a {
    height: 108px;
    line-height: 102px;
    padding-top: 0;
    font-size: 30px; }
  #ar2015-strategy-scorecard .review li.active a, #ar2015-strategy-scorecard .review li a:hover {
    line-height: 108px;
    height: 108px; }
  #ar2015-strategy-scorecard div#sc-fy16expects li.active a, #ar2015-strategy-scorecard div#sc-fy16expects li a:hover {
    height: 60px;
    padding-top: 17px; }
  #ar2015-strategy-scorecard div#sc-fy16expects li a.tab-1, #ar2015-strategy-scorecard .review li a.tab-1 {
    border: 3px solid #ddb536;
    color: #ddb536; }
  #ar2015-strategy-scorecard div#sc-fy16expects li a.tab-2, #ar2015-strategy-scorecard .review li a.tab-2 {
    border: 3px solid #0cb0db;
    color: #0cb0db; }
  #ar2015-strategy-scorecard div#sc-fy16expects li.active a.tab-1, #ar2015-strategy-scorecard div#sc-fy16expects li a.tab-1:hover, #ar2015-strategy-scorecard .review li.active a.tab-1, #ar2015-strategy-scorecard .review li a.tab-1:hover {
    color: #fff;
    border: none;
    background: #e7b620;
    background: -moz-linear-gradient(left, #e7b620 0%, #9bb38e 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e7b620), color-stop(100%, #9bb38e));
    background: -webkit-linear-gradient(left, #e7b620 0%, #9bb38e 100%);
    background: -o-linear-gradient(left, #e7b620 0%, #9bb38e 100%);
    background: -ms-linear-gradient(left, #e7b620 0%, #9bb38e 100%);
    background: linear-gradient(to right, #e7b620 0%, #9bb38e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7b620', endColorstr='#9bb38e', GradientType=1); }
  #ar2015-strategy-scorecard div#sc-fy16expects li.active a.tab-2, #ar2015-strategy-scorecard div#sc-fy16expects li a.tab-2:hover, #ar2015-strategy-scorecard .review li.active a.tab-2, #ar2015-strategy-scorecard .review li a.tab-2:hover {
    color: #fff;
    border: none;
    background: #96b393;
    background: -moz-linear-gradient(left, #96b393 0%, #00afe7 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #96b393), color-stop(100%, #00afe7));
    background: -webkit-linear-gradient(left, #96b393 0%, #00afe7 100%);
    background: -o-linear-gradient(left, #96b393 0%, #00afe7 100%);
    background: -ms-linear-gradient(left, #96b393 0%, #00afe7 100%);
    background: linear-gradient(to right, #96b393 0%, #00afe7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96b393', endColorstr='#00afe7', GradientType=1); }
  #ar2015-strategy-scorecard div#sc-fy16expects .tab-content-mobile {
    display: none; }
  #ar2015-strategy-scorecard div.scrcrdpanel .row {
    margin: 0; }
  #ar2015-strategy-scorecard div#sc-fy16expects .grey-box {
    margin-left: 15px;
    margin-right: 15px; }
  #ar2015-strategy-scorecard div#sc-fy16expects #fy16-txt {
    display: none; }
  #ar2015-strategy-scorecard div#sc-fy16expects #fy16-txt .col-md-4 {
    padding: 0; }
  #ar2015-strategy-scorecard div#sc-fy16expects #fy16-txt .grey-box {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    height: 430px; }
  #ar2015-strategy-scorecard div#sc-fy16expects #fy16-txt ul {
    list-style: disc;
    padding-left: 20px;
    margin-top: 10px; }
  #ar2015-strategy-scorecard div#sc-fy16expects #fy16-txt ul li {
    padding-bottom: 10px; }
  #ar2015-strategy-scorecard div#sc-fy16expects .grey-box .fa {
    margin-right: -10px; }
  #ar2015-strategy-scorecard div#sc-fy16expects .grey-box .grey-box-yellow .fa {
    margin-left: -40px; }
  #ar2015-strategy-scorecard div#sc-fy16expects .grey-box .grey-box-blue .fa {
    margin-right: -60px; }
  #ar2015-strategy-scorecard div#sc-fy16expects .grey-box.grey-box-2 {
    background-color: #f0f0f0; }
  #ar2015-strategy-scorecard #sc-fy16expects .tab-content-desktop .tab-content {
    min-height: 460px; }
  #ar2015-strategy-scorecard #fy16-2-desktop .key-risk-mitigating-actions .col-1 {
    width: 46%;
    float: left;
    padding-left: 15px;
    padding-right: 15px; }
  #ar2015-strategy-scorecard #fy16-2-desktop .key-risk-mitigating-actions .col-arrow {
    width: 8%;
    float: left;
    padding-left: 15px;
    padding-right: 15px; }
  #ar2015-strategy-scorecard div#blanket {
    width: 0px;
    display: none; }
  #ar2015-strategy-scorecard div#overlays div.viewchart {
    background-color: #f1f3f4;
    display: none; }
  #ar2015-strategy-scorecard div#risks-mitigations {
    display: none;
    background-color: #f1f3f4;
    width: auto;
    padding: 0 10px;
    font-size: 14px;
    margin: 10px;
    border: 1px solid grey; }
  #ar2015-strategy-scorecard div#risks-mitigations h3 {
    font-size: 25px;
    font-weight: 700;
    color: #0d386c; }
  #ar2015-strategy-scorecard div#risks-mitigations div.colblock {
    color: #636363 !important; }
  #ar2015-strategy-scorecard div#risks-mitigations div.colblock h4 {
    font-size: 15px;
    line-height: 27px;
    font-weight: 700;
    color: #0d386c;
    border-bottom: 1px solid #c1c1c1; }
  #ar2015-strategy-scorecard div#risks-mitigations div.colblock ul {
    padding-left: 0px;
    list-style-type: none; }
  #ar2015-strategy-scorecard div#risks-mitigations div.colblock li {
    background-image: url("/Content/img/list-raqo.png");
    background-repeat: no-repeat;
    background-position: 0 4px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 300;
    color: #636363;
    margin-bottom: 9px; }
  #ar2015-strategy-scorecard div.flowlines {
    display: none;
    text-align: center;
    height: 1px;
    /*overflow:hidden;*/ }
  #ar2015-strategy-scorecard .sc-circle {
    width: 150px;
    height: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    text-align: center;
    color: #fff;
    margin: 0 auto 35px; }
  #ar2015-strategy-scorecard .sc-circle span {
    display: block;
    font-size: 24px;
    font-weight: 500;
    padding-top: 52px; }
  #ar2015-strategy-scorecard .sc-circle-lrg {
    width: 210px;
    height: 210px;
    -webkit-border-radius: 210px;
    -moz-border-radius: 210px;
    border-radius: 210px;
    font-size: 30px;
    padding-top: 70px;
    line-height: 1.1;
    margin-bottom: 70px; }
  #ar2015-strategy-scorecard .sc-circle-yellow {
    background-color: #dbb53a; }
  #ar2015-strategy-scorecard .sc-circle-blue {
    background-color: #04b0e0; }
  #ar2015-strategy-scorecard .sc-circle-green {
    background: #b0b479;
    background: -moz-linear-gradient(left, #b0b479 0%, #81b1a5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b0b479), color-stop(100%, #81b1a5));
    background: -webkit-linear-gradient(left, #b0b479 0%, #81b1a5 100%);
    background: -o-linear-gradient(left, #b0b479 0%, #81b1a5 100%);
    background: -ms-linear-gradient(left, #b0b479 0%, #81b1a5 100%);
    background: linear-gradient(to right, #b0b479 0%, #81b1a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b479', endColorstr='#81b1a5', GradientType=1); }
  #ar2015-strategy-scorecard .grey-box {
    background: #f0f0f0;
    padding: 15px 25px 20px;
    position: relative;
    font-size: 22px;
    margin-bottom: 30px; }
  #ar2015-strategy-scorecard .grey-box:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f0f0f0;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    content: ''; }
  #ar2015-strategy-scorecard .grey-box a {
    text-decoration: none; }
  #ar2015-strategy-scorecard .grey-box p {
    line-height: 1.1;
    font-size: 22px; }
  #ar2015-strategy-scorecard .grey-box p.long {
    height: 125px; }
  #ar2015-strategy-scorecard .grey-box p.medium {
    height: 45px; }
  #ar2015-strategy-scorecard .grey-box h3 {
    font-size: 38px;
    margin-top: 10px;
    font-weight: 700;
    line-height: 1.1;
    height: 80px; }
  #ar2015-strategy-scorecard .grey-box .fa {
    display: block;
    text-align: center;
    font-size: 40px; }
  #ar2015-strategy-scorecard .grey-box button {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-top: 10px;
    width: 100%;
    outline: none; }
  #ar2015-strategy-scorecard .grey-box-yellow h3, #ar2015-strategy-scorecard .grey-box-yellow .fa {
    color: #dcb539; }
  #ar2015-strategy-scorecard .grey-box-green h3, #ar2015-strategy-scorecard .grey-box-green .fa {
    color: #98b390; }
  #ar2015-strategy-scorecard .grey-box-blue h3, #ar2015-strategy-scorecard .grey-box-blue .fa {
    color: #0ab0dc; }
  #ar2015-strategy-scorecard .grey-box img {
    display: block;
    margin: 0 auto 10px; }
  #ar2015-strategy-scorecard .grey-box.grey-box-2 {
    background: #e7e7e8;
    margin-top: 30px; }
  #ar2015-strategy-scorecard .grey-box.grey-box-2:before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #f0f0f0;
    left: 25%;
    top: -15px;
    margin-left: 0; }
  #ar2015-strategy-scorecard .grey-box.grey-box-2 p {
    height: 240px; }
  #ar2015-strategy-scorecard .grey-box.grey-box-3 {
    margin-top: 30px;
    padding: 0; }
  #ar2015-strategy-scorecard .grey-box.grey-box-3:before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #e7e7e8;
    left: auto;
    right: 25%;
    top: -15px;
    margin-left: 0; }
  #ar2015-strategy-scorecard .grey-box.grey-box-3 .row-1 {
    background: #e7e7e8;
    padding: 15px; }
  #ar2015-strategy-scorecard .grey-box.grey-box-3 .row-2 {
    background: #f7f8f8;
    padding: 15px; }
  #ar2015-strategy-scorecard .grey-box.grey-box-3 .arrow {
    padding-top: 50px; }
  #ar2015-strategy-scorecard .grey-box.grey-box-3 .arrow img {
    width: 100%; }
  #ar2015-strategy-scorecard .grey-box.grey-box-3 .arrow .mobile-img {
    display: none;
    width: auto; }
  #ar2015-strategy-scorecard span.desktop-only,
  #ar2015-strategy-scorecard button.btn-viewchart,
  #ar2015-strategy-scorecard div.viewchart {
    display: none; }
  #ar2015-strategy-scorecard div#risksmits {
    display: none;
    float: none;
    margin-bottom: 30px; }
  #ar2015-strategy-scorecard button#backtostart {
    display: block; }
  #ar2015-strategy-scorecard p.sigfile {
    text-align: center; }
  @media only screen and (max-width: 480px) {
    #ar2015-strategy-scorecard {
      /*div.scrcrdpanel section button.btn-action {padding:7px 0 18px;width:275px;font-size:18px;}*/ }
      #ar2015-strategy-scorecard div#carouselnav {
        display: none !important; }
      #ar2015-strategy-scorecard div.sc_3_panel {
        float: none;
        display: inline-block;
        margin: 10px;
        text-align: left; }
      #ar2015-strategy-scorecard .btn-backtostart {
        float: none;
        display: block;
        margin: 0; }
      #ar2015-strategy-scorecard .desktop-only {
        display: none !important; }
      #ar2015-strategy-scorecard .sc_3_panel {
        margin: 0 !important; }
      #ar2015-strategy-scorecard .wide-for-iphone {
        width: 100%;
        float: none;
        padding-bottom: 200px; } }
  #ar2015-strategy-scorecard span.clabel {
    display: inline-block; }
  @media only screen and (max-width: 1125px) {
    #ar2015-strategy-scorecard span.clabel {
      display: none !important; }
    #ar2015-strategy-scorecard div#carouselnav div:hover {
      text-decoration: none !important; } }
  #ar2015-strategy-scorecard body.isiPad .not-iPad {
    display: none !important; }
  #ar2015-strategy-scorecard body.isiPhone .wide-for-iphone {
    width: 100%;
    float: none;
    margin-left: 0; }
  #ar2015-strategy-scorecard div#wwidth {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    z-index: 9999;
    font-size: 10px;
    opacity: 0.4; }
  #ar2015-strategy-scorecard .fuchsia {
    border: 1px solid fuchsia; }
  @media only screen and (max-width: 1279px) {
    #ar2015-strategy-scorecard div#sc-start section h1 {
      font-size: 50px;
      line-height: 45px;
      width: 338px;
      height: 338px;
      margin-left: -169px; }
    #ar2015-strategy-scorecard div.scrcrdpanel section button.btn-action {
      top: 340px; }
    #ar2015-strategy-scorecard .grey-box {
      padding: 15px 15px 20px; }
    #ar2015-strategy-scorecard div#sc-investment .grey-box p.long {
      height: 75px; }
    #ar2015-strategy-scorecard div#sc-fy15progress .grey-box {
      height: 580px; }
    #ar2015-strategy-scorecard .sc-circle-lrg {
      margin-bottom: 25px; }
    #ar2015-strategy-scorecard div#sc-fy16expects #fy16-txt .grey-box {
      height: 470px; } }
  @media only screen and (max-width: 1023px) {
    #ar2015-strategy-scorecard div#sc-start {
      padding-top: 0; }
    #ar2015-strategy-scorecard div#sc-start section h1 {
      top: 110px; }
    #ar2015-strategy-scorecard div#sc-start section .sc-circle {
      font-size: 14px;
      padding-top: 5px; }
    #ar2015-strategy-scorecard div#sc-start section #circle-fy15 {
      top: 30%;
      left: 16%;
      width: 88px;
      height: 88px;
      margin-left: -44px;
      margin-top: -44px; }
    #ar2015-strategy-scorecard div#sc-start section #circle-5y {
      top: 43%;
      right: 12%;
      width: 88px;
      height: 88px;
      margin-left: -44px;
      margin-top: -44px; }
    #ar2015-strategy-scorecard div#sc-start section #circle-ip {
      bottom: 0;
      left: 42%;
      width: 88px;
      height: 88px;
      margin-left: -44px;
      margin-top: -44px; }
    #ar2015-strategy-scorecard div#sc-start section #circle-fy16 {
      top: 8%;
      left: 55%;
      width: 88px;
      height: 88px;
      margin-left: -44px;
      margin-top: -44px; }
    #ar2015-strategy-scorecard div.scrcrdpanel section button.btn-action {
      top: 280px;
      padding: 0;
      border: none !important; }
    #ar2015-strategy-scorecard .grey-box h3, #ar2015-strategy-scorecard div#sc-investment .grey-box p.long, #ar2015-strategy-scorecard .grey-box p.long, #ar2015-strategy-scorecard div#sc-fy15progress .grey-box, #ar2015-strategy-scorecard .grey-box.grey-box-2 p {
      height: auto; }
    #ar2015-strategy-scorecard div.flowlines, #ar2015-strategy-scorecard .grey-box .fa, #ar2015-strategy-scorecard .desktop-only {
      display: none !important; }
    #ar2015-strategy-scorecard div#sc-investment {
      padding-top: 50px;
      padding-bottom: 140px; }
    #ar2015-strategy-scorecard div#sc-fiveyearplan, #ar2015-strategy-scorecard div#sc-fiveyearplan, #ar2015-strategy-scorecard div#sc-fy15progress, #ar2015-strategy-scorecard div#sc-fy16expects {
      padding: 110px 0 150px; }
    #ar2015-strategy-scorecard div#sc-fy16expects .tab-content-desktop {
      display: none; }
    #ar2015-strategy-scorecard div#sc-fy16expects .tab-content-mobile {
      display: block; }
    #ar2015-strategy-scorecard div#sc-fy16expects .tab-content-mobile li a {
      height: auto;
      padding: 15px 0; }
    #ar2015-strategy-scorecard div#sc-fy16expects .tab-content-mobile li.tab-link2 a {
      border: none;
      color: #fff;
      background: #95b393;
      background: -moz-linear-gradient(left, #95b393 0%, #0cb0db 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95b393), color-stop(100%, #0cb0db));
      background: -webkit-linear-gradient(left, #95b393 0%, #0cb0db 100%);
      background: -o-linear-gradient(left, #95b393 0%, #0cb0db 100%);
      background: -ms-linear-gradient(left, #95b393 0%, #0cb0db 100%);
      background: linear-gradient(to right, #95b393 0%, #0cb0db 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95b393', endColorstr='#0cb0db', GradientType=1); }
    #ar2015-strategy-scorecard .grey-box.grey-box-2:before {
      left: 50%;
      margin-left: -7px; }
    #ar2015-strategy-scorecard .grey-box.grey-box-3:before {
      left: 50%;
      right: auto;
      margin-left: -7px; }
    #ar2015-strategy-scorecard .grey-box.grey-box-3 .arrow {
      padding-top: 0; }
    #ar2015-strategy-scorecard .grey-box.grey-box-3 .arrow .desktop-img {
      display: none; }
    #ar2015-strategy-scorecard .grey-box.grey-box-3 .arrow .mobile-img {
      display: block; }
    #ar2015-strategy-scorecard .imgholder .imgholder-inner {
      padding: 0; }
    #ar2015-strategy-scorecard .imgholder {
      padding: 20px; } }
  @media only screen and (max-width: 767px) {
    #ar2015-strategy-scorecard div#sc-start section {
      height: 430px;
      background: url(/Content/img/ar2015/strat-score-mobile.png) no-repeat center 0; }
    #ar2015-strategy-scorecard div#sc-start section img {
      display: none; }
    #ar2015-strategy-scorecard div#sc-start section h1 {
      font-size: 40px;
      line-height: 35px;
      width: 240px;
      height: 240px;
      top: 90px;
      margin-left: -120px; }
    #ar2015-strategy-scorecard div.scrcrdpanel section button.btn-action {
      top: 230px;
      height: 60px; }
    #ar2015-strategy-scorecard .imgholder img {
      width: 100%; } }
  @media only screen and (max-width: 639px) {
    #ar2015-strategy-scorecard div#sc-start section .sc-circle {
      display: none; }
    #ar2015-strategy-scorecard .review ul {
      margin: 30px -15px; }
    #ar2015-strategy-scorecard .review li a {
      height: 54px;
      line-height: 48px;
      font-size: 16px; }
    #ar2015-strategy-scorecard .review li.active a, #ar2015-strategy-scorecard .review li a:hover {
      line-height: 54px;
      height: 54px; }
    #ar2015-strategy-scorecard #btm-btns {
      width: 280px; }
      #ar2015-strategy-scorecard #btm-btns .btn-next {
        width: 110px;
        height: 110px;
        font-size: 16px;
        padding: 10px; }
        #ar2015-strategy-scorecard #btm-btns .btn-next span {
          padding: 0; }
          #ar2015-strategy-scorecard #btm-btns .btn-next span.page-title {
            width: auto;
            margin: 0; } }
  #ar2015-strategy-scorecard .full-width {
    width: 100%; }

.related-content-item-widget-row {
  margin-left: -30px;
  margin-right: -30px;
  /*margin-top: -19px;*/
  justify-content: center;
  display: flex; }
  @media only screen and (max-width: 768px) {
    .related-content-item-widget-row {
      display: block; } }
  .related-content-item-widget-row:first-child {
    margin-top: 11px; }
  .related-content-item-widget-row .widget {
    padding: 0 10px;
    margin: 0 0 30px 0;
    min-height: 225px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
    .related-content-item-widget-row .widget h4 {
      margin-top: 0;
      padding: 8px 5px;
      border-bottom: 1px solid #c1c1c1; }
    .related-content-item-widget-row .widget ul.related-links {
      margin: 0;
      padding-bottom: 10px; }
      .related-content-item-widget-row .widget ul.related-links li.download-link {
        border-bottom: 1px solid #c1c1c1;
        padding: 0; }
        .related-content-item-widget-row .widget ul.related-links li.download-link a {
          padding: 11px 5px; }
          .related-content-item-widget-row .widget ul.related-links li.download-link a .fa {
            right: 5px;
            top: 15px; }
  .related-content-item-widget-row .webcast-widget h4 {
    margin-top: 0;
    padding: 8px 5px 8px 15px;
    border-bottom: none; }
  .related-content-item-widget-row .webcast-widget table {
    width: 100%;
    margin-bottom: 20px; }
    .related-content-item-widget-row .webcast-widget table tr td {
      text-align: center;
      border-bottom: none;
      width: 50%;
      padding: 16px 0 10px 0; }
      .related-content-item-widget-row .webcast-widget table tr td.b-btm {
        border-bottom: 1px solid #c1c1c1;
        padding: 10px 0 16px 0; }
      .related-content-item-widget-row .webcast-widget table tr td.b-right {
        border-right: 1px solid #c1c1c1; }
      .related-content-item-widget-row .webcast-widget table tr td .fa {
        font-size: 35px; }
      .related-content-item-widget-row .webcast-widget table tr td .lbl {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px; }
  .related-content-item-widget-row .video-widget, .related-content-item-widget-row .image-widget {
    padding: 0;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .related-content-item-widget-row .video-widget .image-holder .img-responsive, .related-content-item-widget-row .image-widget .image-holder .img-responsive {
      margin: 0 auto; }
    .related-content-item-widget-row .video-widget h4, .related-content-item-widget-row .image-widget h4 {
      margin-top: 0;
      border-bottom: none;
      padding: 8px 10px 8px 15px; }
      @media only screen and (max-width: 991px) {
        .related-content-item-widget-row .video-widget h4, .related-content-item-widget-row .image-widget h4 {
          padding: 8px 8px 8px 8px; } }
    .related-content-item-widget-row .video-widget:hover, .related-content-item-widget-row .image-widget:hover {
      background-color: #0d386c !important;
      background-image: none !important; }
      .related-content-item-widget-row .video-widget:hover img, .related-content-item-widget-row .image-widget:hover img {
        visibility: hidden; }
      .related-content-item-widget-row .video-widget:hover h4, .related-content-item-widget-row .image-widget:hover h4 {
        color: #fff; }

.KnowledgeVisionEmbeddedContent-container {
  position: relative;
  min-height: 365px;
  min-width: 284px; }
  .KnowledgeVisionEmbeddedContent-container .webcast-loading {
    width: 365px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    z-index: -5; }
    .KnowledgeVisionEmbeddedContent-container .webcast-loading img {
      margin-left: 32px;
      margin-top: 20px;
      width: 58px;
      height: 58px; }
    .KnowledgeVisionEmbeddedContent-container .webcast-loading h2 {
      padding-top: 35px; }
    .KnowledgeVisionEmbeddedContent-container .webcast-loading p {
      font: 400 17px/30px Roboto, Helvetica, Helvetica Neue, Arial, sans-serif;
      padding: 0 0 23px; }
  .KnowledgeVisionEmbeddedContent-container .KnowledgeVisionEmbeddedContent {
    position: absolute;
    top: 0;
    z-index: 10; }

#back-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
  width: 133px;
  height: 135px;
  text-align: center;
  color: #444;
  cursor: pointer;
  border: none;
  text-decoration: none;
  opacity: 0;
  background: url(/Content/img/back-to-top-button-transparent.png) no-repeat center 0 !important;
  width: 81px;
  height: 66px; }
  #back-to-top:hover {
    background: url(/Content/img/back-to-top-button-hover-transparent.png) no-repeat center 0 !important;
    width: 81px;
    height: 66px; }
  #back-to-top.show {
    opacity: 1; }

@media only screen and (max-width: 1024px) {
  .image-holder .link-text, .text-holder .link-text {
    width: 80%; } }

.aside-holder .link .fa-cloud-download, .image-block .link .fa-cloud-download {
  font-size: 28px;
  padding-top: 5px; }

.page-sustainability-case-studies {
  /*end companygroup-icon*/ }
  .page-sustainability-case-studies #main {
    background: #F2FDF5; }
  .page-sustainability-case-studies .jcf-option-region-icon,
  .page-sustainability-case-studies .jcf-option-country-icon {
    padding-left: 26px;
    position: relative;
    height: 30px;
    line-height: 10px; }
    .page-sustainability-case-studies .jcf-option-region-icon:before,
    .page-sustainability-case-studies .jcf-option-country-icon:before {
      border: 1px solid #005696;
      border-radius: 50%;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      position: absolute;
      left: 18px;
      top: 10px; }
    .page-sustainability-case-studies .jcf-option-region-icon:after,
    .page-sustainability-case-studies .jcf-option-country-icon:after {
      background: #005696;
      border-radius: 50%;
      content: "";
      width: 17px;
      height: 17px;
      display: none;
      position: absolute;
      left: 20px;
      top: 12px; }
    .page-sustainability-case-studies .jcf-option-region-icon:before,
    .page-sustainability-case-studies .jcf-option-country-icon:before {
      left: 0;
      top: 0; }
    .page-sustainability-case-studies .jcf-option-region-icon:after,
    .page-sustainability-case-studies .jcf-option-country-icon:after {
      display: block;
      left: 2px;
      top: 2px; }
  .page-sustainability-case-studies .jcf-option-region-icon-Brambles,
  .page-sustainability-case-studies .jcf-option-country-icon-Brambles {
    padding-left: 26px;
    position: relative;
    height: 30px;
    line-height: 10px; }
    .page-sustainability-case-studies .jcf-option-region-icon-Brambles:before,
    .page-sustainability-case-studies .jcf-option-country-icon-Brambles:before {
      border: 1px solid #255494;
      border-radius: 50%;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      position: absolute;
      left: 18px;
      top: 10px; }
    .page-sustainability-case-studies .jcf-option-region-icon-Brambles:after,
    .page-sustainability-case-studies .jcf-option-country-icon-Brambles:after {
      background: #255494;
      border-radius: 50%;
      content: "";
      width: 17px;
      height: 17px;
      display: none;
      position: absolute;
      left: 20px;
      top: 12px; }
    .page-sustainability-case-studies .jcf-option-region-icon-Brambles:before,
    .page-sustainability-case-studies .jcf-option-country-icon-Brambles:before {
      left: 0;
      top: 0; }
    .page-sustainability-case-studies .jcf-option-region-icon-Brambles:after,
    .page-sustainability-case-studies .jcf-option-country-icon-Brambles:after {
      display: block;
      left: 2px;
      top: 2px; }
  .page-sustainability-case-studies .jcf-option-region-icon-IFCO,
  .page-sustainability-case-studies .jcf-option-country-icon-IFCO {
    padding-left: 26px;
    position: relative;
    height: 30px;
    line-height: 10px; }
    .page-sustainability-case-studies .jcf-option-region-icon-IFCO:before,
    .page-sustainability-case-studies .jcf-option-country-icon-IFCO:before {
      border: 1px solid #029258;
      border-radius: 50%;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      position: absolute;
      left: 18px;
      top: 10px; }
    .page-sustainability-case-studies .jcf-option-region-icon-IFCO:after,
    .page-sustainability-case-studies .jcf-option-country-icon-IFCO:after {
      background: #029258;
      border-radius: 50%;
      content: "";
      width: 17px;
      height: 17px;
      display: none;
      position: absolute;
      left: 20px;
      top: 12px; }
    .page-sustainability-case-studies .jcf-option-region-icon-IFCO:before,
    .page-sustainability-case-studies .jcf-option-country-icon-IFCO:before {
      left: 0;
      top: 0; }
    .page-sustainability-case-studies .jcf-option-region-icon-IFCO:after,
    .page-sustainability-case-studies .jcf-option-country-icon-IFCO:after {
      display: block;
      left: 2px;
      top: 2px; }
  .page-sustainability-case-studies .jcf-option-region-icon-Kegstar,
  .page-sustainability-case-studies .jcf-option-country-icon-Kegstar {
    padding-left: 26px;
    position: relative;
    height: 30px;
    line-height: 10px; }
    .page-sustainability-case-studies .jcf-option-region-icon-Kegstar:before,
    .page-sustainability-case-studies .jcf-option-country-icon-Kegstar:before {
      border: 1px solid #000000;
      border-radius: 50%;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      position: absolute;
      left: 18px;
      top: 10px; }
    .page-sustainability-case-studies .jcf-option-region-icon-Kegstar:after,
    .page-sustainability-case-studies .jcf-option-country-icon-Kegstar:after {
      background: #000000;
      border-radius: 50%;
      content: "";
      width: 17px;
      height: 17px;
      display: none;
      position: absolute;
      left: 20px;
      top: 12px; }
    .page-sustainability-case-studies .jcf-option-region-icon-Kegstar:before,
    .page-sustainability-case-studies .jcf-option-country-icon-Kegstar:before {
      left: 0;
      top: 0; }
    .page-sustainability-case-studies .jcf-option-region-icon-Kegstar:after,
    .page-sustainability-case-studies .jcf-option-country-icon-Kegstar:after {
      display: block;
      left: 2px;
      top: 2px; }
  .page-sustainability-case-studies .jcf-option-region-icon-BXBDigital,
  .page-sustainability-case-studies .jcf-option-country-icon-BXBDigital {
    padding-left: 26px;
    position: relative;
    height: 30px;
    line-height: 10px; }
    .page-sustainability-case-studies .jcf-option-region-icon-BXBDigital:before,
    .page-sustainability-case-studies .jcf-option-country-icon-BXBDigital:before {
      border: 1px solid #00aee8;
      border-radius: 50%;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      position: absolute;
      left: 18px;
      top: 10px; }
    .page-sustainability-case-studies .jcf-option-region-icon-BXBDigital:after,
    .page-sustainability-case-studies .jcf-option-country-icon-BXBDigital:after {
      background: #00aee8;
      border-radius: 50%;
      content: "";
      width: 17px;
      height: 17px;
      display: none;
      position: absolute;
      left: 20px;
      top: 12px; }
    .page-sustainability-case-studies .jcf-option-region-icon-BXBDigital:before,
    .page-sustainability-case-studies .jcf-option-country-icon-BXBDigital:before {
      left: 0;
      top: 0; }
    .page-sustainability-case-studies .jcf-option-region-icon-BXBDigital:after,
    .page-sustainability-case-studies .jcf-option-country-icon-BXBDigital:after {
      display: block;
      left: 2px;
      top: 2px; }
  .page-sustainability-case-studies .jcf-option-region-icon-CHEP,
  .page-sustainability-case-studies .jcf-option-country-icon-CHEP {
    padding-left: 26px;
    position: relative;
    height: 30px;
    line-height: 10px; }
    .page-sustainability-case-studies .jcf-option-region-icon-CHEP:before,
    .page-sustainability-case-studies .jcf-option-country-icon-CHEP:before {
      border: 1px solid #0077c7;
      border-radius: 50%;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      position: absolute;
      left: 18px;
      top: 10px; }
    .page-sustainability-case-studies .jcf-option-region-icon-CHEP:after,
    .page-sustainability-case-studies .jcf-option-country-icon-CHEP:after {
      background: #0077c7;
      border-radius: 50%;
      content: "";
      width: 17px;
      height: 17px;
      display: none;
      position: absolute;
      left: 20px;
      top: 12px; }
    .page-sustainability-case-studies .jcf-option-region-icon-CHEP:before,
    .page-sustainability-case-studies .jcf-option-country-icon-CHEP:before {
      left: 0;
      top: 0; }
    .page-sustainability-case-studies .jcf-option-region-icon-CHEP:after,
    .page-sustainability-case-studies .jcf-option-country-icon-CHEP:after {
      display: block;
      left: 2px;
      top: 2px; }
  .page-sustainability-case-studies .jcf-option-better-planet {
    padding-left: 26px;
    position: relative;
    height: 30px;
    line-height: 10px; }
    .page-sustainability-case-studies .jcf-option-better-planet:before {
      background: url("/Content/img/better-planet-icon.png") no-repeat center center;
      content: "\0020";
      position: absolute;
      top: 0;
      left: 0;
      width: 21px;
      height: 21px; }
  .page-sustainability-case-studies .jcf-option-better-business {
    padding-left: 26px;
    position: relative;
    height: 30px;
    line-height: 10px; }
    .page-sustainability-case-studies .jcf-option-better-business:before {
      background-image: url("/Content/img/better-business-icon.png");
      content: "\0020";
      position: absolute;
      top: 0;
      left: 0;
      width: 21px;
      height: 21px; }
  .page-sustainability-case-studies .jcf-option-better-communities {
    padding-left: 26px;
    position: relative;
    height: 30px;
    line-height: 10px; }
    .page-sustainability-case-studies .jcf-option-better-communities:before {
      background-image: url("/Content/img/better-communities-icon.png");
      content: "\0020";
      position: absolute;
      top: 0;
      left: 0;
      width: 21px;
      height: 21px; }
  .page-sustainability-case-studies li [data-index^="0"] {
    display: none !important; }
    .page-sustainability-case-studies li [data-index^="0"].case-study-item {
      display: block !important; }
  .page-sustainability-case-studies li .jcf-option {
    line-height: 20px;
    height: 40px;
    padding-left: 47px;
    padding-top: 10px;
    padding-bottom: 10px; }
  .page-sustainability-case-studies li .jcf-option-region-icon,
  .page-sustainability-case-studies li .jcf-option-country-icon {
    position: relative; }
    .page-sustainability-case-studies li .jcf-option-region-icon:before,
    .page-sustainability-case-studies li .jcf-option-country-icon:before {
      border: 1px solid #005696;
      border-radius: 50%;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      position: absolute;
      left: 18px;
      top: 10px; }
    .page-sustainability-case-studies li .jcf-option-region-icon:after,
    .page-sustainability-case-studies li .jcf-option-country-icon:after {
      background: #005696;
      border-radius: 50%;
      content: "";
      width: 17px;
      height: 17px;
      display: none;
      position: absolute;
      left: 20px;
      top: 12px; }
    .page-sustainability-case-studies li .jcf-option-region-icon:hover:after, .page-sustainability-case-studies li .jcf-option-region-icon.jcf-selected:after,
    .page-sustainability-case-studies li .jcf-option-country-icon:hover:after,
    .page-sustainability-case-studies li .jcf-option-country-icon.jcf-selected:after {
      display: block; }
  .page-sustainability-case-studies li .jcf-option-region-icon-Brambles,
  .page-sustainability-case-studies li .jcf-option-country-icon-Brambles {
    position: relative; }
    .page-sustainability-case-studies li .jcf-option-region-icon-Brambles:before,
    .page-sustainability-case-studies li .jcf-option-country-icon-Brambles:before {
      border: 1px solid #255494;
      border-radius: 50%;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      position: absolute;
      left: 18px;
      top: 10px; }
    .page-sustainability-case-studies li .jcf-option-region-icon-Brambles:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-Brambles:after {
      background: #255494;
      border-radius: 50%;
      content: "";
      width: 17px;
      height: 17px;
      display: none;
      position: absolute;
      left: 20px;
      top: 12px; }
    .page-sustainability-case-studies li .jcf-option-region-icon-Brambles:hover:after, .page-sustainability-case-studies li .jcf-option-region-icon-Brambles.jcf-selected:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-Brambles:hover:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-Brambles.jcf-selected:after {
      display: block; }
  .page-sustainability-case-studies li .jcf-option-region-icon-CHEP,
  .page-sustainability-case-studies li .jcf-option-country-icon-CHEP {
    position: relative; }
    .page-sustainability-case-studies li .jcf-option-region-icon-CHEP:before,
    .page-sustainability-case-studies li .jcf-option-country-icon-CHEP:before {
      border: 1px solid #0077c7;
      border-radius: 50%;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      position: absolute;
      left: 18px;
      top: 10px; }
    .page-sustainability-case-studies li .jcf-option-region-icon-CHEP:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-CHEP:after {
      background: #0077c7;
      border-radius: 50%;
      content: "";
      width: 17px;
      height: 17px;
      display: none;
      position: absolute;
      left: 20px;
      top: 12px; }
    .page-sustainability-case-studies li .jcf-option-region-icon-CHEP:hover:after, .page-sustainability-case-studies li .jcf-option-region-icon-CHEP.jcf-selected:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-CHEP:hover:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-CHEP.jcf-selected:after {
      display: block; }
  .page-sustainability-case-studies li .jcf-option-region-icon-IFCO,
  .page-sustainability-case-studies li .jcf-option-country-icon-IFCO {
    position: relative; }
    .page-sustainability-case-studies li .jcf-option-region-icon-IFCO:before,
    .page-sustainability-case-studies li .jcf-option-country-icon-IFCO:before {
      border: 1px solid #029258;
      border-radius: 50%;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      position: absolute;
      left: 18px;
      top: 10px; }
    .page-sustainability-case-studies li .jcf-option-region-icon-IFCO:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-IFCO:after {
      background: #029258;
      border-radius: 50%;
      content: "";
      width: 17px;
      height: 17px;
      display: none;
      position: absolute;
      left: 20px;
      top: 12px; }
    .page-sustainability-case-studies li .jcf-option-region-icon-IFCO:hover:after, .page-sustainability-case-studies li .jcf-option-region-icon-IFCO.jcf-selected:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-IFCO:hover:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-IFCO.jcf-selected:after {
      display: block; }
  .page-sustainability-case-studies li .jcf-option-region-icon-Kegstar,
  .page-sustainability-case-studies li .jcf-option-country-icon-Kegstar {
    position: relative; }
    .page-sustainability-case-studies li .jcf-option-region-icon-Kegstar:before,
    .page-sustainability-case-studies li .jcf-option-country-icon-Kegstar:before {
      border: 1px solid #000000;
      border-radius: 50%;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      position: absolute;
      left: 18px;
      top: 10px; }
    .page-sustainability-case-studies li .jcf-option-region-icon-Kegstar:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-Kegstar:after {
      background: #000000;
      border-radius: 50%;
      content: "";
      width: 17px;
      height: 17px;
      display: none;
      position: absolute;
      left: 20px;
      top: 12px; }
    .page-sustainability-case-studies li .jcf-option-region-icon-Kegstar:hover:after, .page-sustainability-case-studies li .jcf-option-region-icon-Kegstar.jcf-selected:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-Kegstar:hover:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-Kegstar.jcf-selected:after {
      display: block; }
  .page-sustainability-case-studies li .jcf-option-region-icon-BXBDigital,
  .page-sustainability-case-studies li .jcf-option-country-icon-BXBDigital {
    position: relative; }
    .page-sustainability-case-studies li .jcf-option-region-icon-BXBDigital:before,
    .page-sustainability-case-studies li .jcf-option-country-icon-BXBDigital:before {
      border: 1px solid #00aee8;
      border-radius: 50%;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      position: absolute;
      left: 18px;
      top: 10px; }
    .page-sustainability-case-studies li .jcf-option-region-icon-BXBDigital:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-BXBDigital:after {
      background: #00aee8;
      border-radius: 50%;
      content: "";
      width: 17px;
      height: 17px;
      display: none;
      position: absolute;
      left: 20px;
      top: 12px; }
    .page-sustainability-case-studies li .jcf-option-region-icon-BXBDigital:hover:after, .page-sustainability-case-studies li .jcf-option-region-icon-BXBDigital.jcf-selected:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-BXBDigital:hover:after,
    .page-sustainability-case-studies li .jcf-option-country-icon-BXBDigital.jcf-selected:after {
      display: block; }
  .page-sustainability-case-studies li .jcf-option-better-framework:before,
  .page-sustainability-case-studies li .jcf-option-better-planet:before,
  .page-sustainability-case-studies li .jcf-option-better-business:before,
  .page-sustainability-case-studies li .jcf-option-better-communities:before {
    left: 17px;
    top: 10px; }
  .page-sustainability-case-studies li .jcf-option-better-framework {
    padding-left: 18px; }

#sustainability-case-studies[data-show="map"] #list-filters {
  margin: 0; }
  @media screen and (max-width: 768px) {
    #sustainability-case-studies[data-show="map"] #list-filters > div {
      padding: 0;
      width: 100%; } }
  #sustainability-case-studies[data-show="map"] #list-filters > div:first-child {
    padding-left: 0; }
  #sustainability-case-studies[data-show="map"] #list-filters > div:last-child {
    padding-right: 0; }

#sustainability-case-studies[data-show="map"] [for="list-filters"] {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  padding-left: 15px;
  margin: 20px 0; }
  @media screen and (max-width: 500px) {
    #sustainability-case-studies[data-show="map"] [for="list-filters"] {
      padding-left: 0; } }

#sustainability-case-studies[data-show="map"] #case-study-list {
  clear: both;
  padding-bottom: 40px; }
  #sustainability-case-studies[data-show="map"] #case-study-list .case-study-item:first-child .case-study-list-item {
    border-top: 1px solid #d5dee2; }
  #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #d5dee2;
    padding: 20px 0;
    position: relative; }
    @media screen and (max-width: 768px) {
      #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item {
        padding: 35px 0; } }
    #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-date,
    #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-title,
    #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-location,
    #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-framework {
      padding-left: 30px; }
      #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-date:first-child,
      #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-title:first-child,
      #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-location:first-child,
      #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-framework:first-child {
        padding-left: 15px; }
        @media screen and (max-width: 768px) {
          #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-date:first-child,
          #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-title:first-child,
          #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-location:first-child,
          #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-framework:first-child {
            padding-left: 30px; } }
    #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-date,
    #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-title,
    #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-location,
    #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-framework {
      color: #00508f;
      font-size: 17px;
      font-family: "Roboto", sans-serif;
      line-height: 24px;
      margin: 0; }
    #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-date {
      color: #a6abae;
      font-size: 15px; }
    @media screen and (max-width: 768px) {
      #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-date {
        font-size: 14px;
        position: absolute;
        bottom: 10px; } }
    @media screen and (max-width: 768px) {
      #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-location {
        font-size: 14px;
        position: absolute;
        top: 10px; } }
    #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-framework {
      font-size: 14px;
      padding-left: 60px; }
      #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-framework:before {
        background: url("/Content/img/better-planet-icon.png") no-repeat center center;
        content: "\0020";
        position: absolute;
        top: 0;
        left: 30px;
        width: 21px;
        height: 21px; }
      #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-framework[data-framework-id="1"]:before {
        background-image: url("/Content/img/better-planet-icon.png"); }
      #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-framework[data-framework-id="2"]:before {
        background-image: url("/Content/img/better-business-icon.png"); }
      #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-framework[data-framework-id="3"]:before {
        background-image: url("/Content/img/better-communities-icon.png"); }
      @media screen and (max-width: 768px) {
        #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-framework {
          position: absolute;
          padding: 0 0 0 25px;
          overflow: hidden;
          width: 24px;
          white-space: nowrap;
          top: 50%;
          left: 0;
          transform: translateY(-50%); }
          #sustainability-case-studies[data-show="map"] #case-study-list .case-study-list-item .list-item-framework:before {
            left: 0; } }
  #sustainability-case-studies[data-show="map"] #case-study-list .case-study-grid-item-wrap {
    display: none; }

#sustainability-case-studies[data-show="map"] #pagination {
  display: none; }

#sustainability-case-studies[data-show="grid"] #map-container,
#sustainability-case-studies[data-show="grid"] [for="list-filters"],
#sustainability-case-studies[data-show="grid"] #list-filters {
  position: absolute !important;
  left: -200%; }

#sustainability-case-studies[data-show="grid"] #case-study-list {
  margin-left: -15px;
  margin-right: -15px; }
  #sustainability-case-studies[data-show="grid"] #case-study-list .case-study-list-item {
    display: none; }
  #sustainability-case-studies[data-show="grid"] #case-study-list .case-study-grid-item-wrap {
    display: block; }

#sustainability-case-studies #pagination {
  overflow: hidden;
  clear: both; }
  #sustainability-case-studies #pagination ul {
    list-style: none outside;
    text-align: center;
    position: relative; }
    #sustainability-case-studies #pagination ul li {
      background: #fff;
      color: #3b87e5;
      display: inline-block;
      border: 1px solid #d5dee2;
      font-size: 15px;
      font-weight: 500; }
      #sustainability-case-studies #pagination ul li a, #sustainability-case-studies #pagination ul li span {
        font-weight: 500;
        display: block;
        padding: 6px 14px 8px 14px; }
      #sustainability-case-studies #pagination ul li:hover, #sustainability-case-studies #pagination ul li:active, #sustainability-case-studies #pagination ul li:focus, #sustainability-case-studies #pagination ul li.active {
        background: #3b87e5;
        color: #fff; }
        #sustainability-case-studies #pagination ul li:hover a, #sustainability-case-studies #pagination ul li:active a, #sustainability-case-studies #pagination ul li:focus a, #sustainability-case-studies #pagination ul li.active a {
          color: #ffffff; }
      #sustainability-case-studies #pagination ul li:first-child, #sustainability-case-studies #pagination ul li:last-child {
        position: absolute;
        text-transform: uppercase; }
        #sustainability-case-studies #pagination ul li:first-child.disabled, #sustainability-case-studies #pagination ul li:last-child.disabled {
          background: transparent;
          color: #222; }
      #sustainability-case-studies #pagination ul li:first-child {
        left: 0; }
      #sustainability-case-studies #pagination ul li:last-child {
        right: 0; }

#sustainability-case-studies .case-study-grid-item {
  background: #ffffff;
  border-bottom: 4px solid #333;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative; }
  #sustainability-case-studies .case-study-grid-item .btn-play-video-container {
    padding-left: 30px;
    padding-right: 7px; }
    #sustainability-case-studies .case-study-grid-item .btn-play-video-container .btn-play-video {
      color: #ffffff;
      font-size: 12px;
      padding: 0.28rem;
      width: 100%;
      display: inline-block;
      text-align: center;
      text-transform: uppercase; }
      #sustainability-case-studies .case-study-grid-item .btn-play-video-container .btn-play-video img {
        width: 13px;
        height: 13px;
        margin-right: 5px; }
      #sustainability-case-studies .case-study-grid-item .btn-play-video-container .btn-play-video[data-framework-id="1"] {
        background: #0d955b; }
      #sustainability-case-studies .case-study-grid-item .btn-play-video-container .btn-play-video[data-framework-id="2"] {
        background: #faba17; }
      #sustainability-case-studies .case-study-grid-item .btn-play-video-container .btn-play-video[data-framework-id="3"] {
        background: #23c3f3; }
  #sustainability-case-studies .case-study-grid-item .btn-read-more-container {
    padding-left: 7px;
    padding-right: 30px; }
    #sustainability-case-studies .case-study-grid-item .btn-read-more-container .btn-read-more {
      color: #ffffff;
      font-size: 12px;
      padding: 0.28rem;
      width: 100%;
      display: inline-block;
      text-align: center;
      text-transform: uppercase; }
      #sustainability-case-studies .case-study-grid-item .btn-read-more-container .btn-read-more[data-framework-id="1"] {
        background: #0d955b; }
      #sustainability-case-studies .case-study-grid-item .btn-read-more-container .btn-read-more[data-framework-id="2"] {
        background: #faba17; }
      #sustainability-case-studies .case-study-grid-item .btn-read-more-container .btn-read-more[data-framework-id="3"] {
        background: #23c3f3; }
  #sustainability-case-studies .case-study-grid-item img {
    object-fit: cover;
    width: 100%; }
  #sustainability-case-studies .case-study-grid-item h2 {
    color: #102b4c;
    font-size: 20px;
    line-height: 24px;
    font-family: "Roboto", sans-serif;
    padding: 15px;
    margin: 0 !important; }
  #sustainability-case-studies .case-study-grid-item h3 {
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    line-height: 20px;
    margin: 0 0 0 20px;
    text-transform: uppercase; }
  #sustainability-case-studies .case-study-grid-item p {
    color: #707071;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    padding-top: 0;
    margin-left: 20px;
    margin-right: 20px; }
  #sustainability-case-studies .case-study-grid-item .read-more {
    color: #102b4c;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-transform: uppercase; }
  #sustainability-case-studies .case-study-grid-item[data-framework-id="1"] {
    border-color: #0d955b; }
    #sustainability-case-studies .case-study-grid-item[data-framework-id="1"] h3 {
      color: #0d955b; }
  #sustainability-case-studies .case-study-grid-item[data-framework-id="2"] {
    border-color: #faba17; }
    #sustainability-case-studies .case-study-grid-item[data-framework-id="2"] h3 {
      color: #faba17; }
  #sustainability-case-studies .case-study-grid-item[data-framework-id="3"] {
    border-color: #23c3f3; }
    #sustainability-case-studies .case-study-grid-item[data-framework-id="3"] h3 {
      color: #23c3f3; }

#sustainability-case-studies .jcf-select {
  width: 100%;
  height: 57px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px; }
  #sustainability-case-studies .jcf-select .jcf-select-opener {
    height: 55px;
    background-image: none !important; }
    #sustainability-case-studies .jcf-select .jcf-select-opener .fa {
      font-size: 20px;
      color: #448ce6;
      padding-right: 20px;
      padding-top: 20px; }

#sustainability-case-studies .heading {
  border-bottom: 1px solid #aaa;
  margin-bottom: 15px; }

#sustainability-case-studies #map-container {
  width: 100%;
  height: 0;
  padding-bottom: 40%;
  position: relative; }
  @media screen and (max-width: 500px) {
    #sustainability-case-studies #map-container {
      padding-bottom: 150%; } }
  #sustainability-case-studies #map-container .loader {
    content: "\0020";
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    border-radius: 40px;
    box-shadow: 0 6px 0 0 #59ebff;
    animation: uil-ring-anim 1s linear infinite; }

@keyframes uil-ring-anim {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#sustainability-case-studies .gm-style-iw {
  width: 241px !important;
  left: 0 !important;
  top: 0 !important; }
  #sustainability-case-studies .gm-style-iw > div {
    max-height: 370px !important;
    overflow-x: hidden !important; }
    #sustainability-case-studies .gm-style-iw > div > div {
      overflow: hidden !important;
      width: 265px !important; }
  #sustainability-case-studies .gm-style-iw .case-study-grid-item {
    width: 91%;
    margin-bottom: 0;
    display: inline-block;
    padding-bottom: 15px; }
    #sustainability-case-studies .gm-style-iw .case-study-grid-item img {
      height: 150px; }
    #sustainability-case-studies .gm-style-iw .case-study-grid-item h2 {
      font-size: 17px;
      line-height: 19px;
      margin: 15px; }
    #sustainability-case-studies .gm-style-iw .case-study-grid-item h3, #sustainability-case-studies .gm-style-iw .case-study-grid-item p {
      font-size: 13px;
      line-height: 18px; }
    #sustainability-case-studies .gm-style-iw .case-study-grid-item p {
      min-height: 45px; }
    #sustainability-case-studies .gm-style-iw .case-study-grid-item .btn-play-video-container {
      padding-left: 30px;
      padding-right: 7px; }
      #sustainability-case-studies .gm-style-iw .case-study-grid-item .btn-play-video-container .btn-play-video {
        color: #ffffff;
        font-size: 12px;
        padding: 7px 0;
        width: 100%;
        display: inline-block;
        text-align: center;
        text-transform: capitalize;
        border-radius: 25px; }
        #sustainability-case-studies .gm-style-iw .case-study-grid-item .btn-play-video-container .btn-play-video img {
          width: 13px;
          height: 13px;
          margin-right: 5px; }
        #sustainability-case-studies .gm-style-iw .case-study-grid-item .btn-play-video-container .btn-play-video[data-framework-id="1"] {
          background: #0d955b; }
        #sustainability-case-studies .gm-style-iw .case-study-grid-item .btn-play-video-container .btn-play-video[data-framework-id="2"] {
          background: #faba17; }
        #sustainability-case-studies .gm-style-iw .case-study-grid-item .btn-play-video-container .btn-play-video[data-framework-id="3"] {
          background: #23c3f3; }
    #sustainability-case-studies .gm-style-iw .case-study-grid-item .btn-read-more-container {
      padding-left: 7px;
      padding-right: 5px; }
      #sustainability-case-studies .gm-style-iw .case-study-grid-item .btn-read-more-container .btn-read-more {
        color: #ffffff;
        font-size: 12px;
        padding: 7px 0;
        width: 80%;
        display: inline-block;
        text-align: center;
        text-transform: capitalize;
        border-radius: 25px; }
        #sustainability-case-studies .gm-style-iw .case-study-grid-item .btn-read-more-container .btn-read-more[data-framework-id="1"] {
          background: #0d955b; }
        #sustainability-case-studies .gm-style-iw .case-study-grid-item .btn-read-more-container .btn-read-more[data-framework-id="2"] {
          background: #faba17; }
        #sustainability-case-studies .gm-style-iw .case-study-grid-item .btn-read-more-container .btn-read-more[data-framework-id="3"] {
          background: #23c3f3; }
  #sustainability-case-studies .gm-style-iw + div {
    right: 15px !important;
    top: 15px !important; }

#sustainability-case-studies .filters .btn {
  background: #ffffff no-repeat center center;
  border-radius: 50px;
  margin-top: 0;
  width: 100%;
  height: 65px;
  color: #448ce6;
  line-height: 68px;
  padding: 0; }
  #sustainability-case-studies .filters .btn:hover, #sustainability-case-studies .filters .btn:focus, #sustainability-case-studies .filters .btn:active, #sustainability-case-studies .filters .btn.active {
    background-color: #f1f3f4; }

#sustainability-case-studies .filters .btn-map {
  background-image: url("/Content/img/case-studies-map-icon.png");
  background-size: auto 60%; }

#sustainability-case-studies .filters .btn-grid {
  background-image: url("/Content/img/case-studies-grid-icon.png");
  background-size: auto 60%; }

@media screen and (max-width: 768px) {
  #sustainability-case-studies .filters .btn-map,
  #sustainability-case-studies .filters .btn-grid,
  #sustainability-case-studies .filters .btn-reset {
    margin-bottom: 15px; } }

@media screen and (max-width: 768px) {
  #sustainability-case-studies .filters .col-sm-4 {
    clear: left; } }

#sustainability-case-studies .filters .btn-sort {
  position: relative; }
  #sustainability-case-studies .filters .btn-sort:after {
    position: absolute;
    top: 6px;
    right: 20px; }
  @media screen and (max-width: 768px) {
    #sustainability-case-studies .filters .btn-sort {
      margin-bottom: 12px; } }

#sustainability-case-studies .filters .btn-sort[data-sort-order="asc"]:after {
  content: "\25B4";
  font-size: 20px; }

#sustainability-case-studies .filters .btn-sort[data-sort-order="desc"]:after {
  content: "\25Be";
  font-size: 20px; }

#sustainability-case-studies .filters .filters-title {
  font-size: 11px;
  color: #0d386c;
  text-align: center;
  margin-top: -3px;
  line-height: 16px; }

#sustainability-case-studies .filter-by-container .filter-by {
  padding: 9px 0; }

#sustainability-case-studies .filter-by-container .legend-container {
  border: 1px solid #d5dee2;
  padding: 9px 15px;
  margin: 15px 0;
  display: inline-block;
  width: 100%; }
  #sustainability-case-studies .filter-by-container .legend-container .legend-left {
    font-size: 14px;
    font-weight: bold;
    float: left; }
  #sustainability-case-studies .filter-by-container .legend-container .legend-right {
    float: right; }
    #sustainability-case-studies .filter-by-container .legend-container .legend-right .map-icon-container {
      font-size: 12px;
      color: #102b4c;
      padding-left: 30px; }
      #sustainability-case-studies .filter-by-container .legend-container .legend-right .map-icon-container img {
        width: 13px;
        height: 19px;
        margin-right: 5px; }

.page-sustainability-case-studies-detail .visual .visual-text .text-holder .title h1 {
  font-size: 40px;
  line-height: 45px; }
  .page-sustainability-case-studies-detail .visual .visual-text .text-holder .title h1 span {
    font-size: 40px;
    line-height: 45px; }
    @media screen and (max-width: 767px) {
      .page-sustainability-case-studies-detail .visual .visual-text .text-holder .title h1 span {
        font-size: 22px;
        line-height: 24px; } }

@media screen and (max-width: 767px) {
  .page-sustainability-case-studies-detail .visual .visual-text .text-holder .title {
    font-size: 22px;
    line-height: 24px; } }

.page-sustainability-case-studies-detail #main {
  background: #f2fef5;
  padding-top: 0; }

.page-sustainability-case-studies-detail .hero {
  position: relative; }
  .page-sustainability-case-studies-detail .hero img {
    width: 100%; }
  .page-sustainability-case-studies-detail .hero h1 {
    background: rgba(59, 135, 229, 0.9);
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    line-height: 1;
    position: absolute;
    top: 10%;
    left: 0;
    margin: 0;
    padding: 20px 20px;
    text-shadow: none;
    width: 340px; }
  .page-sustainability-case-studies-detail .hero .summary {
    background: rgba(59, 135, 229, 0.9);
    position: absolute;
    top: 45%;
    left: 0;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.6;
    padding: 10px 20px;
    width: 340px; }
  @media screen and (max-width: 992px) {
    .page-sustainability-case-studies-detail .hero h1 {
      font-size: 30px;
      padding: 10px 20px;
      width: 300px; }
    .page-sustainability-case-studies-detail .hero .summary {
      font-size: 15px;
      top: 40%; } }
  @media screen and (max-width: 768px) {
    .page-sustainability-case-studies-detail .hero h1,
    .page-sustainability-case-studies-detail .hero .summary {
      position: relative;
      top: 0;
      left: 0;
      width: 100%; } }

.page-sustainability-case-studies-detail .intro {
  color: #2f2f2f;
  font-size: 22px;
  font-family: "Roboto", sans-serif; }
  @media screen and (max-width: 768px) {
    .page-sustainability-case-studies-detail .intro {
      font-size: 16px;
      line-height: 1.3; } }

.page-sustainability-case-studies-detail p {
  color: #2f2f2f;
  font-size: 17px;
  font-family: "Roboto", sans-serif; }
  @media screen and (max-width: 768px) {
    .page-sustainability-case-studies-detail p {
      font-size: 14px;
      line-height: 1.3; } }

.page-sustainability-case-studies-detail .related-case-study {
  display: block;
  padding: 10px 0;
  position: relative; }
  .page-sustainability-case-studies-detail .related-case-study .related-case-study-title {
    width: 90%; }
  .page-sustainability-case-studies-detail .related-case-study:after {
    content: "\F054";
    font-family: "FontAwesome";
    position: absolute;
    top: 10px;
    right: 10px; }

#nav-main .has-drop a {
  border-left: none;
  border-right: none;
  color: #448ce6; }

#nav-main a {
  border-right: none;
  color: #448ce6; }

.btnshow-angle-down {
  display: none; }
  @media only screen and (max-width: 768px) {
    .btnshow-angle-down {
      display: block; } }

.icon-showhide {
  display: none; }
  @media only screen and (max-width: 768px) {
    .icon-showhide {
      display: block; } }

.footer-link {
  display: block; }
  @media only screen and (max-width: 768px) {
    .footer-link {
      display: none; } }

.inner div#primary-navbar {
  margin: 0 !important; }

.inner .drop {
  margin: 0; }

.drop-slide-wrapper {
  top: 72px !important; }

.inner .fixed-nav .drop {
  margin: 0; }

#nav-main .drop-slide-wrapper {
  z-index: 99999;
  top: auto !important; }

#main {
  padding-top: 0; }

#office-map #office-list .office-item .office-grid-item-wrap {
  display: none; }

.office-grid-item {
  background: #fff;
  padding: 20px;
  max-width: 100%;
  width: 300px;
  margin-bottom: 65px; }
  .office-grid-item h5 {
    text-transform: capitalize;
    font-size: 15px;
    color: #000;
    margin: 0; }
  .office-grid-item p {
    padding-top: 0;
    font-size: 15px;
    color: #000;
    font-style: normal;
    line-height: 25px; }
  .office-grid-item .logo-Position {
    margin: 0 0 6px;
    width: 100%;
    /*height: 50px;*/
    display: block;
    float: left; }
  .office-grid-item .logo-Brambles {
    background: url(../img/brambles.png);
    margin: 10px 0 0;
    width: 100%;
    height: 35px;
    display: block;
    float: left;
    background-repeat: no-repeat; }
  .office-grid-item .logo-Ifco {
    background: url(../img/IfcoLogo1.png);
    margin: 10px 0 0;
    width: 100%;
    height: 30px;
    display: block;
    float: left;
    background-repeat: no-repeat; }
  .office-grid-item .logo-Chep {
    background: url(../img/ChepLogo2.png);
    margin: 10px 0 0;
    width: 100%;
    height: 30px;
    display: block;
    float: left;
    background-repeat: no-repeat; }
  .office-grid-item .logo-Kegstar {
    background: url(../img/KegstarIcon4.png);
    margin: 10px 0 0;
    width: 100%;
    height: 50px;
    display: block;
    float: left;
    background-repeat: no-repeat; }
  .office-grid-item .logo-BXBDigital {
    background: url(../img/BXBDigitalIcon2.png);
    margin: 10px 0 0;
    width: 100%;
    height: 50px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: -14px 0; }

.gm-ui-hover-effect {
  right: 50px !important; }

.accordion-slide {
  justify-content: center; }

.gm-style {
  /*.gm-style-iw-t {
        right: 0px!important;
        bottom: 15px!important;
    }*/ }
  .gm-style .gm-style-iw-c {
    border-radius: 0;
    padding: 0;
    overflow: unset !important; }
    .gm-style .gm-style-iw-c button {
      top: 0 !important;
      right: 0 !important; }
  .gm-style .gm-style-iw-d {
    overflow: unset !important; }
  .gm-style .gm-style-iw-t::before {
    border-top: none !important; }
  .gm-style .gm-style-iw-t::after {
    border-top: none !important; }