/*=======================================================================
*** PORTO_SUB STYLE SHEET***
========================================================================*/
/* Include Sasol Fonts */
@font-face {
    font-family: 'Gustan-Book';
    src: url("../fonts/Gustan-Book.eot");
    src: url("../fonts/Gustan-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gustan-Book.woff") format("woff"), url("../fonts/Gustan-Book.svg#artifikamedium") format("svg");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: 'Gustan-Medium';
    src: url("../fonts/Gustan-Medium.eot");
    src: url("../fonts/Gustan-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gustan-Medium.woff") format("woff"), url("../fonts/Gustan-Medium.svg#artifikamedium") format("svg");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: 'Gustan-Bold';
    src: url("../fonts/Gustan-Bold.eot");
    src: url("../fonts/Gustan-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gustan-Bold.woff") format("woff"), url("../fonts/Gustan-Bold.svg#artifikamedium") format("svg");
    font-weight: bold;
    font-style: normal; 
}

body {
    font-family: "Gustan-Book", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.428571429;
    color: #003862;
    padding-top: 210px !important;
}

body p {
    color: #003862;
}
html.sticky-header-active #header .header-body{
   position: unset;
}
header#header {
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 0px !important;
}
form#search-block-form {
    margin-top: 15px;
}

header .search-block-form {
    position: relative;
    float: right;
    margin-left: 20px;
}

div#block-sasolglobe {
    display: inline-block;
}

div#block-sasolglobe img {
    width: 35px;
    margin-top: 10px;
    margin-right: 10px;
}

div#block-sasolglobe p {
    margin-bottom: 0;
    margin-top: 4px;
}
.images-section.one .two-col img {
    max-width: 100%;
}
div#block-sasolglobe span {
    display: inline-block;
    vertical-align: text-top;
}
.dropdown.sasol-globe button.btn.btn-primary.dropdown-toggle {
    font-size: 0px;
    padding: 0;
    width: 40px;
    background: unset;
    height: 41px;
    border: 0px;
    background-image: url(/sites/default/files/inline-images/globe-icon.png);
    background-size: 40px;
    outline: none;
    background-position: 0px 1px;
}
header .search-block-form input[type="submit"] {
    margin-top: 25px !important;
    background: url(../images/icon-search-dark.png) no-repeat top left;
}
header .search-block-form input[type="submit"]:hover{
    background: url(../images/icon-search-dark.png) no-repeat top left;
}

.section-dark .container-fluid {
    padding: 0px 60px;
}

.owl-carousel {
    margin-bottom: 0 !important;
}

.view-below-banner-news .field-content {
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    font-family: "Gustan-Bold" !important;
}

.view-below-banner-news {
    padding-top: 20px;
}

.view-below-banner-news .views-col{
    border-left: 1px solid #ffffff;
}

.view-below-banner-news .news-button a {
    background: none;
    text-transform: uppercase;
    padding-left: 0;
    font-size: 14px;
    margin-top: 0;
}

.view-below-banner-news .news-button a:hover {
   opacity: 0.8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #003862; 
    font-family: "Gustan-Bold" !important;
}

.header-extras {
    background: #e1ebf1;
}

.header-extras ul.footer-social-nav {
    padding: 0;
    float: right;
    text-align: left;
    padding-top: 10px;
}

.region.region-home-twitter {
    margin-top: 70px;
}

.region-header-extras-links p {
    margin-bottom: 0;
}

.region-header-extras-links a {
    color: #003862;
    font-size: 18px;
    /*font-family: "Gustan-Bold" !important;*/
    text-transform: uppercase;
    padding-top: 15px;
    display: block;
}

.section-dark {
    background: #003862; 
}

.section-colored {
    background: #e2ebf2;
    padding: 40px 35px;
    width: 100%;
}

.section-fullwidth {
    padding: 40px 0;
}

.view-equities-indices-view .views-view-grid .views-col {
    background: #ffffff;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 25%);
    max-height: 156px;
    height: 156px;
    padding: 20px 20px;
    width: 47.7% !important;
    margin-right: 25px;
    margin-bottom: 20px;  
}
.view-equities-indices-view .views-field.views-field-title a {
    font-size: 16px;
    color: #003862;
    text-transform: uppercase;
    font-family: "Gustan-Bold";
}
.view-equities-indices-view  span.views-field.views-field-field-trade {
    position: relative;
}
.view-equities-indices-view span.views-field.views-field-field-trade:before {
    content: "$";
    font-size: 15px;
}
.view-equities-indices-view .views-col.col-1 span.views-field.views-field-field-trade:before,
.view-equities-indices-view .views-col.col-3 span.views-field.views-field-field-trade:before,
.view-equities-indices-view .views-col.col-5 span.views-field.views-field-field-trade:before{
     content: "R";
    font-size: 15px;
}
.view-equities-indices-view.view-display-id-block_2 .views-field.views-field-title a{
    font-size: 16px;
    font-family: "Gustan-Bold";
    text-transform: uppercase;
}
#quicktabs-shareholder_information .view-equities-indices-view.view-display-id-block_2 .views-view-grid .views-col{
    width: 19.2% !important;
    margin-right: 10px;
    margin-bottom: 20px;
}
#quicktabs-shareholder_information .view-equities-indices-view.view-display-id-block_2  .views-view-grid .views-col.col-3{
      margin-right: 10px !important;
}
.view-equities-indices-view .view-footer p {
    font-family: "Gustan-Bold" !important;
}
#quicktabs-shareholder_information .view-equities-indices-view .view-footer p{
     font-family: unset !important;
}
.view-equities-indices-view .views-view-grid .views-col:last-child {
    margin-right: 0 !important;
}
.view-equities-indices-view .views-field.views-field-field-movement .field-content.G,
.view-equities-indices-view .views-field.views-field-field-movement .field-content.L {
    font-size: 0;
}
.view-equities-indices-view .views-field.views-field-field-movement .field-content.L:after {
    content: "";
    position: absolute;
    background: url(../images/arrow_red.png);
    width: 12px;
    height: 8px;
    left: 5px;
    top: 5px;
    background-size: 12px !important;
}

.region h2 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 2.6em;
}

.view-equities-indices-view .views-field.views-field-field-movement .field-content.G:after {
    content: "";
    position: absolute;
    background: url(../images/arrow_green.png);
    width: 12px;
    height: 8px;
    left: 5px;
    top: 4px;
    background-size: 12px !important;
}

.view-equities-indices-view .views-field.views-field-field-movement .field-content.U:after {
    content: "-";
    color: #000000;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -4px;
    background: #ffffff;
    padding: 0 2px;
}

.view-equities-indices-view .views-field.views-field-field-movement {
    position: relative;
}

.view-equities-indices-view .view-equities-indices-view .views-field.views-field-title {
    border-bottom: 1px solid #003862;
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: 70%;
}
.view-equities-indices-view .views-field.views-field-title { 
    min-height: 85px;
    font-size: 14px;
    margin-bottom: 5px;
    border-bottom: 1px solid #003862;
}
.view-equities-indices-view .view-equities-indices-view .views-field.views-field-title a {
    font-size: 14px;
    color: #003862;
}

.view-equities-indices-view .view-footer p,
.view-equities-indices-view  .views-field-field-trade span {
    font-size: 14px;
}

.section-fullwidth.home_fullwidth {
    width: 100%;
    overflow: hidden;
    padding-top: 0;
}

.section-fullwidth.home_fullwidth .section-image-right {
    width: 50%;
    overflow: hidden;
    background: #e2ebf2;
    padding: 40px;
    min-width: 320px;
    height: 320px;
}

.section-fullwidth.home_fullwidth .section-image-right .cta a {
    color: #003862;
    border: 1px solid #003862;
    padding: 7px 20px;
    text-decoration: none;
}

.section-fullwidth.home_fullwidth .section-image-right .cta a:hover {
    background: #003862;
    color: #fff;
}
.section-fullwidth.home_fullwidth .view-home-action-buttons{
    padding: 40px 40px 0px;
    width:100%;
    overflow:hidden;
}
.footer-copyright font a, .footer-copyright font {
    font-size: 14px;
}

.view-front-page-intergranted-reports h2 {
    text-align: center;
    font-size: 23px;
    line-height: normal;
    margin-bottom: 20px;
}

.view-front-page-intergranted-reports .field-content:after {
    content: "";
    background-image: url(../images/sasol-icon-alt.png);
    background-size: cover;
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    top:-3px;
    right: -1px;
}

.view-front-page-intergranted-reports .pdf-links {
    max-height: 250px;
    padding: 10px;
    width: 15% !important;
    margin-right: 20px;
    margin-bottom: 20px; 
    height: 220px; 
}

.region-home-indices h2 {
    margin-bottom: 10px !important;
}

.pdf-links .field-content {
    background: #15366b;
    position: relative;
    padding: 10px 8px;
    height: 100%;
}

.views-field.views-field-field-n-reports-download {
    height: 100%;
}

.pdf-links {
    padding: 10px;
    border: 1px solid #15366b;
}

.pdf-links h4 {
    margin-top: 50px;
}

.pdf-links h4 span {
    margin-top: 50px;
    border-top: 1px solid #ffffff;
    display: block;
    width: 90%;
    position: absolute;
    bottom: 15px;
    padding-top: 10px;
}

.pdf-links h4 a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
}
.section-fullwidth.home_sens .container-fluid {
    margin: 0px 50px;
    padding: 0;
}  
.region-home-sens h2 {
    width: 50%;
    float: left;
}
.region-home-sens .view-header h2 {
    text-align: right;
}
#block-views-block-sasol-latest-sens-block-1 .view-footer {
    margin: 25px 0px;
}
.region-home-videos .views-element-container .view-header a,
#block-views-block-sasol-latest-sens-block-1 .view-footer a,
.region-home-sens .view-header h2 a{
    text-align: right;
    font-size: 16px;
    color: #003862;
    padding: 0px 30px 0px 0px;
    margin-bottom: 0;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    background-image: url(../images/red-rights.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 12px;
    font-family: unset !important;
} 
.section-fullwidth.home_sens {
    position: relative;
}
.region-home-sens .view-header h2 a {
    position: absolute;
    right: -32%;
    z-index: 9;
}
.region-home-sens .view-header h2 {
    font-family: unset !important;
}

.region-home-sens .view-header h2 a:hover {
    opacity: 0.8;
}
ul.sasol-sens-list {
    padding: 0;
    list-style: none;
    margin: 0;
}

ul.sasol-sens-list li {
    border: 1px solid #003862;
    border-bottom: none;
    padding: 17px 15px 16px 15px;
    margin: 0;
    line-height: normal;
}

ul.sasol-sens-list li:last-child {
    border-bottom: 1px solid !important;
}
ul.sasol-sens-list li .views-label-field-headline-date {
    display: inline-block;
    font-family: "Gustan-Bold";
}
ul.sasol-sens-list li .views-field-field-headline-date .field-content {
    display: inline-block;
    font-family: "Gustan-Bold";
}

ul.sasol-sens-list li .views-field-field-ticker {
    font-weight: 500;
    font-family: "Gustan-Bold";
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    word-break: break-all;
}

.view-sasol-latest-sens span.views-field.views-field-title a {
    color: #15366b;
    font-size: 14px;
}

span.views-field.views-field-title {
    display: inline-block;
}

.news-button a {
   background: #00adef;
    color: #ffffff;
    padding: 6px 12px;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
}

.news-button a:hover {
    text-decoration: none;
    color: #ffffff;
}

.view-latest-news .views-field-title {
    font-weight: 500;
    font-family: "Gustan-Bold";
}

.view-latest-news .views-col.col-1,
.view-latest-news .views-col.col-2 {
    width: 35% !important;
}
.context-home .view-latest-news .views-col{
    margin-right: 15px;
}
.context-home .view-latest-news .views-col, 
.context-home .view-latest-news .views-col{
    width: 32.2% !important;
}

.view-latest-news .views-row.row-1 .views-col.col-3 {
    width: 26.5% !important;
    margin-right: 0px !important;
    margin-left: 20px;
}
.context-home .view-latest-news .views-row.row-1 .views-col.col-3{
    width: 32.2% !important;
    margin-left: 0px;
}
.view-latest-news .views-row.row-2 .views-col.col-1 {
    width: 26% !important;
    margin-right: 20px !important;
}
.view-latest-news .views-row.row-2 .views-col.col-2 {
    width: 26% !important;
}
.view-latest-news .views-row.row-2 .views-col.col-3 {
    width: 44.5% !important;
    margin-left: 20px !important;
}

.view-latest-news  .views-col img {
    width: 100%;
}
.section-fullwidth.home_sens .col-md-9{
    padding-right: 0;
}


.view-latest-news .views-col {
    position: relative;
}

.view-latest-news .views-col .views-field-title{
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    background: rgb(0,56,98);
    background: linear-gradient(0deg, rgba(0,56,98,1) 0%, rgba(0,0,0,0) 47%);
}

.view-latest-news .views-col .views-field-title{
    color: #ffffff;
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
    line-height: 22px;
}

.view-latest-news .views-col .views-field-title > .field-content {
    position: absolute;
    bottom: 20px;
    left: 10px;
    width: 63%;
}

.view-latest-news span.views-field.views-field-title {
    margin-left: 0;
}

.view-latest-news .views-col .views-field-view-node {
    position: absolute;
    bottom: 20px;
    right: 15px;
}

.view-latest-news .views-col.col-1 {
    margin-right: 15px;
}

.views-col {
    margin-bottom: 20px;
}

.col-md-4 {
    padding-left: 0 !important;
}

.views-col img {
    width: 100%;
    height: auto !important;
}

.investor-home-block {
    background: #e2ebf2;
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 25%);
    padding: 0;
    margin-right: 15px;
    width: 24% !important;
}

.investor-home-block:last-child {
    margin: 0px !important;
}

.col-md-4.investor-home-block,
.col-sm-4.products-home-block {
    padding-right: 0;
    margin-right: 10px;
}

.col-sm-4.products-home-block {
    padding-left: 0;
}

.col-md-4.investor-home-block:last-child,
.col-sm-4.products-home-block:last-child {
    margin-right: 0;
}

.col-md-4.investor-home-block,
.col-sm-4.products-home-block {
    width: 32.7% !important;
}

.view-home-investor-block .views-field-title,
.view-home-investor-block .views-field-body,
.view-home-investor-block .views-field-field-link-to-page  {
    padding: 10px 20px;
}

.view-home-investor-block h3 {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 5px;
}
.view-home-investor-block  .views-field.views-field-title {
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    color: #003862;
    font-family: "Gustan-Bold" !important;
    text-transform: uppercase;
    min-height: 74px;
}
.view-home-investor-block .views-field-field-link-to-page {
    padding-bottom: 20px;
}
.view-home-investor-block .views-field-field-link-to-page a {
    background: #fff;
    color: #00387b;
    border: 1px solid #00387b;
}
.view-home-investor-block .views-field-field-link-to-page a:hover {
    background: #00387b;
}
.view-home-investor-block p {
    color: #003862;
}
.section-fullwidth.home_actions .container-fluid {
    padding: 0px 50px;
}
.view-sasol-latest-sens span.views-field.views-field-title{
    display: unset;
}
.view-sasol-latest-sens .views-field-field-upload-file {
    display: inline-block;
} 

#block-views-block-sasol-latest-sens-block-1 {
    width: 48%;
    float: left;
    overflow: hidden;
    margin-right: 2%;
}
div#block-views-block-equities-indices-view-block-1 {
    width: 50%;
    overflow: hidden;
    padding-left: 2%;
}
.col-sm-3.join-home-block {
    padding-left: 0;
    width: 24% !important;
    padding-right: 0;
    margin-right: 15px;
    background: #ffffff;
    padding-bottom: 20px;
}
.page-node-type-landing-page .view-join-our-team .col-sm-3.join-home-block {
    background: #e2ebf1;
}
.page-node-type-landing-page .view-join-our-team  .views-field.views-field-field-link-to-page a{
    color:#003862;
    font-size:14px;
}
.col-sm-3.join-home-block:last-child {
    margin-right: 0;
}

.col-sm-3.join-home-block .news-button a {
    border: 1px solid #003862;
    padding: 10px 40px;
    background: #fff;
    color: #003862;
}
.col-sm-3.join-home-block .news-button a:hover{
    background: #003862;
    color: #fff;
}
#paragraph-id--7790 .container.video-sesction .col-sm-3.join-home-block {
       width: 32.4% !important;
}

