@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900&display=swap');

html {
    overflow-x: hidden
}

body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
	color: #464646;
}
a{
    text-decoration: none;
     color: #464646;
}

@media (min-width:768px) {
    .g-pb-27 {
        padding-bottom: 27px
    }
    .g-pl-95 {
        padding-left: 95px
    }
    .g-pa-0 {
        padding: 0
    }
    .g-px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .g-py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .g-pl-0 {
        padding-left: 0
    }
    .g-pr-0 {
        padding-right: 0
    }
    .g-pt-0 {
        padding-top: 0
    }
    .g-pb-0 {
        padding-bottom: 0
    }
    .g-pl-10 {
        padding-left: 10px
    }
    .g-py-50 {
        padding: 50px 0
    }
    .g-pt-50 {
        padding-top: 50px
    }
    .g-pt-90 {
        padding-top: 90px
    }
    .g-mt-50 {
        margin-top: 50px
    }
    .g-mb-30 {
        margin-bottom: 30px
    }
    .g-mb-35 {
        margin-bottom: 35px
    }
    .g-mb-20 {
        margin-bottom: 20px
    }
    .g-pr-20 {
        padding-right: 20px
    }
    .g-pt-102 {
        padding-top: 102px
    }
    .g-mb-32 {
        margin-bottom: 32px
    }
    .g-mb-10 {
        margin-bottom: 10px
    }
    .g-mb-18 {
        margin-bottom: 18px
    }
    .g-mb-40 {
        margin-bottom: 40px
    }
    .g-pt-89 {
        padding-top: 89px
    }
    .g-pt-172 {
        padding-top: 172.6px
    }
    .g-ps-20 {
        padding: 0 20px
    }
    .g-mt-60 {
        margin-top: 60px
    }
    .g-mb-212 {
        margin-bottom: 212px
    }
    .p-fs-14,
    .p-fs-14 p {
        font-size: 14px
    }
    .p-fs-150,
    .p-fs-150 p {
        font-size: 150px
    }
}

@media (min-width:576px) {
    .g-ma-0--sm {
        margin: 0
    }
}

@media (min-width:768px) {
    .g-ma-0--md {
        margin: 0
    }
}

@media (min-width:992px) {
    .pull-right--md {
        float: right
    }
    .margin--15--md {
        margin-right: -15px
    }
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin: 0
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-weight: 700
}

a:focus {
    outline: 0!important
}

.white-bg {
    background-color: #fff
}

.shadow-20 {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .2)
}

.shadow-15 {
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .15)
}

.shadow-10 {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.shadow-8-10-15 {
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .15)
}

.shadow-10-20-40-10 {
    box-shadow: 10px 20px 40px 0 rgba(0, 0, 0, .1)
}

.shadow-3-15-15 {
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .15)
}

.shadow-10-30-10 {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1)
}

.shadow-2-6-15 {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.shadow-4-12-20 {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2)
}

.shadow-8-12-15 {
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .15)
}

.shadow-30 {
    box-shadow: 2px 8px 10px 0 rgba(0, 0, 0, .1)
}

.report-text {
    letter-spacing: normal!important;
    font-weight: 700!important
}


.mobile-menubar-green svg.mobile-menu path {
    fill: #417630
}

.ellipsed .ellipsis-content:after {
    content: "..."
}

.hero-banner-mobile {
    width: 100%
}

.round-btn {
    height: 50px;
    border-radius: 100px;
    border: solid 3px #464646;
    background: 0 0;
    min-width: 180px
}

.round-btn-title {
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.375;
    letter-spacing: -.2px;
    text-align: center;
    color: #464646;
    display: inline-block;
    padding: 10px 15px
}

.round-btn-title:active,
.round-btn-title:focus,
.round-btn-title:hover,
.round-btn-title:visited {
    text-decoration: none;
    color: #464646
}

.orange-btn {
    border: solid 3px #464646
}

.orange-btn-title {
    color: #464646
}

.orange-btn-title:active,
.orange-btn-title:visited {
    text-decoration: none;
    color: #464646
}

.orange-btn-title:focus,
.orange-btn-title:hover {
    text-decoration: none;
    background-color: #464646;
    color: #fff
}

.white-btn {
    border: solid 3px #fff
}

.white-btn-title {
    color: #fff
}

.white-btn-title:active,
.white-btn-title:focus,
.white-btn-title:hover,
.white-btn-title:visited {
    color: #fff
}

.spruce-btn {
    border: solid 3px #417630
}

.spruce-btn-title {
    color: #417630
}

.spruce-btn-title:active,
.spruce-btn-title:visited {
    color: #417630
}

.spruce-btn-title:focus,
.spruce-btn-title:hover {
    text-decoration: none;
    background-color: #417630;
    color: #fff
}

.black-btn {
    border: solid 3px #000
}

.black-btn-title {
    color: #000
}

.black-btn-title:active,
.black-btn-title:visited {
    color: #000
}

.black-btn-title:focus,
.black-btn-title:hover {
    text-decoration: none;
    background-color: #000;
    color: #fff
}

.page-content-title {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1.5px;
    text-align: left
}

.page-content {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: normal;
    text-align: justify;
    color: #7d7d7d;
    width: 90%
}

.slick-slide .page-content-real {
    line-height: 22px
}

.orange-text {
    color: #464646;
    letter-spacing: -1px
}

button:focus {
    outline: 0!important
}

.slick-dots li button:before {
    font-size: 16px;
    width: 40px;
    height: 40px;
    color: #dedad4
}

.slick-dots li.slick-active button:before {
    color: #464646
}

.def-VideoHeight,
.product-video-wrapper,
.youtubeHolder {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.youtubeHolder>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-video-wrapper {
    bottom: -6px
}

.hero #youtubebanner,
.iframe-yt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

h6 {
    font-weight: 700
}

p {
    font-size: 15px;
    font-weight: 400;    line-height: 25px;
}

.p-fs-16,
.p-fs-16 p {
    font-size: 16px
}

.p-fs-18,
.p-fs-18 p {
    font-size: 18px
}

.p-fs-20,
.p-fs-20 * {
    font-size: 20px
}

.p-fs-28,
.p-fs-28 p {
    font-size: 28px
}

.p-fs-42,
.p-fs-42 p {
    font-size: 42px
}

.p-fs-60,
.p-fs-60 p {
    font-size: 60px
}

.wrapper {
    width: 1140px;
    padding: 0 20px;
    margin: 0 auto
}

/*.main-header.home-header {
    position: absolute;
    background: 0 0
}*/

.main-header.home-header.home-header2 {
    background: #fff;
    padding-bottom: 15px
}

.home-header2 .navbar {
    margin-top: 15px
}

.hero .banner-title p {
    text-align: center;
    text-shadow: 0 0 20px rgba(0, 0, 0, .5);
    width: 45%;
    margin: 0 auto
}

.hero .banner-context p {
    line-height: 1.14;
    letter-spacing: -.5px;
    text-align: center;
    margin-top: 24px;
    width: 100%
}

.main-header {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
	background: rgba(255,255,255,0.6);
}

.navbar {
    background-color: transparent;
    margin-bottom: 0;
    margin-top: 30px
}

.header-promo {
    height: 30px
}

.contact-panel {
    margin: 0
}

.search-icon {
    height: 20px;
    margin-right: 32px;
    object-fit: contain
}

.mail-icon {
    height: 17px;
    object-fit: contain
}

.contact-search {
    float: right
}

header .list-inline>li {
    margin-bottom: 0;
    padding: 0;
    display: inline-block
}

.contact-container {
    display: inline-block
}

.full-width {
    width: 100%;
	float:left;
}

.hero {
    
	height:623px;width: 100%;
    text-align: center;
	position:relative;
}
.hero:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #2e2a2a61;
    top: 0px;
    color: #fff;
    right: 0px;
    position: absolute;
    display: inline-block;
}
.hero .slider-content{
	z-index: 11;position: absolute;
    top: 220px;
    width: 100%;
}
.hero .slider-content .header-head{ margin-bottom: 15px;
    font-size: 40px;
    color: #fff;    text-transform: uppercase;}
.hero .header-text{ font-size: 16px;
    color: #fff;
    width: 50%;
    margin: 0 auto;
    font-weight: 500;
    line-height: 24px;    text-transform: uppercase;}
.position-slider {
    position: relative;
    z-index: 11
}

.hero .banner-context p {
    line-height: 1.14;
    letter-spacing: -.5px;
    text-align: center;
    margin-top: 24px;
    width: 100%;
    margin: 0 auto
}

#staticbanner+img+div.container-fluid,
#youtubebanner+img+div.container-fluid,
video.bannerVideo+img+div.container-fluid {
    position: absolute;
    top: 120px;
    width: 100%
}

.banner-title p {
    font-size: 72px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: -1.8px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 20px rgba(0, 0, 0, .5);
    margin-top: 197px
}

.banner-context p {
    font-size: 28px;
    height: 76px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: -.5px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, .75);
    margin-top: 24px
}

.more-info-btn {
    display: none
}

.hero-banner .banner-title p,
.hero-img .banner-title p {
    margin-top: 0;
    text-align: left
}

.bannerVideo {
    width: 100%;
    object-fit: cover;
	height: 623px; 
}

#featureVideo {
    bottom: -5px;
    position: relative
}

.search-modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.search-field {
    font-size: 16px;
    border-radius: 20px;
    background-color: #fff;
    height: 38px
}

.search-grey-overlay {
    width: 20px;
    height: 20px;
    object-fit: contain;
    float: left;
    margin: 9px 18px 9px 19px;
    cursor: pointer;
    position: relative;
    top: 38px
}

.search-modal-body {
    text-align: center
}

.close-search-grey {
    width: 20px;
    height: 20px;
    object-fit: contain
}

.close-btn-search-modal {
    float: right;
    background: 0 0;
    margin: 9px 19px 9px 0;
    border: none;
    cursor: pointer;
    position: relative;
    top: -38px
}

.inner-addon {
    margin-top: -22px
}

.search-overlay {
    padding-right: 0!important
}

.inner-addon input {
    padding-left: 57px;
    padding-right: 57px
}

.modal-backdrop {
    opacity: .6;
    background-color: #000
}

.modal-open {
    overflow: hidden;
    padding-right: 0!important
}

.search-list {
    background: 0 0;
    z-index: 1050;
    position: absolute;
    top: 60px;
    border: none!important;
    margin-top: 20px;
    width: 100%;
    list-style: none;
    overflow: auto
}

.search-menu-item {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    padding: 6px 0 9px 67px;
    display: block
}

ul#ulCategory {
    padding: 0
}

.search-scroll {
    overflow-y: auto;
    height: 90%
}

.search-menu:active,
.search-menu:focus,
.search-menu:hover,
.search-menu:visited {
    background-image: none;
    border: none;
    border-radius: 0;
    background: #454545
}

.search-menu:active a,
.search-menu:focus a,
.search-menu:hover a,
.search-menu:visited a {
    color: #fff;
    text-decoration: none
}

.search-menu {
    width: 100%;
    margin-bottom: 10px
}

.search-menu .search-title {
    display: block;
    float: left;
    width: 65%
}

#search-form #suggest {
    border-radius: 100px
}

.selected {
    background: #454545
}

.search-category {
    float: right;
    padding-right: 5%;
    width: 32%;
    text-align: right
}

.no-search-content {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    padding: 6px 0 9px 67px;
    display: block
}

.no-search {
    width: 100%;
    height: 38px;
    margin-bottom: 10px
}

.card-title {
    font-weight: 700;
    margin: 30px 0 0 40px;
    display: inline-block
}

.product-content-wrapper {
    margin: 5px 40px 40px 40px
}

.product-content-wrapper .page-content {
    line-height: 22px
}

.product-content {
    margin: 14px 0 10px
}

.coffee-placeholder-image {
    width: 100%;
    object-fit: contain;
    position: relative;
    top: 0;
    left: 0
}

.product-analysis {
    list-style: none;
    padding-left: 0
}

.product-analysis-item {
    width: auto;
    display: inline-block;
    margin-right: 29px
}

.product-analysis .product-analysis-item:last-child {
    margin-right: 0
}

.analysis-wrapper {
    margin: 0 0 14px 0
}

.product-description {
    display: block;
    width: 100%
}

.product-description-1 {
    font-size: 28px;
    line-height: 1.14;
    letter-spacing: -.5px;
    color: #464646
}

.product-description-2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.38
}

.product-value {
    margin: 14px 22px 0 0
}

.coffeeBean-overlay {
    position: absolute;
    top: 277px;
    right: 41%;
    width: 78px;
    height: 56px;
    z-index: 1
}

.black {
    -webkit-animation-name: example;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite
}

@keyframes example {
    0% {
        background-color: red;
        left: 0;
        top: 1000px
    }
    25% {
        background-color: #ff0;
        left: 200px;
        top: 1000px
    }
    50% {
        background-color: #00f;
        left: 200px;
        top: 1200px
    }
    75% {
        background-color: green;
        left: 0;
        top: 1200px
    }
    100% {
        background-color: red;
        left: 0;
        top: 0
    }
}

.shadow-10-40 {
    box-shadow: 10px 20px 40px 0 rgba(0, 0, 0, .1)
}

.card {
    padding: 30px 40px 22px 40px;
    background: #fff;
    display: table-cell;
    vertical-align: middle
}

.spruce-bar {
    border-top: 10px solid #417630
}

.light-green-bar {
    border-top: 10px solid #417630
}

.orange-bar {
    border-top: 10px solid #464646
}

.turquoise-blue-bar {
    border-top: 10px solid #00acc6
}

.global-title {
    letter-spacing: -1.1px
}

.global-reach-title {
    color: #417630;
    margin: 0
}

.food-placeholder-image {
    width: 100%;
    height: auto;
    object-fit: contain;
    position: relative;
    bottom: -5px
}

.caurosel-text-1 {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #7d7d7d
}

.caurosel-text-2 {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #7d7d7d
}

.caurosel-link {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #464646
}

.caurosel-link:active,
.caurosel-link:focus,
.caurosel-link:hover,
.caurosel-link:visited {
    text-decoration: none;
    color: #464646
}

.caurosel-content-wrapper {
    margin: 20px 30px 25px 30px
}

.slick-dots li {
    margin: 0 9px
}

#growingCarousel .slick-dots {
    bottom: -50px
}

.slick-dots li button:before {
    font-size: 25px;
    width: 40px;
    height: 40px;
    color: #dedad4;
    opacity: 1
}

#growingCarousel .slick-dots li button:before {
    width: 40px;
    height: 40px;
    color: #dedad4;
    opacity: 1
}

#growingCarousel .slick-dots li.slick-active button:before {
    color: #464646
}

#productCarousel .slick-dots {
    top: -25px;
    right: 40px;
    width: auto;
    bottom: initial
}

.productListNumber {
    height: 20px;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #7d7d7d
}

.productListNumber:focus,
.productListNumber:hover,
.productListNumber:visited {
    text-decoration: none;
    color: #7d7d7d
}

.productListNumber:active {
    text-decoration: none;
    color: #fff
}

#productCarousel .slick-dots li {
    width: 30px;
    height: 30px;
    background-color: #dedad4;
    border-radius: 15px;
    display: inline-block;
    padding-top: 4px;
    margin-right: 0;
    margin-left: 5px
}

#productCarousel .slick-dots li.slick-active {
    background-color: #464646
}

#productCarousel .slick-dots li.slick-active a {
    color: #fff
}

.quote-placeholder-image {
    object-fit: contain;
    float: left;
    padding-top: 12px
}

.leader-content {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: -.5px;
    text-align: left;
    padding: 10px 30px 0 0;
    margin: 0
}

.leader-content>* {
    font-size: unset
}

.leader-name {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #7d7d7d;
    margin: 0
}

.leader-job {
    font-weight: 400
}

.subscribe-modal {
    overflow: auto;
    overflow-y: hidden
}

.subscribe-modal-dialog {
    padding-top: 0
}

.subscribe-modal-header {
    padding: 30px 0 30px 30px;
    border-bottom: none
}

.subscribe-modal-title {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1.1px;
    text-align: left;
    color: #417630;
    padding: 0
}

.close-btn-modal {
    float: right;
    cursor: pointer;
    background: 0 0;
    padding: 1px 30px 19px 0;
    border: none
}

.subscribe-modal-body {
    height: auto;
    padding: 0 30px 40px
}

.submit-btn-title {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: -.2px;
    text-align: center;
    color: #fff
}

.submit-btn-title:active,
.submit-btn-title:focus,
.submit-btn-title:hover,
.submit-btn-title:visited {
    text-decoration: none;
    color: #fff
}

.form-fields {
    width: 77.5%;
    margin-bottom: 20px;
    font-weight: 700
}

.form-label {
    float: left;
    width: 106px;
    margin-right: 14px
}

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

li {
    margin-bottom: 16px;
    margin-top: 16px;    text-align: justify;
}

.centered {
    width: 300px;
    margin: auto
}

.styled-checkbox {
    position: absolute;
    opacity: 0
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0
}

.styled-checkbox+label:before {
    content: '';
    margin-right: 16px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #dedad4
}

.styled-checkbox:checked+label:before {
    background: #00acc6
}

.styled-checkbox:disabled+label {
    color: #dedad4;
    cursor: auto
}

.styled-checkbox:disabled+label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ddd
}

.styled-checkbox:checked+label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: #dedad4;
    width: 2px;
    height: 2px;
    -webkit-box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.form-btn-wrapper {
    text-align: center
}

.form-btn {
    width: 180px
}

.styled select {
    -webkit-appearance: none;
    -moz-appearance: none
}

select::-ms-expand {
    display: none
}

i.glyphicon {
    float: right;
    margin-top: -49px;
    margin-right: 15px;
    pointer-events: none
}

.error+label {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #fd4e00;
    margin-left: 120px
}

.control-label {
    line-height: 35px
}

.g-lh-20 {
    line-height: 20px
}

#subscribe .form-control.error,
#subscribe .form-control.error:focus {
    border-color: #fd4e00
}

.form-control.error:focus {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.form-wrapper .form-control {
    height: 40px
}

.form-wrapper .form-group {
    position: relative
}

.form-wrapper label.error {
    position: absolute;
    bottom: 4px;
    left: 13px
}

.notify-wrapper {
    min-height: 90px;
    background-color: #eceadf;
    display: none
}

.notify-content {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #7d7d7d;
    padding: 32px 0
}

.notify-content>* {
    margin: 0;
    padding: 0
}

.notify-btn,
.notify-btn:focus,
.notify-btn:hover {
    height: 50px;
    border-radius: 100px;
    background-color: #417630;
    margin-top: 19px;
    font-size: 16px;
    color: #fff;
    line-height: 35px
}

.notify-btn-title,
.notify-btn-title:focus,
.notify-btn-title:hover {
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: -.2px;
    text-align: center;
    color: #fff
}

.notify-btn-title:active,
.notify-btn-title:focus,
.notify-btn-title:hover,
.notify-btn-title:visited {
    text-decoration: none;
    color: #fff
}

.close-grey {
    object-fit: contain
}

.close-btn {
    float: right;
    cursor: pointer;
    margin-top: 29px;
    text-align: right;
    padding-right: 3em
}

.notify-big {
    font-weight: 700
}

#subscribe .form-control {
    border: 1px solid #ccc
}

#subscribe i.glyphicon {
    color: #7d7d7d;
    font-weight: 700;
    font-size: 18px
}

#formSubscribeModal .notify-btn {
    margin: 19px auto 0;
    display: -webkit-box
}

.footer-title {
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 0 0 11px
}

