article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a:hover,
a:focus {
    text-decoration: none
}

img {
    border: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.icons-btn-search-header {
  /*  background: url(totalenergy_theme/assets/images/icons1985.png?1632756996852) 0 -1976px no-repeat;*/
    background-size: 1145px 8752px;
    display: inline-block;
    width: 17px;
    height: 18px
}

.icons-icon-home-gray,
.icons-icon-video-play,
.icons-arrow-red-main,
.link-more:before,
.page-faq__feedback-popup-btn.btn-icon--white-red:before,
footer .footer-top .col li:before,
.block-activities .list-activities li p>a:after,
.icon-fleche:before,
.icons-arrow-red2,
.container-piliers .block-pilier-dark-red .container-top .btn-white:before,
.container-piliers .block-pilier-dark-red .container-bottom .btn-white:before,
.container-piliers .block-pilier-dark-red .link-more:before,
.alternative-color .total-block-n1 .btn-white:before,
.alternative-color .total-block-projet .icon-fleche:before,
.icons-arrow-red2-azf,
.icons-arrow-back-red2,
.icons-arrow-red-mini,
.block-websites .item-websites .link-more:before,
.icons-arrow-red-mini_2x,
.icons-arrow-back-red-mini,
.icons-arrow-back-red-mini_2x,
.icons-arrow-back-red-main,
.icons-arrow-back-red-main_2x,
.icons-arrow-white,
.container-white .pager .icons-arrow-red-main,
.mega_gabarit_news_bundle.link-color-blue .block-news .btn-white:before,
.mega_gabarit_news_bundle.link-color-red-orange .block-news .btn-white:before,
.lgrey-color .total-block-n1 .page-n1-paragraphs-item-entries-link-title .btn-white:before,
.lgrey-color .total-block-projet .page-projet-paragraphs-item-entries-link-activity .icon-fleche:before,
.lgrey-color .total-block-projet .page-projet-paragraphs-item-entries-link-title .icon-fleche:before,
.icons-arrow-white_2x,
.icons-arrow-back-white,
.container-white .pager .icons-arrow-back-red-main,
.icons-arrow-back-white_2x,
.icons-marker-round-rose,
.worldwide-tabs .tabs-content .legend .text-rose:before,
.icons-marker-round-yellow,
.worldwide-tabs .tabs-content .legend .text-yellow:before,
.icons-marker-round-violet,
.worldwide-tabs .tabs-content .legend .text-violet:before,
.icons-marker-round-green,
.worldwide-tabs .tabs-content .legend .text-green:before,
.icons-marker-round-blue,
.worldwide-tabs .tabs-content .legend .text-blue:before,
.icons-arrow-white-top,
.read-less a:before,
.worldwide-tabs .btn-open a:before,
.icons-arrow-white-bottom,
.read-more a:before,
.worldwide-tabs .btn-close a:before,
.icons-arrow-facebook,
.block-social-news .block-facebook li p>a:after,
.icons-arrow-facebook-right,
.v-arabic .icons-arrow-facebook,
.icons-arrow-twitter,
.block-social-news .block-twitter li p>a:after,
.icons-arrow-twitter-right,
.v-arabic .icons-arrow-twitter,
.icons-btn-sharethis,
.icons-btn-print,
.icons-btn-a-plus,
.icons-btn-a-min,
.icons-btn-search-header,
.icons-btn-menu,
.main-menu .btn-menu .btn-menu-open:before,
.icons-btn-menu-close,
.main-menu .btn-menu .btn-menu-close:before,
.icons-icon-video-play-red,
.item-video .btn-video,
.icons-icon-webelieve,
.icons-icon-westand,
.icons-icon-joinus,
.icons-arrow-white-little-left,
.mosaic .bx-controls-direction .bx-prev:before,
.icons-arrow-white-little-right,
.mosaic .bx-controls-direction .bx-next:before,
.icons-marker-round-red-main,
.block-activities .list-activities li:before,
.icons-icon-twitter,
.block-social-news .tabs .title-twitter:before,
.icons-icon-facebook,
.block-social-news .tabs .title-facebook:before {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle
}

.icons-btn-search-header {
    width: 24px;
    height: 24px
}

html,
body {
    /* font-size: 1rem;
    font-family: Arial;
    color: #374649;
    min-height: 100%;
    line-height: 1.12em;
    display: block;*/
    transform-origin: center top 0;
    -webkit-animation-duration: .1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: .1s
}

a {
    color: #374649;
    text-decoration: none
}

a:hover {
    text-decoration: underline;
    color: #ED0000;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

img {
    vertical-align: bottom
}

@media screen and (max-width: 719px) {
    /* html,
    body {
        /*font-size: 1.125rem
    }
    html .content,
    body .content {
        font-size: 1.125rem;
        line-height: 1.12em
    } 
    */
}

body.stop-scrolling {
    overflow: hidden
}

.accessibility-anchors a {
    display: inline-block;
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 0;
    text-decoration: none;
    margin: 2px;
    color: #ed0000
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.hidden,
.text-hidden {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 959px) {
    .display-none-mob {
        display: none!important
    }
}

.sr-only,
.no-touch .custom-select--mobile {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.text-highlight {
    color: #374649
}

.inner {
    width: 960px;
    margin: 0 auto;
    box-sizing: border-box
}

@media screen and (max-width: 959px) {
    .inner {
        width: auto;
        padding: 0 8px
    }
}

@media screen and (max-width: 719px) {
    body>.content {
        padding: 0
    }
    .inner {
        width: auto
    }
}

@media screen and (max-width: 479px) {
    body>.content {
        padding: 0
    }
    .inner {
        width: auto
    }
}

.wrapper {
    box-sizing: border-box;
    margin: auto;
    max-width: 1170px;
    position: relative;
    width: 100%;
    padding: 0;
}

header .header-top {
    text-align: left;
    padding: 15px 0 8px;
    font-size: .563rem;
    font-family: roboto, noto sans;
    font-weight: 700;
    direction: ltr;
    height: 75px;
    border-bottom: 2px solid #f7f9fa;
    line-height: 11px
}

header .header-top .header-top-menu {
    text-align: right;
    float: right;
    padding-top: 20px;
    color: #374649;
    display: inline-block;
    font-family: roboto, noto sans !important;
    font-weight: 700 !important 
}

header .header-top .header-top-menu .top-menu-link {
    margin: 0 0 0 24px;
    display: inline-block;
    line-height: 11px;
    vertical-align: bottom
}

header .header-top .header-top-menu ul {
    display: inline-block;
    line-height: 1em;
    vertical-align: bottom
}

header .header-top .header-top-menu ul:first-child li:first-child {
    margin-left: 0
}

header .header-top .header-top-menu li,
header .header-top .header-top-menu .menu-wrap-item {
    display: inline-block;
    margin-left: 15px;
    vertical-align: bottom
}

header .header-top .header-top-menu li a,
header .header-top .header-top-menu .menu-wrap-item a {
    color: #374649
}

header .header-top .header-top-menu .menu-wrap-item {
    line-height: 1em
}

header .header-top .header-top-menu :not(.border-right) li {
    margin: 0 0 0 15px
}

header .header-top .header-top-menu .border-left {
    border-left: 1px solid #bbbcbd;
    margin-left: 15px;
    padding-left: 15px
}

header .header-top .header-top-menu .link-total {
    color: #ed0000
}

header.search-bar-open .header-top .header-top-menu {
    display: none
}

@media screen and (max-width: 959px) {
    header .header-top {
        padding: 14px 8px 13px
    }
}

@media screen and (max-width: 479px) {
    header input[type=submit] {
        float: none
    }
}

@media screen and (max-width: 959px) {
    header {
        height: 55px
    }
}

header .search-bar-header {
    background-color: #fff;
    position: relative;
    color: #374649
}

header .search-bar-header::after {
  /*  background: url(totalenergy_theme/assets/images/icons/header-mini-bandeau.png) right no-repeat;*/
    background-size: 100% 100%;
    bottom: -5px;
    content: '';
    display: block;
    height: 5px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 2
}

header .search-bar-header.sticky-search {
    position: fixed;
    top: 55px;
    border-top: solid 1px rgba(102, 102, 102, .15);
    width: 100%;
    max-width: 100%
}

header .search-bar-header.sticky-search::after {
    bottom: 0
}

header .search-bar-header.hidden {
    display: none
}

header .search-bar-header.hidden #search-api-page-search-form {
    display: none
}

header .search-bar-header .search-bar--close {
    position: absolute;
    right: 15px;
    top: 17px;
    cursor: pointer
}

header .search-bar-header .search-bar--close-icon {
  /*  background: url(totalenergy_theme/assets/images/icons1985.png?1632756996852) 0 -1593.8px no-repeat;*/
    background-size: 536.7px 4102.5px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 0
}

header .search-bar-header .search-bad-header--input {
    font-family: roboto, noto sans;
    font-weight: 400;
    position: relative
}

header .search-bar-header div label {
    position: absolute;
    font-size: 100%;
    left: 10px;
    top: 20px;
    transition-duration: .5s;
    transition-property: opacity, top;
    margin: 0;
    font-family: roboto, noto sans;
    font-weight: 400
}

header .search-bar-header div label.show-label {
    top: 5px
}

header .search-bar-header div input {
    height: 60px;
    color: #374649;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    font-family: roboto, noto sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .1px
}

header .search-bar-header div input.icons-btn-search-header {
    display: none
}

header .search-bar-header div input:focus-visible {
    outline: none
}

header .search-results {
    background: #fff;
    z-index: 101;
    margin-top: 5px;
    width: 100%
}

header .search-results.sticky-search {
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translateX(-50%)
}

header .search-results.hidden {
    display: none
}

header .search-results p {
    text-align: center;
    padding: 15px
}

header .search-results p.hidden {
    display: none
}

.header-top .header-top-menu .link-total {
    font-size: 9px;
    line-height: 11px;
    font-family: roboto, noto sans;
    font-weight: 700
}

body.layered {
    position: relative
}

body.layered .menu-overlay {
    opacity: 1
}

body .menu-overlay {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background: rgba(112, 152, 167, .5);
    content: '';
    transition: .25s ease-in-out;
    z-index: 9;
    opacity: 0
}

header {
    height: auto;
    min-height: 60px;
    background: #fff;
    position: relative;
    z-index: 11;
    padding-left: 20px;
    padding-right: 20px
}

header .lead-text-empty {
    padding: 20px 0;
    text-align: center
}

header .sliding-menu {
    position: relative
}

@media screen and (max-width: 719px) {
    header .sliding-menu {
        width: 100%
    }
    
}



header .sliding-menu .sliding-menu-header {
    position: relative;
    background-color: #fff
}

@media screen and (max-width: 350px) {
    header .sliding-menu .sliding-menu-header {
        padding-left: 0;
        padding-right: 0
    }
}


header .sliding-menu .sliding-menu-header .wrapper {
    height: 100%
}

@media screen and (min-width: 960px) and (max-width:1169px) {
    header .sliding-menu .sliding-menu-header .wrapper {
        width: 960px;
        margin: 0 auto
    }
    
}

@media screen and (min-width: 720px) and (max-width:959px) {
    header .sliding-menu .sliding-menu-header .wrapper {
        width: 720px;
        margin: 0 auto
    }
}

header .sliding-menu .sliding-menu-header .wrapper .sliding-menu-right {
    width: 100%;
    position: absolute;
    right: 0;
    height: 30px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    top: 45%;
    transform: translateY(-50%);
    display: flex;
    z-index: 20
}

@media screen and (min-width: 480px) and (max-width:720px) {
    header .sliding-menu .sliding-menu-header .wrapper .sliding-menu-right {
        flex-direction: column;
        align-items: flex-end
    }
}

@media screen and (max-width: 479px) {
    header .sliding-menu .sliding-menu-header .wrapper .sliding-menu-right {
        top: 70%
    }
}

header .sliding-menu .sliding-menu-header .wrapper .sliding-menu-right .cta-block {
    align-self: center;
    display: flex;
    position: absolute;
    right: 0
}

header .sliding-menu .sliding-menu-header::after {
  /*  background: url(totalenergy_theme/assets/images/icons/header-mini-bandeau.png) right no-repeat;*/
    background-size: 100% 100%;
    bottom: 0;
    content: '';
    display: block;
    height: 5px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 10
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle {
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    width: 30px;
    top: -20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    outline: transparent;
    padding: 0
}

@media screen and (min-width: 480px) and (max-width:959px) {
    header .sliding-menu .sliding-menu-header .sliding-menu-toggle {
        margin-left: 15px
    }
}

@media screen and (max-width: 479px) {
    header .sliding-menu .sliding-menu-header .sliding-menu-toggle {
        top: -29px
    }
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle span {
    background: #ed0000;
    display: block;
    height: 4px;
    left: 0;
    opacity: 1;
    position: absolute;
    transition: .25s ease-in-out;
    width: 10px
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle span:nth-child(even) {
    left: 10px
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle span:nth-child(odd) {
    left: 0
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle span:nth-child(1),
header .sliding-menu .sliding-menu-header .sliding-menu-toggle span:nth-child(2) {
    top: 22px
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle span:nth-child(3),
header .sliding-menu .sliding-menu-header .sliding-menu-toggle span:nth-child(4) {
    top: 30px
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle span:nth-child(5),
header .sliding-menu .sliding-menu-header .sliding-menu-toggle span:nth-child(6) {
    top: 38px
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle.menu-active span:nth-child(1),
header .sliding-menu .sliding-menu-header .sliding-menu-toggle.menu-active span:nth-child(6) {
    transform: rotate(45deg)
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle.menu-active span:nth-child(2),
header .sliding-menu .sliding-menu-header .sliding-menu-toggle.menu-active span:nth-child(5) {
    transform: rotate(-45deg)
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle.menu-active span:nth-child(1) {
    left: 4px;
    top: 27px
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle.menu-active span:nth-child(2) {
    left: calc(50% - 4px);
    top: 27px
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle.menu-active span:nth-child(3) {
    left: -50%;
    opacity: 0
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle.menu-active span:nth-child(4) {
    left: 100%;
    opacity: 0
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle.menu-active span:nth-child(5) {
    left: 4px;
    top: 34px
}

header .sliding-menu .sliding-menu-header .sliding-menu-toggle.menu-active span:nth-child(6) {
    left: calc(50% - 4px);
    top: 34px
}

header .sliding-menu .sliding-menu-header .cta {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 20;
    top: -2px
}

header .sliding-menu .sliding-menu-header .cta .sliding-menu-right--cta {
    padding: 0 10px;
    border-right: 1px solid rgba(102, 102, 102, .15);
    height: 30px;
    min-width: 32px;
    display: inline-block;
    vertical-align: top
}

header .sliding-menu .sliding-menu-header .cta .sliding-menu-right--cta:last-child {
    border-right: none;
    padding-right: 0
}

header .sliding-menu .sliding-menu-header .cta .msg-cta {
  /*  background: url(totalenergy_theme/assets/images/icons/envelope_red.png) center no-repeat;*/
    background-size: 20px auto
}

header .sliding-menu .sliding-menu-header .cta .search-cta {
    border: 1px solid transparent;
    box-sizing: border-box;
    cursor: pointer
}

header .sliding-menu .sliding-menu-header .cta .search-cta .search-cta--icon {
  /*  background: url(totalenergy_theme/assets/images/icons/search_left_red.png) center no-repeat;*/
    background-size: 20px auto;
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px
}

@media screen and (max-width: 959px) {
    header .sliding-menu .sliding-menu-header .cta .search-cta .search-cta--icon {
      /*  background: url(totalenergy_theme/assets/images/icons/btn-search-header.svg) center no-repeat;*/
        background-size: 20px auto
    }
}

header .sliding-menu .sliding-menu-header .cta .search-cta .search-cta--text {
    border: none;
    background: 0 0;
    text-transform: inherit;
    display: inherit;
    vertical-align: inherit;
    font-family: roboto, noto sans;
    font-size: .875rem;
    color: #374649 ;
    padding-top: 5px
}

@media screen and (max-width: 720px) {
    header .sliding-menu .sliding-menu-header .cta .search-cta .search-cta--text {
        display: none
    }
}

header .sliding-menu .sliding-menu-content {
    display: none;
    max-width: 374px;
    position: fixed;
    right: 0;
    top: 20px;
    transition: all .4s ease-in-out;
    width: 100%;
    z-index: 10;
   
    overflow-x: hidden;
    height: 150px
}

header .sliding-menu .sliding-menu-content .sliding-menu-list,
header .sliding-menu .sliding-menu-content .sliding-sub-menu {
    background-color: #fff
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item {
    box-sizing: border-box;
  /*  background: url(totalenergy_theme/assets/images/icons/menu-item-border.png) left bottom no-repeat;*/
    background-size: auto, 100% 1px;
    background-color: #fff;
    font-family: roboto, noto sans;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item.items-parent,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item.items-parent {
  /*  background: url(totalenergy_theme/assets/images/icons/menu-parent-item.png) center right 15px no-repeat;*/
    background-size: auto, 100% 1px;
    background-color: #fff;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    transition: all .2s ease-in-out
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item.items-parent.display-hidden,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item.items-parent.display-hidden {
    display: none
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item.items-parent:hover,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item.items-parent:hover {
  /*  background: url(totalenergy_theme/assets/images/icons/menu-parent-item.png) center right 15px no-repeat;*/
    background-size: auto, 100% 1px;
    background-color: #fff
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item a,
header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .menu-title a,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item a,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .menu-title a {
    box-sizing: border-box;
    color: #374649;
    display: block;
    padding: 28px 15px;
    text-decoration: none;
    transition: all .2s ease-in-out
}

@media screen and (max-width: 959px) {
    header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item a,
    header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .menu-title a,
    header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item a,
    header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .menu-title a {
        padding-right: 40px;
        font-size: 18px;
        line-height: 21px
    }
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item a:hover,
header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .menu-title a:hover,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item a:hover,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .menu-title a:hover {
    color: #ed0000
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item button,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item button {
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: #374649;
    display: block;
    padding: 28px 15px;
    text-decoration: none;
    transition: all .2s ease-in-out;
    text-align: left;
    font-family: roboto, noto sans;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px
}

@media screen and (max-width: 959px) {
    header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item button,
    header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item button {
        padding-right: 40px
    }
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item button:hover,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item button:hover {
    color: #ed0000
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item.business a,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item.business a {
    font-family: roboto, noto sans;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #ed0000;
    font-stretch: condensed
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item.business a:hover,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item.business a:hover {
    color: #ed0000
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item.active-section>.sliding-sub-menu,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item.active-section>.sliding-sub-menu {
    left: 0
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu {
    bottom: 0;
    left: 100%;
    position: absolute;
    top: 0;
    transition: all .2s ease-in-out;
    width: 100%
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .sliding-menu-item .menu-title a,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .sliding-menu-item .menu-title a {
    font-family: roboto, noto sans;
    font-weight: 700
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .sliding-menu-item a,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .sliding-menu-item a {
    font-family: roboto, noto sans;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .1px;
    text-transform: none
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .menu-title,
header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .back-link,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .menu-title,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .back-link {
    font-family: roboto, noto sans;
    font-weight: 700;
    position: relative;
    background-color: #fff;
    font-size: 16px;
    line-height: 19px
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .menu-title::after,
header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .back-link::after,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .menu-title::after,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .back-link::after {
  /*  background: url(totalenergy_theme/assets/images/icons/menu-item-border.png) right bottom no-repeat;*/
    background-size: 100% 100%;
    background-color: #fff;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    right: 0;
    width: 100%
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .menu-title:hover,
header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .back-link:hover,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .menu-title:hover,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .back-link:hover {
    color: #374649
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .back-link>button,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .back-link>button {
    color: #ed0000
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .menu-title,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .menu-title {
    position: unset;
    font-size: 18px;
    line-height: 21px
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .back-link,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .back-link {
  /*  background: url(totalenergy_theme/assets/images/icons/menu-back-link.png) center left 15px no-repeat, url(totalenergy_theme/assets/images/icons/menu-item-border.png) right bottom no-repeat;
   */
  background-size: auto, 100%;
    transition: all .2s ease-in-out
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .back-link:hover,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .back-link:hover {
  /*  background: url(totalenergy_theme/assets/images/icons/menu-back-link-hover.png) center left 15px no-repeat, url(totalenergy_theme/assets/images/icons/menu-item-border.png) right bottom no-repeat;
   */
  background-size: auto, 100%
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .back-link a,
header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .back-link button,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .back-link a,
header .sliding-menu .sliding-menu-content .sliding-sub-menu .sliding-menu-item .sliding-sub-menu .back-link button {
    font-family: roboto, noto sans;
    font-weight: 700;
    padding-left: 30px;
    text-transform: capitalize
}

header .sliding-menu .sliding-menu-content .sliding-menu-list {
    display: none;
    overflow: visible
}

header .sliding-menu .sliding-menu-content .sliding-menu-list.visible-menu {
    display: block
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .sliding-sub-menu .back-link {
    font-family: roboto, noto sans;
    font-weight: 700
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .sliding-sub-menu .menu-title {
    font-family: roboto, noto sans;
    font-weight: 700
}

header .sliding-menu .sliding-menu-content .sliding-menu-list .sliding-menu-item .sliding-sub-menu .sliding-sub-menu .sliding-menu-item a {
    text-transform: none;
    font-family: roboto, noto sans;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .1px;
    color: #ed0000;
    text-transform: none
}

header .sliding-menu:not(.sticky-menu) .sticky-visible {
    display: none
}

header .sliding-menu .sticky-logo {
    overflow: hidden;
    height: 0
}

header .sliding-menu.sticky-menu {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff
}

@media screen and (min-width: 350px) {
    header .sliding-menu.sticky-menu .sliding-menu-header {
        padding-left: 20px;
        padding-right: 20px
    }
}

header .sliding-menu.sticky-menu .sliding-menu-header .wrapper .sliding-menu-right {
    top: 65%
}

header .sliding-menu.sticky-menu.with-search-bar {
    height: 60px
}

header .sliding-menu.sticky-menu.with-search-bar .mega-menu {
    display: none
}

header .sliding-menu.sticky-menu.with-search-bar .menu-container .cta,
header .sliding-menu.sticky-menu.with-search-bar .sliding-menu-right .cta {
    display: none
}

header .sliding-menu.sticky-menu.with-search-bar .sliding-menu-header {
    height: 60px
}

@media screen and (min-width: 960px) {
    header .sliding-menu.sticky-menu.with-search-bar .sliding-menu-header .sticky-logo {
        transform: translateY(13%);
        transition-delay: 0s
    }
}

@media screen and (max-width: 959px) {
    header .sliding-menu.sticky-menu.with-search-bar .sliding-menu-header .sliding-menu-toggle {
        top: -35px
    }
}

header .sliding-menu.sticky-menu .sliding-menu-header .sticky-logo {
    float: left;
    transform: translateY(70%);
    transition-delay: .5s;
    transition-duration: .2s;
    height: 100%;
    z-index: 1;
    position: relative
}

header .sliding-menu.sticky-menu .sliding-menu-header .sticky-logo img {
    max-width: 95px
}

header .sliding-menu.sticky-menu .sliding-menu-header .mega-menu {
    transition-duration: .5s;
    padding-left: 100px
}

header .sliding-menu.sticky-menu .sticky-visible {
    display: block
}

@media screen and (max-width: 959px) {
    header .sliding-menu.sticky-menu .sliding-menu-header {
        height: 60px
    }
    header .sliding-menu.sticky-menu .sliding-menu-header .sticky-logo {
        transition-delay: .15s;
        transform: translateY(30%)
    }
    header .sliding-menu.sticky-menu .sliding-menu-header .sticky-logo img {
        max-width: 80px
    }
}

@media screen and (min-width: 960px) {
    header .sliding-menu.has-mega-menu .sliding-menu-header .sliding-menu-toggle {
        display: none
    }
    header .sliding-menu.has-mega-menu .sliding-menu-header .cta {
        right: 0
    }
    header .sliding-menu.has-mega-menu .sliding-menu-header .mega-menu-item {
        margin: 0 20px 0 0
    }
    header .sliding-menu.has-mega-menu .sliding-menu-header .wrapper {
        font-size: 14px
    }
    header .sliding-menu.has-mega-menu .sliding-menu-header .cta .search-cta {
        margin-right: 0
    }
    header .sliding-menu.has-mega-menu .sliding-menu-header .cta:first-child a {
        margin-left: 0
    }
}

@media screen and (max-width: 479px) {
    header .sliding-menu .sliding-menu-header .cta>div,
    header .sliding-menu .sliding-menu-header .cta>a {
        margin: 0 8px
    }
    header .sliding-menu .sliding-menu-header .cta .search-cta {
        height: 36px;
        margin-right: 0;
        padding: 3px
    }
    header .sliding-menu .sliding-menu-header .cta .search-cta .search-cta--icon {
        position: relative;
        height: 28px;
        width: 28px;
        bottom: 5px
    }
    header .sliding-menu .sliding-menu-content {
        max-width: 320px
    }
}

.total-menu {
    display: flex
}

.total-menu .mega-menu-item {
    display: inline-flex;
    align-items: stretch
}

.total-menu .mega-menu-item div.link-wrapper {
    display: inline-flex;
    align-items: stretch;
    padding: 10px 0
}

.total-menu .mega-menu-item div.link-wrapper.highlighted,
.total-menu .mega-menu-item div.link-wrapper.highlighted-color-two {
    padding: 10px 2px
}

.total-menu .mega-menu-item div.link-wrapper.highlighted .menu-mega-link,
.total-menu .mega-menu-item div.link-wrapper.highlighted-color-two .menu-mega-link {
    color: #fff;
    background-color: #ed0000
}

.total-menu .mega-menu-item .menu-mega-link {
    display: flex !important;
    align-items: center !important;
    line-height: 18px !important;
    z-index: 30 !important;
    cursor: pointer !important;
    background-color: transparent !important;
    border: none !important;
    color: #374649 !important;
    padding: 0
}

.mega-menu {
    position: relative;
    bottom: 0
}

.mega-menu nav {
    padding: 3px 0;
    position: relative
}

.mega-menu-sub {
    position: absolute;
    height: 0;
    z-index: 8;
    overflow: hidden;
    transition: visibility 0s .3s, height .3s ease-in 0s;
    visibility: hidden;
    width: 100%;
    background-color: #fff;
    max-width: 1210px;
    left: 50%;
    transform: translateX(-50%);
    top: 100%
}

.mega-menu-sub .mega-menu-duplicate-wrapper .mega-menu-duplicate-item {
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
    display: block;
    padding: 20px 30px;
    color: #374649;
    background-color: #fff;
    font-family: roboto, noto sans;
    font-weight: 700
}

.mega-menu-sub .mega-menu-dropdown-box {
    position: relative
}

.close-menu-button {
    padding: 0;
    border: 0;
  /*  background: url(totalenergy_theme/assets/images/icons1985.png?1632756996852) 0 -3400px no-repeat;*/
    background-size: 1145px 8752px;
    display: inline-block;
    width: 30px;
    height: 30px
}

.close-menu-button-wrapper {
    position: absolute;
    top: 10px;
    right: 20px
}

.mega-menu-item {
    display: inline-block;
    vertical-align: middle
}

.menu-mega-link {
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-family: roboto, noto sans !important;
    font-weight: 700 !important;
    font-weight: 700 !important;
    z-index: 12 !important;
    line-height: 14px !important
}

@media screen and (min-width: 960px) {
    .menu-mega-link {
        position: relative !important
    }
}

.menu-mega-link:hover {
    text-decoration: none !important
}

.menu-mega-link.text-highlight {
    color: #ed0000 !important
}

.hover-flying,
.hover-flying-active {
    height: 5px;
    left: 0;
    display: block;
    z-index: 20;
    position: absolute;
    background-color: #ed0000;
    bottom: 0
}

.top-menu-link {
    display: none
}

.mega-menu-sub-item {
    width: 285px;
    height: 75px;
    font-family: roboto, noto sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .1px
}

.mega-menu-sub-item>a,
.mega-menu-sub-item>nolink {
    padding-left: 30px
}

.mega-menu-sub-item>a,
.mega-menu-sub-item>.nolink {
    padding: 0 30px;
    display: flex;
    align-items: center;
    font-family: roboto, noto sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .1px;
    color: #374649;
    width: 199px
}

.mega-menu-sub-item.on>a,
.mega-menu-sub-item.on>.nolink {
    color: #ed0000
}

.mega-menu-sub-item.arrow.on {
    background-color: #f7f9fa
}

.mega-menu-sub-item .mega-menu-sub-section-wrap {
    display: none
}

.mega-menu-sub-item .mega-menu-sub-section,
.mega-menu-sub-item .mega-menu-blocks,
.mega-menu-sub-item .mega-menu-sub-section-item {
    display: inline-block;
    vertical-align: top;
    padding: 10px
}

.mega-menu-sub-item .mega-menu-sub-section-wrap {
    position: absolute;
    z-index: 20;
    height: 450px;
    width: 830px
}

@media screen and (min-width: 960px) and (max-width:1169px) {
    .mega-menu-sub-item .mega-menu-sub-section-wrap {
        width: 625px
    }
}

.mega-menu-sub-item .mega-menu-sub-section {
    width: 450px;
    padding-top: 21px
}

.mega-menu-sub-item.on .mega-menu-sub-section-wrap {
    display: block;
    top: 0;
    right: 0;
    transition: opacity .3s;
    background-color: #f7f9fa
}

.mega-menu-sub-item.arrow>a,
.mega-menu-sub-item.arrow>.nolink {
    max-width: 220px
}

.mega-menu-sub-item.arrow:after {
  /*  background: url(totalenergy_theme/assets/images/icons1985.png?1632756996852) 0 -766px no-repeat;*/
    background-size: 1145px 8752px;
    display: inline-block;
    width: 8px;
    height: 11px;
    content: '';
    position: relative;
    left: 46px;
    top: 34px;
    vertical-align: top
}

.mega-menu-sub-item.arrow.on:after {
  /*  background: url(totalenergy_theme/assets/images/icons1985.png?1632756996852) 0 -782px no-repeat;*/
    background-size: 1145px 8752px;
    display: inline-block;
    width: 8px;
    height: 11px
}

.mega-menu-sub-section-item {
    width: 200px
}

.mega-menu-sub-section-item .title-link,
.mega-menu-sub-section-item .sub-link {
    font-size: .875rem;
    font-family: roboto, noto sans
}

.mega-menu-sub-section-item .title-link {
    color: #ed0000;
    margin-bottom: 10px;
    display: block;
    font-family: roboto, noto sans;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .1px
}

@media screen and (max-width: 959px) {
    .main-menu {
        margin-top: 0;
        float: none;
        padding-top: 3px
    }
    .main-menu ul {
        padding-left: 0;
        height: auto;
        margin-left: 0
    }
    .main-menu ul li {
        display: block;
        font-size: 100%;
      /*  background: url(totalenergy_theme/assets/images/menu-mob-border.png) no-repeat left top;*/
        padding: 1px 0 0;
        margin: 0;
        float: none
    }
    .main-menu ul li:first-child {
        padding: 0;
        background: 0 0
    }
    .main-menu .menu-container {
        background: #fff;
        position: static;
        display: none
    }
}

@media screen and (max-width: 959px) {
    .mega-menu {
        height: 100%
    }
    .mega-menu-sub {
        display: none
    }
}

@media screen and (max-width: 479px) {
    .main-menu .menu-container {
        top: 72px
    }
    .main-menu:not(.menu-mob__open) .menu-container {
        visibility: hidden
    }
}

@media screen and (max-width: 479px) and (min-width:375px) {
    .main-menu {
        padding-top: 1px
    }
}

.breadcrumb {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: .1px;
    font-family: roboto, noto sans;
    font-weight: 400;
    padding: 40px 0 10px
}

.breadcrumb li {
    display: inline-block;
    padding: 0 1px;
    color: #ed0000
}

.breadcrumb li a {
    color: #ed0000
}

.breadcrumb li a:hover {
    text-decoration: underline
}

.breadcrumb li:before {
    content: ">";
    color: #374649;
    padding: 0 2px
}

.breadcrumb li:first-child:before {
    display: none
}

.breadcrumb li:last-child {
    color: #374649
}
.breadcrumb li.last {
    color: #374649
}
@media screen and (max-width: 959px) {
    .breadcrumb {
        padding: 35px 0 20px
    }
    .staticheader 
{
    position:fixed !important;
}
}
.staticheader
{
   
}


@media screen and (max-width: 719px) {
    .breadcrumb {
        font-size: 72%;
        padding-left: 10px
    }
}

@media screen and (max-width: 479px) {
    .breadcrumb {
        padding: 30px 0 0 10px
    }
}

@media screen and (min-width: 720px) and (max-width:959px) {
    .inner {
        padding: 0 6px
    }
}

@media screen and (max-width: 719px) {
    .inner {
        padding: 0 10px
    }
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
textarea {
    border: none;
    background-color: #f7f9fa;
    border-radius: 10px;
    height: 39px;
    width: 100%;
    padding-left: 7px;
    padding-right: 7px;
    box-sizing: border-box;
    color: #374649;
    vertical-align: top;
    font-family: roboto, noto sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    -webkit-appearance: none;
    padding-top: 5px
}

label {
    color: #374649;
    font-family: roboto, noto sans;
    font-weight: 400;
    display: inline-block;
    margin-top: 9px;
    vertical-align: top
}

@media screen and (max-width: 719px) {
    label {
        display: block;
        margin-bottom: 5px;
        font-size: 116%
    }
}

@media screen and (max-width: 479px) {
    body>.content {
        padding: 0
    }
}

@media screen and (max-width: 720px) {
    .inner {
        box-sizing: border-box
    }
}

.mega-menu-sub-item {
    width: auto;
    display: flex
}

.region-header {
    z-index: 99
}

header .header-top {
    height: 50px
}

header .header-left {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-right: 39px
}

header .header-left .header-left-logo {
    display: inline-block
}

header .header-right {
    width: calc(100% - 148px);
    display: inline-block
}

header .sliding-menu.sticky-menu {
    left: 0
}

header .sliding-menu.sticky-menu .sticky-custom {
    position: absolute;
    top: 40%;
    left: 105px
}

header .sliding-menu.sticky-menu .sliding-menu-header::after {
    background: 0 0!important
}

header .sliding-menu.sticky-menu .sliding-menu-header .sticky-logo {
    display: inline-block
}

header .sliding-menu.sticky-menu .sliding-menu-header .sticky-logo img {
    max-width: 58px
}

header .sliding-menu.sticky-menu .menu-container {
    display: inline-block;
    vertical-align: bottom
}

@media screen and (max-width: 959px) {
    header .sliding-menu.sticky-menu .sliding-menu-header {
        height: 60px
    }
    header .sliding-menu.sticky-menu .sliding-menu-header .sticky-logo {
        transform: initial
    }
}

.inner {
    max-width: 1170px;
    width: 100%
}

@media screen and (max-width: 1169px) and (min-width:960px) {
    .inner {
        max-width: 960px;
        width: 100%
    }
    .sticky-logo.sticky-visible.custom-logo-Desktop img {
        width: 58px;
        height: 42px
    }
}

@media screen and (max-width: 959px) and (min-width:720px) {
    .inner {
        max-width: 720px;
        width: 100%
    }
}

@media screen and (min-width: 480px) and (max-width:719px) {
    .inner {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width: 479px) {
    header .sliding-menu .sliding-menu-header .sliding-menu-toggle {
        z-index: 100;
        margin-left: 5px
    }
    header .sliding-menu .sliding-menu-header::after {
        background: 0 0
    }
    header .sliding-menu .sliding-menu-header .cta {
        transform: none;
        top: auto;
        bottom: 10px;
        margin-right: 10px
    }
}

.total-menu .mega-menu-item div.link-wrapper.highlighted-color-two .menu-mega-link {
    background-color: #ed0000
}

header .sliding-menu.sticky-menu .sliding-menu-header .sticky-logo {
    float: none;
    transform: none
}

header .sliding-menu.sticky-menu .sliding-menu-header .mega-menu {
    padding-left: 0
}

header .sliding-menu .sliding-menu-header .wrapper .sliding-menu-right .cta-block {
    padding-top: 0
}

@media screen and (min-width: 320px) and (max-width:479px) {
    header .sliding-menu .sliding-menu-header .wrapper .sliding-menu-right .cta-block {
        padding-top: 13px!important
    }
}

@media screen and (min-width: 960px) {
    header .sliding-menu .sliding-menu-header .wrapper .sliding-menu-right .cta-block {
        padding-top: 12px!important
    }
}

header .header-top {
    padding: unset
}

header .header-top .header-top-menu {
    font-family: roboto, noto sans;
    font-weight: 700;
    padding: 22px 0 12px;
    float: none;
    display: block
}

@media screen and (max-width: 959px) {
    .sliding-menu.sticky-menu .sliding-menu-header .sticky-logo.custom-logo-mobile {
        display: block!important
    }
    .sliding-menu.sticky-menu .sliding-menu-header .sticky-logo.custom-logo-Desktop {
        display: none!important
    }
    .sliding-menu.sticky-menu .sliding-menu-header .sticky-logo .img-horizontal {
        max-width: 32px;
        padding-top: 18px;
        padding-bottom: 14px
    }
}

.header-left-logo img {
    max-height: 76px;
    width: 104px
}

@media screen and (min-width: 1170px) {
    .region-header {
        padding: 15px 0 0;
        max-width: 1170px;
        margin: 0 auto
    }
}

.custom-slogan {
    color: #ed0000;
    display: inline-block;
    padding-bottom: 15px;
    font-family: roboto, noto sans
}

.sliding-menu-right--cta {
    margin-top: 17px
}

.nav-right {
    float: right
}

.slogan-left {
    float: left;
    font-size: 14px;
    font-family: roboto, noto sans;
    font-weight: 400;
    color: #ed0000;
    text-transform: capitalize
}

.total-menu .mega-menu-item .menu-mega-link {
    font-family: roboto, noto sans !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    line-height: 14px !important;
   
    font-weight: 700 !important
}

.total-menu .mega-menu-item div.link-wrapper {
    padding: 13px 0 9px
}
@media screen and (max-width: 480px) {
    .custom-slogan {
        font-size: 10px;
        line-height: 12px;
        padding-bottom: 18px;
        padding-left: 15px
    }
}
@media screen and (max-width: 719px) and (min-width:480px) {
    .custom-slogan {
        font-size: 10px;
        padding-left: 15px;
        line-height: 12px;
        padding-bottom: 18px
    }
}
@media screen and (min-width: 720px) and (max-width:959px) {
    .custom-slogan {
        font-size: 14px;
        padding-left: 35px;
        line-height: 16px;
        padding-bottom: 17px
    }
}
@media screen  and (max-width:959px) {
    header .sliding-menu.active .sliding-menu-content {
        display: block
    }
}
.search-cta--text {
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize
}
.sticky-menu .sliding-menu-header .wrapper .custom-logo-Desktop .custom-slogan {
    padding-bottom: 20px!important;
    padding-left: 44px
}
.sliding-menu .sliding-menu-header::after {
    background: 0 0!important
}
.sliding-menu .sliding-menu-header .cta .search-cta .search-cta--icon {
  /*  background: url(totalenergy_theme/assets/images/icons/new_search.png) center no-repeat!important*/
}

@media screen and (min-width: 959px) {
    .region-header {
        padding-top: 15px
    }
}
@media screen and (max-width: 1169px) {
    .sliding-menu .sliding-menu-header .wrapper {
        width: 100%!important
    }
}

@media screen and (max-width: 959px) {
    .main-menu {
        display: none
    }
}

.custom-logo-Desktop {
    padding-bottom: 16px
}

.sliding-menu.sticky-menu .sliding-menu-header .sticky-logo img {
    padding-top: 14px
}

.cta .sliding-menu-right--cta {
    margin-top: 0
}

@media screen and (min-width: 720px) {
    .sliding-menu.sticky-menu .sliding-menu-header .wrapper .sliding-menu-right {
        top: 60%!important
    }



}

@media screen and (min-width: 480px) and (max-width:720px) {
    .sliding-menu.sticky-menu .sliding-menu-header .wrapper .sliding-menu-right {
        top: 35%!important
    }
}

.mega-menu-sub {
    left: 42.8%
}

.sticky-menu .mega-menu-sub {
    left: 68.9%
}

@media screen and (min-width: 960px) {
    .mega-menu-sub {
        left: 40.8%
    }
    .sticky-menu .mega-menu-sub {
        left: 52.9%
    }
}

@media screen and (min-width: 1000px) {
    .sticky-menu .mega-menu-sub {
        left: 55.9%
    }
}

@media screen and (min-width: 1170px) {
    .mega-menu-sub {
        left: 42.8%
    }
    .sticky-menu .mega-menu-sub {
        left: 71.9%
    }
}

header .search-bar-header.sticky-search {
    left: 0
}

.sliding-menu.sticky-menu .mega-menu-sub {
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    transform: translateX(0)
}

.remove-lmargin {
    margin-left: 0!important
}

header .sliding-menu .sliding-menu-header .cta .msg-cta {
  /*  background: url(totalenergy_theme/assets/images/icons/envelope_red.png) center no-repeat;*/
    background-size: 15px auto
}

.no-display-header {
    display: none !important
}

.no-upper {
    text-transform: none !important
}
.left-arab
{
left : 0 !important;
right: auto !important;
}
.right-arab-100
{
    right : 105px !important
    }

    .float-left-arab
{
    float: left  !important
    }
    .float-none-arab
    {
        float: none  !important
        }