.view-home-action-buttons .button-home-actions {
    width: 24% !important;
    padding: 0;
    margin-right: 15px;      
    margin-bottom: 0;
}
.view-home-action-buttons .button-home-actions:last-child {
    margin-right: 0;
}
.join-home-block .views-field-title,
.join-home-block .views-field-body,
.join-home-block .views-field-field-link-to-page  {
    padding: 10px 15px;
}
.col-sm-3.join-home-block .views-field-body p {
    font-size: 13px;
}
.join-home-block h3 {
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: capitalize;
    margin-top: 15px;
}
.view-join-our-team .views-field-field-block-thumbnail {
    border-bottom: 2px solid;
}

.block-views h2 {
    margin-bottom: 30px;
}

#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a,
a.is-active {
    background: none !important;
    color: #003862 !important;
}

#header .header-nav-main a {
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
}

.page-node-type-landing-page  .views-field-field-action-link-to-page a,
.views-field-field-action-link-to-page a {
    display: inline-block;
    background: #003862;
    color: #ffffff;
    padding: 20px 20px;
    border-left: 5px solid #00adef;
    text-transform: uppercase;
    width: 100%;
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 18px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
}
.postals a {
    color: #003862;
}
.page-node-type-landing-page .view-sasol-turbofuels .views-field-field-action-link-to-page {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 20px;
}
.page-node-type-landing-page .view-sasol-turbofuels .views-field-field-action-link-to-page a{
   border: 1px solid #003862;
    padding: 10px 40px;
    color: #003862;
    text-decoration: none;
    background: transparent;
    font-family: "Gustan-Book", Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: unset;
    box-shadow: unset;
}
.page-node-type-landing-page .view-sasol-turbofuels .views-field-field-action-link-to-page a:hover{
    background: #003862;
    color: #fff;
}
.views-field-field-action-link-to-page a:hover {
    text-decoration: none;
    color: #ffffff;
}
.view-id-products_home_block.view-display-id-block_3 .products-home-block.views-col.col-2,
.view-id-products_home_block.view-display-id-block_3 .products-home-block.views-col.col-1 {
    width: 49% !important;
    overflow: hidden;
    margin-right: 2%;
    padding: 0px;
    position: relative;
}
.view-id-products_home_block.view-display-id-block_3 .products-home-block.views-col.col-2 {
    margin-right: 0%;
}
.view-id-products_home_block.view-display-id-block_3 .views-field-field-link-to-page,
.page-node-type-landing-page .view-products-home-block .views-field.views-field-field-link-to-page,
.region-home-products .views-field.views-field-field-link-to-page {
    position: absolute;
    bottom: 0;
    padding: 20px;
    width: 100%;
    height: 100%;
    background: rgb(0,56,98);
    background: linear-gradient(0deg, rgba(0,56,98,1) 0%, rgba(0,0,0,0) 47%);
}
.view-id-products_home_block.view-display-id-block_3 .views-field-field-link-to-page a,
.page-node-type-landing-page .views-field.views-field-field-link-to-page a,
.region-home-products .views-field.views-field-field-link-to-page a {
    position: absolute;
    bottom: 20px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    font-family: "Gustan-Bold";
    width: 100%;
}
.page-node-type-landing-page .view-join-our-team .news-button a{
    position: unset;
    font-size: 16px;
    font-family: unset;
    width:  unset;
}

.views-field.views-field-field-link-to-page a:hover {
    text-decoration: none;
}
.view-home-investor-block .views-field.views-field-field-link-to-page a:hover {
    text-decoration: none;
    color: #fff;
}
.view-id-products_home_block.view-display-id-block_3 .views-field-field-link-to-page a::after,
.products-home-block .views-field.views-field-field-link-to-page a:after {
    content: "";
    background-image: url(../images/sasol-arrows.png);
    width: 21px;
    height: 36px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    font-family: "Gustan-Bold";
    position: absolute;
    display: block;
    bottom: 0;
    right: 50px;
}

.button-home-actions a:after {
    content: "";
    background-image: url(../images/sasol-arrows.png);
    width: 16px;
    height: 28px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    font-family: "Gustan-Bold";
    position: absolute;
    display: block;
    bottom: 15px;
    right: 25px;
    background-size: 10px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
}
.section-fullwidth.home_actions {
    padding-bottom: 20px;
}

#header .header-nav-bar {
    background: #e2ebf0 !important;
    border-top: 1px solid #c8d5dd;
}

.field-content.slider-content  h1,
.field-content.slider-content  p {
    color: #ffffff;
    margin-bottom: 10px;
}
.field-content.slider-content h1{
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 15px 0;
    letter-spacing: 0.1px;
}
.field-content.slider-content p {
    font-size: 14px;
}

.field-content.slider-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px 30px 10px 30px;
}
.field-content.slider-content:after {
    position: absolute;
    background: #113a5f;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 0px;
    right: 0px;
    opacity: 0.8;
}

.view-home-rotating-banner .owl-theme .owl-controls .owl-buttons .owl-next,
.view-home-rotating-banner .owl-theme .owl-controls .owl-buttons .owl-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    border-radius: 50%;
    background: #003862;
    opacity: 1;
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 5px 13px;
}
.view-home-rotating-banner .owl-theme .owl-controls .owl-buttons .owl-next{
    transform: translateY(-50%);
    left: unset;
    right: 30px;
    padding: 5px 15px;
}
.view-home-rotating-banner .owl-theme .owl-controls {
    width: 1195px;
    margin: auto;
}
.view-home-rotating-banner .owl-theme .owl-controls .owl-pagination{
    position: absolute;
    top: 90%;
    transform: translateY(-90%);
}
.view-home-rotating-banner .owl-theme .owl-controls .owl-page span{
    width: 10px;
    height: 10px;
    margin: 5px 4px;    
    background: #fff;
    border-radius: unset;
}
 .field-content.slider-content {
    width: 48%;
}



@media (max-width: 959px) {

    .owl-carousel .owl-item img {
    height: auto;
}

    .field-content.slider-content  h1 {
        font-size: 20px !important;
    }
}

#header .header-body {
    border-top: none !important;
    padding: 0 !important;
}

.field-content.slider-content a.banner-button {
    display: inline-block;
    padding: 10px 30px;
    background: #fff;
    color: #003862;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    width: auto;
    font-family: 'Gustan-Bold';
}

#header .header-search .form-control {
    border-color: #003862;
    border-radius: 10px;
    width: 270px;
    font-size: 1.2em;
    height: 38px;
}

.md-object a.banner-button:hover {
    text-decoration: none;
}

body #footer {
    background: #003862 !important;
    border: none !important;
    margin-top: 0px;
}

body #footer.light a,
body #footer.light h2 {
    color: #ffffff;
}

body #footer li::marker {
    color: #ffffff;
}

ul.footer-small-nav {
    padding-left: 15px;
}

ul.footer-social-nav {
    padding: 0;
}

ul.footer-social-nav li img {
    width: 35px;
}

ul.footer-social-nav li {
    display: inline-block;
    margin-right: 5px;
}

body #footer p {
    color: #ffffff;
}

@media (min-width: 561px) and (max-width: 820px) {

    .view-latest-news .views-col.col-1, 
    .view-latest-news .views-col.col-2 {
        width: 48% !important;
    }

    .view-latest-news .views-col.col-3, 
    .view-latest-news .views-col.col-4, 
    .view-latest-news .views-col.col-5 {
        width: 48% !important;
    }

    .view-latest-news .views-col.col-4 {
        margin-right: 0 !important;
    }

    .md-object.md-layer-1-2-1 {
        background: #003862;
        height: fit-content !important;
        width: 60% !important;
        left: 10% !important;
        padding: 10px 20px;
    }
    
    .md-object.md-layer-1-2-1 h1, 
    .md-object.md-layer-1-2-1 p {
        line-height: normal !important;
    }

    .view-front-page-intergranted-reports .pdf-links {
        width: 30% !important;
        margin-right: 20px !important;
    }

    .view-front-page-intergranted-reports .pdf-links:last-child {
        margin-right: 0 !important;
    } 

}

@media (max-width: 560px) {
    .col-md-4.investor-home-block, 
    .col-sm-4.products-home-block {
        width: 100% !important;
    }

    .view-latest-news .views-col.col-1, 
    .view-latest-news .views-col.col-2 {
        width: 100% !important;
    }

    .view-latest-news .views-col.col-3, 
    .view-latest-news .views-col.col-4, 
    .view-latest-news .views-col.col-5 {
        width: 100% !important;
    }

    .view-latest-news .views-col.col-4 {
        margin-right: 0 !important;
    }

    .col-sm-3.button-home-actions {
        width: 100% !important;
    }

    .col-sm-3.join-home-block {
        width: 100% !important;
    }

    .md-object.md-layer-1-2-1 {
        background: #003862;
        height: fit-content !important;
        width: 90% !important;
        left: 10% !important;
        padding: 10px 20px;
    }
    
    .md-object.md-layer-1-2-1 h1, 
    .md-object.md-layer-1-2-1 p {
        line-height: normal !important;
    }

    .view-playlist .col-md-4.views-col {
        width: 100% !important;
            padding: 0;
    }

    .view-front-page-intergranted-reports .pdf-links {
        width: 100% !important;
        margin-right: 20px !important;
    }

    .view-front-page-intergranted-reports .pdf-links:last-child {
        margin-right: 0;
    }

    .view-equities-indices-view .views-view-grid .views-col {
        width: 45% !important;
        margin-right: 10px;
        margin-bottom: 20px;  
    }

    .view-equities-indices-view .views-view-grid .views-col:last-child {
        margin-right: 0 !important;
    }

}

#footer .footer-copyright #block-footercopyright p {
    color: #003862;
}

.region-home-products .views-element-container,
.region-home-videos .views-element-container,
.region-home-news .views-element-container {
    position: relative;
}

.region-home-products .views-element-container .view-header,
.region-home-news .views-element-container .view-header {
    position: absolute;
    top: 0;
    right: 0;
}
.user-logged-in .region-home-videos .views-element-container .view-header a{
    top: -60px;
}
.region-home-videos .views-element-container .view-header a {
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 9;
    font-family: "Gustan-Bold";
}

.view-playlist .views-row  .views-col.col-3{
    padding-right: 0px;
}
.region-home-products .view .view-header h2,
.region-home-videos .view .view-header h2,
.region-home-news .view .view-header h2 {
    font-size: 16px;
    color: #ffffff;
    background: #003862;
    padding: 5px 40px;
    margin-bottom: 0;
    text-transform: capitalize;
}

.region-home-news .views-element-container .view-header {
    right: -293px;
}

.page-banner-image {
    display: block;
    width: 100%;
}

.page-banner {
    width: 100%;
}

.page-header {
    background-color: transparent !important;
    border: none !important;
}
.page-header .breadcrumb {
  width: fit-content !important;
}

.page-header .breadcrumb ol {
  text-transform: uppercase;
  background: none;
  border: 1px solid #c7cccf;
  margin: 0px;
  height: 34px;
  margin-right: 10px;
  border-right: 0px;
}

.page-header .breadcrumb ol li {
  color: #fff;
  background: #e4ecf4;
  padding: 4px 20px 4px 35px;
  position: relative;
  float: left;
}
.page-header .breadcrumb ol li:before {
  display: none !important;
}
.page-header .breadcrumb ol li:after {
  width: 23px;
  height: 23px;
  content: "";
  position: absolute;
  right: -12px;
  bottom: 0;
  top: 0;
  margin: auto;
  border-bottom: 1px solid #a7b0b7;
  border-right: 1px solid #a7b0b7;
  transform: rotate(-45deg);
  background: #e2ecf6;
  z-index: 1;
}
.page-header .breadcrumb ol li.breadcrumbtitle {
  background: #01b1ec;
}
.page-header .breadcrumb ol li.breadcrumbtitle:after {
  background: #01b1ec;
  z-index: -1;
}

.page-header .breadcrumb ol li:first-child {
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 4px;
}
.page-header .breadcrumb ol li:first-child a {
  font-size: 0px;
}
.page-header .breadcrumb ol li:first-child a::before {
  content: '\f015';
  width: 100%;
  font-family: FontAwesome;
  height: 100%;
  font-size: 19px;
  color: #000;
  line-height: 13px;
  vertical-align: middle;
  display: inline-block;
}

.page-header h1 {
    /* color: #fff!important; */
    border: none;
    display: block;
    font-size: 25px;
    font-weight: 200;
    line-height: 32px;
    margin: 30px 0 0 0;
}

.page-header {
    margin: 30px 0 0 0 !important;
}
.page-node-type-landing-page.context-media-centre-press-release .page-header,
.page-node-type-landing-page.context-investor-centre-investor-related-information .page-header{
    padding-bottom: 15px;
}
/* Leadership Css */

body.page-node-type-landing-page.context-who-we-are-leadership .container

#quicktabs-leadership ul.quicktabs-tabs li a.quicktabs-loaded {
    display: block;
}
#quicktabs-leadership .item-list ul.quicktabs-tabs {
    padding-top: 0px;
    margin: 0;
}
.block-quicktabs-blockinvestor-financial-results ul.quicktabs-tabs li a.quicktabs-loaded {
	padding: 15px 15px;
}
.view-leadership .view-content {
    padding-top: 45px;
}
.view-leadership .view-content>h3{
    display: none;
}
.view-leadership .views-col {
    width: 24.07% !important;
    border: 1px solid;
    margin-right: 15px;
}
.view-leadership .views-col.col-4 {
    margin-right: 0;
}
.view-leadership .views-field-nothing div{
    background: #013763;
    overflow: hidden;
}

.view-leadership  .views-col img {
    width: 100%;
    height: auto !important;
    transform: scale(1.1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: #fff;
}

.view-leadership  .views-col img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.view-leadership .views-field-nothing div h2 {
    padding: 10px 0 10px;
    color: #fff !important;
    font-size: 24px;
    line-height: 32px;
}
.view-leadership .views-field-nothing div p strong {
    line-height: 15px;
    color: #fff !important;
    margin: 0;
    font-weight: bold;
    font-family: 'Gustan-Bold';
    font-size: 16px;
}

.view-leadership .views-field-nothing div p {
    line-height: 15px;
    color: #fff !important;
    margin: 0;
}
.view-leadership .views-field-nothing div .read-more {
	background: #52c1ec;
    padding: 8px 30px;
    color: #fff;
    cursor: pointer;
}

.view-leadership  .details-view .results>span {
    padding: 40px;
    border-radius: 4px;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 10%);
    background-color: #fff;
    width: 100%;
    -moz-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 20px 0 rgb(0 0 0 / 10%);
    overflow: hidden;
    margin-bottom: 20px;
    display: block;
}
.view-leadership  .details-view {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10px 10px;
    display: none;
}

.view-leadership  .close-button {
    height: 25px;
    width: 25px;   
    cursor: pointer;
    top: 20px;
    right: 25px;
    position: absolute;
}
.view-leadership  .close-button {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px; 
}
.view-leadership .close-button:hover {
    opacity: 1;
}
.view-leadership .close-button:before, .view-leadership .close-button:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #013763;
}
.view-leadership .close-button:before {
    transform: rotate(45deg);
}
.view-leadership .close-button:after {
    transform: rotate(-45deg);
}

.view-leadership  .views-field.views-field-nothing-1 {
    display: none;
}
.view-leadership .title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 30px;
    font-family: 'Gustan-Bold';
}
.view-leadership .company-name {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    font-family: 'Gustan-Bold';
}
.view-leadership .views-field-nothing div .designation {
    margin-bottom: 20px;
    min-height: 60px;
    height: 60px;
    overflow: hidden;
}
.view-leadership  .views-field-nothing .details {
	height: 210px;
    padding: 10px;
}
.view-leadership  .horizontal {
    margin-bottom: 30px;
}
/*********Landing Page************/

@media (min-width: 1200px){
       .page-node-type-media-releases .container,
    .page-node-type-media-releases .node--type-media-releases,
    body.page-node-type-landing-page .container {
        width: 1220px;
    }
    body.page-node-type-landing-page .paragraph-id--54 .container.video-sesction {
        width: 1150px;
    }
}

.page-node-type-landing-page h1.js-quickedit-page-title.page-title{
    display: none;
}
.page-node-type-landing-page .whole-setion {
    padding: 40px 0;
}

body.page-node-type-landing-page {
    font-size: 14px;
}