.footer-content {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

.footer-link,
.footer-link:active,
.footer-link:focus,
.footer-link:hover,
.footer-link:visited {
    text-decoration: none;
    color: #fff
}

.main-footer {
    /*background-color: #464646;*/
}

.footer-content-info {
    margin: 20px auto;
    width: 100%;
    display: block;
    float: left
}

.copyright {
    padding-top: 15px;
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 15px;
}

.list-item {
    list-style: none;
    padding: 0
}

.list-info {
    margin-bottom: 0;
    float: left;
    margin-right: 20px;
    margin-top: 0
}

.list-info img {
    width: 100%;
    float: left;
    height: auto
}

.logo-info-content .list-info {
    width: 42%;
    float: left;
    display: block
}

.list-social {
    margin-bottom: 21px
}

.olam-info-content {
    float: right
}

.olam-follow-content {
    float: right
}

.social-text {
    padding-left: 14px
}

.chevron-white {
    margin-top: 11px;
    cursor: pointer
}

.to-top {
    margin: 10px 0 0 -25px
}

.copyright-content {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    line-height: 14px;
    margin-bottom: 0;
    letter-spacing: normal;
    color: #fff
}

.des-content,
.des-content a {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    text-align: right;
    line-height: 14px;
    margin-bottom: 0;
    letter-spacing: normal;
    color: #fff
}

.link-footer {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

.link-footer:active,
.link-footer:focus,
.link-footer:hover,
.link-footer:visited {
    text-decoration: none;
    color: #fff
}

.footer-navigator {
    border-right: 1px solid #fff
}

.footer-navigator:last-child {
    border-right: none
}

@media only screen and (min-width:320px) and (max-width:900px) {
    .page-heading-content-wrapper {
        height: auto;
        margin: 40px 0 40px
    }
    .page-content-title {
        font-size: 32px;
        line-height: 1.13;
        letter-spacing: -.8px;
        text-align: center
    }
    .page-content {
        font-size: 16px;
        line-height: 1.38;
        width: 95%;
        display: block
    }
    .round-btn-title {
        height: auto;
        line-height: 25px;
        text-align: center
    }
    .sm-btn-center,
    .xs-btn-center {
        margin: 0 auto;
        display: inline-block
    }
    .arrow .sm-btn-center,
    .arrow .xs-btn-center {
        display: block
    }
    .round-btn-title.sm-btn-center {
        min-width: 190px;
        display: inline-block!important
    }
    .news-update-btn .round-btn-title.sm-btn-center {
        display: inline-block!important
    }
    .filter-alignment {
        display: inline-block!important
    }
    .global-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.14;
        letter-spacing: -.7px
    }
    .g-mt-xs-10 {
        margin-top: 10px
    }
    .g-mb-xs-30 {
        margin-bottom: 30px
    }
    .g-mb-xs-40 {
        margin-bottom: 30px
    }
    .g-plr-xs-25 {
        padding: 0 25px
    }
    .brand-logo {
        margin-top: 0
    }
    .logo {
        object-fit: contain;
        float: left
    }
    .hero {
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        object-fit: contain;
        background-size: cover;
    }
    .banner-title p {
        font-size: 36px;
        line-height: 1.06;
        letter-spacing: -.9px;
        margin-top: 89px
    }
    .banner-context p {
        height: auto;
        font-size: 16px;
        line-height: 1.25;
        letter-spacing: -.3px;
        margin: 0
    }
    .more-info-btn {
        display: block;
        height: 50px;
        border-radius: 100px;
        border: solid 3px #fff;
        background-color: transparent;
        margin-top: 12px
    }
    .more-btn {
        font-size: 16px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 25px;
        letter-spacing: -.2px;
        text-align: center;
        color: #fff;
        padding: 10px 20px;
        width: 60%
    }
    .more-info-btn:hover,
    .more-info-btn:active,
    .more-info-btn:focus,
    .more-info-btn:visited {
        text-decoration: none;
        color: #fff
    }
    .product-content-wrapper {
        margin: 16px 21px 30px 20px
    }
    .quality-content {
        margin: 10px 10px 30px
    }
    .card-title {
        text-align: left;
        margin: 22px 0 0 20px
    }
    .card-product {
        margin: 0;
        text-align: left
    }
    .product-value {
        font-size: 16px;
        line-height: 1.38;
        text-align: left;
        margin: 5px 26px 20px 0
    }
    .product-description-1 {
        font-size: 22px;
        line-height: 1.45;
        letter-spacing: -.4px;
        text-align: left
    }
    .analysis-wrapper {
        margin: 0 10px 30px 0
    }
    .spruce-btn-title {
        line-height: inherit
    }
    .product-btn-wrapper {
        margin: 0 0 30px 20px
    }
    #productCarousel .slick-dots {
        right: 21px
    }
    .product-analysis-item {
        margin-right: 5px
    }
    .spruce-btn-title {
        color: #417630
    }
    .global-wrapper {
        margin: 30px 0 40px
    }
    .card {
        padding: 20px 20px 30px 20px
    }
    .global-reach {
        margin: 20px 43px 0 20px
    }
    .global-title {
        line-height: 1.29;
        text-align: left
    }
    .global-content {
        margin: 20px 0 30px 0;
        text-align: left
    }
    .globe-wrapper {
        display: none
    }
    .leader-wrapper {
        margin: 0
    }
    .leader-text-wrapper {
        margin-left: 0
    }
    .leader-content {
        font-size: 20px;
        line-height: normal;
        letter-spacing: -.4px;
        text-align: center;
        padding: 0 9px 20px 9px
    }
    .leader-name {
        text-align: center
    }
    .name-wrapper {
        padding: 0 25px;
        margin-bottom: 0
    }
    .notify-wrapper {
        height: auto;
        text-align: center
    }
    .notify-content {
        line-height: normal;
        letter-spacing: -.2px;
        text-align: left;
        padding: 19px 0;
        width: 100%
    }
    .notify-btn-title {
        height: 21px;
        line-height: normal;
        margin: 15px 45px 14px 45px
    }
    .olam-info-content {
        display: none
    }
    .footer-title {
        display: none
    }
    .blog-content {
        display: none
    }
    .list-social {
        display: inline
    }
    .to-top {
        text-align: center;
        margin: 5px 0 0 0
    }
    .list-item {
        margin: 0;
        text-align: center
    }
    .list-social {
        padding-right: 15px;
        padding-bottom: 0
    }
    .list-item .list-social:last-child {
        padding-right: 0
    }
    .footer-content-info {
        margin: 20px 0 0
    }
    .xs-center-md-left {
        text-align: center
    }
}

@media only screen and (min-width:1200px) {
	
	.hero .slider-content {
    top: 333px !important;
}
	
	.navbar-collapse {
    margin-top: 25px !important;
}
.home2-menu .normalmenu-bg {
    top: 50px !important;
}
/* .home2-menu .normalmenu-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 10px;
    border-right: 10px solid transparent !important;
    border-bottom: 10px solid rgba(0,0,0) !important;
    border-left: 10px solid transparent !important;
} */
@media only screen and (min-width: 1200px){
.home2-menu .normalmenu-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 10px;
    border-right: 10px solid transparent !important;
   /* border-bottom: 10px solid rgba(255,255,255,0.8) !important;*/
    border-left: 10px solid transparent !important;
}
.home2-menu .normalmenu-bg {
    border: none;
    background-color: rgba(255,255,255);
    border-radius: 5px;
}
}
	
    .gridtile .tile-img {
        min-height: 320px;
        height: auto
    }
    .xs-center-md-left {
        text-align: center
    }
}

@media only screen and (max-width:1024px) {
    .globe .globe-wrapper {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .hero-banner-mobile {
        width: 100%;
        height: 100%
    }
    .four-tile-small {
        width: 100%;
        height: 100%
    }
    .hero .banner-title p {
        width: 100%
    }
    .notify-btn {
        height: auto;
        border-radius: 100px;
        background-color: #417630;
        margin: 0 0 30px 0;
        width: 84%
    }
    .arrow {
        width: 90px;
        margin: 0 auto
    }
    .olam-follow-content {
        margin: 30px 0 0 0
    }
    .tile-slider.slick-slider {
        margin-bottom: 75px
    }
    .tile-slider .slick-dots {
        bottom: -45px
    }
    .gridtile .reset-padding:nth-child(2)>div {
        background-color: #ab2e86
    }
    .gridtile .reset-padding:nth-child(4)>div {
        background-color: #f5f1ec
    }
    .gridtile .reset-padding:last-child>div {
        background-color: #417630;
        margin-bottom: 40px
    }
    .gridtile .reset-padding:nth-child(3)>div>img,
    .gridtile .reset-padding:nth-child(4)>div>img {
        display: none!important
    }
    .leader-wrapper {
        margin: 0
    }
    .quote-placeholder-image {
        float: unset;
        margin: 0 auto 20px
    }
    .g-mt-xs-40 {
        margin-top: 40px
    }
    .g-mb-xs-40 {
        margin-bottom: 40px
    }
    .g-mb-xs-10 {
        margin-bottom: 10px!important
    }
    .tile-header {
        margin: 0 0 0!important
    }
    .gridtile .tile-img {
        min-height: unset!important
    }
    .growingresp h3.global-title {
        text-align: center
    }
    .growingresp p {
        margin: 10px auto 20px;
        text-align: center;
        width: 80%
    }
    .notify-content {
        width: 88%
    }
    .notify-btn {
        max-width: 190px
    }
    .form-fields {
        width: 100%
    }
    .error+label {
        margin-left: 0
    }
    .form-btn-wrapper {
        margin: 0;
        text-align: center
    }
    .form-btn-wrapper .notify-btn {
        margin: 25px 0
    }
    .hero-xs-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 549px;
        width: auto
    }
    section.hero {
        overflow: hidden
    }
    .close-btn {
        margin-right: 15px;
        margin-top: 20px;
        padding-right: 0;
        position: absolute;
        right: 0;
        top: 0
    }
    .notify-content {
        width: 96%
    }
    .notify-content p {
        font-size: 16px
    }
    .notify-content b {
        display: inline-block
    }
    .notify-btn {
        max-width: 190px
    }
    .notify-wrapper {
        position: relative
    }
    .form-label {
        float: unset
    }
    .form-label+.checkbox-wrapper ul.centered {
        margin-left: 0
    }
    .hero-banner .banner-title p {
        margin: 26px 0 48px 0
    }
    .p-fs-xs-42,
    .p-fs-xs-42 * {
        font-size: 42px
    }
    .p-fs-xs-60,
    .p-fs-xs-60 * {
        font-size: 60px
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2) {
    .notify-btn {
        max-width: 190px
    }
}

@media only screen and (min-width:480px) and (max-width:900px) {
    .link-footer {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: -.2px;
        text-align: center
    }
}

@media only screen and (max-width:480px) {
    .link-footer {
        font-size: 16px
    }
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 28px
}

@media only screen and (min-width:992px) {
    h2 {
        font-size: 60px
    }
    h3 {
        font-size: 30px
    }
    .g-py-50 {
        padding: 50px 0
    }
}

.g-pa-xs-30 {
    margin: 10px 0 20px
}

.tile-wrapper {
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .15);
    border: 1px solid #e6e6e6
}

.tile-text-container {
    margin: 3px 30px 0 30px;
    padding-top: 30px;
    padding-bottom: 36px
}

.tile-text-container h5 {
    line-height: 26px;
    font-weight: 700
}

.large-paragraph {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #417630
}

.crazy-idea,
.crazy-idea-link {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: normal;
    text-align: justify
}

.crazy-idea {
    color: #7d7d7d
}

.crazy-idea a,
.crazy-idea-link a {
    color: #464646;
    word-break: break-word
}

.blogs-text {
    letter-spacing: -.2px;
    margin-bottom: 41px
}

.read-more {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #464646
}

.read-more:hover {
    color: #464646;
    text-decoration: none
}

.tile-date {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #7d7d7d
}

.btn-container {
    height: 28px;
    border-radius: 100px;
    background-color: #ebebeb;
    display: inline-block
}

.btn-press-release-text {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: -.2px;
    text-align: center;
    margin: 6px 10px
}

.tile-header {
    text-align: center;
    margin: 40px 0 15px
}

.global-content-real {
    text-align: center
}

.change-title {
    text-align: center;
    margin: 50px 0 28px
}

.row-break {
    margin-bottom: 30px
}

.tile-top-padding30 {
    padding-top: 30px
}

.title-top-padding {
    margin-top: 17px
}

@media only screen and (min-width:767px) {
    .col-50 {
        width: 48.6%
    }
    .tile-50-left-margin {
        margin-left: 15px
    }
    .tile-bottom-margin {
        margin-bottom: 30px
    }
    .tile-wrapper {
        -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .15);
        padding-bottom: 26px;
        border: 0
    }
    .title-top-padding {
        margin-top: 14px
    }
    .page-content-real {
        text-align: left
    }
    .change-title {
        text-align: left
    }
    .tile-header {
        text-align: center
    }
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .card-wrapper {
        min-height: auto
    }
}

.paragraph-color {
    color: #7d7d7d
}

.paragraph-text {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left
}

.white-btn {
    border: solid 3px #fff
}

.white-btn-title {
    color: #fff
}

.white-btn-title:active,
.white-btn-title:focus,
.white-btn-title:hover,
.white-btn-title:visited {
    color: #fff
}

h2 {
    font-size: 32px
}

@media only screen and (min-width:992px) {
    .paragraph-text {
        font-size: 20px
    }
    h2 {
        font-size: 45px
    }
    .top-padding102 {
        padding-top: 102px
    }
}

img.home_img1.img-responsive {
    height: 224px;
    width: 100%;
    object-fit: cover
}

@media only screen and (max-width:767px) {
/* 	.navbar-collapse.navigator.collapse.in {
    background: rgba(255,255,255) !important;
} */
    img.home_img1 {
        width: 100%
    }
    .brand-logo {
        padding: 10px;
        width: 45%;
        float: left
    }
    .logo {
        height: 80px;
        object-fit: contain
    }
    .main-menu {
        float: left;
        width: 55%;
        display: block
    }
    .red {
        height: 300px;
        margin-bottom: 40px
    }
    .xs-btn-center {
        display: block
    }
    .crazy-idea-link {
        line-height: 1.38
    }
    .list-info {
        margin-right: 18px
    }
    .tile-content-container p {
        text-align: justify
    }
    .des-content {
        text-align: center;
        font-size: 14px;
        margin-top: 10px
    }
    .info-content {
        margin-top: 0!important
    }
    .copyright-content {
        font-size: 14px;
        line-height: 1.33;
        text-align: center
    }
    .logo-info-content {
        margin-top: 0!important
    }
    .logo-info-content a,
    .logo-info-content a img {
        width: 80%!important;
        float: left
    }
    .farmers-form {
        width: 100%;
        margin: 0 auto
    }
    .login-btn {
        width: 100px;
        height: 40px;
        background: green;
        border: 1px solid green;
        border-radius: 5px;
        color: #fff;
        font-size: 15px;
        display: block;
        margin: 0 auto
    }
}

.tile-annual-bg {
    background-color: #f5f1ec
}

.tile-careers {
    background-color: #ab2e86
}

.tile-content-container {
    padding: 20px 30px 30px 30px
}

.tile-padding-mobile {
    padding-top: 10px
}

.tile-annual {
    background-color: #f6f3e6
}

.tile-company {
    background-color: #417630
}

.annual-content {
    width: 100%
}

.annual-image {
    display: none
}

@media only screen and (min-width:992px) {
    .tile-img {
        width: 100%;
        height: 394px;
        object-fit: contain
    }
    .tile-img:nth-of-type(1) {
        margin-top: 0
    }
    .tile-content-container {
        text-align: justify;
        padding: 45px 78px 32px 30px
    }
    .tile-padding-mobile {
        padding-top: 0
    }
    .tile-annual {
        background-color: #f5f1ec
    }
    .annual-content {
        width: 65%
    }
    .annual-image {
        display: block;
        width: 60%
    }
    .annual-extend-container {
        padding: 30px 17px 0 30px!important
    }
    .float-right {
        float: right
    }
    .float-left {
        float: left
    }
    .report-img {
        width: 100%
    }
    .tile-header {
        padding: 0 0 29px 0;
        margin-top: 0;
        text-align: left
    }
}

.gridtile .reset-padding:nth-child(4)>div {
    background-color: #f5f1ec
}

