/*---- main-other-----*/
body#ip3-milk .top-content-wrap a:hover, body#ip3-milk .top-content-wrap a:focus, body#ip3-milk .top-content-wrap a:active, body#ip3-milk .top-content-wrap a:visited{outline:none !important;border:none !important;box-sizing:inherit !important;display:block !important}

/*.breadcrumb a:hover {display:inline-block !important;}*/


/*body#ip3-milk #contentwrapper .orange-btn a:hover, body#ip3-milk #contentwrapper .orange-btn a:active, body#ip3-milk #contentwrapper .orange-btn a:visited, body#ip3-milk #contentwrapper .orange-btn a:focus {outline:none !important;border:none !important;box-sizing:inherit !important;display:block !important}*/

body#ip3-investors .report-item-wrap {display: block !important;} 
body#ip3-results-reports-and-presentations .report-item-wrap {display: block !important;}


/*---- modules-----*/
.bottom-content-wrap {margin-top:20px;}

/* ------------------------------ Title and Buttons Module ------------------------------ */
#title-and-buttons-wrapper {background-color: #f6f6f6;padding: 30px 0;margin: 0 0 50px}
#title-and-buttons-wrapper h2 {text-align: center;margin-bottom: 34px;}
#title-and-buttons-wrapper .flex-row{display: flex;justify-content: center;flex-wrap: wrap}
#title-and-buttons-wrapper .flex-row > div{flex: 0 0 24%}
#title-and-buttons-wrapper .content{margin-bottom: 30px;text-align: center;}
#title-and-buttons-wrapper .content p{padding: 0 0 20px;font-size: 1.125em;line-height: 26px;}
#title-and-buttons-wrapper .title-and-buttons-item a {width: 100%;margin-bottom: 34px;}
@media all and (max-width: 767.98px) {
  #title-and-buttons-wrapper {background-color: #f6f6f6;padding: 30px 16px 10px 16px;}
  #title-and-buttons-wrapper h2 {margin-bottom: 20px;}
  #title-and-buttons-wrapper .title-and-buttons-item a {margin-bottom: 20px;}
}

/* ------------------------------ Long Copy and Image Module ------------------------------ */
#long-copy-and-image-wrapper {position: relative;min-height: 570px;margin: 50px 0;}
#long-copy-and-image-wrapper .long-copy-content{min-height: 570px;display: flex;flex-direction: column;justify-content: center;}
#long-copy-and-image-wrapper h2 {margin-bottom: 20px;}
#long-copy-and-image-wrapper .copy-and-image-background {position: absolute;right: 0;top: 0;z-index: -1;min-height: 570px;width: 36.33%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
#long-copy-and-image-wrapper .copy-and-image-background img{display: none}
@media all and (max-width: 991.98px) {
  #long-copy-and-image-wrapper .copy-and-image-background{width: 41.67%;}
}
@media all and (max-width: 767.98px) {
  #long-copy-and-image-wrapper {padding: 0;min-height: auto;margin: 30px 0 0}
  #long-copy-and-image-wrapper h2 {margin-bottom: 15px;}
  #long-copy-and-image-wrapper .long-copy-content{min-height: auto;padding: 40px 0;}
  #long-copy-and-image-wrapper .copy-and-image-background {background-image: none !important;width: 100%;min-height: auto;position: relative}
  #long-copy-and-image-wrapper .copy-and-image-background img{display: block;width: 190px;margin: 0 0 0 auto;bottom: -30px}
}

/* ------------------------------ Multi image and copy Module ------------------------------ */
#multi-image-and-copy-wrapper {position: relative;min-height: 460px;display: flex;align-items: center;}
#multi-image-and-copy-wrapper .container-fluid{width: 100%}
#multi-image-and-copy-wrapper h2 {margin-bottom: 25px;text-align: center;}
#multi-image-and-copy-wrapper .multi-image-and-copy-description p {margin-bottom: 25px;}
#multi-image-and-copy-wrapper .multi-image-and-copy-button {text-align: center}
#multi-image-and-copy-wrapper .centered-copy{min-height: 460px;display: flex;flex-direction: column;justify-content: center;}
#multi-image-and-copy-wrapper .multi-image-and-copy-left-image{display: flex;align-items: flex-end;min-height: 460px;}
#multi-image-and-copy-wrapper .multi-image-and-copy-right-image {position: absolute;right: 0;top: 0;z-index: -1;width: 18%;}
@media all and (max-width: 767.98px) {
  #multi-image-and-copy-wrapper {padding: 0;min-height: 300px;}
  #multi-image-and-copy-wrapper h2 {margin-bottom: 15px;}
  #multi-image-and-copy-wrapper .multi-image-and-copy-description{text-align: center}
  #multi-image-and-copy-wrapper .centered-copy{min-height: auto;padding: 30px 0}
  #multi-image-and-copy-wrapper .multi-image-and-copy-left-image{min-height: auto;position: absolute;left: -30px;top: 30px;}
  #multi-image-and-copy-wrapper .multi-image-and-copy-left-image img{width: 78px;height: auto;}
  #multi-image-and-copy-wrapper .multi-image-and-copy-right-image {right: 0;top: -90px;}
  #multi-image-and-copy-wrapper .multi-image-and-copy-right-image img {height: 189px;}
}

/* ------------------------------ Full width Image and Copy Module ------------------------------ */
#full-width-image-and-copy-wrapper {min-height: 580px;display: flex; align-items: center;background-position: center center;margin: 0 0 30px;}
#full-width-image-and-copy-wrapper .container-fluid{width: 100%}
#full-width-image-and-copy-wrapper .full-width-image-and-copy-content {padding: 60px 50px 47px 50px;background-color: #ffffff;}
#full-width-image-and-copy-wrapper .mobi-image{display: none}
#full-width-image-and-copy-wrapper .full-width-image-and-copy-content .full-width-image-and-copy-subtitle {padding-bottom: 15px;font-weight: bold;}
#full-width-image-and-copy-wrapper .full-width-image-and-copy-content h2 {margin-bottom: 20px;}
#full-width-image-and-copy-wrapper .full-width-image-and-copy-content .full-width-image-and-copy-button {margin-top: 30px;}
#full-width-image-and-copy-mobi-wrapper {display: none;}
@media all and (max-width: 767.98px) {
  #full-width-image-and-copy-wrapper{min-height: auto; background-image: none !important}
  #full-width-image-and-copy-wrapper .full-width-image-and-copy-content{padding: 0;box-shadow: 8px 10px 15px 0 rgba(202, 202, 202, 0.4);}
  #full-width-image-and-copy-wrapper .full-width-image-and-copy-content .content{padding:0 16px 50px}
  #full-width-image-and-copy-wrapper .mobi-image{display: block; margin-bottom: 30px}
}

/* ------------------------------ Short Image and Copy Module ------------------------------ */
#short-image-and-copy-wrapper {position: relative;margin: 40px 0;min-height: 476px;}
#short-image-and-copy-wrapper.grey-back{background: #f6f6f6;padding: 50px 0;}
#short-image-and-copy-wrapper::before {content: "";position: absolute;left: 0;right: 0;top: 50px;bottom: 50px;z-index: -1;background-color: #f6f6f6;}
#short-image-and-copy-wrapper .section-1 h2 {display: none;}
#short-image-and-copy-wrapper .section-2 {padding: 70px 40px 70px 0;display: flex;flex-direction: column;height: 100%;min-height: 476px;justify-content: center;}
#short-image-and-copy-wrapper .section-2 h2 {margin-bottom: 20px;}
#short-image-and-copy-wrapper .section-2 .short-image-and-copy-button {margin-top: 30px;}
#short-image-and-copy-wrapper .section-1 .short-image-and-copy-image{min-height: 470px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
#short-image-and-copy-wrapper .section-1 .short-image-and-copy-image img{display: none}
#short-image-and-copy-wrapper.no-back .section-1{height: 100%}
#short-image-and-copy-wrapper.no-back .section-1 .short-image-and-copy-image{background-image: none !important;display: flex;align-items: center;height: 100%}
#short-image-and-copy-wrapper.no-back .section-1 .short-image-and-copy-image img{display: block; width: 100%}
#short-image-and-copy-wrapper.right-image .flex-row{display: flex;flex-direction: row-reverse;}
#short-image-and-copy-wrapper.no-back::before{display: none}
@media all and (max-width: 767.98px) {
  #short-image-and-copy-wrapper {margin: 30px 0;}
  #short-image-and-copy-wrapper.no-back .section-1 .short-image-and-copy-image{display: block; height: auto}
  #short-image-and-copy-wrapper::before {left: 15px;right: 15px;top: 0;bottom: 0;}
  #short-image-and-copy-wrapper.right-image .flex-row{flex-direction: column}
  #short-image-and-copy-wrapper .section-1 h2 {display: block;margin: 28px 16px 10px 16px;}
  #short-image-and-copy-wrapper .section-2 {padding: 25px 16px 30px 16px;min-height: auto}
  #short-image-and-copy-wrapper .section-2 h2 {display: none;}
  #short-image-and-copy-wrapper .section-2 .short-image-and-copy-button {margin-top: 25px;}
  #short-image-and-copy-wrapper .section-1 .short-image-and-copy-image{background-image: none !important; min-height:auto;width: 100vw;position: relative;left: -15px;}
  #short-image-and-copy-wrapper .section-1 .short-image-and-copy-image img{display: block;width: 100vw;}
}

/* ------------------------------ Image with States Module ------------------------------ */
#image-with-states-wrapper{background-color:#f6f6f6;padding:70px 0 70px 0;margin:50px 0}
#image-with-states-wrapper .key-states-row{display: flex;flex-wrap: wrap;}
#image-with-states-wrapper .key-states-row > div{flex: 0 0 49%;}
#image-with-states-wrapper .image-with-states-content{background-color:#fff}
#image-with-states-wrapper .image-with-states-image-wrapper{height:535px; overflow: hidden}
#image-with-states-wrapper .image-with-states-image-wrapper img{height: 100%;object-fit: cover;width: 100%;}
#image-with-states-wrapper .image-with-states-content-wrapper{padding-right: 20px;}
#image-with-states-wrapper .image-with-states-content-wrapper h2{margin-top:20px}
#image-with-states-wrapper .image-with-states-content-wrapper h3{margin:0;color:#7f0442;word-break: break-word;}
@media all and (max-width:991.98px) {
  #image-with-states-wrapper .image-with-states-image-wrapper img{width:100%}
  #image-with-states-wrapper .image-with-states-content-wrapper{padding:0 16px}
  #image-with-states-wrapper .key-states-row > div{flex: 0 0 49%}
}
@media all and (max-width:767.98px) {
  #image-with-states-wrapper .image-with-states-image-wrapper{height:100vw}
  #image-with-states-wrapper .key-states-row > div{flex: 0 0 100%}
}

/* ------------------------------ Brands with Logo Module ------------------------------ */

#brans-with-copy-and-logo-wrapper {
  margin: 50px 0;
}

#brans-with-copy-and-logo-wrapper .our-brand-txt {
  max-width: 772px;
  margin: 0 auto 45px;
}
#brans-with-copy-and-logo-wrapper .brands-logo-item:hover, #brans-with-copy-and-logo-wrapper .brands-logo-item:focus{background: none}

@media all and (min-width: 767.98px) {
  
  #brans-with-copy-and-logo-wrapper .brands-logos-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
    gap: 30px 0px; 
    justify-content: center;
  }
  
  #brans-with-copy-and-logo-wrapper .brands-logo-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    flex:0 0 20%;
    max-width:20% !important;
    flex-basis: auto;
    width: 100%;
  }
  
}

#brans-with-copy-and-logo-wrapper .brand-logo {
  box-shadow: 8px 10px 15px 0 rgb(202 202 202 / 40%);
  background-color: #ffffff;    
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 15px;
  min-height: 175px;
}

#brans-with-copy-and-logo-wrapper .brand-logo:after {
  content: '';
  height: 2px;
  width: 100%;
  position: absolute;
  top: 0;
  transition: all 0.4s;
  left: 0;
  background: #f06c00;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out;
}

#brans-with-copy-and-logo-wrapper .brand-logo:hover:after{
	transform: scaleX(1);
}

/*#brans-with-copy-and-logo-wrapper .brand-logo:hover:after {
  background: #f06c00;
}*/

#brans-with-copy-and-logo-wrapper .brand-logo > a {
  display: block;    
  width: 100%;
}
#brans-with-copy-and-logo-wrapper .brand-logo > a:hover{background: transparent}

#brans-with-copy-and-logo-wrapper .brand-logo img {
  margin: 0 auto;
}

@media all and (max-width: 767.98px) {
  
  #brans-with-copy-and-logo-wrapper .brand-logo {   
    max-width: 182px;
    margin: 0 auto 20px;
  }
  #brans-with-copy-and-logo-wrapper .brand-logo {
  min-height: 137px
  }
  
  #brans-with-copy-and-logo-wrapper {
    margin: 30px 0;
  }
  
}

/* ------------------------------ Our History Module ------------------------------ */

#our-history-with-copy-slider-wrapper{margin: 50px 0}

#our-history-with-copy-slider-wrapper .our-history-txt {
  background: #f6f6f6;
  padding: 53px 43px 41px 43px;
  height: 100%;
}

#our-history-with-copy-slider-wrapper .slick-item .row {
  margin-left: -12px;
  margin-right: -12px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
}

#our-history-with-copy-slider-wrapper .slick-item .row .col-lg-7,
#our-history-with-copy-slider-wrapper .slick-item .row .col-lg-5 {
  padding-left: 12px;
  padding-right: 12px;
}

#our-history-with-copy-slider-wrapper .slick-item .full-image {
  position: relative;
  min-height: 550px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#our-history-with-copy-slider-wrapper .slick-item .orenge-btn {
  margin-top: 30px;
}

#our-history-with-copy-slider-wrapper .our-history-title {
  font-size: 1em;
  line-height: 24px;
  color: #404040;
  font-family: 'Arial';
  font-weight: bold;
}

#our-history-with-copy-slider-wrapper .our-history-txt .h4 {
  margin: 0 0 20px;
}

#our-history-with-copy-slider-wrapper .our-history-txt p {
  margin: 0 0 15px;
  padding: 0;
}

#our-history-with-copy-slider-wrapper .our-history-txt p:last-of-type {
  margin-bottom: 0;        
}

#our-history-with-copy-slider-wrapper button.slick-prev.slick-arrow,
#our-history-with-copy-slider-wrapper button.slick-next.slick-arrow {
  width: 50px;
  height: 50px;
  background: #f06c00;
  border: none;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  transition: all 0.3s ease-in-out;
}

#our-history-with-copy-slider-wrapper button.slick-prev.slick-arrow:hover,
#our-history-with-copy-slider-wrapper button.slick-next.slick-arrow:hover,
#our-history-with-copy-slider-wrapper button.slick-prev.slick-arrow:focus,
#our-history-with-copy-slider-wrapper button.slick-next.slick-arrow:focus{
  background: #e55000;
}


#our-history-with-copy-slider-wrapper button.slick-prev.slick-arrow {
  /*right: 60px;*/
  left: 48.5%;
}
#our-history-with-copy-slider-wrapper button.slick-next.slick-arrow {
  left: 53.7%;
}

#our-history-with-copy-slider-wrapper button.slick-prev.slick-arrow:before {
  content: '';
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  border-radius: 2px;
  bottom: 0;
  height: 16px;
  margin: auto;
  position: absolute;
  right: -10px;
  top: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  width: 16px;
  left: 0;
}

#our-history-with-copy-slider-wrapper button.slick-next.slick-arrow:before {
  content: '';
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  border-radius: 2px;
  bottom: 0;
  height: 16px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate( 225deg );
  -webkit-transform: rotate( 225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  width: 16px;
  left: -10px;
}

.full-image img {
  width: 100%;
  height: auto;
}

.visible-xs-new {
  display: none;
}


.hidden-xs-new {
  display: block;
}

@media all and (max-width: 1280px) {

  #our-history-with-copy-slider-wrapper button.slick-prev.slick-arrow, 
  #our-history-with-copy-slider-wrapper button.slick-next.slick-arrow {
    margin-top: -50px;
  }

}

@media all and (min-width: 991.98px) {
	#our-history-with-copy-slider-wrapper button.slick-arrow{top: auto !important}
}

@media all and (max-width: 991.98px) {
  
  #our-history-with-copy-slider-wrapper .slick-item .row .col-lg-7 {
    order: 2;    
    width: 100%;
  }
  #our-history-with-copy-slider-wrapper button.slick-prev.slick-arrow, 
  #our-history-with-copy-slider-wrapper button.slick-next.slick-arrow {
    top: 62.2%;
  }
  #our-history-with-copy-slider-wrapper button.slick-prev.slick-arrow{
  right: 90px;
  
  }
  #our-history-with-copy-slider-wrapper button.slick-next.slick-arrow {
  right: 15px;
  }
  
  #our-history-with-copy-slider-wrapper > .container-fluid{
  padding: 0
  }
  
  #our-history-with-copy-slider-wrapper .slick-item .row .col-lg-5 {
    order: 1;    
    width: 100%;
  }
  
  #our-history-with-copy-slider-wrapper .visible-xs-new{
  padding-left: 15px;
	padding-right: 15px;
  }
  
  #our-history-with-copy-slider-wrapper .our-history-txt {
    background: transparent;
    padding: 15px 15px;
    margin-top: 30px;
  }
  
  #our-history-with-copy-slider-wrapper {
    background-color: transperent;
    /*padding: 55px 0 45px;
    margin: 30px 0*/
  }
  #our-history-with-copy-slider-wrapper .slick-item{
  background-color: #f6f6f6;
  padding: 55px 0 45px;
  }
  
  #our-history-with-copy-slider-wrapper .slick-item .full-image{min-height: 350px;}
  
  .visible-xs-new {
    display: block;
  }
  
  .hidden-xs-new {
    display: none;
  }
  
}

@media all and (max-width: 650.98px) {
  #our-history-with-copy-slider-wrapper button.slick-prev.slick-arrow, #our-history-with-copy-slider-wrapper button.slick-next.slick-arrow{
  top: 629px;
margin-top: -50px;
  }
}

/* ------------------------------ Image and Copy Box ------------------------------ */

#image-and-Box-wrapper {
  margin: 50px 0;
}

#image-and-Box-wrapper .image-box img {
  width: 100%;
}

#image-and-Box-wrapper .image-box-txt {
  padding: 56px 92px 47px 102px;
  box-shadow: 0 32px 64px -2px rgb(14 31 53 / 8%), 0 10px 57px -1px rgb(14 31 53 / 10%);
  background-color: #ffffff;
  margin-top: -100px;
  position: relative;
  z-index: 1;
}

#image-and-Box-wrapper .image-box-txt h2 {
  margin-bottom: 20px;
}

#image-and-Box-wrapper .image-box-txt p {
  margin: 0 0 15px;
  padding: 0;
}

#image-and-Box-wrapper .orenge-btn {
  padding-top: 20px;
}

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

#image-and-Box-wrapper .image-box-txt {
    margin-top: -82px;
}
#image-and-Box-wrapper .image-box-txt{padding: 56px 60px 47px 60px;}

}

@media all and (max-width: 767.98px) {
  #image-and-Box-wrapper{margin: 30px 0}
  #image-and-Box-wrapper .image-box-txt {
    padding: 0;
    box-shadow: none;
    margin-top: 25px;
  }  
}

/* ------------------------------ Full Image ------------------------------ */

#full-image-wrapper{margin: 50px 0}
#full-image-wrapper .full-image{
min-height: 357px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#full-image-wrapper .image-box-txt-bottom {
  padding: 90px 0 105px;
}

#full-image-wrapper .image-box-txt-bottom h2 {
  margin-bottom: 20px;
}

#full-image-wrapper .image-box-txt-bottom p {
  margin: 0 0 15px;
  padding: 0;
}

#full-image-wrapper .image-box-txt-bottom .orenge-btn {
  padding-top: 20px;
}

@media all and (max-width: 767.98px) {
  #full-image-wrapper{margin: 30px 0}
  #full-image-wrapper .image-box-txt-bottom {
    padding: 45px 0 60px;
  }
  #full-image-wrapper .full-image{min-height: 100px;}
}

/* ------------------------------ Left Right Image ------------------------------ */
/*for removing left right images from the module*/
.copy-left-right-image-wrapper .copy-right-img, .copy-left-right-image-wrapper .copy-left-img{
    display:none;
}

#copy-left-right-image-wrapper {margin: 50px 0;position: relative;}

#copy-left-right-image-wrapper .left-right-image-box h2 {
  margin: 0 0 20px 0;
}

#copy-left-right-image-wrapper .left-right-image-box p {
  margin: 0 0 15px 0;
  padding: 0;
}

#copy-left-right-image-wrapper .orenge-btn {
  padding-top: 20px;
}

#copy-left-right-image-wrapper .copy-left-img {
  position: absolute;
  left: -70px;
  max-width: 300px;
bottom: -90px;
}

#copy-left-right-image-wrapper .copy-right-img {
  position: absolute;
  right: 0;
  max-width: 300px;
  top: -160px;
  z-index: -1;
}

@media all and (max-width: 1024px) {
  #copy-left-right-image-wrapper .copy-left-img{max-width: 200px;}
  #copy-left-right-image-wrapper .copy-right-img{max-width: 200px;top: -110px;}
}

@media all and (max-width: 991.98px) {
  /*#copy-left-right-image-wrapper .left-right-image-box{max-width: 500px;margin: 0 auto;}*/
  #copy-left-right-image-wrapper .copy-left-img{max-width: 150px;}
  #copy-left-right-image-wrapper .copy-right-img{max-width: 150px;}
  #copy-left-right-image-wrapper .left-right-image-box h2{max-width: 500px;margin: 0 0 20px 0;}
}

@media all and (max-width: 767.98px) {
  
  #copy-left-right-image-wrapper {
    margin: 0;
    position: relative;
    padding: 101px 0 145px;
  }
  #copy-left-right-image-wrapper .copy-left-img{max-width: 150px;bottom: -40px;left: 0}
  #copy-left-right-image-wrapper .copy-right-img{max-width: 130px;top: -70px;z-index: 0;}
  
}

/* ------------------------------ Image and Copy Card Module ------------------------------ */

#image-and-copy-card-wrapper {
  margin-bottom: 80px;
}

#image-and-copy-card-wrapper .image-copy-card-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 38px 46.5px 25px 58.9px;
  box-shadow: 8px 10px 15px 0 rgb(202 202 202 / 40%);
  border: solid 3px #ffffff;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#image-and-copy-card-wrapper .image-copy-card-left {
  -webkit-box-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

#image-and-copy-card-wrapper .image-copy-card-left .orenge-btn {
  padding-top: 20px;
}

@media all and (max-width: 767.98px) {
  
  #image-and-copy-card-wrapper .image-copy-card-flex {
    padding: 33px 16px 34px 16px;
    box-shadow: 8px 10px 15px 0 rgba(202, 202, 202, 0.4);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  #image-and-copy-card-wrapper .image-copy-card-left{
	-webkit-box-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  }
  
  #image-and-copy-card-wrapper .image-copy-card-flex .image-copy-card-right {
    margin-top: 50px;
  }
  
}

@media all and (max-width: 991px) and (min-width: 768px) {
  
  #image-and-copy-card-wrapper .image-copy-card-flex {
    padding: 25px;
  }
  
  #image-and-copy-card-wrapper .image-copy-card-right {
    max-width: 360px;
    padding-left: 25px;
  }
  
}

/*--------- Image and Copy Signpost Card -------------*/

#image-and-signpost-card-wrapper {
  margin-top: 30px;
}

#image-and-signpost-card-wrapper .row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#image-and-signpost-card-wrapper .image-and-signpost-left {
  padding: 34px 19.9px 13.8px 43.3px;
  background-color: #f6f6f6;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#image-and-signpost-card-wrapper .image-signpost-flexbox-left {
  -webkit-box-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

#image-and-signpost-card-wrapper .image-and-signpost-right {
  padding: 26px 54px 37px 21px;
  background-color: #f06c00;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  align-content: space-between;
}

#image-and-signpost-card-wrapper .image-and-signpost-right-top {
  width: 100%;
}

#image-and-signpost-card-wrapper .image-and-signpost-right h3 {
  font-size: 1.8125em;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: -0.1px;
  color: #ffffff;
  margin-bottom: 5px;
}

#image-and-signpost-card-wrapper .image-and-signpost-right h4 {
  font-size: 1.5125em;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.07;
  letter-spacing: normal;
  color: #ffffff;
  margin-bottom: 0;
  font-family: "Mary-Ann-Regular";
}

#image-and-signpost-card-wrapper .image-and-signpost-right h4:last-of-type {
  margin-top: 15px;
  
}

#image-and-signpost-card-wrapper .image-and-signpost-right h4 span {
  text-decoration: underline;
}

#image-and-signpost-card-wrapper .image-signpost-flexbox-left .image-signpost-small-title {
  color: #404040;
  font-family: 'Arial';
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.5;
}

#image-and-signpost-card-wrapper .image-signpost-flexbox-left p {
  padding: 0;
}

#image-and-signpost-card-wrapper .image-signpost-flexbox-left .orenge-btn {
  margin-top: 20px;
}

@media all and (max-width: 767.98px) {
  
  #image-and-signpost-card-wrapper .image-signpost-flexbox-right {
    display: none;
  }
  
  #image-and-signpost-card-wrapper .image-signpost-flexbox-left{
  -webkit-box-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
  }
  
  #image-and-signpost-card-wrapper .image-and-signpost-right {
    min-height: 348px;
  }
  
}

@media all and (max-width: 991px) and (min-width: 768px) {
  
  #image-and-signpost-card-wrapper .row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  #image-and-signpost-card-wrapper .image-and-signpost-right {
    min-height: 340px;
    margin-top: 30px;
  }
  
  #image-and-signpost-card-wrapper .image-and-signpost-left {
    padding: 25px;
  }
  
  #image-and-signpost-card-wrapper .image-signpost-flexbox-right {
    max-width: 340px;
    padding-left: 25px;
  }
  
}


/*--------- Banner Slider Module -------------*/

#banner-slider-wrapper {
  margin-top: 80px;
}

#banner-slider-wrapper .slick-item .row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#banner-slider-wrapper button.slick-prev.slick-arrow, 
#banner-slider-wrapper button.slick-next.slick-arrow {
  width: 36px;
  height: 36px;
  background: #f06c00;
  border: none;
  position: absolute;
  bottom: 0;
  right: -95px;
  z-index: 10;
  transition: all 0.3s ease-in-out;
  top: 50%;
  transform: translateY(-50%);     
}

#banner-slider-wrapper button.slick-prev.slick-arrow:hover, 
#banner-slider-wrapper button.slick-next.slick-arrow:hover,
#banner-slider-wrapper button.slick-prev.slick-arrow:focus, 
#banner-slider-wrapper button.slick-next.slick-arrow:focus{
background: #e55000;
}

.slick-arrow {
  text-indent: -99999px;
}

#banner-slider-wrapper button.slick-prev.slick-arrow {
  left: -95px;
}

#banner-slider-wrapper button.slick-prev.slick-arrow:before {
  content: '';
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  border-radius: 2px;
  bottom: 0;
  height: 11px;
  margin: auto;
  position: absolute;
  right: -5px;
  top: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  width: 11px;
  left: 0;
}

#banner-slider-wrapper button.slick-next.slick-arrow:before {
  content: '';
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  border-radius: 2px;
  bottom: 0;
  height: 11px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  width: 11px;
  left: -5px;
}

#banner-slider-wrapper .banner-slider-txt p {
  padding: 0;
}

#banner-slider-wrapper .orenge-btn {
  margin-top: 25px;
}

#banner-slider-wrapper .slider-nav {
  background: #f6f6f6;
  margin-top: 40px;
}

#banner-slider-wrapper .slider-nav:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: #f6f6f6;
  top: 0;
  right: -100%;
}

#banner-slider-wrapper .slider-nav .slick-item {
  cursor: pointer;
  display: block;
  padding: 25px 50px 60px 43px;
  position: relative;
  text-decoration: none;
  outline: none;
  min-height: 185px;
}

#banner-slider-wrapper .slider-nav .slick-item:focus {
  color: #404040;
}

#banner-slider-wrapper .slider-nav .slick-item:before {
  content: '';
  width: 1px;
  height: 80%;
  background: #d8d8d8;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#banner-slider-wrapper .slider-nav .slick-item .banner-title {
  display: block;
  font-size: 1.250em;
  font-family: "Mary-Ann-ExtraBold";
  line-height: 1.3;
  margin-bottom: 5px;
}

#banner-slider-wrapper .slider-nav .slick-item .banner-txt {
  display: block;
  font-size: 0.938em;
  color: #404040;
  font-family: 'Arial';
  letter-spacing: 0.05px;
  line-height: normal;
}


#banner-slider-wrapper .slider-nav .slick-item .banner-link-txt {
  display: inline-block;
  font-family: "Mary-Ann-ExtraBold";
  font-size: 1.125em;
  line-height: 1.33;
  position: absolute;
  bottom: 23px;
  margin-top: 20px
}

#banner-slider-wrapper .slider-nav .slick-item .slide-link{
text-decoration: none
}
#banner-slider-wrapper .slider-nav .slick-item .slide-link:hover, #banner-slider-wrapper .slider-nav .slick-item .slide-link:focus{
background: transparent;
color: #404040;
display: block;
}

#banner-slider-wrapper .slider-nav .slick-item:after {
  content: '';
  background: #f6f6f6;
  width: 100%;
  position: absolute;
  top: 0;
  height: 2px;
  left: 0;
}
#banner-slider-wrapper .slider-nav .slick-item.slick-current:after, #banner-slider-wrapper .slider-nav .slick-item:hover::after {
background: #e55000;
}

body#ip3-Homepage #banner-slider-wrapper { background: #fff;}

body#ip3-Homepage .slider.slider-nav, 
body#ip3-Homepage .slider.slider-nav button, 
body#ip3-Homepage .slider.slider-nav div, 
body#ip3-Homepage .slider.slider-nav a, 
body#ip3-Homepage .slider.slider-nav .slick-list, 
body#ip3-Homepage .slider.slider-nav *  
{display: none;}

@media all and (max-width: 1500px) {
#banner-slider-wrapper button.slick-next.slick-arrow{right: -50px}
#banner-slider-wrapper button.slick-prev.slick-arrow{left: -50px}
}

@media all and (min-width: 1450px) {
#banner-slider-wrapper button.slick-prev.slick-arrow, 
#banner-slider-wrapper button.slick-next.slick-arrow {
top: 50% !important
}
#banner-slider-wrapper .slider-nav .slick-item {min-height: 220px}
}

@media all and (max-width: 1450px) {
  
  
  #banner-slider-wrapper button.slick-prev.slick-arrow, 
  #banner-slider-wrapper button.slick-next.slick-arrow {
    transform: none;
    top: 95%/*98%*//*auto*/;
    bottom: 0;
	margin-top: -36px;
  }
  
  #banner-slider-wrapper button.slick-prev.slick-arrow {
    left: auto;
    right: 46px;
  }
  
  #banner-slider-wrapper button.slick-next.slick-arrow {
    left: auto;
    right: 0;
  }
  
}

@media all and (max-width: 991px) and (min-width: 768px) {
  
  #banner-slider-wrapper button.slick-prev.slick-arrow, 
  #banner-slider-wrapper button.slick-next.slick-arrow {
        margin-top: 0px;
	  top: 90%;
  }
  #banner-slider-wrapper .slider-nav .slick-item{padding: 25px 25px 60px 25px;min-height: 250px !important;}
  
}

@media all and (max-width: 1199px) and (min-width: 768px) {
  
  #banner-slider-wrapper .slider-nav .slick-item > a {
    /*padding: 25px 25px 60px 25px;*/
  }
  #banner-slider-wrapper .slider-nav .slick-item {min-height: 230px}
  
}

@media all and (max-width: 767.98px) {

#banner-slider-wrapper{margin-top:0}

#banner-slider-wrapper button.slick-prev.slick-arrow, #banner-slider-wrapper button.slick-next.slick-arrow{
bottom: 0;
margin-top: -11px;
top: 375px;
}  
  #image-and-signpost-card-wrapper {
    background-color: #f6f6f6;
    padding: 30.5px 14.7px 35.8px 15px;
  }
  
  #banner-slider-wrapper .slick-item .row,
  #image-and-signpost-card-wrapper .row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
  }
  
  #image-and-signpost-card-wrapper .row {
    margin-left: -30px;
    margin-right: -30px;
  } 
  
  #banner-slider-wrapper .slick-item .row .col-lg-7 {
    order: 2;
  }
  
  #image-and-signpost-card-wrapper .image-and-signpost-left {
    padding: 0;
    margin-bottom: 40px;
  }
  
  #banner-slider-wrapper .slick-item .row .col-lg-5 {
    order: 1;
  }  
  
  #banner-slider-wrapper .slick-item .full-image {
    margin-bottom: 15px;
    min-height: 400px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  #banner-slider-wrapper .slick-item .full-image img {
  top: 0;
bottom: 0;
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
object-fit: cover;
  }
  
  #banner-slider-wrapper .slider-nav.slick-initialized .slick-slide {
    width: 100% !important;
  }
  
  #banner-slider-wrapper .slider-nav:after {
    display: none;
  }
  
  #banner-slider-wrapper .slider-nav .slick-item{padding: 25px 20px 25px 20px;min-height: auto;}
  
  #banner-slider-wrapper .slider-nav .slick-item > a {
    
    /*padding: 20px;    */
    height: auto !important;
  }
  
  #banner-slider-wrapper .slider-nav .slick-item > a:before {
    content: '';
    width: 95%;
    height: 1px;
    background: #d8d8d8;
    position: absolute;
    right: 0;
    top: auto;
    transform: none;
    bottom: 0;
    left: 0;
    margin: 0 auto;
  }
  #banner-slider-wrapper .slider-nav .slick-item::before{display: none}
  
  #banner-slider-wrapper .slider-nav .slick-item .banner-link-txt {
    position: static;
    margin-top: 15px;
  }
  
}
@media all and (max-width: 640.98px){
#banner-slider-wrapper .slick-item .full-image{min-height: 300px;}
#banner-slider-wrapper button.slick-prev.slick-arrow, #banner-slider-wrapper button.slick-next.slick-arrow{top: 275px;}
}


#ip3-Homepage #image-and-signpost-card-wrapper .image-and-signpost-right h4 span {
    text-decoration: none;
}
/*---- temp-css-----*/
@media all and (max-width: 767px) {
#ip3-helping-everyone-eat-better .tabs-wrapper .currentTab {display:none !important;}
#ip3-helping-everyone-eat-better .tabs-wrapper .tabs {display:block !important;}
#ip3-helping-everyone-eat-better .tabs-wrapper .tabs li.current a {color: #f06c00;}
}

#ip3-nature #latest-news-wrapper {display:none;}
#ip3-human-rights #latest-news-wrapper {display:none;} 

.ip3-edit#ip3-investors #image-and-copy-tag-wrapper .image-and-copy-tag-content .image-and-copy-desc ul.rad-tablestyle1 li.rad-content {max-width: initial;}

body#ip3-21-02-2024-denim-on-the-dancefloor .top-content-wrap p, body#ip3-21-02-2024-denim-on-the-dancefloor  .top-content-wrap ul li {
    font-family: "Mary-Ann-Regular";
}

#ip3-media .media-toolkit-item-container {min-height: 536px;}
/*---- bootstrap-----*/
/*---------------- Start Reset CSS ----------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small, strike,strong, tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; outline:0; padding:0;border:0;font-size:100%;vertical-align:baseline;}body{line-height:1}ol,ul{list-style:none} blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0;}ins{text-decoration:none} del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*---------------- End Reset CSS ----------------- */
/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=ce09fde71af3dd1a0c54)
 * Config saved to config.json and https://gist.github.com/ce09fde71af3dd1a0c54
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

@-ms-viewport{ width: auto !important;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  /*outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;*/
  /*outline-offset: -2px;*/
/* outline:0;*/		/*added*/
}
figure {
  margin: 0;
}
img,.img-responsive{
  vertical-align: middle;
  display: block;
  width: auto \9;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1230px) {
  .container {
    width: 1200px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width:1344px;
   padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1230px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

/*---- fonts-icon-----*/
@font-face { font-family: 'icomoon'; src: url('/~/media/Files/S/Sainsburys/fonts-icon/icomoon.eot?9b025m'); src: url('/~/media/Files/S/Sainsburys/fonts-icon/icomoon.eot?9b025m#iefix') format('embedded-opentype'),  url('/~/media/Files/S/Sainsburys/fonts-icon/icomoon.ttf?9b025m') format('truetype'),  url('/~/media/Files/S/Sainsburys/fonts-icon/icomoon.woff?9b025m') format('woff'),  url('/~/media/Files/S/Sainsburys/fonts-icon/icomoon.svg?9b025m#icomoon') format('svg'); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"],
.home-section-slider .slick-prev:before,
.home-section-slider .slick-next:before,
.our-commitments-slider .slick-prev:before,
.our-commitments-slider .slick-next:before,
.release-icon:before,
.audio-icon:before,
.webcast-icon:before,
.report-icon:before,
.presentation-icon:before,
.video-icon:before,
.preview-image-link:before,
.download-image-link:before, 
.media-download-link:before,
.video-category:before,
.media-content-wrap.image:before,
.media-content-wrap.document:before, 
.media-content-wrap.report:before,
.input-icon:before,
.freetext-wrapper:before,
#SearchButtonContainer:before,
.search-container .search-link a:before,
.tabs-wrapper .currentTab:before,
.search-container .search-link a.active:before,
.news-slider-arrows .slick-next:before,
.news-slider-arrows .slick-prev:before,
#tabs.sectionTabs span.select:after,
.contact-map-image a.map-download:before,
.footer-links ul li.brands-footer:after, .footer-links ul li.jobs-footer:after,
.footer-links ul li.brands-footer.active:after, .footer-links ul li.jobs-footer.active:after
{font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-view:before { content: "\e903"; }
.icon-arrow-light:before { content: "\e904"; }
.icon-arrow-right:before { content: "\e905"; }
.icon-audio:before { content: "\e906"; }
.icon-document:before { content: "\e907"; }
.icon-download:before { content: "\e908"; }
.icon-drop-down-arrow:before { content: "\e909"; }
.icon-image:before { content: "\e90a"; }
.icon-play:before { content: "\e90b"; }
.icon-presentation:before { content: "\e90c"; }
.icon-report:before { content: "\e900"; }
.icon-search:before { content: "\e902"; }
.icon-webcast:before { content: "\e901"; }
.icon-close:before { content: "\e90d"; }
 

.home-section-slider .slick-prev:before, .news-slider-arrows .slick-prev:before, .our-commitments-slider .slick-prev:before { content: "\e904"; }
.home-section-slider .slick-next:before, .our-commitments-slider .slick-next:before, .news-slider-arrows .slick-next:before { content: "\e905"; }
.release-icon:before { content: "\e908"; }
.audio-icon:before { content: "\e906"; }
.webcast-icon:before { content: "\e901"; }
.report-icon:before { content: "\e900"; }
.presentation-icon:before { content: "\e90c"; }
.video-icon:before { content: "\e90b"; }
.preview-image-link:before { content: "\e903"; }
.download-image-link:before {content: "\e908"; } 
.media-download-link:before {content: "\e908"; }
.video-category:before { content: "\e90b"; }
.media-content-wrap.image:before{ content: "\e90a"; }
.media-content-wrap.document:before { content: "\e907"; }
.media-content-wrap.report:before  { content: "\e907"; }
.input-icon:before {content: "\e908"; }
.freetext-wrapper:before { content: "\e902"; }
#SearchButtonContainer:before { content: "\e902"; }
.search-container .search-link a:before  { content: "\e902"; }
.tabs-wrapper .currentTab:before { content: "\e909";}
.search-container .search-link a.active:before{ content: "\e90d"; }
#tabs.sectionTabs span.select:after { content: "\e909";}
.contact-map-image a.map-download:before{content: "\e908"; }

/*---- fonts-awesome-----*/
/*-- Font Awesome CSS starts--*/
.facebook-icon:before,
.twitter-icon:before,
.youtube-icon:before,
.instagram-icon:before,
.pinterest-icon:before,
.flickr-icon:before,.add-to-calendar-list ul li a:before, .ev-share .add-to-calendar-text:before, .ev-calendar .add-to-calendar-text:before {font-family: 'FontAwesome';}

.facebook-icon:before {content:"\f09a"}
.twitter-icon:before {content:"\e61b"}
.youtube-icon:before {content:"\f16a"}
.instagram-icon:before {content:"\f16d"}
.pinterest-icon:before {content:"\f0d2"}
.flickr-icon:before {content:"\f16e"}
.ev-share .add-to-calendar-text:before{content:"\f1e0"}
.ev-calendar .add-to-calendar-text:before{content:"\f133"}
/*-- Font Awesome CSS ends--*/

/*---- fonts-----*/
@font-face{
font-family:"Mary-Ann-Bold";
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-bold-eot.eot?#iefix");
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-bold-eot.eot?#iefix") format("eot"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-bold-woff.woff2") format("woff2"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-bold-woff.woff") format("woff"),url("/~/media/Files/S/Sainsburys/fonts/Mary-Ann-Bold.ttf") format("truetype"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-bold-svg.svg#mary_ann_web-bold") format("svg");
}

@font-face{
font-family:"Mary-Ann-BoldItalic";
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-bold_italic-eot.eot?#iefix");
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-bold_italic-eot.eot?#iefix") format("eot"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-bold_italic-woff.woff2") format("woff2"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-bold_italic-woff.woff") format("woff"),url("/~/media/Files/S/Sainsburys/fonts/Mary-Ann-BoldItalic.ttf") format("truetype"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-bold_italic-svg.svg#mary_ann_web-bold_italic") format("svg");
}

@font-face{
font-family:"Mary-Ann-ExtraBold";
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-extrabold-eot.eot?#iefix");
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-extrabold-eot.eot?#iefix") format("eot"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-extrabold-woff.woff2") format("woff2"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-extrabold-woff.woff") format("woff"),url("/~/media/Files/S/Sainsburys/fonts/Mary-Ann-ExtraBold.ttf") format("truetype"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-extrabold-svg.svg#mary_ann_web-extrabold-svg") format("svg");
}

@font-face{
font-family:"Mary-Ann-Italic";
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-italic-eot.eot?#iefix");
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-italic-eot.eot?#iefix") format("eot"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-italic-woff.woff2") format("woff2"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-italic-woff.woff") format("woff"),url("/~/media/Files/S/Sainsburys/fonts/Mary-Ann-Italic.ttf") format("truetype"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-italic-svg.svg#mary_ann_web-italic-svg") format("svg");
}

@font-face{
font-family:"Mary-Ann-Light";
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-light-eot.eot?#iefix");
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-light-eot.eot?#iefix") format("eot"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-light-woff.woff2") format("woff2"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-light-woff.woff") format("woff"),url("/~/media/Files/S/Sainsburys/fonts/Mary-Ann-Light.ttf") format("truetype"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-light-svg.svg#mary_ann_web-light-svg") format("svg");
}

@font-face{
font-family:"Mary-Ann-LightItalic";
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-light_italic-eot.eot?#iefix");
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-light_italic-eot.eot?#iefix") format("eot"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-light_italic-woff.woff2") format("woff2"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-light_italic-woff.woff") format("woff"),url("/~/media/Files/S/Sainsburys/fonts/Mary-Ann-LightItalic.ttf") format("truetype"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-light_italic-svg.svg#mary_ann_web-light_italic-svg") format("svg");
}

@font-face{
font-family:"Mary-Ann-Medium";
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-medium-eot.eot?#iefix");
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-medium-eot.eot?#iefix") format("eot"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-medium-woff.woff2") format("woff2"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-medium-woff.woff") format("woff"),url("/~/media/Files/S/Sainsburys/fonts/Mary-Ann-Medium.ttf") format("truetype"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-medium-svg.svg#mary_ann_web-medium-svg") format("svg");
}

@font-face{
font-family:"Mary-Ann-MediumItalic";
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-medium_italic-eot.eot?#iefix");
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-medium_italic-eot.eot?#iefix") format("eot"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-medium_italic-woff.woff2") format("woff2"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-medium_italic-woff.woff") format("woff"),url("/~/media/Files/S/Sainsburys/fonts/Mary-Ann-MediumItalic.ttf") format("truetype"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-medium_italic-svg.svg#mary_ann_web-medium_italic-svg") format("svg");
}

@font-face{
font-family:"Mary-Ann-Regular";
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-regular-eot.eot?#iefix");
src:url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-regular-eot.eot?#iefix") format("eot"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-regular-woff.woff2") format("woff2"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-regular-woff.woff") format("woff"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-regular.ttf") format("truetype"),url("/~/media/Files/S/Sainsburys/fonts/mary_ann_web-regular-svg.svg#mary_ann_web-regular-svg") format("svg");
}

@font-face{
font-family:"Mary-Ann-MidBold";
src:url("/~/media/Files/S/Sainsburys/fonts/mary-ann-midbold-woff2.woff2") format("woff2"),
	url("/~/media/Files/S/Sainsburys/fonts/mary-ann-midbold-woff.woff") format("woff"),
    url("/~/media/Files/S/Sainsburys/fonts/mary-ann-midbold-ttf.ttf") format("truetype"));
    font-weight: normal;
    font-style: normal;    
}

/*-- Mary-Annn fonts CSS starts --*/
#headerwrapper .top-links ul li, .footer-links-title, .home-section-title, .story-date, .footer-links ul li, p.blog-category, .latest-result-date, p.latest-result-text, .top-intro-text, .financial-highlight-text, .latest-news-content, .performance-date, .member-designation, p.box-text, .related-content-grey-box, .commitment-content, .commitment-right-content, .delivery-text, .potential-sub-title, ._dateordinal, .month, .year, #outlook-text, .key-achievements-right-content, .latest-updates-item h3, .latest-updates-item .latest-news-date, .sr-text, .webform,  .month, .year, #outlook-text, .featured-blog-text, .strategy-Landing, .strategy-right-content p, .strategy-pop-right p, .ov-tab-figure-text, .section-5-figure-text, .ov-circle-tab-figure-desc, .top-highlight-text,.section-5-image-text, .top-content, .ov-tabs-left-content, .section-2-content {font-family:"Mary-Ann-Regular";}

.section-5-image-text-bold{font-family:"Mary-Ann-Bold";}

#headerwrapper .top-navigation ul li, .top-navigation-wrapper, .mm-listview > li > a, .mm-listview > li > span  {font-family:"Mary-Ann-Medium";}

 h1, h2, h3, h4, h5, h6, .orange-btn a, .section-title, .home-section-main-title, .section-slider-heading, .section-3-number, .section-3-number-content, .section-3-link a, .story-title, .twitter-feeds-title, .social-media-title, .social-media-heading, .home-banner-title, .featured-blog-title, .filter-label label, .blog-title, .latest-result-title, .financial-highlights-title, .tabs-wrapper .tabs ul li a, .tabs-wrapper .tabs ul li.current > span, table thead th, .delivery-title, .sr-no, h1, .financial-highlight-title, .latest-news-title, .latest-news-link a, .quick-links-content ul li, .performance-title, .member-title, .report-title, .top-content-intro, .content-right-content, .quote-text, p.box-helighted-text, .related-content-video-title, .related-content-video-text, .related-content-grey-box p.rad-big, .commitment-right-content p.rad-big, .our-value-box-title, .date, .outlook-text, .yr-title, .media-title, .our-commitments-boxes, .key-achievements-right-content h2, .value-video-title, .value-video-content, .latest-updates-item .news-link, td.inv-responsive-data-header, .mmenu-back-button-container a.rad-link, .mm-menu.mm-theme-white .mm-navbar .mm-title, .webform .submit-button, .subsciptionbox #submitbtn, .subsciptionbox .logSub .btn, .event-heading ,  .contact-address a,  .contact-map-image, ._dateordinal, .date, .outlook-text, .yr-title, .media-title, .strategy-Landing .strategy-right-content p a, .diagram-title, .strategy-pop-right-content .highlighted-text, .strategy-pop-right-content .highlighted-text1, .strategy-pop-right-content .highlighted-text2, .our-vision .quote-text, .our-vision .ov-section-2-right-figure, .our-vision .ov-section-2-right-figure-text, .ov-tabs ul li, .ov-tab-figure, .section-5-figure, .ov-circle-tab-figure,  .commitment-content .top-highlight-text, .section-4-text, .section-5-text {font-family:"Mary-Ann-MidBold";}
/*-- Mary-Annn fonts CSS ends --*/

.anchorLink {font-size: 1px; color: transparent; width: 100%; clear: both; height:1px;}
/*---- main-----*/
/*-- Global CSS starts --*/
body{font-family: "Mary-Ann-Regular", 'Arial Regular', Helvetica, sans-serif; font-size: 1em; line-height: 35px; color: #404040;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: 100%;}
a { color: #404040; text-decoration: none; text-decoration:underline; }
p a, ul li a{color: #404040}
p a:hover, ul li a:hover{color: #262626}
/*.top-content a, .ov-section-content a{ font-weight:bold; }*/
a:hover, a:focus {/*background: rgba(0,0,0,.06); color: #404040; text-decoration: underline !important;*/ transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;text-decoration: underline;background-color: rgba(0,0,0,.06);color: #404040}
.top-content a:hover, .ov-section-content a:hover, .ov-tabs-content a:hover, .intro a:hover, .bod-content a:hover, .top-content-intro a:hover, .main-modules-wrapper p a:hover, .report-title:hover, .invstor-latest-updates .latest-updates-item .news-link a:hover{background: rgba(0,0,0,.06); color: #404040; text-decoration: underline !important;}
a:active{color: #f06c00;}
a:active { /*border:#f06c00 solid 1px; outline: 0; _noFocusLine: expression(this.hideFocus=true);*/}
 
a:focus{ outline-width: 5px; outline-color: Highlight; outline:#f06c00 dashed 1px; display:inline-block;}
button:focus{ outline-width: 5px; outline-color: Highlight; outline:#f06c00 dashed 1px; display:inline-block;}
area:focus {outline: #404040 solid 1px;}
.lwi-btn { width:100%;}
.lwi-btns__item a:focus{outline:#404040 solid 1px;}

.brands-logos .company-logo-wrapper, .jobs-logos .company-logo-wrapper {background: #ffffff none repeat scroll 0 0; margin: 0; width: 1324px; position: absolute; top: 1px; z-index: 9999; padding:40px 15px; /*border-top: 1px solid #e0e0e0;*/}
.brands-logos .company-logo-wrapper { left:-1px;}
.jobs-logos .company-logo-wrapper { left:-187px;}

.brands-logos-footer .company-logo-wrapper, .jobs-logos-footer .company-logo-wrapper{background:#fff; padding:40px 15px; margin:0; width:1344px !important;}
.footer-links ul li.brands-footer, .footer-links ul li.jobs-footer{position:relative;}
.brands-logos-footer { top:44px !important;}
.jobs-logos-footer { top:44px !important;}

.invisible { position: absolute; left: -9999999px; top: auto; width: 1px; height: 1px; overflow: hidden; visibility: visible; }
img { outline-style: none; outline-width: 0; border: 0 none; max-width: 100%; height: auto; }
sup { font-size: smaller; font-weight: 700; }
sub { margin: 2px 0; padding: 2px 0; }
ul { list-style-image: none; list-style-position: outside; list-style-type: none; }
ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; }

#contentwrapper ul { margin-bottom: 10px; }
#contentwrapper ul ul { margin-top: 10px; }
#contentwrapper ul li, #contentwrapper ol li { margin-bottom: 8px;line-height: 28px; }
#contentwrapper ul li { background:url('/~/media/Images/S/Sainsburys/css/li-dots.png') no-repeat left 14px; padding-left:15px; }
#contentwrapper ol ol { margin-top: 10px; }
#contentwrapper ol { list-style-type: decimal; padding-left: 18px; margin-bottom: 10px; }


.featured-blog-text ul { margin-bottom: 10px; }
.featured-blog-text ul ul { margin-top: 10px; }
.featured-blog-text ul li, #contentwrapper ol li { margin-bottom: 8px;line-height: 28px; }
.featured-blog-text ul li { background:url('/~/media/Images/S/Sainsburys/css/li-dots.png') no-repeat left 14px; padding-left:15px; }
.featured-blog-text ol ol { margin-top: 10px; }
.featured-blog-text ol { list-style-type: decimal; padding-left: 18px; margin-bottom: 10px; }


hr { border-style: none none solid; border-width: 0 0 1px; margin: 5px 0; }
:active { outline-style: none; outline-width: 0; }

/*p { padding: 0 0 10px; }
h1 { font-size: 2.625em; line-height:50px; color:#404040; margin: 0; }
h2 { font-size: 1.750em; line-height:35px; color:#404040; margin: 17px 0 12px; }
h3 { font-size: 1.375em; line-height:25px; color:#404040; margin: 17px 0 10px; }
h4 { font-size: 1.250em; line-height:20px; color:#404040; margin: 17px 0 10px; }
h5 { font-size: 1.125em; line-height:18px; color:#404040; margin: 17px 0 8px; }
h6 { font-size: 1.000em; line-height:18px; color:#404040; margin: 17px 0 8px; }*/

p { padding: 0 0 10px; font-size: 16px; line-height: 24px;color: #404040; font-family: 'Arial'}
ul li{font-family: 'Arial'}
.intro p, p.intro, .intro, p.rad-introtext, span.rad-introtext{padding: 0 0 10px; font-size: 18px; line-height: 26px;color: #404040; font-family: 'Arial';display: block;}
.quote p, p.quote{font-size: 24px; line-height:30px; color:#404040; margin: 0; font-family: "Mary-Ann-MidBold";letter-spacing: 0.08px}
h1, .h1 { font-size: 62px; line-height:76px; color:#404040; margin: 0; font-family: "Mary-Ann-MidBold";}
h2, .h2 { font-size: 50px; line-height:62px; color:#404040; margin: 0 0 20px; font-family: "Mary-Ann-MidBold";}
h3, .h3 { font-size: 40px; line-height:50px; color:#404040; margin: 0 0 15px;font-family: "Mary-Ann-MidBold";}
h4, .h4 { font-size: 32px; line-height:40px; color:#404040; margin: 0 0 15px; font-family: "Mary-Ann-MidBold";}
h5, .h5 { font-size: 26px; line-height:32px; color:#404040; margin: 0 0 15px; font-family: "Mary-Ann-MidBold";}
h6, .h6 { font-size: 22px; line-height:26px; color:#404040; margin: 0 0 15px; font-family: "Mary-Ann-MidBold";}
h7, .h7 { font-size: 20px; line-height:24px; color:#404040; margin: 0 0 15px; font-family: "Mary-Ann-MidBold";}
p#sectionheader { font-size: 1.4em; line-height: 1.2em; }


b, strong{font-family: "Mary-Ann-MidBold";font-weight: normal}
@media all and (max-width: 767.98px){
  p { font-size:15.5px; line-height: 23px;}
  .intro p, p.intro, .intro, p.rad-introtext, span.rad-introtext{font-size:17px; line-height: 25px;}
  .quote p, p.quote{font-size: 21px; line-height:27px; color:#404040; margin: 0; font-family: "Mary-Ann-MidBold";letter-spacing: 0.07px}
  h1, .h1 { font-size:47px; line-height:60px;}
  h2, .h2 { font-size:39px; line-height:51px;}
  h3, .h3 { font-size:33px; line-height:43px;}
  h4, .h4 { font-size:27px; line-height:35px;}
  h5, .h5 { font-size:23px; line-height:30px;}
  h6, .h6 { font-size:19px; line-height:26px;}
  h7, .h7 { font-size:17px; line-height:22px;}
}

.scroll-table-container { width: 100%; padding: 0 0 5px; overflow-y: hidden; overflow-x: auto; margin-bottom: 14px; }
.scroll-table-container::-webkit-scrollbar { -webkit-appearance: none; width: 10px; height: 7px; }
.scroll-table-container::-webkit-scrollbar-thumb { border-radius: 5px; border: 2px solid #666666; background-color: #666666; }
hr { display:inline-block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px; }
.uppercase{text-transform:uppercase;}
a[href^="tel:"] {color: inherit !important; text-decoration: none; cursor:default;}
a[href^="tel:"].mobile-tel-link{color: inherit !important; cursor:pointer !important;}
.external-content { margin-top:0;}
.rad-clear{ float:left; width:100%;}

.oran-btn.btn-link, .rad-big a{font-family: "Mary-Ann-ExtraBold";text-decoration: none; display: inline-block; background: #f06c00; color: #ffffff;font-size: 1.125em;line-height:24px;padding: 12px 45px;text-align: center;transition: all 0.3s ease-in-out;letter-spacing: 0.5px;font-weight: normal;}
.oran-btn.btn-link:hover, .main-modules-wrapper p a.oran-btn.btn-link:hover, .rad-big a:hover, .main-modules-wrapper .rad-big a:hover, .oran-btn.btn-link:focus, .main-modules-wrapper p a.oran-btn.btn-link:focus, .rad-big a:focus, .main-modules-wrapper .rad-big a:focus{background: #e55000;color: #fff;text-decoration: none !important;}
@media all and (max-width: 991.98px){
	.oran-btn.btn-link, .rad-big a{min-width: 200px;}
}
@media all and (max-width: 480.98px){
	.oran-btn.btn-link, .rad-big a{min-width: 100%;}
}

/*-- Table CSS --*/
table { margin-bottom: 20px; }
td, th { padding: 10px 0; }
th { border-bottom: 1px solid #e5e5e5; }
th.rad-right { text-align: center; }
td.rad-right { text-align: right; }
th.rad-left { text-align: left; float:none !important; }
.rad-notes { font-size: 0.9em; font-style: italic; }

.rad-financialtable th { font-weight:normal;}
.rad-financialtable td, .rad-financialtable th { text-align: right; border-bottom:0px; }
.rad-financialtable td:first-child, .rad-financialtable th:first-child { text-align: left; }
table.rad-financialtable thead tr th { border-bottom: 1px solid #e5e5e5; padding: 5px 10px; }
table.rad-financialtable tbody tr th, table.rad-financialtable tbody tr td { padding: 5px 10px; }
table.rad-financialtable tr th.rad-left, table.rad-financialtable tr td.rad-left { text-align: left; }
table.rad-financialtable tr th.rad-right, table.rad-financialtable tr td .rad-right { text-align: right; float:none; }

#MainWrapper { margin: 0 auto; width:100%; overflow: hidden;}

@media all and (max-width: 767.98px){
#MainWrapper iframe{width: 100%}
}
.float100{float:left; width:100%}
.light-grey{background:#f6f6f6;}
.pad-left{padding-left:0}
.pad-right{padding-right:0}
.cAlign{text-align:center;}
.back-btn{ margin-top:35px;}




.content-right-content ul li{ margin-bottom:10px; line-height:normal;}

/*-- Global CSS ends --*/

/*-- Header CSS starts --*/

header{}
header .top-brands-logos{display: none;position: absolute;width: 100%;min-width: 1324px;background: #fff;z-index: 10;}
header .top-brands-logos .brands-logo-wrapper{display: flex;justify-content: space-between;}
header .top-brands-logos .brands-logo-wrapper .brands-logo-item{display: flex;align-items: center;padding: 40px}

header .top-jobs-logos{display: none;position: absolute;width: 100%;min-width: 1324px;background: #fff;z-index: 10;top: 46px;}
header .top-jobs-logos .jobs-logo-wrapper{display: flex;justify-content: space-between;}
header .top-jobs-logos .jobs-logo-wrapper .jobs-logo-item{display: flex;align-items: center;padding: 40px}

header .top-header-wrapper{background: #f6f6f6;min-height: 46px;}
header .bottom-header-wrapper{border-bottom: 1px solid #e7e7e7}
header .top-links{display: flex;align-items: center;min-height: 46px;}
header .top-links #shop-with-our-brands > a{min-height: 46px;display: flex;align-items: center;padding: 0 18px;}
header .top-links a:hover{text-decoration: none !important}
header .top-links > ul > li{font-size:1.0625em; line-height: 26px;font-weight: 500;font-family: "Mary-Ann-Regular";}
header .top-links.left-links > ul > li > a:hover{color: #404040; text-decoration: underline}
header .top-links.right-links{justify-content: flex-end}
header .top-links.right-links > ul{display: flex;flex-wrap: nowrap;position: relative}
header .top-links.right-links > ul > li{font-family: "Mary-Ann-Regular"; }
header .top-links.right-links > ul > li > a:hover, header .top-links.right-links > ul > li > a.active{background: #d8d8d8; color: #404040; text-decoration: underline;}
header .top-links.right-links > ul > li > a.active{font-family: "Mary-Ann-ExtraBold";}
header .top-links.right-links > ul > li > a{min-height: 46px;padding: 0 18px;display: flex;align-items: center;transition: all 0.3s ease-in-out}
header .top-links.right-links > ul > li:last-child{margin-right: 0}
header .top-links a{text-decoration: none}
header .top-links.right-links .supplier-list{display: none;position: absolute;width: 100%;flex-direction: column;background: #f6f6f6;z-index: 10;top: 46px;padding: 22px 0;}
header .top-links.right-links .supplier-list li a{padding: 5px 20px 9px 32px;display: block;transition: all 0.3s ease-in-out}
header .top-links.right-links .supplier-list li.indexLink{font-family: "Mary-Ann-ExtraBold"; font-size: 18px; line-height: 26px}
header .top-links.right-links .supplier-list li{font-size: 17px; line-height: 26px;font-family: "Mary-Ann-Regular";}
header .top-links.right-links .supplier-list li a:hover{background: #d8d8d8;color: #404040;font-family: "Mary-Ann-ExtraBold";text-decoration: underline}
header .share-price-ticker{width: 200px !important; margin-left: 32px;}
header .share-price-ticker .external-web{display:flex; align-items: center; background: #f06c00; padding: 10px;min-height: 46px;}
header .share-price-ticker .external-web iframe{height: 25px !important}

header .bottom-header-wrapper .logo-wrapper{min-height: 80px;display: flex;align-items: center;}
header .bottom-header-wrapper .logo-wrapper > a:hover{background: transparent}
header .bottom-header-wrapper .top-navigation{display: flex; align-items: center;justify-content: space-between;}
header .bottom-header-wrapper .top-navigation > ul{display: flex;align-items: center;min-height: 80px;}
header .bottom-header-wrapper .top-navigation > ul.search-container{padding: 0 45px; border-left: solid 1px rgba(202, 202, 202, 1);}
header .bottom-header-wrapper .top-navigation > ul a{text-decoration: none}
header .bottom-header-wrapper .top-navigation > ul a.search-btn{font-size: 20px;}
header .bottom-header-wrapper .top-navigation > ul li.search-link{display: flex;align-items: center;}
header .bottom-header-wrapper .top-navigation > ul > li.level1{font-size: 1.125em; line-height: 26px;font-family: "Mary-Ann-ExtraBold"}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > a{display: flex;align-items: center;padding: 15px;min-height: 80px;color: #404040; transition: 0.2s ease-in-out}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > a.activeNavLink, header .bottom-header-wrapper .top-navigation > ul > li.level1.selected > a, header .bottom-header-wrapper .top-navigation > ul > li.level1.current > a{color:#f06c00;border-bottom: 2px solid #f06c00; padding-bottom: 8px}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > a:hover,header .bottom-header-wrapper .top-navigation > ul > li.level1 > a:focus{background: #f6f6f6;}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul.activeNav{display: block; transition: all 0.3s ease-in-out}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul.activeNav.left25{margin-left:-15%}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul.activeNav.left50{margin-left:-35%}

header .bottom-header-wrapper .top-navigation > ul > li.level1 ul{display: none;position: absolute;z-index: 1;background: #fff;padding: 27px 0;min-width: 310px;background: #ffffff;box-shadow: 8px 10px 15px 0 rgba(202, 202, 202, 0.4);border: 1px solid #E7E7E7}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul li{font-family: "Mary-Ann-Regular";font-size: 17px !important}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul li.haschildren.selected > a, header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul li.haschildren.current > a{font-family: "Mary-Ann-ExtraBold";background: #f6f6f6;text-decoration: underline;}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul li.haschildren a{position: relative}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul li.haschildren > a::before{content:"\e905";font-family: "icomoon"!important;position: absolute;right: 28px;font-size:0.875em;}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul li a{display:inline-block; padding: 5px 55px 9px 32px; width: 100%; color: #404040; transition: 0.2s ease-in-out}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul li:not(.haschildren) a{padding: 5px 20px 9px 32px;}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul li.indexLink{font-family: "Mary-Ann-ExtraBold";}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul li a:focus{color: #404040;background: #f6f6f6;}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul li a.activeNavLink{font-family: "Mary-Ann-ExtraBold";background: #f6f6f6; text-decoration: underline;}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul li a:hover{background: #f6f6f6;color: #404040;}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul li.current > a{background: #f6f6f6;color: #404040}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul > li ul{display:none;position: absolute;top: -1px;width: 100%;left: 100%;background: #ffffff;}
header .bottom-header-wrapper .top-navigation > ul > li.level1 > ul > li ul.activeNav{display: block}

header #searchbox{display: none;position: absolute;width: 100%;background: #fff;border-top: 1px solid #e0e0e0;padding: 20px 0;z-index: 10;overflow: visible !important}
header #searchbox .search-wrapper{display: flex;}
#searchTextboxContainer{flex: 0 0 100%;width: 100%}
#SearchButtonContainer{position: absolute;right: 25px;}
#SearchButtonContainer > a#searchButtonA{display: inline-block;height: 30px;width: 30px;position: absolute;z-index: 1;right: -7px;}
header #searchbox #searchTextbox{border-bottom: 1px solid #aeaeae;border-top: 0px;border-right: 0px;border-left: 0px;color: #767676;font-size: 1.125em;line-height: normal;padding-bottom: 17px;width: 100%;}

.ui-widget-content{z-index: 9999 !important; left: 0 !important; position: absolute !important}

@media all and (max-width: 1145px) and (min-width: 991.98px){
	header .bottom-header-wrapper .top-navigation > ul > li.level1 > a{padding: 15px 10px;}
    header .bottom-header-wrapper .top-navigation > ul > li.level1{font-size: 1em}
}
@media all and (max-width: 991.98px){
header .top-links.right-links ul{display: none}
header .top-header-wrapper{background: #f6f6f6;min-height: 80px;width: 100%;display: flex;align-items: center;}
header .top-header-wrapper > .container-fluid{width: 100%}
header .top-header-wrapper > .container-fluid > .row{display: flex;justify-content: center;align-items: center;}
header .top-header-wrapper .mobi-logo img{max-width: 200px; height: auto}
header .top-header-wrapper .mobi-menu{display: flex !important;align-items: center;}
header .top-header-wrapper .mobi-menu-trigger{margin: 0;height: 46px;margin-right: 20px;background: transparent;}
header .bottom-header-wrapper{display: none}
header .top-header-wrapper .mobi-menu-trigger{margin-top: 0!important}
header .bottom-header-wrapper{display: block}
header #searchbox{display: block !important;height: 100% !important;position: relative;overflow: auto !important;padding: 0 !important;margin: 0 !important;}
#searchTextboxContainer{padding-left: 45px !important;}
header #searchbox #searchTextbox{padding-bottom: 13px;}
}
@media all and (max-width: 767.98px){

}

/*-- Header CSS ends --*/

/*-- Footer CSS starts --*/
#footerwrapper { background:#404040; margin-top:85px; }
.footer-links-title{color:#fff; font-weight:bold; font-size:1.500em; line-height:normal; margin-bottom:30px; margin-top:0px;}
.download-app img{float:left;}
.download-app ul li{ float:left; padding-right:30px;}
.download-app ul li a{ display:block; float:left;}
.footer-top{padding:104px 0 60px 0; border-bottom:1px solid #828282;}
.social-media-links ul {}
.social-media-links ul li { padding-right:30px; float:left;}
.social-media-links ul li a{ color:#fff; float:left; font-size:2.5em; text-decoration:none;}
.social-media-links ul li a:hover{ color:#9f9f9f;}
.footer-bottom{padding:70px 0 54px 0;}
.footer-links ul { margin-top:50px;}
.footer-links ul li a{color: #fff; text-decoration:none; }
.footer-links ul li a:hover { color:#9f9f9f;}
.footer-links ul li{padding-bottom:16px; margin-bottom:0; font-size:1.250em; background:0 none !important; padding-left:0px !important;}

.brands-logos-footer, .jobs-logos-footer {display:none; }



/*-- Footer CSS ends --*/

/*-- Home Banner CSS starts --*/
.home-banner-image{min-height:500px;}
.home-banner-content{text-align:center;}
.home-banner-slider ul {text-align:center; margin-bottom:15px; margin-top:30px;}
.home-banner-slider ul li{display:inline-block; border:2px solid #636363; border-radius: 50px; cursor: pointer; height: 13px; margin-right: 14px; text-indent: -9999px; width: 13px;}
.home-banner-slider ul li.slick-active {background: #636363;}
.home-banner-slider .slick-dots li a {height: 15px; width: 15px; float: left; margin-left: -3px; margin-top: -3px;}
.home-banner-title{color:#404040; margin:43px 0 43px 0;}
.orange-btn a{font-size:1.125em; line-height:24px; color:#fff; background:#f06c00; padding:14px 20px;  text-align:center; text-decoration:none; display: inline-block; cursor:pointer !important;font-weight: normal;min-width: 256px;margin: 0 15px 30px 0 !important;}
.orange-btn a:hover{background:#e55000;text-decoration: none !important;color: #fff !important;}
.orange-btn a:focus{outline:#404040 solid 1px !important;}
.home-banner-content .orange-btn a{margin:0;}
/*-- Home Banner CSS ends --*/

/*-- Homepage CSS starts --*/
.company-logo-wrapper{margin:70px 0}
.brands-logos .company-logo-wrapper .company-logo-item, .jobs-logos .company-logo-wrapper .company-logo-item{ width:20%;}
.company-logo-wrapper .company-logo-item{float:left;text-align: center; width:16.6%; position:relative;}
.company-logo-wrapper .company-logo-item a {display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 100%;}
.company-logo-wrapper .company-logo-item a:hover{background: transparent}
.company-logo-inner-wrapper img {margin: 0 auto;}
.company-logo-inner-wrapper a{ display:block; height:auto !important;}
.company-logo-inner-wrapper{display: table; float: left; width: 100%; min-height:91px;}
.section-title a{ /*color:#f06c00;*/ text-decoration:none;background: transparent;}
.section-title a:hover{ color:#404040; }
.section-2-title.section-title{text-align: center; margin: 70px 0 30px;}
.home-section-item a { text-decoration:none; float:left; height:auto; display:inline-block; width:100% !important;}
.home-section-item a:hover .home-section-main-title{color:#f06c00;}
.home-section-title, .home-section-main-title{color:#404040;}
.home-section-main-title{/*font-size:1.500em;*/ line-height:normal; font-weight:normal; margin:0px;}
.home-section-content {padding: 16px 20px 40px 20px; background:#fff; min-height:165px;}
.home-section-title{padding-bottom:10px;}
.section-slider-heading{/*color:#404040; font-size:1.750em; line-height:normal;*/ padding:20px 40px 35px 45px; background: #f6f6f6; text-align:center; margin:0px; font-weight:normal;}
.home-section-slider .slick-prev {left: -70px; position: absolute; top:46%; transform: translateY(-35%); -ms-transform: translateY(-35%); -o-transform: translateY(-35%); -webkit-transform: translateY(-35%);  border: 0 none; font-size:2.5em; color:#f06c00; background:0 none; }
.home-section-slider .slick-next {right: -70px; position: absolute; top:46%; transform: translateY(-35%); -ms-transform: translateY(-35%); -o-transform: translateY(-35%); -webkit-transform: translateY(-35%); border: 0 none; font-size:2.5em; color:#f06c00; background:0 none; }
.home-section-slider .slick-prev:hover, .home-section-slider .slick-next:hover { color:#e55000;}

.home-section-slider .slick-prev.slick-disabled, .home-section-slider .slick-next.slick-disabled { cursor:no-drop; color:#9c9c9c; display:none !important;}

.our-commitments-slider .slick-prev {left: -70px; position: absolute; top:46%; transform: translateY(-35%); -ms-transform: translateY(-35%); -o-transform: translateY(-35%); -webkit-transform: translateY(-35%);  border: 0 none; font-size:2.5em; color:#f06c00; background:0 none; }
.our-commitments-slider .slick-next {right: -70px; position: absolute; top:46%; transform: translateY(-35%); -ms-transform: translateY(-35%); -o-transform: translateY(-35%); -webkit-transform: translateY(-35%); border: 0 none; font-size:2.5em; color:#f06c00; background:0 none; }
.our-commitments-slider .slick-prev:hover, .our-commitments-slider .slick-next:hover { color:#e55000;}
.our-commitments-slider .slick-prev.slick-disabled, .our-commitments-slider .slick-next.slick-disabled { cursor:no-drop; color:#9c9c9c; display:none !important;}


.section-2-link.orange-btn{margin:0 auto; text-align: center; padding: 35px 0 30px;}
.section-2-container{margin-top:-72px;}
.section-1 .section-title, .section-3 .section-title, .section-4 .section-title, .section-5 .section-title, .section-7 .section-title{margin: 73px 0 25px 0; }
.section-3-image{min-height:560px;}
.section-3-number{font-size:19.063em; color:#f06c00; line-height: normal; text-align:center; height:348px;}
.section-3-number-content{font-size:2.063em; color:#f06c00; line-height: normal; text-align:center; width: 75%; margin:0 auto;  clear: both; padding-bottom:15px;}
.section-3-link{text-align:center; clear: both; margin-bottom:15px;}
.section-3-link a{font-size:1.125em; line-height:normal; color:#404040;}
.section-3-link a:hover{color: #f06c00; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.chrome .media-hub a:hover { transition:none !important; color:#f06c00;}
.story-title{color:#404040; margin-top:0px;}
.story-date{color: #404040;z-index: 9999;font-family: Arial;font-weight: bold;padding-bottom: 15px;font-size: 16px;line-height: 23px;}
.story-item{border-bottom:2px solid #f06c00;}

.story-item img{ width:100%;}
.story-item .story-content{padding:20px 20px 20px 20px; min-height:100px;}
.story-item a{ text-decoration:none;}
.story-item a:hover .story-title { color:#f06c00 !important; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.twitter-feeds-title{color:#404040; }
.twitter-feeds-title h3{ font-size:1.2em; color:#404040; font-size:1.2em; line-height:normal; font-weight:normal; }
.twitter-feeds-image {float:left; width:35%}
/*.title-apart {float:left; width:65%; padding-right:20px}*/
.title-apart img {float: right; margin-left: 20px; max-width: 116px;}
.twitter-feeds-title img {float: right; margin-left: 20px; max-width: 116px;}
.twitter-feeds-title a{color:#f06c00; text-decoration:none;}
.twitter-feeds-title a:hover{color:#404040; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.twitter-feeds-panel{background:#fff; padding:20px 20px 52px/*52px 20px*/;}
/*.social-media-panel{min-height:289px;}*/
.social-media-title{color:#404040; margin:10px 0; font-size:1em; font-weight:normal;}
.social-media-heading{font-size:1.500em; line-height:normal; color:#f06c00}
.twitter-feeds-panel {position:relative;}
.twitter-footer {bottom: 0; position: relative;}


.twitter-footer-img, .twitter-footer-details{float:left;}
.twitter-footer-details-name {color: #f06c00; line-height: 20px;}
.twitter-footer-img{margin-right:15px;}
.instagram-panel{padding:10px; background:#fff;}

.instagram-panel .instagram {float: left; height: 128px; margin-bottom: 10px; padding-right: 10px; width: 33.3333%;}
.instagram-panel .instagram a {float: left; width: 100%;}
.instagram-panel .social-timestamp-link > img {height: 128px; width: 100%;}

#contentwrapper{/*margin-bottom:85px;*/}
/*.section-title.grey{color:#404040 !important}*/
.feed-area { margin-top:65px;}

.news-story-slider .story-item { margin-bottom:20px;}

/*-- Homepage CSS ends --*/

/*-- Filter CSS starts --*/
.filter-wrapper { background-color: #fff; padding: 0 0 57px; }
.filter-label label { display:block; /*font-size: 1.500em; line-height: normal;*/ padding:17px 0 17px 31px; }
.freetext-wrapper { display: block; padding: 15px 0 17px; border: 1px solid #636363; position: relative; margin-top:2px; height:58px; }
.freetext-wrapper:before{ font-size:1.2em; position:absolute; top:20px; color:#404040; right:18px;}
.freetext-wrapper:hover { color: #0b0b0b; border-color: #646464; }
.freetext-wrapper.active { border: 2px solid #3b3b3b; color: #404040; }
.freetext-wrapper .freetext-value{ float:left; width:calc(100% - 38px); line-height:normal; }
.freetext-wrapper .freetext-value input{ font-size: 1.125em; line-height: normal; color: #636363; padding-left:23px; border:none; margin-left:1px; }
.freetext-wrapper .freetext-value input:hover { color:#404040; }
.freetext-wrapper .freetext-search{ float:right; width:30px; line-height:normal; position:absolute; right:12px; top:15px; }
.freetext-wrapper .freetext-search input{ width:30px; height:30px; position:absolute; background:0 none; }
.freetext-wrapper .freetext-search a{ width:30px; height:30px; float:left;}

.selectedTab { display: block; padding: 17px 40px 19px 18px; font-size: 1.125em; line-height: normal; color: #404040; border: 1px solid #636363; position: relative; cursor:pointer; color: #636363; }
.selectedTab a { color: #636363; text-decoration: none; }
.selectedTab:hover { color: #0b0b0b; border-color: #646464; }
.selectedTab.active { border: 2px solid #3b3b3b; color: #404040; }
.selectedTab:after { content: ""; display: block; position: absolute; width: 14px; height: 14px; border-left: 3px solid #404040; border-bottom: 3px solid #404040; right: 20px; top: 50%; margin-top:-4px; transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transition:rotate 1s ease; -webkit-transition:rotate 1s ease; -moz-transition:rotate 1s ease; -ms-transition:rotate 1s ease; -o-transition:rotate 1s ease; }
.selectedTab.active:after { margin-top:3px; transform: translateY(-50%) rotate(135deg); -webkit-transform: translateY(-50%) rotate(135deg); -moz-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); }
.drop-down { position: relative; padding-top:2px; }
.drop-down-list, .freetext-wrapper .ui-autocomplete { display:none; position:absolute; top:100%; left:0; width:100%; background-color:#fff; border: 1px solid #404040; z-index:9; margin-top: 5px; }
.drop-down-list li, .freetext-wrapper .ui-autocomplete li { border-bottom: 1px solid #f4f4f4; }
.drop-down-list li:last-child, .freetext-wrapper .ui-autocomplete li:last-child { border-bottom: 0 none; }
.drop-down-list ul li a, .freetext-wrapper .ui-autocomplete li a{ display:block; padding:15px 15px 15px 25px; text-decoration:none; line-height:normal; }
.blog-drop-list .drop-down-list ul li a, .blog-drop-list .freetext-wrapper .ui-autocomplete li a {padding:15px 15px 15px 45px;}
.blog-drop-list li.all-categories a,
.blog-drop-list li.health a,
.blog-drop-list li.sourcing a,
.blog-drop-list li.environment a,
.blog-drop-list li.community a,
.blog-drop-list li.our-colleagues a{ padding:15px 25px !important; }


.drop-down-list ul li a:hover, .freetext-wrapper .ui-autocomplete li a:hover{ color:#fff; background:#3c3c3c !important; }
.freetext-search input{ border:0 none; font-size:0; }
.drop-down-list ul, .freetext-wrapper .ui-autocomplete {max-height: 300px;overflow: auto;}
/*-- Filter CSS ends --*/

/*-- Blog hub CSS starts --*/
.featured-item-wrapper { padding:80px 0; background-color: #f6f6f6; position:relative; }
.featured-item-wrapper a{ text-decoration:none;}
.featured-item-wrapper:before{ content:''; display:block; width:100vw; height:100%; background-color:#f6f6f6; position:absolute; top:0; left:100%; }
.featured-item-wrapper:after{ content:''; display:block; width:100vw; height:100%; background-color:#f6f6f6; position:absolute; top:0; right:100%; }
.featured-item-container { background-color: #fff; min-height:539px;  }
.featured-item-container a, .featured-item-container a:hover { text-decoration:none; display:block; float:left}
/*.featured-item-container a:hover p.blog-category, .featured-item-container a:hover .featured-blog-text p{ color:#767676;}*/
.featured-item-container img{ width:100%;}
.featured-item-content { padding:41px 0 33px 31px; }

.featured-item-image { padding-right: 0; height: 100%; min-height: 590px; background-size: cover !important; }
.blog-title a { color: inherit; text-decoration: none; font-size: inherit; line-height: inherit; }
.featured-blog-title a{ color:#404040; text-decoration:none; font-size:inherit; line-height:inherit;  }
.featured-item-image img{ max-width:none; width:100%; height:auto;  }
p.blog-category {color: #404040;padding-bottom: 7px;z-index: 9999;font-family: Arial;font-weight: bold;padding-bottom: 15px;font-size: 15.5px;line-height: 23px;}
h2.featured-blog-title { font-size: 50px; line-height:62px; padding:5px 0 26px 0;font-weight:normal; margin:0px; }
/*.featured-blog-text { font-size:1.375em; line-height:1.455em; color:#404040; }*/
p.read-more-link a{ font-size:1.500em; line-height:normal; color:#404040; }
.blog-hub-wrapper{ background-color:#fff; /*margin-top:24px;*/}
.blog-hub-item { padding-top: 60px; height:488px; }
.blog-hub-item a{ text-decoration:none;}
.blog-hub-item a:hover .blog-title { color:#f06c00 !important; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.blog-content {	background-color:#f6f6f6; padding:17px 20px 33px; border-bottom:2px solid #e85300; }
.blog-title{ /*font-size:1.5em; line-height:1.417em;*/ color:#404040; padding-bottom:0; margin:0px; font-weight:normal; }
.blog-wrap{ padding-bottom:50px; }
.blog-wrap a:hover h2.featured-blog-title { color:#404040; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.news-year, .blog-year { margin-top:60px;}
.news-content, .blog-content-area{ margin-top:40px;}
#loader {background:url(/~/media/Images/S/Sainsburys/css/loading.gif) no-repeat center 50px; height:180px; float:left; width:100%;}

.blog-grey-theme .top-content-wrap h1, .blog-grey-theme .quote-text p, .blog-grey-theme p.box-helighted-text{ color:#404040;}
.pagenav { text-align: center; width:100%; float:left;}
.pagenav ul.pagination-div li{ display:inline-block; padding-right:15px;}

/*-- Blog hub CSS ends --*/

/*-- Latest section CSS starts -- */
.latest-result-wrapper { background-color: #fff; }
.latest-result-container { background-color: #f6f6f6; }
.latest-result-content { padding:35px 0 33px 30px; }
.latest-result-image img{ max-width:none; width:100%; height:auto;  }
p.latest-result-date { /*color: #404040; font-size: 1.125em;*/ font-family: Arial;font-size: 15.5px;line-height: 26px;color: #404040;font-weight: 600; }
h2.latest-result-title { /*font-size: 2.625em; line-height:1.190em;*/ padding:6px 0 30px 2px; font-weight:normal; }
p.latest-result-text { color:#404040; font-size:1.375em; line-height:normal; }
/*-- Latest section CSS starts -- */

/*-- Report section CSS starts --*/
.report-item {  position:relative; margin-top:10px; text-align:center; background-color: #f6f6f6; padding-top: 35px; padding-bottom:17px; border-bottom: 2px solid #f06c00; border-right: 1px solid #d7d7d7; }
.report-item:after{ content:''; width:1px; height:0; position:absolute; bottom:-5px; right:-1px; background-color:#d7d7d7; }
.report-item:last-child{ border-right:0 none; }
.report-item:last-child:after{ display:none; }
.report-title { font-size: 1.375em; line-height:normal; cursor:pointer; display:inline-block; }
.report-size{ text-transform:uppercase; line-height:normal; }
.latest-result-image{ height:100%; min-height:527px; background-size:cover !important; }
/*-- Report section CSS ends --*/

/*-- Highlight section CSS starts --*/
.financial-highlights-container { background-color: #f6f6f6; margin-top: 70px; }
.financial-highlights-content { padding:12px 0 33px 7px; }
.financial-highlights-image{ padding-right:0; height:100%; min-height:543px; background-size:cover !important; }
.financial-highlights-image img{ max-width:none; width:100%; height:auto;  }
p.financial-highlights-date { color: #404040; font-size: 1.125em; line-height: normal; }
h2.financial-highlights-title { /*font-size: 2.625em; line-height: normal;*/ padding: 30px 0 25px; font-weight:normal;}
p.financial-highlights-text { color:#404040; font-size:1.375em; line-height:normal; }
.financial-highlights-content p:last-child {padding-bottom: 0;}
.financial-highlights-content ul { margin-bottom: 10px; }
.financial-highlights-content ul ul { margin-top: 10px; }
.financial-highlights-content ul li{ margin-bottom: 5px; }
.financial-highlights-content ul li {background:url('/~/media/Images/S/Sainsburys/css/li-dots.png') no-repeat left 15px; padding-left:13px;}
/*-- Highlight section CSS ends --*/

/*-- Result and presentation section CSS starts --*/
.results-presentation-wrapper{ background-color:#f6f6f6; padding:53px 0 80px; }
h2.rp-title{ /*font-size: 2.625em; line-height: normal;*/ padding-bottom:15px; font-weight:normal; }
.rp-container{ background-color:#fff; }
.rp-table-container { padding:26px 18px 0; min-height:300px; background:url(/~/media/Images/S/Sainsburys/css/loading.gif) no-repeat center 30px;}
.yr-title{ font-size:1.750em; color:#404040; padding-bottom:25px; }
.reportTable {margin-bottom: 3px; background:#fff;}
.reportTable tr td { vertical-align:middle;}
.reportTable tr td a{color: #f06c00;background: transparent;}
.reportTable tr td a:hover{color: #e55000;background: transparent;}
a.release-icon, a.audio-icon, a.webcast-icon, a.report-icon, a.presentation-icon, a.video-icon {text-decoration:none; float:left; width:100%; padding:7px 15px; }
a.release-icon { font-size:1.1em;}
a.audio-icon { font-size:1.2em;}
a.webcast-icon { font-size:1.6em;} 
a.report-icon { font-size:1.6em;} 
a.presentation-icon {font-size:1.7em;}
a.video-icon { font-size:1.6em;} 


/*-- Result and presentation section CSS ends --*/


/*-- Tabs CSS starts --*/
.tabs-wrapper .currentTab:before{position: absolute; right: 20px; top: 20px; cursor:pointer;}
.tabs-wrapper.active .currentTab:before { transform:rotate(-180deg);}
.tabs-wrapper .currentTab{ display:none; }
.tabs { position:relative;}
.tabs ul { display: table; width:100%; }
.tabs ul ul{ position:absolute; left:0px; background:#f6f6f6; display:none;}
.tabs-wrapper .tabs > ul{display: flex}
.tabs-wrapper .tabs ul li{width: 100%}
.tabs-wrapper .tabs ul li ul li{border-right:1px solid #fff; }
.tabs-wrapper .ov-tabs ul li a{ display:block; float:left; padding-bottom:10px;}
/*.tabs-wrapper .tabs ul li:hover, */.tabs-wrapper .tabs ul li.current{ border-bottom:0px;}
/*.tabs-wrapper .tabs ul li:hover{background: #E4E4E4; border-top-color: #E4E4E4}*/
.tabs-wrapper .tabs ul li ul li:hover, .tabs-wrapper .tabs ul li ul li.current { background:#fff;}

#contentwrapper .tabs-wrapper .tabs ul li {background:none;padding-left:0;}
.tabs-wrapper .tabs ul li{  display:table-cell; text-align:center; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
.tabs-wrapper .tabs ul li:last-child{ border-right:0 none; }
.tabs-wrapper .tabs ul li.current span{ border-bottom:0px; border-top:#f06c00 solid 2px;  }
.tabs-wrapper .tabs ul li:not(.current):hover span:hover{border-bottom:0px; border-top-color:#E4E4E4;background: #E4E4E4}
.tabs-wrapper .tabs ul li span {padding:18px 12px 18px; display:block; width:100%; height: 100%;}
.tabs-wrapper .tabs ul li a, .tabs-wrapper .tabs ul li.current > span{ display:block; font-size:1.125em; line-height:24px; color:#404040; text-decoration:none;  height: 100%;display: block;}
.tabs-wrapper { background:#fff; position:relative;}
/*.tabs-wrapper .tabs ul li:hover a{ color:#f06c00; }*/
.tabs-wrapper .tabs ul li.current > span, .tabs-wrapper .tabs ul li.current > a.current{ color:#f06c00; }
.tabs-wrapper .tabs ul li#nav-archive-level3:hover ul{ display:flex; }
.tabs-wrapper .tabs ul li ul li span { border-top:0 none !important;}

.tabs-wrapper .tabs ul li ul li.current span, .tabs-wrapper .tabs ul li ul li:hover span  {border-top:#f06c00 solid 6px !important; }

.tab-shareholder-information { margin:25px 0; float:left; width:100%;}

/*-- Tabs CSS ends --*/

/*-- Table CSS starts --*/
table { width: 100%;}
table tbody tr:nth-child(even) { background-color:#f2f2f2; }
table thead th{ line-height:normal; text-align:center; vertical-align:middle; padding: 22px 10px 24px 10px; border-bottom:1px solid #d7d7d7; }
table thead td{padding:18px 10px}
table tbody td{ line-height:normal; vertical-align:middle; padding:8px 16px; height: 48px; font-family: "Mary-Ann-Regular"; }
.rad-responsive thead th.cAlign{ width:117px; }
.reportTable.rad-responsive .rp-date { width:160px; }
.reportTable.rad-responsive .rp-date, .reportTable.rad-responsive .rp-title{ text-align:left; }
.news-content table thead th { text-align:left;}

.rad-responsive tbody td.cAlign a img { display: inline-block; }
table td.rp-date{ width:200px; }
body#ip3-results-reports-and-presentations table td.rp-date{ width:150px; }
/*-- Table CSS ends --*/

/*-- Delivering Section CSS starts --*/
.delivering-wrapper{ padding:54px 0 28px; background-color:#fff; }
.delivering-top-wrapper h2.rp-title{ color:#e85300; padding-bottom:31px; }
.delivering-top-wrapper h2.rp-title a{color:#e85300; text-decoration:none;}
.delivering-top-wrapper h2.rp-title a:hover { color:#404040;}
.delivery-item-wrap {background-color: #f6f6f6; }
.delivery-item{ padding:48px 0px 55px 10px; border-right: 2px solid #fff;}
.delivery-item-wrap:nth-child(5n) .delivery-item { border-right: 0 none; }

.delivery-title{ font-size: 2.625em; line-height:1.190em; padding-bottom:35px; }
.delivery-text{ font-size:1.375em; line-height:1.227em; padding-bottom:0; }
.potential-wrapper { padding-top: 59px; }
.potential-wrapper h2.rp-title{ padding:0 0 5px; color:#e85300; }
.potential-wrapper h2.rp-title a {color:#e85300; text-decoration:none;}
.potential-wrapper h2.rp-title a:hover { color:#404040;}
.potential-sub-title { font-size: 1.375em; }
.potential-item{ padding-top:30px; }
.potential-img-wrapper img{ width:100%; }
.potential-content{ padding:17px 20px 24px; background-color:#f6f6f6; }
.sr-no{ float:left; width:20%; font-size: 5.250em; line-height:78px; color:#a50052; }
.sr-text{ float:left; width:80%; }
.sr-text p { line-height: normal; font-size: 1.375em; padding-top:8px; }
/*-- Delivering Section CSS ends --*/

/*-- Content Banner CSS starts --*/
.content-banner-image{min-height:401px;}
.content-banner-image.video-banner{min-height: 401px}
#bannerwrapper{position: relative}
#bannerwrapper a.banner-video-trigger{display: inline-block;width: 72px;height: 52px;background: #f06c00;position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;border-radius: 7.5px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);}
#bannerwrapper a.banner-video-trigger span{width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 17px;border-color: transparent transparent transparent #fff;display: inline-block;}
#bannerwrapper .banner-video{display: none; position: relative;}
.mfp-content.banner #banner-video{max-width: 1000px;margin: 0 auto;position: relative}
.mfp-content.banner{margin-bottom: 0;max-width: 1000px !important;}
.mfp-content.banner .mfp-close{position: absolute;right: -35px;left: auto;top: 0;}
@media all and(max-width: 767.98px){
	.mfp-content.banner .mfp-close{right:0; top: -20px}
}
/*-- Content Banner CSS ends --*/

/*-- Breadcrumb CSS starts --*/
.breadcrumb-wrapper.grey-bread{background: #f6f6f6}
#breadcrumb { font-size: 0.875em; padding: 24px 0;} 
#breadcrumb > ul{display:flex; flex-wrap: wrap}
#breadcrumb > ul > li{font-size: 16px; line-height: 26px;color: #404040;margin-left:10px}
#breadcrumb > ul > li > a{color: #404040}
#breadcrumb > ul > li::after{content: "\e905";font-family: 'icomoon' !important;margin-left: 7px;font-size: 12px}
#breadcrumb > ul > li:last-child::after{display: none}
#breadcrumb > ul > li > span{font-size: 16px; line-height: 26px; color: #404040; font-weight: 700}
#breadcrumb a,
#breadcrumb span.seperator { text-decoration: none; color: #404040 }
#breadcrumb span { color: #404040 }
#breadcrumb a:hover {background-color: rgba(0,0,0,.06);color: #404040;text-decoration: underline;}
#breadcrumb a:focus{outline: 0}
#breadcrumb .separator {margin: 0 5px;}
@media all and (max-width: 991.98px){
	#breadcrumb > ul > li{font-size: 15px;margin-left: 10px;line-height: 26px}
    #breadcrumb > ul > li::after{margin-left: 8px;font-size: 10px;}
    #breadcrumb > ul > li > span{font-size: 16px; line-height: 26px}
}
@media all and (max-width: 767.98px){
	#breadcrumb{padding: 13px 0;}
    .breadcrumb-wrapper{background: #f6f6f6}
}
/*-- Breadcrumb CSS ends --*/

/*-- Content page CSS starts --*/
.page-title-belt {padding: 15px 0 35px}
.link-container > div{display:inline-block;margin-right:14px;margin-bottom: 20px;}
.link-container > div:last-child{margin-right:0}
.top-intro-text a{ font-weight:normal;}
.top-intro-text a:hover{background: rgba(0,0,0,.06); color: #404040;}
.top-page-title{margin:15px 0 10px 0;}
.introtext-panel{padding:12px 0;margin-bottom: 80px;}
/*-- Content page CSS ends --*/

/*-- Media Hub CSS starts --*/
.investor-section2 { margin:70px 0 0;}
.investor-section2 .section-title{ padding-bottom:80px; /*color:#f06c00;*/}
/*.financial-highlight-title { text-align:center; color:#7f0442; padding-bottom:10px;}*/
/*.financial-highlight-title .h1{color:#7f0442;}*/
.financial-highlight-title { text-align:center; color:rgb(240, 108, 0); padding-bottom:0;}
.financial-highlight-title .h1{color:rgb(240, 108, 0);}
/*.financial-highlight-text { text-align:center; font-size:1.375em;} */
.financial-highlight-text { text-align:center; font-size:1em;line-height: 24px;} 
.latest-news-image{min-height:590px;}
.combination-video-div{min-height:493px/*590px*/;}
.investor-section2 .section-1 .section-title{margin-top: 50px;}
.latest-news-title{padding-bottom:30px;}
.highlight-news-wrapper{padding:30px 0 30px 30px;}
.highlight-news-height{position:relative;}
.latest-news-link {bottom: 55px; position: absolute;}
.media-hub .story-item .story-content {min-height: 50px; padding: 20px;}
.highlight-news{margin-bottom:20px;}
.video-play-icon {background:url('/~/media/Images/S/Sainsburys/icons/video-play-icon') no-repeat center center; display: block; height: 67px; left: 50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); position: absolute; top: 53%; width: 95px;  z-index: 9; cursor:pointer;}
.video-banner{position:relative;}
.video-banner .blackOut { padding-top:100px; height:auto !important;} 
.investor-section2 .section-title {padding-bottom: 40px; padding-top: 50px;text-align: center}
.investor-section2{padding-bottom:80px}
.social-media-heading{padding-bottom:80px;}


/*-- Media Hub CSS ends --*/

/*-- Quick links CSS starts --*/
.quick-links-content ul{float:left; width:100%; margin-bottom:0px !important;}
.quick-links-content ul li{color:#404040; background:0 none !important; padding-left:0px !important; padding-bottom:15px; width:33.333%; float:left; margin-bottom:0px !important; padding-right:25px;}
.quick-links-content ul li a{text-decoration:none; color:#f06c00;}
.quick-links-content ul li a:hover{ color:#e55000; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.quick-links-content{padding:35px 20px 0;}
.quick-links-content.light-grey {padding:35px 20px 25px;}
/*-- Quick links CSS sends --*/

/*-- Our management CSS starts --*/
.member-title{/*font-size:2.500em; line-height:normal; color:#404040;font-weight:normal; */margin-top: -16px; margin-bottom: 8px; }
.member-designation{/*font-size:1.500em; line-height:normal; color:#434347;font-weight:normal; */margin-bottom:6px; margin-top:0px;}
.bodWrapper{ display:none;}
.bod-item{margin-bottom:100px; padding:120px 133px 0 133px;}
.bod-item.alternate {background:#efefef; padding:120px 133px}
.bod-item .bod-content{padding-left:60px;}
.bod-item.alternate .bod-content{float:left}
.bod-item.alternate .bod-image{float:right}
.bod-item.alternate .bod-content{padding-left:10px; padding-right:60px;}
.bod-landing .top-content-wrap { padding-bottom:30px;}
/*-- Our management CSS ends --*/

#auto-top-link:after { border-bottom: 3px solid #fff; border-left: 3px solid #fff; border-radius: 2px; bottom: 0; content: ""; height: 20px; margin: auto; position: absolute; right: 13px; top: 6px; transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);  width: 20px; }
#auto-top-link:hover { background-color: #fff; border: 2px solid #f06c00; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
#auto-top-link:hover:after { border-color: #f06c00 !important; top: -5px; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.touch-device #auto-top-link:hover:after { border-color: #fff !important; top: 6px; }
.touch-device #auto-top-link:hover { background-color: #f06c00; border: 2px solid #fff; }

/*--- Sitemap Start ---*/
#sitemapcontainer { width:100%; float:left; font-size:0.9em; }
#sitemapcontainer ul { padding: 0; background:0 none !important; }
#sitemapcontainer ul ul { padding-bottom: 0; margin-top:0px; padding-top: 10px; margin-bottom:0px; margin-left:20px; }
#sitemapcontainer ul ul ul{ border:0 none; padding-top:0px; padding-bottom:5px; margin-left:5px;}
#sitemapcontainer ul li { list-style: none; margin:0px; padding:0;}
#sitemapcontainer ul li:before{ content: none !important;}
#sitemapcontainer ul li.level1{margin-bottom:10px; padding:0px;}
#sitemapcontainer ul li a {  text-transform:uppercase; background:#f06c00; color:#fff; padding:5px 10px; display:inline-block; width:100%; margin-bottom:0; text-decoration:none; }
#sitemapcontainer ul li a:hover { text-decoration:none; color:#fff !important; background:#e55000;}
#sitemapcontainer ul li ul li { position:relative; list-style:none; font-weight:normal; padding-left:15px !important; }
#sitemapcontainer ul li ul li a { color:#868686; text-transform: none; background:0 none !important; padding:0px; background:#fff; display:inline }
#sitemapcontainer ul li ul li a:hover { color:#f06c00 !important; }
#sitemapcontainer ul li ul li ul li { position:relative; list-style:none; font-weight:normal; }
/*--- Sitemap End ---*/

/*--- Search Results Start ---*/
.ip3search_highlight { font-weight: 700; }
.sitesearchpagination { padding-top: 10px; }
.sitesearchpagination ul li { float: left; margin: 0 10px 0 0; padding: 0; }
table.searchTable tbody tr th { text-align: left; height: 22px; }
table.searchTable tbody tr td{ border-bottom:#f5f5f5 solid 1px;}
#tabs.sectionTabs { position: relative; margin:20px 0 30px 0; float:left; width:100%;}
#tabs.sectionTabs ul { border-bottom: 1px solid #e5e5e5; list-style: none; padding: 0; margin: 0; display:none; }
#tabs.sectionTabs ul li { float: left; padding: 0; margin: 0; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; line-height:28px; }
#tabs.sectionTabs ul li:before { display: none; }
#tabs.sectionTabs ul li.lastLI { border-right: 1px solid #e5e5e5; }
#tabs.sectionTabs ul li a { display: block; padding: 10px 20px; text-align: center; background:#424242; color:#fff; text-decoration:none; }
#tabs.sectionTabs ul li a span { display: block; text-align: center; }
#tabs.sectionTabs ul li.current a:hover, #tabs.sectionTabs ul li a:hover { background-color: #f06c00 ; color: #fff; }
#tabs.sectionTabs span.select { background: #424242; position: absolute; font-size: 1em; top: 0; left: 0; height: 46px; color: #fff; padding:8px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *behavior: url("/~/media/Files/s/sainsburys/htc-files/boxsizing.htc"); }
#tabs.sectionTabs span.select:after{ font-size:0.6em; padding:10px; right:10px; position:absolute;}
#tabsDD { height:46px; width: 100%; cursor: pointer; }
#tabsDD option{ padding-bottom:5px;}
.searchresultpage { padding-top:50px;}
.searchresultpage #searchContainerRP { background: #f8f8f8; display: inline-block; padding:10px; width:320px; }
#searchinnerRP { float: left; }
#searchinnerRP ul { padding-left:10px;}
#searchTextBoxContainerRP { float: left;height:38px; background: #fff; width:255px;}
#searchinnerRP { float: left; }
#searchTextBoxContainerRP, #searchButtonContainerRP { float: left; }
input#SearchTextboxRP { border:none !important; height:38px; padding:0 10px; }
#searchTextBoxContainerRP .ui-autocomplete-input { border: none !important; }
#searchFilter, #resuleMsg { padding-top: 10px; }
.level1level2 td p { padding-top: 10px; }
.searchTable .level1level2 td p { padding-top: 0; }
#SearchbuttonRP { padding:1px 10px; background:#f06c00; border:0 none; color:#fff; }
#SearchbuttonRP:hover{ background:#e55000;}
#search-results .links { margin-bottom: 0px; }
#search-results .searchdescription { margin-bottom: 0px; }
.resultURL{ color:#aaa; line-height:normal; font-size:0.9em; }

.sitesearchpagination  ul li{ padding:0 5px !important; float:left; }

.sitesearchpagination  ul li:before{ content:normal !important;}
.searchresultpage ul li:before { content:normal !important;}

.searchresultpage table tbody td{ text-align:left;}

.site-services{ padding-top:35px;}
/*--- Search Results End ---*/

/*--- Investor Section Start ---*/
.ir-landing .investor-section2 { margin-top:20px; padding-bottom:60px;}
.ir-landing .investor-section2 .section-title { padding-bottom:78px;}
/*.grey-color { color:#404040 !important;} */

.invstor-section3 { margin-top:50px; padding:75px 0; background:#f6f6f6;}
.invstor-section3 .section-title{ padding-bottom:32px; /*color:#f06c00;*/ font-size:2.625em;}

.performance-box { background:#fff; border-bottom:#f06c00 solid 2px; }
.performance-box a{ text-decoration:none;}
.performance-box a:hover .performance-title { color:#f06c00 !important;}

.performance-date { /*color:#404040; font-size:1.375em;*/ padding:10px 20px 10px 20px;}
.performance-title {/*color:#404040; font-size:1.750em;*/ padding:0 20px 22px 20px; /*line-height:normal;*/ font-weight:normal; margin:0px;}
.invstor-latest-updates { padding:70px 0 48px 0;}
.invstor-latest-updates .section-title { margin-bottom:30px;}
.invstor-latest-updates h3 { padding-bottom:15px;}
.invstor-latest-updates .latest-updates-height { margin-bottom:30px;}
.invstor-latest-updates .latest-updates-item { background:#fafafa; border-bottom:#e85300 solid 2px; width:100%; padding:15px 20px; }
.invstor-latest-updates .latest-updates-item .latest-updates-text { padding-bottom:30px;}

.invstor-latest-updates .latest-updates-item .latest-news-title { font-size: 1.625em;line-height: 32px; padding-bottom:10px;}
.invstor-latest-updates .latest-updates-item .latest-news-title a{ text-decoration:none;}
.invstor-latest-updates .latest-updates-item .latest-news-date { font-family: Arial;font-size: 15.5px;line-height: 26px;color: #404040;font-weight: 600}
.invstor-latest-updates .latest-updates-item .news-link { font-size: 18px;line-height: 24px;}
.invstor-latest-updates .latest-updates-item .news-link > a{text-decoration: none}


.inv-responsive-table{margin-bottom:20px; background:#fff;}
tr.inv-responsive-data-tr{ background:none !important;}
td.inv-responsive-data-header {padding:10px 15px; background-color: #ecebeb; border-bottom:#fff solid 1px; width:30%; vertical-align:middle; text-align:left;}
td.inv-responsive-data-content{width:70%; padding:10px 20px; vertical-align:middle; text-align:left; border-bottom:#ecebeb solid 1px;}
/*--- Investor Section End ---*/

/*-- Webform CSS starts --*/
.webform .form-group label{float:left; width:100%;}
.webform .form-group .form-control, .webform .form-group select, .webform .form-group .imgCaptcha{float:left; width:60%;}
.webform .form-group .form-control, .webform .form-group select{padding:9px}
.webform .form-group{margin-bottom:10px;}
.form-group input:focus, .form-group textarea:focus, .form-group select:focus{ outline:#f06c00 solid 1px;}
.recaptcha_input_area > input {padding: 9px;}
.recaptchatable .recaptcha_image_cell center img {height: 55px;}
.webform .form-group .form-control, .webform .form-group select{height:50px;}
.webform .form-group textarea.form-control{height:100px;}
span.required-sign, .form-error-message{color:red;}
span.validator-span, span.invalidemail, span.invalidphoneno, span.invalidname, span.invalidcompanyname, span.invalidproductname, span.invalidwhereisproductmade {float: left; width: 100%; font-size:0.875em; line-height: normal;}
.webform .submit-button {background: #f06c00 none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 1.125em; line-height: normal; padding: 14px 20px; text-align: center; text-decoration: none; border:0px; margin-top:20px;}
.webform .submit-button:hover {background: #e55000 none repeat scroll 0 0;}
.webform input, .webform textarea, .webform select, .webform .form-group .imgCaptcha, #checkAddress{border:1px solid #9f9f9f;}
.webform .form-group .imgCaptcha, #checkAddress{padding:9px;}
.imgCaptcha { width:auto !important;} 
.recaptchatable .recaptcha_image_cell center img {height: 54px;}
table#recaptcha_table td img#recaptcha_challenge_image, table#recaptcha_table #recaptcha_image{width:100% !important; }
table#recaptcha_table td #recaptcha_response_field { width:100% !important; }
table#recaptcha_table #recaptcha_reload_btn, 
table#recaptcha_table #recaptcha_switch_audio_btn, 
table#recaptcha_table #recaptcha_switch_img_btn, 
table#recaptcha_table #recaptcha_whatsthis_btn{ float:left; width:25px; clear:both; }
table#recaptcha_table tbody tr:first-child > td:nth-child(1) { width:50%; }
table#recaptcha_table tbody tr:first-child > td:nth-child(2) { width:20%; }
table#recaptcha_table tbody tr:first-child > td:nth-child(3) { width:30%; }
.webform .form-group.error input, .webform .form-group.error textarea, .webform .form-group.error select{border:1px solid red;}
.reminder-alert > input{float: left; height: 25px; margin-right: 5px; text-align: center; width: 25px; margin-top: 5px; color:#404040; padding:0; line-height:normal;}
.calendar-share-box {float: left; width: 250px; padding:10px 15px 0;}
.add-to-calendar-box{float:left; width:100%; position: relative;}
.reminder-alert {float: left; width: 230px; padding:15px; margin:13px 0 0 0;}
.event-item .reminder-alert { background:#f06c00; color:#fff;}
.financial-calendar-container .event-title.awaiting {width: calc(100% - 592px) !important;}
.financial-calendar-container .event-item:hover .event-title.awaiting {width: calc(100% - 613px) !important;}
.add-to-calendar-list ul{margin-bottom:0 !important}
.add-to-calendar-list ul li{list-style:none; background:transparent !important; margin-bottom:0 !important; padding:0 !important;}
.add-to-calendar-list ul li a{text-decoration:none; padding-left: 25px; position:relative}
.add-to-calendar-text{cursor:pointer; padding:0 10px;}
a.add-to-calendar-text {text-decoration:none}
.add-to-calendar-list {display:none; background: #f6f6f6 none repeat scroll 0 0; position: absolute; top: 45px; z-index: 9; padding:0 10px 10px 10px; border: 1px solid #cccccc;}
.add-to-calendar-list:before {border-bottom: 10px solid #ccc; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); content: ""; height: 0; left: 25px; position: absolute; top: -10px; width: 0;}
.add-to-calendar-list ul li a:before{left:0px; position: absolute; top:-8px;}
.add-to-calendar-text:before{padding-right:10px;}
.add-to-calendar-text:hover{ color:#f06c00; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;} 
.eventsubbox1 > label {width: 120px; float: left;}
.eventsubbox1{margin-bottom:10px;}
#privacychkbox > input {float: left; height: 33px; margin-right: 10px;}
.subsciptionbox #submitbtn, .subsciptionbox .logSub .btn {background: #f06c00 none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 1.125em; line-height: normal; padding: 14px 20px; text-align: center; text-decoration: none; border:0px none}
.subsciptionbox #submitbtn:hover, .subsciptionbox .logSub .btn:hover {background: #e55000 none repeat scroll 0 0;}
.subsciptionbox {float: left; width: 100%; padding:20px 25px;}
.eventsubbox1 input, .evelogin input{padding:0 10px;}
.event-heading{font-size:1.313em; line-height:normal; padding:34px 25px 38px; margin:0px !important;}
.event-date.event-heading {background-color: transparent; padding:34px 25px 38px}
.event-headers{float:left; width:100%; color:#404040;}
.FailureMessage p{ color:#ff0000;}
.upcoming-event, .past-event { border-bottom:20px solid #f6f6f6;}
.float-left{ float:left;}
#checkAddress { margin-right:15px;}
.checkbox-disclaimer > div {float:left; }
.eventsubbox1 input:focus, .evelogin input:focus{outline:#f06c00 solid 1px;}
.subsCribeBut input:focus, .logSub input:focus {outline:#404040 solid 1px;}

/*-- Webform CSS ends --*/

/*-- Contact us starts --*/
#ip3-contact-us { background:#f6f6f6;}
.contact-item { background:#fff; margin-bottom:10px; padding:70px 0 50px 0;}
.contact-item h2{ margin-top:0px; margin-bottom:20px;}
.contacts{ margin-top:30px;}
.contact-logo{ width:100%; float:left; display:table; vertical-align:middle; text-align:center;}
.contact-logo-center{display:table-cell; vertical-align:middle; height:100%; text-align:center; width:100%; }
.contact-logo img{ display:inline;}
.contact-address { line-height:normal; }
.contact-address a{ text-decoration:none;}
.contact-address p { /*color:#767676; line-height:normal; font-size:1.125em; line-height:26px;*/ padding-bottom:10px; }
.contact-map-image{  font-size:1.125em;}
.contact-map-image a{ text-decoration:none;}
.contact-map-image img{ margin-bottom:30px; margin-top:8px;}
.contact-map-image a.map-icon{background:url(/~/media/Images/S/Sainsburys/css/map-icon) no-repeat 25px top; padding-left:60px;}
.contact-map-image a.map-download{ padding-left:27px;}
.contact-map-image a.map-download:before { padding-right:14px;}

/*-- Contact us end --*/

/*-- Strategy CSS starts --*/
.strategy-landing{ margin:60px 0 0; position:relative;}
.strategy-landing .strategy-left-image { padding-right:80px; float:left; width:100%;}
.strategy-landing .strategy-height{ display: table; float: left; vertical-align: middle;width: 100%;}
.strategy-landing .strategy-border { border-right:#cbcbcb solid 1px;}
.strategy-landing .strategy-right-content { display: table-cell; height: 100%; vertical-align: middle; width: 100%; padding:0 20px 0 45px;} 

.strategy-landing .strategy-right-content h2{ /*font-size:2.625em;*/ color:#404040; line-height: normal; margin-bottom:20px;} 
.strategy-landing .strategy-right-content p{ /*font-size:1.375em;*/ padding-bottom:18px;}
.strategy-landing .strategy-right-content p a{ /*font-size:1.091em; text-decoration:none;*/}

.strategy-link-cta { padding-top:60px; }
.nojs .strategy-list-data {position:relative}
.strategy-list-data{ position:absolute; top:0px; width:100%; z-index:9; background:#fff; }
.box-data { display:none; width:100%; min-height:20px;}
.nojs .box-data {display:block}

.back-diagram a:before{ content:"<"; color:#fff; font-size:1.3rem; padding-right:5px;}

.strategy-pop-left { width:24%; float:left; padding:20px 30px 40px 0; }
.diagram-image { padding:40px 0 10px; margin-right:30px;}
.diagram-title { color:#f26b11; font-size:2.063em; line-height:normal; background:url(/~/media/Images/S/Sainsburys/css/strategy-title-arrow) no-repeat center top; padding-top:35px; margin-top:15px; margin-right:35px; text-align: center;}
.strategy-pop-right { width:76%; background:#f8f8f8; float:left; padding:20px 80px 40px 30px; border-left:#cbcbcb solid 1px;}
.strategy-pop-right-item { width:100%; background:#f8f8f8; float:left; padding:20px 80px 20px 30px;}

.box-data .strategy-close a { height:50px; width:50px; right:0px; position:absolute; z-index:9999; background:url(/~/media/Images/S/Sainsburys/css/strategy-close) no-repeat top; right:20px; top:20px; display:block;}
.box-data .strategy-close a:hover {  background:url(/~/media/Images/S/Sainsburys/css/strategy-close) no-repeat bottom; transition:none; -ms-transition:none; -webkit-transition:none;} 
.strategy-pop-right p{ font-size:1.375em; padding-bottom:18px;}

.strategy-pop-top-content { float:left; width:100%; }
.strategy-pop-left-content {float:left; width:60%; padding-right:35px;}
.strategy-pop-right-content {float:right; width:40%; margin-top:9px;}
.strategy-pop-right-content .highlighted-text { padding:0px; font-size:6.5em;; color:#f26b11; line-height:normal; line-height:80px; margin-bottom:12px; text-align:center;}
.strategy-pop-right-content .highlighted-text1 { padding:0px;  font-size:2.063em; color:#f26b11; line-height:normal; text-align:center;}
.strategy-pop-right-content .highlighted-text2{ padding:0px; font-size:2.063em; color:#f26b11; line-height:normal; text-align:center; margin-bottom:30px;}
.strategy-pop-right-content .orange-btn { text-align:center; }
/*-- Strategy CSS end --*/


.footer-bottom {position: relative;}
.brands-logos-footer .company-logo-wrapper, .jobs-logos-footer .company-logo-wrapper{background:#fff; padding:40px 15px; margin:0; max-width:1344px; width:100%;}
.brands-logos-footer .company-logo-wrapper .company-logo-item, .jobs-logos-footer .company-logo-wrapper .company-logo-item {width: 20%;}
.brands-logos-footer{ position: absolute; top: calc(100% - 207px); top: -ms-calc(100% - 207px); top: -o-calc(100% - 207px); top: -webkit-calc(100% - 207px); top: -moz-calc(100% - 207px); z-index: 9; padding:0; left:0}
.jobs-logos-footer{ position: absolute; top: calc(100% - 156px); top: -ms-calc(100% - 156px); top: -o-calc(100% - 156px); top: -webkit-calc(100% - 156px); top: -moz-calc(100% - 156px); z-index: 9; padding:0; left:0}
.brands-logos-footer:after, .brands-logos-footer:before, .jobs-logos-footer:after, .jobs-logos-footer:before {bottom: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;}
.brands-logos-footer:after, .brands-logos-footer:before{left: 70px;}
.jobs-logos-footer:after, .jobs-logos-footer:before{left: 10px;}
.brands-logos-footer:after, .jobs-logos-footer:after {border-color: rgba(0, 0, 0, 0);border-width: 13px;}
.brands-logos-footer:before, .jobs-logos-footer:before {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 0 8px 14px 8px;}
.brands-logos-footer .company-logo-wrapper .company-logo-item, .jobs-logos-footer .company-logo-wrapper .company-logo-item { margin-bottom: 0;}
.footer-links ul li.brands-footer, .footer-links ul li.jobs-footer{position:relative;}
.footer-links ul li.brands-footer:after, .footer-links ul li.jobs-footer:after{content: "\e909"; font-size:0.5em; line-height:normal; padding-left:10px; position:absolute; top:15px; color:#fff}
.footer-links ul li.brands-footer.active:after, .footer-links ul li.jobs-footer.active:after{position:absolute; transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); margin-left:10px;}

.quote-author{font-size:1.2em;}
.footer-links ul li.brands-footer { width:200px;}
.footer-links ul li.jobs-footer { width:80px;}


#contentwrapper ul.rad-list li{cursor:pointer;}
#contentwrapper ul.rad-list li:hover {color: #f06c00; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}


/* -------------- financial-calendar starts ------------ */
.ip3-financial-calendar { background-color: #f6f6f6; }
.financial-calendar { background-color: #f6f6f6; }
#contentwrapper.financial-calendar .tabs>ul { padding-left: 0; }
.financial-calendar-container { margin-top: 25px; }
.event-item { border-bottom: 10px solid #f6f6f6; position: relative; }
.event-item:hover { border-top: 1px solid #d7d7d7; }
.event-item:hover:after { content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #d7d7d7; }
.event-date { float: left; width: 92px; min-height: 92px; background-color: #404040; padding: 14px 10px 7px; }
.event-date p { padding-bottom: 0; }
.date { font-size: 1.750em; line-height: 0.571em; color: #fff; }
.event-item:hover .event-date { border-left: 11px solid #7f0442; width: 113px; }
._dateordinal { font-size: 0.571em; line-height: normal; }
.month, .year { font-size: 1.05em; line-height: 1.111em; color: #fff; }
.month { margin-top: 3px; }
.event-title { float: left; line-height: normal; color: #404040; padding: 34px 25px 38px; width: calc(100% - 92px); }
.event-title.awaiting { width: calc(100% - 302px); }
.event-title p { padding: 0; }
.event-title a { }
.event-item:hover .event-title { width: calc(100% - 113px); }
.event-item:hover .event-title.awaiting { width: calc(100% - 323px); }
.event-item:hover .event-title p { }
.event-outlook { float: left; width: 210px; position: relative; min-height: 92px; }

/*.event-outlook .outlookLink { display: inline-block; position: absolute; right: 30px; top: 50%; width: 56px; height: 56px; background-color: #e95400; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}*/

.outlook-text {color: #fff; width: 159px; background-color: #e95400; text-decoration: none; position: absolute; right: 42px; height: 100%; padding: 8px 10px; line-height: 1.188em; text-align: right; }
.event-item:hover .outlook-text { display: block; }
.cross { background: #fff; height: 15px; position: absolute; width: 3px; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.cross::after { background: #fff; content: ""; height: 15px; left: 50%; position: absolute; top: 50%; width: 3px; transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); }
/* -------------- financial-calendar ends ------------ */

/* -------------- Media Toolkit starts --------------- */
.media-toolkit-wrapper { background-color: #f6f6f6; padding: 27px 0 15px; }
.media-toolkit-item-container { background-color: #fff; }
.media-toolkit-item { margin-bottom: 40px; }
.media-toolkit-item-container a{ text-decoration:none;}
.media-thumb-wrap { position: relative; }
.media-content-wrap { padding: 17px 20px 47px; min-height: 245px; }
.video-category { display: block; position: absolute; left: 12px; bottom: 0; font-size:1.7em; color:#a4a4a3; padding:11px 17px;}

.media-content-wrap.image:before { font-size:1.6em; color:#a4a4a3; bottom:17px; position:absolute; }
.media-content-wrap.document:before, .media-content-wrap.report:before  { font-size:1.6em; color:#a4a4a3; bottom:17px; position:absolute; }
.media-date { font-size: 0.875em; line-height: normal; padding: 0; color: #767676; }
.media-title { /*font-size: 1.375em; line-height: 1.273em;*/ padding: 14px 0 0; font-weight:normal; margin:0px;}
.media-thumb-wrap>img { width:100%; height:100%; max-width:none; }
.preview-image-link { position:absolute; right:70px; bottom:0; width:60px; height:60px; border:0; font-size:1em; color:#404040; padding:13px 17px; }
.preview-image-link:hover { background-color: #f06c00; color:#fff; }

.input-icon { position: absolute; right: 10px; bottom: 0px; width: 60px; height: 60px; border: 0; font-size:1em; color:#404040; padding:14px 20px; background:0 none;}
.input-icon:hover {background-color: #f06c00; color:#fff !important;}
input.download-image-link:hover{ background: url(/~/media/Images/S/Sainsburys/css/input-download-hover.png) no-repeat center #f06c00;}

.download-image-link, .media-download-link { position: absolute; right: 10px; bottom: 0px; width: 60px; height: 60px; border: 0; font-size:1em; color:#404040; padding:14px 20px; background:0 none; }
.download-image-link:hover, .media-download-link:hover { background-color: #f06c00; color:#fff !important;}
.freetext-wrapper .ui-autocomplete { width: 100% !important; top: 100% !important; padding:0 !important; z-index: 99 !important; }

.freetext-wrapper .ui-autocomplete a { height:auto; margin:0; color:#0b0b0b; }
.freetext-wrapper .ui-autocomplete a:hover{ height:auto; margin:0; }
.media-download-link2{ right:130px;}
/* -------------- Media Toolkit ends   --------------- */



.blog-wrap.data-loading .featured-item-wrapper  {background:url(/~/media/Images/S/Sainsburys/css/filter-loading.gif) no-repeat center 16px #f6f6f6 }
.twitter-footer-details-name a, .twitter-comapny-name a, .social-media-heading a{text-decoration:none;}
.twitter-comapny-name a, .social-media-heading a{color:#f06c00}
.twitter-comapny-name a:hover, .social-media-heading a:hover {color:#404040; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
#homeyoutubeXmlContainer .social-timestamp-link {display: block; float: left; height: 100%; position: relative; width: 100%;}
#homeyoutubeXmlContainer .social-timestamp-link > img {float: left; height: 100%; position: relative; width: 100%;}
.youtube-panel{position:relative;}
.youtube-panel img{ width:100%;}
.youtube-panel a:after {background: rgba(0, 0, 0, 0) url("/~/media/Images/S/Sainsburys/icons/video-play-icon") no-repeat scroll center center; content: ""; height: 67px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 95px; cursor:pointer;}

/*--- Search no JS CSS --*/
.nojs #searchbox{display:block}

.upcoming-events-title, .past-events-title {float: left; padding: 0 25px; width: 100%;}
.home-banner-image .inv_ParentContainer {max-width:1322px; /*margin-top:100px!important*/}
.home-banner-image {/*margin-top:100px;*/ position:relative; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.video-banner .blackOut {background:#404040 !important;}
.video-close {position:absolute; right:50px; top:130px; height:25px; width:25px; font-size: 1.2rem; text-decoration:none; color:#404040; z-index:90; display:none; cursor:pointer; float:left;}
.video-close:hover {text-decoration:none}


.strategy-top-div{background:#fff;z-index:1}
.strategy-list-data{z-index:-1}
.strategy-landing.mapAreaDiv .strategy-list-data{z-index:9}

@media all and (max-width: 991px) {
.home-banner-image {margin-top:59px}
.home-banner-image .inv_ParentContainer { margin-top:0!important}
} 
@media all and (max-width: 767px) {
.home-banner-image {margin-top:59px}
} 


/* ---------------  Property web form starts ------------- */
.radio-wrapper input[type="radio"] { float: left; margin:11px 0; }
.radio-wrapper input[type="radio"]:focus { outline:#f06c00 solid 1px; }
.webform .radio-wrapper label { width: auto; padding-left: 10px; }
.webform-sec-heading .heading, .form-success-message, .form-error-message { /*font-size: 1.625em; font-weight: bold; */margin: 30px 0 20px; }
.webform-tool .form-group { min-height: 125px; }
.webform-tool .form-group.telephone-wrapper, .webform-tool .form-group.list-wrapper, .webform-tool .form-group.submit-container { min-height: 0; }
.webform-sec-heading.about-site .heading { margin-top: 20px; }
.webform-tool .form-group.list-wrapper {margin-bottom: 52px;}

/* ---------------  Property web form ends ------------- */

/*-- Content CSS Starts --*/
/*.top-content-wrap h1{ color:#e85300; }*/
.top-content-title h2 {/*color:#e85300; font-size:2.625em; line-height:50px;*/ margin:0px;}
.news-content .top-content-title h2 {color:#e85300; font-size:2.625em; line-height:50px; margin:0px;}
.top-content-title {border-bottom:#bfbfbf solid 1px; padding:20px 0 46px; margin-bottom:40px;}
.top-content-intro { margin-bottom:15px;float:left;width:100%}
.top-content-image { margin-bottom:30px;}
.news-image { text-align:center;}
.news-image img{ display:inline-block;}
.top-content-image img{ max-width:100%;}
/*.top-content-intro p{ font-size:1.750em; line-height:42px; }*/
.top-content { margin-bottom:25px;float:left;width:100%}
.top-content .rad-left{ float:left; margin:10px 30px 10px 0;}
.top-content .rad-right{ float:right; margin:10px 0 10px 30px;}
.content-with-image { padding:49px 0 60px; border-top:#bfbfbf solid 1px; border-bottom:#bfbfbf solid 1px; margin-bottom:40px;float:left;width:100%}
.content-left-image img{ width:100%;}
.content-right-content { display:table-cell; vertical-align:middle;}
.content-right-content p { font-size:1.375em;}

.quote-content{padding:50px 0 40px; border-top:#bfbfbf solid 1px; border-bottom:#bfbfbf solid 1px; margin:55px 0 51px; text-align:center;float:left;width:100%}
.quote-content.no-margin{margin:0 !important;border-bottom:none !important}
.quote-text { margin-bottom:30px;}
.quote-text p{ font-size:2.625em; color:#e85300; line-height:46px;}
.quote-author p{ line-height:normal;}

.content-image { padding:15px 0 50px;}

.grey-box { background:#f6f6f6; text-align:center; padding:50px 20px;}
p.box-helighted-text { font-size:4.125em; color:#7f0442; margin-bottom:22px; line-height:70px;}
p.box-text { font-size:1.375em; }

.content-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin:25px 0 50px 0;}
.content-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.content-grey-border {border-bottom:#bfbfbf solid 1px;}

.grey-bg-color{ background:#f6f6f6; float:left; width:100%;}
.grey-bg-color .latest-stories { margin-bottom:65px;}
.grey-bg-color .section-4 .section-title { margin:50px 0 25px;}
.grey-bg-color .story-item.light-grey { background:#fff;}
.grey-bg-color .related-content-grey-box, .grey-bg-color .related-content-grey-box-image { background:#fff;}
.quick-links-grey-bg-color {background:#f6f6f6; float:left; width:100%; padding-bottom:70px;}
.quick-links-grey-bg-color .section-title{ margin-top:50px;}
.quick-links-grey-bg-color .quick-links-content { background:#fff; padding-bottom:25px;}

.related-content-section { margin-top:64px; float:left; width:100%;} 
.related-content-area { margin-bottom:60px;}
.related-content-area .value-video-image { padding:0px;}
.related-content-area .section-title { margin:60px 0 25px;}
.related-content-video-title { }
.related-content-video-text { color:#e85300; font-size:1.5em;}

.related-content-grey-box { background:#f6f6f6; padding:0 30px 35px 30px;} 
.related-content-grey-box .related-content-height { padding-top:25px;}
.related-content-grey-box .orange-btn { margin-top:0px; text-align:center;}
.related-content-grey-box-image {background:#f6f6f6; padding-bottom:25px;}
.related-content-grey-box-image .orange-btn{ text-align:center;}
.related-content-grey-box-image img{ padding-bottom:50px; margin:0 auto;}
.related-content-grey-box p.rad-big, .related-content-grey-box p.rad-big { color:#7f0442; font-size:3.250em; padding-bottom:20px; line-height:56px;}
.related-content-grey-box p { font-size:1.375em; padding-bottom:27px;}

.top-page-icon { margin-top:15px;}
.top-page-icon img { display:inline-block; width:80px; }

.use-grey-theme h1{ color:#404040;}
.use-grey-theme ul li {background:url(/~/media/Images/S/Sainsburys/css/li-dots-grey.png) no-repeat left 14px !important; padding-left:15px;}


/*-- Content CSS End --*/

/*-- Commitment CSS Starts --*/
.commitment { float:left; margin-bottom:15px !important; }
.commitment-content { text-align:center; padding: 0 0 27px 0;float: left;width: 100%;}
.commitment-content .top-content p{ /*font-size:1.375em;*/}
.commitment-content .top-highlight-text{ font-size:2.625em; width:80%; margin:0 auto; line-height:normal; padding:20px 0 40px 0; }

.white-bg { background:#fff; float:left; width:100%;}
.commitment-achievements { padding:93px 0 80px;}
.commitment-right-content { padding-left:25px; }
.commitment-right-content h2{ font-size:2.625em; padding:15px 0 23px 0; line-height:46px; font-weight:normal;}
.commitment-right-content table tr td{ text-align:left; padding:0 30px 0 0; vertical-align:top; width:50%;}
.commitment-right-content table p.rad-big { color:#7f0442; font-size:3.250em; padding-bottom:5px; line-height:52px;}
.commitment-right-content table p { font-size:1.375em;}
.commitment-right-content table tbody tr:nth-child(2n) { background:#fff;}

/*-- Commitment CSS End --*/

/*-- Value Landing CSS Starts --*/
.tab-grey-bg {background:#f6f6f6; float:left; width:100%;}
.our-value-content {  text-align:center;}
.our-value-landing .our-value-content { margin-top:70px;} 
.our-value-content .top-highlight-text { font-size:1.750em; margin-bottom:15px;}
.our-value-content .top-content { margin-bottom:25px; font-size:1.125em; line-height:30px;}
.our-value-image { margin-bottom:40px;}

.our-value-icon-bg .row{ text-align:center;}
.our-value-box-height { margin:0 auto; text-align:center; display:inline-flex; float:none; width:33%;}

.our-value-icon-bg {background:#f6f6f6; padding:80px 0 0; float:left; width:100%; margin-top:40px;}
.our-value-box { text-align:center; width:90%; margin:0 auto;  padding-bottom:60px;}
.our-value-box-icon { padding-bottom:45px;}
.our-value-box-icon img { display:inline-block;}
.our-value-box-title { font-size:1.625em; padding-bottom:10px;}
.our-value-box-text { font-size:1.250em;}

.content-value-icon { width:100%; padding-bottom:20px; margin-top:52px; text-align:center;}
.content-value-icon img { display:inline-block; width:140px;}

.our-commitments-bg {background:url(/~/media/Images/S/Sainsburys/css/our-commitments-bg.gif) repeat-x #f8f8f8; min-height:600px;}
.our-commitments-bg h2{ font-size:2.625em; margin:75px 0 40px; font-weight:normal;}
.key-achievements h2 { font-size:2.625em; margin:37px 0 33px;font-weight:normal;}

.our-commitments-image { width:100%; }
.our-commitments-image img { margin:0 auto;}
.our-commitments-boxes { margin-top:-21px; position:relative; z-index:9;}
.our-commitments-boxes .box-border{ border-right:#d7d7d7 solid 1px; border-left:#d7d7d7 solid 1px; min-height:225px; margin-bottom:10px; background:#fff; }
.our-commitments-box {padding:31px 0 31px 22px; float:left; width:100%;}

.our-commitments-box .commitments-number{ color:#a50052; font-size:5.250em; float:left; line-height:62px; width:50px;}
.our-commitments-box .commitments-content{  float:left; width:77%; padding-left:25px;}
.our-commitments-box .commitments-text {font-size:1.5em; line-height:normal;}
p.commitments-link { font-size:1.375em; line-height:normal; padding:15px 0 40px 0;}
.our-commitments-boxes-link { text-align:center; padding:50px 0; float:left; width:100%;}
.key-achievements { padding:93px 0 0; float:left; width:100%;}
.key-achievements-grey-bg { background:#f6f6f6; float:left; width:100%;}
.key-achievements-right-content { padding:7px 20px 30px 20px;}
.key-achievements-right-content h3{  color:#7f0442; font-size:3.250em; line-height:52px; margin:15px 0 0 0;}
.key-achievements-right-content p{ font-size:1.375em; line-height:normal;}
.key-achievements-right-content .rad-small{ margin-bottom:-30px !important; margin-top:15px; }

.our-commitments-boxes .slick-track { margin:0 auto;}

.value-video-section { background:#f6f6f6; float:left; width:100%; margin-top:35px; padding:65px 0;}
.value-video-title { font-size:2.125em; text-align:center; padding-bottom:5px; line-height:44px;}
.value-video-text { line-height:normal; text-align:center; }
.value-video-image { padding:25px 0 10px 0; cursor:pointer; position:relative;}
.value-video-image-icon{ background:url(/~/media/Images/S/Sainsburys/icons/video-play-icon) no-repeat; width:95px; height:67px; top:50%; left:50%; margin:0 auto; position:absolute; z-index:9; transform:translate(-50%, -50%)}
.value-video { padding:25px 0 0 0; display:none;}
.value-video-content { font-size:1.750em; color:#404040;}

.media-hub .featured-item-wrapper-hub .featured-item-container { background:#f6f6f6 !important;}
.media-hub .blog-hub-item { padding-top:20px !important;}
.media-hub .blog-wrap { padding-bottom:0px;}
.blog-image {height:263px; background:url(/~/media/Images/S/Sainsburys/css/filter-loading.gif) no-repeat center 80px;}

/*-- Value Landing CSS End --*/

/*-- Youtube responsive CSS starts --*/
.youtube-video-box {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin-bottom:5px;}

.youtube-video-box iframe, .youtube-video-box object, .youtube-video-box embed {position:absolute; top:0; left:0; width:100%; height:100%;}
/*-- Youtube responsive CSS ends --*/

.blog-image{ min-height:260px; }

/*-- Our vision CSS starts --*/
.our-vision .quote-content{border-top:0px; border-bottom:0px; margin: 12px 0 16px;}
.our-vision .quote-text p{color:#5e5e5e;}
.our-vision .quote-link{float:left; width:100%; text-align:center; margin-bottom:65px;}
.our-vision .section-2{background:#f8f8f8; padding: 60px 0 0; min-height:350px;}
.our-vision .section-3 {background:#f8f8f8; }
.our-vision .ov-section-2-right-figure{font-size:4.5em; line-height:normal; color:#f26b11;}
.our-vision .ov-section-2-right-figure-text{font-size:2.063em; line-height:normal; color:#f26b11; padding-left: 6px;}
.our-vision .ov-section-2-left-content{border-right: 1px solid #cbcbcb; padding-right: 105px;}
.our-vision .section-3 .section-title {  margin-bottom:40px;}
.ov-section-2-left-content .section-title{margin-bottom: 33px; color:#404040;}
.ov-section-2-right-content{padding-left:93px; margin-top: -3px;}
.our-vision .ov-tabs ul li img{max-width:42%; margin: 0 auto;}
.ov-tabs-content.tabs-content {display:none}
.ov-tabs ul{margin-bottom:0;}
.ov-tabs ul li{font-size: 1.125em; line-height:normal; cursor:pointer; border-bottom:1px solid #fff; vertical-align: middle; border-right: 0px !important; border-top:6px solid #fff; width:20%; float:left; margin-bottom:0px !important; height: auto !important;}
.ov-tabs ul li.current{border-top:2px solid #f06c00; border-bottom:#fff solid 1px;} 

.ov-tabs ul li span{border-top:0px none !important}
/*.ov-tabs ul li:hover{border-bottom:1px solid #fff}*/
.ov-tabs-content .orange-btn{text-align:center;}
.ov-tabs-left-content{border-right:1px solid #cbcbcb; padding-right: 70px; font-size:1.375em;}
.ov-tabs-left-content p{ margin-top:-8px;}
.ov-tab-figure{font-size:4.500em; line-height:normal; color:#f26b11; margin-bottom: 9px; padding-left: 52px;}
.ov-tab-figure-text{font-size:1.375em; line-height:normal; color:#5e5e5e; padding-left: 32px;}
.ov-tabs-content{margin:63px 0 80px 0;}
.ov-tabs-content .orange-btn{margin-top:70px;}
.our-vision .section-4{background:#f8f8f8; padding:70px 0}
.our-vision .section-4-right-content-wrapper{padding-left:70px; border-left: 1px solid #cbcbcb;}
.our-vision .section-4-right-content{margin-bottom:40px;}
.our-vision .section-4-right-title{margin-top:0; color:#404040;}
.our-vision .section-7 .grey-bg-color{background:transparent;}
.our-vision .section-5-figure{color:#871c4f; font-size:4.500em; line-height:normal;}
.our-vision .section-5-figure-text{color:#404040; font-size:1.375em; line-height:normal;}
.our-vision .section-5-content{padding-right: 100px; border-right:1px solid #cbcbcb}
.our-vision .section-5-content p{ margin-top:-8px;}
.our-vision .section-5-right-content {padding-left: 25px; text-align: center; margin-top: -28px;}
.our-vision .section-5 .section-title{margin:57px 0 45px}
.ov-circle-tabs {float:left; width:100%;}
.ov-logo-image {height: 155px; text-align: center; width: 155px; border:2px solid #f3721c; border-radius:50%; position: relative; margin: 3px; cursor:pointer; display:table;}

.ov-logo-image a{ display:table-cell; vertical-align:middle; text-align:center;}
.ov-logo-image img{ text-align:center; margin:0 auto;}
.ov-logo-image-wrapper {border: 2px solid #ededed; border-radius: 50%;}
.ov-logo-image > img {left: 50%; margin: 0 auto; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); -webkit-transform: translate3d(-50%, -50%, 0px);}
.ov-logo-image:after{background: url("/~/media/Images/S/Sainsburys/css/open-close-state") no-repeat 0 0; bottom: -17px; content: ""; height: 37px;  left: 50%; position: absolute; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);width: 36px}
.ov-circle-tab-figure{font-size:2.500em; line-height:normal; color:#961752; padding:0px;}
.ov-circle-tab-figure-desc{color:#5e5e5e; font-size: 1.375em; line-height:normal; padding:0px;}
.our-vision .section-5 {margin-bottom: 40px;}
.our-vision .section-6 {margin-bottom: 40px;}
.ov-circle-box-item.current .ov-logo-image:after {background: rgba(0, 0, 0, 0) url("/~/media/Images/S/Sainsburys/css/open-close-state") no-repeat scroll 0px -44px;}
.ov-circle-box-item.opaqueLayer{opacity:0.3}
.ov-circle-box-item.opaqueLayer.current{opacity:1 !important}
.ov-circle-tabs-item {float: left; width: 25%; text-align:center; padding: 0 10px;}
.ov-circle-box-item-wrap-desktop{margin-top:50px;}
.ov-circle-tabs-wrapper{border-bottom:1px solid #d7d7d7; margin-bottom:50px; min-height:200px;}
.ov-circle-tabs-link.orange-btn {text-align: center;}
.our-vision .tabs-wrapper .tabs ul li > span {font-size: 1em; line-height: normal; width:100%; float: left; padding:10px 12px}
.ov-tabs-left-content.no-figure-value {border-right: 0 none; padding-right: 0;}
.ov-tabs ul li span em{font-style: normal; width: 100%; float: left;}
.ov-tabs ul li span strong {width: 100%; float: left; margin-bottom: 5px;min-height:35px;}
.ov-tabs ul li span strong img{vertical-align:bottom;}
.our-vision .ov-tabs ul li:last-child img{max-width:45%;}
.ov-tabs ul li{position:relative;}
.ov-tabs ul li:after { background: #d7d7d7 none repeat scroll 0 0; content: ""; height: 104%; position: absolute; right: 0; top: -6px; width: 1px;}
.ov-tabs ul{margin-bottom:0 !important}
.ov-tabs-content-wrapper{background:#fff;}
/*-- Our vision CSS ends --*/


#ip3-our-stories .year-filter {display:none}
.ss-top-pad { margin-top:150px;}
.ip3-edit #headerwrapper{ position:relative; float:none; max-width:1344px; margin:0 auto;  }
.search-open ul li ul { display:none;}
.ip3-edit #headerwrapper .header-top{ background:none;}

.section-4-image{ }
.section-4-content { padding:30px 40px;}
.section-4-content .orange-btn { float:right;}
.section-4-text{  width:70%; float:left; line-height:normal; padding-top:5px; padding-bottom:0px;}

.section-5-content {  padding:100px 10%;}
.section-5-text { font-size:3.750em; color:#f06c00; line-height:60px; text-align:center; margin-bottom:90px;}
.section-5-text:before { background: url(/~/media/Images/S/Sainsburys/css/opinion-former-quote-img) no-repeat; content:""; display:inline-block; height:52px; width:110px; }
.section-5-left { width:50%; float:left; border-right:#d7d7d7 solid 1px; }
.section-5-image { float:left; padding:0 20px; }
.section-5-image-text{float:right; padding-right:60px; font-size:1.125em; line-height:26px;}
.section-5-image-text-right { float:right;}
.section-5-image-text p{ padding-bottom:0;}

.section-5-right { width:50%; float:left; padding-left:60px;}

body#ip3-reports-policies-and-standards #contentwrapper-rp-bottom .top-content {text-align:left;}
body#ip3-reports-policies-and-standards #contentwrapper-rp-bottom .top-content ul li {margin-left:15px;}

.home-banner-slider ul li.play-pause { border:0 none; border-radius: 0; margin:0; position: relative; }		
.home-banner-slider ul li.play-pause.pause { background: url(/~/media/Images/S/Sainsburys/css/play-pause.png) no-repeat center bottom; height:13px; }
.home-banner-slider ul li.play-pause.play { background: url(/~/media/Images/S/Sainsburys/css/play-pause.png) no-repeat center top; height:15px; /*top: -3px;*/ }

/*body.internetexplorer11 .home-banner-slider ul li.play-pause.pause { top: -6px; }
body.safari .home-banner-slider ul li.play-pause, body.safari .home-banner-slider ul li.play-pause.pause { top: 0; }*/


/*body#ip3-sainsburys-sustainability-standards .section-4.latest-stories {display:none;}
body#ip3-sainsburys-sustainability-standards .top-page-title h1 {color:#f06c00;text-align: left;margin-left: 8.33333333%;}
body#ip3-sainsburys-sustainability-standards .commitment-right-content h2 {color:#f06c00;} */

/*body#ip3-raw-materials .section-4.latest-stories {display:none;}*/
body#ip3-raw-materials .top-page-title h1 {color:#f06c00;/*text-align: left;margin-left: 8.33333333%;*/}
body#ip3-raw-materials .commitment-right-content h2 {color:#f06c00;} 

#ip3-Homepage .video-link {display:none;}

/*body#ip3-investors .link-container #link-btn-4 {display:none;}*/
.form-errors {padding:20px; border:1px solid #ff0000 }
.validator-span[style*="visibility:hidden"], .validator-span[style*="visibility: hidden"] {height:0px}

.our-vision .tabs-wrapper .tabs ul li a, b.our-vision .tabs-wrapper .tabs ul li.current > span{ display:inline-flex; font-size:1.125em; line-height:normal; color:#404040; text-decoration:none;  }

/* Making a difference new structure start */

.tabs-wrapper.tabs-makingDiff .tabs ul {border-top: 0px solid #d7d7d7; }
.tabs-wrapper.tabs-makingDiff .tabs ul li span {padding: 18px 0px 15px; width: 100%;}
.tabs-wrapper.tabs-makingDiff .ov-tabs ul li {padding-bottom: 5px;}
.tabs-wrapper.tabs-makingDiff .ov-tabs ul li.current {padding-bottom: 6px;}
.tabs-wrapper.tabs-makingDiff .ov-tabs ul li img {max-height: 70px;margin: 0 auto;width: auto;}
.tabs-wrapper.tabs-makingDiff .ov-tabs ul li a {/*float: none;*/}
.tabs-wrapper.tabs-makingDiff .tabs ul li a, .tabs-wrapper.tabs-makingDiff .tabs ul li.current > span{ display:inline-flex; }

.ov-tab-figure-susLogos ul li img {float: left; max-width: 24%; margin: 0 0 2px 2px;}
.section-2.ourSus {margin: 0px; padding: 45px 0;}
.section-2.ourSus .section-title {margin: 17px 0 12px;}
.section-3.our-values-tabs .section-title { margin-top: 10px;}
body#ip3-our-values .section-4 .section-title {margin-top: 50px;}

/*.susLogos-content {float: right; position: relative; left: -50%; text-align: left;}
.susLogos-content ul {list-style: none; position: relative; left: 50%;}
.susLogos-content ul li {float: left; position: relative;}
.susLogos-content ul li img {float: left; max-width: 24%; min-width: 100px; margin: 0 0 2px 2px;}
*/
table.susLogos-content tr td {text-align: center;}
table.susLogos-content tr td ul li {max-width: 100px; display: inline-block;}
table.susLogos-content tr td ul li img {padding: 1px; display: inline-block;}

body.ip3-making-a-difference .related-content-section {display: none;}


/* Making a difference new structure end */




@mixin outline() { 
outline-width: 5px; 
outline-style: solid; 
outline-color: Highlight; 
/* Vendor prefix required to produce native outline style */ 
/* stylelint-disable media-feature-name-no-vendor-prefix */ 
@media (-webkit-min-device-pixel-ratio:0) { 
outline-color: -webkit-focus-ring-color; 
outline-style: auto; 
} 
/* stylint-enable */ 
} 
  
$ui-focus-border-width: 2px; 
$color-ui-focus:  #910048; 
input:focus { 
border-color: $color-ui-focus; 
box-shadow: inset 0 0 0 $ui-focus-border-width $color-ui-focus; 
outline: 0; 
}



/*====== copy with box CSS starts ======*/

#copy-with-box-wrapper{margin-bottom: 50px;position: relative}
#copy-with-box-wrapper:not(.overlap-wrapper){margin-top: 50px}
#copy-with-box-wrapper .copy-content-wrapper h2{margin-bottom: 20px}
#copy-with-box-wrapper .copy-box-wrapper h2 {margin-bottom: 15px; margin-top: 0 ;font-family: Mary-Ann-MidBold;}
#copy-with-box-wrapper .copy-content-button{margin-top: 22px}
#copy-with-box-wrapper .copy-with-box-inner-wrapper{margin: 60px 0 60px}
#copy-with-box-wrapper .copy-with-box-inner-wrapper.overlap-copy-with-box{margin-bottom: 110px}
#copy-with-box-wrapper .copy-with-box-inner-wrapper::before {content: '';position: absolute;background: #f6f6f6;width: 91.66%;height: 100%;top: 0;z-index: -1;}
#copy-with-box-wrapper .copy-with-box-inner-wrapper::after {content: '';position: absolute;background: #f6f6f6;width: 200%;height: 100%;top: 0;z-index: -1;right: 50%;}

#copy-with-box-wrapper .copy-box-wrapper{background: #fff;padding: 37px 50px 35px;min-height: 280px;border: 1px solid rgba(64, 64, 64, 0.05);box-shadow: 0px 10px 57px -1px rgba(14, 31, 53, 0.1);border-bottom: 2px solid #f06c00}
#copy-with-box-wrapper .image-box-wrapper img{width: 100%; height: auto}

#copy-with-box-wrapper .overlap-breadcrumb::before{content: '';position: absolute;background: #f6f6f6;width: 91.66%;height: 76px;top: -76px;z-index: -1;}
#copy-with-box-wrapper .overlap-breadcrumb::after{content: '';position: absolute;background: #f6f6f6;width: 200%;height: 76px;top: -76px;z-index: -1;right: 50%;}

@media all and (max-width: 767.98px){
	#copy-with-box-wrapper:not(.overlap-wrapper){margin: 30px 0 30px}
  #copy-with-box-wrapper .copy-with-box-inner-wrapper{margin: 30px 0 30px}
  #copy-with-box-wrapper .copy-with-box-inner-wrapper.overlap-copy-with-box{margin-bottom: 0}
  #copy-with-box-wrapper .copy-with-box-inner-wrapper::before{width: 100%;height: 80%;}
  #copy-with-box-wrapper .copy-with-box-inner-wrapper::after{height: 80%;}
  #copy-with-box-wrapper .copy-box-wrapper{padding: 22px 16px 22px;min-height: auto;margin-top: 40px;position: relative}
  #copy-with-box-wrapper .copy-with-box-inner-wrapper.overlap-copy-with-box{padding-bottom: 0}
  #copy-with-box-wrapper .copy-with-box-inner-wrapper::after{z-index: -2}
  #copy-with-box-wrapper .copy-box-wrapper::after{content: '';position: absolute;width: 150%;height: 65%;background: #fff;left: -13%;z-index: -1;bottom: -2px;}
  #copy-with-box-wrapper .overlap-breadcrumb::before{width: 100%}
}

/*====== copy with box CSS ends ======*/

/*====== Quote with Image CSS starts =======*/

#quote-with-image-wrapper{margin: 50px 0}
#quote-with-image-wrapper .flex-row{display:flex;flex-wrap: wrap;}
#quote-with-image-wrapper .flex-row.right-image{flex-direction: row-reverse}
#quote-with-image-wrapper .quoter-content{height: 100%;display: flex;flex-direction: column;justify-content: center;padding: 50px 0}
#quote-with-image-wrapper .quoter-content .quote p{font-family: "Mary-Ann-ExtraBold", 'Arial Regular', Helvetica, sans-serif;padding-bottom: 20px;}
#quote-with-image-wrapper .quoter-content .quote{position: relative}
#quote-with-image-wrapper .quoter-content .quote::before{content: '“';font-size: 100px;position: absolute;top: -30px;color: #f06c00;}
#quote-with-image-wrapper .quoter-content .quoteer-name p{font-family: 'Arial Regular', Helvetica, sans-serif;font-weight: 700;font-size: 1.125em; line-height: 26px;padding-bottom: 0;letter-spacing: 0.06px}
#quote-with-image-wrapper .quoter-content .quoteer-position p{font-size: 0.9375em;line-height: 26px;letter-spacing: 0.05px}

@media all and (max-width: 767.98px){
	#quote-with-image-wrapper{margin: 30px 0}
    #quote-with-image-wrapper .flex-row > .mobi-full-image{padding: 0}
	#quote-with-image-wrapper .quoter-content{align-items: flex-start;}
    #quote-with-image-wrapper .quoter-content .quoteer-name p{font-size: 1em; line-height: 26px;letter-spacing: 0.05px;}
	#quote-with-image-wrapper .quoter-content .quote{margin-bottom: 0;text-align: left}
	#quote-with-image-wrapper .quoter-image-content{margin-bottom: 40px}
	#quote-with-image-wrapper .quoter-image-content img{width: 100%; height: auto}
    #quote-with-image-wrapper .quoter-content{padding: 50px 0 0}
}

/*====== Quote with Image CSS ends =======*/

/*====== Image and copy with tag CSS starts ======== */

#image-and-copy-tag-wrapper{min-height: 500px;background: #f6f6f6;margin: 50px 0;position: relative;}
#image-and-copy-tag-wrapper.left-image-wrapper .flex-row{display: flex; flex-direction: row-reverse}
#image-and-copy-tag-wrapper.left-image-wrapper .abso-image-copy-wrapper{right: auto; left: 0}
#image-and-copy-tag-wrapper.left-image-wrapper .flex-content .image-and-copy-tag-content{padding: 40px 0 40px 50px}
#image-and-copy-tag-wrapper .image-and-copy-tag p{padding-bottom: 13px; font-size: 1em; line-height: 24px; letter-spacing: 0.05px; font-weight: 700}
#image-and-copy-tag-wrapper .image-and-copy-title h2{margin-top: 0;margin-bottom: 20px;}
#image-and-copy-tag-wrapper .image-and-copy-desc{margin-bottom: 30px}
#image-and-copy-tag-wrapper .flex-content{display: flex;align-items: center;min-height: 500px;height: 100%;}
#image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content{padding: 40px 40px 40px 0;width: 100%;}
#image-and-copy-tag-wrapper .abso-image-copy-wrapper{height: 100%;width: 50%;position: absolute;right: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;}
#image-and-copy-tag-wrapper .abso-image-copy-wrapper img{display: none}
#image-and-copy-tag-wrapper .image-and-copy-tag-content .image-and-copy-desc ul.rad-tablestyle1 li.rad-content{background: rgba(229, 80, 0, 0.06);border-radius: 1px;max-width: 171px;margin-bottom: 20px;color: #E55000;font-family: "Mary-Ann-ExtraBold";width:fit-content;line-height:24px;padding:12px 16px;font-size:18px}
#image-and-copy-tag-wrapper .image-and-copy-tag-content .image-and-copy-desc ul.rad-tablestyle1 li.rad-content::before{margin-right:15px;font-weight:600}
#image-and-copy-tag-wrapper .image-and-copy-tag-content .image-and-copy-desc ul.rad-tablestyle1 a {text-decoration: none;display:block;width:fit-content}


@media all and (max-width: 767.98px){
	#image-and-copy-tag-wrapper.left-image-wrapper .flex-content .image-and-copy-tag-content{padding: 40px 0}
	#image-and-copy-tag-wrapper{margin: 30px 0}
    #image-and-copy-tag-wrapper .image-and-copy-tag p{font-size: 0.875em}
	#image-and-copy-tag-wrapper > div > .row, #image-and-copy-tag-wrapper.left-image-wrapper .flex-row{display: flex;flex-direction: column-reverse;}
    #image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content{padding: 40px 0}
	#image-and-copy-tag-wrapper .abso-image-copy-wrapper{background-image: none !important;position: relative;width: 100%;margin-left: 15px}
    #image-and-copy-tag-wrapper .abso-image-copy-wrapper img{display: block; width: 100%; height: auto}
    #image-and-copy-tag-wrapper .flex-content{min-height: auto}
}

/*====== Image and copy with tag CSS ends ======== */

/*====== Icon and copy CSS starts ======== */

#model-icon-copy-wrapper{margin: 50px 0 0}
#model-icon-copy-wrapper .title-subtitle-wrapper{text-align: center;margin-bottom: 80px;}
#model-icon-copy-wrapper .title-subtitle-wrapper h2{margin: 0 0 20px;}
#model-icon-copy-wrapper .title-subtitle-wrapper h3{margin: 0 0 20px;}
#model-icon-copy-wrapper .icons-copy-item-wrapper .icons-copy-item{text-align: center}
#model-icon-copy-wrapper .icons-copy-item-wrapper .icons-copy-item{margin-bottom: 50px}
#model-icon-copy-wrapper .icons-copy-item-wrapper .icons-copy-item img{margin: 0 auto; margin-bottom: 30px;height: 80px;width: auto}
#model-icon-copy-wrapper .icons-copy-item-wrapper .icons-copy-item  p{font-size: 1.25em;line-height: 26px;max-width: 208px;margin: 0 auto;font-family: "Mary-Ann-Regular"}
#model-icon-copy-wrapper .icons-copy-item-wrapper .icons-copy-item  p strong{font-family: "Mary-Ann-ExtraBold"}

@media all and (max-width: 767.98px){
	#model-icon-copy-wrapper{margin: 30px 0}
	#model-icon-copy-wrapper .title-subtitle-wrapper{margin-bottom: 40px}
    #model-icon-copy-wrapper .icons-copy-item-wrapper .icons-copy-item img{margin-bottom: 20px}
    #model-icon-copy-wrapper .icons-copy-item-wrapper .icons-copy-item{margin-bottom: 30px}
    #model-icon-copy-wrapper .icons-copy-item-wrapper .row .col-xs-12:last-child > .icons-copy-item{margin-bottom: 0}
}

/*====== Icon and copy CSS ends ======== */

/*====== Stackholder Snapdown CSS starts =========*/

#shareholder-snapdown-wrapper{margin: 50px 0}
#shareholder-snapdown-wrapper .shareholder-content-wrapper{display: flex;}
#shareholder-snapdown-wrapper .title-wrapper{text-align: center; margin-bottom: 60px}
#shareholder-snapdown-wrapper .title-wrapper h2{margin-top: 0}
#shareholder-snapdown-wrapper .shareholder-content-wrapper .shareholder-content{min-height: 625px}
#shareholder-snapdown-wrapper .shareholder-content-wrapper .shareholder-content > .description{margin-bottom: 22px}
#shareholder-snapdown-wrapper .shareholder-content-wrapper .left-content-wrapper{width: 30%;display: flex;flex-direction: column;justify-content: space-between;padding: 45px 55px 40px 40px;background: #f6f6f6;}
#shareholder-snapdown-wrapper .shareholder-list-wrapper li{text-align: right;font-size: 1.25em; line-height: 26px;font-family: "Mary-Ann-ExtraBold"}
#shareholder-snapdown-wrapper .shareholder-list-wrapper li a{text-decoration: none;padding: 20px 10px 13px;display: inline-block;border-bottom: 1px solid #cacaca;outline: none;transition: 0s all ease-in-out;color: #404040}
#shareholder-snapdown-wrapper .shareholder-list-wrapper li a:hover{color: #404040; background: rgba(0,0,0,.06)}
#shareholder-snapdown-wrapper .shareholder-list-wrapper li a:focus{color: #404040;background: rgba(0,0,0,.06)}
#shareholder-snapdown-wrapper .shareholder-list-wrapper li a.active{border-bottom: 2px solid #f06c00}
#shareholder-snapdown-wrapper .shareholder-content-wrapper .right-content-wrapper{width: 70%;background-repeat: no-repeat;background-position: center center; position: relative;background-size: cover;}
#shareholder-snapdown-wrapper .shareholder-content-wrapper .right-content-wrapper .mobi-image{display: none}
#shareholder-snapdown-wrapper .shareholder-inner-content .shareholder-content-item{background: #ffffff;max-width: 588px;min-height: 280px;position: absolute;width: 100%;bottom: 0;padding: 40px 60px;border-bottom: 2px solid #f06c00;display: none}
#shareholder-snapdown-wrapper .shareholder-inner-content .shareholder-content-item.active{display:block}
#shareholder-snapdown-wrapper .shareholder-inner-content .shareholder-content-item h2{margin-top: 0; margin-bottom: 20px; line-height: 40px}
#shareholder-snapdown-wrapper .mobi-shareholder-list-wrapper{display: none; background: #fff;border: 1px solid #d7d7d7;}
#shareholder-snapdown-wrapper .mobi-shareholder-list-wrapper li a{display: inline-block;width: 100%;text-decoration: none;padding: 11px 14px;font-size: 1.125em;line-height: 24px;border-bottom: 1px solid #f4f4f4;}
#shareholder-snapdown-wrapper .mobi-shareholder-list-wrapper li a:hover, #shareholder-snapdown-wrapper .mobi-shareholder-list-wrapper li a:focus, #shareholder-snapdown-wrapper .mobi-shareholder-list-wrapper li a.active{color: #ffffff; background: #3c3c3c; outline: none}
#shareholder-snapdown-wrapper .shareholder-toggle{display: none}

@media all and (max-width: 767.98px){
	#shareholder-snapdown-wrapper{margin: 30px 0}
    #shareholder-snapdown-wrapper .title-wrapper{margin-bottom: 20px}
	#shareholder-snapdown-wrapper .shareholder-content-wrapper{flex-direction: column}
    #shareholder-snapdown-wrapper .shareholder-content-wrapper .left-content-wrapper, #shareholder-snapdown-wrapper .shareholder-content-wrapper .right-content-wrapper{width: 100%}
    #shareholder-snapdown-wrapper .shareholder-content-wrapper .left-content-wrapper{padding: 26px 15px 40px; position: relative}
    #shareholder-snapdown-wrapper .shareholder-content-wrapper .left-content-wrapper::before{content: '';background: #f6f6f6;height: 100%;width: 130%;position: absolute;z-index: -1;top: 0;left: -10%;}
    #shareholder-snapdown-wrapper .shareholder-list-wrapper{display: none}
    #shareholder-snapdown-wrapper .shareholder-content-wrapper .right-content-wrapper{background-image: none !important; width: 100%; }
    #shareholder-snapdown-wrapper .shareholder-content-wrapper .right-content-wrapper .mobi-image{display: block;}
    #shareholder-snapdown-wrapper .shareholder-content-wrapper .shareholder-content{min-height: auto}
    #shareholder-snapdown-wrapper .shareholder-inner-content{position: relative;width: 100%;max-width: 100%;min-height: auto;}
    #shareholder-snapdown-wrapper .shareholder-inner-content .shareholder-content-item{max-width: 100%;min-height: auto;padding: 35px 15px;position: relative; border-bottom: 0}
    #shareholder-snapdown-wrapper .shareholder-toggle{text-decoration: none;border: 1px solid #d7d7d7;padding: 11px 40px 11px 14px;font-size: 1.25em;line-height: 26px;position: relative; display: inline-block;background: #ffffff}
    #shareholder-snapdown-wrapper .shareholder-toggle:hover, #shareholder-snapdown-wrapper .shareholder-toggle:focus{color: #404040; outline: none}
    #shareholder-snapdown-wrapper .shareholder-toggle::before{content: "\e905";font-family: 'icomoon' !important;font-size: 20px;transform: rotate(90deg);position: absolute;right: 13px;transition: all 0.3s ease-in-out}
    #shareholder-snapdown-wrapper .shareholder-toggle.active::before{transform: rotate(270deg);}
    #shareholder-snapdown-wrapper .mobi-full-width{padding: 0}
}

/*====== Stackholder Snapdown CSS ends =========*/

/*====== Story CSS starts =========*/

#our-story-wrapper{margin: 50px 0}
#our-story-wrapper .story-image{min-height: 271px;position: relative;overflow: hidden;}
#our-story-wrapper .story-item a{text-decoration: none}
#our-story-wrapper .story-item a:focus{background: none;}
/*#our-story-wrapper .story-item img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}*/
#our-story-wrapper .title h2{margin-bottom: 25px}
/*#our-story-wrapper .story-title{font-size: 1.625em;line-height: 32px;}*/
@media all and (max-width: 767.98px){
	#our-story-wrapper .title{padding-right: 95px}
    #our-story-wrapper .news-slider-arrows{position: absolute;top: -19px;right: 0;}
	#our-story-wrapper p.blog-category{font-family: 'Arial';font-weight: 700;letter-spacing: normal;color: #404040;margin-bottom: 5px}
    #our-story-wrapper .story-item .story-content{padding: 25px 20px 20px 20px}
	#our-story-wrapper{margin: 30px 0}
    #our-story-wrapper .story-title{font-size: 1.4375em; line-height: 30px}
    #our-story-wrapper .slick-initialized .slick-slide{padding: 0}
}

/*====== Story CSS ends =========*/

/*===== Quick links CSS starts =======*/

#quick-links-wrapper{margin: 50px 0}
#quick-links-wrapper .quick-link-items-wrapper{background: #f6f6f6;display: flex;flex-wrap: wrap;border-bottom: 2px solid #f06c00;padding: 0 30px}
#quick-links-wrapper .quick-link-items-wrapper .quick-links{flex: 0 0 33.33%;width: 33.33%}
#quick-links-wrapper .quick-link-items-wrapper .quick-links.first-three:nth-child(3) > a{margin-right: 0}
#quick-links-wrapper .quick-link-items-wrapper .quick-links.second-three:nth-child(6) > a{margin-right: 0}
#quick-links-wrapper .quick-link-items-wrapper .quick-links.last-three:nth-child(9) > a{margin-right: 0}

#quick-links-wrapper .quick-link-items-wrapper .quick-links > a::before{content: '';width: 30px;height: 100%;position: absolute;background: #E9E9E9;left: -30px;visibility: hidden;opacity:0; transition: 0.3s ease-in-out}
#quick-links-wrapper .quick-link-items-wrapper .quick-links.first-three:nth-child(3) > a::before{left: auto;right: -30px;transition: 0.3s ease-in-out}
#quick-links-wrapper .quick-link-items-wrapper .quick-links.second-three:nth-child(6) > a::before{left: auto;right: -30px;transition: 0.3s ease-in-out}
#quick-links-wrapper .quick-link-items-wrapper .quick-links.last-three:nth-child(9) > a::before{left: auto;right: -30px;transition: 0.3s ease-in-out}

#quick-links-wrapper .quick-link-items-wrapper .quick-links.first-three:nth-child(3) > a:hover::before{visibility: visible;opacity:1;transition: 0.3s ease-in-out}
#quick-links-wrapper .quick-link-items-wrapper .quick-links.second-three:nth-child(6) > a:hover::before{visibility: visible;opacity:1;transition: 0.3s ease-in-out}
#quick-links-wrapper .quick-link-items-wrapper .quick-links.last-three:nth-child(9) > a:hover::before{visibility: visible;opacity:1;transition: 0.3s ease-in-out}

#quick-links-wrapper .quick-link-items-wrapper .quick-links.first-three:nth-child(1) > a:hover::before{visibility: visible;opacity:1;transition: 0.3s ease-in-out}
#quick-links-wrapper .quick-link-items-wrapper .quick-links.second-three:nth-child(4) > a:hover::before{visibility: visible;opacity:1;transition: 0.3s ease-in-out}
#quick-links-wrapper .quick-link-items-wrapper .quick-links.last-three:nth-child(7) > a:hover::before{visibility: visible;opacity:1;transition: 0.3s ease-in-out}

#quick-links-wrapper .quick-link-items-wrapper .quick-links.last-three > a{border-bottom: 0}
#quick-links-wrapper .quick-link-items-wrapper .quick-links > a{display: block;padding: 33px 40px;text-decoration: none; font-family: "Mary-Ann-ExtraBold";font-size: 1.125em; line-height: 24px;border-bottom: 2px solid #D7D7D7;margin-right: 50px;height: 100%;display: flex;align-items: center;position: relative}
#quick-links-wrapper .quick-link-items-wrapper .quick-links > a:hover{color: #404040;text-decoration: underline; background: #E9E9E9}
#quick-links-wrapper .title{margin-bottom: 25px}
#quick-links-wrapper .quick-link-items-wrapper.less-three .quick-links > a{border-bottom: 0}
@media all and (max-width: 991.98px){
	#quick-links-wrapper .quick-link-items-wrapper .quick-links{flex: 0 0 50%;width: 50%}
    #quick-links-wrapper .quick-link-items-wrapper .quick-links > a::before{display: none !important}
    #quick-links-wrapper .quick-link-items-wrapper .quick-links > a:hover{background: none}
    #quick-links-wrapper .quick-link-items-wrapper.less-three .quick-links > a{border-bottom: 1px solid #d8d8d8;}
    #quick-links-wrapper .quick-link-items-wrapper.less-three .quick-links:last-child > a{border-bottom: 0}
    #quick-links-wrapper .quick-link-items-wrapper .quick-links.first-three:nth-child(3) > a{margin-right: 50px;}
    #quick-links-wrapper .quick-link-items-wrapper .quick-links.last-three > a{border-bottom: 2px solid #D7D7D7;}
}
@media all and (max-width: 767.98px){
	#quick-links-wrapper .quick-link-items-wrapper .quick-links > a::before{display: none !important}
	#quick-links-wrapper{margin: 30px 0}
	#quick-links-wrapper .quick-link-items-wrapper{padding: 0}
	#quick-links-wrapper .quick-link-items-wrapper .quick-links{flex: 0 0 100%;width: 100%}
    #quick-links-wrapper .quick-link-items-wrapper .quick-links > a{margin-right: 15px;margin-left: 15px;padding: 33px 0}
    #quick-links-wrapper .quick-link-items-wrapper .quick-links > a:hover{background: none}
    #quick-links-wrapper .quick-link-items-wrapper .quick-links.first-three:nth-child(3) > a{margin-right: 15px;margin-left: 15px;}
    #quick-links-wrapper .quick-link-items-wrapper .quick-links.second-three:nth-child(6) > a{margin-right: 15px;margin-left: 15px;}
    #quick-links-wrapper .quick-link-items-wrapper .quick-links.last-three:nth-child(9) > a{margin-right: 15px;margin-left: 15px;}
}

/*===== Quick links CSS ends =======*/

/*===== Tabs and copy CSS starts =======*/

#tabs-with-copy-wrapper {margin: 50px 0;}
#tabs-with-copy-wrapper .tabs-list-wrapper{display: flex;justify-content: space-around;}
#tabs-with-copy-wrapper .title-wrapper{margin-bottom: 35px}
#tabs-with-copy-wrapper .title-wrapper.center-title{text-align: center}
#tabs-with-copy-wrapper .tabs-list-wrapper > li{width: 100%; text-align: center;font-family: "Mary-Ann-ExtraBold";font-size: 1.125em}
#tabs-with-copy-wrapper .tabs-list-wrapper > li a{display: block;padding: 18px 12px 23px;border-right: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;text-decoration: none; text-align: cecnter; height: 100%}
#tabs-with-copy-wrapper .tabs-list-wrapper > li a > img {margin: 0 auto;max-height: 70px;width: auto;margin-bottom: 10px;}
#tabs-with-copy-wrapper .tabs-list-wrapper > li a:hover{color: #404040; background: rgba(0,0,0,.06); text-decoration: none; outline: none}
#tabs-with-copy-wrapper .tabs-list-wrapper > li a:focus{color: #404040;text-decoration: none; outline: none}
#tabs-with-copy-wrapper .tabs-list-wrapper > li a.active{border-bottom: 0px;position: relative}
#tabs-with-copy-wrapper .tabs-list-wrapper > li a.active::before{content: ''; position:absolute; width: 100%; height: 2px; background: #f06c00;left: 0;top: 0;right: 0;}
#tabs-with-copy-wrapper .tabs-data-wrapper{padding: 45px 0;}
#tabs-with-copy-wrapper .tabs-data-wrapper .tabs-data-item{display: none}
#tabs-with-copy-wrapper .tabs-data-wrapper .tabs-data-item.active{display: block}
#tabs-with-copy-wrapper .tabs-data-wrapper .tabs-data-item ol{padding-left: 15px}
#tabs-with-copy-wrapper .tabs-data-wrapper .tabs-data-item .flex-row{display: flex;}
#tabs-with-copy-wrapper .tabs-data-wrapper .tabs-data-item .flex-right{display: flex;flex-direction: column;justify-content: space-between;}
#tabs-with-copy-wrapper .tabs-data-wrapper .tabs-data-item .flex-right > div{width: 100%}
#tabs-with-copy-wrapper .tabs-data-wrapper .tabs-data-item .flex-right .right-top-content h3 .rad-highlight{font-size: 62px; line-height: 76px; color: #f06c00}
#tabs-with-copy-wrapper .tabs-data-wrapper .tabs-data-item .flex-right .right-top-content p .rad-highlight{font-size: 26px; line-height: 32px; color: #f06c00;font-family: "Mary-Ann-ExtraBold";}

.mobi-toggle{display: none;text-decoration: none;border: 1px solid #d7d7d7;padding: 11px 40px 11px 14px;font-size: 1.25em;line-height: 26px;position: relative;}
.mobi-toggle::before{content: "\e905";font-family: 'icomoon' !important;font-size: 20px;transform: rotate(90deg);position: absolute;right: 13px;transition: all 0.3s ease-in-out;}
.mobi-toggle.active::before{transform: rotate(270deg);}
.mobi-toggle:hover, .mobi-toggle:focus{color: #404040;outline: none;text-decoration: none}
.mobi-tab-list-wrapper{display: none;background: #fff;border: 1px solid #d7d7d7;}
.mobi-tab-list-wrapper a{display: inline-block;width: 100%;text-decoration: none;padding: 11px 14px;font-size: 1.125em;line-height: 24px;border-bottom: 1px solid #f4f4f4;}
.mobi-tab-list-wrapper a:hover, .mobi-tab-list-wrapper a:focus, .mobi-tab-list-wrapper a.active{color: #ffffff;background: #3c3c3c;outline: none;}
@media all and (max-width: 767.98px){
	#tabs-with-copy-wrapper .tabs-data-wrapper .tabs-data-item .flex-row{flex-direction: column}
	#tabs-with-copy-wrapper {margin: 30px 0;}
    #tabs-with-copy-wrapper .tabs-list-wrapper{display: none}
    #tabs-with-copy-wrapper .tabs-data-wrapper{padding: 25px 15px;}
    .mobi-toggle{display: block;width: 100%}
}

/*===== Tabs and copy CSS ends =======*/

/*===== plain copy CSS starts =======*/

#plain-copy-wrapper{margin: 50px 0}
#plain-copy-wrapper .plain-copy-content.centered-content{text-align: center}
#plain-copy-wrapper .plain-copy-content.centered-content img{margin: 0 auto 40px auto;}
#plain-copy-wrapper .plain-copy-content.centered-content img.rad-small{width: auto; height:60px; margin-bottom: 0}
#plain-copy-wrapper .plain-copy-content p{margin: 0 0 15px 0;}
#plain-copy-wrapper .plain-copy-content ul{list-style-type: disc;padding-left: 15px;margin-bottom: 20px;}
/*#plain-copy-wrapper .plain-copy-content ul li{font-size: 1.125em; line-height: 26px; color: #404040;padding: 0 0 15px;}*/
@media all and (max-width: 767.98px){
	#plain-copy-wrapper{margin: 30px 0}
}

/*===== plain copy CSS ends =======*/

/*===== Image with CTA ======*/

#image-with-cta-wrapper{margin: 50px 0}
#image-with-cta-wrapper h2{margin-bottom: 40px}
#image-with-cta-wrapper .imagewrapper-with-cta{margin-bottom: 40px;min-height: 520px;background-repeat: no-repeat;background-size: cover;background-position: center center;}

@media all and (max-width: 767.98px){
	#image-with-cta-wrapper{margin: 30px 0}
    #image-with-cta-wrapper h2{margin-bottom: 20px}
    #image-with-cta-wrapper .imagewrapper-with-cta{margin-bottom: 20px}
}

/*===== Image with CTA ======*/

/*to hide investor landing and rrp page tabs*/

body#ip3-investors .report-item-wrap { display:none; }
body#ip3-results-reports-and-presentations .report-item-wrap { display:none; }
body#ip3-fairly-traded img {display:inline-block;}

#ip3-results-reports-and-presentations .col-md-3.new-box {
    width: 20% ;    
}

#ip3-results-reports-and-presentations .col-md-3.new-box:nth-child(5n) .delivery-item {
    border-right: 2px solid #fff;
}

#ip3-results-reports-and-presentations .col-md-3.new-box:nth-child(6n) .delivery-item {
    border-right: 0 none;
}

#ip3-results-reports-and-presentations .col-md-3.new-box p.delivery-title {
    font-size: 2em;
}

#ip3-results-reports-and-presentations .col-md-3.new-box-1 {
    width: 20% ;    
}


#ip3-results-reports-and-presentations .col-md-3.new-box-1 .sr-no {width:25%; font-size:5em;}

#ip3-results-reports-and-presentations .col-md-3.new-box-1 .sr-text {width:75%;}

.webform.plastics-form .form-group .form-control, .webform.plastics-form .form-group label {float:none;font-size: 18px;}
.plastics-form p, #ip3-helpreduceplastic .top-content p  {font-size: 18px;}

#ip3-plastics-packaging .top-content p, #ip3-plastics-packaging .top-content ul li{text-align:left;font-size:15px;}
#ip3-plastics-packaging .top-content p  img{width:100%;}
.webform.plastics-form .form-group .imgCaptcha {float:none;border: none;padding-left: 0;}
#ip3-Homepage .home-banner-slider ul.slick-dots li:last-child {display:none;}

#desktop-nav-home1-level2, #desktop-nav-home2-level2, #nav-home1-level2, #nav-home2-level2 {display: none;}

#ip3-pwc-limited-assurance-reports .top-content p{ font-size:1.375em;}

#ip3-our-business-strategy .section-4.float100.latest-stories {
    display: none;
}

#ip3-health .our-commitments-bg, #ip3-healthier-choices-2021 .value-video-section, #ip3-healthier-choices-2021 .key-achievements, #ip3-healthier-choices-2021 .our-commitments-bg, #ip3-help-brighten-a-million-christmases .commitment-achievements {display: none;}
#ip3-help-brighten-a-million-christmases .section-4 .section-title {margin: 0px 0 25px 0;}



#ip3-about-us #copy-with-box-wrapper .copy-content-wrapper h2 { font-size:40px;}

#ip3-sustainability #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box .strategy-box-image { min-height:80px;}

#ip3-about-us .intro p, #ip3-about-us p.intro, #ip3-about-us .intro, #ip3-about-us p.rad-introtext, #ip3-about-us span.rad-introtext { font-size:16px;}
.rad-left-img {display: inline-block;padding: 0 10px;margin-bottom: 20px;}
@media all and (min-width: 1253px){
	.rad-left-img {max-width: 280px;}
}
@media all and (min-width: 992px) and (max-width: 1252px){
	.rad-left-img {max-width: 220px;}
}
@media all and (min-width: 768px) and (max-width: 991px){
	.rad-left-img {max-width: 200px;}
}

#ip3-help-brighten-a-million-christmases-2021 .top-page-title h2.h3{font-size: 50px;}

#ip3-results-reports-and-presentations .rp-table-container {min-height: auto;}

.four-boxes {
    float: left;
    width: 100%;
}
.four-boxes .four-box {
    padding-left: 0;
    padding-bottom: 15px;
}

.better4planetwrapper {
    background: #d1d2d4;

    border-radius: 20px;
    float: left;
    width: 100%;
}

.better4planetwrapper .state-box-wrapper {padding: 0;}
.better4planet {
    padding: 14px;
    float: left;
    width: 100%;
}
.better4planetwrapper .state-box {
    min-height: 175px;
    /*min-height: 295px;*/
    background: #ffffff;
    border: 1px solid #a8a9ad;
    border-radius: 20px;

    margin: 10px;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.state-box strong {
    color: #ee6b1b;
    font-size: 1.3em;
}


.state-box-wrapper-bgimg {
    min-height: 167px;
    background-size: cover;
    border: 1px solid #f06c00;
    border-radius: 20px;
    margin: 10px;
    padding: 5px 10px 5px 10px;
    background-position:top center;
}

.state-box-wrapper-bgimg.state-box-wrapper-bgimg-1{ background-image: url(/~/media/Images/S/Sainsburys/content-images/politico/better-for-planet-img1.jpg);}
.state-box-wrapper-bgimg.state-box-wrapper-bgimg-2{ background-image: url(/~/media/Images/S/Sainsburys/content-images/politico/new-handwash-updated2.png); background-position:center;}
.state-box-wrapper-bgimg.state-box-wrapper-bgimg-3{ background-image: url(/~/media/Images/S/Sainsburys/content-images/politico/new-banana-updated2.png); background-position:center;}


#ip3-sainsburys-supporting-customers-colleagues-and-communities-across-the-uk .top-navigation, #ip3-sainsburys-supporting-customers-colleagues-and-communities-across-the-uk .breadcrumb-wrapper, #ip3-sainsburys-supporting-customers-colleagues-and-communities-across-the-uk #footerwrapper, #ip3-sainsburys-supporting-customers-colleagues-and-communities-across-the-uk .top-header-wrapper { display:none;}

#ip3-sainsburys-supporting-customers-colleagues-and-communities-across-the-uk .content-banner-image.video-banner{min-height: 300px}

#ip3-sainsburys-supporting-customers-colleagues-and-communities-across-the-uk #intro-copy-wrapper.full-width-wrapper {padding:15px 0;}
/*---- main-2-----*/
.waste-less-save-more-our-stories-section {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 30px;
  }
  
  body#ip3-tackling-campylobacter .top-content a:focus {
    float: right;
  }
  
  /*#headerwrapper .top-navigation ul li.level1 > a:focus {outline:none;}*/
  
  .DisclaimerMainContainer {
    margin-top: 100px;
    width: 60%;
    margin-left: 16%;
  }
  
  #DisclaimerButtonContainer input {
    font-size: 1.125em;
    line-height: normal;
    color: #fff;
    background: #f06c00;
    padding: 14px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer !important;
    border: 0;
    margin-right: 10px;
  }
  
  .DisclaimerTitleContainer {
    font-size: 2.625em;
    line-height: 50px;
    color: #404040;
    margin: 0;
  }
  
  body#ip3-combination-of-j-sainsbury-plc-and-asda-group-limited.internetexplorer11
    .combination-video-div,
  body#ip3-combination-of-j-sainsbury-plc-and-asda-group-limited.internetexplorer10
    .combination-video-div,
  body#ip3-combination-of-j-sainsbury-plc-and-asda-group-limited.internetexplorer9
    .combination-video-div {
    max-height: 490px;
  }
  
  #headerwrapper .logo-wrapper {
    padding: 23px 0 24px 32px;
  }
  #headerwrapper.sticky .header-bottom .top-navigation ul li.level1,
  #headerwrapper.sticky .header-bottom .top-navigation > ul {
    height: 92px;
  }
  #headerwrapper.sticky .header-bottom .top-navigation ul li.level1 > a > span {
    padding: 33px 15px 30px;
  }
  #headerwrapper.sticky .header-bottom .top-navigation ul li > ul {
    top: 89px !important;
  }
  #headerwrapper.sticky .header-bottom .search-container .search-link a {
    padding: 29px 17px;
    height: auto !important;
  }
  
  #ip3-bank-debt-investors .filter-wrapper {
    display: none;
  }
  
  #ip3-netzero .ov-tabs ul li {
    width: 14.28%;
    font-size: 1.2em;
  }
  #ip3-netzero .ov-tabs ul li span strong {
    margin-bottom: 20px;
  }
  
  #ip3-netzero .section-6 {
    padding-top: 60px;
  }
  #ip3-netzero .section-5-content {
    padding: 100px 10% 40px;
  }
  
  /*@media all and (min-width:992px){
  .home-banner-image {background-size:contain !important;margin-top:100px;min-height:345px !important;}
  .content-banner-image {min-height:400px;}
  }*/
  
  @media all and (min-width: 992px) and (max-width: 1280px) {
    .home-banner-image {
      background-size: contain !important;
      margin-top: 100px;
      min-height: 345px !important;
    }
    .content-banner-image {
      min-height: 400px;
    }
  }
  
  #headerwrapper .top-navigation ul li.level1 > span,
  #headerwrapper .top-navigation ul li.level1 > a > span {
    padding: 35px 11px 38px !important;
  }
  
  #ip3-recycling .value-video-section {
    display: none;
  }
  #ip3-recycling .our-commitments-bg {
    display: none;
  }
  
  #ip3-biodiversity .value-video-section {
    display: none;
  }
  #ip3-biodiversity .our-commitments-bg {
    display: none;
  }
  
  #ip3-feeding-the-nation .value-video-section {
    display: none;
  }
  
  #ip3-diets .value-video-section {
    display: none;
  }
  #ip3-diets .our-commitments-bg {
    display: none;
  }
  
  #headerwrapper
    .top-navigation
    ul
    > li
    > ul
    > li
    > div
    > ul
    > li
    > ul
    > li
    > ul {
    padding: 0px 0px 0px 20px;
    border: none !important;
  }
  #headerwrapper .top-navigation ul > li > ul > li {
    display: block !important;
  }
  #headerwrapper
    .top-navigation
    ul
    > li
    > ul
    > li
    > div
    > ul
    > li
    > ul
    > li
    > ul
    > li.current
    span {
    color: #f06c00 !important;
  }
  
  #ip3-plastic .top-content p,
  #ip3-plastic .top-content ul li {
    text-align: left;
    font-size: 15px;
  }
  
  .ip3-sourcing .grey-bg-color.related-content-section {
    display: none;
  }
  
  #ip3-our-purpose #contentwrapper .section-3,
  #ip3-our-purpose #contentwrapper .section-4,
  #ip3-our-purpose #contentwrapper .section-5,
  #ip3-our-purpose #contentwrapper .section-6,
  #ip3-our-purpose #contentwrapper .section-33 {
    display: none;
  }
  
  #ip3-our-values .section-3.our-values-tabs,
  #ip3-our-values .section-33 {
    display: none;
  }
  
  #desktop-section-making-a-difference-level2 li div {
    width: 20% !important;
  }
  #desktop-section-making-a-difference-level2 li {
    clear: both;
  }
  
  #headerwrapper
    .top-navigation
    ul
    > li
    > ul
    > li
    > div
    > ul
    > li
    > ul
    > li.current
    ul
    li
    span {
    color: #404040 !important;
  }
  #headerwrapper
    .top-navigation
    ul
    > li
    > ul
    > li
    > div
    > ul
    > li
    > ul
    > li.selected
    ul
    li.current
    span,
  #headerwrapper
    .top-navigation
    ul
    > li
    > ul
    > li
    > div
    > ul
    > li
    > ul
    > li.selected
    ul
    li
    a:hover
    span,
  #headerwrapper
    .top-navigation
    ul
    > li
    > ul
    > li
    > div
    > ul
    > li
    > ul
    > li.current
    ul
    li
    a:hover
    span {
    color: #f06c00 !important;
  }
  
  #ip3-be-a-place-where-we-all-love-to-work .our-commitments-bg,
  #ip3-be-a-place-where-we-all-love-to-work .latest-stories {
    display: none;
  }
  #ip3-be-a-place-where-we-all-love-to-work .value-video-section {
    display: none;
  }
  
  /* ---------------------------------------- Sustainability CSS ---------------------------------------- */
  /* ------------------------------ Section 1 (Sustainability Intro) ------------------------------ */
  #intro-copy-wrapper {text-align: center;margin: 50px 0;}
  #intro-copy-wrapper.full-width-wrapper{margin: 0 0 50px;padding: 50px 0;background: #f6f6f6}
  #intro-copy-wrapper h2{margin-bottom: 30px}
  #intro-copy-wrapper .intro{position: relative}
  #intro-copy-wrapper .intro::after{content: "";height: 5px;width: 180px;position: absolute;bottom: -42px;left: 0;right: 0;margin: 0 auto;background-color: #f6f6f6;}
  #intro-copy-wrapper .full-width .intro::after{display: none}
  
  @media all and (max-width: 768px) {
        #intro-copy-wrapper {text-align: center;margin: 30px 0 47px 0;}
        #intro-copy-wrapper h1 {margin-top: 60px;color: rgb(12, 12, 12);font-size: 2.4375em;line-height: 50px;}
      #intro-copy-wrapper p {margin-top: 15px;}
        #intro-copy-wrapper p::after {width: 130px;}
  }
  
  /*==== Quote and Image CSS starts =====*/
  #quote-and-image-wrapper {text-align: center;min-height: 410px;position: relative;margin: 0;}
  #quote-and-image-wrapper.has-grey-back{background: #f6f6f6; margin: 50px 0;min-height: 280px;}
  #quote-and-image-wrapper .quote {padding: 0 95px;margin-bottom: 10px}
  #quote-and-image-wrapper .author {font-weight: bold;font-size: 1.125em;padding-bottom: 5px;line-height: 26px;letter-spacing: 0.06px;}
  #quote-and-image-wrapper .designation {font-size: 0.9375em;letter-spacing: 0.06px;line-height: 26px;letter-spacing: 0.05px;}
  #quote-and-image-wrapper .quote-content-wrapper {position: relative;min-height: 480px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
  #quote-and-image-wrapper.has-grey-back .quote-content-wrapper{min-height: 280px}
  #quote-and-image-wrapper .quote-content-wrapper .quote{position: relative; width: 100%}
  #quote-and-image-wrapper .quote-content-wrapper .quote::before {position: absolute;content: "“";font-family: Mary-Ann-ExtraBold;font-size: 100px;font-weight: 500;top: 12px;left: 0;color: #f06c00;}
  #quote-and-image-wrapper .quote-content-wrapper .quote::after {position: absolute;content: "“";font-family: Mary-Ann-ExtraBold;font-size: 100px;font-weight: 500;top: 12px;right: 0;color: #f06c00;transform: rotateY(180deg);}
  #quote-and-image-wrapper .quote-with-image-left-image{display: none; /* flex;*/ align-items: flex-end; min-height: 480px}
  #quote-and-image-wrapper .quote-with-image-right-image{display: none; position: absolute;right: 0; top: -50px;z-index: -2}
  #quote-and-image-wrapper .quote-with-image-right-image img{width: 326px;transition: all 0.3s ease-in-out}
  
  @media all and (max-width: 1375px){
      #quote-and-image-wrapper .quote-with-image-right-image img{width: 235px; height: auto; transition: all 0.3s ease-in-out}
  }
  
  @media all and (max-width: 991.98px){
      #quote-and-image-wrapper .quote-with-image-right-image{top: -120px;}
      #quote-and-image-wrapper .quote-content-wrapper .quote::before{left: -50px;}
      #quote-and-image-wrapper .quote-content-wrapper .quote::after{right: -50px;}
      #quote-and-image-wrapper .quote{padding: 0}
  }
  
  @media all and (max-width: 767.98px) {
      #quote-and-image-wrapper.has-grey-back{background: #f6f6f6; margin: 30px 0;min-height: 200px}
      #quote-and-image-wrapper .quote {letter-spacing: 0.07px;padding: 0;}
      #quote-and-image-wrapper .author {margin-top: 0;font-size: 1em; line-height: 26px; letter-spacing: 0.05px}
      #quote-and-image-wrapper .designation {font-size: 0.9375em;line-height: 26px; letter-spacing: 0.05px}
      #quote-and-image-wrapper .quote-with-image-content{display: flex;flex-direction: column-reverse;}
      #quote-and-image-wrapper .quote-content-wrapper{min-height: auto; margin-top: 130px;}
      #quote-and-image-wrapper.has-grey-back .quote-content-wrapper{margin-top:40px; min-height: 200px}
      #quote-and-image-wrapper .quote-with-image-right-image img{width: 184px; height: auto; transition: all 0.3s ease-in-out}
      #quote-and-image-wrapper .quote-content-wrapper .quote::before{top: -30px;left: 30px;font-size: 50px}
      #quote-and-image-wrapper .quote-content-wrapper .quote::after{top: -30px;right: 30px;font-size: 50px}
      #quote-and-image-wrapper .quote-with-image-right-image{top: -100px}
      #quote-and-image-wrapper .quote-with-image-left-image{min-height: auto;position: absolute;left: 0;top: -55px}
      #quote-and-image-wrapper .quote-with-image-left-image img{width: 78px; height: auto}
  }
  
  /*==== Quote and Image CSS ends =====*/
  
  /*==== Stratagy CSS starts =====*/
  #strategy-boxes-wrapper{margin: 50px 0}
  #strategy-boxes-wrapper .strategy-container{display:flex;}
  #strategy-boxes-wrapper .strategy-container .strategy-title{width: 33.33%;background: rgb(240, 108, 0);padding: 20px;position: relative;display: flex;flex-direction: column;justify-content: center;}
  #strategy-boxes-wrapper .strategy-container .strategy-title::before{content:"";position:absolute;top:0;left:-1000px;height:100%;width:500%;z-index:-1;background:inherit;}
  #strategy-boxes-wrapper .strategy-container .strategy-title p{color:rgb(255, 255, 255);font-size:0.9375em;font-family:Mary-Ann-ExtraBold;font-weight:normal;letter-spacing:0.05px;padding:0%;}
  #strategy-boxes-wrapper .strategy-container .strategy-title h3{color:rgb(255, 255, 255);font-size:2.5em;font-family:Mary-Ann-MidBold;font-weight:800;letter-spacing:0px;line-height:50px;margin:0;}
  #strategy-boxes-wrapper .strategy-container .strategy-contents{display:flex;width:100%;}
  #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box{width:33.33%;background-color:#f6f6f6;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:28px;border:solid 1px #ffffff;line-height: normal}
  #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box .strategy-box-image{margin-bottom: 34px}
  #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box .strategy-box-image img{width:100px;height:auto;}
  #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box p{text-align:center;}
  #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box-btn > a{font-size:16px;line-height: 24px;font-family:Mary-Ann-ExtraBold;font-weight:800;letter-spacing:0.43px;text-decoration: underline;}
  #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box-btn > a:hover{background: rgba(0,0,0,.06)}
  #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box-btn > a:hover, #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box-btn > a:focus{color: #404040; text-decoration: underline}
  
  @media all and (max-width: 767.98px) {
      #strategy-boxes-wrapper{margin: 30px 0}
      #strategy-boxes-wrapper .strategy-container{flex-direction:column;}
      #strategy-boxes-wrapper .strategy-container .strategy-title{width:100%;text-align:center;padding:60px 0;}
      #strategy-boxes-wrapper .strategy-container .strategy-title::before{background:transparent;}
      #strategy-boxes-wrapper .strategy-container .strategy-title p{font-size:0.875em;line-height: 24px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;letter-spacing:0;font-weight: 700}
      #strategy-boxes-wrapper .strategy-container .strategy-title h3{font-size:2.25em;}
      #strategy-boxes-wrapper .strategy-container .strategy-contents{flex-direction:column;}
      #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box .strategy-box-image{margin-bottom: 20px}
      #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box{width:100%;padding:30px;}
  }
  
  /*==== Strategy CSS ends =====*/
  
  /*==== progress CSS starts =====*/
  #progress-keystates-wrapper{margin: 50px 0}
  #progress-keystates-wrapper .progress{margin: 0 40px}
  #progress-keystates-wrapper .flex-row{display: flex;justify-content: center;flex-wrap: wrap}
  #progress-keystates-wrapper .progress-title{text-align: center;margin-bottom: 50px}
  #progress-keystates-wrapper h3{text-align:center;font-size:2.5em;font-weight:800;letter-spacing:0px;}
  #progress-keystates-wrapper .wrapper{background-color:#ffffff;}
  #progress-keystates-wrapper .progress-content .progress-figure{position:relative;padding:0 0 0 0;color:rgb(240, 108, 0);font-family:Mary-Ann-ExtraBold;font-size:3.875em;font-weight:800;letter-spacing:0px;line-height:76px;width:fit-content;width:-moz-fit-content;margin:0;}
  #progress-keystates-wrapper .progress-content .top-left{position: absolute;top: 10px;left: -15px;font-size: 20px;color: #808694;font-weight: 400;line-height: 20px;}
  #progress-keystates-wrapper .progress-content .top-left > img{width: 10px}
  #progress-keystates-wrapper .progress-content .top-right{position:absolute;top:20px;right:-40px;font-size:16px;color:#808694;font-weight:700;line-height:10px;font-family: Arial, Helvetica, sans-serif;letter-spacing: 0.07px;font-weight: 700}
  #progress-keystates-wrapper .progress-content .bottom-right{position:absolute;bottom:15px;right:-25px;color:#808694;font-weight:600;line-height:10px;font-size:16px;font-family: Arial, Helvetica, sans-serif;letter-spacing: 0.07px;font-weight: 700}
  /*#progress-keystates-wrapper .progress-content-description{text-align: center}*/
  #progress-keystates-wrapper .progress-content-description p{font-size:1em;font-family:Arial;letter-spacing:0px;line-height:24px;max-width:100%;margin:0;width: 100%;padding-left: 0;}
  
  @media all and (max-width: 991.98px) {
      #progress-keystates-wrapper .progress{margin: 0; flex: 0 0 100%; width: auto; text-align: center}
      #progress-keystates-wrapper .progress-content .progress-figure{margin: 0 auto}
  }
  @media all and (max-width: 767.98px) {
      #progress-keystates-wrapper{margin: 30px 0}
      #progress-keystates-wrapper .progress{flex: 0 0 100%;}
      #progress-keystates-wrapper .progress-title{margin-bottom: 0}
      #progress-keystates-wrapper h3{font-size:2.25em;}
      #progress-keystates-wrapper .progress-content{position:relative;margin-top:30px;}
      #progress-keystates-wrapper .progress-content .progress-figure{padding-left:15px;font-size:3.375em;margin: 0 auto}
      #progress-keystates-wrapper .progress-content .top-left{left: -5px;}
      #progress-keystates-wrapper .progress-content-description p{padding-left:0;font-size:0.875em;line-height:24px;font-weight: 700;max-width: 100%;}
      #progress-keystates-wrapper .progress-content .bottom-right{bottom:17px;}   
  }
  
  /*==== progress CSS ends =====*/
  
  /*==== Latest News CSS starts =====*/
  
  #latest-news-wrapper{margin: 50px 0}
  #latest-news-wrapper .latext-news-title{background: #f6f6f6; padding: 40px 0 25px}
  #latest-news-wrapper .latext-news-title p{font-weight: 700}
  #latest-news-wrapper .full-news-wrapper{background-repeat: no-repeat;background-size: cover;padding: 82px 0;background-position: center center;border-bottom: 2px solid #f06c00;margin-bottom: 123px;}
  #latest-news-wrapper.only-news .full-news-wrapper{margin-bottom: 0}
  #latest-news-wrapper .full-news-box{background: #fff;padding: 60px 45px 60px 55px;}
  #latest-news-wrapper .full-news-box p.tag, #latest-news-wrapper .double-news-box p.tag{padding: 0 0 13px;font-weight: 700}
  #latest-news-wrapper .full-news-box h2, #latest-news-wrapper .double-news-box h2{margin: 0 0 25px}
  #latest-news-wrapper .full-news-box .description, #latest-news-wrapper .double-news-box .description{margin-bottom: 30px}
  #latest-news-wrapper .full-news-box .description *, #latest-news-wrapper .double-news-box .description *{font-size: 1em !important; line-height: 24px !important; font-weight: normal !important; font-family: 'Arial' !important;display: inline-block;}
  
  #latest-news-wrapper .double-news-wrapper{position: relative}
  #latest-news-wrapper .double-news-wrapper::before{content: '';position: absolute;top: -125px;background: #f6f6f6;height: 65%;width: 100%;z-index: -1;}
  #latest-news-wrapper .double-news-box{background: #fff; box-shadow: 8px 10px 15px 0 rgba(202, 202, 202, 0.4);}
  #latest-news-wrapper .double-news-box .image{min-height: 241px;position: relative;overflow: hidden;}
  #latest-news-wrapper .double-news-box .image img{position: absolute;width: 100%;object-fit: cover;}
  #latest-news-wrapper .double-news-box .content{padding: 50px 50px 60px;}
  #latest-news-wrapper .mobi-show{display: none}
  
  @media all and (max-width: 767.98px){
      #latest-news-wrapper .full-news-wrapper{background-image: none !important;padding: 0;border-bottom: 0; margin: 0}
      #latest-news-wrapper .mobi-show{display: block}
      #latest-news-wrapper .desk-show{display: none}
      #latest-news-wrapper .latext-news-title p{font-size: 0.875em; line-height: 24px}
      #latest-news-wrapper .double-news-box{margin-bottom: 60px}
      #latest-news-wrapper .news-item:last-child .double-news-box{margin-bottom: 60px}
      #latest-news-wrapper .double-news-box p.tag{font-size: 0.875em; line-height: 24px}
      #latest-news-wrapper .double-news-box .image{min-height: 230px}
      #latest-news-wrapper .double-news-box .content{padding: 30px 16px 44px}
  }
  
  /*==== Latest News CSS ends =====*/
  
  /*==== Multi icons and copy CSS starts =====*/
  
  #multi-icon-and-copy-wrapper.no-abso-image{margin: 50px 0 50px}
  #multi-icon-and-copy-wrapper{margin: 150px 0 50px; position: relative}
  #multi-icon-and-copy-wrapper .multi-icon-and-copy-background-image{display:none;position: absolute;top: -150px;right: 0;z-index: -1;}
  #multi-icon-and-copy-wrapper .multi-icon-and-copy-background-image > img{max-width: 413px}
  #multi-icon-and-copy-wrapper .multi-icon-images{display: flex;flex-wrap: wrap;padding-right: 50px}
  #multi-icon-and-copy-wrapper .multi-icon-images-item{flex: 0 0 33.3%;; width: 33.3%}
  #multi-icon-and-copy-wrapper .multi-icon-images-item a{text-decoration: none;width: 100%;padding: 9px;padding-bottom: 0;display: inline-block;}
  #multi-icon-and-copy-wrapper .multi-icon-images-item a:hover, #multi-icon-and-copy-wrapper .multi-icon-images-item a:focus{outline: none;border: none;display: block;}
  #multi-icon-and-copy-wrapper .multi-icon-images-item span{text-decoration: none;width: 100%;padding: 9px;padding-bottom: 0;display: inline-block;}
  #multi-icon-and-copy-wrapper .multi-icon-images-item span:hover, #multi-icon-and-copy-wrapper .multi-icon-images-item a:focus{outline: none;border: none;display: block;}
  #multi-icon-and-copy-wrapper .multi-icon-images-item img{width: 100%; height: auto}
  #multi-icon-and-copy-wrapper .multi-icon-content{background: #ffffff; padding: 65px 0;box-shadow: 8px 10px 15px 0 rgba(202, 202, 202, 0.4);}
  #multi-icon-and-copy-wrapper .multi-icon-content > .row{display: flex; align-items: center}
  #multi-icon-and-copy-wrapper .multi-content{padding: 0 0 0 50px}
  #multi-icon-and-copy-wrapper .multi-content h2{margin-bottom: 20px}
  #multi-icon-and-copy-wrapper .multi-icon-left-btn{margin-top: 37px}
  
  @media all and (max-width: 767.98px){
      #multi-icon-and-copy-wrapper{margin: 30px 0 30px !important;}
      #multi-icon-and-copy-wrapper .multi-icon-and-copy-background-image img{width: 200px; height: auto}
      #multi-icon-and-copy-wrapper .multi-icon-and-copy-background-image{top: -150px;z-index: -1;}
      #multi-icon-and-copy-wrapper .multi-icon-content > .row{display: block}
      #multi-icon-and-copy-wrapper .multi-icon-content{padding: 0 0; position: relative;z-index: 0;}
      #multi-icon-and-copy-wrapper .multi-content{padding: 0 16px}
      #multi-icon-and-copy-wrapper .multi-icon-images{padding-right: 0;margin-top: 34px;}
      #multi-icon-and-copy-wrapper .multi-icon-images-item{flex: 0 0 50%;width: 50%;}
      #multi-icon-and-copy-wrapper .multi-icon-images-item a{padding: 0}
      #multi-icon-and-copy-wrapper .multi-icon-images-item span{padding: 0}
      #multi-icon-and-copy-wrapper .multi-icon-images-item:nth-child(even){padding-left: 16px; padding-right: 14px}
      #multi-icon-and-copy-wrapper .multi-icon-images-item:nth-child(odd){padding-right: 16px; padding-left: 14px}
      #multi-icon-and-copy-wrapper .multi-icon-images-item{padding-top: 10px; padding-bottom: 10px}
      #multi-icon-and-copy-wrapper .multi-icon-left-btn{margin-top: 15px}
  }
  
  /*==== Multi icons and copy CSS ends =====*/
  
  /*==== Two box CSS starts =====*/
  
  #two-box-signpost-wrapper{margin: 185px 0 75px;position: relative}
  #two-box-signpost-wrapper .two-box-row{display: flex;}
  #two-box-signpost-wrapper.no-top-bottom-space{margin: 50px 0}
  #two-box-signpost-wrapper .box-content{padding: 55px 60px 60px; background: #f6f6f6; height: 100%}
  #two-box-signpost-wrapper .box-content h2{margin-bottom: 30px}
  #two-box-signpost-wrapper .box-content .two-box-btn{margin-top: 30px}
  #two-box-signpost-wrapper .left-image{display:none; position: absolute;top: -185px;z-index: -1;}
  #two-box-signpost-wrapper .left-image img{max-width: 430px}
  #two-box-signpost-wrapper .right-image{display:none; position: absolute;top: 95px;right: -10%;}
  #two-box-signpost-wrapper .right-image img{max-width: 140px}
  
  @media all and (max-width: 991.98px) {
      #two-box-signpost-wrapper .right-image{right: -14%;}
      /*#two-box-signpost-wrapper .box-content h2{word-break: break-word;}*/
  }
  @media all and (max-width: 767.98px) {
      #two-box-signpost-wrapper{margin: 30px 0 75px}
      #two-box-signpost-wrapper .two-box-row{flex-direction: column;}
      #two-box-signpost-wrapper .left-image{top: 50%; transform: translateY(-50%);}
         #two-box-signpost-wrapper .left-image img{max-width: 200px}
      #two-box-signpost-wrapper .signpost-item{margin-bottom: 60px; }
      #two-box-signpost-wrapper .box-content{padding: 30px 16px}
      #two-box-signpost-wrapper .signpost-item:last-child .box-content{margin-bottom: 0}
      #two-box-signpost-wrapper .right-image{top: 75%;right: 15px;}
      #two-box-signpost-wrapper .right-image img{max-width: 86px}
  }
  
  @media all and (max-width: 640.98px){
      #two-box-signpost-wrapper .right-image{right: -37px;}
  }
  
  /*==== Two box CSS ends =====*/
  
  
  
  body#ip3-28-04-22-preliminary-results .top-content p, body#ip3-28-04-22-preliminary-results .top-content ul li {
    font-family: "Mary-Ann-Regular" !important;
    font-size: 16px;
    line-height: 35px;
}


ul#desktop-section-news-level2 li.indexLink {
    display: none;
}


body#ip3-our-strategy #intro-copy-wrapper .intro::after {
    display: none;
}

.catTabs {width: 100%;}
.cattab-links {margin: 0;padding: 0;list-style: none;}
/*.cattab-links li {display: inline-block;margin-right: 5px;}*/
/*.cattab-links a {padding: 10px 15px;display: block;color: #000;background: #f1f1f1;border-radius: 3px;text-decoration: none;}*/
/*.cattab-links .active a {background: #e2e2e2;}*/
.cattab-content {border: 1px solid #e2e2e2;padding: 15px;border-radius: 3px;margin-top: 10px;}
.catTab {display: none;}
.catTab.active {display: block;}
.catTabs ul li.active span {
    border-bottom: 0px;
    border-top: #f06c00 solid 2px;
    color: #262626;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
}
.catTabs ul li span {
    padding: 18px 18px 18px;
    display: block;
    width: 100%;
    height: 100%;
    color: #737373;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
}
.catTabs ul li a {
    display: block;
    font-size: 1.125em;
    line-height: 24px;
    color: #404040;
    text-decoration: none;
    height: 100%;
    display: block;
}
.catTabs ul li {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin-left:0px !important;
    width: -webkit-fill-available;
}
.catTabs > ul {
    display: flex;
}
.catTabs ul li.active{
    border-bottom: 0px;
}
.catTabs ul li:last-child {
    border-right: 0 none;
}

@media all and (max-width: 430px){
.catTabs ul li.active span, .catTabs ul li span {font-size:13px;}
}
/*---- media-queries-----*/
/*--------- iPad Landscape and Desktops ---------*/
@media all and (max-width: 1350px) {
    #headerwrapper .top-navigation ul li.level1 > span, #headerwrapper .top-navigation ul li.level1 > a > span{padding: 40px 12px 36px}
    #headerwrapper .top-navigation ul > li.level1 {font-size: 1.2em; line-height: normal;}
    #headerwrapper .top-navigation ul > li > ul li span {font-size: 0.729em; line-height: normal;}
    #headerwrapper.sticky .header-bottom .top-navigation ul li.level1 > span, #headerwrapper.sticky .header-bottom .top-navigation ul li.level1 > a > span{padding:15px 12px 23px}
    }
    @media all and (max-width: 1344px) {
    .blog-image{min-height:195px;}
    }
    
    @media all and (min-width: 992px) and (max-width: 1344px) {
    #ip3-results-reports-and-presentations .col-md-3.new-box p.delivery-title {font-size: 1.4em;}
    #ip3-results-reports-and-presentations .delivery-item {padding-left:0px;}
    .header-top > .container-fluid, .header-bottom > .container-fluid{padding:0}
    /*.financial-highlight-title {padding-bottom: 20px; font-size:4em}*/
    #headerwrapper.sticky .share-price-container { padding-right: 10px;}
    #headerwrapper.sticky .header-inner-wrapper { padding-left: 11px;}
    #headerwrapper.sticky .header-top, #headerwrapper.sticky .header-bottom {left: auto; transform: none; -ms-transform: none; -webkit-transform: none;}
    }
    
    @media all and (max-width: 1300px) {
    .sr-no { font-size:4em;}
    .brands-logos .company-logo-wrapper .company-logo-item, .jobs-logos .company-logo-wrapper .company-logo-item{ width:18%;}
    }
    
    @media all and (max-width: 1210px) {
    #headerwrapper .top-navigation ul > li.level1 {font-size: 1.1em; line-height: normal;}
    #headerwrapper .top-navigation ul > li > ul li span {font-size: 0.795em; line-height: normal;}
    #headerwrapper .top-navigation ul > li > ul li div {float:left; width:16.666%; border-right:1px solid #e0e0e0; margin:38px 0 34px 0; padding:0 22px;}
    }
    
    @media all and (max-width:1169px){
    .ov-section-2-right-content {padding-left: 30px;}
    .our-vision .section-4-left-content {padding-right: 40px;}
    }
    
    @media all and (max-width: 1170px) {
    #headerwrapper .top-navigation ul > li.level1 {font-size: 1em; line-height: normal;}
    #headerwrapper .top-navigation ul > li > ul li span {font-size: 0.875em; line-height: normal;}
    #headerwrapper .top-navigation ul li.level1 > span, #headerwrapper .top-navigation ul li.level1 > a > span {padding: 40px 8px 40px;}
    #headerwrapper.sticky .header-bottom .top-navigation ul li.level1 > span, #headerwrapper.sticky .header-bottom .top-navigation ul li.level1 > a > span{padding: 15px 8px 23px}
    .share-price-ticker{font-size:1em; line-height:normal;}
    .latest-news-link { position:relative; padding-bottom:35px; bottom:0px;}
    /*.financial-highlight-title {padding-bottom: 20px; font-size:3.5em}*/
    p.box-helighted-text{ font-size:3.2em;}
    .instagram-panel .instagram, .instagram-panel .social-timestamp-link > img {height: 100px;}
    .brands-logos .company-logo-wrapper .company-logo-item, .jobs-logos .company-logo-wrapper .company-logo-item{ width:15%;}
    }
    
    @media all and (max-width: 1169px) {
    .ov-logo-image > img{width:80%}
    }
    
    @media all and (max-width: 1130px) {
    
    /* ------ result center font change ------- */
    .delivery-title{ font-size:1.875em; }
    .yr-title{ font-size:1.375em; }
    .sr-no{ font-size:3.750em; line-height:64px; }
    
    #ip3-results-reports-and-presentations .col-md-3.new-box-1 .sr-no { font-size:3em !important;}
    
    /* ------ result center font change ------- */
    
    .media-toolkit .selectedTab{ font-size:1.0em; padding-left:10px; }
    .media-toolkit .freetext-wrapper .freetext-value input{ width:100%; padding-left:10px; font-size:1.0em; }
    .strategy-pop-right-content .highlighted-text { font-size:5em; }
    
    }
    
    @media all and (max-width: 1024px) {
    
    body#ip3-results-reports-and-presentations table td.rp-date { width: 255px; }
    
    .strategy-pop-right-content .highlighted-text { font-size:4em; }
    .blog-image { min-height:195px;}
    .strategy-landing .strategy-height { display:block;}
    .combination-video-div {min-height: 374px;}
    }
    
    /*--------- iPad Portrait and large Tablets Portrait ---------*/
    @media all and (max-width: 991px) {
    .combination-video-div {min-height: auto;}
    .social-media-links ul li {padding-right:23px;}
    .brands-logos, .jobs-logos{display:none !important}
    
    
    .financial-calendar-container .event-title.awaiting {width: calc(100% - 512px) !important;}
    .financial-calendar-container .event-item:hover .event-title.awaiting {width: calc(100% - 533px) !important;}
    .calendar-share-box {width: 190px;}
    .reminder-alert {width: 230px;}
    
    /* ------ result center font change ------- */
    .delivery-title{ font-size:1.375em; }
    .sr-no{ font-size:2.188em; line-height:58px; }
    .potential-wrapper { padding-top: 40px; }
    .delivering-wrapper { padding: 40px 0 60px;	}
    .results-presentation-wrapper { padding: 40px 0 60px; }
    .sr-text p {padding-top: 12px;}
    .latest-news-link{ position:relative; bottom:0px;}
    .commitment-right-content table tr td{ width:100%; float:left;}
    .top-navigation{ display:none;}
    .search-container { float:right;}
    .bod-item, .bod-item.alternate { padding:35px 20px;}
    .bod-item .bod-content { padding-left:10px;}
    .bod-item.alternate .bod-content{padding-right:10px;}
    /*.rad-responsive thead th.cAlign { width:80px; }*/
    .rad-responsive thead th, .rad-responsive tbody td { width:80px; font-size:0.8em; padding:22px 6px 24px; line-height: 1.5em; }
    
    
    table td.rp-date{ width:120px;}
    .filter-label label { padding-left:0px;}
    .filter-wrapper { padding:35px 0;}
    /* ------ result center font change ------- */
    
    #headerwrapper .header-top{height:90px;}
    /*.mobi-logo { margin:15px 0; }*/
    #headerwrapper.sticky .header-top{position:fixed;}
    #headerwrapper .header-bottom {padding:0 10px; position: fixed; top: 90px; background:#fff;}
    .video-close { top:65px;}
    #searchTextboxContainer {margin: 15px auto 0; width: 82%;}
    #SearchButtonContainer {position: absolute; top: 14px; left: 20px; transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; -moz-transform: none; z-index:99;}
    #SearchButtonContainer:before {color: #979797; margin-right: 18px; position: absolute; right: -8px; top: 4px;}
    #SearchButtonContainer{border-right: 2px solid #979797; height:27px; margin-top:3px; width:30px;}
    #searchTextbox {color: #979797; border:0px none; padding-bottom: 10px; height:42px; width:100%; float:left;}
    #searchbox{display:block;}
    #headerwrapper.sticky .header-bottom{position: fixed; top: 90px;}
    .related-content-box { margin-bottom:30px;}
    #headerwrapper .share-price-ticker { padding-right:10px; margin-right:-10px;}
    .our-commitments-box .commitments-content {padding-left: 5px;}
    .key-achievements h2 {font-size: 2.625em; line-height:normal; margin: 30px 0;}
    .highlight-news-wrapper {padding: 30px;}
    .delivery-item-wrap { margin-bottom:2px;}
    .investor-section2 {padding-bottom: 40px;}
    .investor-section2 {margin: 40px 0 0;}
    .investor-section2 .section-title {padding:30px 10px}
    .section-1 .section-title, .section-3 .section-title, .section-4 .section-title, .section-5 .section-title {margin: 45px 0 25px;}
    .social-media-heading {padding-bottom: 40px;}
    .commitment-achievements {padding: 50px 0 50px;}
    .delivery-item { border:0px;}
    .delivery-item-wrap { border-right:3px solid #fff;} 
    
    
    
    #ip3-results-reports-and-presentations .col-sm-6.new-box { width: 50% !important;}
    #ip3-results-reports-and-presentations .col-sm-6.new-box-1 {width: 50% !important;}
    
    
    .featured-item-wrapper {padding: 50px 0;}
    .blog-hub-item {padding-top: 30px;}
    .blog-wrap {padding-bottom: 0;}
    .highlight-news { margin-top: 25px;}
    
    .ir-landing .highlight-news-wrapper {padding: 30px;}
    .ir-landing .investor-section2 .section-title {padding-bottom: 50px;}
    .ir-landing .investor-section2 {padding-bottom: 20px;}
    .invstor-section3 {margin-top: 50px; padding: 50px 0;}
    .invstor-latest-updates {padding: 50px 0 48px;}
    .latest-result-wrapper {padding: 60px 0;}
    .financial-highlights-container {margin-top: 40px;}
    h2.financial-highlights-title {padding: 0px 0 25px;}
    .latest-result-wrapper {padding: 30px 0;}
    h2.rp-title {margin:0}
    
    .webform .form-group .form-control, .webform .form-group select, .webform .form-group .imgCaptcha {float: left; width: 100%;}
    #headerwrapper .share-price-ticker { height:90px; padding:30px 0;}
    .key-achievements-left-image img{ width:100%;}
    .contact-logo{ height:auto !important; padding-bottom:50px;}
    .contact-item { padding:25px;}
    
    .strategy-pop-left-content { width:100%; padding:0px;}
    .strategy-pop-right-content { width:100%;}
    .strategy-pop-left{ width:35%;}
    .strategy-pop-right{ width:65%;}
    .related-content-grey-box .related-content-height { text-align:center;}
    .blog-image { min-height:145px;}
    p.box-helighted-text { font-size:3em;}
    .top-content .rad-left { float:none;}
    
    .home-section-slider .slick-prev {left: -60px;}
    .home-section-slider .slick-next {right: -60px;}
    
    .our-commitments-box .commitments-number { font-size:4.2em;}
    
    .ov-logo-image{width:155px !important; height:155px !important}
    .ov-logo-image-wrapper{width:163px !important; height:163px !important}
    .our-vision .ov-section-2-left-content {border-right: 0px; padding-right:0}
    .our-vision .section-2 { padding: 50px 0;}
    .our-vision .tabs-wrapper .tabs ul li span {padding: 10px;}
    .ov-tabs ul li {font-size: 1.1em; line-height: normal;}
    .our-vision .section-4-left-content img{margin:0 auto;}
    .our-vision .section-4 {padding: 50px 0;}
    .our-vision .section-4-left-content {padding-right: 0;}
    .our-vision .section-4-right-content-wrapper {border-left: 0 none; padding-left: 0;}
    .our-vision .section-5 .section-title {margin: 40px 0 45px;}
    .our-vision .section-5-content {border-right: 0px; padding-right: 0;}
    .ov-section-2-right-content {padding-left: 0; text-align: center;}
    .ov-section-2-right-content {margin-top: 0;}
    .ov-tabs-left-content {border-right: 0px; padding-right: 0;}
    .ov-tabs-right-content{text-align:center;}
    .ov-circle-tabs {float: none; margin: 0 auto; width: 163px;}
    .our-vision .section-4 .orange-btn{text-align:center;}
    .ov-tab-figure {padding-left: 0;}
    .ov-tab-figure-text {padding-left: 0;}
    .our-vision .ov-section-2-right-figure-text {padding-left: 0px;}
    .ov-tabs-content .orange-btn {float: left; margin-top: 40px; width: 100%;}
    .our-vision .section-5-right-content {padding-left: 0;}
    .ov-circle-box-item{margin-bottom:55px;}
    .ov-tabs-content {margin: 50px 0;}
    .ov-circle-tabs-item {width: 50%; margin-bottom: 30px;}
    .ov-circle-tabs-item:nth-child(5n){width:100%;}
    .ov-circle-tabs-wrapper {border-bottom: 0 none;margin-bottom: 0; padding-bottom: 50px;}
    .ov-circle-tabs-link.orange-btn {border-bottom: 1px solid #cbcbcb; margin-bottom: 50px; padding-bottom: 50px;}
    .our-vision .section-5-content {padding-bottom: 50px;}
    .our-vision .section-5-right-content {border-bottom: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; padding:25px 0 50px 0}
    .video-banner { padding-top:0px;}
    
    #headerwrapper .header-top{position:fixed !important}
    #headerwrapper .header-bottom #searchTextboxContainer {margin: 15px auto 0 !important;}
    #headerwrapper .header-bottom >.container-fluid{padding:0 10px !important;}
    #headerwrapper.sticky .share-price-container {padding-right: 10px;}
    #headerwrapper.sticky .header-bottom #SearchButtonContainer {top: 14px;}
    #headerwrapper.sticky .header-top {left: auto; transform: none; -ms-transform: none; -webkit-transform: none;}
    .strategy-landing .strategy-left-image { padding:0px; text-align:center; float:none;}
    .strategy-left-image img{ display:inline-block;}
    .video-banner .blackOut { padding-top:37px;}
    .section-4-text { width:100%; text-align:center;}
    .section-4-content .orange-btn { padding-top:20px; text-align:center; width:100%;}
    .section-5-content { padding:50px 10%;}
    .section-5-text{ font-size:3em; margin-bottom:45px; line-height:52px;}
    .section-5-image-text { padding:0px; }
    .section-5-left { border-right:none; width:320px; margin:0 auto; float:none;}
    .section-5-right {	width:100%; padding:20px 0 0 0; text-align:center;}
    .section-5-text:before { width:80px;}
    
    } 
    
    @media all and (min-width: 768px) and (max-width: 991px) {
    .selectedTab{ font-size:1.0em; padding-left:10px; }
    .freetext-wrapper .freetext-value input{ width:100%; padding-left:10px; font-size:1.0em; }
    /*.financial-highlight-title{ font-size:2.5em; line-height: normal;}*/
    .company-logo-wrapper .company-logo-item { width:33%; margin-bottom:30px;}
    .our-value-box-height { width:31%;}
    .instagram-panel .instagram, .instagram-panel .social-timestamp-link > img {height: 140px;}
    .company-logo-inner-wrapper img {padding: 10px;}
    .section-3-number {font-size: 9.375em; height: auto; line-height: normal;}
    .financial-highlight-box{ margin-bottom:50px;}
    }
    
    @media all and (min-width:768px){
    .ov-tabs{display:block !important;}
    }
    @media all and (max-width:768px){
    .tabs-wrapper .tabs ul li span {padding:18px 5px 23px;}
    
    }
    
    /*--------- All Small Tablets and Large Phones Global CSS ---------*/
    @media all and (max-width: 767px) {
    
    .bannerMarginTop { height:90px; }
    
    .tabs-wrapper .tabs ul li a, .tabs-wrapper .tabs ul li.current > span {display: block;font-family: "Mary-Ann-Regular";font-size: 1.125em;line-height: 24px;}
    .tabs-wrapper.tabs-makingDiff .tabs ul li a, .tabs-wrapper.tabs-makingDiff .tabs ul li.current > span {display: block;}
    #ip3-Homepage .video-link {top:49%}
    .event-headers{display:none;}
    .single-item .currentTab{ background: none; border: medium none; font-size: 1.7em; padding: 0; }
    .tabs-wrapper .currentTab{ display:block; border: 1px solid #d7d7d7; padding: 16px 50px 16px 20px; cursor:pointer;line-height:normal; font-size: 1.25em;line-height: 26px;}
    .tabs { display:none; }
    .tabs ul, .tabs-wrapper .tabs > ul{ display:block; }
    .tabs-wrapper .tabs ul li{ display:block; width:100%; border-right:0px !important; float:left; cursor:pointer;}
    .potential-img-wrapper img{ width:100%;}
    .delivery-item { padding:15px 0;}
    .delivery-title { padding-bottom:15px;}
    .sr-no { width:15%;}
    .financial-highlight-box{ margin-bottom:50px;}
    .quick-links-content ul li { width:100%;}
    .investor-section2 { padding-bottom:10px;}
    .story-eq-height{ margin-bottom:30px;}
    .section-4 { margin-bottom:30px;}
    .related-content-box { margin-bottom:30px; width:100%;}
    .company-logo-wrapper .company-logo-item { width:50%; padding-bottom:45px;}
    .tabs-wrapper .tabs ul li{ border-top:0px; padding-left:7px; text-align:left;} 
    .tabs-wrapper .tabs ul li.current span, .tabs-wrapper .tabs ul li:hover span { border:0px;}
    #contentwrapper .tabs-wrapper .tabs ul li { margin:0px;padding-left: 15px}
    .tabs-wrapper .tabs ul li.current > span, .tabs-wrapper .tabs ul li.current > a.current{color: #ffffff}
    .tabs-wrapper .tabs ul li.current, .tabs-wrapper .tabs ul li:hover{ border-bottom-color:#d7d7d7; border-top-color:none; position:relative; border-top:none; border-bottom:#d7d7d7 solid 1px;}
    .tabs-wrapper .tabs ul li.current:before, .tabs-wrapper .tabs ul li.current:after, .tabs-wrapper .tabs ul li:hover:before, .tabs-wrapper .tabs ul li:hover:after { background-color: transparent;}
    
    ul#section-archive-level4 li { padding-left:35px; }
    
    .section-1 .section-title, .section-3 .section-title, .section-4 .section-title, .section-5 .section-title { margin-top:25px;}
    .related-content-area .section-title { margin-top:35px;}
    .commitment-achievements .pad-right { padding-right:10px;}
    .key-figures-box { margin-bottom:30px;} 
    .content-item{ width:100%;}
    .content-right-content { height:auto !important; padding-top:15px;}
    .footer-top-col { width:100%;}
    .download-app{ float:left; padding-bottom:35px;}
    .footer-top{ padding-top:60px;}
    .highlight-news-wrapper{padding:20px 20px 10px;}
    .commitment-right-content {padding-left:10px;}
    .filter-dropdown { margin-bottom:15px;}
    .filter-wrapper { padding:0 0 30px;}
    .featured-item-content { padding:20px;}
    .featured-item-wrapper { padding:60px 0;}
    .invstor-section3 { padding:45px 0;}
    .invstor-latest-updates{ padding:45px 0 48px;}
    .ir-landing .investor-section2 .section-title {margin-top: 0; padding: 15px 0 30px;}
    .invstor-section3 .section-title { padding-bottom:30px;}
    #headerwrapper .header-top { height:90px; }
    .mobi-logo {margin: 16px 0;}
    /*.mobi-menu-trigger { margin:25px 20px 0px 0 !important; width:27px !important; }*/
    .mobile-menu-burger{margin-left:10px !important}
    .blog-image img{ width:100%;} 
    #headerwrapper .header-bottom {top:90px; padding:0; }
    #headerwrapper .header-bottom > .container-fluid{padding:0}
    .home-banner-image {min-height: 300px;}
    .home-banner-title {font-size: 2.125em; line-height: normal; margin: 20px 0;}
    .company-logo-wrapper {margin: 40px 0 10px 0;}
    .section-title {margin:40px 0 30px}
    .section-slider-heading {font-size: 1.25em; line-height: normal; padding: 20px 20px 30px; text-align: center;}
    .section-2-container {margin-top: 0;}
    .home-section-title {padding-bottom: 0;}
    .home-section-main-title {font-size: 1em; line-height: normal;}
    .orange-btn a {font-size: 17px; line-height: normal;}
    .section-3-number {font-size: 9.375em; height: auto; line-height: normal;}
    .section-3 .pad-right.section-3-eq-height{padding-right:10px;}
    .section-3 .pad-left.section-3-eq-height{padding-left:10px;}
    .section-3-number-content {font-size: 1em; line-height: normal;}
    .section-3-image {min-height: 275px;}
    .section-2-title.section-title {margin: 40px 0 30px;}
    .feed-area {margin-top: 0px;}
    .news-slider-arrows .slick-prev, .news-slider-arrows .slick-next{width:45px; height:45px; background: #f26b11; border:0px none; position: absolute; top: 19px; right: 10px;}
    .news-slider-arrows .slick-prev{right: 56px}
    .news-slider-arrows .slick-prev.slick-disabled, .news-slider-arrows .slick-next.slick-disabled{background: #d7d7d7; cursor:no-drop;}
    #headerwrapper .share-price-ticker { padding-right:0;}
    .latest-stories .section-title{float:left; width:80%; margin-bottom: 11px !important; margin-top:25px !important}
    .news-slider-arrows {float: right; width: 29%;}
    .news-story-slider {clear: both;}
    .story-eq-height{margin-bottom:0}
    .twitter-feeds-panel {padding: 20px;min-height: 420px}
    .twitter-feeds-title {font-size: 1em; line-height: normal;}
    .social-media-heading {padding-bottom: 20px; font-size: 1.25em; line-height: normal;}
    .social-media-title {margin: 10px 0 0 0;}
    .news-slider-arrows .slick-arrow:before{content: '';border-bottom: 3px solid #fff;border-left: 3px solid #fff;border-radius: 2px;bottom: 0;height: 11px;margin: auto;position: absolute;right: 0;top: 0;transform: rotate(225deg);-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);width: 11px;left: 0;}
    .news-slider-arrows .slick-prev.slick-arrow:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
    /*.social-media-panel {min-height: 220px;}*/
    #footerwrapper {margin-top: 42px;}
    .footer-top {padding-top: 30px;}
    .footer-links-title {font-size: 1.5em; line-height: normal;}
    .download-app {padding-bottom: 25px;}
    .social-media-links ul li {padding-right: 22px;}
    .social-media-links ul li a {font-size: 2em; }
    .footer-top{padding-bottom:30px;}
    .footer-bottom {padding: 30px 0 54px;}
    .footer-links ul {margin-top: 0px;}
    .footer-links-title {margin-bottom: 20px;}
    .footer-links ul li {padding-bottom: 0; font-size:1em;}
    .footer-bottom .footer-bottom-col{margin-bottom:30px;}
    .footer-bottom .footer-bottom-col:last-child{ margin-bottom:0px;}
    .top-content-title {margin-bottom: 30px; padding: 20px 0 30px;}
    /*.top-content-intro p, .content-right-content p, .our-value-content .top-highlight-text,.quote-text p, .value-video-title, .value-video-content {font-size: 1.5em; line-height: normal;}*/
    .content-with-image {margin-bottom: 30px; padding: 40px 0 30px;}
    .quote-content {margin: 30px 0; padding: 30px 0;}
    p.box-helighted-text {font-size:3.5em;}
    .grey-box {padding: 30px 20px;}
    .related-content-area {margin-bottom: 10px;}
    .member-title {font-size: 1.563em; line-height: normal; margin-bottom: 0; margin-top: -11px;}
    .member-designation {font-size: 1.250em; line-height: normal;}
    .bod-item {margin-bottom: 20px;}
    .content-banner-image {min-height: 100px;}
    .our-value-icon-bg {padding: 30px 0;}
    .footer-links {margin-top: -14px;}
    .our-commitments-box {float: left; padding: 20px; width: 100%;}
    .our-commitments-box .commitments-number {font-size: 3em; line-height: normal; width: 45px; margin-top: -8px;}
    .our-commitments-box .commitments-content {float: left; padding-left: 15px; width: 82%;}
    .our-commitments-boxes {margin-top: 0;}
    .our-commitments-box .commitments-text, .our-commitments-box {height: auto !important;}
    .our-commitments-boxes-link {padding: 15px 0;}
    .key-achievements {padding: 30px 0 0;}
    .value-video-section {margin-top: 20px; padding: 30px 0;}
    #headerwrapper.sticky .header-bottom{position: fixed; top: 51px; left: auto; transform: none; -ms-transform: none; -webkit-transform: none;}
    .investor-section2 {margin: 20px 0 0;}
    .investor-section2 .section-title {padding-bottom: 0; padding-top: 0;}
    /*.financial-highlight-title {padding-bottom: 20px; font-size:2.5em}*/
    .download-app img:first-child {padding-right: 5px;}
    .commitment-content {padding: 30px 0 27px;}
    .commitment-content .top-highlight-text {padding: 0; width: 100%;}
    
    /*h1{font-size: 2.125em; line-height: normal;}
    .our-commitments-bg h2, .key-achievements h2, .latest-news-title, .investor-section2 .section-title, .commitment-content .top-highlight-text, h2 {font-size: 1.875em; line-height:normal; margin: 30px 0 30px;}*/
    .top-content-wrap h2, .invstor-section3 .section-title, h2.featured-blog-title, h2.latest-result-title, h2.financial-highlights-title, h2.rp-title{/*font-size: 1.875em; line-height:normal;*/}
    .key-achievements-right-content h3, h3{/*font-size: 1.625em; line-height: normal;*/}
    
    h2.latest-result-title{margin:0; padding: 6px 0 20px 2px}
    p.latest-result-text {font-size: 1.2em; line-height: normal;}
    .latest-news-title {padding-bottom: 0;}
    .commitment-content .top-highlight-text {margin: 0 0 41px;}
    .related-content-grey-box {padding: 30px 30px;}
    .filter-label label {font-size: 1.25em; line-height: normal;}
    .featured-item-wrapper {padding: 40px 0;}
    h2.featured-blog-title{padding:5px 0 20px}
    .blog-title {padding-bottom: 0;}
    .top-content-title {margin-bottom: 20px; padding: 0 0 20px;}
    .ir-landing .highlight-news-wrapper {padding: 20px;}
    .ir-landing .latest-news-title{margin:10px 0;}
    .ir-landing .highlight-news {margin-top: 0;}
    .latest-news-content, .latest-news-link a {font-size: 1.2em; line-height: normal;}
    .financial-highlight-box {margin-bottom: 30px;}
    .invstor-section3 {margin-top: 0; padding: 0;}
    .invstor-section3 .section-title{padding-bottom:0; margin:30px 0}
    .performance-date {font-size: 1em; line-height: normal;}
    .performance-title {font-size: 1em; line-height: normal;}
    .invstor-latest-updates .section-title {margin-top: 0;}
    .ir-landing .latest-news-title {font-size:1.2em; line-height:normal;}
    .ir-landing .latest-news-content, .ir-landing .latest-news-link a {font-size: 1em; line-height: normal;}
    .invstor-latest-updates {padding: 30px 0;}
    .invstor-latest-updates .latest-updates-item .latest-news-title {font-size: 1.3em; line-height: normal; padding-bottom:0}
    .invstor-latest-updates .latest-updates-item .news-link {font-size: 1em; line-height: normal;}
    .ir-landing .latest-updates-text h3{padding-bottom:0; font-size:1.1em;}
    .quick-links-content ul li {font-size: 1.2em; line-height: normal;}
    .latest-result-content {padding: 20px;}
    .financial-highlights-image {min-height: 300px;}
    .latest-result-image {min-height: 300px;}
    h2.financial-highlights-title{padding:0}
    .rp-table-container {padding: 20px 18px 20px;}
    .sr-text p {font-size: 1.2em; line-height: normal;}
    .event-item:hover .event-title.awaiting {width: 60%;}
    .event-outlook .outlookLink {left: 10px;}
    .outlook-text {left: 42px;}
    .event-outlook {clear: left;}
    .media-title{font-size:1em; line-height:normal; padding:10px 0 0;}
    .media-content-wrap {min-height: 190px;}
    #headerwrapper .share-price-ticker { height:auto; padding:30px 0; }
    .our-commitments-bg { background:#f8f8f8 !important;}
    a.release-icon, a.audio-icon, a.webcast-icon, a.report-icon, a.presentation-icon { width:40px;}
    
    .financial-calendar-container .event-title.awaiting {width: calc(100% - 92px) !important;}
    .financial-calendar-container .event-item:hover .event-title.awaiting {width: calc(100% - 113px) !important;}
    .event-title {padding: 10px 25px 0 25px;}
    .calendar-share-box {padding: 8px 15px 15px;}
    .reminder-alert {clear: left; margin-left: 92px; padding:10px; margin-bottom:10px;}
    .financial-calendar-container .event-item:hover .reminder-alert {margin-left: 113px;}
    .add-to-calendar-list ul li {font-size: 0.9em;}
    .contact-logo .contact-logo-center { text-align:left;}
    .contact-logo { padding-bottom:20px !important;}
    
    .strategy-landing .strategy-border { border:0 none;}
    .strategy-pop-left{ width:100%; text-align:center; padding-right:0px;}
    .diagram-image, .diagram-title { margin-right:0px;}
    .strategy-pop-right{ width:100%; border:0 none; padding-right:20px;}
    .diagram-image img{ display: inline-block;}
    .strategy-landing .strategy-height { height:auto !important; display:block;}
    .strategy-landing { margin-bottom:40px;}
    
    
    .tabs ul ul { display:block !important; position: relative;}
    .tabs-wrapper .tabs ul li:last-child{padding-left: 0}
    .tabs-wrapper:not(.events-tab) .tabs ul li:last-child > a{display: none !important}
    .tabs-wrapper .tabs ul li:hover, .tabs-wrapper .tabs ul li:hover > a, .tabs-wrapper .tabs ul li:hover > a > span:hover, .tabs-wrapper .tabs ul li.current, .tabs-wrapper .tabs ul li.current > a, .tabs-wrapper .tabs ul li.current > a > span{background: #3c3c3c !important;color: #fff !important}
    .tabs-wrapper .tabs ul ul:not(#section-archive-level5){display: none !important}
    .tabs ul li#nav-archive-level3 > a { /*display:none;*/ }
    .tabs-wrapper .tabs ul li ul li { background:#fff;}
    .tabs-wrapper .tabs ul li ul li.current span, .tabs-wrapper .tabs ul li ul li:hover span { border-top:0px !important;}
    .blog-image { min-height:455px;}
    .featured-item-container { min-height:auto;}
    
    .our-commitments-box .commitments-text { font-size:1.2em;}
    p.commitments-link { font-size:1.2em;}
    
    .our-vision .section-2 {min-height: 350px; padding: 10px 0 40px;}
    .our-vision .ov-section-2-right-figure {font-size: 4.5em; line-height: normal;}
    .our-vision .ov-section-2-right-figure-text {font-size: 1.375em; line-height: normal;}
    .ov-tabs ul li {width:100% !important; height:auto !important; font-size: 1em;
     line-height: normal;}
    .ov-tabs ul li strong{display:none;}
    .our-vision .tabs-wrapper .tabs ul li span {padding: 18px 12px 23px; font-size:1.125em; line-height:normal;}
    .ov-tab-figure {margin-bottom: 0;}
    .ov-circle-tab-figure {font-size: 2em; line-height: normal;}
    .ov-circle-tab-figure-desc {font-size: 1.1em; line-height: normal;}
    .ov-tabs-content {margin: 30px 0 0;}
    .our-value-box-height { width:50%; float:left;}
    
    
    .instagram-panel .instagram, .instagram-panel .social-timestamp-link > img {height: 120px;}
    .ov-tabs ul li span strong{display:none;}
    .ov-tabs ul li span em{height:auto !important}
    .ov-tabs ul li {float: left; width:100%}
    .ov-tabs ul li:after{content:none;}
    .ov-tabs-content .orange-btn {margin-bottom: 40px;}
    
    
    .brands-logos-footer .company-logo-wrapper, .jobs-logos-footer .company-logo-wrapper {padding: 20px;width: 100%;}
    .brands-logos-footer .company-logo-wrapper .company-logo-item, .jobs-logos-footer .company-logo-wrapper .company-logo-item { width: 50%; padding:10px;}
    .company-logo-wrapper .company-logo-item {padding-bottom: 20px;}
    .brands-logos-footer{top: 225px;}
    .jobs-logos-footer {top: 255px;}
    
    .box-data {min-height: 10px;}
    
    .tabs-wrapper .tabs ul li:hover ul li a { color:#404040;}
    .tabs-wrapper .tabs ul li:hover ul li:hover a{ color:#f06c00;}
    .ov-tabs ul li:hover, .ov-tabs ul li.current { border-bottom:1px solid #d7d7d7 !important;}
    .ov-tabs ul li span em:hover{color:#f06c00; }
    
    .video-banner .blackOut { padding-top:0px;}
    .video-close { top:30px;}
    .home-banner-image {min-height:175px;}
    
    .story-date{font-size: 15.5px;}
    
    h2.featured-blog-title{font-size: 39px;line-height: 51px}
    }
    
    @media all and (min-width: 640px) {
    body#ip3-fairly-traded .youtube-video-box {width: 600px; height: 338px; padding-bottom: 0; margin-left: auto; margin-right: auto; margin-bottom: 30px; margin-top: 30px;}
    body#ip3-fairly-traded .youtube-video-box iframe {height: 338px;}
    }
    @media all and (max-width: 640px) {
    .financial-highlight-box { width:100%;}
    /*.financial-highlight-title, .financial-highlight-text { text-align:left;}*/
    .ir-landing .investor-section2 .section-title { padding-bottom:0px;}
    .link-container > div{ margin-right:0px; display:block;}
    .key-figures-box { width:100%;}
    .our-value-box-height{ width:100%;}
    .performance-box-main { width:100%; margin-bottom:30px;}
    #searchTextboxContainer{padding-left:20px;}
    
    .blog-image { min-height:380px;}
    
    .content-banner-image.video-banner{min-height: 100px;}
    
    }
    
    @media all and (max-width: 480px) {
    .checkbox-disclaimer .label {width:90%}
    .potential-item { width:100%;}
    .report-item { width:100%;}
    .performance-box-main{ width:100%; margin-bottom:30px;}
    .event-title { padding:7px 15px;}
    .event-outlook { float:right;}
    .event-outlook .outlookLink { right:20px;}
    .event-outlook { width:100%;}
    .media-toolkit-item { width:100%; }
    .mobi-logo {float: left;}
    .mobi-logo img { width:80%; }
    .mobi-menu{padding-left:0}
    .company-logo-wrapper .company-logo-item { width:100%;}
    .bod-image, .bod-item .bod-content{width:100%;}
    .bod-image{margin-bottom:20px;}
    .potential-item { width:100%;}
    .delivery-item-wrap { width:100%;}
    
    #ip3-results-reports-and-presentations .col-sm-6.new-box-1 { width:100% !important;}
    
    #ip3-results-reports-and-presentations .col-sm-6.new-box {width:100% !important;}
    #ip3-results-reports-and-presentations .delivery-item { border-right:0px !important;}
    
    
    .delivery-item { border-right:0px}
    #headerwrapper .share-price-ticker { width:100%; padding:30px 0px; }
    
    .add-to-calendar-text {padding: 0;}
    .reminder-alert {margin-left:0}
    .financial-calendar-container .event-title.awaiting, .financial-calendar-container .event-item:hover .event-title.awaiting {width: 100% !important;}
    
    .event-title {padding: 6px;}
    .calendar-share-box {padding: 6px;}
    .financial-calendar-container .event-item:hover .reminder-alert {margin-left: 0;}
    .strategy-pop-right-content .highlighted-text { font-size:4em; } 
    .blog-image { min-height:220px;}
    .our-commitments-box .commitments-content{ width:77%;}
    .content-left-image { height:auto !important;}
    
    .section-5-left{ width:100%;}
    .section-5-image { float:none; text-align:center; width:100%;}
    .section-5-image-text { width:100%; padding:0px;}
    .section-5-image { padding-bottom:15px;}
    .section-5-image img{ display:inline-block;}
    .section-5-image-text-right { width:100%; text-align:center;}
    .section-5-text { font-size:2em; line-height:40px;}
    .section-5-content{ padding:35px 5%;}
    .section-5-text:before { width:70px;}
    
    
    }
    
    @media all and (max-width: 479px) {
    .instagram-panel .instagram, .instagram-panel .social-timestamp-link > img {height: 95px;}
    }
    
    @media all and (max-width:440px) {
    .mobi-logo img { width:60%; margin-top:0; }
    .mobi-logo { float:none; width:auto; display:inline; }
    }
    
    @media all and (max-width: 360px) {
    .blog-image { min-height:205px;}
    .instagram-panel .instagram, .instagram-panel .social-timestamp-link > img {height: 85px;}
    }
    
    @media all and (max-width: 320px) {
    .blog-image { min-height:180px;}
    .back-diagram{  margin-left:-50px;}
    
    }
    
    
    /*IPad/IPad mini landscape mode:*/
    @media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
    { 
    #ip3-net-zero .ov-tabs ul li {font-size: 0.9em;}
    #ip3-netzero .our-vision .tabs-wrapper .tabs ul li a, b.our-vision .tabs-wrapper .tabs ul li.current > span{font-size: .8em;}
    #ip3-netzero .our-vision .tabs-wrapper .tabs ul li span{padding: 3px;}
    }
    
    
    /*IPad/IPad mini portrait mode:*/
    @media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
    {
    #ip3-net-zero .ov-tabs ul li {font-size: 0.68em;}
    #ip3-netzero .our-vision .tabs-wrapper .tabs ul li a, b.our-vision .tabs-wrapper .tabs ul li.current > span{font-size: .75em;}
    #ip3-netzero .our-vision .tabs-wrapper .tabs ul li span{padding: 3px;}
    }
    
    
    /* Banner Responsive - Start */
    
    @media all and (max-width: 414px) {
    .home-banner-image {min-height: 150px !important;background-size: contain !important;}
    /*#bannerwrapper .content-banner-image {min-height: 250px !important;background-size: contain !important;}*/
    /*.introtext-panel {margin-top: -33px;}*/
    }
    @media all and (max-width: 736px) {
    /*#bannerwrapper .content-banner-image {background-size: contain !important;}*/
    }
    /*IPad/IPad mini landscape mode:*/
    @media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
    {
    /*#bannerwrapper .content-banner-image {background-size: contain !important;}*/
    /*.introtext-panel {margin-top: -35px;}*/
    .home-banner-image {background-size: contain !important;margin-top: 0px !important;min-height: 450px !important;}
    .home-banner-content {text-align: center;margin-top: -100px;}
    }
    /*IPad/IPad mini portrait mode:*/
    @media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
    {
    /*#bannerwrapper .content-banner-image {background-size: contain !important;}*/
    /*.introtext-panel {margin-top: -70px;}*/
    .home-banner-content {text-align: center;margin-top: -160px;}
    .home-banner-image {background-size: contain !important;}
    .video-play-icon {top: 51%;}
    }
    
    /* Banner Responsive - End */
    
/*---- jquery-ui-----*/
/*! jQuery UI - v1.10.2 - 2013-03-14
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { min-height: 0; /* support: IE7 */ }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-front { z-index: 100; }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; }
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; }
.ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ }
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
/* to make room for the icon, a width needs to be set here */




.ui-button-icon-only { width: 2.2em; }
/* button elements seem to need a little more width */
button.ui-button-icon-only { width: 2.4em; }
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/* button text element */
.ui-button .ui-button-text { display: block; line-height: normal; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/* button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/* button sets */
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
.ui-datepicker .ui-datepicker-next-hover { right: 1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style: none; padding:8px; margin: 0; display: block; outline: none; padding-left:13px !important; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.3; min-height: 0; /* support: IE7 */ font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal;/*margin: -1px;*/
}
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }
/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height: 2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; }
.ui-progressbar .ui-progressbar-overlay { height: 100%; filter: alpha(opacity=25); opacity: 0.25; }
.ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; }
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1em; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; }
/* vertical centre icon */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; }
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */
	background-position: -65px -16px; }
.ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }
body .ui-tooltip { border-width: 2px; }
/* Component containers
----------------------------------*/
.ui-widget { /*font-size: 1.1em;*/
font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { background: #f06c00 50% 50% repeat-x; color: #fff; }
.ui-widget-content a { color: #fff; }
.ui-widget-header { border: 1px solid #fff; background: #f06c00; color: #fff; font-weight: bold; }
.ui-widget-header a { color: #fff; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus a:hover { /*border: 1px solid #999999;
	background-color: #aaaaaa !important;
	font-weight: normal;
	color: #212121;*/
	background-color:#3c3c3c; color:#fff !important; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus a:focus { /*border: 1px solid #999999;
	background-color: #aaaaaa;
	font-weight: normal;
	color: #212121;*/
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { /*	color: #212121;
	text-decoration: none;*/
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ }
/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; }
.ui-icon, .ui-widget-content .ui-icon { }
.ui-widget-header .ui-icon { }
.ui-state-default .ui-icon { }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { }
.ui-state-active .ui-icon { }
.ui-state-highlight .ui-icon { }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { }
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/

/* Corner radius 
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; }
*/


/* Overlays */
.ui-widget-overlay { background: #aaaaaa 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; }
.currentDomainCSS { background: #D3D3D3 50% 50% repeat-x; }
.serachTextBoxMiddle { height: 18px; margin-left: 220px; right: 44px; width: 140px; }
.serachButtonMiddle { left: 363px; position: absolute; top: 53px!important; }
.centerText { margin-left: 195px; }
.centerText1 { margin:0 auto; width: 180px; }
.ui-menu { }
.ui-menu a { height:27px; width:100%; position:relative; top:0px; margin-bottom:3px; }
.ui-menu a:hover { height:27px; width:100%; position:relative; top:0px; margin-bottom:3px; }
.ui-menu .ui-menu-item { padding: 0 !important; width: 100% !important; clear:both; }
.ui-menu .ui-menu-item a span:last-child { float:left !important; padding-left:10px; }
.ui-menu .ui-menu-item a {cursor: pointer;}
/*---- slick-----*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

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

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*---- magnific-popup-----*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 80%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

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

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
      color: #fff;
    background: #f06c00;
    border: 2px solid #fff;
    opacity: 1;
    border-radius: 16%; font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;   font-family: icomoon, sans-serif !important;}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
    
    
    
    /******** custom *********/
    .mfp-newvg .mfp-content {
    padding-top: 50px;
    padding-bottom: 10px;
}
.brightcove-popup-play .play-video-britecove-pop{
position: relative;
}
.play-video-britecove-pop .play-icon{
position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    background: #f06c00;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transform: translate(-36px, -18px);
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: icomoon, sans-serif;
    font-size: 25px;
    }

.play-video-britecove-pop .play-icon::before {
       content: "";
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 19px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid;
    display: flex;
    align-items: center;
    justify-content: center;
}
.d-none-dummy-text{
display:none;
}

#ip3-becoming-a-supplier .mfp-auto-cursor .mfp-content {background-color:#ffffff; padding:20px;}
/*---- mmenu-----*/
/*--------- Custom CSS starts --------*/
ul.mm-listview>li.menu-section-head {padding: 17px 10px 14px;text-transform: uppercase;background: #2ca2d2;border-color: #fff;}
.career-level-tag {background: #2ca2d2;margin: -10px -10px 0;padding: 5px 10px;color: #fff;}
.menu-image-wrap {position:relative;height: 226px;margin: 0 -10px;overflow: hidden;}
.menu-image-wrap:before {position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1;content: "";}
.menu-image-wrap>img {width: 100%;height: auto;position: absolute;top: -15%;}
.menu-title {padding: 15px 10px;display: block;margin: 0 -10px -10px;background: #004990;color: #fff;}


.mm-panel:not(:first-child) .mm-listview li {border-color: #fff;}
/*--------- Custom CSS ends --------*/

.mm-hidden {
  display: none !important; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-panels,
.mm-panels > .mm-panel {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.mm-menu {
  box-sizing: border-box;
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }

.mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  .mm-panel.mm-opened {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
  .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0); }
  .mm-panel.mm-highest {
    z-index: 1; }

.mm-panels,
.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit; }

.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 20px; }
  .mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 40px; }
  .mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after {
    content: '';
    display: block;
    /*height: 20px;*/
    height: 0px;

    }
    .mm-panels > .mm-panel:after{
    height:0px;
    }

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important; }

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
  .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
    border-color: transparent; }

.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block; }

.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next {
  height: 40px;
  bottom: auto; }
  .mm-vertical .mm-listview > li > .mm-next:after,
  .mm-listview > li.mm-vertical > .mm-next:after {
    top: 16px;
    bottom: auto; }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-navbar {
  /*border-bottom: 1px solid;
  border-color: inherit;*/
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
  .mm-navbar > * {
    display: block;
    padding: 10px 0; }
  .mm-navbar a,
  .mm-navbar a:hover {
    text-decoration: none; }
  .mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .mm-navbar .mm-btn {
    box-sizing: border-box;
    width: 40px;
    /*height: 40px;*/
    position: absolute;
    top: 0;
    z-index: 1; }
    .mm-navbar .mm-btn:first-child {
      padding-left: 20px;
      left: 0; }
    .mm-navbar .mm-btn:last-child {
      text-align: right;
      padding-right: 20px;
      right: 0; }

.mm-panel .mm-navbar {
  display: none; }
.mm-panel.mm-hasnavbar .mm-navbar {
  display: block;}

.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }


  .mm-listview a,
  .mm-listview a:hover {
    text-decoration: none; }
  .mm-listview > li {
    position: relative; }
    .mm-listview > li, .mm-listview > li:after,
    .mm-listview > li .mm-next,
    .mm-listview > li .mm-next:before {
      border-color: #a3a3a3; }
    .mm-listview > li > a,
    .mm-listview > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      display: block;
      padding: 10px 22px;
      margin: 0;}
      .mm-listview > li > a.mm-arrow,
      .mm-listview > li > span.mm-arrow {
        padding-right: 65px; }
    .mm-listview > li:not(.mm-divider):after {
      content: '';
      border-bottom-width: 1px;
      border-bottom-style: solid;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; }
    .mm-listview > li:not(.mm-divider):after {
      left: 20px; }
  .mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 70px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2; }
    .mm-listview .mm-next:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;z-index:999 }
    .mm-listview .mm-next + a,
    .mm-listview .mm-next + span {
      margin-right: 50px; }
    .mm-listview .mm-next.mm-fullsubopen {
      /*width: 100%;*/ }
      .mm-listview .mm-next.mm-fullsubopen:before {
       /* border-left: none; */ }
      .mm-listview .mm-next.mm-fullsubopen + a,
      .mm-listview .mm-next.mm-fullsubopen + span {
        padding-right: 65px;
        margin-right: 0; }

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px 0px; }
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px; }

.mm-listview .mm-inset {
  list-style: inside disc;
  padding: 0 10px 15px 40px;
  margin: 0; }
  .mm-listview .mm-inset > li {
    padding: 5px 0; }

.mm-listview .mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px; }

.mm-listview .mm-spacer {
  padding-top: 40px; }
  .mm-listview .mm-spacer > .mm-next {
    top: 40px; }
  .mm-listview .mm-spacer.mm-divider {
    padding-top: 25px; }

.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
  content: '';
  border: 1px solid transparent;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 23px; }

.mm-next:after,
.mm-arrow:after {
  border-top: none;
  border-left: none;
  right: 23px; }

.mm-menu {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7); }
  .mm-menu .mm-navbar > *,
  .mm-menu .mm-navbar a {
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, 0.1); }
    .mm-menu .mm-listview > li .mm-next:after,
    .mm-menu .mm-listview > li .mm-arrow:after {
      border-color: rgba(0, 0, 0, 0.3); }
    .mm-menu .mm-listview > li a:not(.mm-next) {
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
      tap-highlight-color: rgba(255, 255, 255, 0.5); }
    .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
    .mm-menu .mm-listview > li.mm-selected > span {
      background: rgba(255, 255, 255, 0.5); }
  .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
  .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
  .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
  .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(0, 0, 0, 0.05); }
  .mm-menu .mm-divider {
    background: rgba(0, 0, 0, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow-x: hidden;
  position: relative; }

html.mm-blocking {
  overflow: hidden; }
  html.mm-blocking body {
    /*overflow: hidden;*/
    overflow: hidden;
    position: fixed;
    width: 100%;
	height: 100%;
    }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  /*position: fixed; YT : added absolute as there was issue in chrome*/
  position:absolute;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  /*position: fixed; YT : added absolute as there was issue in chrome*/
  position:absolute;

  }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 100%;
  min-width: 140px;
  max-width: 675px; }

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
    
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(675px, 0);
    -moz-transform: translate(675px, 0);
    -ms-transform: translate(675px, 0);
    -o-transform: translate(675px, 0);
    transform: translate(675px, 0); } }
/*
	jQuery.mmenu autoHeight addon CSS
*/
.mm-menu.mm-autoheight {
  /*max-height: 80%;*/ }
  .mm-menu.mm-autoheight.mm-fullscreen {
    max-height: 100%; }
.mm-menu.mm-measureheight > .mm-panels > .mm-panel {
  bottom: auto !important;
  height: auto !important; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 45px;
  top: 50%; }
  em.mm-counter + a.mm-next {
    width: 90px; }
    em.mm-counter + a.mm-next + a,
    em.mm-counter + a.mm-next + span {
      margin-right: 90px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical > .mm-counter {
  top: 12px;
  margin-top: 0; }
.mm-vertical.mm-spacer > .mm-counter {
  margin-top: 40px; }

.mm-nosubresults > .mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu dividers addon CSS
*/
.mm-divider > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px; }
.mm-divider.mm-opened a.mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-collapsed:not(.mm-uncollapsed) {
  display: none; }

.mm-fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .mm-fixeddivider:after {
    content: none !important;
    display: none !important; }

.mm-hasdividers .mm-fixeddivider {
  display: block; }

.mm-menu .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/*
	jQuery.mmenu iconpanels addon CSS
*/
.mm-iconpanel .mm-panel {
  -webkit-transition-property: -webkit-transform, left;
  -moz-transition-property: -moz-transform, left;
  -ms-transition-property: -ms-transform, left;
  -o-transition-property: -o-transform, left;
  transition-property: transform, left; }
  .mm-iconpanel .mm-panel.mm-opened {
    border-left: 1px solid;
}
  .mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  left: 0px; }

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  left: 40px; }

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  left: 80px; }

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  left: 120px; }

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  left: 160px; }

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  left: 200px; }

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  left: 240px; }

.mm-subblocker {
  background: inherit;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease; }

.mm-subopened .mm-subblocker {
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -100000px;
  left: 0;
  z-index: 3; }

/*
	jQuery.mmenu navbars addon CSS
*/
.mm-menu > .mm-navbar {
  background: inherit;
  padding: 0;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-navbar-bottom {
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom: none;
  top: auto;
  bottom: 0; }

.mm-navbar-top ~ .mm-navbar-top {
  border-bottom: none; }

.mm-navbar-bottom ~ .mm-navbar-bottom {
  border-top: none; }

.mm-navbar.mm-hasbtns {
  padding: 0 40px; }

.mm-close:after {
  content: 'x'; }

.mm-navbar[class*="mm-navbar-content-"] > * {
  box-sizing: border-box;
  display: block;
  float: left; }

.mm-navbar > .mm-breadcrumbs {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  text-align: left;
  padding: 0 0 0 17px; }
  .mm-navbar > .mm-breadcrumbs > * {
    display: inline-block;
    padding: 10px 3px; }
  .mm-navbar > .mm-breadcrumbs > a {
    text-decoration: underline; }
.mm-navbar.mm-hasbtns .mm-breadcrumbs {
  margin-left: -40px; }
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
  margin-left: 0;
  padding-left: 0; }

.mm-navbar-top-1 {
  top: 0px; }

.mm-hasnavbar-top-1 .mm-panels {
  top: 40px; }

.mm-navbar-top-2 {
  top: 40px; }

.mm-hasnavbar-top-2 .mm-panels {
  top: 80px; }

.mm-navbar-top-3 {
  top: 80px; }

.mm-hasnavbar-top-3 .mm-panels {
  top: 120px; }

.mm-navbar-top-4 {
  top: 120px; }

.mm-hasnavbar-top-4 .mm-panels {
  top: 160px; }

.mm-navbar-bottom-1 {
  bottom: 0px; }

.mm-hasnavbar-bottom-1 .mm-panels {
  bottom: 40px; }

.mm-navbar-bottom-2 {
  bottom: 40px; }

.mm-hasnavbar-bottom-2 .mm-panels {
  bottom: 80px; }

.mm-navbar-bottom-3 {
  bottom: 80px; }

.mm-hasnavbar-bottom-3 .mm-panels {
  bottom: 120px; }

.mm-navbar-bottom-4 {
  bottom: 120px; }

.mm-hasnavbar-bottom-4 .mm-panels {
  bottom: 160px; }

.mm-navbar-size-2 {
  height: 80px; }

.mm-navbar-size-3 {
  height: 120px; }

.mm-navbar-size-4 {
  height: 160px; }

.mm-navbar-content-2 > * {
  width: 50%; }

.mm-navbar-content-3 > * {
  width: 33.33%; }

.mm-navbar-content-4 > * {
  width: 25%; }

.mm-navbar-content-5 > * {
  width: 20%; }

.mm-navbar-content-6 > * {
  width: 16.67%; }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  box-sizing: border-box; }

.mm-search {
  height: 40px;
  padding: 7px 10px 0 10px; }
  .mm-search input {
    border: none;
    border-radius: 26px;
    font: inherit;
   
    line-height: 26px;
    outline: none;
    display: block;
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0 10px; }
  .mm-search input::-ms-clear {
    display: none; }

.mm-panel > .mm-search {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }
.mm-panel.mm-hassearch {
  padding-top: 40px; }
  .mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 80px; }
    .mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
      top: 40px; }

.mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 40px 0; }

.mm-noresults .mm-noresultsmsg {
  display: block; }
.mm-noresults .mm-indexer {
  display: none !important; }

li.mm-nosubresults > a.mm-next {
  display: none; }
  li.mm-nosubresults > a.mm-next + a,
  li.mm-nosubresults > a.mm-next + span {
    padding-right: 10px; }

.mm-menu .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.7); }
.mm-menu .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu sectionIndexer addon CSS
*/
.mm-indexer {
  background: inherit;
  text-align: center;
 
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -100px;
  z-index: 3;
  -webkit-transition: right 0.4s ease;
  -moz-transition: right 0.4s ease;
  -ms-transition: right 0.4s ease;
  -o-transition: right 0.4s ease;
  transition: right 0.4s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .mm-indexer a {
    text-decoration: none;
    display: block;
    height: 3.85%; }
  .mm-indexer ~ .mm-panel.mm-hasindexer {
    margin-right: 20px; }

.mm-hasindexer .mm-indexer {
  right: 0; }
.mm-hasindexer .mm-fixeddivider {
  right: 20px; }

.mm-menu .mm-indexer a {
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle,
input.mm-check {
  position: absolute;
  left: -10000px; }

label.mm-toggle,
label.mm-check {
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 2; }
  label.mm-toggle:before,
  label.mm-check:before {
    content: '';
    display: block; }

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-top: -15px; }
  label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right; }

label.mm-check {
  width: 30px;
  height: 30px;
  margin-top: -15px; }
  label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: 0.1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1; }

li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check {
  bottom: auto;
  margin-top: 0; }
li.mm-vertical label.mm-toggle {
  top: 5px; }
li.mm-vertical label.mm-check {
  top: 5px; }

label.mm-toggle, label.mm-check {
  right: 20px; }
label.mm-toggle + a,
label.mm-toggle + span {
  padding-right: 80px; }
label.mm-check + a,
label.mm-check + span {
  padding-right: 60px; }

a.mm-next + label.mm-toggle, a.mm-next + label.mm-check {
  right: 60px; }
  a.mm-next + label.mm-toggle + a,
  a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a,
  a.mm-next + label.mm-check + span {
    margin-right: 50px; }
a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span {
  padding-right: 70px; }
a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span {
  padding-right: 65px; }

em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check {
  right: 100px; }
  em.mm-counter + a.mm-next + label.mm-toggle + a,
  em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a,
  em.mm-counter + a.mm-next + label.mm-check + span {
    margin-right: 90px; }

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu label.mm-toggle:before {
    background: #f3f3f3; }
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.7); }

/*
	jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview > li:after,
.mm-listview.mm-border-none > li:after {
  content: none; }

.mm-menu.mm-border-full .mm-listview > li:after,
.mm-listview.mm-border-full > li:after {
  left: 0 !important; }

.mm-menu.mm-border-offset .mm-listview > li:after,
.mm-listview.mm-border-offset > li:after {
  right: 20px; }

/*
	jQuery.mmenu effects extension CSS
*/
.mm-menu.mm-effect-menu-zoom {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-opening .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0); }
html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0); }

.mm-menu.mm-effect-menu-slide {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }
html.mm-opening .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }
html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate3d(30%, 0, 0);
  -moz-transform: translate3d(30%, 0, 0);
  -ms-transform: translate3d(30%, 0, 0);
  -o-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0); }
html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

.mm-menu.mm-effect-menu-fade {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease; }

html.mm-opening .mm-menu.mm-effect-menu-fade {
  opacity: 1; }

.mm-menu.mm-effect-panels-zoom .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
  .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0); }
    .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
      -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
      -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
      -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
      transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  border-color: #a3a3a3;
  }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(2) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(3) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(5) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(6) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(7) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(8) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(9) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    -ms-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(10) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(11) {
    -webkit-transition-delay: 550ms;
    -moz-transition-delay: 550ms;
    -ms-transition-delay: 550ms;
    -o-transition-delay: 550ms;
    transition-delay: 550ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(12) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(13) {
    -webkit-transition-delay: 650ms;
    -moz-transition-delay: 650ms;
    -ms-transition-delay: 650ms;
    -o-transition-delay: 650ms;
    transition-delay: 650ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(14) {
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms; }
  .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(15) {
    -webkit-transition-delay: 750ms;
    -moz-transition-delay: 750ms;
    -ms-transition-delay: 750ms;
    -o-transition-delay: 750ms;
    transition-delay: 750ms; }

.mm-menu.mm-effect-listitems-slide .mm-listview > li {
  -webkit-transform: translate3d(50%, 0, 0);
  -moz-transform: translate3d(50%, 0, 0);
  -ms-transform: translate3d(50%, 0, 0);
  -o-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
  opacity: 0;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity; }

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.mm-menu.mm-effect-listitems-fade .mm-listview > li {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li {
  opacity: 1; }

.mm-menu.mm-effect-listitems-drop .mm-listview > li {
  opacity: 0;
  top: -25%;
  -webkit-transition-property: opacity, top;
  -moz-transition-property: opacity, top;
  -ms-transition-property: opacity, top;
  -o-transition-property: opacity, top;
  transition-property: opacity, top; }

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li {
  opacity: 1;
  top: 0; }

/*
	jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px; }

html.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0); }

@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0); } }
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }

@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0); } }
.mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px; }

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important; }

/*
	jQuery.mmenu multiline extension CSS
*/
.mm-menu.mm-multiline .mm-listview > li > a,
.mm-menu.mm-multiline .mm-listview > li > span,
.mm-listview.mm-multiline > li
.mm-listview > li.mm-multiline > a,
.mm-listview.mm-multiline > li
.mm-listview > li.mm-multiline > span {
  text-overflow: clip;
  white-space: normal; }

/*
	jQuery.mmenu pagedim extension CSS
*/
html.mm-pagedim #mm-blocker, html.mm-pagedim-white #mm-blocker, html.mm-pagedim-black #mm-blocker {
  opacity: 0; }
html.mm-pagedim.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim-black.mm-opening #mm-blocker {
  opacity: 0.3;
  transition: opacity 0.4s ease 0.4s; }
html.mm-pagedim #mm-blocker {
  background: inherit; }
html.mm-pagedim-white #mm-blocker {
  background: #fff; }
html.mm-pagedim-black #mm-blocker {
  background: #000; }

/*
	jQuery.mmenu pageshadow extension CSS
*/
.mm-menu.mm-pageshadow:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 99; }
.mm-menu.mm-pageshadow.mm-right:after {
  left: auto;
  right: 100%; }
.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after {
  content: none;
  display: none; }

.mm-menu.mm-pageshadow:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0;
    height: 100%;
    overflow-y: auto;
  }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-675px, 0);
    -moz-transform: translate(-675px, 0);
    -ms-transform: translate(-675px, 0);
    -o-transform: translate(-675px, 0);
    transform: translate(-675px, 0); } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important; }

.mm-menu.mm-front {
  z-index: 1; }

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
  .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
.mm-menu.mm-top {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }
.mm-menu.mm-bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-top, .mm-menu.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu themes extension CSS
*/
.mm-menu.mm-theme-dark {
  background: #333333;
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.8); }
  .mm-menu.mm-theme-dark .mm-navbar > *,
  .mm-menu.mm-theme-dark .mm-navbar a {
    color: rgba(255, 255, 255, 0.4); }
  .mm-menu.mm-theme-dark .mm-navbar .mm-btn:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after {
    border-color: rgba(255, 255, 255, 0.4); }
  .mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0, 0, 0, 0.15); }
    .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after,
    .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after {
      border-color: rgba(255, 255, 255, 0.4); }
    .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
      tap-highlight-color: rgba(0, 0, 0, 0.1); }
    .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
    .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
      background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
  .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
  .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
  .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-theme-dark .mm-divider {
    background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-theme-dark label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.8); }

.mm-menu.mm-theme-dark em.mm-counter {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-pageshadow.mm-theme-dark:after {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu.mm-theme-dark .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-indexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark label.mm-toggle {
  background: rgba(0, 0, 0, 0.15); }
  .mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333333; }
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu.mm-theme-white {
  height: 100% !important;
  background: #191919;
  border-color: #fff;
  color: #fff;z-index:999
  }
  .mm-menu.mm-theme-white .mm-navbar > *,
  .mm-menu.mm-theme-white .mm-navbar a {
    color: #fff; padding: 10px 22px;}
  .mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after {
    border-color: #fff; }
  .mm-menu.mm-theme-white .mm-listview {
    border-color: #a3a3a3; }
    .mm-menu.mm-theme-white .mm-listview > li .mm-next:after,
    .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after {
      border-color: #fff; }
/*    .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
      -webkit-tap-highlight-color: #2ca2d2;
      tap-highlight-color: #2ca2d2; }
    .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
    .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
      background: #2ca2d2; }*/
  .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
  .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
  .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
  .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
    background: #a3a3a3; }
  .mm-menu.mm-theme-white .mm-divider {
    background: #a3a3a3; }

.mm-menu.mm-theme-white label.mm-check:before {
  border-color:#a3a3a3; }

.mm-menu.mm-theme-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-pageshadow.mm-theme-white:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu.mm-theme-white .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-indexer a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-theme-white label.mm-toggle:before {
    background: white; }
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu.mm-theme-black {
  background: black;
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-theme-black .mm-navbar > *,
  .mm-menu.mm-theme-black .mm-navbar a {
    color: rgba(255, 255, 255, 0.4); }
  .mm-menu.mm-theme-black .mm-navbar .mm-btn:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after {
    border-color: rgba(255, 255, 255, 0.4); }
  .mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255, 255, 255, 0.2); }
    .mm-menu.mm-theme-black .mm-listview > li .mm-next:after,
    .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after {
      border-color: rgba(255, 255, 255, 0.4); }
    .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
      tap-highlight-color: rgba(255, 255, 255, 0.3); }
    .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
    .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
      background: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
  .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
  .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
  .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-theme-black .mm-divider {
    background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-theme-black em.mm-counter {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-pageshadow.mm-theme-black:after {
  content: none;
  display: none; }

.mm-menu.mm-theme-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-theme-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-indexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-theme-black label.mm-toggle:before {
    background: black; }
.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

/*
	jQuery.mmenu tileview extension CSS
*/
.mm-menu.mm-tileview .mm-listview:after,
.mm-menu .mm-tileview.mm-listview:after {
  content: '';
  display: block;
  clear: both; }
.mm-menu.mm-tileview .mm-listview > li,
.mm-menu .mm-tileview.mm-listview > li {
  width: 50%;
  height: 0;
  padding: 50% 0 0 0;
  float: left;
  position: relative; }
  .mm-menu.mm-tileview .mm-listview > li:after,
  .mm-menu .mm-tileview.mm-listview > li:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1; }
  .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs,
  .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%; }
  .mm-menu.mm-tileview .mm-listview > li.mm-tile-s,
  .mm-menu .mm-tileview.mm-listview > li.mm-tile-s {
    width: 25%;
    padding-top: 25%; }
  .mm-menu.mm-tileview .mm-listview > li.mm-tile-l,
  .mm-menu .mm-tileview.mm-listview > li.mm-tile-l {
    width: 75%;
    padding-top: 75%; }
  .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl,
  .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl {
    width: 100%;
    padding-top: 100%; }
  .mm-menu.mm-tileview .mm-listview > li > a,
  .mm-menu.mm-tileview .mm-listview > li > span,
  .mm-menu .mm-tileview.mm-listview > li > a,
  .mm-menu .mm-tileview.mm-listview > li > span {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0 10px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0; }
  .mm-menu.mm-tileview .mm-listview > li > .mm-next,
  .mm-menu .mm-tileview.mm-listview > li > .mm-next {
    width: auto; }
    .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after,
    .mm-menu .mm-tileview.mm-listview > li > .mm-next:before,
    .mm-menu .mm-tileview.mm-listview > li > .mm-next:after {
      content: none;
      display: none; }
.mm-menu.mm-tileview .mm-panel {
  padding-left: 0;
  padding-right: 0; }
  .mm-menu.mm-tileview .mm-panel:after {
    content: none;
    display: none; }
.mm-menu.mm-tileview .mm-listview {
  margin: 0; }



/*-- Custom Mmenu CSS starts --*/
.mm-navbar .mm-prev{width:100%;position:relative;width:100%;border-bottom: 1px solid #fff;padding: 20px;}
.mm-navbar{position: relative;padding: 0px;margin: 0 -20px;}
.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {margin-top: 0px;}
.mm-panels > .mm-panel.mm-hasnavbar {padding-top: 0px;}
.mm-navbar{height:auto;}
.mm-navbar .mm-title{padding: 10px 10px;}
.mm-panel:first-child .mm-navbar{display:none;}
.mobi-menu-wrap{display:none;}
.mmenu-top-content-panel{margin:0 -20px;}
.mmenu-top-content-panel{padding:16px 20px;}
.mm-navbar > .mm-prev{display:none;}
.no-back-button .mmenu-back-button-container{display:none;}
.no-back-button .mmenu-help-faq-link-container{width:100%;}
.mm-menu.mm-theme-white .mm-navbar .mm-title {border-bottom: 1px solid #a3a3a3;color: #fff;display: block;font-size: 1em;padding: 17px 21px 9px !important;}
.mobile-menu-burger:after, .mobile-menu-burger:before { background: #1c1c1c none repeat scroll 0 0; content: ""; display: block; height: 3px; left: 0; position: absolute; top: -6px; transition: all 0.5s ease 0s; width: 100%; }
.mobile-menu-burger { background: #1c1c1c none repeat scroll 0 0; cursor: pointer; display: inline-block; height: 3px; margin-left: 13px; position: relative; transition: all 0.5s ease 0s; width: 20px; }
.mobile-menu-burger:after { bottom:-6px; top: auto; }
.mobi-menu-trigger{background: #fff; cursor: pointer; display: block; height: 40px; position: relative; width: 40px; float:left; margin: 23px 11px 19px 0;}
.mmenu-back-button-container a.rad-link {color: #404040;display: inline-block;font-size: 1.125em;line-height: normal; text-decoration: none; padding-left: 17px;}
.mmenu-back-button-container a.rad-link:hover { color:#000;}
.mm-panels > .mm-panel.mm-hasnavbar{padding-top: 30px;}
#mm-0 { margin-top: -32px; padding-top: 0;}
.mm-listview > li > a, .mm-listview > li > span{display: block;line-height: normal; padding:14px 20px 19px;}
.mmenu-back-button-container a.rad-link{position:relative;}
.mmenu-back-button-container a.rad-link:after {border: 1px solid #404040; bottom: 0; content: ""; display: inline-block; height: 10px; left: 0; margin: auto; position: absolute; top: 0; transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); -o-transform: rotate(315deg); width: 10px;}
.mmenu-back-button-container a.rad-link:before,.mmenu-back-button-container a.rad-link:after{border-right:none;border-bottom:none}
.mm-menu.mm-theme-white .mm-listview > li.level1.current > a.mm-next:after{border-color:#fff}
.mm-listview > li.level1.current span,.mm-listview > li.level1.selected > a, .mm-listview > li.level2.current span,.mm-listview > li.level2.selected > a,.mm-listview > li.level3.current span,.mm-listview > li.level3.selected > a {color:#404040; background:#f4f4f4;}
.mm-listview > li.current .mm-next:after,.mm-listview > li.current .mm-next:before,.mm-listview > li.selected .mm-next:after,.mm-listview > li.selected .mm-next:before,.mm-listview > li.current .mm-arrow:after,.mm-listview > li.selected .mm-arrow:after{border-color: #fff !important;}
.mobi-search-click-box span:after{content: "\e902";color:#191919;display: block;float: right;font-size: 0.250em;margin-left: 0;}
.mobi-search{position:relative}
.mobi-search-container {background: #0065a4 none repeat scroll 0 0;display: none;right:30px;padding: 21px 6px 22px 10px;position: absolute;top:60px;width: 413px;z-index: 99;overflow: visible !important}
#mobisearchTextboxContainer {float: left;width: 95%;}
.mobi-search-click-box a{background: #fff none repeat scroll 0 0;display: inline-block;float: right;    padding: 13px 16px 16px;}
.mobi-search-click-box a.open{background:#0065a3}
.mobi-search-click-box a.open span:after{color:#fff;content:"\e905"}
#mobisearchTextbox { border: none; background: #0065a4; color: #fff; border-bottom: 1px solid #fff;line-height: 20px;padding:4px 0 8px; width: 100% ;font-size: 0.938em;-webkit-appearance: none;border-radius:0}
#mobisearchButton { padding:8px 0 9px; border-bottom: 1px solid #fff !important;-webkit-appearance: none;border-radius:0 }
#mobisearchTextboxContainer { float: left; width: 95% }
.logo > a {display: inline-block;}
html.mm-opened body {left: 0; overflow: hidden; position: fixed; top: 0;}
#mobi-menu-wrap{bottom: 0; height: auto !important; padding-bottom: 30px; position: fixed; z-index: 9999;}
.mm-menu.mm-theme-white {background:#fff; color:#0d0d0d;}
.mm-menu .mm-listview > li {border-color: #efefef;}
.mm-listview .mm-next:before {border-right:0px; border-left:0px;}
#mm-blocker {background: rgba(0, 0, 0, 0.4);}
.mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before {border-color: #eee;}
.mm-listview li.haschildren .mm-next{border-color:#666 !important}
.mm-listview li.haschildren .mm-next:after{ border-color: #666666 !important; content: "";}
.mm-listview li.haschildren.current .mm-next{background:#f4f4f4 !important}
.mm-prev:before, .mm-next:after, .mm-arrow:after {height: 14px; width: 14px;}
.mm-listview > li.level1.first > a, .mm-listview > li.level1.first > span {margin: 50px 0 0 0;}
.mm-menu.mm-theme-white .mm-listview {border-color: #cacaca;}
.mm-panels > .mm-panel.mm-hasnavbar {padding-top: 19px;}
.mmenu-top-content-panel {padding: 0px 20px;}
.mm-listview li:hover{color:#f26b11; background:#f4f4f4;}
.mm-menu.mm-theme-white .mm-navbar .mm-title{font-size:1.500em; line-height:normal; color:#404040}
.mm-listview li span{font-size:1.25em; line-height:normal; color: #404040}
  

@media all and (max-width: 767px) {
.mm-menu {max-width: 260px; }
html.mm-opening .mm-slideout { -webkit-transform: translate(260px, 0); -moz-transform: translate(260px, 0); -ms-transform: translate(260px, 0); -o-transform: translate(260px, 0); transform: translate(260px, 0); } 
html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-260px, 0); -moz-transform: translate(-260px, 0); -ms-transform: translate(-260px, 0); -o-transform: translate(-260px, 0); transform: translate(-260px, 0); } 
.mm-listview li span{font-size:1em; line-height:normal}
}

@media all and (max-width: 549px) {
html.mm-opening .mm-slideout {transform: translate(260px, 0px) !important; -ms-transform: translate(260px, 0px) !important; -webkit-transform: translate(260px, 0px) !important; -o-transform: translate(260px, 0px) !important; -moz-transform: translate(260px, 0px) !important;}
}
/*-- Custom Mmenu CSS ends --*/



/*body#ip3-reports-policies-and-standards .tabs-wrapper .tabs ul li#nav-archive-level4:hover ul{ display:table; }*/
.tabs-wrapper .tabs ul li#nav-archive-level4:hover ul{ display:flex; }
/*---- reoprts-presentations-----*/
/*----------css-update---*/
.rp-table-container{padding: 26px 0px 0;}
.introtext-panel .cAlign.float100.top-page-title, .introtext-panel .top-intro-text.cAlign.float100.intro, .introtext-panel .link-container.float100.cAlign{display: none;}
.introtext-panel{    margin-bottom: 0px;}
.results-presentation-wrapper{background-color:#ffffff;padding: 0;}
.report-head-wrap{    background: #f6f6f6;}
.results-presentation-wrapper .report-head-wrap{padding-top:32px;}
.rp-container {
    margin-top: 60px;
}
.report-head-wrap{position:relative;}
.report-head-wrap:before {
    content: '';
    position: absolute;
    background-color: #f6f6f6;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
}
.report-head-wrap:after {
    content: '';
    position: absolute;
    background-color: #f6f6f6;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
}
/*-----------------esg page-------------*/
#news-filter-categories li.tab-cmn-style:hover {
    background: #E55000;
}
/*#ip3-results-reports-and-presentations .reportTable.rad-responsive .rp-date{font-weight:400;}
#ip3-results-reports-and-presentations .reportTable.rad-responsive .rp-date, #ip3-results-reports-and-presentations .reportTable.rad-responsive .rp-title {
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #404040;
}*/
#ip3-results-reports-and-presentations .rad-responsive thead th.cAlign {
  
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}
 .result-presentation-bottom-section .bottom-link-title {
    font-weight: 800;
    font-size: 26px;
    line-height: 32px;
    font-family: "Mary-Ann-ExtraBold";
}
td.rp-date {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #404040;
}
td.rp-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #262626;
}
.tabs-wrapper .tabs ul li span {
    padding: 18px 12px 18px;
    display: block;
    width: 100%;
    height: 100%;
    color: #737373;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
}
th.rp-date th.rp-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #404040;
}
.tabs-wrapper .tabs ul li span {
    padding: 18px 12px 18px;
    display: block;
    width: 100%;
    height: 100%;
    color: #737373;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
}
 .result-presentation-bottom-section a.cta-link.internal-link {
    background: #F06C00;
    padding: 12px 40px;
    max-width: 471px;
    margin-top: 30px;
    display:block;
    text-decoration: none;
    border-radius: 2px;
    
}
.result-presentation-bottom-section a.cta-link.internal-link:hover{background-color:#E55000;}

.result-presentation-bottom-section {
    display: inline-block;
    width: 100%;
    height: 100%;
    /* border: 1px solid; */
    position: relative;
    margin-top: 75px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.result-presentation-bottom-section span.bottom-btn-link {
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
     /*font-family: 'Mary-Ann-Regular';*/
         font-family: "Mary-Ann-ExtraBold";
}

#news-filter-categories .filter-buttonClicked li.tab-cmn-style{
   background: #E55000;

}
 #ip3-esg td.rp-date {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

 #ip3-esg td.rp-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

 #ip3-esg th.rp-date {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}

 #ip3-esg th.rp-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}

 #ip3-esg th.cAlign {
    border-bottom: 0px;
    border-top: #f06c00 solid 2px;
    color: #262626;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
}

 #ip3-esg .tabs-wrapper .tabs ul li span {
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
}

/*-----------------esg page-------------*/
.tabs-wrapper .tabs ul li.current span {
     border-bottom: 0px;
    border-top: #f06c00 solid 2px;
    color: #262626;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
}
#news-filter-categories a.tab-title {
    text-decoration: none;
        background: transparent;
}
.mobi-view#news-filter-categories a.tab-title:last-child li {
     border-bottom: 0 !important;
}
.tab-title a:hover{
   
    background-color: transparent;
    color: #404040;
}
.report-tab-container {
    padding-bottom: 65px;
}
#news-filter-categories li.tab-cmn-style {
    width: auto;
    /*border: 1px solid;*/
    display: inline-flex;
    height: auto;
    padding: 12px 40px;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    background: #F06C00;
    border-radius: 82px;
    margin: 5px;
    font-family: "Mary-Ann-Regular";
    font-size: 1.125em;
    line-height: 24px;
    text-align: left;
}

#news-filter-categories ul {
    /* margin-bottom: 41px; */
    /* border: 1px solid; */
    height: auto;
    width: auto;
    text-align: center;
}
.tabs-wrapper .tabs ul li {
    /* border-right: 1px solid #F2F2F2; */
    /* border-bottom: 1px solid #F2F2F2; */
}
.tabs-wrapper .tabs ul li a, .tabs-wrapper .tabs ul li.current > span {
    /* color: #737373; */
}
.top-page-title h2.h3 {
    font-weight: 800;
    font-size: 50px;
    line-height: 62px;
    color: #404040;
}
h2.rp-title {
      color: #404040;
    text-align: center;
    padding-bottom: 35px;
    margin: 0;
    font-weight: 800;
    font-size: 50px;
    line-height: 62px;

}
table thead th {/* color: #4C4C4C; */}
.reportTable tr td a {
    /* color: #737373; */
}
@media screen and (max-width: 767px){
#ip3-esg #image-and-copy-tag-wrapper .image-and-copy-desc {
    margin-bottom: 30px;
    margin-right: 25px;
}
#ip3-esg .box-image {
    padding-right: 0 !important;
}
#ip3-results-reports-and-presentations a.release-icon, #ip3-results-reports-and-presentations a.audio-icon, #ip3-results-reports-and-presentations a.webcast-icon, #ip3-results-reports-and-presentations a.report-icon, #ip3-results-reports-and-presentations a.presentation-icon { 
    color: #f06c00;
}
#news-filter-categories a.tab-title.filter-buttonClicked.drop-clone {
    background: transparent;
    color: #fff;
    border-top: 1px solid #d7d7d7 !important;
    border: 1px solid #d7d7d7;
    text-align: left;
    background: #fff;
}
#news-filter-categories a.tab-title.filter-buttonClicked {
       background: #3c3c3c;
    color: #fff;
    border-top: #f06c00 solid 2px !important;
}
.mobi-view#news-filter-categories ul {
    /* border: 1px solid; */
    /* text-align: center; */
    display: none;
    background: #fff;
}
.result-presentation-bottom-section {
    margin-left: 0; margin-top: 30px;
}

/*.mobi-view#news-filter-categories li.tab-cmn-style:after {
    width: 100%;
    background: none;
    color: #000;
    border-bottom: 1px solid #000 !important;
    border: 0;
    display: block;
    border-radius: 0;
    content: "";
    margin-top: 20px;
}*/

.mobi-view a.tab-title {
    width: auto;
    border: 1px solid #d7d7d7;
    display: inline-block;
    height: auto;
    padding: 12px 40px;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    background: #F06C00;
    border-radius: 82px;
    margin: 5px;
}
#news-filter-categories.mobi-view a.tab-title.drop-clone {
    border: 1px solid #d7d7d7;
    background: #fff !important;
    position:relative;
}
#news-filter-categories a.tab-title:last-child {
    border-bottom: 1px solid #d7d7d7 !important;
}
.mobi-view a.tab-title {
    width: 100%;
    background: none;
    color: #000;
     border-top: 1px solid #d7d7d7 !important;
    border: 0;
    display: block;
    border-radius: 0;
    content: "";
    padding: 0px;
    margin: 0;
}
.mobi-view#news-filter-categories .filter-buttonClicked .tab-cmn-style {
    border-bottom: 0;
    padding: 16px 50px 16px 20px;
    color: #fff;
    }
.mobi-view#news-filter-categories li.tab-cmn-style {
       width: 100%;
       /* border-bottom: 1px solid #d7d7d7 !important; */
       display: inline-block;
       /* height: auto; */
       padding: 16px 50px 16px 20px;
       /* font-weight: 800; */
       /* font-size: 18px; */
       /* line-height: 24px; */
       color: #404040;
       background: transparent;
       border-radius: 0;
       margin: 0;
       border: 0;
       display: block;
       /* font-family: "Mary-Ann-Regular"; */
       /* font-size: 1.125em; */
       /* line-height: 24px; */
       /* text-align: left;
}
.mobi-view a.tab-title.drop-clone {
    border: 1px solid #d7d7d7;
    text-align: left;
    background: #fff;
}
.mobi-view a.tab-title.drop-clone:after {
    position: absolute;
    right: 20px;
    /* top: 20px; */
       /* cursor: pointer; */
}

.mobi-view a.tab-title.drop-clone:after {
    content: "\e909";
    position: absolute;
    right: 20px;
    top: 32px;
    /* content: "\e908"; */
    font-family: 'icomoon' !important;
    color:#404040;
    font-size: 18px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    /* bottom: 0; */
    /* margin: auto; */
}
.mobi-view#news-filter-categories ul.show{
display:block;background:     display: block;font-family: "Mary-Ann-Regular";font-size: 1.125em;line-height: 24px;border-bottom: 1px solid #d7d7d7 !important;}
.mobi-view#news-filter-categories .drop-clone li.tab-cmn-style {
    border-bottom: 0 !important;
    text-transform: capitalize;
        color: #404040;
}
.mobi-view a.tab-title.drop-clone.clickEle:after {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    font-family: 'icomoon' !important;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
#ip3-esg #image-and-copy-tag-wrapper .image-and-copy-desc {
    margin-bottom: 30px;
    margin-right: 25px;
}
}
@media only screen and (min-width:1024px) and (max-width:1366px){
#ip3-esg .box-image {
    padding-right: 0;
}
#news-filter-categories a.tab-title.drop-clone{
display:none;
}
#ip3-esg .box-image {
    padding-right: 0 !important;
}

}
@media only screen and (min-width:890.99px){
a.release-icon, a.audio-icon, a.webcast-icon, a.report-icon, a.presentation-icon {
    color: #f06c00;
}
#news-filter-categories a.tab-title.drop-clone{
display:none;
}
#ip3-esg .box-image {
    padding-right: 0 !important;
}
#ip3-esg #image-and-copy-tag-wrapper .image-and-copy-desc {
    margin-bottom: 30px;
    margin-right: 25px;
}

}
/*---- esg-page-new-----*/
#ip3-esg .inv_ParentContainer .inv-player-wrap #videoPlayer2.inv_playerContainer.inv_playerReady {background-color: #000;}
#ip3-esg .inv_ParentContainer .inv-player-wrap #videoPlayer2 .inv_videoMainContainer .inv_videoMainContainer_inner .inv_videoDisplay .inv_videoArea {background-color: #000;min-height: 400px;}
#ip3-esg .brightcove-popup-play .play-video-britecove-pop {display:block;}
#ip3-esg .strategy-container .strategy-title p.stategy-box-details {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Arial';
    margin-top: 15px;
}
#ip3-esg .our-story-wrapper {
    margin-bottom: 20px;
}
#ip3-esg #copy-with-box-wrapper {
    margin-bottom: 60px;
}
#ip3-esg .abso-image-copy-wrapper.video-show {
    display: none;
}
#ip3-esg .image-and-copy-desc p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #404040;
    font-family: 'Arial';
}
#ip3-esg section#quote-and-image-wrapper {
    margin-top: 69px;
}
#ip3-esg #two-box-signpost-wrapper {
    margin: -53px 0 75px;
    position: relative;
}
#ip3-esg #quote-and-image-wrapper .quote {
    padding: 0 95px;
    margin-bottom: 21px;
}
#ip3-esg #image-and-copy-tag-wrapper .image-and-copy-title h2 {
    line-height: 62px;
    font-weight: 800;
    font-size: 50px;
}
#ip3-esg .our-story-wrapper .title h2.h3 {
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    /* font-family: 'Mary Ann-Regular'; */
    color: #404040;
}
#ip3-esg #two-box-signpost-wrapper .box-content .two-box-btn {
    margin-top: 30px;
    position: absolute;
    bottom: 60px;
}
#ip3-esg .story-parent {
    position: relative;
    min-width: 192px;
    min-height: 48px;
    margin-top: 20px;
}
#ip3-esg .story-btn {
    position: absolute;
    min-width: 192px;
    min-height: 48px;
    background: #F06C00;
     margin-top: 20px; 
    left: 50%;
    transform: translate(-50%, 0px);
    text-align: center;
}
#ip3-esg #quick-links-wrapper {
    margin: 41px 0;
}

#ip3-esg #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box-btn > a:hover {
        text-decoration: underline;
}
#ip3-esg #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box p {
  
    max-width: 215px;
}
#ip3-esg #strategy-boxes-wrapper .strategy-container .strategy-contents .strategy-box-btn > a {
    text-decoration: none;
}
#ip3-esg .copy-content-wrapper h2 {
    font-weight: 800;
    font-size: 50px;140
    line-height: 62px;
    color: #404040;
}
#ip3-esg td.rp-date {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

 #ip3-esg td.rp-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

 #ip3-esg th.rp-date {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}

 #ip3-esg th.rp-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}

 #ip3-esg th.cAlign {
    border-bottom: 0px;
    border-top: #f06c00 solid 2px;
    color: #262626;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
}

 #ip3-esg .tabs-wrapper .tabs ul li span {
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
}
#ip3-esg ul.rad-tablestyle1 {
    margin-top: 38px;
}
#ip3-esg #image-and-copy-tag-wrapper .image-and-copy-tag-content .image-and-copy-desc ul.rad-tablestyle1 a{
    background: transparent;
        display: inline-block;
            background: transparent;
    display: inline-block;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    color: #F06C00;
}
/*#ip3-esg ul.rad-tablestyle1 a:first-child {
    margin-top: 38px;
}*/
#ip3-esg #image-and-copy-tag-wrapper .image-and-copy-tag-content .image-and-copy-desc ul.rad-tablestyle1 li.rad-content {
        background: transparent;
    padding: 0;
    margin-bottom: 35px;
    }
#ip3-esg .copy-content-wrapper p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #404040;
}

#ip3-esg .strategy-container .strategy-title p {
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 0.05px;
    font-family: 'Arial';
}

#ip3-esg #strategy-boxes-wrapper .strategy-container .strategy-title h3 {
    font-weight: 800;
    font-size: 40px;
    line-height: 50px;
}

#ip3-esg .bg-img {
    position: absolute;
}

#ip3-esg .story-parent a.cta-link.internal-link {
    min-height: 48px;
    width: 192px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;font-family: "Mary-Ann-ExtraBold";
}

#ip3-esg .story-parent span {
       height: 100%;
    width: 100%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 0;
    /* transform: translate(0%, 0px); */
    /* text-align: center; */
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
}
#ip3-esg .story-parent {
       position: relative;
    width: 192px;
    margin: auto;
}
#ip3-esg .slick-dots button {
    background: transparent;
    border: 0;
}

#ip3-esg .row.news-story-slider {
   /* margin-top: 122px;*/
}

#ip3-esg .signpost-card-news .row {
    /* margin: -40px; */
}
#ip3-esg .parent-date {
    font-weight: 700;
    font-size: 15.5px;
    line-height: 23px;
    color: #4C4C4C;
}
#ip3-esg h2.section-title.float100 {
    text-align: center;
    margin:0;
}
#ip3-esg span.signpost-news-title-span {
    color: #E55000;
}
#ip3-esg h2.section-title.float100 p {
    font-weight: 800;
    font-size: 50px;
    line-height: 62px;
}

#ip3-esg .parent-intro-text {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    color: #4C4C4C;
}

#ip3-esg .parent-content-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4C4C4C;
}
#ip3-esg .story-item .story-content {
    padding: 20px 20px 20px 20px;
    min-height: 100px;
   /* height: auto !important;*/
}
#ip3-esg .news-story-slider .story-item {
    margin-bottom: 20px;
    min-height: auto;
   /* height: auto !important;*/
}
#ip3-esg .box-image {padding-right: 45px;}
#ip3-esg .box-content {
        padding: 50px;
    background: #f6f6f6;
    height: 100%;
    height: auto;
    min-height: 325px;
}
#ip3-esg #image-and-copy-tag-wrapper {
    background: transparent;
   
}
.vid-box-display-block{
display:block;
filter: drop-shadow(0px 16px 32px rgba(35, 23, 5, 0.26));
}
.vid-box-display-none{
display:none;
}
#ip3-esg #image-and-copy-tag-wrapper.left-image-wrapper .flex-content .image-and-copy-tag-content {
      padding: 0;
}
#ip3-esg #image-and-copy-tag-wrapper.left-image-wrapper .flex-row {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: left;
}
 #ip3-esg .image-and-copy-tag-content {
    position: absolute;
    top: 0;
    padding-top: 0;
}
 #ip3-esg .two-box-row .box-content h2 {
    margin-bottom: 20px !important;
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    color: #4C4C4C;
}
#ip3-esg .box-content p {
    padding: 0;
    /* font-weight: 400; */
    /* font-size: 16px; */
    /* line-height: 24px; */
}

@media only screen and  (max-width: 767.98px){
#ip3-esg  #image-and-copy-tag-wrapper {
    margin: 0px 0 150px;
}
#ip3-esg  #quote-and-image-wrapper .quote-with-image-left-image {
    margin-top: 10px;
}

#ip3-esg section#quote-and-image-wrapper {
    margin-bottom: 100px;
    margin-top: 100px;
}
#ip3-esg .news-slider-arrows .slick-prev, .news-slider-arrows .slick-next{
    top: 80px;
}
#ip3-esg #two-box-signpost-wrapper {
    margin: 150px 0;
}
#ip3-esg .news-slider-arrows .slick-prev, .news-slider-arrows .slick-next{
 top: 80px;
}
#ip3-esg .row.news-story-slider {
    margin-top: 50px;
}
#ip3-esg #two-box-signpost-wrapper .box-content .two-box-btn {
    position: relative;
    bottom: 0;
}
#ip3-esg #image-and-copy-tag-wrapper .image-and-copy-desc {
    margin-bottom: 30px;
    margin-right: 25px;
}
#ip3-esg #image-and-copy-tag-wrapper .image-and-copy-desc {
    margin-bottom: 30px;
    margin-right: 25px;
}
#ip3-esg .box-image {
    padding-right: 0 !important;
}
#ip3-esg  .box-content {
    margin-bottom: 0;
   max-height: inherit;
    min-height: auto;
}
#ip3-esg #two-box-signpost-wrapper {
    margin: 190px 0 0;
}
#ip3-esg .story-parent {
    margin: 0;
    margin-top: -10px;
}
#ip3-esg #image-and-copy-tag-wrapper .flex-content {
    min-height: 350px;
}
#ip3-esg #image-and-copy-tag-wrapper.left-image-wrapper .flex-row {
    display: flex;
    flex-direction: column-reverse;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){

#ip3-esg #strategy-boxes-wrapper .strategy-container .strategy-title h3 {font-size: 2em; line-height: 1.2em;}
#ip3-esg #two-box-signpost-wrapper {
    margin: 50px 0 50px;

}
section#quote-and-image-wrapper {
    margin-top: 100px;
}
#ip3-esg #image-and-copy-tag-wrapper.left-image-wrapper .flex-row {
    justify-content: center;
}
#ip3-esg .box-image {
    padding-right: 0;
}
#ip3-esg .box-content {
   /* max-height: 386px;*/
}
#ip3-esg .vid-content iframe {
    width: 100%;
}
#ip3-esg #two-box-signpost-wrapper .box-content .two-box-btn {
    position: static;
}
#ip3-esg .box-content {
    /* max-height: 386px; */
    min-height: 550px;
}
}

@media only screen and (min-width:890.99px){
#ip3-esg .box-image {
    padding-right: 0 !important;
}
#ip3-esg #image-and-copy-tag-wrapper .image-and-copy-desc {
    margin-bottom: 30px;
    margin-right: 25px;
}

}
@media only screen and (min-width:1024px) and (max-width:1366px){
#ip3-esg .box-image {
    padding-right: 0;
}
#ip3-esg .box-image {
    padding-right: 0 !important;
}
#ip3-esg #two-box-signpost-wrapper .box-content .two-box-btn {
    position: static;
}

}
@media only screen and (max-width:767.98px){
#ip3-esg .inv_ParentContainer .inv-player-wrap #videoPlayer2 .inv_videoMainContainer .inv_videoMainContainer_inner .inv_videoDisplay{    min-height: auto;}

}
/*---- investors-----*/
.invstor-latest-updates .d-flex {display: flex; flex-wrap: wrap; align-content: stretch;}
.invstor-latest-updates .story-item.light-grey {height:100%;}
#ip3-investors .copy-content-wrapper p {font-weight: 400; font-size: 18px; line-height: 26px; color: #404040;}
.top-navigation #desktop-section-sainsburys-as-an-investment-level3 li.indexLink {display:none;}
/*body#ip3-investors .our-story-wrapper{margin: 70px 0 48px 0;}
.invstor-latest-updates.new-latest-news-styling{padding:0;}*/
.d-flex{display: flex;
    flex-wrap: wrap;}
.invstor-latest-updates.new-latest-news-styling .latest-updates-height{margin:0;}
.copy-with-box-wrapper .ir-style-new-box .copy-with-box-inner-wrapper.overlap-copy-with-box .share-price-wrapper .share-price-box-link a.share-btn-link{font-size: 18px;
    line-height: 24px;
    font-family: "Mary-Ann-ExtraBold";
    font-weight: 800;
    text-decoration: none;}
.copy-with-box-wrapper .ir-style-new-box .copy-with-box-inner-wrapper.overlap-copy-with-box .share-price-wrapper .share-price-box-link a.share-btn-link:hover{background-color: transparent;
    text-decoration: underline;}
.card-box-wrap h2.h5, .copy-with-box-wrapper .ir-style-new-box .copy-with-box-inner-wrapper.overlap-copy-with-box .share-price-wrapper h2 {
    font-weight: 800;
}
.copy-with-box-wrapper .ir-style-new-box .copy-with-box-inner-wrapper.overlap-copy-with-box:before{    width: calc(95.4% - 102px);}
.event-listing-module{clear:both;}
.image-and-copy-tag-wrapper .ir-new-style .image-and-copy-tag-content .image-and-copy-title h2.h3{max-width:522px;}
.image-and-copy-tag-wrapper .ir-new-style .image-and-copy-tag-content .image-and-copy-desc{max-width:545px;}
.image-and-copy-tag-wrapper .ir-new-style .abso-image-copy-wrapper img{display:block !important;   /* width: 41.66666667%;
    height: 100%;
     right: 0;*/
    position: absolute;object-fit: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;/*height: 100%;*/    right: 15px;
    width: calc(100% - 15px);}
#ip3-investors .image-and-copy-tag-wrapper .ir-new-style .abso-image-copy-wrapper{position: relative !important; min-height: 405px; width: 100%;}
#ip3-investors #image-and-copy-tag-wrapper .abso-image-copy-wrapper img {display:none !important;}
.share-price-wrapper {
    background: #fff;
    position: relative;
        bottom: 25px;max-width: 384px;
    padding: 30px 0 28px 30px;box-shadow: 0px 10px 57px -1px rgba(14, 31, 53, 0.1);
    border-bottom: 2px solid #F06C00;

}
body#ip3-investors .copy-with-box-wrapper .ir-style-new-box .copy-with-box-inner-wrapper.overlap-copy-with-box {margin: 20px 0 73px !important;}
body#ip3-investors #image-and-copy-tag-wrapper {
     min-height: 400px; margin-top: 0px;
    }
body#ip3-investors .image-and-copy-tag-wrapper .flex-content {
    min-height: 400px;   
}
body#ip3-investors .image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content{ padding: 40px 76px 0 42px; background: #F6F6F6;min-height: 405px;height:100%;position:relative;}
body#ip3-investors .image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content:after {content: ''; background-color: #f6f6f6; position: absolute; width: 30px; height: 100%; right: -30px; top: 0px;}
body#ip3-investors .image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content .image-and-copy-tag p{
padding-bottom: 0;
}
body#ip3-investors .image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content .image-and-copy-desc{
margin-bottom:0;
}
body#ip3-investors .image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content .image-and-copy-desc ul{
    display: flex;
    padding-top: 46px;
}
body#ip3-investors .image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content .image-and-copy-desc ul li a{
           margin-right: 92px;
   padding:0;display: inline;color: #F06C00;
}
body#ip3-investors .image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content .image-and-copy-desc ul li{
 background: none;    padding: 0;    font-weight: 800;
}
body#ip3-investors .image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content .image-and-copy-desc ul li a:hover{background-color: transparent; color: #F06C00;   text-decoration: underline;}


/*body#ip3-investors #image-and-copy-tag-wrapper .abso-image-copy-wrapper{display:none;}
body#ip3-investors #image-and-copy-tag-wrapper .abso-image-copy-wrapper img{display:block !important;    height: 100%;
       width: 41.6667%;
    position: absolute;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}*/

/*---------Progess-stats-3-col-variation-css-starts---------*/
#progress-keystates-wrapper .progress-stats-wrapp .progress{
    margin: 0 40px 64px;    text-align: center;
}
#progress-keystates-wrapper .progress-stats-wrapp .progress .progress-content .progress-figure {
       font-size: 3.9em;
    line-height: 76px;
    font-style: normal;    width: 100%;
}
#progress-keystates-wrapper .progress-stats-wrapp .progress-title{
    text-align: left;
    margin-bottom: 56px;
}
#progress-keystates-wrapper .progress-stats-wrapp .progress-title h2{
margin-bottom: 10px;    font-weight: 800;
}
#progress-keystates-wrapper .progress-stats-wrapp .progress-title p, #progress-keystates-wrapper .progress-stats-wrapp .progress .progress-text-content p{
font-family: "Mary-Ann-ExtraBold";font-size: 1.250em;    font-weight: 800;
}
#progress-keystates-wrapper .progress-stats-wrapp .progress .progress-content-description p strong{
font-family: Mary-Ann-ExtraBold;
    font-weight: 800;    font-size: 20px;
    line-height: 24px;
}
#progress-keystates-wrapper .progress-stats-wrapp .progress .progress-content-description p{
padding-bottom:6px;
}
#progress-keystates-wrapper .progress-stats-wrapp .progress .progress-text-content p{padding-bottom:0;}

/*--------------Nodule - Event-Landing-Css--------*/
.event-listing-module .event-listing-module-wrapper .event-content-wrapper{box-shadow: 0px 10px 57px -1px rgba(14, 31, 53, 0.1);border-bottom: 2px solid #F06C00;background: #ffffff;}
.event-listing-module .event-listing-module-wrapper .event-content-wrapper.last{border-bottom:none;    background: #F06C00;}
.event-listing-module .event-listing-module-wrapper .event-main-wrap-title h2 {
    margin-bottom: 40px;
    font-weight: 800;
}
.event-listing-module .event-listing-module-wrapper .event-content-wrapper .event-image-titleText p {
    font-size: 1.25rem;
    line-height: 24px;
    font-family: "Mary-Ann-ExtraBold";
    padding: 30px 30px 40px;
    font-weight: 800;
}
.event-listing-module .event-listing-module-wrapper .event-content-wrapper .event-image-titleText .event-imageDetails ul{    display: flex;margin: 0 30px;flex-wrap:wrap;    }
.event-listing-module .event-listing-module-wrapper .event-content-wrapper .event-image-titleText .event-imageDetails ul li.rad-content{width:50%;}
.event-listing-module .event-listing-module-wrapper .event-content-wrapper .event-image-titleText .event-imageDetails ul li.rad-content{    border-radius: 1px;
    /*max-width: 171px;*/
    margin-bottom: 40px;
    color: #E55000;
    font-family: "Mary-Ann-ExtraBold";
    font-weight: 800;
    line-height: 24px;
    font-size: 18px;}
.event-listing-module .event-listing-module-wrapper .event-content-wrapper .event-image-titleText .event-imageDetails ul li:before{    margin-right: 15px;
    font-weight: 600;}
.event-listing-module .event-listing-module-wrapper .event-content-wrapper.last .event-image-titleText .event-imageDetails{    padding: 0 30px 40px;}
.event-listing-module .event-listing-module-wrapper .event-content-wrapper .event-image-titleText .event-imageDetails p {
    font-size: 1.15rem;
    line-height: 26px;
    font-family: 'Arial';
    font-weight: 400;
    font-style: normal;
    margin-bottom:20px;
    padding:0px;
}
.event-listing-module .event-listing-module-wrapper .event-content-wrapper.last .event-image-titleText .event-imageDetails a {		color:#fff;
	    display: block;
    font-size: 1.1rem;
    line-height: 24px;
    font-family: "Mary-Ann-ExtraBold";
     font-weight: 800;
     text-decoration: none;
     color: #E55000;
}
.event-listing-module .event-listing-module-wrapper .event-content-wrapper .event-image-wrapper img{width:100%;}
.event-listing-module .event-listing-module-wrapper .event-content-wrapper.last .event-image-titleText{background: #F06C00;}
.event-listing-module .event-listing-module-wrapper .event-content-wrapper.last .event-image-titleText p{color:#fff;}
.event-listing-module .event-listing-module-wrapper .event-content-wrapper.last .event-image-titleText .event-imageDetails a:hover{
    background: none;text-decoration: underline;
}
 .event-listing-module .event-listing-module-wrapper .event-content-wrapper .event-image-titleText .event-imageDetails ul li a:hover {    background: none; text-decoration: underline;
    }
.event-listing-module .event-listing-module-wrapper .event-content-wrapper .event-image-titleText .event-imageDetails ul li a{
 color: #F06C00;    text-decoration: none;
 }
.event-listing-module .event-listing-module-wrapper .event-content-wrapper.last .event-image-titleText .event-imageDetails a{color:#fff;}

/*----------Module-Four-Box----------Css----------*/
.four-box-card-wrapper {
    margin: 65px 0;
}
/*----------------------- Changed style as per ticket JSPSNIS-63 --------------------------------*/
/*.four-box-card-wrapper .card-hover-wrap .four-box-component:nth-child(odd) .card-box-wrapper {
  height: 282px;  background: #F6F6F6;    padding: 30px 30px 30px 30px;box-shadow: 0px 10px 57px -1px rgba(14, 31, 53, 0.1)
}
.four-box-card-wrapper .card-hover-wrap .four-box-component:nth-child(even) .card-box-wrapper {
   height: 282px; background: #ffffff;    padding: 30px 30px 30px 30px;box-shadow: 0px 10px 57px -1px rgba(14, 31, 53, 0.1)
}*/
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper {
   height: 282px; background: #ffffff; padding: 30px 30px 30px 30px;box-shadow: 0px 10px 57px -1px rgba(14, 31, 53, 0.1);
}
/*--------------------------------- Ends here -----------------------------------------------------*/

.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-icon{padding-bottom:12px;}
/*.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-wrap h2{    margin-bottom: 30px;}*/
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content ul li a, .four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content a {
    line-height: 24px;
    color: #F06C00;
    text-decoration: none;
    font-family: "Mary-Ann-ExtraBold";
    font-weight: 800;
    font-size: 1.1rem;    display: block;
}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content ul li {padding-bottom:15px;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content ul li:last-child{padding-bottom:0;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper{border-bottom: 2px solid #F06C00;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content ul li a:hover, .four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content a:hover {
    background: none;
    text-decoration: underline;
}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content p{font-size: 1.5rem;
    font-family: "Mary-Ann-ExtraBold";
    font-weight: 800;padding-bottom:28px;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content{    position: absolute;
    bottom: 30px;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-subtag {width: 55%;}    
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-subtag p{padding-bottom: 24px;}    
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-subtag p.event-subject {font-size: 1.5rem; font-family: "Mary-Ann-ExtraBold"; font-weight: 800; color: #F06C00; padding-bottom:28px;}    
/*--------------our-story-modoule-New-Styling-checkbox--------*/
.our-story-wrapper .new-latest-news-styling .title h2{font-size: 32px;
    line-height: 40px;
    font-weight: 800;
    margin-bottom: 38px !important;}
.our-story-wrapper .new-latest-news-styling .latest-updates-item{    background: #F6F6F6;    padding: 37px 40px 27px;}
.our-story-wrapper .new-latest-news-styling .latest-updates-item .latest-updates-text h4{margin-bottom:25px;}
.invstor-latest-updates .latest-updates-item .latest-updates-text .home-news-item p.latest-news-date{font-size: 1.0rem;
    line-height: 24px;font-weight: 400;    padding-bottom: 6px;
    font-family: 'Arial';}
.invstor-latest-updates .latest-updates-item .latest-updates-text .home-news-item p.latest-news-title{font-size:1.25rem;    font-weight: 800;padding-bottom: 25px;
    line-height: 24px;}
.invstor-latest-updates .latest-updates-item .latest-updates-text .home-news-item p.latest-news-title a:hover, .our-story-wrapper .new-latest-news-styling .latest-updates-item p.news-link a:hover{background:none;}
.our-story-wrapper .new-latest-news-styling .latest-updates-item .latest-updates-text{padding-bottom:22px;}
.our-story-wrapper .new-latest-news-styling .latest-updates-item p.news-link a{color:#F06C00;}
.our-story-wrapper .new-latest-news-styling .story-parent{position: absolute;
    min-width: 192px;
    min-height: 48px;
    background: #F06C00;
    margin-top: 42px;
    left: 50%;
    transform: translate(-50%, 0px);}
.our-story-wrapper .new-latest-news-styling .story-parent a.cta-link.internal-link
{    min-height: 48px;
    width: 192px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;font-family: "Mary-Ann-ExtraBold";}
.our-story-wrapper .new-latest-news-styling .story-parent a.cta-link.internal-link span
{    height: 100%;
    width: 100%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 0;
     transform: translate(0%, 0px); 
     text-align: center; 
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;}
.our-story-wrapper .new-latest-news-styling .story-item.light-grey a .story-image img{width: 100%;
    min-height: 245px;
    object-fit: cover;
    max-height: 245px;}












@media all and (max-width: 1190px){
	body#ip3-investors .image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content .image-and-copy-desc ul{display:block;}
}

@media all and (min-width: 992px) and (max-width: 1080px) {

	.card-box-wrap h2.h5 {font-size: 22px;}
    .four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content ul li {padding-bottom: 7px;}

}

@media all and (max-width: 991.98px){
    /*body#ip3-investors #image-and-copy-tag-wrapper .abso-image-copy-wrapper {width:100%;}
    body#ip3-investors .image-and-copy-tag-wrapper .ir-new-style .abso-image-copy-wrapper img {width:100%; height:auto; position:relative; right:initial;}*/
    #ip3-investors .image-and-copy-tag-wrapper .ir-new-style .abso-image-copy-wrapper {min-height: 431px;}
    body#ip3-investors .image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content {padding-right:26px;}
    .four-box-card-wrapper {margin: 50px 0;}
   
}

@media all and (max-width: 767.98px){

	.four-box-card-wrapper {margin: 30px 0;}
	body#ip3-investors .image-and-copy-tag-wrapper .flex-content .image-and-copy-tag-content:after {content: none;}
    #ip3-investors #image-and-copy-tag-wrapper .abso-image-copy-wrapper img {display: block !important;}
    #ip3-investors .image-and-copy-tag-wrapper .ir-new-style .abso-image-copy-wrapper {min-height: auto;}
    /*.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper{margin-top: 30px;}*/
    .new-latest-news-styling{margin-bottom:30px;}
    .our-story-wrapper .new-latest-news-styling .latest-updates-height{margin-bottom:0;}
    .image-and-copy-tag-wrapper .ir-new-style .abso-image-copy-wrapper{margin-left:0 !important;}
    .image-and-copy-tag-wrapper .ir-new-style .abso-image-copy-wrapper img{position: static;}
    .four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content p{padding-right: 20px;}
    .image-and-copy-tag-wrapper .ir-new-style .equal-heightt{height:auto !important;}
    .copy-with-box-wrapper .ir-style-new-box .copy-with-box-inner-wrapper.overlap-copy-with-box{margin-bottom: 0 !important;}
    .share-price-wrapper{bottom:0;}
    body#ip3-investors .copy-with-box-wrapper .ir-style-new-box .copy-with-box-inner-wrapper.overlap-copy-with-box:before{width:100%;}
}

/*--------------- Style for new Investors-new page four columns as per ticket no JSPSNIS-63 -------------*/
.four-box-card-wrapper .card-hover-wrap .four-box-component {margin-bottom: 35px;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper.bg-card-color {background: #F06C00;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper.bg-card-color .card-box-content a {color: #fff;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper.bg-card-color .card-box-wrap h2 {color: #fff;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content {width: 40%;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .box-content {float: left; width: 50%;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .box-image {float: left; width: 50%;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .box-image img {width: 50%; position: absolute; right: -10px;}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper {background: #fff}
.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content p {color: #F06C00;}
.four-box-card-wrapper .card-hover-wrap .four-box-component:nth-child(odd) .card-box-wrapper .box-image img {position: absolute; right: 0px;}

@media screen and (max-width:767px){
	.four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper {height: 100%;}
    .four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .box-content {float: none; width: 100%;}
    .four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .box-image {float: none;width: 100%;}
    .four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .box-image img {width: 100%; position: relative; right: 0;}
    .four-box-card-wrapper .card-hover-wrap .four-box-component .card-box-wrapper .card-box-content {position: relative; bottom: 0; width:100%}
    .four-box-card-wrapper .card-hover-wrap .four-box-component:nth-child(odd) .card-box-wrapper .box-image img {position: relative;right: 0px;}
}
/*----------------------------------------- Ends here ---------------------------------------------------*/
/*---- image-shapes-----*/
#banner-slider-wrapper .bannerImg { mask: url('/~/media/Images/S/Sainsburys/polygon-images/mask-gray') no-repeat center; max-width: 100%; display: block; aspect-ratio: 1; mask-position: top left; object-fit: cover; }

#banner-slider-wrapper .full-image:before { content: ''; background-image: url('/~/media/Images/S/Sainsburys/polygon-images/orange-1'); height: 89px; width: 505px; display: block; position: absolute !important; bottom: 24px; left: 16px; z-index: 1; }

#banner-slider-wrapper .full-image { position: relative !important; width: 595px; height: 426px; }

#banner-slider-wrapper .full-image img { width: 537px; height: 399px; }

#banner-slider-wrapper.purple .full-image:before { background-image: url('/~/media/Images/S/Sainsburys/polygon-images/purple-1'); }

#banner-slider-wrapper.purple button.slick-prev.slick-arrow, #banner-slider-wrapper.purple button.slick-next.slick-arrow 
{ background: #7F0442 !important; }

#banner-slider-wrapper.purple .oran-btn.btn-link { background: #7F0442 !important; }

#banner-slider-wrapper.purple .slider-nav .slick-item.slick-current:after, #banner-slider-wrapper.purple .slider-nav .slick-item:hover::after 
{ background: #7F0442; }

#banner-slider-wrapper.purple button.slick-arrow:hover {background: #660335 !important;}

#banner-slider-wrapper.purple .oran-btn.btn-link:hover {background: #660335 !important;}

#banner-slider-wrapper .banner-slider .row { margin-left: -5px !important; margin-right: -5px !important;}

@media all and (max-width: 767.98px) {
#banner-slider-wrapper .bannerImg { mask: url('/~/media/Images/S/Sainsburys/polygon-images/mask-mobile') no-repeat center !important; } 
#banner-slider-wrapper .full-image:before { background-image: url('/~/media/Images/S/Sainsburys/polygon-images/orange-mobile'); height: 49px; width: 274px; bottom: 72px; left: 20px; }
#banner-slider-wrapper .full-image { width: 321px !important; height: 230px; min-height: 300px !important; margin-top:30px !important; } 
#banner-slider-wrapper .full-image img { width: 320px !important; height: 230px !important; justify-content: center; display: flex; }
#banner-slider-wrapper.purple .full-image:before { background-image: url('/~/media/Images/S/Sainsburys/polygon-images/purple-mobile'); }
#banner-slider-wrapper .center-image { justify-content: center; display: flex; } 
}

@media all and (min-width: 641px) and (max-width: 767.98px){
.slider.banner-slider button.slick-prev.slick-arrow, .slider.banner-slider button.slick-next.slick-arrow {top: 275px !important;}
}

@media all and (min-width: 768px) and (max-width: 1399.98px){
#banner-slider-wrapper .bannerImg { mask: url('/~/media/Images/S/Sainsburys/polygon-images/mask-tab') no-repeat center !important; }
#banner-slider-wrapper .full-image:before { background-image: url('/~/media/Images/S/Sainsburys/polygon-images/orange-tab'); height: 75px !important; width: 315px !important; bottom: 101px; left: 8px; }
#banner-slider-wrapper .full-image { width: 354px !important; height: 252px; min-height: 365px !important; } 
#banner-slider-wrapper .full-image img { width: 333px !important; height: 250px !important; justify-content: center; display: flex; }
#banner-slider-wrapper.purple .full-image:before { background-image: url('/~/media/Images/S/Sainsburys/polygon-images/purple-tab'); }
#banner-slider-wrapper .center-image { justify-content: center; display: flex; } 
}

/*quote module*/
#quote-with-image-wrapper .quoteImg{mask: url('/~/media/Images/S/Sainsburys/polygon-images/quotes-mask-desktop') no-repeat center; max-width: 100%; display: block; aspect-ratio: 1; mask-position: bottom right; object-fit: cover;}
#quote-with-image-wrapper .quoter-image-content:before{content: ''; background-image: url('/~/media/Images/S/Sainsburys/polygon-images/quote-orange-desktop'); height: 318px; width: 78px; display: block; position: absolute !important; right: -17px; top: 26px; z-index: 1;}
#quote-with-image-wrapper .quoter-image-content{position: relative !important; width: 424px; height: 403px;}
#quote-with-image-wrapper .quoter-image-content img{ width: 424px; height: 403px;}
#quote-with-image-wrapper.purple .quoter-image-content:before{ background-image: url('/~/media/Images/S/Sainsburys/polygon-images/quote-purple-desktop');}
#quote-with-image-wrapper.purple .quoter-content .quote::before{color: #7F0442 !important;}
#quote-with-image-wrapper .quote-center-image{justify-content: center; display: flex;}

@media all and (max-width: 1139.98px){
#quote-with-image-wrapper .quoteImg{mask: url('/~/media/Images/S/Sainsburys/polygon-images/quote-mask-mobile') no-repeat center !important;}
#quote-with-image-wrapper .quoter-image-content:before{background-image: url('/~/media/Images/S/Sainsburys/polygon-images/quote-orange-mobile'); height: 226px; width: 56px; right: -14px; top: 19px;}
#quote-with-image-wrapper .quoter-image-content{position: relative !important; width: 300px !important; height: 285px !important;}
#quote-with-image-wrapper .quoter-image-content img{ width: 300px !important; height: 285px !important;}
#quote-with-image-wrapper.purple .quoter-image-content:before{ background-image: url('/~/media/Images/S/Sainsburys/polygon-images/quote-purple-mobile');}
}
@media all and (min-width: 768px) and (max-width: 850.98px){
#quote-with-image-wrapper .quoteImg{mask: url('/~/media/Images/S/Sainsburys/polygon-images/quote-mask-tab') no-repeat center !important;}
#quote-with-image-wrapper .quoter-image-content{position: relative !important; width: 290px !important; height: 249px !important;}
#quote-with-image-wrapper .quoter-image-content img{ width: 290px !important; height: 249px !important;}
#quote-with-image-wrapper .quoter-image-content:before{ height: 205px !important; width: 56px !important; right: -3px !important; top: 7px !important;}
}

/*history slider module*/
#our-history-with-copy-slider-wrapper .full-image{mask: url('/~/media/Images/S/Sainsburys/polygon-images/history-slider-mask-desktop') no-repeat center; max-width: 100%; display: block; aspect-ratio: 1; mask-position: top right; object-fit: cover;}
#our-history-with-copy-slider-wrapper .history-slider-image:before{content: ''; background-image: url('/~/media/Images/S/Sainsburys/polygon-images/history-slider-orange-desktop'); height: 479px; width: 86px; display: block; position: absolute !important; left: -17px; top: 43px; z-index: 1;}
#our-history-with-copy-slider-wrapper .history-slider-image{position: relative !important; width: 542px; height: 563px;}
#our-history-with-copy-slider-wrapper .history-slider-image div{ width: 542px; height: 563px;}
#our-history-with-copy-slider-wrapper.purple .history-slider-image:before{background-image: url('/~/media/Images/S/Sainsburys/polygon-images/history-slider-purple-desktop') !important;}
#our-history-with-copy-slider-wrapper.purple .oran-btn.btn-link{background: #7F0442 !important;}
#our-history-with-copy-slider-wrapper.purple .oran-btn.btn-link:hover{background: #660335 !important;}
#our-history-with-copy-slider-wrapper.purple button.slick-prev.slick-arrow, #our-history-with-copy-slider-wrapper.purple button.slick-next.slick-arrow{background: #7F0442 !important;}
#our-history-with-copy-slider-wrapper.purple button.slick-arrow:hover {background: #660335 !important;}
#our-history-with-copy-slider-wrapper button.slick-next.slick-arrow{left: auto !important; right: 0 !important; bottom: -10px !important;}
#our-history-with-copy-slider-wrapper button.slick-prev.slick-arrow{right: 60px !important; left: auto !important; bottom: -10px !important;}

@media all and (max-width: 991.98px){
#our-history-with-copy-slider-wrapper .full-image{mask: url('/~/media/Images/S/Sainsburys/polygon-images/history-slider-mask-mobile') no-repeat center !important; min-height:0px !important;}
#our-history-with-copy-slider-wrapper .history-slider-image:before{background-image: url('/~/media/Images/S/Sainsburys/polygon-images/history-slider-orange-mobile'); height: 224px; width: 44px; left: -9px; top: 23px;}
#our-history-with-copy-slider-wrapper .history-slider-image{position: relative !important; width: 303px !important; height: 279px !important; margin-top: 10px;}
#our-history-with-copy-slider-wrapper .history-slider-image div{ width: 303px !important; height: 279px !important;}
#our-history-with-copy-slider-wrapper.purple .history-slider-image:before{ background-image: url('/~/media/Images/S/Sainsburys/polygon-images/history-slider-purple-mobile') !important;}
#our-history-with-copy-slider-wrapper .history-center-image{display: flex; justify-content: center;}
#our-history-with-copy-slider-wrapper button.slick-next.slick-arrow{left: calc(50% + 111px) !important; transform: translateX(-50%); right: auto !important; margin-top: -30px !important;}
#our-history-with-copy-slider-wrapper button.slick-prev.slick-arrow{right: 60px !important; left: calc(50% + 51px) !important; transform: translateX(-50%); margin-top: -30px !important;}
}

/*box copy module*/
#copy-with-box-wrapper .boxImg { mask: url('/~/media/Images/S/Sainsburys/polygon-images/box-mask-desktop') no-repeat center; max-width: 100%; display: block; aspect-ratio: 1; mask-position: bottom left; object-fit: inherit; }
#copy-with-box-wrapper .image-box-wrapper{position: relative !important; width: 525px; height: 395px;}
#copy-with-box-wrapper.bottom .image-box-wrapper:before{content: ''; background-image: url('/~/media/Images/S/Sainsburys/polygon-images/box-orange-down-desktop'); height: 77px; width: 469px; display: block; position: absolute !important; left: 25px; bottom: 18px; z-index: 1;}
#copy-with-box-wrapper.top .image-box-wrapper:before{content: ''; background-image: url('/~/media/Images/S/Sainsburys/polygon-images/box-orange-up-desktop'); height: 45px; width: 353px; display: block; position: absolute !important; left: 105px; top: -11px; z-index: 1;}
#copy-with-box-wrapper .image-box-wrapper img{width: 510px; height: 363px;}
#copy-with-box-wrapper.bottom.purple .image-box-wrapper:before{background-image: url('/~/media/Images/S/Sainsburys/polygon-images/box-purple-down-desktop');}
#copy-with-box-wrapper.top.purple .image-box-wrapper:before{background-image: url('/~/media/Images/S/Sainsburys/polygon-images/box-purple-up-desktop');}

@media all and (max-width: 899.98px) {
#copy-with-box-wrapper .boxImg{mask: url('/~/media/Images/S/Sainsburys/polygon-images/box-mask-mobile') no-repeat center !important;}
#copy-with-box-wrapper .image-box-wrapper{position: relative !important; width: 302px !important; height: 227px !important; margin-top: 20px}
#copy-with-box-wrapper.bottom .image-box-wrapper:before{background-image: url('/~/media/Images/S/Sainsburys/polygon-images/box-orange-down-mobile') !important; height: 45px; width: 271px; left: 13px; bottom: 9px;}
#copy-with-box-wrapper.top .image-box-wrapper:before{ background-image: url('/~/media/Images/S/Sainsburys/polygon-images/box-orange-up-mobile') !important; height: 26px; width: 206px; left: 59px; top: -6px; z-index: 1;}
#copy-with-box-wrapper .image-box-wrapper img{width: 296px; height: 211px;}
#copy-with-box-wrapper.bottom.purple .image-box-wrapper:before{background-image: url('/~/media/Images/S/Sainsburys/polygon-images/box-purple-down-mobile') !important;}
#copy-with-box-wrapper.top.purple .image-box-wrapper:before{background-image: url('/~/media/Images/S/Sainsburys/polygon-images/box-purple-up-mobile') !important;}
#copy-with-box-wrapper .center-box-image{display: flex; justify-content: center;}
}

@media all and (min-width: 900px) and (max-width: 1299.98px){
#copy-with-box-wrapper .boxImg{mask: url('/~/media/Images/S/Sainsburys/polygon-images/box-mask-tab') no-repeat center !important;}
#copy-with-box-wrapper .image-box-wrapper{position: relative !important; width: 345px !important; height: 260px !important;}
#copy-with-box-wrapper.bottom .image-box-wrapper:before{background-image: url('/~/media/Images/S/Sainsburys/polygon-images/box-orange-down-tab') !important; height: 55px; width: 305px; left: 25px; bottom: -2px;}
#copy-with-box-wrapper.top .image-box-wrapper:before{ background-image: url('/~/media/Images/S/Sainsburys/polygon-images/box-orange-up-tab') !important; height: 33px; width: 230px; left: 72px; top: -1px; z-index: 1;}
#copy-with-box-wrapper .image-box-wrapper img{width: 345px; height: 260px;}
#copy-with-box-wrapper.bottom.purple .image-box-wrapper:before{background-image: url('/~/media/Images/S/Sainsburys/polygon-images/box-purple-down-tab') !important;}
#copy-with-box-wrapper.top.purple .image-box-wrapper:before{background-image: url('/~/media/Images/S/Sainsburys/polygon-images/box-purple-up-tab') !important;}
}

#quote-with-image-wrapper .quoter-content .quote::before{font-family: "Mary-Ann-ExtraBold" !important};
#strategy-boxes-wrapper .strategy-container .strategy-title h3{font-family: "Mary-Ann-MidBold" !important};