.container.banner-bottom {
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 0px 15px !important;
}
body.page-node-type-media-releases .container.banner-bottom{
       margin-top: 0px;
}
body.page-node-type-landing-page  h1.page-titles {
    text-transform: uppercase;
    margin-top: 0;
    line-height: 20px;
    display: none;
}
body.page-node-type-landing-page .quick-link-section{
    background: #ddd;
    min-height: 450px;
}
body.page-node-type-landing-page .title-descriptiom-top{
    padding-left: 20px;
}

body.page-node-type-landing-page .quick-link-section h1.quick-link-title {
    border-bottom: 1px solid;
    margin: 15px 0;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

body.page-node-type-landing-page .field--name-field-quick-link .field__item {
    width: 31.8%;
    float: left;
    margin-bottom: 15px;
    margin-right: 8px;
}
body.page-node-type-landing-page .field--name-field-quick-link .field__item .field__item {
    width: 100%;
}

body.page-node-type-landing-page .field--name-field-quick-link .field__item:nth-child(3n) {
    margin-right: 0;
    position: relative;
}

body.page-node-type-landing-page  .field--name-field-quick-link .field__item:nth-child(3n):after {
    content: "";
    position: absolute;
    left: -268px;
    right: 0px;
    width: 396.66px;
    height: 1px;
    bottom: 0;
    background: #003862;
}

body.page-node-type-landing-page .field--name-field-quick-link .field__item img {
    width: 100%;
    height: auto;
}

body.page-node-type-landing-page .field--name-field-quick-link .field__item .field__item a {
    font-weight: bold;
    color: #003862;
    font-size: 11.5px;
    text-transform: capitalize;
}

/* About Us page */
.paragraph-id--16 .whole-setion .field--name-field-paragraphs.field--type-entity-reference-revisions,
.paragraph-id--23 .whole-setion .field--name-field-paragraphs.field--type-entity-reference-revisions{
    overflow: hidden;
    width: 1220px;
    margin: auto;
}

.paragraph-id--16 .whole-setion .field__item:first-child,
.paragraph-id--23 .whole-setion .field__item:first-child {
    width: 100% !important;
    float: none;
    height: auto !important;
    margin: 0;
    padding: 0;
    border: 0;
}
.paragraph-id--23 .whole-setion .field__item:first-child .container{
    background: transparent;
}
.paragraph-id--23 .whole-setion .field__item {
    width: 23% !important;
    float: left;
    max-height: 400px;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #15366b;
    position: relative;
    margin-right: 22px !important;
}
.paragraph-id--23  h1.title-text {
    margin-bottom: 15px;
    text-transform: uppercase;
}

.page-node-type-landing-page .pdf-links h4 span:after,
.two-column-layout .download-text:after {
    content: "";
    position: absolute;
    right: 0px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background:url(../images/download.png);
    background-size: 30px;
    top: -3px;
    transition: all 0.8s ease;
    background-repeat: no-repeat;
}

.page-node-type-landing-page .pdf-links h4 span:hover:after,
.two-column-layout .download-text:hover:after {
    transition: all 0.3s ease;
    background-position: 0% 80%;
    filter: opacity(50%);
}
.download-sesction h3.title-text:hover,
.download-text:hover{
    opacity: 0.8;
}

.download-listing  h3.download-text {
    margin-top: 15px;
    margin-bottom: 0;
}
.download-listinga h3{
    color: #fff;
}
.download-listing  a:hover{
    text-decoration: none;
}

body.page-node-type-media-releases section.page-header .container,
body.page-node-type-landing-page section.page-header .container {
    padding: 0;
}

.download-listing .viewrow::after {
    content: "";
    background-image: url(../images/sasol-icon-alt.png);
    background-size: cover;
    position: absolute;
    display: block;
    width: 75px;
    height: 75px;
    top: 7px;
    right: 8px;
}
.paragraph-id--23 .whole-setion .field__item .field__item {
    border: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    height: auto;
}

.paragraph-id--16 .whole-setion .field__item .field__item::after,
.paragraph-id--16 .whole-setion .field__item:first-child::after,
.paragraph-id--23 .whole-setion .field__item .field__item::after,
.paragraph-id--23 .whole-setion .field__item:first-child::after {
    content: "";
    background: none;
}

.title-description h1.title-text,
.title-subtitle-description h1.title-text {
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 22px;
}
.title-subtitle-description h3.sub-title-text {
    font-size: 18px;
    margin: 0 0px 15px;
    color: #2e2e2e;
}

/*.page-descriptiom p,
.title-description .description p,
.title-subtitle-description .description p {
    color: #2e2e2e;
}*/
.page-node-type-landing-page .description p:last-child {
    margin: 0;
}
.paragraph-id--40 .whole-setion .field--name-field-paragraphs.field--type-entity-reference-revisions{
    width: 1220px;
    overflow: hidden;
    margin: auto;
}

.title-short-description-box h5.title-text {
    font-size: 18px;
    margin-top: 15px;
    color: #000;
}

.whole-setion .title-short-description-box .sub-title-text {
    padding: 10px 30px;
    font-size: 17px;
    color: #000;
}

.paragraph-id--40 .whole-setion .field--name-field-paragraphs.field--type-entity-reference-revisions .field__item {
    width: 18%;
    float: left;
    overflow: hidden;
    min-height: 225px;
    background: #fff;
    margin-right: 29px;
    padding-top: 22px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 25%);
}
.paragraph-id--40 .whole-setion .field--name-field-paragraphs.field--type-entity-reference-revisions .field__item:nth-child(5) {
    margin-right: 0 !important;
    float: right;
}
.paragraph-id--40 .whole-setion .field--name-field-paragraphs.field--type-entity-reference-revisions .field__item .container.title-short-description-box {
    width: 100%;
    text-align: center;
}
.context-node-5120 footer#footer {
    margin-top: 0;
}

.paragraph-id--40 .whole-setion .field--name-field-paragraphs.field--type-entity-reference-revisions .field__item:last-child {
    width: 100%;
    height: unset;
    background: transparent;
    margin-top: 25px;
    margin-right: 0;
    padding: 0;
    box-shadow: none;
}

/*************************/
.page-node-type-landing-page .view-front-page-intergranted-reports{
    border-bottom:0px;
    padding-bottom: 0px;
}
.page-node-type-landing-page  .view-front-page-intergranted-reports .pdf-links {
    width: 23.7% !important;
    margin-right: 20px !important;
}
.page-node-type-landing-page  .pdf-links .field-content {
    padding: 15px;
}
.page-node-type-landing-page  .view-front-page-intergranted-reports .pdf-links {
    max-height: 400px;
    padding: 15px;
    height: auto; 
}
.page-node-type-landing-page .pdf-links .field-content {
    padding: 50px 15px;
    max-height: 365px;
}

.page-node-type-landing-page .view-front-page-intergranted-reports .field-content:after {
    width: 70px;
    height: 70px;
}

.page-node-type-landing-page .pdf-links h4 {
    margin-top: 0px;
    padding-top: 40px;
    min-height: 275px;
}

.page-node-type-landing-page .pdf-links h4 span {
    bottom: 40px;
}

.page-node-type-landing-page #footer.light { 
    margin-top: 0;
}

.paragraph-id--16 .whole-setion .field__item:first-child .container{
    background: transparent;
}
.paragraph--type--section h1.title-text {
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 25px;
}

.paragraph-id--16 .whole-setion .field__item .container {
    width: 100%;
    background: #15366b;
}

.paragraph-id--16 .whole-setion .field__item {
    width: 49% !important;
    float: left;
    max-height: 400px;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #15366b;
    position: relative;
    margin-right: 22px !important;
}
.paragraph-id--16 .whole-setion .field__item .container h3.title-text {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: normal;
    color: #fff;  
    text-transform: unset;
    padding-right: 130px;
}
.paragraph-id--16 .download-sesction {
    padding: 15px 15px;
}

.paragraph-id--16 .download-text {
    padding-top: 10px;
    font-size: 12px;
}
.two-column-layout .download-sesction {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}
.two-column-layout .download-sesction .viewrow {
    flex: 1 49.5%;
    flex-grow: 0;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #15366b;
    position: relative;
}
.two-column-layout .viewrow-data {
    position: relative;
    z-index: 1;
    background: #15366b;
    padding: 5px 15px 45px;
}
.two-column-layout .viewrow a.download-text-link {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
    padding: 10px 25px;
}
.two-column-layout .download-sesction .viewrow:before {
    content: "";
    position: absolute;
    width: 97%;
    height: 85%;
    background: #15366b;
    top: 0px;
    left: 0px;
    margin: auto;
    z-index: 1;
    right: 0px;
    bottom: 0px;
}
.two-column-layout .download-sesction .viewrow:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0px;
    left: 0px;
}
.two-column-layout .download-sesction h3.title-text {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: normal;
    color: #fff;
    text-transform: unset;
    padding-right: 100px;
}
.two-column-layout .viewrow .download-text {
    color: #fff;
    position: relative;
    font-size: 12px;
    padding: 10px 15px 5px 0;
}
.two-column-layout .viewrow .download-text:after {
    top: 3px;
}
.two-column-layout .viewrow a {
    color: #fff;
    background: #15366b;
    display: block;
    padding: 5px 10px;
}
.two-column-layout .download-sesction .viewrow:before {
    width: auto;
    height: 85%;
    content: "";
    position: absolute;
    background: #15366b;
    top: 0px;
    left: 10px;
    margin: auto;
    z-index: 1;
    right: 10px;
    bottom: 0px;
}


.download-listing .download-sesction {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}
.download-listing .download-sesction .viewrow {
    flex: 1 15%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #15366b;
    position: relative;
    min-height: 350px;
    max-width: 15.8%;
}

.download-listing .viewrow .viewrow-data {
    background: #15366b;
    position: relative;
    padding: 10px 8px;
    height: 100%;
}
.download-listing .viewrow h3.title-text {
    font-size: 16px;
    margin-bottom: 0;
    padding-top: 75px;
    font-weight: normal;
    min-height: 200px;
    color: #fff;
}

.download-listing  .download-text {
    margin-top: 50px;
    border-top: 1px solid #ffffff;
    display: block;
    width: 90%;
    position: absolute;
    bottom: 15px;
    padding-top: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
    font-family: "Gustan-Bold" !important;
}

/*****************/
/*
.slick-center {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    opacity: 1;
    transform: scale(1.25);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 25%);
}
.view-historical-milestones-slider {
    padding: 0px 20px;
}
.view-historical-milestones-slider .slick-slide {
    background: #003862;
    padding: 40px 40px;
    margin: 0px 20px
}
*/

  .slider {
    position: relative;
    z-index: 200;
    padding: 0 0px;
    margin: 5rem auto;
    max-width: 100%;
    width: 100%;
  }
  
  .slick-arrow {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    border: none;
    background: transparent;
    color: #fff;
    font-family: monospace;
    font-size: 5rem;
    z-index: 300;
    outline: none;
  }
  
  .slick-prev {
    left: -50px;
    text-align: left;
  }
  
  .slick-next {
    right: -50px;
    text-align: right;
  }

  .wrap .slick-slide {
    width: 600px;
    transition: transform .4s;
    position: relative; 
  }
  
  .slick-slide:after {
    content:'';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #15366bd6;
    transition: transform .4s;
  }
  .view-home-rotating-banner .slick-slide:after{
    content: unset;
  }

  .view-home-rotating-banner .slick-arrow {
    line-height: 30px;
    font-size: 0px;
  }
  .view-home-rotating-banner button.slick-prev.slick-arrow:after {
    content: "<";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 80px;
    border-radius: 50%;
    background: #003862;
    opacity: 1;
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 5px 13px;
    font-size: 22px;
}

.view-home-rotating-banner button.slick-next.slick-arrow:after {
    content: ">";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 80px;
    border-radius: 50%;
    background: #003862;
    opacity: 1;
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 5px 13px;
    font-size: 22px;
}
  
.view-home-rotating-banner  ul.slick-dots {
    position: absolute;
    z-index: 999;
    top: 80%;
    left: 85px;
}
.view-home-rotating-banner  .slick-dots li {
    display: inline-block;
}
.view-home-rotating-banner ul.slick-dots li button {
    color: unset; 
    border: unset; 
    outline: unset;
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 0.5;
    margin: 5px 4px;
}
.view-home-rotating-banner ul.slick-dots li button:hover {
    opacity: 0.8;
}
.view-home-rotating-banner ul.slick-dots li.slick-active button {
    background: #fff;
    opacity: unset;
}
.view-home-rotating-banner ul.slick-dots li button:before {
    display: none;
}

  .wrap .slick-slide {
    transform: scale(0.7)  translate(640px);
  }
  
  .wrap .slick-slide.slick-center + .slick-slide {
    transform: scale(0.8) translate(-250px);
    z-index: 10;
  }
  
  .wrap .slick-slide.slick-center + .slick-slide + .wrap .slick-slide {
    transform: scale(0.7)  translate(-640px);
    z-index: 5;
  }
  
  .wrap .slick-slide.slick-active {
    transform: scale(0.8) translate(250px);
  }
  
  .wrap .slick-slide.slick-center {
    /* margin: 0 -10%; */
    transform: scale(1);
    z-index: 30;
    overflow: hidden;
    background: #15366b;
    color: #fff;
  }

   .wrap .slick-slide.slick-center .item {
        position: relative;
        z-index: 11;
        color: #fff;
    }
    .wrap .slick-slide .item .body p {
        color: #fff;
        position: relative;
        z-index: 1000;
        padding-bottom: 15px;
        border-bottom: 1px solid #fff;
        font-size: 16px;
    }

    .wrap .slick-slide .item .title {
        position: relative;
        z-index: 1000;
        color: #fff;
        font-size: 44px;
    }
    .read-more a {
        color: #fff;
        font-size: 18px;
    }
    .wrap .slick-slide .item {
       padding: 25px;
    }
  
  .slick-center:after {
    opacity: 0;
  }

.view-historical-milestones-slider .views-field.views-field-title {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin: 0px 0 8px;
}
.view-historical-milestones-slider .views-field.views-field-body p {
    color: #fff;
    font-size: 14px;
}

.view-historical-milestones-slider  .views-field.views-field-body {
    border-bottom: 1px solid #fff;
}
.view-historical-milestones-slider .views-field.views-field-view-node a {
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
    display: block;
    text-decoration: unset;
}
.view-historical-milestones-slider .views-field.views-field-view-node a:hover{
    opacity: 0.8;
}
.view-historical-milestones-slider  .slick-prev.slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -40px;
    z-index: 999;
    background: #fff url(../images/arrow-left.png);
    background-size: 27px;
    font-size: 0px;
    width: 30px;
    height: 34px;
    border: 0px;
}
.view-historical-milestones-slider .slick-next.slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -40px;
    z-index: 999;   
    background:url(../images/arrow-right.png);
    background-size: 27px;
    font-size: 0px;
    width: 30px;
    height: 34px;
    border: 0px;
}


@media (min-width: 975px) {
    .view-front-page-intergranted-reports .pdf-links {
        width: 16% !important;
        margin-right: 7px !important;
    }

    .view-front-page-intergranted-reports .pdf-links:last-child {
        margin-right: 0 !important;
    }

    .view-equities-indices-view .views-view-grid .views-col.col-3,
    .view-equities-indices-view .views-view-grid .views-col.col-2,
    .view-equities-indices-view .views-view-grid .views-col.col-1 {
        width: 32% !important;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    
    .view-equities-indices-view .views-view-grid .views-col.col-3 ,
    .view-equities-indices-view .views-view-grid .views-col:last-child {
        margin-right: 0 !important;
    }
}

/***************/
.tb-megamenu {
    background-color: #e2ebf0;
}
.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #003862;
    border-bottom-color: #003862;
    margin-top: 8px;
}
.tb-megamenu .nav > li > a, .tb-megamenu .nav > li > span.tb-megamenu-no-link {  
    color: #0f3456;
}
ul.nav > li.dropdown > a:after,
.tb-megamenu .nav [class^="fa-"], .tb-megamenu .nav [class*=" fa-"] {
    display: none;
}
.tb-megamenu .nav > li > a, .tb-megamenu .nav > li > span.tb-megamenu-no-link{
    border-right: 0px;
}
.header-container.header-nav.header-nav-bar,
.header-container.header-nav.header-nav-bar .container {
    padding: 0 !important;
}
.tb-megamenu .nav > li > a, .tb-megamenu .nav > li > span.tb-megamenu-no-link {
    padding: 10px 17px;
}
.tb-megamenu .dropdown-menu{
    border-bottom: none;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
    background-color: #e2ebf0 ;
    color: #0f3356;
}
.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover, .tb-megamenu .nav > li > span.tb-megamenu-no-link:focus, .tb-megamenu .nav > li > span.tb-megamenu-no-link:hover {
    background-color: #e2ebf0;
    color: #003862;
    text-decoration: none;
    text-shadow: none;
    outline: none;
}
.tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu li > a:focus, .tb-megamenu .dropdown-submenu:hover > a, .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:hover, .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:focus, .tb-megamenu .dropdown-submenu:hover > span.tb-megamenu-no-link{
    color: #0f3356;
    opacity: 0.8;
}
.tb-megamenu .nav {
    margin-bottom: 10px;
}