.gridtile .tile-img {
    min-height: 320px;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (min-width:768px) {
    .reset-padding:nth-child(odd) {
        padding-left: 0;
        padding-right: 0
    }
    .reset-padding:nth-child(even) {
        padding-right: 0;
        padding-left: 0
    }
    .gridtile .tile-img>img {
        display: none!important
    }
    #staticbanner+img+div.container-fluid,
    #youtubebanner+img+div.container-fluid,
    video.bannerVideo+img+div.container-fluid {
        position: absolute;
        top: 340px;
        width: 100%
    }
    .red {
        height: 520px;
        width: 100%;
        position: absolute;
        top: -40px
    }
    .decr-width {
        margin: 0 auto;
        text-align: justify
    }
    .farmers-form {
        width: 50%;
        margin: 0 auto
    }
    .login-btn {
        width: 100px;
        height: 40px;
        background: green;
        border: 1px solid green;
        border-radius: 5px;
        color: #fff;
        font-size: 15px;
        display: block;
        margin: 0 auto
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tile-img {
        height: 330px
    }
}

@media only screen and (min-width:1024px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .g-pl-sm-30 {
        padding-left: 30px
    }
    .notify-btn,
    .notify-btn:focus,
    .notify-btn:hover {
        margin-top: 32px
    }
    .close-btn {
        margin-top: 44px
    }
    .coffeeBean-overlay {
        right: 45.5%
    }
    .hero-xs-img {
        display: none
    }
    .hero {
        min-height: 567px
    }
    .xs-center-md-left {
        text-align: center
    }
}

@media only screen and (min-width:768px) and (max-width:991px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .text-center-xs {
        text-align: center
    }
    .reset-padding {
        padding-left: 0;
        padding-right: 0
    }
    .gridtile .tile-img {
        background-size: cover
    }
    .g-mb-212 {
        margin-bottom: 0
    }
    .g-pt-sm-25 {
        padding-top: 50px
    }
    .g-py-sm-25 {
        padding: 25px 0
    }
    .close-btn {
        padding-right: 20px
    }
    .page-heading-content-wrapper {
        margin-top: 0
    }
    .g-pt-sm-60 {
        padding-top: 60px
    }
    .g-pt-sm-45 {
        padding-top: 45px
    }
    .g-pl-sm-30 {
        padding-left: 30px
    }
    .tile-slider .notAnimated {
        margin-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .gridtile .reset-padding:nth-child(3)>div>img,
    .gridtile .reset-padding:nth-child(4)>div>img {
        display: none!important
    }
    .gridtile .reset-padding img.visible-xs {
        display: block!important;
        width: 100%
    }
    .gridtile .tile-img {
        min-height: auto!important
    }
    .hero iframe {
        display: none
    }
    .hero-xs-img {
        display: block;
        height: 549px;
        position: absolute
    }
    .hero {
        overflow: hidden
    }
    .olam-follow-content {
        position: absolute;
        top: 46px;
        right: 25px
    }
    .hero-xs-img {
        height: 790px!important
    }
    .xs-center-md-left {
        text-align: center
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .bannerVideo {
        display: block
    }
    .g-pt-102 {
        padding-top: 65.6px
    }
    .coffeeBean-overlay {
        right: 45.5%
    }
    .close-btn {
        padding-right: 25px
    }
    .notify-content {
        padding: 25px 0 15px
    }
    .g-pl-30-md {
        padding-left: 30px
    }
    .gridtile .tile-img {
        min-height: 285px;
        background-size: cover
    }
    .tile-content-container {
        padding: 20px 68px 20px 20px
    }
    .annual-extend-container {
        padding: 20px 17px 50px 30px!important
    }
    .annual-content {
        width: 65.6%
    }
    .gridtile .reset-padding:last-child .tile-content-container p,
    .gridtile .reset-padding:nth-child(2) .tile-content-container p {
        width: 77%
    }
    .hero iframe {
        display: none
    }
    .hero-xs-img {
        display: block;
        position: absolute
    }
    .hero {
        overflow: hidden
    }
    .xs-center-md-left {
        text-align: left
    }
}

@media (min-width:768px) {
    .globe-wrapper {
        width: 686px;
        height: 668.4px
    }
    .notAnimated {
        margin-top: 80px;
        opacity: 0
    }
    .animated,
    .animated-feature-prd {
        margin-top: 0;
        opacity: 1;
        -webkit-transition: all .7s ease-out;
        -moz-transition: all .7s ease-out;
        -ms-transition: all .7s ease-out;
        -o-transition: all .7s ease-out;
        transition: all .7s ease-out
    }
    .def-VideoHeight {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden
    }
    .animated-feature-prd {
        margin-top: 180px
    }
    .brand-logo {
        padding: 10px 0;
        width: 15%;
        float: left
    }
	.logo-text{ 
    font-size: 16px;
    font-weight: 600;
    color: #464646;
    text-transform: uppercase;}
	.brand-logo a{text-decoration:none;display: flex;
    align-items: center;}
	.brand-logo a:hover,.logo-text:hover{text-decoration:none;}
    .logo {
        height: 150px;
        object-fit: contain;
		    /* width: 15%; */
    }
    .main-menu {
        float: right;
        width: 82%;
        display: block;
		margin: 30px 0; 
    }
    .page-width {
        width: 70%;
        margin: 0 auto;
        margin-top: 50px;
    }
}

.emptyCell {
    display: block;
}

.navbar {
    border: 0
}

.arrow {
    cursor: pointer;
    float: right
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .hero .banner-title p {
        width: 60%
    }
    .hero .banner-title p {
        width: 60%
    }
    video.bannerVideo+img+div.container-fluid {
        top: 140px
    }
    .bannerVideo {
        display: block
    }
}

video::-internal-media-controls-download-button {
    display: none
}

video::-webkit-media-controls-enclosure {
    overflow: hidden
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px)
}

.video-modal-dialog {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0
}

.video-modal-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.video-modal-body {
    position: absolute;
    top: 50px;
    bottom: 20px;
    width: 100%
}

.video-pop-title {
    display: inline-block;
    padding: 0 20px 10px 10px
}

.video-popup-Holder {
    position: relative;
    padding-bottom: 44.25%;
    height: 0;
    overflow: hidden
}

.video-close-btn-modal {
    float: right;
    cursor: pointer;
    background: 0 0;
    padding: 15px 30px 19px 0;
    border: none
}

@media only screen and (max-width:767px) {
    .video-popup-Holder {
        padding-bottom: 190%
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .video-popup-Holder {
        padding-bottom: 70%
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .video-popup-Holder {
        padding-bottom: 70%
    }
}

@media (min-width:768px) {
    .home-menu {
        width: 47%;
        display: block;
        margin: 0 auto;
        float: none!important
    }
    .home2-menu {
        float: right
    }
}

.navbar {
    background-color: transparent;
    margin-bottom: 0;
    margin-top: 30px
}

.navigator {
    margin: -6px;
}

.home-menu.list-navigation>li>a,
 .home2-menu.list-navigation>li>a {
    padding: 0 0 0 0px
} 

.home-header .home-menu.list-navigation li a,
.home-header .home2-menu.list-navigation li a{
    color: #464646;
    width: 100%;
    float: left;
    font-weight: 600!important;
	text-decoration: none;text-align: left;
	  padding: 0 10px;
}

.home-header-fr .home2-menu.list-navigation li a{
	color: #464646;
    width: 100%;
    float: left;
    font-weight: 600!important;
	text-decoration: none;text-align: left;
	  padding: 0 5px;
}

.home-header .home-menu.list-navigation li a:hover,
.home-header .home2-menu.list-navigation li a:hover {
	color: #417630 !important;
}

.list-navigation>li>a {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: normal;
    text-align: left;
    color: #464646;
    padding: 17px 0 21px 25px;
    text-transform: uppercase
}

.list-navigation li a:hover {
    color: #417630;
    background: 0 0;
    text-decoration: underline
}

.list-navigation li a:focus {
    color: #417630;
    background: 0 0
}

.menu-active {
    color: #417630!important;
    background: 0 0
}

.inside-menu {
    padding-left: 0
}

.navbar-nav>li {
    float: left;
    position: static;
    margin: 8px 0;
}

nav>ul>li>a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: left;
    color: #7d7d7d
}

nav ul.megamenu {
    max-height: 350px;
    text-align: left
}

.bgm {
    -webkit-box-shadow: 0 4px 5px 1px rgba(0, 0, 0, .23);
    -moz-box-shadow: 0 4px 5px 1px rgba(0, 0, 0, .23);
    box-shadow: 0 4px 5px 1px rgba(0, 0, 0, .23);
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s
}

.megamenu-bg {
    width: 100vw;
    margin-left: calc(-57.6vw + 50%);
    background: #fff;
    padding: 15px 52px 33px;
    position: absolute;
    top: 73px;
    left: 0;
    min-height: 465px
}

.normalmenu-bg {
    background: rgb(255,255,255,0.6);
    top: 72px;
    padding: 0 10px;
    position: absolute;
    -webkit-box-shadow: 0 4px 5px 1px rgba(0, 0, 0, .23);
    -moz-box-shadow: 0 4px 5px 1px rgba(0, 0, 0, .23);
    box-shadow: 0 4px 5px 1px rgba(0, 0, 0, .23);
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s
}

nav ul li:hover .bgm {
    display:block;
}

nav ul.megamenu>li {
    list-style: none;
    padding: 0
}

nav ul.megamenu li {
    display: block;
    margin-bottom: 0;
    margin-top: 0;
	padding: 10px 11px;
    width: 100%;
    float: left;    
	/* border-bottom: 1px solid #dddddd; */
}
li.level2{font-size:14px !important;}

nav ul.megamenu li a:hover {
    text-decoration: underline
}

div.flexcolumn {
    padding-top: 0;
    padding-left: 0
}

div.flexcolumn>li {
    list-style: none;
    padding: 0
}

ul.flexcolumn>li.level3:first-child {
    padding-top: 5px
}

ul.flexcolumn>li.level4:first-child {
    padding-top: 30px
}

ul.flexcolumn>li.level2:first-child a {
    padding-top: 0
}

.level-2 {
    list-style: none;
    padding: 0
}

.spruce {
    color: #417630!important;
    font-weight: 700!important;
    line-height: 1.86!important;
    font-size: 14px;
    letter-spacing: normal
}

.lightgreen {
    padding-top: 30px;
    display: block;
    color: #417630!important;
    font-weight: 700!important;
    line-height: 1.86!important;
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: normal
}

.grey {
    color: #7d7d7d!important;
    font-weight: 400!important;
    line-height: 24px!important;
    font-size: 14px;
    letter-spacing: normal
}

.mega-menu-align {
    display: table;
    margin: 0 auto;
    padding: 0
}

.mega-menu-align li {
    list-style-type: none;
    margin: 0
}

.active-menu a {
    color: #417630
}

@media (min-width:992px) {
    .mobile-menubar button {
        padding: 0;
        border: 0
    }
}

@media (max-width:991px) {
    .mobile-menubar {
        padding-right: 20px;
        margin-top: 6px;
        width: 100%;
        float: left;
		
    }
    .mobile-menu {
        height: 24px;
        object-fit: contain
    }
    .toggle-menu {
        background-color: transparent;
        border: 1px solid transparent
    }
    .navigator {
        margin-top: 0;
        padding-left: 30px;
        width: 302px;
        position: fixed;
        top: 0;
        right: 0;
        box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .5)
    }
    .navigator.collapse {
        height: 100%!important
    }
    /* .home-menu.list-navigation li a,
    .home2-menu.list-navigation li a {
        color: #464646!important
    } */
    .home-menu.list-navigation li a:hover,
    .home2-menu.list-navigation li a:hover {
        color: #417630!important
    }
    .home-menu.list-navigation li.active-menu a,
    .home2-menu.list-navigation li.active-menu a {
        color: #417630!important
    }
    .navbar-header {
        float: none
    }
    .navbar-toggle {
        display: block
    }
    .navbar-collapse.collapse {
        display: none!important
    }
    .navbar-nav {
        float: none!important;
        margin: 0 6px 0 0;
        height: 100%;
        overflow: auto
    }
    .navbar-nav>li {
        float: none;
        margin-bottom: 0
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        padding: 11px 0 0 0!important
    }
    .navbar-nav>li:first-child>a {
        padding-top: 0!important
    }
    .navbar-text {
        float: none;
        margin: 15px 0
    }
    .navbar-collapse.collapse.in {
        display: block!important
    }
    .collapsing {
        overflow: hidden!important
    }
    .mobile-close {
        text-align: right;
        margin: 20px 0;
        z-index: 99999;
        position: relative;padding-right: 20px;
    }
    .menu-social {
        margin-bottom: 49px;
        position: absolute;
        bottom: 0
    }
    .menu-social .list-social {
        padding-right: 24px;
        display: inline
    }
}

@media (max-width:767px) {
	.mob-show{background:#000000;z-index:9999;}
	
	.selector-lang {
        padding-top: 10px;
}
.mobile-menubar-white {
    padding-top: 10px;
}
    p {
        font-size: 15px!important;
        font-weight: 400;
        line-height: 24px!important
    }
    .mobile-menu {
        color: #417630;
        font-size: 25px
    }
    .list-navigation>li>a {
        font-size: 15px;
        z-index: 999999
    }
    .navbar {
        margin: 20px 0 19px
    }
    .hamburger-menu {
        padding: 8px 0 8.8px
    }
    .normalmenu-bg {
        position: relative;
        background: 0 0;
        text-transform: uppercase;
        z-index: 99999999
    }
    .inside-menu.normalmenu-bg a {
        font-size: 14px
    }
    .selector-lang .selected {
        font-size: 11px!important
    }
    .global-title {
        font-size: 20px
    }
    h2 {
        font-size: 24px
    }
}

@media (max-width:767px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .navbar-nav {
        height: 52.5%
    }
}

.mini-menu {
    position: relative;
    top: -56px;
    padding: 29px 0 38px
}

.mini-menu-list {
    list-style: none;
    padding: 0;
    margin: 0!important
}

.mini-menu-list-item {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    text-decoration: none
}

.mini-list {
    border-left: 8px solid #fff;
    padding: 8px 10px 6px 29px;
    margin-bottom: 7px;
    min-height: 40px
}

.mini-active {
    border-left: 8px solid #464646
}

.mini-active a {
    font-weight: 700
}

.mini-menu-list-item:focus,
.mini-menu-list-item:hover,
.mini-menu-list-item:visited {
    text-decoration: none;
    color: #7d7d7d
}

.mini-mobile-wrapper .glyphicon {
    margin-top: 15px
}

.custom-right {
    color: #7d7d7d;
    font-size: 26px
}

@media only screen and (max-width:900px) and (min-width:320px) {
    .main-list {
        height: 60px;
        width: 100%;
        border-left: 8px solid #464646!important;
        margin-top: -20px
    }
    .main-option {
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: left;
        color: #7d7d7d;
        padding: 16px 0 14px 22px;
        display: inline-block;
        white-space: nowrap;
        width: 84%;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .sub-list {
        background-color: #f7f7f7;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
    }
    .mobile-mini-menu {
        list-style: none;
        padding: 5px 0 18px;
        margin: 0
    }
    .mobile-mini-menu li {
        padding: 12px 0 0 30px;
        margin-bottom: 0
    }
    .mobile-mini-menu li a {
        font-size: 18px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: left;
        color: #7d7d7d;
        text-decoration: none
    }
    .mobile-mini-menu li a:active,
    .mobile-mini-menu li a:focus,
    .mobile-mini-menu li a:hover,
    .mobile-mini-menu li a:visited {
        color: #7d7d7d;
        text-decoration: none
    }
    .custom-down {
        font-weight: 700;
        font-size: 18px;
        color: #7d7d7d;
        margin: 20px 17px 20px 0!important
    }
    li.mini-list.level-2 {
        padding-left: 10px
    }
    li.mini-list.level-3 {
        padding-left: 20px
    }
    .navbar-collapse.in {
        overflow-y: initial
    }
}

.sidenav .mini-menu {
    padding: 29px 0 28px
}

.sidenav .mini-list {
    border-left: 0;
    padding: 0;
    margin-bottom: 0;
    min-height: auto
}

.sidenav .mini-menu-list-item {
    border-left: 8px solid transparent;
    padding: 7px 37px 7px 29px;
    display: block
}

.sidenav li.mini-active {
    border-left: 0
}

.sidenav li.mini-active>a {
    border-left: 8px solid #464646;
    font-weight: 700
}

.sidenav .mini-menu-list .mini-menu-list a {
    padding-left: 39px
}

.sidenav .mini-menu-list .mini-menu-list .mini-menu-list a {
    padding-left: 49px
}

#flexid_10>li.level3:first-child {
    padding-top: 0
}

.sidenav .mini-menu-list .mini-menu-list .mini-menu-list .mini-menu-list a {
    padding-left: 59px
}


.bg-layer2 {
    width: 100%;
    background-position: left 1323px, left 2323px, right 3098px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 253px 700px, 311px 386px, 606px 391px;
    position: relative
}


@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .bg-layer-2-countries {
        background-image: none!important
    }
    .bg-layer-2-regions {
        background-image: none!important
    }
    .bg-layer-2-products-page {
        background-image: none!important
    }
    .bg-layer-2-products-sustainability {
        background-image: none!important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .bg-layer1 {
        background-position: -204px 2132px, -73px 3172px, right 4016px;
        background-size: 324px 900px, 284px 446px, 423px 326px
    }
    .bg-layer2 {
        background-image: none!important
    }
    .bg-layer-2-products-sustainability {
        background-image: none!important
    }
    .bg-layer-2-products-page-specific {
        background-size: 0 auto, 0 auto
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .bg-layer1 {
        background-position: left 1320px, right 1545px, left 2055px, right 4136px;
        background-size: 545px 711.8px, 531px 711.8px, 317px 792px, 790px 848px
    }
    .bg-layer2 {
        background-position: -204px 2132px, -73px 3172px, right 4016px;
        background-size: 324px 900px, 284px 446px, 423px 326px
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .bg-layer-2-countries {
        background-image: url(../../../content/dam/olamgroup/template/locations/nuts.html)
    }
    .bg-layer1 {
        background-position: left 1320px, right 1545px, left 2055px, right 4136px;
        background-size: 545px 711.8px, 531px 711.8px, 317px 792px, 790px 848px
    }
    .bg-layer2 {
        background-position: -204px 2132px, -73px 3172px, right 4016px;
        background-size: 324px 900px, 284px 446px, 423px 326px
    }
    .bg-layer-2-regions {
        background-image: url(../../../content/dam/olamgroup/template/locations/coffee-plant.html)
    }
}

@media (max-width:1024px) {
    .bg-layer-2-pdt-page,
    .bg-layer-2-tomato-onion {
        background-image: none!important
    }
    .logo-info-content {
        margin: 20px 0;
        width: 100%;
        float: left
    }
    .arrow {
        margin-top: 20px
    }
    .strafood img {
        margin-bottom: 20px
    }
    .bgm {
		    display: none;
       /* opacity: 1;
        visibility: initial;
        top: auto;
        box-shadow: 0 0!important*/
    }
}

@media (min-width:1024px) {
    .bg-layer-2-products-page-specific {
        width: 100%;
        background-repeat: no-repeat, no-repeat;
        background-position: -47px 90px, 117% 1094px;
        background-size: 23vw auto, 30vw auto
    }
    .home2-menu .normalmenu-bg {
        top: 60px;
		width: 210px;
		text-transform: uppercase;
		color: #fff;
		box-shadow: 0 0;
		margin: 10px 0;
		/* background: rgba(255,255,255); */
		border: 1px solid #ddd;
		padding: 0;
    }
	.home2-menu .normalmenu-bg:before {
		content: "";
		display: block;
		position: absolute;
		top: -10px;
		left: 10px;
		border-right: 9px solid transparent;
		border-bottom: 9px solid #ddd;
		border-bottom-color: rgba(0,0,0,.15);
		border-left: 9px solid transparent;
	}
	.bgm{display:none;}
}

@media (max-width:767px) {
    .bg-layer-2-countries {
        background-image: none!important
    }
    .bg-layer-2-products-page {
        background-image: none!important
    }
    .bg-layer-2-products-sustainability {
        background-image: none!important
    }
    .bg-layer1 {
        width: 100%;
        background-image: url(../../../content/dam/olamgroup/icons/Texture-02.svg), url(../../../content/dam/olamgroup/icons/Texture-01.svg), url(../../../content/dam/olamgroup/icons/Texture-02.svg);
        background-position: right 1655px, left 2310px, right 3275px;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 230px 358px, 180px 358px, 180px 358px
    }
    .bg-layer-2-regions,
    .bg-layer2 {
        background-image: none!important
    }
	.side-nav-menu a.link:after{    content: "\f078";
    font-family: FontAwesome;
    margin-left: 4px;
    font-size: 10px;
    line-height: 5px;}
    .navbar-nav>li {
        float: left !important;
        margin-bottom: 0;
        width: 100%;
        display: block;
        margin-top: 0
    }
	
}

.g-pb-100 {
    padding-bottom: 100px
}

.g-pt-30 {
    padding-top: 30px
}

.g-ml-50 {
    margin-left: 50px
}

.g-mr-20 {
    margin-right: 20px
}

.g-mt-10 {
    margin-top: 10px
}

.g-mb-25 {
    margin-bottom: 25px
}

.g-mb-50 {
    margin-bottom: 50px
}

.g-mb-100 {
    margin-bottom: 100px
}

.g-mb-70 {
    margin-bottom: 70px
}

.g-mb-110 {
    margin-bottom: 110px
}

.g-mb-75 {
    margin-bottom: 75px
}

.g-mr-56 {
    margin-right: 56px
}

.g-mt-70 {
    margin-top: 70px
}

.g-ml-30 {
    margin-left: 30px
}

.g-mt-60 {
    margin-top: 60px
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .g-mt-20--md {
        margin-top: 20px
    }
    .twitter-context {
        width: 85%!important
    }
}

@media only screen and (min-width:768px) {
    .g-mb-30--md {
        margin-bottom: 30px
    }
    .g-mb-20--md {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .g-ma-0--sm {
        margin: 0
    }
    .g-pa-0--sm {
        padding: 0
    }
    .g-mt-40--sm {
        margin-top: 40px
    }
    .g-mt-20--sm {
        margin-top: 20px
    }
    .g-mb-30--sm {
        margin-bottom: 30px
    }
    .g-mb-20--sm {
        margin-bottom: 20px
    }
    .g-mb-15--sm {
        margin-bottom: 15px
    }
    .g-ml-12--sm {
        margin-left: 12px
    }
    .g-mr-12--sm {
        margin-right: 12px
    }
    .g-ml-0--sm {
        margin-left: 0
    }
    .g-mb-20--sm {
        margin-bottom: 20px
    }
    .g-mr-10--sm {
        margin-right: 10px
    }
    .g-mr-0--sm {
        margin-right: 0
    }
    .g-pb-25--sm {
        padding-bottom: 25px
    }
    .g-mb-50--sm {
        margin-bottom: 50px
    }
    .g-mb-25--sm {
        margin-bottom: 25px
    }
    .g-mb-0--sm {
        margin-bottom: 0
    }
    .g-mb-10--sm {
        margin-bottom: 10px
    }
    .g-mb-30--sm {
        margin-bottom: 30px
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .g-mt-20--md {
        margin-top: 20px
    }
    .g-mb-50--md {
        margin-bottom: 50px
    }
    .g-ml-0--md {
        margin-left: 0
    }
    .g-mb-20--md {
        margin-bottom: 20px
    }
    .g-mb-30--md {
        margin-bottom: 30px
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .g-mb-30--md {
        margin-bottom: 30px
    }
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .g-mt-40--md {
        margin-top: 40px
    }
}

.h5,
h5 {
    margin: 0
}

.banner-wrap h5 {
    margin-top: 13px
}

.banner-context-content {
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    margin-top: 13px!important;
    width: 31%
}

.intro-text {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left
}

.news-title {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1.5px;
    text-align: left
}

.latest-olam-btn {
    margin-right: 56px
}

.event-caurosel-content-wrapper {
    position: absolute;
    top: 80px;
    max-width: 331px;
    margin-left: 40px
}

#eventCarousel .slick-dots {
    bottom: -35px
}

.tweet-wrapper {
    padding: 15px 8px 8px
}

.tweet-logo {
    display: table-cell;
    vertical-align: middle;
    width: 48px
}

.tweet-content {
    margin-left: 10px
}

.tweet-content-wrapper {
    display: table
}

.twitter-inner-image {
    width: 100%;
    border-radius: 5px
}

.twitter-context {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    padding-top: 10px;
    color: #14171a
}

.twitter-context-title {
    font-weight: 700
}

.twitter-context-title:active,
.twitter-context-title:focus,
.twitter-context-title:hover,
.twitter-context-title:visited {
    text-decoration: none;
    color: #000
}

.responsive {
    width: 100%;
    height: auto;
    float: left
}

.big-image {
    width: calc((100%/1.5))
}

.small-image {
    width: calc((100%/3))
}

.insta-image-wrapper div[class^=item] {
    display: inline-block;
    position: relative;
    float: left;
    padding: 0 0 10px 9px;
    box-sizing: border-box
}

.text {
    opacity: 0;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 0
}

.text:hover {
    animation: opac .3s ease forwards
}

.like-icon {
    margin-right: 35px
}

@keyframes opac {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.insta-tweet-text:active,
.insta-tweet-text:focus,
.insta-tweet-text:hover,
.insta-tweet-text:visited {
    text-decoration: none;
    color: #fd8103
}

.social-title {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1.5px;
    text-align: left;
    margin-bottom: 29px
}

.insta-tweet-text {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left
}

.social-icon-color {
    float: left;
    margin-right: 16px
}

.instagram-text {
    float: left
}

.pos-rel {
    position: relative
}

@media (max-width:767px) {
    .intro-text {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: normal;
        text-align: center
    }
    .latest-olam-btn {
        margin-right: 0
    }
    .news-title {
        text-align: center
    }
    .twitter-context {
        font-size: 12px;
        float: left;
        width: 75%
    }
    .social-follow {
        text-align: center;
        margin-bottom: 10px
    }
    .social-title {
        text-align: center
    }
    .social-icon-color {
        float: none;
        display: inline-block
    }
    #map1 {
        width: 100%;
        height: 300px
    }
}

.event-caurosel-content-wrapper {
    top: 55px;
    margin-left: 3.7%
}

.pos-rel-sm-port {
    position: relative
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .social-follow {
        margin-bottom: 20px
    }
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .hero-img {
        min-height: 121px
    }
    .twitter-context {
        width: 85%!important
    }
    .social-follow {
        margin-bottom: 20px
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .event-caurosel-content-wrapper {
        top: 420px
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .event-caurosel-content-wrapper {
        top: 400px
    }
}

.g-py-80-50 {
    padding: 80px 0 50px
}

.g-pt-10 {
    padding-top: 10px
}

.g-pt-17 {
    padding-top: 17px
}

.g-pb-55 {
    padding-bottom: 55px
}

.mail-press {
    width: 25px
}

.getIntouch {
    margin-top: 30px
}

.office-title {
    letter-spacing: -1px
}

.office-title-content {
    line-height: 1.3
}

#contact-myTab {
    width: 97%;
    border-bottom: 0;
    border-radius: 7px;
    display: table
}

#contact-myTab li {
    float: none;
    display: table-cell
}

#contact-myTab li.active a {
    color: #fff;
    background-color: #417630;
    padding: 13px
}

#contact-myTab a {
    border: 0;
    margin: 0;
    border-radius: 7px;
    font-weight: 700;
    text-align: center
}

#contact-myTab a:hover {
    background-color: #fff
}

.lp-dropdown {
    border-radius: 7px;
    width: 97%
}

.lp-dropdown-active {
    padding: 13px 15px;
    cursor: pointer
}

.lp-dropdown-active-content {
    width: 90%
}

ul.lp-dropdown-data {
    padding: 0
}

ul.lp-dropdown-data li {
    list-style: none;
    margin: 0
}

ul.lp-dropdown-data a {
    display: block;
    padding: 0 15px 10px;
    font-weight: 700
}

ul.lp-dropdown-data a:focus,
ul.lp-dropdown-data a:hover {
    color: #00acc6;
    font-weight: 700;
    text-decoration: none
}

.lp-dropdown-active>* {
    display: inline-block;
    font-weight: 700
}

.lp-dropdown-active .glyphicon {
    margin: 0 3px 0 0;
    font-size: 22px;
    font-weight: 700;
    color: #7d7d7d;
    width: 18px;
    height: 10px
}

.lp-content {
    padding: 30px 0 30px 30px;
    float: left;
    width: 70%
}

.lp-content-title {
    font-weight: 700;
    line-height: 1.3
}

.lp-content-address span {
    display: block;
    padding-right: 10px
}

.lp-content-contact>* {
    display: inline-block
}

.lp-content-contact img {
    width: 24px;
    vertical-align: top;
    margin-right: 12px;
    margin-top: 3px
}

.lp-right-content {
    padding-left: 33px
}

.lp-content-map {
    float: right;
    width: 30%
}

.lp-content-map img {
    max-width: 100%;
    float: right
}

ul.lp-branch-list,
ul.lp-corporate-list,
ul.lp-farming-list,
ul.lp-processing-list,
ul.lp-sales-list {
    padding: 0
}

ul.lp-branch-list li,
ul.lp-corporate-list li,
ul.lp-farming-list li,
ul.lp-processing-list li,
ul.lp-sales-list li {
    list-style: none
}

.loadmore-btn,
.loadmore-btn:focus,
.loadmore-btn:hover {
    height: 50px;
    border-radius: 100px;
    background-color: #464646;
    margin-top: 19px;
    font-size: 16px;
    color: #fff;
    line-height: 28px
}

.contactus .press-mail:focus,
.contactus .press-mail:hover,
.contactus .press-mail:visited {
    color: #23527c;
    text-decoration: underline
}

@media (max-width:767px) {
    .lp-right-content {
        padding: 0;
        margin-top: 25px
    }
    .loadmore-btn {
        max-width: 190px;
        margin: 40px auto 0
    }
    .g-pt-xs-10 {
        padding-top: 10px
    }
    .g-pt-xs-5 {
        padding-top: 5px
    }
    .contactusCard-wrapper {
        width: 80%;
        margin: 20px auto 0
    }
    .text-center-xs {
        text-align: center
    }
}

@media (min-width:768px) {
    .press-mail {
        width: 72%
    }
    #map1 {
        width: 100%;
        height: 1000px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .lp-content-contact a {
        width: 70%;
        word-break: break-all;
        vertical-align: bottom
    }
    .lp-content-map {
        margin-top: 62px
    }
    .lp-content {
        margin-bottom: 30px
    }
    .text-center-sm {
        text-align: center
    }
}

@media (max-width:992px) {
    .lp-content {
        width: 100%
    }
    .contactusCard-wrapper * {
        text-align: center!important;
        float: unset!important
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .lp-dropdown-active-content {
        width: 85%!important
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .lp-dropdown-active-content {
        width: 80%!important
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .lp-dropdown-active-content {
        width: 90%!important
    }
}

.g-mt-85 {
    margin-top: 85px
}

.g-mb-15 {
    margin-bottom: 15px
}

.g-mb-18 {
    margin-bottom: 18px
}

.g-mb-110 {
    margin-bottom: 110px
}

.g-mt-11 {
    margin-top: 11px
}

.g-mt-30 {
    margin-top: 30px
}

.g-mt-70 {
    margin-top: 70px
}

.g-pl-32 {
    padding-left: 32px
}

.g-mt-64 {
    margin-top: 64px
}

.g-mt-105 {
    margin-top: 105px
}

.g-pl-7 {
    padding-left: 7px
}

.g-mt-7 {
    margin-top: 7px
}

.g-mb-7 {
    margin-bottom: 7px
}

.clearfix {
    clear: both
}

.news-tile .crazy-idea.p-fs-20 * {
    font-size: 20px
}

.refine-date {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3!important;
    letter-spacing: normal!important;
    margin-top: -10px
}

.form-title,
.item-text,
.items-page .item-counts {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left
}

.items-page,
.news-pagination {
    list-style: none;
    margin: 0;
    padding: 0
}

.items-page .item-counts {
    float: left;
    margin: 0;
    padding: 0
}

.item-counts:last-child a {
    border: none
}

.item-counts a {
    border-right: 1px solid #7d7d7d;
    padding: 0 5px
}

.item-counts a:visited {
    color: #7d7d7d;
    text-decoration: none
}

.item-counts .active {
    text-decoration: underline
}

.read-more {
    display: inline-block
}

.loadmore-wrapper {
    text-align: center
}

.news-pagination .pagination-item,
.news-pagination .pagination-item a {
    display: inline-block;
    min-width: 30px;
    width: auto;
    height: 26px;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
    color: #7d7d7d;
    cursor: pointer;
    padding: 0 4px
}

.news-pagination .pagination-item+.active {
    min-width: 32px;
    width: auto;
    height: 32px;
    border: solid 3px #00acc6
}

.news-datepicker {
    background-image: url(../../../content/dam/olamgroup/icons/calendar.svg);
    background-position: 95% center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 50px;
    width: 97%;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #7d7d7d;
    padding: 6px 17px 6px 14px
}

.to-title {
    margin-top: 15px
}

.latest-check-option {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #7d7d7d
}

.category-label {
    font-size: 16px;
    line-height: 1.38;
    font-weight: 400;
    margin-top: 15px
}

.filter-press-release,
.filter-pressrelease {
    color: #ab2e86;
    text-transform: capitalize
}

.filter-news {
    color: #698714;
    text-transform: capitalize
}

.filter-blog,
.filter-blogs {
    color: #464646;
    text-transform: capitalize
}

.news-datepicker::-ms-clear {
    display: none
}

.form-control {
    border: 1px solid #fff;
    border-radius: 7px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #fff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .075), 0 0 8px rgba(255, 255, 255, .6);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .075), 0 0 8px rgba(255, 255, 255, .6)
}

.allnewsDate-wrapper .form-control[disabled],
.allnewsDate-wrapper .form-control[readonly] {
    background-color: #fff
}

.news-check {
    display: inline-block;
    width: 100%
}

.tile-date {
    display: inline-block
}

.allnewscard-wrapper {
    max-height: 93px;
    overflow: hidden;
    height: auto
}

.allnewscard-wrapper li,
.allnewscard-wrapper p {
    margin-bottom: 0!important;
    line-height: unset!important
}

.allnewscard-wrapper h5.news-card-title {
    max-height: 80px;
    overflow: hidden
}

span.box-wrap {
    width: 174px
}

span.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden
}

span.nowrap {
    white-space: nowrap
}

.ui-widget-content {
    color: #7d7d7d
}

.ui-widget.ui-widget-content {
    border: 0;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    padding-top: 6px
}

.ui-datepicker th {
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: normal
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 7px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 7px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 7px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 7px
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    color: #7d7d7d
}

.ui-widget-header {
    border: none;
    background: 0 0
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 0;
    background: #fff
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 0;
    background: #fff;
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: right
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 0;
    background: 0 0;
    color: #7d7d7d
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 0;
    background: #00acc6;
    color: #fff;
    height: 26px
}

.ui-widget-header {
    font-weight: 700;
    color: #7d7d7d
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.38
}

.ui-widget {
    font-family: unset;
    font-size: 16px
}

.ui-icon-circle-triangle-w {
    background-position: 0 0;
    background-image: url(../../../content/dam/olamgroup/icons/left-nav.svg)!important;
    background-size: 17px
}

.ui-icon-circle-triangle-e {
    background-position: 0 0;
    background-image: url(../../../content/dam/olamgroup/icons/right-nav.svg)!important;
    background-size: 17px
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px
}

.ui-datepicker .ui-datepicker-select-month td a,
.ui-datepicker .ui-datepicker-select-month td span,
.ui-datepicker .ui-datepicker-select-year td a,
.ui-datepicker .ui-datepicker-select-year td span {
    font-size: 1.1428571428571428em
}

.ui-widget-header a {
    color: #7d7d7d;
    text-decoration: none
}

.ui-icon {
    width: 17px;
    height: 17px
}

.news-modal-lg .modal-dialog {
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px)
}

.news-modal-lg .modal-dialog .modal-content {
    background-color: transparent;
    border: none
}

.news-remove-box-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.news-loading {
    width: 120px;
    height: 40px;
    padding: 11px 0
}

.loading-item {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: -.5px;
    text-align: center
}

.preloader {
    width: 64px;
    height: 64px;
    border: solid 11px #464646;
    border-radius: 50%;
    margin: 0 auto 30px
}

.refine-btn {
    max-width: 180px
}

.text-left-align {
    text-align: left!important
}

@media only screen and (min-width:1024px) {
    .tablet-float-right {
        float: right
    }

	
}

@media only screen and (min-width:768px) and (max-width:1366px) and (orientation:portrait) {
    .g-pl-md-0 {
        padding-left: 0
    }
    .news-tile {
        padding-bottom: 0
    }
    .intro-sub {
        text-align: left
    }
    .g-mt-md-35 {
        margin-top: 35px
    }
    .g-mt-md-35 {
        margin-top: 35px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .news-check {
        margin-top: 13px
    }
    .allnewsDate-wrapper .form-fields {
        width: 100%
    }
    .news-check li {
        display: inline-block;
        margin-right: 15%
    }
    .allnewsdate .intro-head {
        font-size: 28px;
        line-height: 1.14;
        letter-spacing: -.5px;
        text-align: center
    }
    .allnewsdate h3.intro-head {
        width: 100%;
        margin: 30px auto 0;
        padding: 0
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-max-device-pixel-ratio:2) {
    .refine-btn.visible-md {
        display: none!important
    }
    .allnewsDate-wrapper.hidden-md {
        display: block!important
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .news-loading {
        width: 220px;
        height: 40px;
        padding: 11px 0
    }
    .news-check li {
        display: inline-block;
        margin-right: 13%
    }
    .g-pl-32 {
        padding-left: 0
    }
    .g-mb-sm-41 {
        margin-bottom: 41px
    }
    .g-mt-sm-20 {
        margin-top: 20px
    }
    .intro-sub {
        text-align: left
    }
    .form-refine {
        margin-bottom: 33px
    }
    .latestnewsUpdate {
        margin-bottom: 25px
    }
    .news-tile {
        padding-bottom: 0
    }
    h3.intro-head {
        width: 80%;
        margin: 30px auto 0
    }
    .stock-text {
        margin: 10px!important
    }
    .ui-widget.ui-widget-content {
        width: 94%;
        max-width: 375px
    }
    .card-container .card-wrapper:last-child {
        margin-bottom: 0
    }
}

.g-pl-65 {
    padding-left: 65px
}

.g-pl-30 {
    padding-left: 30px
}

.g-ml-30 {
    margin-left: 30px
}

.g-mb-23 {
    margin-bottom: 23px
}

.g-mb-84 {
    margin-bottom: 84px
}

.g-pb-10 {
    padding-bottom: 10px
}

.g-pb-34 {
    padding-bottom: 34px
}

.g-pb-100 {
    padding-bottom: 100px
}

.g-pb-15 {
    padding-bottom: 15px
}

.g-pb-20 {
    padding-bottom: 20px
}

.g-mt-15 {
    margin-top: 15px
}

.g-mt-20 {
    margin-top: 20px
}

.g-mb-15 {
    margin-bottom: 15px
}

.g-mb-70 {
    margin-bottom: 70px
}

.g-mb-50 {
    margin-bottom: 50px
}

.g-mb-40 {
    margin-bottom: 40px
}

.g-mt-10 {
    margin-top: 10px
}

.g-mb-100 {
    margin-bottom: 100px
}

.g-mt-30 {
    margin-top: 30px
}

.g-mb-34 {
    margin-bottom: 34px
}

.g-mb-32 {
    margin-bottom: 32px
}

.g-mb-26 {
    margin-bottom: 26px
}

@media (max-width:767px) {
    .g-pl-0--sm {
        padding-left: 0
    }
    .g-mb-40--sm {
        margin-bottom: 40px
    }
    .g-mb-50--sm {
        margin-bottom: 50px
    }
    .g-ml-0--sm {
        margin-left: 0
    }
    .g-mb-10--sm {
        margin-bottom: 10px
    }
    .g-mt-10--sm {
        margin-top: 10px
    }
    .g-ma-0--sm {
        margin: 0
    }
    .g-mb-20--sm {
        margin-bottom: 20px
    }
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .g-mb-50--md {
        margin-bottom: 50px
    }
    .g-mb-30--md {
        margin-bottom: 30px
    }
}

.article-press {
    width: 100%
}

.hero-banner {
    min-height: 242px;
    background-repeat: no-repeat;
    background-size: cover
}

.breadcrumb {
    background: 0 0;
    margin: 25px 0 0;
    display: none!important
}

.breadcrumb-item {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left
}

.breadcrumb-item a {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

.breadcrumb>.active {
    color: #fff
}

.breadcrumb-item a:active,
.breadcrumb-item a:focus,
.breadcrumb-item a:hover,
.breadcrumb-item a:visited {
    color: #fff;
    text-decoration: none
}

.banner-title-content {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: -1.8px;
    text-align: left;
    padding-top: 65px;
    text-transform: uppercase
}

.intro-head {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1.1px;
    text-align: left
}

.back-news {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    display: block;
    margin-bottom: 10px
}

.back-news:active,
.back-news:focus,
.back-news:hover,
.back-news:visited {
    text-decoration: none;
    color: #fd8103
}

.intro-content-1 {
    font-weight: 700
}

.intro-content-1 li {
    font-weight: 400
}

.intro-content-1 img {
    max-width: 100%;
    height: auto
}

.intro-press-wrapper {
    margin-bottom: 33px
}

.press-contact {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    width: 95%;
    display: block
}

.press-mail {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    margin-top: -3px
}

.press-mail:active,
.press-mail:focus,
.press-mail:hover,
.press-mail:visited {
    color: #fff
}

.press-banner-contact {
    margin: 0 0 14px
}

.mail-press {
    display: inline;
    margin-right: 18px
}

.date-press {
    margin-left: -5px
}

.contacts-text {
    line-height: 1.29
}

.divider {
    height: 2px;
    background-color: #7d7d7d
}

.also-title {
    margin-left: 10px;
    letter-spacing: -1.5px;
    line-height: 1.1
}

.about-olam {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left
}

.about-olam-title {
    font-weight: 700
}

.social-color {
    list-style: none;
    float: right
}

.social-color li {
    display: inline
}

.twitter-colour {
    margin: 0 20px
}

.contact-1 {
    display: inline-block;
    float: left;
    padding-right: 56px
}

.contact-2 {
    margin-top: 15px
}

.leader-name {
    display: block
}

.leader-designation {
    display: block
}

.contact-leader {
    list-style: none;
    padding: 0
}

.contact-leader li {
    margin: 0
}

.pdf-btn {
    padding: 10px 35px
}

.press-btn {
    display: block
}

@media (max-width:767px) {
    .hero-banner {
        min-height: auto
    }
    .banner-title-content {
        font-size: 25px;
        line-height: 1.1;
        letter-spacing: -1.1px;
        margin: 0 0 48px 0
    }
    .press-mail {
        text-align: center
    }
    .intro-head {
        font-size: 28px;
        line-height: 1.14;
        letter-spacing: -.5px;
        text-align: center
    }
    .back-btn {
        margin: 10px 0;
        text-align: center
    }
    .press-wrapper {
        text-align: center
    }
    .intro-content-1 {
        text-align: center
    }
    .intro-content-2 {
        text-align: center
    }
    .back-btn-events {
        text-align: center
    }
    .date-press {
        margin-left: 0
    }
    .about-leader {
        text-align: center
    }
    .social-color {
        float: none;
        padding-left: 0;
        margin: 20px;
        text-align: center
    }
    .about-olam {
        text-align: center
    }
    .contact-leader li {
        margin-bottom: 5px
    }
    .news-title {
        text-align: center
    }
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .mobile-menu {
        color: #417630;
        font-size: 25px
    }
    .hero-banner {
        min-height: 121px
    }
    .banner-title-content {
        font-size: 42px;
        line-height: 1.1;
        letter-spacing: -1.1px;
        margin: 26px 0 0 5px
    }
    .social-color {
        float: none;
        padding-left: 0;
        margin: 20px;
        text-align: center
    }
    .back-btn-events {
        text-align: center
    }
}

.g-mb-57 {
    margin-bottom: 57px
}

.g-mb-25 {
    margin-bottom: 25px
}

.g-mt-25 {
    margin-top: 25px
}

.g-mb-65 {
    margin-bottom: 65px
}

@media (max-width:767px) {
    .g-mb-30--sm {
        margin-bottom: 30px
    }
}

.blog-text-caption {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal
}

.inline-text-link {
    text-decoration: underline
}

.inline-text-link:active,
.inline-text-link:focus,
.inline-text-link:hover,
.inline-text-link:visited {
    color: #464646
}

.image-caption {
    display: block;
    margin-top: 13px
}

.small-caption {
    display: inline-block;
    float: left
}

.caption-image {
    float: left;
    width: 48%
}

.responsive-blog {
    width: 100%;
    height: auto
}

.blog-image-text {
    float: right;
    display: block;
    margin-left: 25px
}

.caption-image {
    margin-right: 25px
}

.caption-text {
    float: unset;
    width: auto;
    margin-left: 0
}

.bullet-list {
    padding-left: 17px
}

.bullet-list-item {
    text-align: left;
    padding-left: 28px;
    margin-bottom: 10px
}

.text-highlight {
    font-weight: 700
}

.big-caption-image {
    width: 100%;
    height: auto
}

.footnote-text {
    text-align: left
}

.footnote-list {
    list-style: none;
    padding: 0
}

.footnote-list-item {
    text-align: left;
    padding-left: 5px
}

.footnote-list-item a {
    color: #7d7d7d;
    text-decoration: none
}

.footnote-list-item a:active,
.footnote-list-item a:focus,
.footnote-list-item a:hover,
.footnote-list-item a:visited {
    color: #7d7d7d;
    text-decoration: none
}

.shadow-05 {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05)
}

.blog-table {
    width: 100%;
    overflow-y: auto
}

.blog-table table {
    width: 100%;
    max-width: 100%;
    overflow-x: scroll;
    border: none
}

.blog-table>table>tbody>tr>td,
.blog-table>table>tbody>tr>th {
    padding: 14px 15px;
    line-height: 1.38;
    vertical-align: top;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal
}

.blog-table>table>tbody>tr>th {
    border: 1px solid #fff;
    background-color: #00869d;
    color: #fff;
    border: 1px solid #4898a5
}

.blog-table>table>tbody>tr>td {
    color: #7d7d7d;
    border-color: #fafafa
}

.blog-table>table>tbody>tr>td:first-child,
.blog-table>table>tbody>tr>th:first-child {
    border-left: 0
}

.blog-table>table>tbody>tr>td:last-child,
.blog-table>table>tbody>tr>th:last-child {
    border-right: 0
}

.blog-table>table>tbody>tr:nth-child(odd)>td {
    background-color: #f4f4f4
}

.profile-context-1 {
    font-size: 28px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: -.5px;
    text-align: left
}

.profile-name {
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left
}

.profile-designation {
    font-weight: 400
}

.profile-pic {
    float: left;
    margin-left: -191px
}

.download-head {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left
}

.download-list {
    list-style: none;
    padding: 0
}

.download-wrap {
    margin: 0 125px 45px 30px
}

.link-download {
    text-decoration: none;
    line-height: 1.38;
    letter-spacing: normal;
    font-weight: 700
}

.link-download:active,
.link-download:focus,
.link-download:hover,
.link-download:visited {
    text-decoration: none;
    color: #464646
}

.download-list-item {
    margin-bottom: 20px
}

.download-text {
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: normal;
    display: block;
    font-weight: 700;
    margin-bottom: 3px
}

.document {
    float: left;
    width: 26px
}

.document-content,
.download-description {
    margin-left: 52px
}

.author-head {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1.1px;
    text-align: left
}

.author-image {
    float: left;
    width: 20%
}

.author-text {
    float: right;
    width: 80%
}

.author-image-text {
    margin-left: 35px
}

.author-name {
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left
}

.author-designation {
    font-weight: 400
}

.back-btn-events {
    display: inline-block
}

@media (max-width:767px) {
    .profile-context-1 {
        font-size: 20px;
        line-height: normal;
        letter-spacing: -.4px;
        text-align: center
    }
    .profile-name {
        text-align: center
    }
    .bg-card-leader {
        text-align: left;
        font-size: 16px
    }
    .profile-pic {
        float: none;
        margin: 0 auto;
        display: block
    }
    .social-color {
        float: none;
        padding-left: 0;
        margin: 20px;
        text-align: center
    }
    .caption-image {
        float: none;
        width: 100%
    }
    .image-caption {
        text-align: center
    }
    .caption-image img {
        width: 100%
    }
    .caption-text {
        float: center;
        width: 100%
    }
    .blog-image-text {
        text-align: center;
        margin-left: 0
    }
    .footnote-text {
        text-align: center
    }
    .download-head {
        text-align: center
    }
    .download-wrap {
        margin: 15px 15px 20px 15px
    }
    .download-description {
        float: left;
        display: inline-block;
        width: 80%
    }
    .author-head {
        text-align: center
    }
    .author-image {
        float: none;
        display: block;
        text-align: center;
        width: 100%
    }
    .author-text {
        float: none;
        width: 100%
    }
    .author-image-text {
        margin-top: 10px;
        margin-left: 0
    }
    .author-name {
        font-size: 16px;
        text-align: center
    }
}

.author-wrapper .small-caption {
    margin-bottom: 50px
}

.author-wrapper .small-caption:last-child {
    margin-bottom: 0
}

.shadow-8-8-10 {
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .1)
}

.g-mb-47 {
    margin-bottom: 47px
}

.g-mb-80 {
    margin-bottom: 80px
}

.g-mt-27 {
    margin-top: 27px
}

.accordion-title {
    letter-spacing: -1.5px
}

.accordion-subhead {
    line-height: 1.14;
    letter-spacing: -.5px
}

.accordion-subtitle {
    line-height: 1.3;
    letter-spacing: normal
}

.panel-text {
    line-height: 1.3;
    letter-spacing: -.2px
}

.accordion-wrapper.panel-group .panel-title>a,
.accordion-wrapper.panel-group .panel-title>a:focus,
.accordion-wrapper.panel-group .panel-title>a:hover {
    color: #417630;
    text-decoration: none
}

.accordion-wrapper.panel-group .panel-title {
    font-size: 28px;
    font-weight: 700
}

.accordion-wrapper.panel-group .panel {
    border-radius: 0;
    margin-bottom: 20px;
    border: 0
}

.accordion-wrapper .panel-default>.panel-heading {
    background-color: #fff;
    border: 0;
    background-image: none;
    padding: 24px 30px;
    line-height: 1.14;
    letter-spacing: -.5px;
    cursor: pointer
}

.accordion-wrapper .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
    padding: 0 30px 20px 30px
}

.accordion-wrapper .accordion-image {
    float: left;
    max-width: 425px;
    max-height: 245px;
    width: 40%
}

.accordion-wrapper .accordion-content {
    width: 50%;
    float: left;
    padding-left: 30px
}

.accordion-wrapper .accordion-content a,
.accordion-wrapper .accordion-content p,
.accordion-wrapper .accordion-content span {
    font-weight: 700
}

.accordion-wrapper .accordion-content span {
    display: block;
    line-height: 1.38;
    letter-spacing: normal
}

.panel-heading .accordion-toggle span+span {
    float: right;
    display: block
}

.accordion-icon {
    width: 34px;
    height: 34px
}

.panel-heading .accordion-toggle.collapsed span+span:after {
    margin-right: 5px
}

.panel-heading .accordion-toggle.collapsed span+span {
    transform: rotate(0)
}

.panel-heading .accordion-toggle span+span {
    transform: rotate(45deg)
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .accordion-title {
        text-align: center
    }
}

@media (max-width:767px) {
    .accordion-wrapper .accordion-image {
        float: unset;
        margin-right: 0;
        margin-bottom: 10px;
        max-width: unset;
        max-height: unset;
        width: 100%
    }
    .accordion-title {
        text-align: center
    }
    .accordion-wrapper .accordion-image img {
        width: 100%
    }
    .accordion-wrapper .accordion-content {
        width: 100%;
        padding-left: 0
    }
    .panel-heading .accordion-toggle span:first-child {
        float: left;
        width: 85%
    }
}

.js-detail-title {
    letter-spacing: -1.1px
}

.shadow-10-1 {
    box-shadow: 10px 20px 40px 0 rgba(0, 0, 0, .1)
}

.products-list {
    background-color: #fff;
    border: 1px solid #dedad4;
    width: 31.5%;
    float: left;
    min-width: 252px;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: table;
    height: 250px
}

.product-list-content {
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.products-list:hover .img-rollover {
    opacity: 1
}

.products-list:hover svg.img-responsive path {
    fill: #fff
}

.products-list:hover .product-find-more,
.products-list:hover .product-name {
    color: #fff
}

.products-list img.img-responsive,
.products-list svg.img-responsive {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    position: relative;
    height: 60px
}

.products-list svg.img-responsive path {
    fill: #6c5d56
}

.product-name {
    display: inline-block;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -1.3px;
    position: relative;
    font-weight: 500
}

.product-find-more {
    display: block;
    color: #464646;
    line-height: 1.38;
    font-weight: 700;
    position: relative
}

.img-rollover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s ease;
    width: 100%;
    max-height: 250px;
    height: 100%
}

.product-find-more:hover {
    text-decoration: none
}

.twodMap-wrapper .region-product>img {
    min-height: 667px;
    width: 100%
}

.region-detail {
    margin-bottom: 8px
}

.region-detail span {
    font-weight: 700
}

.region-detail img {
    float: right;
    cursor: pointer
}

.region-product {
    position: relative
}

.region-product .product-content-wrapper {
    width: 360px;
    background-color: #fff;
    padding: 30px 30px 40px 40px;
    position: absolute;
    top: 40px;
    right: 4%;
    z-index: 1
}

.region-product .analysis-wrapper,
.region-product .product-analysis {
    margin-bottom: 0
}

.region-product .product-analysis-item {
    margin-bottom: 20px
}

.region-product .product-value {
    margin-right: 0
}

.region-product .product-description-2 {
    color: #7d7d7d
}

.region-product .round-btn {
    min-width: 180px;
    background: #fff
}

.map-presence {
    width: 455px;
    background-color: #fff;
    position: absolute;
    top: -70px;
    left: 114px;
    z-index: 2
}

.map-presence>div {
    padding: 30px 40px 40px 40px
}

.map-presence h3 {
    margin-bottom: 30px;
    letter-spacing: -1.1px
}

.map-presence .map-presence-list:last-child {
    margin-bottom: 0
}

.map-presence-list {
    margin-bottom: 42px
}

.map-presence-list .map-presence-img {
    float: left;
    max-width: 100px
}

.map-presence-list img[src=""] {
    background-color: #dedad4;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-indent: -9999px
}

.map-presence-list p {
    line-height: 1.3;
    font-weight: 700;
    color: #00869d;
    margin-bottom: 0;
    margin-top: 10px
}

.map-presence-list span {
    color: #7d7d7d;
    display: block;
    font-size: 20px;
    line-height: 1.3
}

.map-presence-list p,
.map-presence-list span {
    margin-left: 120px
}

.map-presence-list-wrapper {
    margin-bottom: 40px
}

.map-presence-more {
    line-height: 22px;
    font-weight: 700;
    color: #7d7d7d
}

.oval-back {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    position: absolute;
    left: 11px;
    top: 40px;
    z-index: 1;
    text-align: center;
    cursor: pointer
}

.oval-back img {
    width: 24.4px;
    height: 22.4px;
    position: absolute;
    top: 14px
}

.xs-leadership-button {
    position: relative;
    z-index: 1;
    top: -74px;
    text-align: center;
    height: 20px
}

.xs-leadership-button,
.xs-location-card {
    display: none
}

.xs-location-display {
    display: inline-table!important
}

.xs-location-data-container {
    max-height: 113px;
    overflow: hidden
}

.lp-dropdown-map-right {
    left: inherit!important;
    right: 45px
}

.lp-dropdown-align {
    position: absolute;
    left: 78px;
    top: 40px;
    z-index: 1
}

.oval-back-map-right {
    left: inherit;
    right: 321px
}

#map-canvas {
    height: 500px
}

.twodMap-wrapper .map-presence,
.twodMap-wrapper .product-content-wrapper {
    display: none
}

.product-leadership-title {
    width: 92%!important
}

.product-leadership-top {
    top: -170px
}

.product-location-card-top {
    top: 140px!important
}

#tempLabel {
    display: inline-block
}

.product-statics {
    width: 49%!important
}

.goog-labels {
    font-size: 11px;
    opacity: 1;
    text-align: left;
    border: none;
    color: #417630;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    word-wrap: break-word
}

.lp-dropdown-align-left {
    left: 15px
}

.future-text {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left
}

.region-text {
    font-size: 28px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.5px;
    text-align: left
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .products-list {
        width: 33.3%;
        min-width: 217px
    }
    .region-product .product-content-wrapper {
        right: 0;
        width: 40%;
        max-width: 360px
    }
    .map-presence {
        left: 3%;
        width: 49%;
        max-width: 455px
    }
    .twod-dropdown-size {
        width: 257px
    }
    .map-leadership-width {
        width: 43%!important
    }
    .location-card-width {
        right: 15px!important
    }
    #map-canvas {
        height: 667px
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .twod-dropdown-size {
        width: 257px
    }
    .products-list {
        min-width: 213px
    }
    #map-canvas {
        height: 667px
    }
}

@media (min-width:768px) {
    .g-mb-15 {
        margin-bottom: 15px
    }
    .g-mb-50 {
        margin-bottom: 50px
    }
    .g-pl-30 {
        padding-left: 30px
    }
    .g-mb-25 {
        margin-bottom: 25px
    }
    .g-mb-60 {
        margin-bottom: 60px
    }
    .twod-dropdown-size {
        width: 257px
    }
    #map-canvas {
        height: 667px
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .products-list {
        width: 33.3%;
        min-width: 213px
    }
    .region-product .product-content-wrapper {
        right: 0
    }
    .map-presence {
        left: 50px
    }
    .twod-dropdown-size {
        width: 257px
    }
    #map-canvas {
        height: 667px
    }
}

@media (max-width:767px) {
    .products-list img.img-responsive,
    .products-list svg.img-responsive {
        margin-bottom: 0
    }
    .g-mb-xs-20 {
        margin-bottom: 20px
    }
    .products-list,
    h3.intro-head {
        width: 100%
    }
    h3.intro-head {
        margin-bottom: 30px
    }
    .products-list {
        min-height: 80px;
        padding: 12px 20px;
        text-align: left;
        height: auto
    }
    .products-list .img-rollover {
        display: none
    }
    .products-list svg.img-responsive {
        float: left;
        width: 52px;
        height: 52px
    }
    .products-list .product-find-more,
    .products-list .product-name {
        margin-left: 67px;
        display: block
    }
    .products-list:hover svg.img-responsive path {
        fill: #6c5d56
    }
    .products-list:hover .product-name {
        color: #7d7d7d
    }
    .products-list:hover .product-find-more {
        color: #464646
    }
    .product-list-content {
        padding: 0
    }
    .region-product {
        padding: 0 10px
    }
    .map-presence {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        margin: 0
    }
    .map-presence>div {
        padding: 30px
    }
    .map-presence>div>.g-mb-30 {
        margin-bottom: 30px
    }
    .region-product .product-analysis-item {
        margin-right: 15px
    }
    .future-text {
        text-align: center
    }
    .region-text {
        font-size: 20px;
        text-align: center
    }
    .twod-dropdown-size {
        width: 257px
    }
    .statics-card {
        background-color: #fff!important;
        padding: 30px 30px 40px 40px!important;
        position: relative!important;
        right: 0!important;
        z-index: 1!important;
        width: 100%!important;
        left: -18px!important
    }
    .product-img-hide .products-list .img-responsive {
        display: none
    }
    .product-img-hide .products-list .product-find-more,
    .product-img-hide .products-list .product-name {
        margin-left: 0
    }
    #map-canvas {
        height: 500px
    }
}

@media (max-width:320px) {
    .twod-dropdown-size {
        width: 212px
    }
    .twod-dropdown-size .lp-dropdown-active .lp-dropdown-active-content {
        width: 88%
    }
    .xs-location-card {
        display: none;
        width: 100%!important;
        background-color: #fff!important;
        padding: 30px 30px 40px 40px!important;
        position: absolute!important;
        bottom: 24px!important;
        z-index: 1!important;
        top: 332px!important;
        right: -24px!important;
        min-height: 274px;
        height: auto
    }
    .lp-dropdown-map-right {
        right: 10px
    }
    .oval-back-map-right {
        right: 240px
    }
    #map-canvas {
        height: 500px
    }
}

@media (max-width:767px) {
    .xs-location-card {
        display: none;
        width: 92.5%!important;
        background-color: #fff!important;
        padding: 30px 30px 40px 40px!important;
        position: absolute!important;
        bottom: 24px!important;
        z-index: 1!important;
        top: 175px!important;
        right: -9px!important;
        min-height: 274px;
        height: auto
    }
    .oval-back-product-right {
        left: 16px
    }
    .lp-dropdown-product-right {
        left: 78px!important
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .xs-location-card {
        width: 97%!important
    }
    #map-canvas {
        height: 500px
    }
}

.purpose-block .card {
    padding: 30px 40px 40px 40px
}

.purpose-block {
    width: 455px;
    background-color: #fff;
    position: absolute;
    top: -70px
}

.isauthoring .purpose-block {
    top: 0
}

.purpose-wrapper {
    position: relative
}

.purpose-block.full-width-pos-bot-right {
    top: 66%;
    right: 114px
}

.purpose-block.full-width-pos-bot-left {
    top: 66%;
    left: 114px
}

.full-width-pos-top-left {
    left: 116px
}

.full-width-pos-top-right {
    right: 114px
}

.ribbon {
    background: #00869d;
    height: 242px
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    body:not(.isauthoring) .purpose-block {
        position: relative;
        width: 100%;
        top: 0!important;
        right: 0;
        margin: 0!important
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .purpose-wrapper {
        padding: 0 10px
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .purpose-block {
        right: 36px
    }
}

@media only screen and (max-width:900px) and (min-width:320px) {
    .purpose-block .card {
        padding: 20px
    }
    .purpose-block {
        position: relative;
        width: 100%;
        top: -201px;
        right: 0;
        margin-right: 10px;
        margin-left: 10px;
        left: 0
    }
}

@media (max-width:767px) {
    .purpose-block {
        position: relative;
        top: 0;
        right: 0;
        width: 95%;
        margin: 0 auto
    }
    .purpose-block+img {
        margin-top: -15px
    }
    .purpose-block.full-width-pos-bot-right {
        top: 0;
        right: 0
    }
    .purpose-block>div {
        padding: 30px
    }
    .purpose-block>div>.g-mb-30 {
        margin-bottom: 30px
    }
    .purpose-wrapper {
        padding: 0 10px
    }
}

@media (min-width:1024px) and (max-width:1200px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .full-width-pos-bot-right {
        top: 215px
    }
}

.g-mb-121 {
    margin-bottom: 121px
}

.g-pb-90 {
    padding-bottom: 90px
}

.g-mb-80 {
    margin-bottom: 80px
}

@media (max-width:767px) {
    .g-mb-10-xs {
        margin-bottom: 10px
    }
    .g-mb-20-xs {
        margin-bottom: 20px
    }
    .g-pb-0-xs {
        padding-bottom: 0!important
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .g-pb-0-md {
        padding-bottom: 0
    }
    .g-pb-30-md {
        padding-bottom: 30px
    }
}

.mission-text {
    width: 98%;
    font-weight: 700!important;
    letter-spacing: -.2px
}

.mission-text-description {
    font-weight: 400!important
}

.mission-list {
    list-style: none;
    padding-left: 0
}

.mission-list li {
    font-size: 42px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1.1px;
    text-align: left;
    margin-bottom: 25px
}

.profile-name-wrapper {
    padding-top: 24px
}

.purpose-wrapper>img.img-responsive {
    width: 100%
}

.meet-block-title {
    margin-bottom: 30px
}

.meet-content-subtitle {
    font-weight: 400!important
}

.leader-speech-text {
    width: 55%
}

.want-more-content {
    line-height: 1.1;
    letter-spacing: -1.5px
}

.growing-title-country {
    margin-top: 100px
}

.tile-text-country {
    padding-top: 15px
}

.grow-content-country {
    width: 109%;
    line-height: 1.3;
    letter-spacing: normal
}

.more-img {
    width: 100%
}

.future-wrapper div.p-fs-42 p:not(:first-child) {
    margin-bottom: 0;
    line-height: normal
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .mission-list {
        margin-top: 20px
    }
    .growing-title-country {
        margin-top: 0
    }
    .leader-speech-text {
        width: 80%
    }
    .quote-placeholder-image {
        padding: 0
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .leader-speech-text {
        width: 70%
    }
    .mission-list {
        margin-top: 0
    }
}

@media (max-width:767px) {
    .mission-list li {
        font-size: 28px;
        margin-bottom: 25px
    }
    .mission-list {
        padding-left: 10px
    }
    .team-wrapper {
        top: 0
    }
    .accordion-fix {
        margin-bottom: 25px!important
    }
    .leader-speech-text {
        width: 100%
    }
    .grow-content-country {
        width: 100%
    }
}

.g-pt-9 {
    padding-top: 9px
}

.g-pt-18 {
    padding-top: 18px
}

.g-pt-40 {
    padding-top: 40px
}

.g-mt-50 {
    margin-top: 50px
}

.board-members-section .tile-txt-block {
    text-align: left;
    padding-left: 0
}

.back-arrow-link {
    margin-right: 10px;
    margin-top: -4px
}

.director-name {
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left
}

@media (max-width:767px) {
    .board-members-section .crazy-idea {
        text-align: center
    }
    .board-members-section .tile-txt-block,
    .board-members-section .tile-txt-block .director-name {
        text-align: center
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .g-pt-sm-0 {
        padding-top: 0!important
    }
    .board-members-section .tile-txt-block {
        text-align: left
    }
    .board-members-section .crazy-idea {
        text-align: left!important
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .board-members-section .tile-txt-block {
        padding-left: 0
    }
    .board-members-section .crazy-idea {
        text-align: left!important
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .board-members-section .tile-txt-block {
        padding-left: 0
    }
    .g-pt-0 {
        padding-top: 0
    }
}

.g-mb-25 {
    margin-bottom: 25px
}

.g-mb-27 {
    margin-bottom: 27px
}

.g-mb-70 {
    margin-bottom: 70px
}

.g-mb-55 {
    margin-bottom: 55px
}

.g-mt-70 {
    margin-top: 70px
}

.g-mb-46 {
    margin-bottom: 46px
}

.g-mt-47 {
    margin-top: 47px
}

@media (max-width:767px) {
    .g-mt-40--sm {
        margin-top: 40px
    }
    .g-mb-30--sm {
        margin-bottom: 30px
    }
    .g-mb-20--sm {
        margin-bottom: 20px
    }
    .g-ml-10--sm {
        margin-left: 10px
    }
    .g-ml-12--sm {
        margin-left: 12px
    }
    .g-mr-12--sm {
        margin-right: 12px
    }
    .g-mr-10--sm {
        margin-right: 10px
    }
}

.h5,
h5 {
    margin: 0
}

.hero-img {
    min-height: 392px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.banner-wrap h5 {
    margin-top: 13px
}

.banner-context-content {
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    margin-top: 13px!important;
    width: 42%
}

.intro-text {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left
}

.coffee-image-wrapper {
    float: left;
    width: 94%
}

.coffee-pick {
    width: 100%;
    height: auto
}

.map-title {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1.5px;
    text-align: left
}

.map {
    width: 100%
}

.custom-drop {
    margin-top: -26px!important;
    color: #7d7d7d
}

.map-dropdown {
    position: relative;
    top: 70px
}

@media (max-width:767px) {
    .hero-img {
        min-height: auto
    }
    .hero-img h1.banner-title,
    .hero-img h1.banner-title-content {
        margin-bottom: 48px
    }
    .hero-img h1.banner-title-content {
        margin-bottom: 48px;
        padding-top: 0
    }
    .intro-text {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: normal;
        text-align: center
    }
    .map-title {
        text-align: center
    }
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .hero-img {
        min-height: auto
    }
    .hero-img h1.banner-title,
    .hero-img h1.banner-title-content {
        margin-bottom: 48px
    }
}

.js-eventcarousel {
    padding-top: 50px;
    margin-bottom: 60px
}

.js-eventcarousel .slick-slide {
    padding-top: 50px
}

.slider-card {
    margin-left: 0!important
}

@media (min-width:768px) {
    .card-img-container .img-right .card-wrapper {
        left: 0
    }
    .events-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-width: 585px
    }
    .event-content-subtitle {
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: normal;
        text-align: justify
    }
    .event-content {
        font-weight: 400
    }
    .event-card {
        width: 50%;
        right: 10px;
        height: 466px;
        display: table;
        float: left
    }
    .news-image {
        width: 50%;
        float: left;
        height: 466px
    }
    .event-text {
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.1;
        letter-spacing: -1px;
        text-align: left;
        width: 90%
    }
    #eventCarousel .slick-list {
        height: auto!important
    }
}

@media (max-width:767px) {
    .js-eventcarousel {
        padding-top: 0;
        margin-bottom: 40px
    }
    .js-eventcarousel .slick-slide {
        padding-top: 0
    }
    .news-image {
        width: 100%
    }
    .down-img {
        display: -webkit-flex;
        -webkit-flex-direction: column-reverse;
        display: flex;
        flex-direction: column-reverse
    }
    .event-card {
        position: relative;
        top: 20px;
        width: auto;
        right: 0;
        width: 100%;
        margin: 0 auto
    }
    .card-values {
        width: 93%
    }
    .card-img-container .img-right .card-wrapper {
        left: 0
    }
    .card-img-container .news-image {
        margin-top: 22px;
        position: relative
    }
    .card-img-container .img-right .news-image img {
        width: 100%;
        padding-right: 0
    }
    .card-img-container .img-right .news-image {
        width: 50%
    }
    .card-img-container .img-right .news-image img {
        padding-right: 15px!important
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .js-eventcarousel {
        padding-top: 30px;
        margin-bottom: 50px
    }
    .news-image {
        width: 100%
    }
    .down-img {
        display: -webkit-flex;
        -webkit-flex-direction: column-reverse;
        display: flex;
        flex-direction: column-reverse
    }
    .event-card {
        position: relative;
        top: 45px;
        width: auto;
        right: 0;
        width: 93%;
        margin: 0 auto
    }
    .card-values {
        width: 93%
    }
    .card-img-container .img-right .card-wrapper {
        left: 0
    }
    .event-card {
        top: 30px!important
    }
    .card-img-container .img-right .news-image img,
    .news-image img {
        width: 100%;
        max-width: fit-content;
        margin-top: 30px
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .js-eventcarousel .slick-slide {
        padding-top: 50px
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .g-pt-0 {
        padding-top: 0
    }
}

@media (max-width:800px) {
    .news-image {
        width: 100%
    }
}

.g-mb-32 {
    margin-bottom: 32px
}

.font-16 {
    font-size: 16px
}

.font-20 {
    font-size: 20px
}

.more-content {
    min-height: 106px;
    max-height: 131px;
    overflow: hidden
}

.card-text-content {
    padding: 30px 40px 40px 40px
}

.card-content-title {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1.1px;
    text-align: left
}

.card-content-subtitle {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal
}

.col-lg-6 .tile-slider .col-lg-6,
.col-md-6 .tile-slider .col-md-6 {
    width: 100%
}

.col-lg-6 .tile-slider .col-lg-3,
.col-lg-6 .tile-slider .col-lg-3+.col-lg-6,
.col-md-6 .tile-slider .col-md-3 {
    width: 50%
}

@media (max-width:767px) {
    .card-content-title {
        font-size: 28px;
        line-height: 1.14;
        letter-spacing: -.7px
    }
    .card-text-content {
        padding: 20px 30px 30px 20px
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .more-content {
        min-height: 88px;
        max-height: 100px
    }
}

@media (min-width:1024px) and (max-width:1200px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .more-content {
        min-height: 88px;
        max-height: 100px
    }
	
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .more-content {
        min-height: 88px;
        max-height: 100px
    }
}

.bg-default {
    background-color: #f9f8f2;
    padding: 60px 0
}

.g-pl-14 {
    padding-left: 14px
}

.g-pl-8 {
    padding-left: 8px
}

.spruce-bar-green {
    border-top: 10px solid #417630
}

.g-pr-0 {
    padding-right: 0
}

.g-pr-30 {
    padding-right: 30px
}

.g-pr-10 {
    padding-right: 10px
}

.g-pt-5 {
    padding-top: 5px
}

.g-pt-13 {
    padding-top: 13px
}

.g-pt-19 {
    padding-top: 19px
}

.g-pb-56 {
    padding-bottom: 56px
}

.pos-rel {
    position: relative
}

.g-pb-0 {
    padding-bottom: 0
}

.award-icon {
    height: 68px
}

.why-olam-services-wrapper .tile-text-container.g-ml-0 {
    margin-left: 0!important
}

.g-ml-0 {
    margin-left: 0
}

.g-mt-20 {
    margin-top: 20px
}

.g-sm-pr-15 {
    padding-right: 15px
}

.g-pt-50 {
    padding-top: 50px
}

.g-pb-50 {
    padding-bottom: 50px
}

.g-pt-54 {
    padding-top: 54px
}

.g-col-35p {
    width: 35%;
    float: left
}

.g-pt-163 {
    padding-top: 163px
}

.g-pt-80 {
    padding-top: 80px
}

.g-pb-26 {
    padding-bottom: 26px!important
}

.why-olam-wrapper .tile-text-container.why-olam-tile-container {
    padding-top: 13px;
    padding-bottom: 52px
}

.broucher-title {
    letter-spacing: -1.1px;
    line-height: 1.1
}

.broucher-para {
    line-height: 1.3
}

.why-olam-tile-img-wrap {
    padding-top: 20px
}

.g-mb-38 {
    margin-bottom: 38px
}

.g-mb-20 {
    margin-bottom: 20px
}

.g-mb-10 {
    margin-bottom: 10px
}

.g-mb-25 {
    margin-bottom: 25px
}

.g-mt-120 {
    margin-top: 120px
}

@media (max-width:767px) {
    .g-l-10 {
        left: 0
    }
    .g-pt-xs-60 {
        padding-top: 60px
    }
    .g-pt-xs-5 {
        padding-top: 5px
    }
    .g-pb-xs-50 {
        padding-bottom: 50px
    }
    .g-pt-xs-0 {
        padding-top: 0
    }
    .g-mb-xs-0 {
        margin-bottom: 0
    }
    .txt-center {
        text-align: center
    }
    .g-pt-163 {
        padding-top: 70px
    }
    .g-pb-xs-50 {
        padding-bottom: 50px
    }
    .g-pt-xs-40 {
        padding-top: 40px
    }
    .g-mt-xs-0 {
        margin-top: 0
    }
    .why-olam-wrapper .card-event {
        margin-top: -50px
    }
    .g-pb-xs-60 {
        padding-bottom: 60px
    }
    .g-pb-xs-0 {
        padding-bottom: 0
    }
    .g-pt-xs-40 {
        padding-top: 40px
    }
    .g-pb-xs-50 {
        padding-top: 50px
    }
    .future-wrapper p {
        text-align: justify;
        margin-bottom: 25px;
        margin-right: 10px;
        margin-left: 10px;
        line-height: 38px
    }
    .tile-img-block .img-responsive {
        margin: 0 auto
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .why-olam-awards-wrapper .awards-top {
        padding-top: 0
    }
    .g-l-10 {
        left: 0
    }
    .g-pa-0-xs {
        padding: 0
    }
    .g-pt-163 {
        padding-top: 70px
    }
    .g-pt-xs-0 {
        padding-top: 0!important
    }
    .g-sm-pr-15 {
        padding-right: 15px
    }
    .col-sm-offset-8-port {
        margin-left: 0
    }
    .col-sm-3-port {
        width: auto
    }
    .pos-rel-sm-port {
        position: relative
    }
    .g-pb-xs-50 {
        padding-bottom: 50px
    }
    .g-mb-xs-0 {
        margin-bottom: 0
    }
    .g-pt-xs-40 {
        padding-top: 40px
    }
    .why-olam-awards-wrapper .change-title {
        margin-top: 0
    }
    .g-mt-sm-60 {
        margin-top: 60px
    }
    .g-mb-0--sm {
        margin-bottom: 0
    }
    .why-olam-wrapper .card-event {
        margin-top: -50px
    }
    .g-pb-xs-0 {
        padding-bottom: 0
    }
    .g-pt-xs-40 {
        padding-top: 40px
    }
    .g-pb-xs-50 {
        padding-top: 50px
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .g-pt-sm-0 {
        padding-top: 0
    }
    .g-pb-sm-48 {
        padding-bottom: 48px
    }
    .why-olam-awards-wrapper .awards-top {
        padding-top: 54px
    }
    .read-more-broucher {
        margin-left: 0
    }
    .g-mt-sm-60 {
        margin-top: 60px
    }
    .g-mb-0--sm {
        margin-bottom: 0
    }
    .g-pt-sm-40 {
        padding-top: 40px
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .g-pb-sm-48 {
        padding-bottom: 48px
    }
    .g-l-10 {
        left: 0
    }
    .why-olam-awards-wrapper .awards-top {
        padding-top: 54px
    }
    .g-mt-sm-60 {
        margin-top: 60px
    }
    .g-mb-0--sm {
        margin-bottom: 0
    }
    .why-olam-wrapper .card-event {
        margin-top: -50px
    }
}

.why-olam-wrapper .cardcomponent .tile-text-container {
    margin-left: 0
}

.why-olam-wrapper .cardcomponent .tile-text-container>h5 {
    margin: 0 0 10px
}

.why-olam-wrapper .cardcomponent .tile-text-container>.crazy-idea {
    margin-bottom: 20px
}

.card-image-wrapper .textimagecarousel:not(:first-child):nth-child(odd) .g-pt-60 {
    padding-top: 0
}

.comp-titletext-wrapper>.comp-titletext {
    margin-bottom: 40px
}

.comp-titletext>h3 {
    margin-bottom: 25px
}

.comp-titletext>p {
    color: #7d7d7d;
    margin-bottom: 20px;
    line-height: 1.3
}

.titletext:first-child {
    margin-top: 0
}

.titletext {
    margin-top: 40px
}

.comp-titletext>p:last-child {
    margin-bottom: 0
}

.title-text-head {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1.1px;
    text-align: justify
}

@media only screen and (max-width:767px) {
    .comp-titletext {
        margin-top: 40px
    }
    .comp-titletext:first-child {
        margin-top: 0
    }
    .comp-titletext>p {
        text-align: center
    }
    .title-text-head {
        font-size: 25px;
        line-height: 1.14;
        text-align: justify;
        margin: 0 10px
    }
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    #staticbanner+img+div.container-fluid,
    #youtubebanner+img+div.container-fluid,
    video.bannerVideo+img+div.container-fluid {
        position: absolute;
        top: 200px;
        width: 100%
    }
}

.titletext+.titletext {
    margin-top: 27px
}

.g-pr-5p {
    padding-right: 5%
}

.discover-our-range-wrapper .products-list {
    padding-left: 40px;
    padding-right: 40px
}

.auto-width {
    width: auto
}

.width-46p {
    width: 46%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.width-54p {
    width: 54%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.g-pl-63 {
    padding-left: 63px
}

.width-38p {
    width: 38%
}

.discover-our-range-wrapper .pdt-even-col:nth-child(even) {
    margin-bottom: 20px;
    padding-left: 20px
}

.discover-our-range-wrapper .pdt-even-col:nth-last-child(2) {
    margin-bottom: 0
}

@media (max-width:767px) {
    .discover-our-range-wrapper .intro-head.light-green-text {
        text-align: left
    }
    .products-list-accordion .products-list .product-find-more,
    .products-list-accordion .products-list .product-name {
        margin-left: 0
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .products-list-accordion .products-list {
        min-width: 237px
    }
}

.products-list-accordion .products-list {
    padding: 19px 20px;
    display: block
}

.products-list-accordion .product-list-content {
    margin-top: 10px;
    display: block
}

.products-list-accordion .product-list-content a {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.62;
    display: block
}

.products-list-accordion .product-list-title span.product-name {
    width: 80%;
    float: left
}

.products-list-accordion .product-list-title span+span {
    float: right;
    display: block;
    border: 3px solid #7d7d7d;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-top: 8px
}

.products-list-accordion .product-list-title span+span:after {
    font-family: 'Glyphicons Halflings';
    content: "\2b";
    float: right;
    color: grey;
    font-size: 12px;
    margin-right: 3px;
    margin-top: 1px;
    font-weight: 400;
    transform: rotate(0)
}

.products-list-accordion .product-list-title.active span+span:after {
    transform: rotate(45deg)
}

.small-caption-txt {
    height: 22px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #417630
}

.g-pl-30 {
    padding-left: 30px
}

.g-pr-15 {
    padding-right: 15px
}

.g-pt-45 {
    padding-top: 45px
}

.g-pl-50 {
    padding-left: 50px
}

.prod-sustain-child-labour-section .purpose-block {
    left: 116px
}

.disp-block {
    display: block
}

.width-80p {
    width: 80%
}

.prod-sustain-child-labour-section .event-content {
    margin-bottom: 15px
}

.products-page-map-wrapper .globe-tab-container {
    bottom: 40px;
    position: absolute;
    left: 125px
}

.products-page-map-wrapper .map-presence {
    left: 125px
}

.products-page-map-wrapper .region-product .product-content-wrapper {
    right: 80px
}

.products-page-map-wrapper ul:first-child .product-description-2 {
    width: 151px
}

.products-page-map-wrapper ul:first-child li:nth-child(2) .product-description-2 {
    width: 100px
}

.products-page-map-wrapper .region-detail {
    margin-bottom: 0
}

.products-page-map-wrapper .product-value {
    margin-top: 30px
}

.products-page-map-wrapper .product-analysis-item {
    margin-right: 0
}

.products-page-video-wrapper .press-video {
    height: 298px
}

.products-page-pdf-wrapper .download-pdf-btn {
    margin-top: 0
}

.products-page-pdf-wrapper p {
    padding-bottom: 5px
}

.assoc-brand-img {
    width: 140px;
    height: 197px
}

.product-tab {
    bottom: -650px!important;
    z-index: 1
}

.orange-pumpkin-btn {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.2px;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    background-color: #464646;
    padding: 13px�33px
}

.orange-pumpkin-btn:active,
.orange-pumpkin-btn:focus,
.orange-pumpkin-btn:hover,
.orange-pumpkin-btn:visited {
    color: #fff
}

@media (max-width:767px) {
    .prod-sustain-child-labour-section .purpose-block {
        left: 0
    }
    .products-page-map-wrapper .map-presence {
        left: 0
    }
    .products-page-map-wrapper .region-product .product-content-wrapper {
        right: 0
    }
    .products-page-map-wrapper .globe-tab-container {
        width: 91%;
        left: 5%
    }
    .products-page-map-wrapper .map-presence>div {
        padding: 20px
    }
    .assoc-brand-img {
        width: auto;
        height: auto;
        margin: 0 auto
    }
    .products-page-map-wrapper .map-presence h3 {
        margin-bottom: 15px;
        width: 100%
    }
    .products-map {
        height: 500px!important
    }
    .product-tab {
        bottom: -473px!important
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .prod-sustain-child-labour-section .purpose-block {
        left: 0
    }
    .products-page-map-wrapper .globe-tab-container {
        left: 10%
    }
    .products-page-map-wrapper .map-presence {
        left: 42px
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .products-page-map-wrapper .region-product .product-content-wrapper {
        right: 0
    }
    .products-page-map-wrapper .map-presence {
        left: 42px
    }
    .products-page-map-wrapper .globe-tab-container {
        left: 12%
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .prod-sustain-child-labour-section .purpose-block {
        left: 0
    }
    .products-page-map-wrapper .region-product .product-content-wrapper {
        right: 0
    }
    .products-page-map-wrapper .map-presence {
        left: 115px
    }
    .associated-brands-container .download-pdf-btn .round-btn-title {
        width: 52%
    }
    .prod-spc-pdf-wrapper .download-pdf-btn .round-btn-title {
        width: 80%
    }
}

.download-pdf-text {
    height: 30px;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #464646;
    text-decoration: none
}

.download-pdf-text:active,
.download-pdf-text:focus,
.download-pdf-text:hover,
.download-pdf-text:visited {
    text-decoration: none;
    color: #464646
}

.download-pdf-btn {
    margin-top: 10px;
    float: left;
    padding-left: 0
}

.download-pdf-btn img {
    padding-right: 10px
}

.download-pdf-btn span.small-txt {
    display: block;
    padding-top: 8px
}

.two-column-download-wrapper li {
    float: left;
    width: 48.5%;
    clear: none
}

.two-column-download-wrapper .download-list li:nth-child(odd) {
    margin-right: 3%
}

.two-column-download-wrapper .download-wrap {
    margin-right: 30px
}

.no-ir-thumbnail .download-wrap {
    margin-left: 0
}

@media (max-width:767px) {
    .two-column-download-wrapper li {
        float: none;
        width: 100%;
        clear: both
    }
    .two-column-download-wrapper .download-wrap {
        margin-right: 15px
    }
    .download-pdf-btn {
        float: none;
        text-align: center
    }
    .download-pdf-btn span.small-txt {
        padding-top: 15px
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .download-pdf-btn {
        float: none;
        text-align: center
    }
    .download-pdf-btn span.small-txt {
        text-align: center
    }
    .two-column-download-wrapper .download-wrap {
        margin-right: 125px;
        text-align: left
    }
}

@media only screen and (min-width:1024px) {
    .download-pdf-btn {
        margin-top: 25px
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .download-pdf-btn span.small-txt {
        text-align: center
    }
}

.card-text-content {
    padding: 30px 40px 40px 40px
}

.card-content-title {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1.1px;
    text-align: left
}

.card-content-subtitle {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal
}

.two-cards-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1.5px
}

.more-img {
    width: 100%
}

.description-wrapper {
    height: 242px
}

.description-wrapper .card-content-title {
    max-height: 92px;
    overflow: hidden
}

.description-wrapper p {
    font-size: 16px
}

@media (max-width:767px) {
    .two-cards-title {
        font-size: 42px;
        letter-spacing: -1.1px;
        text-align: center
    }
    .card-content-title {
        font-size: 28px;
        line-height: 1.14;
        letter-spacing: -.7px
    }
    .description-wrapper {
        height: auto
    }
    .card-text-content {
        padding: 20px 30px 30px 20px
    }
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .description-wrapper {
        height: auto
    }
}

.home-tile-img {
    color: #fff;
    max-height: 100%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    resize: both;
    overflow: auto
}

.card-img-holder {
    height: 210px;
    overflow: hidden;
    text-align: center;
    position: relative
}

.event-date {
    font-weight: 700!important
}

.home-Threetile-img {
    width: 100%;
    max-height: 210px;
    overflow: hidden
}

.home-tile-img-display {
    display: table;
    width: 100%
}

.home-tile-img-wrapper {
    display: table-cell;
    vertical-align: middle
}

.home-tile-img-wrapper img {
    margin: auto
}

.three-tile-content {
    width: 100%;
    height: 174px
}

.three-tile-blog-content {
    width: 100%;
    height: 373px;
    margin-bottom: 11px
}

.three-tile-blog-content h5,
.three-tile-content h5 {
    max-height: 52px;
    overflow: hidden
}

.three-tile-blog-content p,
.three-tile-content p {
    font-size: 16px
}

.tile-wrapper {
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .15);
    border: 1px solid #e6e6e6
}

.tile-text-container {
    padding-top: 30px;
    padding-bottom: 36px;
    margin: 0 30px 0 30px
}

.tile-text-container h5 {
    line-height: 26px;
    font-weight: 700;
    max-height: 52px;
    overflow: hidden
}

.blog-card-text {
    letter-spacing: -.2px
}

.title-content-container {
    height: 189px;
    overflow: hidden
}

.home-Threetile-img+.tile-text-container .tile-date+.btn-container+.title-content-container {
    height: 255px
}

.tile-date+.btn-container+.title-content-container {
    height: 405px;
    overflow: hidden;
    width: 100%
}

.tile-date+.btn-container+.title-content-container {
    min-height: unset
}

.btn-press-release-text {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: -.2px;
    text-align: center;
    margin: 6px
}

.btn-container {
    height: 28px;
    border-radius: 100px;
    background-color: #ebebeb;
    display: inline-block;
    padding: 0 5px
}

.read-more {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #464646
}

.read-more:hover {
    color: #464646;
    text-decoration: none
}

.tile-date {
    height: 22px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #7d7d7d
}

.date-wrap {
    display: inline-block
}

@media only screen and (max-width:767px) {
    .tile-slider.slick-slider {
        margin-bottom: 60px
    }
    .tile-slider .slick-dots {
        bottom: -45px
    }
    .home-tile-img {
        height: auto
    }
    .three-tile-content {
        height: auto
    }
    .three-tile-blog-content {
        height: auto
    }
    .three-tile-blog-content h5,
    .three-tile-content h5 {
        max-height: unset;
        overflow: unset
    }
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .home-tile-img {
        height: auto;
        left: 28%
    }
    .three-tile-content {
        height: auto
    }
    .three-tile-blog-content {
        height: auto
    }
}

@media (min-width:993px) and (max-width:1200px) {
    .tile-date {
        font-size: 11px
    }
    .btn-press-release-text {
        font-size: 10px;
        margin: 8px 10px
    }
	.nav-img{background:transparent !important;
	height:0px !important;
	}
	.logo{width: 22%;}
	.mobile-menubar-white{padding-top: 29px;}
	.selector-lang{
    padding-top: 24px;
}

}

@media only screen and (max-width:992px) {
    .title-content-container {
        min-height: unset;
        height: auto
    }
    .tile-text-container h5 {
        max-height: unset;
        overflow: unset
    }
    .home-Threetile-img+.tile-text-container .tile-date+.btn-container+.title-content-container {
        height: auto
    }
}

.four-tile-carousel-wrapper .tile-text-container>.row-element:first-child {
    height: 194px;
    overflow: hidden
}

.four-tile-carousel-wrapper .tile-text-container h5 {
    line-height: 1.3;
    margin-top: 0
}

.slick-dots li button:before {
    font-size: 25px;
    width: 40px;
    height: 40px;
    color: #dedad4;
    opacity: 1
}

@media (max-width:767px) {
    .four-tile-carousel-wrapper .card-wrapper>.row-element .home-tile-img {
        height: 210px
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .four-tile-carousel-wrapper .card-wrapper>.row-element .home-tile-img {
        height: 210px
    }
}

@media (max-width:991px) {
    .four-tile-carousel-wrapper .tile-text-container>.row-element:first-child {
        height: auto
    }
}

.sustain-image {
    height: 452px;
    width: 100%
}

.sustain-focus-text {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    width: 98%
}

.sustain-btn-wrapper {
    text-align: center
}

.sustain-full-width-card {
    top: -49px!important
}

.sustain-block {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1.1px
}

.sustain-content-subtitle {
    letter-spacing: -.2px!important;
    font-weight: 400!important
}

@media (max-width:767px) {
    .sustain-focus-text {
        text-align: center;
        width: 100%
    }
    .sustain-full-width-card {
        top: 0!important
    }
    .txt-center {
        text-align: center
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .txt-left-pro {
        text-align: left
    }
}

.tile-image-text-container {
    margin: 0 20px 0 0!important;
    padding-top: 35px;
    padding-bottom: 36px
}

.three-image-title {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: -.5px;
    margin-top: 0
}

.slick-dots li button:before {
    font-size: 25px;
    width: 40px;
    height: 40px;
    color: #dedad4;
    opacity: 1
}

.highlight-image {
    width: 36%;
    height: 36%
}

.three-image-content {
    height: 255px;
    overflow: hidden
}

.three-tile-desc {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal
}

@media (max-width:767px) {
    .three-image-content {
        height: auto
    }
}

.feature-leads-vacancies-wrapper .three-tile-content {
    height: 362px
}

.feature-leads-vacancies-wrapper .tile-text-container {
    padding-top: 25px
}

@media only screen and (max-width:767px) {
    .feature-leads-vacancies-wrapper .three-tile-content {
        height: auto
    }
    .card-img-container .img-right .news-image,
    .news-image {
        width: 100%!important;
        object-fit: contain!important;
        padding-right: 0!important;
        max-width: inherit!important;
        margin: 0 auto;
        display: block;
        float: none!important
    }
    .card-img-container .img-right .news-image img,
    .news-image img {
        padding-right: 0!important
    }
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .feature-leads-vacancies-wrapper .three-tile-content {
        height: auto
    }
    .card-img-container .img-right .news-image,
    .news-image {
        width: 93%!important;
        object-fit: contain!important;
        padding-right: 0!important;
        max-width: inherit!important;
        margin: 0 auto;
        display: block;
        float: none!important
    }
}

@media (max-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .feature-leads-vacancies-wrapper .three-tile-content {
        height: 450px
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .feature-leads-vacancies-wrapper .three-tile-content {
        height: 450px
    }
}

.date-wrapper {
    display: none
}

.library-filter .form-control[disabled],
.library-filter .form-control[readonly] {
    background-color: #fff
}

.webcast-size {
    width: 100%;
    height: 452px
}

.ir-title-size {
    width: 94%;
    display: inline-block
}

.ir-modal-close {
    padding: 0!important
}

.refine-ir-library {
    line-height: 1.3;
    letter-spacing: normal
}

@media (max-width:767px) {
    .card-container.non-webcast-wrapper .news-read.read-more {
        padding-top: 10px;
        text-align: center
    }
    .reset-padding {
        padding: 0!important
    }
    .webcast-size {
        width: 100%;
        height: 192px
    }
    .ir-title-size {
        width: 89%
    }
    p.wrap {
        white-space: nowrap
    }
    p.ellipsis-title {
        text-overflow: ellipsis;
        overflow: hidden
    }
    p.box-wraps {
        width: 118px
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .card-container.non-webcast-wrapper .news-read.read-more {
        padding-top: 10px;
        text-align: center
    }
    .webcast-size {
        width: 100%;
        height: 452px
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .card-container.non-webcast-wrapper .download-pdf-btn .download-pdf-text {
        display: block!important
    }
    .card-container.non-webcast-wrapper .download-pdf-btn .round-btn-title {
        display: none!important
    }
    .webcast-size {
        width: 100%;
        height: 452px
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .card-container.non-webcast-wrapper .download-pdf-btn .download-pdf-text {
        display: block!important
    }
    .card-container.non-webcast-wrapper .download-pdf-btn .round-btn-title {
        display: none!important
    }
    .webcast-size {
        width: 100%;
        height: 452px
    }
}

.txt-fz-28 {
    font-size: 28px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: -.5px
}

.investor-card-wrapper h3 .glyphicon {
    top: -5px
}

@media (max-width:767px) {
    .investor-card-wrapper.card {
        padding: 20px 20px 30px 20px
    }
    .sgx-txt-align {
        text-align: center
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .sgx-txt-align {
        text-align: left
    }
}

.investor-card-wrapper {
    max-width: 455px;
    padding: 20px 30px 30px 30px;
    background: #fff
}

.investor-card-wrapper h3 .glyphicon {
    top: -5px;
    display: none
}

.share-title {
    font-size: 16px;
    letter-spacing: normal;
    font-weight: 700;
    line-height: 1.38
}

.stock-values {
    font-weight: 400
}

@media (max-width:767px) {
    .investor-card-wrapper.card {
        padding: 20px 20px 30px 20px
    }
    .sgx-txt-align {
        text-align: center
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .sgx-txt-align {
        text-align: left
    }
}

.disc-head {
    letter-spacing: -1.1px
}

.disclaimer-wrapper {
    padding: 40px 30px 43px
}

.disclaimer-modal-dialog {
    width: 865px
}

.disclaimer-text {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal
}

.disclaimer-text p {
    margin-bottom: 20px
}

.disc-checkbox {
    margin-right: 20px
}

.disclaimer-modal-body {
    height: auto;
    padding: 0
}

.error-disc-text {
    font-weight: 700
}

@media (max-width:767px) {
    .disclaimer-modal-dialog {
        width: 95%
    }
    .error-disc-text {
        display: block
    }
	
	.navbar-nav > li > a {
    border-right: none !important;
}
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .disclaimer-modal-dialog {
        width: 95%
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .disclaimer-modal-dialog {
        width: 95%
    }
}

.ir-category-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-txt {
    padding-left: 15px;
    display: inline-block
}

.ir-category-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #dedad4;
    border-radius: 50%
}

.ir-category-container:hover input~.checkmark {
    background-color: #dedad4
}

.ir-category-container input:checked~.checkmark {
    background-color: #00acc6
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.ir-category-container input:checked~.checkmark:after {
    display: block
}

.ir-category-container .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff
}

.cookies-panel {
    height: 82px;
    background: #c8c3bf;
    display: none
}

.cookies-panel-inner {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 150px;
    margin-right: 150px
}

.cookie-text p {
    font-size: 12px;
    line-height: 1.4
}

.cookie-text p a {
    font-size: 12px;
    line-height: 1.4;
    color: #00869d
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.button-cookie-small {
    font-size: 12px;
    line-height: .7;
    border: solid 1px #fff;
    padding: 5px 15px
}

@media (min-width:992px) {
    .cookies-panel-inner {
        padding-right: 0
    }
}

@media (max-width:767px) {
    .cookies-panel {
        height: 190px
    }
    .cookies-panel-inner {
        margin-left: 20px;
        margin-right: 50px
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .cookies-panel {
        height: 82px
    }
    .cookies-panel-inner {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px
    }
}

.download-pdf-text {
    height: 30px;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #464646;
    text-decoration: none
}

.download-pdf-text:active,
.download-pdf-text:focus,
.download-pdf-text:hover,
.download-pdf-text:visited {
    text-decoration: none;
    color: #464646
}

.download-pdf-btn {
    margin-top: 10px;
    float: left;
    padding-left: 0
}

.download-pdf-btn img {
    padding-right: 10px
}

.download-pdf-btn span.small-txt {
    display: block;
    padding-top: 8px
}

.two-column-download-wrapper li {
    float: left;
    width: 48.5%;
    clear: none
}

.two-column-download-wrapper .download-list li:nth-child(odd) {
    margin-right: 3%
}

.two-column-download-wrapper .download-wrap {
    margin-right: 30px
}

.no-ir-thumbnail .download-wrap {
    margin-left: 0
}

@media (max-width:767px) {
    .two-column-download-wrapper li {
        float: none;
        width: 100%;
        clear: both
    }
    .two-column-download-wrapper .download-wrap {
        margin-right: 15px
    }
    .download-pdf-btn {
        float: none;
        text-align: center
    }
    .download-pdf-btn span.small-txt {
        padding-top: 15px
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .download-pdf-btn {
        float: none;
        text-align: center
    }
    .download-pdf-btn span.small-txt {
        text-align: center
    }
    .two-column-download-wrapper .download-wrap {
        margin-right: 125px;
        text-align: left
    }
}

@media only screen and (min-width:1024px) {
    .download-pdf-btn {
        margin-top: 25px
    }
	
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .download-pdf-btn span.small-txt {
        text-align: center
    }
}

.clearfix {
    clear: both
}

.g-fz-28 {
    font-size: 28px;
    line-height: 1.14;
    letter-spacing: -.5px
}

.g-pt-40 {
    padding-top: 40px
}

.g-pl-95 {
    padding-left: 95px
}

.g-pl-15 {
    padding-left: 15px
}

.g-mr-4 {
    margin-right: 4px
}

.g-ml-5 {
    margin-left: 5px
}

.g-pl-5 {
    padding-left: 5px
}

.g-pt-125 {
    padding-top: 125px
}

.g-l-10 {
    left: 10px
}

.g-pt-25 {
    padding-top: 25px
}

.g-mb-61 {
    margin-bottom: 61px
}

.g-ma-0 {
    margin: 0
}

.g-pl-25 {
    padding-left: 25px
}

.g-pt-15 {
    padding-top: 15px
}

.g-pt-8 {
    padding-top: 8px
}

.g-pb-8 {
    padding-bottom: 8px
}

.g-mb-0 {
    margin-bottom: 0
}

.g-mb-3 {
    margin-bottom: 3px
}

.g-mb-4 {
    margin-bottom: 4px
}

.g-mb-36 {
    margin-bottom: 36px
}

.g-pb-37 {
    padding-bottom: 37px
}

.g-pt-4 {
    padding-top: 4px
}

.g-pt-100 {
    padding-top: 100px
}

.g-pr-0 {
    padding-right: 0
}

.g-pr-30 {
    padding-right: 30px
}

.g-pr-10 {
    padding-right: 10px
}

.g-mt-5 {
    margin-top: 5px
}

.g-pr-27 {
    padding-right: 27px
}

.g-pb-90 {
    padding-bottom: 90px
}

.g-pt-5 {
    padding-top: 5px
}

.g-pt-13 {
    padding-top: 13px
}

.g-pt-19 {
    padding-top: 19px
}

.g-pb-56 {
    padding-bottom: 56px
}

.g-ml-0 {
    margin-left: 0
}

.g-mt-20 {
    margin-top: 20px
}

.g-pt-50 {
    padding-top: 50px
}

.g-pb-50 {
    padding-bottom: 50px
}

.g-pt-54 {
    padding-top: 54px
}

.g-col-35p {
    width: 35%;
    float: left
}

.g-pt-190 {
    padding-top: 190px
}

.g-pb-26 {
    padding-bottom: 26px!important
}

.g-py-60 {
    padding: 60px 0
}

.g-pr-25 {
    padding-right: 25px
}

.g-pl-40 {
    padding-left: 40px
}

.g-pt-20 {
    padding-top: 20px
}

.g-mb-38 {
    margin-bottom: 38px
}

.g-mb-20 {
    margin-bottom: 20px
}

.g-mb-10 {
    margin-bottom: 10px
}

.g-mb-25 {
    margin-bottom: 25px
}

.g-mt-120 {
    margin-top: 120px
}

.g-pr-50 {
    padding-right: 50px
}

.g-fs-16 {
    font-size: 16px
}

.g-pt-130 {
    padding-top: 130px
}

.g-pr-40 {
    padding-right: 40px
}

.g-pb-0 {
    padding-bottom: 0
}

.g-ml-66 {
    margin-left: 66px
}

.g-pl-14 {
    padding-left: 14px
}

.g-pl-8 {
    padding-left: 8px
}

.g-pt-45 {
    padding-top: 45px
}

.g-pl-50 {
    padding-left: 50px
}

.g-mt-60 {
    margin-top: 60px
}

.g-mb-55 {
    margin-bottom: 55px
}

.g-mr--10 {
    margin-right: -10px
}

.g-pt-80 {
    padding-top: 80px
}

.g-py-80 {
    padding: 80px 0
}

.g-pt-10 {
    padding-top: 10px
}

.g-pt-17 {
    padding-top: 17px
}

.g-pb-55 {
    padding-bottom: 55px
}

.g-my-10 {
    margin: 10px 0
}

.g-mt-85 {
    margin-top: 85px
}

.g-mb-15 {
    margin-bottom: 15px
}

.g-mb-18 {
    margin-bottom: 18px
}

.g-mb-110 {
    margin-bottom: 110px
}

.g-mt-11 {
    margin-top: 11px
}

.g-mt-30 {
    margin-top: 30px
}

.g-pl-32 {
    padding-left: 32px
}

.g-mt-64 {
    margin-top: 64px
}

.g-mt-105 {
    margin-top: 105px
}

.g-pl-7 {
    padding-left: 7px
}

.g-mb-57 {
    margin-bottom: 57px
}

.g-mt-25 {
    margin-top: 25px
}

.g-mb-65 {
    margin-bottom: 65px
}

.g-mb-121 {
    margin-bottom: 121px
}

.g-mb-80 {
    margin-bottom: 80px
}

.g-pl-65 {
    padding-left: 65px
}

.g-pl-30 {
    padding-left: 30px
}

.g-mb-23 {
    margin-bottom: 23px
}

.g-mb-84 {
    margin-bottom: 84px
}

.g-pb-10 {
    padding-bottom: 10px
}

.g-pb-34 {
    padding-bottom: 34px
}

.g-pb-100 {
    padding-bottom: 100px
}

.g-pb-15 {
    padding-bottom: 15px
}

.g-pb-20 {
    padding-bottom: 20px
}

.g-mt-15 {
    margin-top: 15px
}

.g-mb-70 {
    margin-bottom: 70px
}

.g-mb-50 {
    margin-bottom: 50px
}

.g-mb-40 {
    margin-bottom: 40px
}

.g-mt-10 {
    margin-top: 10px
}

.g-mb-100 {
    margin-bottom: 100px
}

.g-mb-34 {
    margin-bottom: 34px
}

.g-mb-32 {
    margin-bottom: 32px
}

.g-mt-32 {
    margin-top: 32px
}

.g-mb-22 {
    margin-bottom: 22px
}

.g-mb-26 {
    margin-bottom: 26px
}

.p-fs-14 p {
    font-size: 14px
}

.g-mb-27 {
    margin-bottom: 27px
}

.g-mb-46 {
    margin-bottom: 46px
}

.g-mb-47 {
    margin-bottom: 47px
}

.g-pt-9 {
    padding-top: 9px
}

.g-pt-18 {
    padding-top: 18px
}

.g-mt-50 {
    margin-top: 50px
}

.g-pt-30 {
    padding-top: 30px
}

.g-ml-50 {
    margin-left: 50px
}

.g-mr-20 {
    margin-right: 20px
}

.g-mb-75 {
    margin-bottom: 75px
}

.g-mr-56 {
    margin-right: 56px
}

.g-mt-70 {
    margin-top: 70px
}

.g-ml-30 {
    margin-left: 30px
}

.g-pr-35 {
    padding-right: 35px
}

.g-pl-63 {
    padding-left: 63px
}

.g-pr-5p {
    padding-right: 5%
}

.g-pl-90 {
    padding-left: 90px
}

.g-mt-100 {
    margin-top: 100px
}

.g-mt-55 {
    margin-top: 55px
}

.g-mt-40 {
    margin-top: 40px
}

.g-mt-170 {
    margin-top: 170px
}

.g-mb-170 {
    margin-bottom: 170px
}

.g-pb-87 {
    padding-bottom: 87px
}

.g-mb-85 {
    margin-bottom: 85px
}

@media only screen and (max-width:767px) {
	
    .g-pl-0--sm {
        padding-left: 0
    }
    .g-pl-40--sm {
        padding-left: 40px
    }
    .g-pt-xs-17 {
        padding-top: 17px
    }
    .g-pr-xs-5 {
        padding-right: 5px
    }
    .g-pl-xs-15 {
        padding-left: 15px
    }
    .g-mb-xs-15 {
        margin-bottom: 15px
    }
    .g-mb-xs-30 {
        margin-bottom: 30px
    }
    .g-mb-xs-50 {
        margin-bottom: 50px
    }
    .g-pl-xs-10 {
        padding-left: 10px
    }
    .g-l-10 {
        left: 0
    }
    .g-fs-xs-16 {
        font-size: 16px
    }
    .g-mb-xs-25 {
        margin-bottom: 25px
    }
    .g-pt-xs-40 {
        padding-top: 40px
    }
    .g-pt-xs-60 {
        padding-top: 60px
    }
    .g-pt-xs-5 {
        padding-top: 5px
    }
    .g-pt-xs-15 {
        padding-top: 15px
    }
    .g-pb-xs-50 {
        padding-bottom: 50px
    }
    .g-pt-xs-0 {
        padding-top: 0
    }
    .g-pt-190 {
        padding-top: 70px
    }
    .g-mt-xs-0 {
        margin-top: 0
    }
    .g-pb-xs-60 {
        padding-bottom: 60px
    }
    .g-pb-xs-0 {
        padding-bottom: 0
    }
    .g-pt-xs-20 {
        padding-top: 20px
    }
    .g-pt-xs-25 {
        padding-top: 25px
    }
    .g-pt-xs-30 {
        padding-top: 30px
    }
    .g-mt-xs-20 {
        margin-top: 20px
    }
    .g-pb-xs-40 {
        padding-bottom: 40px
    }
    .g-pt-xs-50 {
        padding-top: 50px
    }
    .g-pr-xs-0 {
        padding-right: 0
    }
    .g-pl-xs-0 {
        padding-left: 0
    }
    .g-pl-xs-45 {
        padding-left: 45px
    }
    .g-pl-xs-25 {
        padding-left: 25px
    }
    .g-pr-xs-10 {
        padding-right: 10px!important
    }
    .g-pr-xs-45 {
        padding-right: 45px
    }
    .g-pr-xs-25 {
        padding-right: 25px
    }
    .g-pr-xs-15 {
        padding-right: 15px
    }
    .g-pb-xs-20 {
        padding-bottom: 20px
    }
    .g-ma-0--sm {
        margin: 0
    }
    .g-mt-40--sm {
        margin-top: 40px
    }
    .g-mb-30--sm {
        margin-bottom: 30px
    }
    .g-pa-0-xs {
        padding: 0
    }
    .g-ma-0-xs {
        margin: 0
    }
    .g-pa-0--sm {
        padding: 0
    }
    .g-mt-20--sm {
        margin-top: 20px
    }
    .g-mb-20--sm {
        margin-bottom: 20px
    }
    .g-mb-15--sm {
        margin-bottom: 15px
    }
    .g-ml-12--sm {
        margin-left: 12px
    }
    .g-mr-12--sm {
        margin-right: 12px
    }
    .g-ml-0--sm {
        margin-left: 0
    }
    .g-mr-0--sm {
        margin-right: 0
    }
    .g-pb-25--sm {
        padding-bottom: 25px
    }
    .g-mb-50--sm {
        margin-bottom: 50px
    }
    .g-mb-25--sm {
        margin-bottom: 25px
    }
    .g-mb-0--sm {
        margin-bottom: 0
    }
    .g-mb-10--sm {
        margin-bottom: 10px
    }
    .g-ml-10--sm {
        margin-left: 10px
    }
    .g-mr-10--sm {
        margin-right: 10px
    }
    .g-pt-xs-10 {
        padding-top: 10px
    }
    .g-mb-xs-20 {
        margin-bottom: 20px
    }
    .g-mb-40--sm {
        margin-bottom: 40px
    }
    .g-mt-10--sm {
        margin-top: 10px
    }
    .g-mt-xs-40 {
        margin-top: 40px
    }
    .g-mb-xs-40 {
        margin-bottom: 40px
    }
    .g-mb-10-xs {
        margin-bottom: 10px
    }
    .g-pb-0-xs {
        padding-bottom: 0!important
    }
    .g-mb-xs-0 {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .g-pa-0 {
        padding: 0
    }
    .g-px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .g-py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .g-pl-0 {
        padding-left: 0
    }
    .g-pr-0 {
        padding-right: 0
    }
    .g-pt-0 {
        padding-top: 0
    }
    .g-pl-10 {
        padding-left: 10px
    }
    .g-py-50 {
        padding: 50px 0
    }
    .g-pt-50 {
        padding-top: 50px
    }
    .g-pt-90 {
        padding-top: 90px
    }
    .g-mt-50 {
        margin-top: 50px
    }
    .g-mb-30 {
        margin-bottom: 30px
    }
    .g-mb-35 {
        margin-bottom: 35px
    }
    .g-pt-102 {
        padding-top: 102px
    }
    .g-mb-32 {
        margin-bottom: 32px
    }
    .g-mb-40 {
        margin-bottom: 40px
    }
    .g-pt-89 {
        padding-top: 89px
    }
    .g-pt-172 {
        padding-top: 172.6px
    }
    .g-ps-20 {
        padding: 0 20px
    }
    .g-mt-60 {
        margin-top: 60px
    }
    .g-mb-212 {
        margin-bottom: 212px
    }
    .g-ma-0--md {
        margin: 0
    }
    .g-pt-110 {
        padding-top: 110px
    }
    .g-mt-279 {
        margin-top: 279px
    }
    .g-pb-60 {
        padding-bottom: 60px
    }
    .g-pt-60 {
        padding-top: 60px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .g-pl-sm-0 {
        padding-left: 0
    }
    .g-mb-212 {
        margin-bottom: 0
    }
    .g-pt-sm-25 {
        padding-top: 50px
    }
    .g-py-sm-25 {
        padding: 25px 0
    }
    .g-pt-sm-60 {
        padding-top: 60px
    }
    .g-pt-sm-45 {
        padding-top: 45px
    }
    .g-pl-sm-30 {
        padding-left: 30px
    }
}

@media (min-width:576px) {
    .g-ma-0--sm {
        margin: 0
    }
}

@media only screen and (min-width:992px) {
    .g-py-50 {
        padding: 50px 0
    }
}

.g-pa-xs-30 {
    margin: 10px 0 20px
}

@media only screen and (min-width:320px) and (max-width:900px) {
    .g-mb-xs-30 {
        margin-bottom: 30px
    }
    .g-mb-xs-40 {
        margin-bottom: 40px
    }
    .g-plr-xs-25 {
        padding: 0 25px
    }
    .g-mb-xs-15 {
        margin-bottom: 15px
    }
}

@media (min-width:768px) and (orientation:portrait) and (-webkit-max-device-pixel-ratio:2) {
    .g-mb-sm-0 {
        margin-bottom: 0
    }
    .g-mb-sm-15 {
        margin-bottom: 15px
    }
    .g-pl-xs-0 {
        padding-left: 0
    }
    .g-pb-sm-0 {
        padding-bottom: 0
    }
    .g-pa-0-xs {
        padding: 0
    }
    .g-pt-sm-20 {
        padding-top: 20px
    }
    .g-pr-xs-0 {
        padding-right: 0
    }
    .g-pl-xs-10 {
        padding-left: 10px
    }
    .g-l-10 {
        left: 0
    }
    .g-pt-190 {
        padding-top: 70px
    }
    .g-pt-xs-0 {
        padding-top: 0!important
    }
    .g-sm-pr-15 {
        padding-right: 15px
    }
    .g-pt-xs-40 {
        padding-top: 40px
    }
    .g-mt-sm-60 {
        margin-top: 60px
    }
    .g-mb-0--sm {
        margin-bottom: 0
    }
    .g-pb-xs-50 {
        padding-top: 50px
    }
    .g-pt-xs-20 {
        padding-top: 20px
    }
    .g-pt-sm-40 {
        padding-top: 40px
    }
    .g-pt-sm-60 {
        padding-top: 60px
    }
    .g-mt-sm-40 {
        margin-top: 40px
    }
    .g-pb-sm-125 {
        padding-bottom: 125px
    }
    .g-pl-sm-0 {
        padding-left: 0
    }
    .g-ml-sm-0 {
        margin-left: 0
    }
    .g-pt-xs-50 {
        padding-top: 50px
    }
    .g-pt-sm-0 {
        padding-top: 0!important
    }
    .g-pb-0-md {
        padding-bottom: 0
    }
    .g-pb-30-md {
        padding-bottom: 30px
    }
    .g-mt-20--md {
        margin-top: 20px
    }
    .g-mb-50--md {
        margin-bottom: 50px
    }
    .g-ml-0--md {
        margin-left: 0
    }
    .g-mb-20--md {
        margin-bottom: 20px
    }
    .g-mb-30--md {
        margin-bottom: 30px
    }
}

@media (min-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .g-pt-0 {
        padding-top: 0
    }
    .g-mb-md-15 {
        margin-bottom: 15px
    }
    .g-pl-sm-30 {
        padding-left: 30px
    }
    .g-mb-20--sm {
        margin-bottom: 20px
    }
    .g-sm-pl-15 {
        padding-left: 35px
    }
    .g-pt-xs-0 {
        padding-top: 0
    }
    .g-pa-0-xs {
        padding: 0
    }
    .g-pl-xs-0 {
        padding-left: 0
    }
    .g-pt-sm-20 {
        padding-top: 20px
    }
    .g-pb-sm-48 {
        padding-bottom: 48px
    }
    .g-l-10 {
        left: 0
    }
    .g-mt-sm-60 {
        margin-top: 60px
    }
    .g-pr-sm-0 {
        padding-right: 0
    }
    .g-mt-sm-land-60 {
        margin-top: 60px
    }
    .g-pb-md-0 {
        padding-bottom: 0
    }
    .g-pl-md-30 {
        padding-left: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .g-pl-md-0 {
        padding-left: 0
    }
    .g-mt-md-35 {
        margin-top: 35px
    }
    .g-mt-md-35 {
        margin-top: 35px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .g-pl-32 {
        padding-left: 0
    }
    .g-mb-sm-41 {
        margin-bottom: 41px
    }
    .g-mt-sm-20 {
        margin-top: 20px
    }
    .g-pb-xs-0 {
        padding-bottom: 0
    }
    .g-mt-xs-70 {
        margin-top: 70px
    }
    .agriTxt h3 {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    
.navbar-nav > li > a {
    border-right: unset !important;
}

	.toggle-menu {
    margin-top: 0 !important;
}
	/* .side-nav-menu a {
    height: 25px;
}
.navbar-nav > li > a {
    border-right: unset !important;
} */
	.page-title {
    padding-top: 138px !important;
}
	.nav-img{
    background: transparent !important;
}

.nav-img {
margin: 5px 20px 0px 0px !important;}
.mobile-menubar {
        padding-right: 20px;
        margin-top: 6px;
        float: left;
		width: 64px;
    }
.mobile-menubar-white{
    padding-top: 18px;
}
.selector-lang {
   padding-top: 8px
}

	.g-mb-50--md {
        margin-bottom: 50px
    }
    .g-mb-30--md {
        margin-bottom: 30px
    }
    .g-mt-40--md {
        margin-top: 40px
    }
    .g-mb-20--md {
        margin-bottom: 20px
    }
}

@media (min-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .g-mb-30--md {
        margin-bottom: 30px
    }
    .g-mb-sm-15 {
        margin-bottom: 15px
    }
    .g-pt-xs-60 {
        padding-top: 60px
    }
    .g-pt-sm-20 {
        padding-top: 20px
    }
    .g-pr-xs-0 {
        padding-right: 0
    }
    .g-pt-sm-0 {
        padding-top: 0
    }
    .g-pb-sm-48 {
        padding-bottom: 48px
    }
    .g-mt-sm-60 {
        margin-top: 60px
    }
    .g-pt-sm-40 {
        padding-top: 40px
    }
    .g-pr-sm-0 {
        padding-right: 0
    }
    .g-mt-sm-land-60 {
        margin-top: 60px
    }
    .g-pt-190 {
        padding-top: 100px
    }
    .g-pt-sm-100 {
        padding-top: 100px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {


.nav-img{
    background: transparent !important;
}

	.g-pt-102 {
        padding-top: 65.6px
    }
    .g-pl-30-md {
        padding-left: 30px
    }
}


.hero-img {
    position: relative
}

.selectpicker {
    float: right;
    border: none;
    border-radius: 2px;
    padding: 4px 7px;
    background: 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    outline: 0;
    cursor: pointer
}

.selectpicker option {
    margin: 40px;
    color: #797979;
    background: 0 0
}

.selector-lang {
    width: auto;
    float: right
}

.selector-lang .selected {
    /* color:  #417630 !important; */
	color:  #54af32 !important;
    background: 0 0;
    font-size: 14px;
	text-transform: uppercase;
}


.logo-info-content a,
.logo-info-content img {
    width: 50%;
    float: left
}

.footer-content-info h3 {
    font-size: 20px;
    color: #fff;
    width: 100%;
    float: right;
    margin-bottom: 10px;
    text-transform: uppercase
}

.navbar-collapse.navigator.collapse.in {
     /* background: #fff; */
    background-size: cover;
    background-position: right;    z-index: 999;
	 /* background-color: #000000;  */
	 background: rgb(255,255,255);
}

.custom-select {
    position: relative;
    font-family: 'Poppins', sans-serif;
}

.custom-select select {
    display: none
}

.select-selected {
    background-color: transparent
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px
}

.select-items div,
.select-selected {
    color: #fff;
    padding: 8px 6px;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none
}

.select-items {
    position: absolute;
    background-color: transparent;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99
}

.select-hide {
    display: none
}

@media screen and (min-width:1400px) and (max-width:1920px) {
    #staticbanner+img+div.container-fluid,
    #youtubebanner+img+div.container-fluid,
    video.bannerVideo+img+div.container-fluid {
        position: absolute;
        top: 330px;
        width: 100%
    }
}

.tile-img:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .7;
    transition: .5s ease;
    background-color: rgba(5, 5, 5, .91);
    overflow: hidden;
    z-index: 11
}

.tile-content-container.p-fs-16 {
    position: relative;
    z-index: 111
}

.tile-content-container h3 {
    text-align: left
}

.home2-menu {
    float: right;
}

.custom-select {
    width: 150px!important;
    float: right
}

.selector-lang span {
    color: #417630 !important;
    width: auto;
    float: left;
    font-weight: 600!important;
    padding: 0 4px;
    cursor: pointer;
	margin: 0 0; font-size: 14px;
	text-transform: uppercase;
	line-height: 1;
}
.selector-lang span:first-child{border-right: 2px solid #417630;}
.footer-content-info .info-content .list-info a:hover {
    text-decoration: underline
}

@media screen and (max-width:990px) {
    .home-header .normalmenu-bg {
        background: 0 0;
        position: relative
    }
    .home-header .navbar-nav>li {
        float: none;
        margin-bottom: 0;
        margin-top: 0
    }
}

@media screen and (max-width:767px) {
	
	
	
	/* .nav-img {height:0px !important;} */
    .selector-lang span {
        color: #fff!important;
        width: auto;
        float: left;
        font-weight: 700!important;
        margin: 0 8px;
        cursor: pointer;
        font-size: 11px;
    }
    .agriculture-growth .news-image img {
        width: 100%
    }
}

.arrow {
    position: fixed;
    right: 25px;
    bottom: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #417630;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #ffffff;
}

#scroll:hover {
    background-color: #92cf89;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.intro {
    font-weight: Bold;
}
}
 .navbar-nav {
    float: left !important;
    margin: 15px !important;
    margin-right: 0px !important;
}
 }
 
 
/*  @media (min-width: 1200px) {
 .nav-img{margin: 5px 0;height: 114px;background: url(../images/header-img2.png) no-repeat;background-size: cover;
    background-position: center;
 padding-right: 0;margin-bottom:0;}
 } */
/*   .nav-img{margin: 5px 0;height: 114px;background: url(../images/header-img2.png) no-repeat;background-size: cover;
    background-position: center;
 margin-bottom:0;} */
 .home2-menu{background:transparent;}
 
 
/*  .main-header {
    background-color: rgba(0,0,0,0.4);
} */
 .main-header {
    background-color: rgb(255, 255, 255);
}
.home-header .home-menu.list-navigation li a, .home-header .home2-menu.list-navigation li a {
    color: #54af32;
}
.home-header .home-menu.list-navigation li>a, .home-header .home2-menu.list-navigation li>a {margin-bottom: 20px;}
/* .home2-menu .normalmenu-bg {
    border: none;
    background-color: rgba(0,0,0);border-radius:5px;
} */
nav ul.megamenu li {
    border-bottom:0;
}

.navbar-brand, .navbar-nav>li>a {
     text-shadow: unset !important; 
}
.menu-selected {
    color: #417630 !important;
}
.home-header .home2-menu.list-navigation li a:hover {
     color: #464646 !important; 
	/* color:#54af32 !important; */
}
.normalmenu-bg.megamenu li a{margin-bottom:0 !important;}
.selector-lang span {
    color: #bf9b30 !important; 
}
.selector-lang span:first-child {
    border-right: 2px solid  #bf9b30;
}
 @media (min-width: 1200px) {
.navbar-nav > li > a {
    border-right: 2px solid #bf9b30;
    text-decoration: none;
  /*   padding-left: 7px !important; */
  /*   padding-right: 17px !important;  */
	    line-height: 1;
} 
[class^="main-"] li:last-child a, [class*=" main-"] li:last-child a {
    border: 0;
    padding-right: 0;
}
    /* .main-menu a{height: 11px;} */
 }
.page-title{padding-top: 175px;}

.home-header .home-menu.list-navigation li:after, .home-header .home2-menu.list-navigation li:after{padding:0;}
@media (min-width: 1201px){	.hidden-lg{display:none;}}
@media (max-width: 1200px){
	.hidden-sm{display:none}
	.side-nav-menu a.link:after {
    content: "\f078";
    font-family: FontAwesome;
    margin-left: 4px;
    font-size: 10px;
    line-height: 5px;
	margin-top: 0px;
}
	.accordion {
	  width: 100%;
		max-width: 360px;
		/* margin: 30px auto 20px; */
		/* background: #FFF; */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		list-style: none;
		padding: 0;
	}

	.accordion .link {
	  cursor: pointer;
	  display: block;
	  color:#ffffff;
	  padding: 0 15px 0 0;
	  font-size: 14px;
	  font-weight: 700;
	  position: relative;
	  -webkit-transition: all 0.4s ease;
	  -o-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	}
	
	.accordion .link:hover{text-decoration:none !important;}

	.accordion a{text-transform:uppercase;}
	
	.accordion li i {
	  position: absolute;
	  top: 16px;
	  left: 12px;
	  font-size: 18px;
	  -webkit-transition: all 0.4s ease;
	  -o-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	}

	.accordion li i.fa-chevron-down {
		right: 212px;
		left: auto;
		font-size: 11px;
		line-height: 5px;
	}
	.top-level.side-nav-menu a{color:#54af32;font-family:Poppins;font-weight:600;font-size: 14px;
    line-height: 24px;text-align:left;
	display: flex;
    align-items: center;
	}
	.top-level.side-nav-menu{width: 100%;float: left;margin:5px 0;}


	.accordion li.open i.fa-chevron-down {
	  -webkit-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
	  -o-transform: rotate(180deg);
	  transform: rotate(180deg);
	}

	/**
	 * Submenu
	 -----------------------------*/


	.submenu {
	  display: none;
	  list-style: none;
    padding: 0;
	}
	.submenu li{margin:0;    margin-top: 10px;padding-right:15px;}

	.submenu a {
	  display: block;
	  text-decoration: none;
	  color: #ffffff;
	  padding-left: 20px;
	  -webkit-transition: all 0.25s ease;
	  -o-transition: all 0.25s ease;
	  transition: all 0.25s ease;
	}

	}
	
	
@media (max-width: 1200px){	
	
	.home-header .home2-menu.list-navigation li a:hover {
    color: #417630 !important;
}
.home-header .home-menu.list-navigation li a, .home-header .home2-menu.list-navigation li a {
    color: #464646;
}
.navbar-nav > li > a {
    border-right: 2px solid #bf9b30;
}
.main-header {
    background: rgb(255,255,255) !important;
}
.menu-selected {
    color: #417630 !important;
}
}


.slide-img{background:#ffffff;
position:relative;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .bannerVideo{height:auto;}
}