.tb-megamenu .mega.open > .mega-dropdown-menu, .tb-megamenu .mega.dropdown-submenu:hover > .mega-dropdown-menu {
    margin-top: 10px;
}

.tb-megamenu-row.row-fluid {
    width: 675px;
}

.about-sasol .tb-megamenu-row.row-fluid div#tb-megamenu-column-4 {
    float: right;
    background: #e2ebf2;
    min-height: 415px;
    padding: 25px 25px 25px 40px;
}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover, .tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover {
    background-color: #ffffff;
    border-color: #fff;
    color: #10385d;
}

.about-sasol div#tb-megamenu-column-15 {
    padding-top: 25px;
}
.about-sasol  h1 {
    margin-bottom: 10px;
}
.about-sasol p {  
    margin: 0 0 10px;
}
.tb-megamenu .tb-block {
    margin-bottom: 0;
}

.tb-megamenu .mega-inner {
    padding: 10px;
    padding-bottom: 0;
}

/*.mega-dropdown-inner  #tb-megamenu-column-2 li:before{
    content: "";
    width: 5px;
    height: 5px;
    background: #000;
    display: block;
    border-radius: 50%;
    position: absolute;   
    left: -25px;
    top: 14px;
}*/

 .tb-megamenu .about-sasol .mega-nav > li:first-child > a,
 .tb-megamenu .about-sasol .dropdown-menu .mega-nav > li:first-child > a, 
 .tb-megamenu .about-sasol .mega-nav > li:first-child > span.tb-megamenu-no-link, 
 .tb-megamenu .about-sasol .dropdown-menu .mega-nav > li:first-child > span.tb-megamenu-no-link{
    padding: 5px 0px;
 }
 .tb-megamenu .nav > li > a, .tb-megamenu .nav > li > span.tb-megamenu-no-link {
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
}
.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus, .tb-megamenu .nav > .active > span.tb-megamenu-no-link, .tb-megamenu .nav > .active > span.tb-megamenu-no-link:hover, .tb-megamenu .nav > .active > span.tb-megamenu-no-link:focus {
    background-color: unset;
    color: #0f3456;   
}

.tb-megamenu .mega-nav > li, .tb-megamenu .dropdown-menu .mega-nav > li {  
    position: relative;
}

.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover, .tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link, .tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link:hover{
    background-color: unset;
    color: #0f3456;
    background-image:unset;
}
.tb-megamenu .suppliers .dropdown-menu {
    left: -100px;
}
.tb-megamenu .media-center .dropdown-menu{
    left: -320px;
}
.tb-megamenu .media-careers .dropdown-menu{
    left: -220px;
}
.download-listing .download-text:after {
    content: "";
    position: absolute;
    right: 0px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../images/download.png);
    background-size: 30px;
    transition: all 0.8s ease;
    background-repeat: no-repeat;
}
.download-listing .download-text:hover:after {
    transition: all 0.3s ease;
    background-position: 0% 80%;
    filter: opacity(50%);
}

.context-about-us-leadership .page-header .row,
.page-node-type-landing-page .page-header .row {
    float: left;
}

.context-about-us-leadership .col-md-12,
.page-node-type-landing-page .col-md-12,
.context-about-us-leadership .col-md-12.page-title,
.page-node-type-landing-page .col-md-12.page-title{
    padding: 0px;
}
.context-about-us-leadership .page-header h1,
.context-about-us-leadership  .col-md-12.page-title h1,
.page-node-type-landing-page .col-md-12.page-title h1 {
    margin: 0px;
    font-size: 16px;
   /* background: #0088cc;*/
    border: none;
    padding: 2px 25px !important;
    border-right: 0;
    color: #fff!important;
}

.context-about-us-leadership .page-header,
.page-node-type-landing-page  .page-header {
    margin: 15px 0 0 0 !important;
    padding-bottom: 0;
}
.slick-slider{
    z-index: 1;
}
.context-investor-centre-sustainability-reporting .page-header,
.context-investor-centre-shareholder-information .page-header,
.context-who-we-are-historical-milestones  .page-header {
    padding-bottom: 25px;
}
.page-node-type-media-releases  .block-page-title-block h1.page-title,
.context-about-us-leadership .block-page-title-block h1.page-title,
.page-node-type-landing-page .block-page-title-block h1.page-title {
    display: none;
}
.context-about-us-leadership .page-header .row,
.page-node-type-landing-page .page-header .row {
    float: left;
    position: relative;
    margin: 0px;
}
.page-node-type-landing-page .paragraph-id--1181 .whole-setion {
    padding-bottom: 0;
}
.paragraph-id--2492  .whole-setion{
    padding-top: 0;
}


.paragraph-id--1744 .container.title-description {
    width: 1100px;
    background: white;
    position: relative;
    margin-top: -350px;
    overflow: hidden;
    padding: 60px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 25%);
}
.full-width-image img {
    width: 100%;
    height: auto;
}
.title-description-image .left-area {
    padding-left: 0;
}
.title-description-image .right-area {
    padding-right: 0;
}
.title-description-image .right-area img{
    width:100%;
    max-width:100%;
    height: auto;
}

.context-contact-us .paragraph--type--section .whole-setion {
    background: #e4e9ed;
}
.view-contact-details .views-field-title .field-content a {
    font-size: 16px;
    font-weight: normal;
    color: #003862;
    font-family: "Gustan-Bold" !important;
}
.page-node-type-landing-page .ui-accordion .ui-accordion-header {
    margin: 0px 0 0 0;
    border-radius: 0px;
    border: 0;
    border-bottom: 1px solid #003862;
    background: #e4e9ed;
    padding: 15px 0px;
}
.page-node-type-landing-page .ui-accordion .ui-accordion-header.ui-accordion-header-active{
      border-bottom: 0px;
}
.page-node-type-landing-page .ui-accordion .ui-accordion-content {
    background: #e4e9ed;
    border: 0px;
    height: auto !important;
}
.description .physical {
    width: 25%;
    float: left;
    overflow: hidden;
}
#ui-id-2 .description .physical {
    display: block;
}
.page-node-type-landing-page  h3.label {
    display: inline-block;
    color: #003862;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.page-node-type-landing-page  .description .postal {
    width: 25%;
    float: left;
    overflow: hidden;
}
.page-node-type-landing-page  .description .designation,
.page-node-type-landing-page  .description .name,
.page-node-type-landing-page  .description .tel {
    width: 25%;
    float: left;
    overflow: hidden;
}
.page-node-type-landing-page #ui-id-2 .description .postal {
    display: block;
}
.page-node-type-landing-page  .description .fax {
    width: 25%;
    float: left;
    overflow: hidden;
}

#ui-id-2 .designation,
div#ui-id-2 .name,
.context-contact-us .container.banner-bottom {
    display: none;
}
.page-node-type-landing-page.context-contact-us .page-header {
    padding-bottom: 20px;
}
.page-node-type-landing-page .map img {
    width: 100%;
    padding: 30px 0px;
    height: auto;
}
.page-node-type-landing-page .views-row .ui-icon {
    background-image: url(../images/right.jpg);
    width: 26px;
    height: 20px;
    background-size: 20px;
    background-position: -6px -4px;
}
.page-node-type-landing-page .ui-accordion-header-active .ui-icon  {
    background-image: url(../images/down.jpg);
    width: 26px;
    height: 20px;
    background-size: 20px;
    background-position: -2px -3px;
}
body.page-node-type-landing-page .col-sm-12.title-descriptiom-top {
    padding: 0 !important;
}
.paragraph--type--social-link {
    width: 1220px;
    margin: auto;
    overflow: hidden;
}
.paragraph--type--social-link .field--type-link {
    width: 20%;
    float: left;
    padding: 20px 0;
    overflow: hidden;
    text-align: center;
}
.paragraph--type--social-link .field--type-link a {
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
    color: #003862;
}

.paragraph--type--social-link .field--type-link a:before {
    content: "";
    width: 200px;
    height: 200px;
    display: block;
    margin: auto;
    border-radius: 50%;
    margin-bottom: 20px;
}

.paragraph--type--social-link .field--type-link.field--name-field-facebook        a:before{
     background-image: url(../images/facebook.png);
     background-size: 100%;
}
.paragraph--type--social-link .field--type-link.field--name-field-twitter         a:before{
     background-image: url(../images/twitter.png);
     background-size: 100%;
}
.paragraph--type--social-link .field--type-link.field--name-field-youtube        a:before{
     background-image: url(../images/youtube.png);
     background-size: 100%;
}
.paragraph--type--social-link .field--type-link.field--name-field-linkedin       a:before{
     background-image: url(../images/linkedin.png);
     background-size: 100%;
}
.paragraph--type--social-link .field--type-link.field--name-field-instagram       a:before{
     background-image: url(../images/instagram.png);
     background-size: 100%;
}

.paragraph--type--content-with-newsletter{
    width: 1220px;
    margin: auto;
    overflow: hidden;
}
.block-simplenews-subscription-block {
    float: right;
    background: #113a5f;
    padding: 20px 30px;
    width: 430px;
    margin-left: 40px;
}

.paragraph--type--content-with-newsletter .field--name-field-title {
    color: #003862;
    font-family: "Gustan-Bold" !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 2.2em;
    font-weight: 300;
    line-height: 42px;
    margin: 0 0 32px 0;
}
.context-media-centre-press-release .container.banner-bottom,
.context-press-release .container.banner-bottom,
.context-media-centre .container.banner-bottom {
    display: none;
}
.block-simplenews-subscription-block .form-type-email input,
.block-simplenews-subscription-block .field--name-field-name-surname- input{
    padding: 30px 15px;
    border-radius: 0;
    outline: none;
    background:#fff;
}
.block-simplenews-subscription-block .form-type-email input::placeholder,
.block-simplenews-subscription-block .field--name-field-name-surname- input::placeholder {
    color: #2e2e2e;
    font-size: 14px;
    font-weight: 500;
    font-family: "Gustan-Bold";
}
.simplenews-subscriber-form h2 {
    color: #fff;
}
.simplenews-subscriber-form .form-actions {
    position: unset;
    bottom: 0;
    right: 0;
    padding: 15px 0 0;
}

.simplenews-subscriber-form .form-actions input#edit-submit {
    border-radius: 0px;
    color: #113a5f;
    background: #fff;
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 15px;
    padding: 6px 23px;
    height: 40px;
    color: #2e2e2e;
}
/*************/
.context-media-centre-media-contacts .container.banner-bottom {
    margin-top: 30px;
    margin-bottom: 0;
}
.page-node-type-landing-page .block-views h2 {
    margin-bottom: 30px;
    background: #003862;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    padding: 5px 25px;
}

.view-contact-details table {
    background-color: transparent;
    width: 100%;
    overflow: hidden;
    margin: 0px 0px 20px;
}
.view-contact-details  .views-table caption {
    display: none;
}
.view-contact-details table th {
    text-align: left;
    width: 25%;
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 14px;
    padding: 10px 20px 10px 0;
    color: #003862;
}
.view-contact-details.view-display-id-block_15 table tr td,
.view-contact-details.view-display-id-block_15 table th {
    width: 20%;
}
.view-contact-details .views-field-field-n-contacts-physical-add p{
    margin: 0px;
}
.view-contact-details tr {
    border-bottom: 1px solid #003862;
}

.view-contact-details table tr td {
    width:25%;
    padding: 10px 20px 10px 0;
    color: #003862;
    word-break: break-all;
}

/*************/

.paragraph--type--title-image-list .field--name-field-title-image-link {
    width: 95%;
    margin: auto;
    overflow: hidden;
}

body.page-node-type-landing-page.context-investor-centre .content-area .field--name-field-paragraph>.field__item:nth-child(2) .container {
    width: 95%;
}
.paragraph--type--title-image-list .field--name-field-title-image-link>.field__item {
    float: left;
    overflow: hidden;
    width: 32.1%;
    margin: 0px 15px 15px 0;
    position: relative;
}

.paragraph--type--title-image-list .field--name-field-title-image-link>.field__item:nth-child(4),
.paragraph--type--title-image-list .field--name-field-title-image-link>.field__item:nth-child(5) {
    width: 48.7%;
    margin-bottom: 0;
}
.paragraph--type--title-image-list  .field--name-field-image img{
    width:100%;
    height:auto;
    transition: 0.5s all ease-in-out;
    min-height: 242px;
}
.paragraph--type--title-image-list  .field--name-field-image img:hover{
    transform: scale(1.5);
}
.paragraph-id--882 .paragraph--type--title-image-list .field--name-field-title-image-link>.field__item{
    width: 23.8%;
    margin: 0px 15px 15px 0;
}

.paragraph--type--title-image-list .field--name-field-title-with-link{
    position: absolute;
    bottom: 0;
    padding: 20px;
    width: 100%;
    height: 40%;
    background: rgb(0,56,98);
    background: linear-gradient(0deg, rgba(0,56,98,1) 0%, rgba(0,0,0,0) 47%);
    z-index: 1;
}

.paragraph--type--title-image-list .field--name-field-title-with-link a {
    position: absolute;
    bottom: 20px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    font-family: "Gustan-Bold";
    width: 100%;
    padding-right: 80px;
}
.paragraph--type--title-image-list .field--name-field-title-with-link a:hover {
   text-decoration:none;
}
.paragraph--type--title-image-list .field--name-field-title-with-link a:after {
    content: "";
    background-image: url(../images/sasol-arrows.png);
    width: 21px;
    height: 36px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    font-family: "Gustan-Bold";
    position: absolute;
    display: block;
    bottom: 0;
    right: 50px;
}

.item-list ul.quicktabs-tabs {
    padding-top: 20px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.item-list ul.quicktabs-tabs li {
    margin: 0;
    padding: 0;
    border-right: 1px solid #fff;
    position: relative;
    flex: 1;
}
.item-list ul.quicktabs-tabs li:last-child {
    border: 0px;
}

ul.quicktabs-tabs li a.quicktabs-loaded {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
    padding: 15px 40px;
    background: #113a5f;
    display: block;
    text-align: center;
}
ul.quicktabs-tabs li.active a {
    background: #00adef;
}
ul.quicktabs-tabs li a.quicktabs-loaded:hover {
    text-decoration: none;
}
ul.quicktabs-tabs li.active:after {
    content: "";
    width: 88px;
    height: 20px;
    position: absolute;
    right: 0px;
    margin: auto;
    left: 0;
    z-index: 9;
    top: 50px;
    background-image: url(../images/down-active.png);
    background-size: 100%;
}
.view-press-release {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 50px 20px 0px;
}
.view-press-release .views-row {
    width: 50%;
    float: left;
    overflow: hidden;
    padding-right: 35px;
}
.view-press-release .press-release-listing {
    min-height: 240px;
    height: 240px;
}
.view-press-release .views-row  .imagebox {
    width: 33%;
    float: left;
}
.view-press-release .views-row  .title a {
    color: #113a5f;
    font-size: 16px;
    font-weight: 500;
    font-family: "Gustan-Bold";
}
.view-press-release .views-row .body p {
    margin-top: 10px;
    color: #000;
}
.view-press-release .views-row .date {
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
    color: #000;
}

.block-quicktabs-blockmedia-gallery ul.quicktabs-tabs li a.quicktabs-loaded {
    width: 24.45%;
}

.block-quicktabs-blockmedia-gallery .quicktabs-main {
    margin-top: 25px;
}

.view-media-gallery .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    flex-basis: 0;
}

.view-media-gallery .view-content .views-row {
    flex: 1 23%;
    max-width: 23%;
    background: #fff;
    margin: 1% 0px;
}
.view-media-gallery .view-content .views-row .views-field {
    padding: 0px 20px 15px;
        color: #1a1b40;
    font-size: 14px;
}
.view-media-gallery .view-content .views-row .views-field.views-field-field-low-resolution-image-1 {
    padding: 0px;
        text-align: center;
}
.view-media-gallery .view-content .views-row .views-field.views-field-title {
    padding: 10px 20px 15px;
    font-weight: bold;
    font-size: 18px;
    color: #1a1b40;
}
.view-media-gallery .view-content .views-row .field-content a {
    color: #1a1b40;
}
.view-media-gallery .view-content .views-row .views-field.views-field-field-high-resolution-image {
    padding-bottom: 0px;
}

.view-media-gallery .view-content .views-row .views-field.views-field-field-high-resolution-image a,
.view-media-gallery .view-content .views-row .views-field.views-field-field-low-resolution-image a {
    display: block;
        text-decoration: none;
    background-image: url(../images/download-icon.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    transition: all 0.8s ease;
    filter: contrast(160%);
}
.view-media-gallery .view-content .views-row .views-field.views-field-field-high-resolution-image a:hover,
.view-media-gallery .view-content .views-row .views-field.views-field-field-low-resolution-image a:hover {
    transition: all 0.3s ease;
    background-position: 100% 80%;
    filter: opacity(50%);
}
.view-media-gallery .view-empty {
    font-size: 25px;
    text-align: center;
    padding: 25px 20px;
}
h1#application {
    padding-top: 10px;
}
/***************/
.download-table {
    width: 1220px;
    margin: auto;
    padding-top: 10px;
}
.download-table  h1.title {
    text-transform: uppercase;
    margin-bottom: 10px;
}
.download-table  .row-data-link {
    padding: 15px 0px;
    border-bottom: 1px solid #003862;
}
.download-table  .row-data-link  .description {
    display: inline-block;
    font-size: 16px;
}
.download-table  .row-data-link  a.download-text-link {
    text-align: right;
    float: right;
}
/***********/
.paragraph--type--share-price {
    width: 95%;
    margin: auto;
    border: 1px solid #003862;
}
.paragraph--type--share-price .field--name-field-share-price-title,
.paragraph--type--announcement-listing .field--name-field-title{
    text-align: center;
    background: #003862;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
}

.paragraph--type--announcement-listing .views-field-title a{
    background: #fff;
    margin: 0;
    padding: 0px 100px 17px 0px;
    border-bottom: 1px solid #003862;
    color: #2e2e2e;
}

.paragraph--type--announcement-listing .field--name-field-add-description>.field__item:last-child .paragraph--type--description p{
    border: 0 !important;
}

.paragraph--type--announcement-listing ul.sasol-sens-list li {
    line-height: normal;
    background: #fff;
    margin: 0;
    padding: 17px 100px 17px 20px;
    color: #2e2e2e;
}

.paragraph--type--button {
    width: 1220px;
    margin: auto;
    padding: 20px 0 20px;
}
.paragraph--type--button .field--name-field-cta-link a {
    background: #003862;
    text-transform: capitalize;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    text-decoration: none;
}
.paragraph--type--button .field--name-field-cta-link a:hover {
   opacity:0.8;
}
/****************/
.paragraph--type--announcement-listing,
.paragraph--type--announcement-listing,
.tab-contents {
    width: 1220px;
    margin: auto;
}
.tab-contents .tab-content {
    border-radius: 0px;
    padding: 35px 20px 20px;
}
.tab-contents .nav-pills{
    display: flex;
    flex-wrap: wrap;
}
.tab-contents .nav-pills>li {
    flex: 1 10%;
    text-align: center;
    background: #003862;
    margin:0px;
    position: relative;
}
.tab-contents  ul.nav-pills > li.active > a {
    background-color: #00adf0;
}
.tab-contents  .nav-pills>li.active:after {
    content: "";
    width: 88px;
    height: 20px;
    position: absolute;
    right: 0px;
    margin: auto;
    left: 0;
    z-index: 9;
    background-image: url(../images/down-active.png);
    background-size: 100%;
}
.tab-contents  .nav-pills>li>a {
    border-radius: 4px;
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px;
    color: #fff;
    border-radius: 0px;
    min-height: 78px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.tab-contents  ul.nav-pills > li.active > a:hover, 
.tab-contents  ul.nav-pills > li.active > a:focus {
    background-color: #00adef;
}
.tab-contents .nav .open>a, 
.tab-contents .nav .open>a:focus,
.tab-contents .nav .open>a:hover {
    background-color: unset;
    border-color: unset;
}

/***********/
.tab-contents.two-column {
    border: 1px solid;
        border-bottom: 0px;
}

.tab-contents.two-column .tab-content {
    padding: 0;
    border: 0;
}
.tab-contents.two-column  ul.nav-pills > li > a {
    border-right: 1px solid;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-contents.two-column ul.nav-pills > li:last-child > a {
    border-right: 0px;
}
.tab-contents.two-column .nav-pills>li.active:after{
    content:unset;
}
.tab-contents.two-column .tab-content>.active {
    display: flex;
    flex-wrap: wrap;
}
.tab-contents.two-column .tab-content .row-data {
    border-bottom: 1px solid;
    border-right: 1px solid !important;
    overflow: hidden;
    padding: 15px 25px;
    flex: 1 50%;
}

.tab-contents.two-column .tab-content .row-data:nth-child(even) {
    border-right: 0 !important;
}
.share-price-lists .field--label-above:last-child>div {
        border-bottom: 0px !important;
}

.tab-contents.two-column .tab-content .row-data:last-child {
        border-right: 0px !important;
}

/***********/
body.investor-centre .paragraph--type--title-image-list .field--name-field-title-image-link>.field__item {
    width: 24%;
    margin-bottom: 1%;
    margin-right: 1%;
}
body.investor-centre .paragraph--type--title-image-list .field--name-field-title-image-link>.field__item:nth-child(4) {
  margin-right: 0px !important;
}
body.investor-centre .paragraph--type--title-image-list .field--name-field-title-image-link>.field__item:nth-child(4), body.investor-centre .paragraph--type--title-image-list .field--name-field-title-image-link>.field__item:nth-child(5) {
  width: 24%;
  margin-bottom: 1%;
}
body.investor-centre .paragraph--type--title-image-list  .field--name-field-image img {
  width: 100%;
  height: auto;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
body.investor-centre .paragraph--type--title-image-list  .field--name-field-image img:hover{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

/**********/
.share-price-lists {
    width: 100%;
    overflow: hidden;
}
.share-price-lists .field--label-above>div {
   width: 50%;
    float: left;
    border-bottom: 1px solid;
    border-right: 1px solid !important;
    overflow: hidden;
    padding: 15px 25px;
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
    color: #2e2e2e;
    background: #fff;
}
.share-price-lists .field--label-above .field__item {
    border-right: 0 !important;
}

/***************/
.paragraph--type--key-contact-lists {
    width: 1220px;
    margin: auto;
    background: #fff;
    padding: 25px 30px 0px;
}

.paragraph--type--key-contact-lists .field--name-field-key-contacts-heading {
    font-size: 16px;
    font-weight: bold;
    font-family: "Gustan-Bold";
    text-transform: capitalize;
    border-bottom: 1px solid #003862;
    padding-bottom: 15px;
}
.block-quicktabs-blockshareholder-information .quicktabs-main {
  padding: 40px 40px 65px;
  background: #fff;
}
.share-price {
  overflow: hidden;
  width: 100%;
  display: flex;
}
.share-price .sharepricecontens {
  padding: 15px 20px;
}
.share-price .left-contents {
  border-right: 1px solid #003862;
  max-width: 50%;
}
.share-price .sharepricecontens .tops-content {
  display: flex;
  text-align: center;
  position: relative;
  min-height: 220px;
  display: none;
}
.share-price .sharepricecontens .tops-content:after {
  content: "";
  position: absolute;
  top: 50px;
  left: 0px;
  right: 0px;
  width: 1px;
  height: 150px;
  background: #003862;
  margin: auto;
}
.share-price .sharepricecontens .tops-content>div {
  flex: 1;
}

.share-price .sharepricecontens h2 {
  font-size: 16px;
  margin-bottom: 0px;
  line-height: 25px;
}
.share-price .sharepricecontens h2.title {
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #003862;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.share-price .sharepricecontens h2.title span:last-child {
  float: right;
}
.context-investor-centre .container.banner-bottom {
    margin-bottom: 0px;
}
#quicktabs-container-shareholder_information img {
    max-width: 100%;
    height: auto;
    width: 100%;
}
.block-quicktabs-blockshareholder-information .field--name-field-title {
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
    border-bottom: 1px solid #113a5f;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.view-dividend-information table{
    width:100%;
}
.view-dividend-information  th {
    text-align: left;
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
    color: #2e2e2e;
    width: 20%;
    padding: 5px 0;
}
.view-dividend-information td {
    width: 20%;
    padding: 5px 0;
}

.description-with-link .row-data {
    float: left;
    width: 95%;
    padding-top: 10px;
}
.description-with-link .row-data-link {
    padding-top: 10px;
    padding-bottom: 25px;
}
.description-with-link.tab-contents .nav-pills>li {
    border-right: 1px solid #fff;
}
.description-with-link.tab-contents .nav-pills>li:last-child {
    border: 0;
}

.description-with-link .row-data-link {
    padding-top: 10px;
    padding-bottom: 25px;
    width: 5%;
    float: right;
}

.view-sasol-latest-sens .views-field-field-upload-file a,
.view-sustainability-reporting .views-field.views-field-field-upload-file a,
.download-table  .row-data-link  a.download-text-link,
.description-with-link a.download-text-link {
    font-size: 0px;
    position: relative;
}
.view-sasol-latest-sens .views-field-field-upload-file a:after,
.view-sustainability-reporting .views-field.views-field-field-upload-file a:after,
.download-table  .row-data-link  a.download-text-link:after,
.description-with-link .row-data-link a.download-text-link:after {
    top: -13px;
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -50px;
    background-image: url(../images/down-arrow.png);
    background-size: 16px;
    background-repeat: no-repeat;
    transition: all 0.8s ease;
    filter: contrast(160%);
}

.download-table  .row-data-link  a.download-text-link:after{
    top: -2px; 
    right: 0px;
}
.view-sustainability-reporting .views-field.views-field-field-upload-file a:after{
    top: -10px; 
    right: 0px;
}
.view-sasol-latest-sens .views-field-field-upload-file a:hover:after,
.view-sustainability-reporting .views-field.views-field-field-upload-file a:hover:after,
.download-table  .row-data-link  a.download-text-link:hover:after,
.description-with-link .row-data-link a.download-text-link:hover:after {
    transition: all 0.3s ease;
    background-position: 0% 80%;
    filter: opacity(50%);
}

/******************/
.key-contact-listings h2.title-heading {
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
    border-bottom: 1px solid;
}
.key-contact-listings table {
    width: 100%;
    margin: 30px 0;
}
.key-contact-listings table th {
    font-size: 16px;
    font-family: "Gustan-Bold";
    color: #0e3151;
}
.key-contact-listings table  td{
    padding: 0;
    font-size: 16px;
    color: #0e3151;
}

.key-contact-listings .helpuswrap {
    padding: 30px 0;
    border-bottom: 1px solid;
    border-top: 1px solid;
}

.key-contact-listings .helpuswrap .helpheading {
    font-size: 16px;
    color: #2e2e2e;
    padding-bottom: 20px;
    text-transform: none;
}
.key-contact-listings .help_email label,
.key-contact-listings .helpuswrap .helpline label {
    font-size: 16px;
    font-family: "Gustan-Bold";
    color: #2e2e2e;
}
.key-contact-listings .help_email span,
.key-contact-listings .helpline span {
    font-size: 16px;
    color: #2e2e2e;
}

.key-contact-listings .cta-link-button {
    padding-top: 40px;
}

.key-contact-listings .cta-link-button a.cta-link {
    background: #003862;
    color: #fff;
    padding: 12px 15px;
    border-radius: 6px;
    font-size: 16px;
}

.key-contact-listings .cta-link-button a.cta-link:hover {
    opacity: 0.8;
}
/****************/
.view-calendar .views-col {
    width: 23.3% !important;
    margin-right: 20px;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 0px 7px 4px #d3d9de;
}
.view-calendar .views-col:last-child {
    margin-right: 0px !important;
}
.view-calendar .views-col .views-field-title .field-content {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Gustan-Bold";
    padding-right: 100px;
    display: block;
    color: #2e2e2e;
}
.view-calendar .views-col .views-field-field-date {
    font-size: 18px;
    padding: 18px 0;
    color: #003862;
    color: #2e2e2e;
}
.view-calendar .views-field-field-upload-calendar-file a {
    font-size: 14px;
    font-weight: 500;
    font-family: "Gustan-Bold";
    color: #003862;
    padding-left: 30px;
    position: relative;
    text-decoration: none;
}
.view-calendar .views-field-field-upload-calendar-file a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
     background-image: url(../images/calendar.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

/*******/
.sharepricecontens .section,
.share-price .left-contents .section {
    padding: 40px 60px;
}
.sharepricecontens .section h5,
.share-price .left-contents .section h5 {
    border-bottom: 1px solid #003862;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.rightdata.none h2,
.share-listing .none {
    display: none;
}
p.united,
p.american,
p.brent{
     position: relative;
}
/*p.united:before,
p.american:before,
p.brent:before {
    content: "Ë„";
    color: rgb(0, 204, 0);
    font-size: 18px;
    position: absolute;
    right: 25px;
    top: -2px;
    background: rgb(255, 255, 255);
}*/
p.united.green:before,
p.american.green:before,
p.brent.green:before{
    content: "";
    position: absolute;
    background: url(../images/arrow_green.png);
    width: 12px;
    height: 8px;
    left: 28px;
    top: 8px;
    background-size: 12px !important;
}

p.american.red:before,
p.brent.red:before,
p.united.red:after {
    content: "";
    position: absolute;
    background: url(../images/arrow_red.png);
    width: 12px;
    height: 8px;
    left: 22px;
    top: 10px;
    background-size: 12px !important;
}

/**************/

#quicktabs-financial_results ul.quicktabs-tabs li a.quicktabs-loaded {
    width: 100%;
    display: block;
}
#quicktabs-financial_results .quicktabs-tabs li.active:after{
    content:unset;
}

#quicktabs-financial_results .view-financial-results .views-row {
    border-bottom: 1px solid;
    border-right: 1px solid !important;
    overflow: hidden;
    padding: 15px 30px 15px 25px;
    flex: 1 50%;
    background-color: #FFF;
}
.view-id-financial_results nav.pager {
    display: none;
}
.view-id-financial_results.view-display-id-block_8  nav.pager{
    display: block;
}
#quicktabs-financial_results .view-financial-results  .views-field-title a {
    color: #003862;
    float: left;
}

#quicktabs-financial_results .view-financial-results .views-field-field-n-downloads {
    float: right;
}

#quicktabs-financial_results .item-list ul.quicktabs-tabs {
    padding-top: 0px;
    margin: 0;
    display: flex;
}
#quicktabs-financial_results .item-list ul.quicktabs-tabs li{
    flex: 1;
}
#quicktabs-financial_results .view-financial-results  .view-content {
   display: flex;
    flex-wrap: wrap;
    border: 1px solid;
    border-bottom: 0px;
    border-top: 0;
}
#quicktabs-financial_results .view-financial-results .views-row:nth-child(even) {
    border-right: 0px !important;
}

#quicktabs-financial_results .view-financial-results .field-content {
    position: relative;
}
#quicktabs-financial_results .view-financial-results a.download-text-link{
    font-size: 0px;
}
#quicktabs-financial_results .view-financial-results a.download-text-link:after {
    top: -4px;
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -15px;
    background-image: url(../images/down-arrow.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.left-contents .tops-content .rightdata .section h5,
.left-contents .tops-content .leftdata .section h5 {
    padding-bottom: 51px;
}
/************************/
.pager__item.is-active a:hover, .pager__item.is-active a:focus {
    background-color: #113a5f;
    opacity: 0.8;
}
.pager .pager__items {
    display: unset;
    float: unset; 
}
.pager__item.is-active a {
    background-color: #113a5f;
    border-color: #113a5f #113a5f #113a5f;
}
.pager li > a, .pager li > span {
    margin-left: -4px;
}
.pager {
    padding: 0px 0px 40px 0px;
}
.view-press-release .view-content {
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
}
.view-press-release .views-row:last-child,
.view-press-release .views-row:nth-last-child(2) {
    margin-bottom: 0;
}
.view-contact-details .description{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #003862;
    padding-top: 5px;
    padding-bottom: 5px;
}
.view-contact-details .views-field.views-field-field-map {
    padding-top: 30px;
}
.view-contact-details .views-field.views-field-field-map iframe {
    width: 100%;
}

/*********/
.dropdown.sasol-globe {
    margin-top: 14px;
}

.sasol-globe.open>.dropdown-menu {
    border: 0;
    border-radius: 0;
    margin-top: 10px;
    padding: 0;
    min-width: 175px;
}
.sasol-globe  ul li:nth-child(2n) {
    background: #f4f4f4;
}
.sasol-globe .dropdown-menu>li>a {
    padding: 6px 20px 6px 10px;
    transition: padding .2s;
    -webkit-transition: padding .2s;
    color: #113a5f;
    font-family: "Gustan-Bold";
    font-size: 13px;
    position: relative;
}

.sasol-globe .dropdown-menu>li>a:after {
    position: absolute;
    right: 5px;
    content: "\f08e";
    background: unset;
    font-size: 17px;
    top: 10px;
    color: #113a5f;
    line-height: 20px;
    font: normal normal normal 14px/1 FontAwesome;
}

.sasol-globe .dropdown-menu>li>a:hover {
    padding-left: 36px;
    background: #d2dae6!important;
}
/****************/
.title-description .description img {
    max-width: 100%;
    height: auto;
}
.iframe {
    text-align: center;
}

/****************/
.images-section.one .field__item {
    width: 100%;
    margin-bottom: 20px;
}
.images-section .field--name-field-images .field__item img{
    width: 100%;
    max-width: 100%;
    height: auto;
}
.images-section.two .two-col {
    width: 49.18%;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 20px;
}
.images-section.four .field--name-field-images.field__items>.field__item:nth-child(4n),
.images-section.three .field--name-field-images.field__items>.field__item:nth-child(3n),
.images-section.two .two-col:last-child {
    margin-right: 0px;
}
.images-section.two .two-col img {
    width: 100%;
    height: auto;
}

.images-section.three .field--name-field-images.field__items>.field__item {
    width: 32.24%;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 20px;
}
.images-section.four .field--name-field-images.field__items>.field__item {
    width: 23.77%;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 20px;
}
.container.image-column-type.four {
    width: 100%;
    overflow: hidden;
}
.images-section.four .field--name-field-images .field__item img{
    min-height: 215px;
    height: 215px;
}
.tab-contents img {
    margin-right: 20px;
    
}
.paragraph-id--1696 img{
    width:100%;
}
.tab-contents img:last-child {
    margin-right: 0px;
}
.tab-contents.description-with-link img {
    width: 100%;
    max-height: 263px;
}
.table>tbody>tr>td,
.table-bordered>thead>tr>th {
    vertical-align: middle;
}
th, strong {
    font-weight: 500;
    font-family: "Gustan-Bold";
}
.table-bordered>tbody>tr>td, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th {
    border: 1px solid #003862;
}
.table-bordered {
    border: 1px solid #003862;
}
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 1px;
}
.table-bordered>tbody>tr>td p:last-child {
    margin-bottom: 0;
}

.table-striped thead tr {
    background-color: #f3f5f7;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #f3f5f7;
}
.table-striped>thead>tr>th {
    border-bottom: 0px solid #ddd;
    font-size: 16px;
    padding: 10px 20px;
}
.table-striped.table>tbody>tr>td{
    border: 0px;
    font-size: 16px;
    padding: 10px 20px;
}

.slider ul.slick-dots {
    text-align: center;
    list-style: none;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -70px;
}
.slider ul.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}
 ul.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
 .slick-dots li button:before {
    font-family: 'slick';
    font-size: 45px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #15366b;
    -webkit-font-smoothing: antialiased;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 45px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #15366b;
    -webkit-font-smoothing: antialiased;
}
.slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #15366b;
    font-size: 50px;
}
.owl-carousel .owl-item img {
    transform-style: unset;
    height: auto;
}
#quicktabs-container-investor_financial_results,
#quicktabs-container-sustainability_reporting {
    border-radius: 0px;
    padding: 35px 20px 50px;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 4%);
    background-color: #FFF;
    border: 1px solid #EEE;
    border-top: 0;
}
#quicktabs-container-investor_financial_results .pager,
#quicktabs-sustainability_reporting  .pager {
    padding: 40px 0px 0px 0px;
}

.view-sustainability-reporting .views-field.views-field-body a {
    color: #003862;
}

.view-sustainability-reporting .views-field.views-field-body {
    display: inline-block;
}
.view-sustainability-reporting .views-field.views-field-field-upload-file {
    display: inline-block;
    float: right;
}
.view-sustainability-reporting  .views-row {
   padding: 15px 0px 5px;
   border-bottom: 1px solid #113a5f;
}

.view-sustainability-reporting  .views-row .views-field-body p {
    margin: 0 0 10px;
}
.paragraph-id--3076 .whole-setion {
    padding-top: 0px;
}

body.page-node-type-landing-page .paragraph-id--3076 .container.title-description {
    width: 1100px;
    background: white;
    position: relative;
    margin-top: -200px;
    overflow: hidden;
    padding: 60px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 25%);
}

.paragraph-id--3080 .container.video-sesction{
    width: 70% !important;
}
body.page-node-type-landing-page .paragraph-id--3078 .container.video-sesction {
    width: 100%;
    padding: 0px 55px;
}

.view-purpose-and-values .owl-item {
    padding: 30px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 25%);
    background: #fff;
    margin-right: 10px;
    color: #003862;
    min-height: 175px;
}

.view-purpose-and-values .owl-item .views-field-title{
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Gustan-Bold";
    margin-bottom: 5px;
}
.view-purpose-and-values .owl-item .views-field-body {
    text-align: center;
    padding-top: 8px;
}
.view-purpose-and-values .owl-item .views-field-body p {
    line-height: 18px;
}
.view-purpose-and-values .owl-theme .owl-controls {
    position: relative;
}

.view-purpose-and-values .owl-theme .owl-controls .owl-pagination {
    padding-top: 25px;
}

.view-purpose-and-values .owl-theme .owl-controls .owl-page span {
    opacity: 1;
    background: #fff;
    width: 10px;
    height: 10px;
    margin: 5px 4px;
    border-radius: unset;
}
.view-purpose-and-values  .owl-theme .owl-controls .owl-page.active span, 
.view-purpose-and-values  .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #003862;
}

.view-purpose-and-values   .owl-theme  .owl-buttons .owl-prev{
    position: absolute;
    top: 20px;
    padding-right: 10px;
    left: 43%;
    font-size: 0px;
    background: url(../images/gray-left.png) no-repeat top left;
    width: 20px;
    height: 24px;
    opacity: unset;
}
.view-purpose-and-values   .owl-theme  .owl-buttons .owl-next{
    position: absolute;
    top: 20px;
    font-size: 0px;
    background: url(../images/gray-right.png) no-repeat top left;
    right: 43%;
    width: 20px;
    height: 24px;
    opacity: unset;   
}
.page-node-type-landing-page .view-supply-categories-and-commodities.ui-accordion .ui-accordion-content,
.page-node-type-landing-page .view-supply-categories-and-commodities.ui-accordion .ui-accordion-header {
    background: #ffffff;
}
.page-node-type-landing-page .ui-accordion .ui-accordion-header span.field-content a {
    color: #003862;
    font-size: 20px;
}
.page-node-type-landing-page .view-supply-categories-and-commodities.ui-accordion .views-field-nothing .container.title-description {
    padding-left: 40px;
}

.view-supply-categories-and-commodities.ui-accordion h1.title-text {
    font-size: 16px;
    margin-bottom: 4px;
    position: relative;
    padding-left: 10px;
}
.view-supply-categories-and-commodities.ui-accordion h1.title-text:before {
    content: "";
    background-image: url(../images/Arrow-Right-01.svg);
    position: absolute;
    left: -16px;
    right: 0px;
    display: block;
    width: 17px;
    height: 17px;
    top: 7px;
}
.view-supply-categories-and-commodities.ui-accordion .description {
    padding-left: 10px;
}
.page-node-type-landing-page .view-supply-categories-and-commodities.ui-accordion .ui-accordion-content {
    height: auto !important;
    padding: 0;
}

.view-supply-categories-and-commodities.ui-accordion .ui-icon {
    background-image: url(../images/Arrow-Right-01.svg);
    background-position: -4px -1px;
    width: 20px;
    height: 17px;
    background-size: 17px;
}
.view-supply-categories-and-commodities .ui-accordion-header-active .ui-icon {
   background-image: url(../images/Arrow-Right-01.svg);
    background-position: -2px 1px;
    width: 17px;
    height: 17px;
    background-size: 17px;
    transform: rotate(90deg);
    margin-right: 5px;
}
.page-node-type-landing-page .view-supply-categories-and-commodities.ui-accordion .views-field-nothing span.field-content>p {
    padding-left: 15px;
}
.page-node-type-landing-page .view-supply-categories-and-commodities.ui-accordion .views-field.views-field-nothing {
    border-bottom: 1px solid #003862;
    padding-bottom: 15px;
}

.blue-background {
    background: #003862;
    padding: 10px 12px 0px;
}

.blue-background h4 {
    color: #fff;
    margin-bottom: 5px;
}
.blue-background p {
    color: #fff;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.tb-megamenu ul li ul li{
    width: 288px;
    list-style: none !important;
}
.tb-megamenu ul li ul li .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {
    width: 300px !important;
}

.paragraph--type--announcement-listing div#block-views-block-sasol-latest-sens-block-1 {
    width: 100%;
}
.paragraph--type--announcement-listing #block-views-block-sasol-latest-sens-block-1 .view-footer a{
    display: none;
}
.image-row .img img {
    height: auto;
    max-width: 100%;
}
.image-row.two .img {
    width: 49%;
    float: left;
    overflow: hidden;
    margin-right: 2%;
    margin-bottom: 20px;
}
.image-row.three .img {
    width: 32.4%;
    float: left;
    margin-right: 1.3%;
    overflow: hidden;
    margin-bottom: 20px;
}
.image-row.four .img {
    width: 24%;
    float: left;
    overflow: hidden;
    margin-right: 1.3%;
    margin-bottom: 20px;
}
.image-row.four .img:last-child,
.image-row.three .img:last-child,
.image-row.two .img:last-child {
    margin-right: 0px;
}

.view-contact-accordion .views-field-name .field-content {
    font-size: 18px;
    color: #003862;
    font-family: "Gustan-Bold";
}
.view-contact-details .views-row h3.label {
    display: none !important;
}
.view-contact-details .views-row:nth-child(1) .views-field-nothing h3.label {
    display: inline-block !important;
}

.tab-contents.description-with-link .row-data-link {
    padding-bottom: 24px;
}
.view-sasol-turbofuels {
    padding-top: 40px;
}
.view-sasol-turbofuels .views-col {
    background: #e4e9ed;
    width: 32% !important;
    margin-right: 2%;
    padding: 50px 50px 10px;
    text-align: center;
    min-height: 350px;
    position: relative;
}
.view-sasol-turbofuels .views-col.col-3 {
    margin-right: 0;
}
.view-sasol-turbofuels .views-col .views-field-field-logo {
    width: 120px;
    text-align: center;
    margin: auto;
    margin-top: -110px;
}
.view-sasol-turbofuels  .views-field-title {
    font-size: 18px;
    font-family: "Gustan-Bold";
    padding: 30px 65px 20px;
}
.view-sasol-turbofuels .views-field-view-node {
    position: absolute;
    bottom: 35px;
    margin: auto;
    left: 0px;
    right: 0;
    text-align: center;
}
.view-sasol-turbofuels .views-field-view-node a {
    border: 1px solid #003862;
    padding: 10px 40px;
    color: #003862;
    text-decoration: none;
}
.view-sasol-turbofuels .views-field-view-node a:hover {
    background: #003862;
    color: #fff;
}
#header .header-btn-collapse-nav {
    background: #0E3152;
    border-radius: 0;
}
.page-node-type-media-releases .container>.container {
    padding: 0;
}
.page-node-type-media-releases .field--name-field-n-media-releases-image img {
    margin-bottom: 20px;
}
.page-node-type-media-releases .field--name-field-n-media-releases-date {
    margin-bottom: 10px;
}
.page-node-type-media-releases .field--name-field-n-media-releases-date .field__label {
    font-family: "Gustan-Bold";
}
.view-share-price-detail-nyc {
    border: 1px solid;
    background: #fff;
    border-bottom: 0;
}
.view-share-price-detail-nyc .views-col {
    width: 100% !important;
    margin: 0;
}
.view-share-price-detail-nyc .views-col>.views-field.views-field-title {
    text-align: center;
    background: #003862;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
}
.view-share-price-detail-nyc .views-col>.views-field.views-field-title span.field-content {
    background: unset;
    color: #fff;
    padding: 0;
}
.view-share-price-detail-nyc .views-field {
    border-bottom: 1px solid;
}
.view-share-price-detail-nyc span.views-label {
    border-right: 1px solid;
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
    color: #003862;
    background: #fff;
}

.view-share-price-detail-nyc span.views-label, .view-share-price-detail-nyc .field-content{
    width: 49%;
    display: inline-block;
    padding: 10px; 
}
.view-share-price-detail-nyc .views-field .field-content {
    font-weight: 500;
    font-family: "Gustan-Bold";
    font-size: 16px;
    color: #003862;
    background: #fff;
}
.tab-contents-data {
    margin-bottom: 25px;
    width: 100%;
    overflow: hidden;
}
.tab-contents-data .description h2 {
    margin-bottom: 20px;
}
.tab-contents-data .description p a {
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid;
    padding: 0px 0px 15px;
    color: #003862;
}
.path-frontpage .view-sasol-latest-sens .pager,
.path-frontpage .view-sasol-latest-sens .form-item {
    display: none;
}
.page-node-type-media-releases .row.without-breadcrumb-page-title {
    display: block !important;
}
.page-node-type-media-releases .row.without-breadcrumb-page-title h1 {
    color: #0f3456;
    margin: 10px 0 0 0;
    padding: 0px;
}
.context-customers-energy .page-header .breadcrumb ol li:nth-child(2) a {
    pointer-events: none;
}
.page-node-type-media-releases .page-header h1,
.page-node-type-sasol-sens .col-sm-12.aaaa,
.page-node-type-italy-media-releases .col-sm-12.aaaa,
.page-node-type-germany-media-releases .col-sm-12.aaaa,
.page-node-type-media-releases .col-sm-12.aaaa{
    display:none;
}
.page-node-type-sasol-sens article {
    padding: 0px 0px 50px;
}
 .view-home-rotating-banner .slick-slide img {
    width: 100%;
    height: auto;
  }


@media only screen and (min-width: 0px) and (max-width: 767px) {
    
  .view-home-rotating-banner .slick-slide img {
    width: 100%;
    height: auto;
    transform-style: unset;
    max-height: 150px;
    height: 150px;
  }
   .view-home-rotating-banner ul.slick-dots {
    left: 15px;
    padding: 0;
    top: 83%;
}
 .view-home-rotating-banner ul.slick-dots li button{
     width: 7px;
        height: 7px;
        margin: 1px 2px;
        padding: 3px;
 }

    body {
        padding-top: 138px !important;
   }
   .header-extras .col-sm-6 {
        padding: 0px 0px;
    }
    ul.footer-social-nav li img{
            width: 25px;

    }
    .fullbleed-bg {
        display: none;
    }
     .fullbleed-bg-mobile {
         display:block !important;
     }
    .fullbleed-bg-mobile img{
        width: 100%;
        height: auto;
        margin-top: 0px;
    }
   ul.nav > li.dropdown > a:after,
   .tb-megamenu .nav [class^="fa-"], .tb-megamenu .nav [class*=" fa-"] {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 10px
   }
   .tb-megamenu .mega-inner {
        padding: 0px 10px 10px 10px;
    }
    .tb-megamenu .nav li.dropdown.active > .dropdown-toggle {
        border-bottom: 1px solid #0e3151;
        background: #fff;
    }
    .tb-megamenu ul li ul li {
        width: 100%;
    }
    #wrapper {
        width: 100%;
        overflow: hidden;
    }
    #header .header-body{
        min-height: auto;
    }
    .tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover, .tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover
    {
        background-color: #fff !important;
    }
    .tb-megamenu .mega-nav > li a, .tb-megamenu .dropdown-menu .mega-nav > li a, .tb-megamenu .mega-nav > li span.tb-megamenu-no-link, .tb-megamenu .dropdown-menu .mega-nav > li span.tb-megamenu-no-link{
        padding: 10px 0px;
        margin-left: 10px;
    }
    .tb-megamenu .about-sasol .mega-nav > li:first-child > a, .tb-megamenu .about-sasol .dropdown-menu .mega-nav > li:first-child > a, .tb-megamenu .about-sasol .mega-nav > li:first-child > span.tb-megamenu-no-link, .tb-megamenu .about-sasol .dropdown-menu .mega-nav > li:first-child > span.tb-megamenu-no-link{
        padding: 10px 0px; 
    }
    .tb-megamenu .mega-nav .dropdown-submenu > a::after{
        border-left-color: #fff;
    }
    .tb-megamenu  .tb-megamenu-row {
        overflow: auto;
        max-height: 250px;
    }
    .tb-megamenu li.tb-megamenu-item.opened >.mega-dropdown-menu {
        display: block;
    }

    .tb-megamenu .mega-inner img{
        margin-left: 10px;
    }
    .paragraph--type--banner .fullbleed-bg {
        height: 250px !important;
        background-position: 50% 50% !important;
    }
    .images-section.three,
    .images-section.two {
        padding: 0px 15px;
    }
     .page-node-type-media-releases .region-content,
    .images-section.three .field--name-field-images.field__items>.field__item,
    .images-section.two .two-col {
        width: 100%;
    }
    .page-node-type-media-releases h1.js-quickedit-page-title.page-title{
        display:none;
    }
      .page-node-type-media-releases section.page-header h1 {
        color: #003862;
    }
     .page-node-type-media-releases section.page-header h1 {
        color: #003862;
    }
    #header .header-btn-collapse-nav {
    background: #113a5f;
    border-radius: 0;
}
.webform-submission-unlock-easy-fuel-management-form .webform-button--submit.button {
    padding: 13px 13px;
    font-size: 12px;
}
#paragraph-id--7790 .container.video-sesction .col-sm-3.join-home-block {
        width: 100% !important;
}
.view-leadership .views-field-nothing div .designation {
    min-height: unset;
    height: unset;
}
    .field-content.slider-content p{
        margin-bottom: 0px;
        font-size: 12px;
        line-height: 16px;
        height: 36px;
        overflow: hidden;
    }
    .field-content.slider-content a.banner-button {
        padding: 3px 10px;
        font-size: 12px;
        margin: 6px 0 0px;
    }
    .view-home-rotating-banner .owl-theme .owl-controls .owl-pagination {
       top: 100%;
       left: 15px;
    }
    .view-home-rotating-banner .owl-theme .owl-controls {
       width: 100%;
    }
    .view-home-rotating-banner .owl-theme .owl-controls .owl-page span{
       width: 7px;
       height: 7px;
       margin: 3px 4px;
    }
    .owl-carousel .owl-item img {
       transform-style: unset;
       max-height:150px;
       height:150px;
    }
    
    .region-home-sens .view-header h2 a {
       right: 15px;
       top: -3px;
    }
    .view-latest-news .views-col.col-1 .views-field-title > .field-content, .view-latest-news .views-col.col-2 .views-field-title > .field-content, .view-latest-news .views-col.col-3 .views-field-title > .field-content, .view-latest-news .views-col.col-4 .views-field-title > .field-content, .view-latest-news .views-col.col-5 .views-field-title > .field-content{
            width: 67%;
    }
    .view-latest-news {
        padding-right: 15px;
    }
    .context-home .view-latest-news .views-row.row-1 .views-col.col-3,
    .context-home .view-latest-news .views-col.col-1, .context-home .view-latest-news .views-col.col-2 {
    width: 100% !important;
    margin-left: 0;
}
    #header .header-btn-collapse-nav {
    position: absolute;
    top: -76px;
    right: 10px;
}
  .tb-megamenu .nav-collapse .nav > li > a:hover,
  .tb-megamenu .nav-collapse .nav > li > a:focus,
  .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:hover,
  .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:focus {
    color: #003862;
  }
  
  body.investor-centre .paragraph--type--title-image-list .field--name-field-title-image-link>.field__item,
  body.investor-centre .paragraph--type--title-image-list .field--name-field-title-image-link>.field__item:nth-child(4), 
  body.investor-centre .paragraph--type--title-image-list .field--name-field-title-image-link>.field__item:nth-child(5),
  .paragraph-id--882 .paragraph--type--title-image-list .field--name-field-title-image-link>.field__item,
  .paragraph--type--title-image-list .field--name-field-title-image-link>.field__item {
    width: 100%;
   }
   body.investor-centre .paragraph--type--title-image-list .field--name-field-title-image-link>.field__item{
    margin-right: 0;
   }
   .paragraph--type--key-contact-lists {
       width: 100%;
   }
   
   .view-share-price-detail-nyc .views-field .field-content{
       font-size: 12px;
   }
   
   .paragraph--type--section .title-description-image  h1.title-text {
      padding: 0;
   }
   
   .title-description-image .right-area {
      padding-right: unset;
      padding: 0px 15px;
   }
   .title-description-image .left-area {
      padding: 0px 15px;
    }
    .view-contact-details {
    padding: 0px 15px;
}
.download-table {
    padding: 0px 15px;
    width: 100%;
}
body.page-node-type-landing-page .title-descriptiom-top {
    padding: 0px;
}
body.page-node-type-landing-page.context-who-we-are-about-us .quick-link-section{
    background: unset;
    min-height: unset;
}
.download-table .row-data-link .description {
    padding-right: 20px;
}
.full-width-image img {
    width: 100%;
    min-height: 130px;
}
.tab-contents img {
    height: auto;
}
.tab-contents .nav-pills>li {
    flex: 1 100%;
}
    .page-descriptiom h1 {
    font-size: 1.6em;
    line-height: 24px;
    margin: 20px 0 12px 0;
}
.paragraph--type--announcement-listing, .paragraph--type--announcement-listing, .tab-contents {
    width: 100%;
    margin: auto;
    padding: 0px 15px;
}
.description-with-link .row-data-link a.download-text-link:after{
    right: -30px;
}
.slider ul.slick-dots {
    bottom: -50px;
    padding: 0;
}
.section-fullwidth.home_sens .container-fluid {
    padding-top: 0;
}
.section-fullwidth.home_sens {
    padding-top: 20px;
}
    .about-sasol .tb-megamenu-row.row-fluid div#tb-megamenu-column-4,
    .tb-megamenu .nav-collapse .dropdown-menu,
    .tb-megamenu .nav-collapse {
        background: #fff !important;
        padding: 0 !important;
            margin-top: 0px !important;
    }

    .tb-megamenu .nav-collapse .nav > li > a, 
    .tb-megamenu .nav-collapse .dropdown-menu a, 
    .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link, 
    .tb-megamenu .nav-collapse .dropdown-menu span.tb-megamenu-no-link {      
        color: #113a5f;    
        border-bottom: 1px solid #113a5f;
        font-size: 14px !important;
    }


    .header-nav-main.collapse.in .nav-collapse {
        height: auto !important;
        overflow: visible !important;
        display: block !important;
        top: 0px;
        margin-top: 0px;
    }
    html.sticky-header-enabled #header .header-nav-main.collapse.in {
        max-height: 500px;
        overflow: visible;
    }
    .section-fullwidth.home_sens {
    width: 100%;
    overflow: hidden;
}

    .tb-megamenu-button {
        display: none !important;
    }
    .container.banner-bottom {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .page-node-type-landing-page .whole-setion {
        padding: 10px 0;
    }
    body.page-node-type-landing-page .quick-link-section h1.quick-link-title {
        padding-bottom: 0px;
        font-size: 26px;
    }
    .page-descriptiom p:last-child {
        margin-bottom: 0;
    }
    #block-views-block-leadership-block-1 .view-content h3 {
        font-size: 26px;
    }    
    #block-views-block-leadership-block-1 .views-col {
        width: 100%!important;
        margin: 0 0px 25px 0px;
    }
    body.page-node-type-landing-page .field--name-field-quick-link .field__item {
        width: 31%;       
        margin-right: 10px;
    }
    .paragraph--type--section h1.title-text,
    body.page-node-type-media-releases h1.page-titles,
    body.page-node-type-landing-page h1.page-titles {
        line-height: 32px;
        margin-top: 20px;
        font-size: 25px;
        margin-bottom: 20px;
    }
    
    .page-node-type-media-releases .field--name-field-n-media-releases-image img{
        width: 100%;
    height: auto;
    }
    .paragraph-id--16 .whole-setion .field--name-field-paragraphs.field--type-entity-reference-revisions, 
    .paragraph-id--23 .whole-setion .field--name-field-paragraphs.field--type-entity-reference-revisions {
        width: 100%;
    }
    .paragraph-id--16 .download-sesction {
        padding: 15px 0px;
    }
    .paragraph-id--16 .whole-setion .field__item {
        width: 90% !important;
        margin: 0px 15px 15px;
    }
    .paragraph-id--16 .whole-setion .field__item .container h3.title-text {       
        padding-right: 15px;
    }
    .page-node-type-landing-page .title-subtitle-description .row,
    .page-node-type-landing-page #footer .container .row,
    .container.title-description .row,
    .container.video-sesction .row {
        margin: 0;
    }
    .paragraph-id--23 .whole-setion .field__item,    
    .page-node-type-landing-page .view-front-page-intergranted-reports .pdf-links,
    .paragraph-id--40 .whole-setion .field--name-field-paragraphs.field--type-entity-reference-revisions .field__item,
    .paragraph-id--40 .whole-setion .field--name-field-paragraphs.field--type-entity-reference-revisions {
        width: 100% !important;
    }
    .paragraph-id--40 .whole-setion .field--name-field-paragraphs.field--type-entity-reference-revisions .field__item {      
        margin-bottom: 15px;
    }
    .paragraph-id--40 .field--name-field-paragraphs {
        padding: 0px 15px;
    }
    .container.video-sesction {
        padding: 0;
    }
    .wrap .slick-slide {
        width: 320px;
    }
    .view-historical-milestones-slider .slick-prev.slick-arrow{
        left: 0px;
        width: 20px;
        height: 27px;
        background-size: 20px;
    }
    .view-historical-milestones-slider .slick-next.slick-arrow {       
        right: 0;   
        width: 20px;
        height: 27px;    
        background-size: 20px;
    }
    #footer.light {
        padding-top: 30px;       
    }
    #footer.light .container .row{
        margin: 0px;
    }
    #footer.light .footer-copyright {       
        padding: 20px 15px 0;
    }
    .view-leadership  .details-view {
        display: none !important;
    }
    .view-leadership .views-col.active-trail .views-field.views-field-nothing-1 {
        display: block;
        padding: 10px;
    }
    .context-who-we-are-leadership .whole-landing-page .banner .fullbleed-bg {
        height: 200px !important;
        background-position: right !important;
    }

    .quicktabs-wrapper {
        padding: 0px 15px;
    }
     .page-node-type-media-releases .page-header,
    .page-node-type-landing-page .page-header {
        padding: 0px 15px;
    }
    ul.quicktabs-tabs li a.quicktabs-loaded {       
        font-size: 12px;
        padding: 15px 9px;
    }
    .view-leadership .views-col {
        width: 100% !important;      
    }
    .view-leadership .views-field-nothing div h2 {
        padding: 10px 0 10px;
        line-height: 30px;
        font-size: 2em;
    }
    .view-leadership .views-field-nothing div .read-more {     
        padding: 7px 30px;       
    }
    .section-dark .container-fluid {
        padding: 0px 20px;
    }
    .view-below-banner-news .views-col {
        width: 100% !important;
    }
    .field-content.slider-content h1 {
        font-size: 16px !important;
        line-height: 16px;
        margin: 0 0 5px 0;
    }
    .field-content.slider-content {
        top: 50% !important;
        padding: 10px !important;
        margin: 0px 15px;
        left: 0px;
        right: 0px;
        background: unset;
        width: 90%;
    }
    #quicktabs-shareholder_information .view-equities-indices-view.view-display-id-block_2 .views-view-grid .views-col,
    .view-equities-indices-view .views-view-grid .views-col {
        width: 100% !important;
    }
    .block-views h2 {
        margin-bottom: 30px;
    }
    .region-home-products .views-element-container .view-header, .region-home-news .views-element-container .view-header {
        top: 5px;
    }
    .region-home-products .view .view-header h2, .region-home-videos .view .view-header h2, .region-home-news .view .view-header h2 {
        font-size: 11px;
        padding: 5px 10px;
        line-height: 20px;
    }
    .section-fullwidth,
    .section-colored {
        padding: 30px 0px 10px;
    }
    .section-fullwidth.home_sens .container-fluid {
        margin: 0px 15px;
    }
    .news-button a {      
        padding: 5px 10px;
        font-size: 12px;
    }
    .block-quicktabs-blockmedia-gallery ul.quicktabs-tabs li a.quicktabs-loaded {
        width: 100%;
    }
    .view-media-gallery .view-content .views-row {
        flex: 1 100%;
        max-width: 100%;
    }
    .page-header .breadcrumb ol li:first-child {
    padding-bottom: 5px;
}
    .page-header .breadcrumb ol li {
        padding: 4px 15px 4px 20px;
            font-size: 9px;
    }
    .page-node-type-media-releases .page-titles,
    .page-node-type-media-releases .date,
    .title-descriptiom-top .page-descriptiom {
        padding: 0px 15px;
    }
    .paragraph--type--announcement-listing, .paragraph--type--announcement-listing, .tab-contents {
        width: 100%;
        padding: 0px 15px;
    }
    .paragraph--type--button {
        width: 100%;
        padding: 20px 15px 20px;
    }
    .paragraph--type--section h1.title-text{
        padding: 0px 15px;
    }
    .paragraph--type--announcement-listing .views-field-title a{
        padding:0px !important;
            border: 0;
    }
   
     .paragraph--type--announcement-listing .item-list li {
   margin: 5px 0px !important;
    width: 100%;
    padding: 20px !important;
    float: left;
    box-shadow: 0px 2px 2px 2px #ddd;
    list-style: none;
    border: 0;
}
  .paragraph--type--announcement-listing span.views-field.views-field-field-ticker {
    font-size: 22px;
}
.paragraph--type--announcement-listing span.views-field.views-field-title{
    margin-left: 0px;
}
.paragraph--type--button .field--name-field-cta-link a {
    margin-top: 20px;
    display: inline-block;
}
.section-fullwidth.home_fullwidth .section-image-right {
    width: 100%;
    padding: 20px 15px;
    min-width: auto;
    height: auto;
}


h3 {
    margin-bottom: 15px;
}
ul.quicktabs-tabs li a.quicktabs-loaded{
        width: 100% !important;
}
.block-quicktabs-blockshareholder-information .quicktabs-main {
    padding: 40px 0px 65px;
}
.share-price .sharepricecontens .tops-content:after{
    background: unset;
}
.share-price .sharepricecontens .tops-content>div {
    flex: unset;
}
.share-price .sharepricecontens .tops-content {
    display: none;
}
.item-list ul.quicktabs-tabs li{
    flex: 100%;
}
.share-price .left-contents {
    border-right: unset; 
    max-width:100%;
}
.share-price {
    display: unset;
}
.view-calendar {
    padding: 0px 15px;
}
.view-calendar .views-col {
    width: 100% !important;
}
.view-calendar .views-col .views-field-title .field-content{
        padding-right: 15px;
}
.description .physical {
    width: 100%;
}
.context-contact-us .container.video-sesction {
    padding: 0px 15px;
}
.view-press-release .views-row {
    width: 100%;
    padding-right: 0;
}
.view-press-release .press-release-listing {
    min-height: auto;
    height: auto;
}
.view-press-release .views-row .imagebox {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
.paragraph--type--social-link .field--type-link,
.paragraph--type--social-link {
    width: 100%;
}
.view-sustainability-reporting .views-field.views-field-body {
    padding-right: 15px;
}
.view-sustainability-reporting .views-field.views-field-field-upload-file a:after {
    right: -20px;
}
.view-home-rotating-banner .owl-theme .owl-controls .owl-buttons .owl-next, .view-home-rotating-banner .owl-theme .owl-controls .owl-buttons .owl-prev{
    display: none;
}
.section-fullwidth.home_sens .block-views h2 {
    margin-bottom: 7px;
    font-size: 22px;
}
.col-md-4.investor-home-block, 
.col-sm-4.products-home-block,
.view-latest-news .views-row.row-2 .views-col.col-3,
.view-latest-news .views-row.row-2 .views-col.col-2,
.view-latest-news .views-row.row-2 .views-col.col-1,
.view-latest-news .views-row.row-1 .views-col.col-3 {
    width: 100% !important;
    margin-left: 0;
}

.investor-home-block {      
    width: 100% !important;
    margin-right: 0px;
    
}
.view-playlist .col-md-4.views-col {      
    width: 100% !important;
    padding: 0;    
}
.section-fullwidth.home_actions .container-fluid {
    padding: 0px 15px;
}
#block-views-block-sasol-latest-sens-block-1 {
    width: 100%;
    margin-right: 0;
}
div#block-views-block-equities-indices-view-block-1 {
    width: 100%;
    padding: 0px 2px;
}
.region-home-products .view .view-header h2 {
    display: none;
}

#block-test .field--name-body iframe {
    width: 100% !important;
    height: 350px !important;
}
.view-playlist .views-row .views-col.col-3 .views-field-field-sasol-video iframe{
    width: 100% !important;
}
.home-fullwidthd .section-image-left {
    width: 100% !important;
}
.col-sm-3.join-home-block {
    width: 100% !important;
    margin-right: 0px;
}
.section-fullwidth.home_fullwidth .view-home-action-buttons {
    padding: 20px 15px 0px;
}
.view-home-action-buttons .button-home-actions {  
    margin-bottom: 10px;
    width: 100% !important;
    margin-right: 0px;
}
.view-id-products_home_block.view-display-id-block_3 .products-home-block.views-col.col-2, .view-id-products_home_block.view-display-id-block_3 .products-home-block.views-col.col-1 {
    width: 100% !important;   
    margin-right: 0;
    padding: 0px;
}
.view-sasol-turbofuels {
    margin: 15px;
}
.view-sasol-turbofuels .views-col {
    width: 100% !important;
    margin-bottom: 90px;
}
.view-sasol-turbofuels .views-col.col-3 {
    margin-bottom: 0px;
}
body.page-node-type-landing-page .paragraph-id--3078 .container.video-sesction {
    padding: 0px 30px;
}
body.page-node-type-landing-page .paragraph-id--3076 .container.title-description{
    width: 100%;
    padding: 20px 15px;
    margin: 0;
}

body.page-node-type-landing-page .paragraph-id--3078 .container.video-sesction{
    width: 100% !important; 
}
.view-purpose-and-values .owl-item{
    margin-right: 0px !important;
    box-shadow: unset;
}
body.page-node-type-landing-page .paragraph-id--3076 .paragraph--type--section h1.title-text{
    padding: 0;
    margin:0px;
}
.view-purpose-and-values .owl-theme .owl-buttons .owl-prev{
    left: 0%;
}
.view-purpose-and-values .owl-theme .owl-buttons .owl-next{
    right: 0;
}
ul.quicktabs-tabs li.active:after {
    background-size: 60%;
    background-repeat: no-repeat;
}
}

@media (min-width: 1200px){
.container {
    width: 1220px;
}
#header {
    min-height: 185px !important;
}

}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #wrapper {
    width: 100%;
    overflow: hidden;
  }
  .section-fullwidth {
    padding: 20px 0;
  }
  .section-colored {
    padding: 20px 15px;
  }
  body.page-node-type-landing-page .paragraph-id--3076 .container.title-description{
    width: 100%;
}
    .header-nav-main ul li ul li .tb-megamenu-row.row-fluid ul li {
        width: 200px;
    }
    .tb-megamenu ul li ul li .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {
        width: 220px !important;
    }
    .tb-megamenu .nav > li > a,
    .tb-megamenu .nav > li > span.tb-megamenu-no-link,
    #header .header-nav-main a {
        font-size: 14px;
    }
    .tb-megamenu .nav > li > a, .tb-megamenu .nav > li > span.tb-megamenu-no-link {
        padding: 10px 10px;
    }
    .tb-megamenu-row.row-fluid {
        width: 600px;
    }
    .col-sm-3.join-home-block .news-button a {
        padding: 10px 30px;
    }
   #quicktabs-financial_results ul.quicktabs-tabs li a.quicktabs-loaded {
    width: 12.4%;
  } 
ul.quicktabs-tabs li a.quicktabs-loaded {
    font-size: 14px;
    padding: 15px 35px;
}

.investor-home-block {   
    margin-right: 13px;
    width: 49% !important;
}
.investor-home-block:nth-child(even) {
    margin-right: 0 !important;
}
.section-fullwidth.home_actions .container-fluid {
    padding: 0px 20px;
}
.view-equities-indices-view .views-view-grid .views-col.col-3,
.view-equities-indices-view .views-view-grid .views-col.col-2,
.view-equities-indices-view .views-view-grid .views-col.col-1 {
    width: 48% !important;
    margin-right: 10px !important;
    margin-bottom: 20px;  
    padding: 15px 15px;
}
.view-equities-indices-view .views-view-grid .views-col.col-2,
.view-equities-indices-view .views-view-grid .views-col.col-4,
.view-equities-indices-view .views-view-grid .views-col:last-child {
    margin-right: 0 !important;
}

.col-sm-4.products-home-block {
    width: 32.5% !important;
}
.section-fullwidth.home_fullwidth .view-home-action-buttons {
    padding: 40px 15px 0px;
}
.view-home-action-buttons .button-home-actions {
    margin-right: 7px;
    margin-bottom: 10px;
}

.views-field-field-action-link-to-page a {   
    padding: 14px 10px;
    font-size: 15px;
}
.button-home-actions a:after{
    right: 6px;
    bottom: 8px;
}
.context-home .view-latest-news .views-row.row-1 .views-col.col-3,
.context-home .view-latest-news .views-row .views-col {
    width: 32% !important;
    margin-right: 9px !important;
    height: auto !important;
}
.view-latest-news .views-row.row-1 .views-col.col-3{
    margin-right: 0px !important;
    margin-left: 0;
}
.view-latest-news .views-row.row-2 .views-col.col-3 img,
.view-latest-news .views-col img {
    width: 100%;
    height: auto !important;
}
.view-latest-news .views-row.row-2 .views-col.col-3 {
    margin-right: 0px !important;
    height: 172px !important;
    margin-left: 0px !important;
}
.view-latest-news .views-row.row-2 .views-col.col-3 img{
    height: 172px !important;
}
.section-fullwidth.home_fullwidth .section-image-right,
.section-image-left {
    height: 380px !important;
}
.section-fullwidth.home_fullwidth .section-image-right {
    padding: 30px;
}
.view-products-home-block .col-sm-4.products-home-block {
    width: 32.4% !important;
}

.view-home-rotating-banner .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 15px;
}

.view-press-release .views-row .imagebox {
    width: 45%;
    float: left;
}
.press-content {
    width: 55%;
    overflow: hidden;
}
.view-latest-news .views-col .views-field-title > .field-content{
    bottom: 10px;
    left: 10px;
    width: 60%;
}
.view-latest-news .views-col .views-field-view-node{
    right: 10px;
    bottom: 10px;
}
.view-latest-news .views-col .views-field-title {
    font-size: 13px;
    line-height: 18px;
}
.context-home .view-latest-news .views-row .views-col.col-3{
    margin-left: 0px;
}
.news-button a {
    padding: 4px 10px;
    font-size: 13px;
}

.region.region-home-twitter .col-md-3{
    padding-right: 0;
}
ul.quicktabs-tabs li.active:after {
    background-size: 60%;
    background-repeat: no-repeat;
}
}
.row-data-with-descrition-link {
    border-bottom: 1px solid;
    width: 100%;
    overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    
    .description-with-link .row-data-link a.download-text-link:after {
        right: -25px;
    }
    .paragraph--type--announcement-listing, .paragraph--type--announcement-listing, .tab-contents {
    width: 100%;
    margin: auto;
}
   #quicktabs-financial_results ul.quicktabs-tabs li a.quicktabs-loaded {
    width: 12.38%;
} 
ul.quicktabs-tabs li a.quicktabs-loaded {
    font-size: 12px;
    padding: 15px 15px;
}
}

.row-data-link.download-block {
    display: block !important;
    width: 100%;
    border: none !important;
    padding: 0 !important;
}

.row-data-link.download-block .download-file-link,
.row-data-link.download-block .download-interactive-link {
    color: #ffffff !important;
    display: block;
    width: 100%;
    background: #003862;
    text-align: center;
    padding: 10px 0 !important;
}

.row-data-link.download-block .download-flipbook-link {
    background: #e1ebf1;
    padding: 10px 0 !important;
    display: block;
    color: #003862;
    width: 100%;
    text-align: center;
}

.row-data.title-block {
    background: #e1ebf1;
    padding: 10px 0 !important;
    display: block;
    width: 100%;
    text-align: center;
}

.row-data.title-block p {
    color: #003862;
    font-weight: 500 !important;
    margin-bottom: 0;
}

.tab-contents.description-with-link .col-sm-4 {
    margin-bottom: 20px !important;
    min-height: 420px;
}

.tab-contents.description-with-link .col-sm-6 {
    margin-bottom: 20px !important;
}

.tab-contents.description-with-link .download-img {
    width: 50%;
    display: inline-block;
    margin: 0 !important;
    float: left;
}

.row-data.title-block-download {
    width: 50%;
    display: inline-block;
    float: left;
    background: #e1ebf1;
    padding: 15% 30px !important;
    border: none !important;
}

.row-data.title-block-download p {
    margin: 0;
}

.row-data-link.download-block-download {
    width: 50%;
    float: left;
    border: none !important;
    padding: 0 !important;
}

.row-data-link.download-block-download .download-file-link-download {
    color: #ffffff !important;
    display: block;
    width: 100%;
    background: #003862;
    padding: 25% 30px !important;
}

a.download-flipbook-link:before {
    content: "";
    display: block;
    width: 32px;
    background: url(../images/icon-search-dark.png) no-repeat top left;
    position: absolute;
    height: 32px;
    left: 36%;
    margin-top: 0px;
}

body .captcha {
    clear: both;
     overflow: visible; 
    background: #F2F2F2;
    text-align: center;
    margin-bottom: 20px;
    max-width: 160px;
    position: relative;
    height: auto;
}

body .captcha input {
    border: 1px solid #ccc;
}

.region.region-breadcrumb .tb-megamenu{
    margin-top: 40px;
    margin-left: 5px !important;
    background-color: transparent;
}

.region.region-breadcrumb .tb-megamenu .mega.open > .mega-dropdown-menu, 
.region.region-breadcrumb .tb-megamenu .mega.dropdown-submenu:hover > .mega-dropdown-menu {
    margin-top: 0;
}

.region.region-breadcrumb .tb-megamenu li.tb-megamenu-item.level-1.mega.active .active-trail {
    background: #01b1ec !important;
    color: #ffffff !important;
    font-size: 0.85em;
    display: inline-block;
    font-family: "Gustan-Book", Arial, Helvetica, sans-serif;
}

.region.region-breadcrumb .tb-megamenu li {
    display: inline-block;
    border: 1px solid #c7cccf;
    padding: 0;
    position: relative;
    background: #e4ecf4;
    margin-left: -5px;
}

.region.region-breadcrumb .tb-megamenu li a {
    background: #e4ecf4;
    color: #01b1ec;
    padding: 4px 20px 4px 20px;
    display: inline-block;
    font-size: 0.85em;
    font-family: "Gustan-Book", Arial, Helvetica, sans-serif;
}

.region.region-breadcrumb .tb-megamenu li.tb-megamenu-item.level-1.mega.active.active-trail a::before {
    color: #fff;
}

.region.region-breadcrumb .tb-megamenu li.level-1:first-child a::before {
    content: '\f015';
    width: 100%;
    font-family: FontAwesome;
    margin-right: 5px;
    height: 100%;
    font-size: 19px;
    color: #000;
    line-height: 13px;
    vertical-align: middle;
    display: inline;
}

.region.region-breadcrumb .tb-megamenu .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child li:hover,
.region.region-breadcrumb .tb-megamenu .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child li a:hover {
    border: none;
}

.region.region-breadcrumb .tb-megamenu .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child li,
.region.region-breadcrumb .tb-megamenu .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child li a {
    border: none;
    background: transparent !important;
}


/**********Fuel Easy**************/
.paragraph--type--half-width-section {
    width: 1220px;
    margin: auto;
}
.paragraph--type--half-width-section .field--name-field-add-paragraph>.field__item:nth-child(1) {
    width: 50%;
    overflow: hidden;
    float: left;
}

.paragraph--type--half-width-section .field--name-field-add-paragraph .field__item:nth-child(2) {
    width: 50%;
    overflow: hidden;
    padding: 0px 30px;
} 

.webform-submission-carinex-sl-livinex-sl-form,
.paragraph--type--half-width-section .container.video-sesction {
    width: 100%;
    overflow: hidden;
    padding: 20px;
    box-shadow: 1px 5px 10px 5px #ddd;
    margin: 15px;
    border-radius: 3px;
}
.paragraph--type--half-width-section #block-webform {
    padding: 0px 15px;
}
.webform-submission-carinex-sl-livinex-sl-form h2,
.webform-submission-unlock-easy-fuel-management-form #edit-title h2 {
        text-align: center;
}

.webform-submission-carinex-sl-livinex-sl-form label {
    font-weight: bold;
    font-family: 'Gustan-Bold';
}
.webform-submission-carinex-sl-livinex-sl-form .form-item-product-of-interest,
.webform-submission-carinex-sl-livinex-sl-form .form-item-company, 
.webform-submission-carinex-sl-livinex-sl-form .form-item-name,
.webform-submission-unlock-easy-fuel-management-form .form-item-first-name {
    width: 49%;
    float: left;
}
.webform-submission-carinex-sl-livinex-sl-form .form-item-product-of-interest select {
     width: 100%;
}
.webform-submission-carinex-sl-livinex-sl-form .form-item-application-type,
.webform-submission-carinex-sl-livinex-sl-form .form-item-email-address,
.webform-submission-carinex-sl-livinex-sl-form .form-item-job-title,
.webform-submission-unlock-easy-fuel-management-form .form-item-last-name {
    width: 49%;
    float: right;
}
.webform-submission-carinex-sl-livinex-sl-form .form-item-product-of-interest select,
.webform-submission-carinex-sl-livinex-sl-form .form-item input,
.webform-submission-unlock-easy-fuel-management-form .form-item input{
    border-color: #003862;
    border-radius: 10px;
    font-size: 1.2em;
    height: 38px;
}
.webform-submission-carinex-sl-livinex-sl-form .form-item input::placeholder,
.webform-submission-unlock-easy-fuel-management-form .form-item input::placeholder{
    color: #003862;
}
.webform-submission-unlock-easy-fuel-management-form  input[type="tel" i] {
    border: 1px solid;
    padding: 10px;
}
.webform-submission-unlock-easy-fuel-management-form .form-item.form-type-checkbox input{
     height: unset;
}

.webform-submission-carinex-sl-livinex-sl-form  .webform-button--submit.button,
.webform-submission-unlock-easy-fuel-management-form .webform-button--submit.button {
    border: 1px solid #003862;
    padding: 13px 40px;
    background: #003862;
    color: #fff;
    border-radius: 0;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    font-family: "Gustan-Bold";
}
.webform-submission-carinex-sl-livinex-sl-form .webform-button--submit.button{
    margin-top:20px;
}
.webform-submission-carinex-sl-livinex-sl-form  .webform-button--submit.button:hover,
.webform-submission-unlock-easy-fuel-management-form .webform-button--submit.button:hover {
    background: #fff!important;
    color: #003862!important;
}
.webform-submission-unlock-easy-fuel-management-form .form-type-tel input{
    width:100%;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .paragraph--type--half-width-section {
      width: 100%;
      margin: auto;
    }
    
    .webform-submission-carinex-sl-livinex-sl-form .form-item-company, 
    .webform-submission-carinex-sl-livinex-sl-form .form-item-name,
    .webform-submission-carinex-sl-livinex-sl-form .form-item-email-address,
    .webform-submission-carinex-sl-livinex-sl-form .form-item-job-title,
   .paragraph--type--half-width-section .field--name-field-add-paragraph .field__item:nth-child(2),
    .paragraph--type--half-width-section .field--name-field-add-paragraph>.field__item:nth-child(1),
    .paragraph--type--half-width-section .content-area {
        width: 100% !important;
    }
    .paragraph--type--half-width-section .container.video-sesction{
            margin: 0;
    }
    .paragraph--type--half-width-section .field--name-field-add-paragraph .field__item:nth-child(2) {
        padding: 0px 15px;
    }
    .paragraph--type--half-width-section .container.video-sesction{
        padding: 15px 0px;
    }
    .title-descriptiom-top .page-descriptiom {
    padding: 0px 0px;
}
.page-node-type-media-releases .title-descriptiom-top .page-descriptiom {
    padding: 0px 15px;
}
}